@bioturing/components 0.32.0 → 0.32.2

package/dist/components/code-block/types.d.ts

@@ -0,0 +1,64 @@
+import { HighlightProps } from 'prism-react-renderer';
+export interface CodeOption {
+    label: string;
+    code: string;
+    lang?: HighlightProps["language"];
+}
+export interface CodeBlockProps extends Omit<React.ComponentPropsWithRef<"div">, "onCopy"> {
+    /**
+     * The code to be highlighted
+     */
+    code?: string;
+    /**
+     * The language of the code
+     * @default "tsx"
+     */
+    lang?: string;
+    /**
+     * Additional class name for the component
+     */
+    className?: string;
+    /**
+     * Options for the code block
+     * @default []
+     */
+    options?: CodeOption[];
+    /**
+     * The active option when the component is controlled
+     */
+    activeOption?: number;
+    /**
+     * The default active option when the component is uncontrolled
+     * @default 0
+     */
+    defaultActiveOption?: number;
+    /**
+     * Callback function when the active option changes
+     */
+    onActiveOptionChange?: (option: number) => void;
+    /**
+     * Copy text label
+     */
+    copyText?: string;
+    /**
+     * Copy success text label
+     */
+    copySuccessText?: string;
+    /**
+     * Custom class names for each part of the code block
+     */
+    classNames?: {
+        root?: string;
+        content?: string;
+        header?: string;
+    };
+    /**
+     * Maximum height of the code block
+     */
+    maxHeight?: string | number;
+    /**
+     * Copy callback function
+     */
+    onCopy?: (code?: string) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/code-block/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC;IAC1D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC"}

package/dist/components/collapse/component.d.ts

@@ -0,0 +1,14 @@
+import { CollapseProps as AntCollapseProps, CollapsePanelProps as AntCollapsePanelProps } from 'antd';
+import { ForwardedRef } from 'react';
+export interface CollapseProps extends AntCollapseProps {
+}
+export interface CollapsePanelProps extends AntCollapsePanelProps {
+}
+declare const CollapseInner: (props: CollapseProps, ref: ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const Collapse: ((props: CollapseProps & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => ReturnType<typeof CollapseInner>) & {
+    Panel: (props: CollapsePanelProps) => import("react/jsx-runtime").JSX.Element;
+};
+export {};
+//# sourceMappingURL=component.d.ts.map

package/dist/components/collapse/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/collapse/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,aAAa,IAAI,gBAAgB,EACtC,KAAK,kBAAkB,IAAI,qBAAqB,EACjD,MAAM,MAAM,CAAC;AACd,OAAO,EAAE,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAItD,OAAO,aAAa,CAAC;AAGrB,MAAM,WAAW,aAAc,SAAQ,gBAAgB;CAAG;AAG1D,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB;CAAG;AAGpE,QAAA,MAAM,aAAa,GACjB,OAAO,aAAa,EACpB,KAAK,YAAY,CAAC,cAAc,CAAC,4CAWlC,CAAC;AAyBF,eAAO,MAAM,QAAQ,WArBZ,aAAa,GAAG;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;CAC1C,KACE,UAAU,CAAC,OAAO,aAAa,CAAC;mBAGf,kBAAkB;CAiBtC,CAAC"}

package/dist/components/collapse/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/collapse/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  Collapse as AntCollapse,\n  type CollapseProps as AntCollapseProps,\n  type CollapsePanelProps as AntCollapsePanelProps,\n} from \"antd\";\nimport { type ForwardedRef, forwardRef } from \"react\";\nimport { useCls, clsx } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Define props interface extending Ant Design's CollapseProps\nexport interface CollapseProps extends AntCollapseProps {}\n\n// Define props interface extending Ant Design's CollapsePanelProps\nexport interface CollapsePanelProps extends AntCollapsePanelProps {}\n\n// Create inner function with forwarded ref\nconst CollapseInner = (\n  props: CollapseProps,\n  ref: ForwardedRef<HTMLDivElement>\n) => {\n  const { className, ...restProps } = props;\n  const cls = useCls();\n  return (\n    <AntCollapse\n      ref={ref}\n      className={cls(\"collapse\", className)}\n      {...restProps}\n    />\n  );\n};\n\n// Use forwardRef with type assertion\nconst MainCollapse = forwardRef(CollapseInner) as (\n  props: CollapseProps & {\n    ref?: React.ForwardedRef<HTMLDivElement>;\n  }\n) => ReturnType<typeof CollapseInner>;\n\n// Create the Panel component (deprecated)\nconst Panel = (props: CollapsePanelProps) => {\n  const { className, ...restProps } = props;\n  const cls = useCls();\n  console.warn(\n    \"[bioturing-ds] Collapse.Panel is deprecated. Please use items prop instead.\"\n  );\n  return (\n    <AntCollapse.Panel\n      className={clsx(cls(\"collapse-panel\"), className)}\n      {...restProps}\n    />\n  );\n};\n\n// Create the final component with Panel property\nexport const Collapse = Object.assign(MainCollapse, {\n  Panel: Panel,\n});\n"],"names":["CollapseInner","props","ref","className","restProps","cls","useCls","jsx","AntCollapse","MainCollapse","forwardRef","Panel","clsx","Collapse"],"mappings":";;;;;;;AAmBA,MAAMA,IAAgB,CACpBC,GACAC,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAAcH,GAC9BI,IAAMC,EAAO;AAEjB,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,WAAWG,EAAI,YAAYF,CAAS;AAAA,MACnC,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ,GAGMK,IAAeC,EAAWV,CAAa,GAOvCW,IAAQ,CAACV,MAA8B;AAC3C,QAAM,EAAE,WAAAE,GAAW,GAAGC,EAAA,IAAcH,GAC9BI,IAAMC,EAAO;AACX,iBAAA;AAAA,IACN;AAAA,EACF,GAEE,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,WAAWI,EAAKP,EAAI,gBAAgB,GAAGF,CAAS;AAAA,MAC/C,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ,GAGaS,IAAW,OAAO,OAAOJ,GAAc;AAAA,EAClD,OAAAE;AACF,CAAC;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/collapse/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  Collapse as AntCollapse,\n  type CollapseProps as AntCollapseProps,\n  type CollapsePanelProps as AntCollapsePanelProps,\n} from \"antd\";\nimport { type ForwardedRef, forwardRef } from \"react\";\nimport { useCls, clsx } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Define props interface extending Ant Design's CollapseProps\nexport interface CollapseProps extends AntCollapseProps {}\n\n// Define props interface extending Ant Design's CollapsePanelProps\nexport interface CollapsePanelProps extends AntCollapsePanelProps {}\n\n// Create inner function with forwarded ref\nconst CollapseInner = (\n  props: CollapseProps,\n  ref: ForwardedRef<HTMLDivElement>\n) => {\n  const { className, ...restProps } = props;\n  const cls = useCls();\n  return (\n    <AntCollapse\n      ref={ref}\n      className={cls(\"collapse\", className)}\n      {...restProps}\n    />\n  );\n};\n\n// Use forwardRef with type assertion\nconst MainCollapse = forwardRef(CollapseInner) as (\n  props: CollapseProps & {\n    ref?: React.ForwardedRef<HTMLDivElement>;\n  }\n) => ReturnType<typeof CollapseInner>;\n\n// Create the Panel component (deprecated)\nconst Panel = (props: CollapsePanelProps) => {\n  const { className, ...restProps } = props;\n  const cls = useCls();\n  console.warn(\n    \"[bioturing-ds] Collapse.Panel is deprecated. Please use items prop instead.\"\n  );\n  return (\n    <AntCollapse.Panel\n      className={clsx(cls(\"collapse-panel\"), className)}\n      {...restProps}\n    />\n  );\n};\n\n// Create the final component with Panel property\nexport const Collapse = Object.assign(MainCollapse, {\n  Panel: Panel,\n});\n"],"names":["CollapseInner","props","ref","className","restProps","cls","useCls","jsx","AntCollapse","MainCollapse","forwardRef","Panel","clsx","Collapse"],"mappings":";;;;;;;AAmBA,MAAMA,IAAgB,CACpBC,GACAC,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAAcH,GAC9BI,IAAMC,EAAA;AACZ,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,WAAWG,EAAI,YAAYF,CAAS;AAAA,MACnC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV,GAGMK,IAAeC,EAAWV,CAAa,GAOvCW,IAAQ,CAACV,MAA8B;AAC3C,QAAM,EAAE,WAAAE,GAAW,GAAGC,EAAA,IAAcH,GAC9BI,IAAMC,EAAA;AACZ,iBAAQ;AAAA,IACN;AAAA,EAAA,GAGA,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,WAAWI,EAAKP,EAAI,gBAAgB,GAAGF,CAAS;AAAA,MAC/C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV,GAGaS,IAAW,OAAO,OAAOJ,GAAc;AAAA,EAClD,OAAAE;AACF,CAAC;"}

