refactor: add disabled prop support to useClosable

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: zombieJ

src/hooks/useClosable.ts

@@ -3,34 +3,38 @@ import * as React from 'react';
 
 export type ClosableConfig = {
   closeIcon?: React.ReactNode;
+  disabled?: boolean;
   onClose?: VoidFunction;
 } & React.AriaAttributes;
 
 export type ClosableType = boolean | ClosableConfig | null | undefined;
 
-export type MergedClosableConfig = Omit<ClosableConfig, 'closeIcon'> & {
-  closeIcon: React.ReactNode;
-};
-
-const EMPTY_CLOSABLE: ClosableConfig = {};
-
-function normalizeClosable(closable?: ClosableType): ClosableConfig {
-  if (typeof closable === 'object' && closable !== null) {
-    return closable;
-  }
-
-  return EMPTY_CLOSABLE;
-}
+export type ParsedClosableConfig = ClosableConfig &
+  Required<Pick<ClosableConfig, 'closeIcon' | 'disabled'>>;
 
 export default function useClosable(
   closable?: ClosableType,
-): [boolean, MergedClosableConfig, ReturnType<typeof pickAttrs>] {
-  const closableObj = React.useMemo(() => normalizeClosable(closable), [closable]);
-
-  const closableConfig = React.useMemo<MergedClosableConfig>(
+): [boolean, ParsedClosableConfig, ReturnType<typeof pickAttrs>] {
+  const closableObj = React.useMemo(() => {
+    if (closable === false) {
+      return {
+        closeIcon: null,
+        disabled: true,
+      };
+    }
+
+    if (typeof closable === 'object' && closable !== null) {
+      return closable;
+    }
+
+    return {};
+  }, [closable]);
+
+  const closableConfig = React.useMemo<ParsedClosableConfig>(
     () => ({
       ...closableObj,
-      closeIcon: closableObj.closeIcon ?? 'x',
+      closeIcon: closableObj.closeIcon ?? '×',
+      disabled: closableObj.disabled ?? false,
     }),
     [closableObj],
   );