package/dist/components/collapse/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/collapse/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/collapse/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/color-select/component.d.ts

@@ -0,0 +1,36 @@
+import { default as React, ComponentPropsWithoutRef } from 'react';
+import { ColorPickerProps } from 'antd/es/color-picker';
+/**
+ * Props for the ColorSelect component.
+ */
+export interface ColorSelectProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
+    /** Controlled list of selected hex colors */
+    value?: string[];
+    /** Default list of selected hex colors for uncontrolled usage */
+    defaultValue?: string[];
+    /** Callback invoked when selected colors change */
+    onChange?: (value: string[]) => void;
+    /** Props to pass through to the Ant Design ColorPicker, excluding value/onChange/onChangeComplete */
+    colorPickerProps?: Omit<ColorPickerProps, "value" | "onChange" | "onChangeComplete">;
+    /** Preset color swatches displayed in the picker */
+    presetColors?: string[];
+    /** Controlled open state of the ColorPicker dropdown */
+    open?: boolean;
+    /** Callback invoked when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Default open state for uncontrolled usage */
+    defaultOpen?: boolean;
+}
+export declare const ColorSelect: React.ForwardRefExoticComponent<Omit<{
+    [x: string]: any;
+    className: any;
+    value: any;
+    defaultValue: any;
+    onChange: any;
+    colorPickerProps: any;
+    presetColors: any;
+    open: any;
+    onOpenChange: any;
+    defaultOpen: any;
+}, "ref"> & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=component.d.ts.map

package/dist/components/color-select/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/color-select/component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,wBAAwB,EAOzB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,gBAAgB,EAAc,MAAM,sBAAsB,CAAC;AAWzE,OAAO,aAAa,CAAC;AAErB;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,qGAAqG;IACrG,gBAAgB,CAAC,EAAE,IAAI,CACrB,gBAAgB,EAChB,OAAO,GAAG,UAAU,GAAG,kBAAkB,CAC1C,CAAC;IACF,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,wDAAwD;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,+CAA+C;IAC/C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAgWD,eAAO,MAAM,WAAW;;;;;;;;;;;kDAAkB,CAAC"}

package/dist/components/color-select/component.js

@@ -28,7 +28,7 @@ const ce = ({
     q,
     h,
     O
-  ), [C, S] = w(null), [i, D] = w(""), [E, M] = w(""), [k, r] = $(
+  ), [C, S] = w(null), [i, D] = w(""), [E, M] = w(""), [k, n] = $(
     U,
     g,
     W
@@ -36,16 +36,14 @@ const ce = ({
     x: 0,
     y: 0
   }), v = c(() => {
-    var e;
-    z.current = !0, (e = d.current) == null || e.focus(), oe(d.current);
+    z.current = !0, d.current?.focus(), oe(d.current);
   }, []), b = c(() => {
-    r(!1), v();
-  }, [r, v]);
+    n(!1), v();
+  }, [n, v]);
   L(() => {
     if (!k) return;
     const e = (t) => {
-      var o;
-      (o = y.current) != null && o.contains(t.target) || d.current && !d.current.isEqualNode(t.target) && b();
+      y.current?.contains(t.target) || d.current && !d.current.isEqualNode(t.target) && b();
     };
     return document.addEventListener("click", e), () => document.removeEventListener("click", e);
   }, [k, b]), L(() => {
@@ -62,13 +60,13 @@ const ce = ({
   const A = c(() => {
     const t = i.trim().split(/[;,\s]+/).filter(Boolean).map(
       (l) => l.trim().toUpperCase()
-    ), o = [], n = t.reduce((l, m) => (R(m, !0) ? l.push(m) : o.push(m), l), []);
-    o.length && ne(`Invalid colors: ${o.join(", ")}`);
-    const p = /* @__PURE__ */ new Set([...s, ...n]);
-    h && h([...p]), g && g(!1), D(""), M(""), r(!1), requestAnimationFrame(() => {
-      r(!0);
+    ), r = [], o = t.reduce((l, m) => (R(m, !0) ? l.push(m) : r.push(m), l), []);
+    r.length && ne(`Invalid colors: ${r.join(", ")}`);
+    const p = /* @__PURE__ */ new Set([...s, ...o]);
+    h && h([...p]), g && g(!1), D(""), M(""), n(!1), requestAnimationFrame(() => {
+      n(!0);
     });
-  }, [i, s, h, g, r]), B = c(
+  }, [i, s, h, g, n]), B = c(
     (e) => {
       e.key === "Enter" && A(), e.key === "Backspace" && !i && (e.ctrlKey || e.metaKey ? u([]) : u(s.slice(0, -1)));
     },
@@ -87,14 +85,14 @@ const ce = ({
     ({
       open: e,
       child: t,
-      value: o,
-      onChange: n,
+      value: r,
+      onChange: o,
       onOpenChange: p
     }) => /* @__PURE__ */ f(
       _,
       {
-        value: o,
-        onChange: n,
+        value: r,
+        onChange: o,
         open: e,
         onOpenChange: p,
         arrow: !1,
@@ -122,12 +120,12 @@ const ce = ({
     ]
   ), G = j(
     () => s.map((e, t) => {
-      const o = /* @__PURE__ */ f(se, { title: e, children: /* @__PURE__ */ f(
+      const r = /* @__PURE__ */ f(se, { title: e, children: /* @__PURE__ */ f(
         le,
         {
           className: a("color-select-tag"),
           closable: !0,
-          onClose: () => u(s.filter((n) => n !== e)),
+          onClose: () => u(s.filter((o) => o !== e)),
           icon: /* @__PURE__ */ f(
             "span",
             {
@@ -139,16 +137,16 @@ const ce = ({
         }
       ) }, `${e}-${t}`);
       return V({
-        child: o,
+        child: r,
         open: C !== null && C === t,
         value: s[t],
-        onChange: (n) => {
+        onChange: (o) => {
           u(
-            s.map((p, l) => l === t ? n.toHexString() : p)
+            s.map((p, l) => l === t ? o.toHexString() : p)
           );
         },
-        onOpenChange: (n) => {
-          S(n ? t : null);
+        onOpenChange: (o) => {
+          S(o ? t : null);
         }
       });
     }),
@@ -171,21 +169,21 @@ const ce = ({
         ref: te(N, d),
         onChange: (e) => {
           const t = e.target.value;
-          D(t), R(t, !0) && M(t), t.length > 7 || t.length == 7 && !t.startsWith("#") ? r(!1) : r(!0);
+          D(t), R(t, !0) && M(t), t.length > 7 || t.length == 7 && !t.startsWith("#") ? n(!1) : n(!0);
         },
         onKeyDown: B,
         onFocus: (e) => {
-          T(!0), r(!0);
+          T(!0), n(!0);
         },
         onBlur: (e) => {
           if (y.current) {
-            const t = y.current.getBoundingClientRect(), { x: o, y: n } = x.current;
-            if (o >= t.left && o <= t.right && n >= t.top && n <= t.bottom) {
+            const t = y.current.getBoundingClientRect(), { x: r, y: o } = x.current;
+            if (r >= t.left && r <= t.right && o >= t.top && o <= t.bottom) {
               e.preventDefault(), e.stopPropagation(), R(E) && v();
               return;
             }
           }
-          T(!1), r(!1);
+          T(!1), n(!1);
         }
       }
     ),
@@ -201,7 +199,7 @@ const ce = ({
     N,
     V,
     i,
-    r,
+    n,
     k,
     v,
     x

package/dist/components/color-select/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/color-select/component.tsx"],"sourcesContent":["\"use client\";\nimport React, {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useRef,\n  useState,\n  useCallback,\n  useMemo,\n  useEffect,\n} from \"react\";\nimport ColorPicker from \"antd/es/color-picker\";\nimport { type ColorPickerProps, type Color } from \"antd/es/color-picker\";\nimport { useCls, isValidHexColor } from \"../utils\";\nimport { useControlledState } from \"../hooks\";\nimport { Tag } from \"../tag\";\nimport { Stack } from \"../stack\";\nimport { toast } from \"../toast\";\nimport mergeRefs from \"merge-refs\";\nimport { moveTypingCursorToEnd } from \"../utils/client\";\nimport { Tooltip } from \"../tooltip\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n/**\n * Props for the ColorSelect component.\n */\nexport interface ColorSelectProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\"> {\n  /** Controlled list of selected hex colors */\n  value?: string[];\n  /** Default list of selected hex colors for uncontrolled usage */\n  defaultValue?: string[];\n  /** Callback invoked when selected colors change */\n  onChange?: (value: string[]) => void;\n  /** Props to pass through to the Ant Design ColorPicker, excluding value/onChange/onChangeComplete */\n  colorPickerProps?: Omit<\n    ColorPickerProps,\n    \"value\" | \"onChange\" | \"onChangeComplete\"\n  >;\n  /** Preset color swatches displayed in the picker */\n  presetColors?: string[];\n  /** Controlled open state of the ColorPicker dropdown */\n  open?: boolean;\n  /** Callback invoked when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Default open state for uncontrolled usage */\n  defaultOpen?: boolean;\n}\n\n/**\n * ColorSelectInner - Combines an input and Ant Design ColorPicker for selecting multiple colors.\n * Supports preset color swatches and freeform hex entry, displaying selections as tags.\n * Controlled/uncontrolled APIs for `value` and `open`, emitting invalid input notifications via toast.\n * @param props - {@link ColorSelectProps}\n * @param ref - ref to the input element\n * @returns JSX.Element\n */\nconst ColorSelectInner = (\n  {\n    className,\n    value: valueProp,\n    defaultValue,\n    onChange,\n    colorPickerProps,\n    presetColors,\n    open: openProp,\n    onOpenChange,\n    defaultOpen,\n    ...rest\n  },\n  ref: React.Ref<React.ComponentRef<\"input\">>\n) => {\n  const cls = useCls();\n  const [value, setValue] = useControlledState<string[]>(\n    valueProp,\n    onChange,\n    defaultValue\n  );\n  const [activeColorIndex, setActiveColorIndex] = useState<number | null>(null);\n  const [searchValue, setSearchValue] = useState(\"\");\n  const [tmpValue, setTmpValue] = useState(\"\");\n  const [open, setOpen] = useControlledState<boolean>(\n    openProp,\n    onOpenChange,\n    defaultOpen\n  );\n\n  const [isFocus, setIsFocus] = useState(false);\n\n  const popupRef = useRef<HTMLDivElement>(null);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const isFocusedProgramatically = useRef(false);\n\n  const mousePosition = useRef({\n    x: 0,\n    y: 0,\n  });\n\n  const focusInput = useCallback(() => {\n    isFocusedProgramatically.current = true;\n    inputRef.current?.focus();\n    moveTypingCursorToEnd(inputRef.current);\n  }, []);\n\n  const closeAndFocus = useCallback(() => {\n    setOpen(false);\n    focusInput();\n  }, [setOpen, focusInput]);\n\n  useEffect(() => {\n    if (!open) return;\n    const handler = (event: MouseEvent) => {\n      if (!popupRef.current?.contains(event.target as Node)) {\n        if (\n          inputRef.current &&\n          !inputRef.current.isEqualNode(event.target as Node)\n        ) {\n          closeAndFocus();\n        }\n      }\n    };\n    document.addEventListener(\"click\", handler);\n\n    // Return cleanup function\n    return () => document.removeEventListener(\"click\", handler);\n  }, [open, closeAndFocus]);\n\n  useEffect(() => {\n    const handleMouseMove = (e: MouseEvent) => {\n      mousePosition.current = {\n        x: e.clientX,\n        y: e.clientY,\n      };\n    };\n    document.addEventListener(\"mousemove\", handleMouseMove);\n    return () => {\n      document.removeEventListener(\"mousemove\", handleMouseMove);\n    };\n  }, []);\n\n  const onEnter = useCallback(() => {\n    const searchValueSplit = searchValue\n      .trim()\n      .split(/[;,\\s]+/)\n      .filter(Boolean);\n    const addedValues = searchValueSplit.map((gene) =>\n      gene.trim().toUpperCase()\n    );\n    const inValidValues: string[] = [];\n    const validAddedValues = addedValues.reduce((acc, curr) => {\n      if (!isValidHexColor(curr, true)) {\n        inValidValues.push(curr);\n      } else {\n        acc.push(curr);\n      }\n      return acc;\n    }, [] as string[]);\n    if (inValidValues.length) {\n      toast(`Invalid colors: ${inValidValues.join(\", \")}`);\n    }\n    const newColors = new Set([...value, ...validAddedValues]);\n    if (onChange) onChange([...newColors]);\n    if (onOpenChange) onOpenChange(false);\n    setSearchValue(\"\");\n    setTmpValue(\"\");\n    setOpen(false);\n    requestAnimationFrame(() => {\n      setOpen(true);\n    });\n  }, [searchValue, value, onChange, onOpenChange, setOpen]);\n\n  const onInputKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\") onEnter();\n      if (e.key === \"Backspace\" && !searchValue) {\n        if (e.ctrlKey || e.metaKey) {\n          setValue([]);\n        } else {\n          setValue(value.slice(0, -1));\n        }\n      }\n    },\n    [onEnter, searchValue, value, setValue]\n  );\n\n  const handlePopupMouseDown = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      // Prevent input blur when clicking popup\n      e.preventDefault();\n      e.stopPropagation();\n    },\n    []\n  );\n\n  const handlePopupMouseDownCapture = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      // Prevent input blur when clicking popup\n      e.preventDefault();\n    },\n    []\n  );\n\n  const renderedColorPicker = useCallback(\n    ({\n      open,\n      child,\n      value,\n      onChange,\n      onOpenChange,\n    }: {\n      open: boolean;\n      child: React.ReactNode;\n      value: string;\n      onChange: (value: Color) => void;\n      onOpenChange?: (open: boolean) => void;\n    }) => (\n      <ColorPicker\n        value={value}\n        onChange={onChange}\n        open={open}\n        onOpenChange={onOpenChange}\n        arrow={false}\n        presets={\n          presetColors\n            ? [{ label: \"Preset Colors\", colors: presetColors }]\n            : undefined\n        }\n        {...colorPickerProps}\n        panelRender={(panel) => (\n          <div\n            ref={(el) => {\n              if (el) {\n                popupRef.current = el;\n              }\n            }}\n            onMouseDown={handlePopupMouseDown}\n            onMouseDownCapture={handlePopupMouseDownCapture}\n          >\n            {panel}\n          </div>\n        )}\n      >\n        {child}\n      </ColorPicker>\n    ),\n    [\n      presetColors,\n      colorPickerProps,\n      handlePopupMouseDown,\n      handlePopupMouseDownCapture,\n    ]\n  );\n\n  const renderedTags = useMemo(\n    () =>\n      value.map((color, index) => {\n        const tag = (\n          <Tooltip title={color} key={`${color}-${index}`}>\n            <Tag\n              className={cls(\"color-select-tag\")}\n              closable\n              onClose={() => setValue(value.filter((v) => v !== color))}\n              icon={\n                <span\n                  className={cls(\"color-select-swatch\")}\n                  style={{ backgroundColor: color }}\n                />\n              }\n              onClick={() =>\n                activeColorIndex === index\n                  ? setActiveColorIndex(null)\n                  : setActiveColorIndex(index)\n              }\n            />\n          </Tooltip>\n        );\n        return renderedColorPicker({\n          child: tag,\n          open: activeColorIndex !== null && activeColorIndex === index,\n          value: value[index],\n          onChange: (color) => {\n            setValue(\n              value.map((v, i) => (i === index ? color.toHexString() : v))\n            );\n          },\n          onOpenChange: (open) => {\n            setActiveColorIndex(open ? index : null);\n          },\n        });\n      }),\n    [\n      value,\n      cls,\n      setValue,\n      activeColorIndex,\n      setActiveColorIndex,\n      renderedColorPicker,\n    ]\n  );\n\n  const renderedColorPickerInput = useMemo(() => {\n    return renderedColorPicker({\n      child: (\n        <input\n          placeholder=\"Select or enter a color list\"\n          className={cls(\"color-select-input\")}\n          value={searchValue}\n          type=\"text\"\n          ref={mergeRefs(ref, inputRef)}\n          onChange={(e) => {\n            const currValue = e.target.value;\n            setSearchValue(currValue);\n            if (isValidHexColor(currValue, true)) setTmpValue(currValue);\n            if (\n              currValue.length > 7 ||\n              (currValue.length == 7 && !currValue.startsWith(\"#\"))\n            ) {\n              // closeAndFocus();\n              setOpen(false);\n            } else {\n              setOpen(true);\n            }\n          }}\n          onKeyDown={onInputKeyDown}\n          onFocus={(e) => {\n            // if focus is triggered by programatically, do not open the popup\n            // if (isFocusedProgramatically.current) {\n            //   isFocusedProgramatically.current = false;\n            //   return;\n            // }\n            setIsFocus(true);\n            setOpen(true);\n          }}\n          onBlur={(e) => {\n            // if (popupRef.current?.contains(e.relatedTarget)) return;\n            // Check if click is inside popup using cursor position\n            if (popupRef.current) {\n              const rect = popupRef.current.getBoundingClientRect();\n              const { x, y } = mousePosition.current;\n              const isClickInsidePopup =\n                x >= rect.left &&\n                x <= rect.right &&\n                y >= rect.top &&\n                y <= rect.bottom;\n              if (isClickInsidePopup) {\n                e.preventDefault();\n                e.stopPropagation();\n                if (isValidHexColor(tmpValue)) {\n                  focusInput();\n                }\n                return;\n              }\n            }\n            // Check if the new focus target is inside the popup\n            setIsFocus(false);\n            setOpen(false);\n          }}\n        />\n      ),\n      value: tmpValue,\n      onChange: (color) => {\n        // setValue([...value, color]);\n        setTmpValue(color.toHexString());\n        setSearchValue(color.toHexString());\n        focusInput();\n      },\n      open,\n    });\n  }, [\n    cls,\n    tmpValue,\n    onInputKeyDown,\n    ref,\n    renderedColorPicker,\n    searchValue,\n    setOpen,\n    open,\n    focusInput,\n    mousePosition,\n  ]);\n  return (\n    <Stack\n      wrap\n      gap={4}\n      className={cls(\"color-select\")}\n      data-focus={isFocus || undefined}\n      {...rest}\n    >\n      {renderedTags}\n      {renderedColorPickerInput}\n    </Stack>\n  );\n};\n\n// Use forwardRef with type assertion\nconst MainColorSelect = forwardRef(ColorSelectInner);\n\nexport const ColorSelect = MainColorSelect;\n"],"names":["ColorSelectInner","className","valueProp","defaultValue","onChange","colorPickerProps","presetColors","openProp","onOpenChange","defaultOpen","rest","ref","cls","useCls","value","setValue","useControlledState","activeColorIndex","setActiveColorIndex","useState","searchValue","setSearchValue","tmpValue","setTmpValue","open","setOpen","isFocus","setIsFocus","popupRef","useRef","inputRef","isFocusedProgramatically","mousePosition","focusInput","useCallback","_a","moveTypingCursorToEnd","closeAndFocus","useEffect","handler","event","handleMouseMove","e","onEnter","addedValues","gene","inValidValues","validAddedValues","acc","curr","isValidHexColor","toast","newColors","onInputKeyDown","handlePopupMouseDown","handlePopupMouseDownCapture","renderedColorPicker","child","jsx","ColorPicker","panel","el","renderedTags","useMemo","color","index","tag","Tooltip","Tag","v","i","renderedColorPickerInput","mergeRefs","currValue","rect","x","y","jsxs","Stack","MainColorSelect","forwardRef","ColorSelect"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/color-select/component.tsx"],"sourcesContent":["\"use client\";\nimport React, {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useRef,\n  useState,\n  useCallback,\n  useMemo,\n  useEffect,\n} from \"react\";\nimport ColorPicker from \"antd/es/color-picker\";\nimport { type ColorPickerProps, type Color } from \"antd/es/color-picker\";\nimport { useCls, isValidHexColor } from \"../utils\";\nimport { useControlledState } from \"../hooks\";\nimport { Tag } from \"../tag\";\nimport { Stack } from \"../stack\";\nimport { toast } from \"../toast\";\nimport mergeRefs from \"merge-refs\";\nimport { moveTypingCursorToEnd } from \"../utils/client\";\nimport { Tooltip } from \"../tooltip\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n/**\n * Props for the ColorSelect component.\n */\nexport interface ColorSelectProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\"> {\n  /** Controlled list of selected hex colors */\n  value?: string[];\n  /** Default list of selected hex colors for uncontrolled usage */\n  defaultValue?: string[];\n  /** Callback invoked when selected colors change */\n  onChange?: (value: string[]) => void;\n  /** Props to pass through to the Ant Design ColorPicker, excluding value/onChange/onChangeComplete */\n  colorPickerProps?: Omit<\n    ColorPickerProps,\n    \"value\" | \"onChange\" | \"onChangeComplete\"\n  >;\n  /** Preset color swatches displayed in the picker */\n  presetColors?: string[];\n  /** Controlled open state of the ColorPicker dropdown */\n  open?: boolean;\n  /** Callback invoked when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Default open state for uncontrolled usage */\n  defaultOpen?: boolean;\n}\n\n/**\n * ColorSelectInner - Combines an input and Ant Design ColorPicker for selecting multiple colors.\n * Supports preset color swatches and freeform hex entry, displaying selections as tags.\n * Controlled/uncontrolled APIs for `value` and `open`, emitting invalid input notifications via toast.\n * @param props - {@link ColorSelectProps}\n * @param ref - ref to the input element\n * @returns JSX.Element\n */\nconst ColorSelectInner = (\n  {\n    className,\n    value: valueProp,\n    defaultValue,\n    onChange,\n    colorPickerProps,\n    presetColors,\n    open: openProp,\n    onOpenChange,\n    defaultOpen,\n    ...rest\n  },\n  ref: React.Ref<React.ComponentRef<\"input\">>\n) => {\n  const cls = useCls();\n  const [value, setValue] = useControlledState<string[]>(\n    valueProp,\n    onChange,\n    defaultValue\n  );\n  const [activeColorIndex, setActiveColorIndex] = useState<number | null>(null);\n  const [searchValue, setSearchValue] = useState(\"\");\n  const [tmpValue, setTmpValue] = useState(\"\");\n  const [open, setOpen] = useControlledState<boolean>(\n    openProp,\n    onOpenChange,\n    defaultOpen\n  );\n\n  const [isFocus, setIsFocus] = useState(false);\n\n  const popupRef = useRef<HTMLDivElement>(null);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const isFocusedProgramatically = useRef(false);\n\n  const mousePosition = useRef({\n    x: 0,\n    y: 0,\n  });\n\n  const focusInput = useCallback(() => {\n    isFocusedProgramatically.current = true;\n    inputRef.current?.focus();\n    moveTypingCursorToEnd(inputRef.current);\n  }, []);\n\n  const closeAndFocus = useCallback(() => {\n    setOpen(false);\n    focusInput();\n  }, [setOpen, focusInput]);\n\n  useEffect(() => {\n    if (!open) return;\n    const handler = (event: MouseEvent) => {\n      if (!popupRef.current?.contains(event.target as Node)) {\n        if (\n          inputRef.current &&\n          !inputRef.current.isEqualNode(event.target as Node)\n        ) {\n          closeAndFocus();\n        }\n      }\n    };\n    document.addEventListener(\"click\", handler);\n\n    // Return cleanup function\n    return () => document.removeEventListener(\"click\", handler);\n  }, [open, closeAndFocus]);\n\n  useEffect(() => {\n    const handleMouseMove = (e: MouseEvent) => {\n      mousePosition.current = {\n        x: e.clientX,\n        y: e.clientY,\n      };\n    };\n    document.addEventListener(\"mousemove\", handleMouseMove);\n    return () => {\n      document.removeEventListener(\"mousemove\", handleMouseMove);\n    };\n  }, []);\n\n  const onEnter = useCallback(() => {\n    const searchValueSplit = searchValue\n      .trim()\n      .split(/[;,\\s]+/)\n      .filter(Boolean);\n    const addedValues = searchValueSplit.map((gene) =>\n      gene.trim().toUpperCase()\n    );\n    const inValidValues: string[] = [];\n    const validAddedValues = addedValues.reduce((acc, curr) => {\n      if (!isValidHexColor(curr, true)) {\n        inValidValues.push(curr);\n      } else {\n        acc.push(curr);\n      }\n      return acc;\n    }, [] as string[]);\n    if (inValidValues.length) {\n      toast(`Invalid colors: ${inValidValues.join(\", \")}`);\n    }\n    const newColors = new Set([...value, ...validAddedValues]);\n    if (onChange) onChange([...newColors]);\n    if (onOpenChange) onOpenChange(false);\n    setSearchValue(\"\");\n    setTmpValue(\"\");\n    setOpen(false);\n    requestAnimationFrame(() => {\n      setOpen(true);\n    });\n  }, [searchValue, value, onChange, onOpenChange, setOpen]);\n\n  const onInputKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\") onEnter();\n      if (e.key === \"Backspace\" && !searchValue) {\n        if (e.ctrlKey || e.metaKey) {\n          setValue([]);\n        } else {\n          setValue(value.slice(0, -1));\n        }\n      }\n    },\n    [onEnter, searchValue, value, setValue]\n  );\n\n  const handlePopupMouseDown = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      // Prevent input blur when clicking popup\n      e.preventDefault();\n      e.stopPropagation();\n    },\n    []\n  );\n\n  const handlePopupMouseDownCapture = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      // Prevent input blur when clicking popup\n      e.preventDefault();\n    },\n    []\n  );\n\n  const renderedColorPicker = useCallback(\n    ({\n      open,\n      child,\n      value,\n      onChange,\n      onOpenChange,\n    }: {\n      open: boolean;\n      child: React.ReactNode;\n      value: string;\n      onChange: (value: Color) => void;\n      onOpenChange?: (open: boolean) => void;\n    }) => (\n      <ColorPicker\n        value={value}\n        onChange={onChange}\n        open={open}\n        onOpenChange={onOpenChange}\n        arrow={false}\n        presets={\n          presetColors\n            ? [{ label: \"Preset Colors\", colors: presetColors }]\n            : undefined\n        }\n        {...colorPickerProps}\n        panelRender={(panel) => (\n          <div\n            ref={(el) => {\n              if (el) {\n                popupRef.current = el;\n              }\n            }}\n            onMouseDown={handlePopupMouseDown}\n            onMouseDownCapture={handlePopupMouseDownCapture}\n          >\n            {panel}\n          </div>\n        )}\n      >\n        {child}\n      </ColorPicker>\n    ),\n    [\n      presetColors,\n      colorPickerProps,\n      handlePopupMouseDown,\n      handlePopupMouseDownCapture,\n    ]\n  );\n\n  const renderedTags = useMemo(\n    () =>\n      value.map((color, index) => {\n        const tag = (\n          <Tooltip title={color} key={`${color}-${index}`}>\n            <Tag\n              className={cls(\"color-select-tag\")}\n              closable\n              onClose={() => setValue(value.filter((v) => v !== color))}\n              icon={\n                <span\n                  className={cls(\"color-select-swatch\")}\n                  style={{ backgroundColor: color }}\n                />\n              }\n              onClick={() =>\n                activeColorIndex === index\n                  ? setActiveColorIndex(null)\n                  : setActiveColorIndex(index)\n              }\n            />\n          </Tooltip>\n        );\n        return renderedColorPicker({\n          child: tag,\n          open: activeColorIndex !== null && activeColorIndex === index,\n          value: value[index],\n          onChange: (color) => {\n            setValue(\n              value.map((v, i) => (i === index ? color.toHexString() : v))\n            );\n          },\n          onOpenChange: (open) => {\n            setActiveColorIndex(open ? index : null);\n          },\n        });\n      }),\n    [\n      value,\n      cls,\n      setValue,\n      activeColorIndex,\n      setActiveColorIndex,\n      renderedColorPicker,\n    ]\n  );\n\n  const renderedColorPickerInput = useMemo(() => {\n    return renderedColorPicker({\n      child: (\n        <input\n          placeholder=\"Select or enter a color list\"\n          className={cls(\"color-select-input\")}\n          value={searchValue}\n          type=\"text\"\n          ref={mergeRefs(ref, inputRef)}\n          onChange={(e) => {\n            const currValue = e.target.value;\n            setSearchValue(currValue);\n            if (isValidHexColor(currValue, true)) setTmpValue(currValue);\n            if (\n              currValue.length > 7 ||\n              (currValue.length == 7 && !currValue.startsWith(\"#\"))\n            ) {\n              // closeAndFocus();\n              setOpen(false);\n            } else {\n              setOpen(true);\n            }\n          }}\n          onKeyDown={onInputKeyDown}\n          onFocus={(e) => {\n            // if focus is triggered by programatically, do not open the popup\n            // if (isFocusedProgramatically.current) {\n            //   isFocusedProgramatically.current = false;\n            //   return;\n            // }\n            setIsFocus(true);\n            setOpen(true);\n          }}\n          onBlur={(e) => {\n            // if (popupRef.current?.contains(e.relatedTarget)) return;\n            // Check if click is inside popup using cursor position\n            if (popupRef.current) {\n              const rect = popupRef.current.getBoundingClientRect();\n              const { x, y } = mousePosition.current;\n              const isClickInsidePopup =\n                x >= rect.left &&\n                x <= rect.right &&\n                y >= rect.top &&\n                y <= rect.bottom;\n              if (isClickInsidePopup) {\n                e.preventDefault();\n                e.stopPropagation();\n                if (isValidHexColor(tmpValue)) {\n                  focusInput();\n                }\n                return;\n              }\n            }\n            // Check if the new focus target is inside the popup\n            setIsFocus(false);\n            setOpen(false);\n          }}\n        />\n      ),\n      value: tmpValue,\n      onChange: (color) => {\n        // setValue([...value, color]);\n        setTmpValue(color.toHexString());\n        setSearchValue(color.toHexString());\n        focusInput();\n      },\n      open,\n    });\n  }, [\n    cls,\n    tmpValue,\n    onInputKeyDown,\n    ref,\n    renderedColorPicker,\n    searchValue,\n    setOpen,\n    open,\n    focusInput,\n    mousePosition,\n  ]);\n  return (\n    <Stack\n      wrap\n      gap={4}\n      className={cls(\"color-select\")}\n      data-focus={isFocus || undefined}\n      {...rest}\n    >\n      {renderedTags}\n      {renderedColorPickerInput}\n    </Stack>\n  );\n};\n\n// Use forwardRef with type assertion\nconst MainColorSelect = forwardRef(ColorSelectInner);\n\nexport const ColorSelect = MainColorSelect;\n"],"names":["ColorSelectInner","className","valueProp","defaultValue","onChange","colorPickerProps","presetColors","openProp","onOpenChange","defaultOpen","rest","ref","cls","useCls","value","setValue","useControlledState","activeColorIndex","setActiveColorIndex","useState","searchValue","setSearchValue","tmpValue","setTmpValue","open","setOpen","isFocus","setIsFocus","popupRef","useRef","inputRef","isFocusedProgramatically","mousePosition","focusInput","useCallback","moveTypingCursorToEnd","closeAndFocus","useEffect","handler","event","handleMouseMove","e","onEnter","addedValues","gene","inValidValues","validAddedValues","acc","curr","isValidHexColor","toast","newColors","onInputKeyDown","handlePopupMouseDown","handlePopupMouseDownCapture","renderedColorPicker","child","jsx","ColorPicker","panel","el","renderedTags","useMemo","color","index","tag","Tooltip","Tag","v","i","renderedColorPickerInput","mergeRefs","currValue","rect","x","y","jsxs","Stack","MainColorSelect","forwardRef","ColorSelect"],"mappings":"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"}

package/dist/components/color-select/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/color-select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/color-select/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/combobox/component.d.ts

@@ -0,0 +1,119 @@
+import { ValidateStatus } from 'antd/es/form/FormItem';
+import { PopoverProps } from 'antd/es/popover';
+import { default as React, ForwardedRef } from 'react';
+import { DropdownMenuProps } from '../dropdown-menu';
+import { SelectTrigger } from '../select-trigger';
+export type ComboboxOption<T extends React.Key, O extends Record<string, unknown> = {}> = {
+    value: T;
+    label: React.ReactNode;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+} & O;
+export interface ComboboxProps<T extends React.Key, M extends boolean, O extends Record<string, unknown> = {}> {
+    /** Array of options to be displayed in the combobox */
+    options?: ComboboxOption<T, O>[];
+    /** Current value of the combobox */
+    value?: M extends true ? T[] : T;
+    /** Default value when uncontrolled */
+    defaultValue?: M extends true ? T[] : T;
+    /** Callback when value changes */
+    onChange?: (value: M extends true ? T[] : T) => void;
+    /** Placeholder text for the input */
+    placeholder?: string;
+    /** Whether the combobox is disabled */
+    disabled?: boolean;
+    /** Validation status */
+    status?: ValidateStatus;
+    /** Whether to allow clearing the selection */
+    allowClear?: boolean;
+    /** Whether to allow multiple selections */
+    multiple?: M;
+    /** Maximum number of tags to show */
+    maxTagCount?: number;
+    /** Whether to show search functionality */
+    showSearch?: boolean;
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Placement of the dropdown */
+    placement?: PopoverProps["placement"];
+    /** Custom className for the component */
+    className?: string;
+    /** Custom class names for different parts */
+    classNames?: {
+        trigger?: string;
+        input?: string;
+        option?: string;
+        optionIcon?: string;
+        optionText?: string;
+    };
+    /** Size of the combobox */
+    size?: "small" | "middle" | "large";
+    /** Loading state */
+    loading?: boolean;
+    /** Custom render for options */
+    optionRender?: (option: ComboboxOption<T, O>, props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;
+    /** Filter function for search */
+    filterOption?: boolean | ((input: string, option: ComboboxOption<T, O>) => boolean);
+    /** Callback when search input changes */
+    onSearch?: (value: string) => void;
+    /** Custom dropdown render */
+    dropdownRender?: (menu: React.ReactElement) => React.ReactElement;
+    /** Custom clear icon */
+    clearIcon?: React.ReactNode;
+    /** Custom suffix icon */
+    suffixIcon?: React.ReactNode;
+    /**
+     * Props to pass to the dropdown menu
+     */
+    dropdownMenuProps?: DropdownMenuProps;
+    /**
+     * Props to pass to the combobox trigger
+     */
+    triggerProps?: React.ComponentPropsWithoutRef<typeof SelectTrigger>;
+    searchProps?: {
+        placeholder?: string;
+        onValueChange?: (value: string) => void;
+        value?: string;
+    };
+    /**
+     * Show selection summary instead of individual tags when multiple
+     * @default false
+     */
+    showSelectionSummary?: boolean;
+    /**
+     * Render function for the selection summary in multiple case
+     * @default (selectedValues) => `${selectedValues.length} items selected`
+     */
+    selectionSummaryRender?: (selectedValues: T[]) => React.ReactNode;
+    /**
+     * Show select all option when in multiple mode
+     * @default false
+     */
+    showSelectAll?: boolean;
+    /**
+     * Render function for the select all option
+     */
+    selectAllRender?: (props: {
+        onSelectAll: () => void;
+        onDeselectAll: () => void;
+        checked: boolean;
+        indeterminate: boolean;
+    }) => React.ReactNode;
+    /**
+     * Function to extract keywords from the item for search filtering
+     * @default (option) => [String(option.key), reactNodeToString(option.label)]
+     */
+    getOptionKeywords?: (option: ComboboxOption<T, O>) => string[];
+    /**
+     * Render function for the option label
+     */
+    optionLabelRender?: (option: ComboboxOption<T, O>, props?: React.HTMLAttributes<HTMLElement>) => React.ReactElement;
+}
+declare const ComboboxInner: <T extends React.Key, M extends boolean, O extends Record<string, unknown> = {}>({ options, value: controlledValue, defaultValue, onChange, placeholder, disabled: disabledProp, status: statusProp, allowClear, multiple, maxTagCount, showSearch, open: controlledOpen, onOpenChange, placement, className, classNames, size, loading: _loading, optionRender, onSearch, dropdownRender, clearIcon, suffixIcon, dropdownMenuProps, triggerProps, searchProps, showSelectionSummary, selectionSummaryRender, showSelectAll, selectAllRender, optionLabelRender, getOptionKeywords, ...rest }: ComboboxProps<T, M, O>, ref: React.ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const Combobox: <T extends React.Key, M extends boolean, O extends Record<string, unknown> = {}>(props: ComboboxProps<T, M, O> & {
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => ReturnType<typeof ComboboxInner>;
+export default Combobox;
+//# sourceMappingURL=component.d.ts.map

package/dist/components/combobox/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/component.tsx"],"names":[],"mappings":"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"}