@bioturing/components 0.27.0 → 0.28.1

package/dist/components/select/component.js

@@ -1,46 +1,61 @@
 "use client";
-import { jsx as o, jsxs as N, Fragment as D } from "react/jsx-runtime";
-import { CaretDown as R } from "@bioturing/assets";
-import a from "antd/es/select";
-import y from "antd/es/checkbox";
-import { forwardRef as U } from "react";
-import { useFloatingPortalNode as W, useFloating as q, autoUpdate as B, offset as H, autoPlacement as J, shift as K, size as L, FloatingOverlay as Q } from "@floating-ui/react";
-import { PopupPanelSize as w } from "../popup-panel/constants.js";
-import { toMerged as T } from "es-toolkit";
+import { jsx as r, Fragment as y, jsxs as S } from "react/jsx-runtime";
+import { CaretDown as tt } from "@bioturing/assets";
+import { useFloatingPortalNode as et, useFloating as ot, autoUpdate as rt, offset as lt, autoPlacement as nt, shift as st, size as at, FloatingOverlay as ct } from "@floating-ui/react";
+import j from "antd/es/checkbox";
+import b from "antd/es/select";
+import { toMerged as it } from "es-toolkit";
+import { forwardRef as pt, useCallback as D } from "react";
+import { PopupPanelSize as E } from "../popup-panel/constants.js";
+import { Divider as mt } from "antd";
+import { SelectItem as ut } from "./item.js";
 import './style.css';/* empty css          */
-import { useControlledState as V } from "../hooks/useControlledState.js";
-import { clsx as C } from "../utils/cn.js";
-const X = ({
-  mode: i,
-  className: O,
-  open: k,
-  defaultOpen: v,
-  onOpenChange: M,
-  popupClassName: F,
-  onDropdownVisibleChange: P,
-  enhancePositioner: r,
-  getPopupContainer: I,
-  popupSize: e,
-  popupRender: c,
-  dropdownRender: f,
-  classNames: n,
-  styles: m = {},
-  ...j
-}, p) => {
-  var x;
-  const E = W({}), u = i === "multiple" || i === "tags", [d, g] = V(
-    k,
-    M || P,
-    v
-  ), { floatingStyles: S, refs: h } = q({
+import { useControlledState as N } from "../hooks/useControlledState.js";
+import { useCls as ft } from "../utils/antdUtils.js";
+import { clsx as G } from "../utils/cn.js";
+const dt = ({
+  mode: d,
+  className: T,
+  open: U,
+  defaultOpen: V,
+  onOpenChange: W,
+  popupClassName: $,
+  onDropdownVisibleChange: q,
+  enhancePositioner: s,
+  getPopupContainer: B,
+  popupSize: l,
+  popupRender: g,
+  dropdownRender: h,
+  classNames: c,
+  styles: C = {},
+  showSelectionSummary: x,
+  selectionSummaryRender: v,
+  value: H,
+  onChange: J,
+  defaultValue: K,
+  showSelectAll: A,
+  selectAllRender: O,
+  options: a,
+  ...L
+}, i) => {
+  var P;
+  const Q = et({}), p = d === "multiple" || d === "tags", [k, M] = N(
+    U,
+    W || q,
+    V
+  ), m = ft(), [e, u] = N(
+    H,
+    J,
+    K
+  ), { floatingStyles: R, refs: w } = ot({
     placement: "bottom-start",
     transform: !1,
-    open: r && d,
+    open: s && k,
     middleware: [
-      H({
+      lt({
         mainAxis: 4
       }),
-      J({
+      nt({
         allowedPlacements: [
           "bottom-start",
           "bottom-end",
@@ -50,87 +65,141 @@ const X = ({
           "top"
         ]
       }),
-      K({
+      st({
         padding: 8
       }),
-      L({
+      at({
         padding: 8,
-        apply({ availableHeight: t, availableWidth: s, elements: l }) {
-          l.floating.style.setProperty(
+        apply({ availableHeight: t, availableWidth: o, elements: n }) {
+          n.floating.style.setProperty(
             "--available-width",
-            s + "px"
-          ), l.floating.style.setProperty(
+            o + "px"
+          ), n.floating.style.setProperty(
             "--available-height",
             t + "px"
           );
         }
       })
     ],
-    whileElementsMounted: B
-  }), b = C(
-    "ds-select-popup",
-    u && "ds-select-multiple",
-    ((x = n == null ? void 0 : n.popup) == null ? void 0 : x.root) || F,
-    r && "ds-select-popup-enhanced"
-  ), A = e && typeof e == "string" && e in w ? w[e] : typeof e == "number" ? e + "px" : e || "fit-content";
-  return /* @__PURE__ */ o(
-    a,
+    whileElementsMounted: rt
+  }), X = D(
+    (t) => {
+      const o = Array.isArray(t) ? t.length : 1;
+      return p ? o + ` ${o == 1 ? "item" : "items"} selected` : /* @__PURE__ */ r(y, { children: t });
+    },
+    [p]
+  ), Y = G(
+    m("select", x && "select-selection-summary"),
+    T
+  ), F = G(
+    m(
+      "select-popup",
+      p && "select-multiple",
+      s && "select-popup-enhanced"
+    ),
+    ((P = c == null ? void 0 : c.popup) == null ? void 0 : P.root) || $
+  ), Z = l && typeof l == "string" && l in E ? E[l] : typeof l == "number" ? l + "px" : l || "fit-content", I = D(
+    (t) => {
+      const o = g ? g(t) : h ? h(t) : t;
+      if (!A) return o;
+      const n = Array.isArray(e) && e.length > 0, _ = Array.isArray(a) ? a.map((f) => f.value) : e.map((f) => f.value), z = Array.isArray(e) && e.length && e.length < a.length;
+      return /* @__PURE__ */ S(y, { children: [
+        /* @__PURE__ */ r(
+          ut,
+          {
+            className: m(
+              "select-item",
+              "select-item-option",
+              n && "select-item-option-selected",
+              "select-item-option-active"
+            ),
+            onMouseOver: (f) => {
+            },
+            selectAllRender: O,
+            checked: n,
+            indeterminate: z,
+            onSelectAll: () => u(_),
+            onDeselectAll: () => u([])
+          }
+        ),
+        /* @__PURE__ */ r(mt, {}),
+        o
+      ] });
+    },
+    [
+      g,
+      h,
+      A,
+      e,
+      a,
+      m,
+      O,
+      u
+    ]
+  );
+  return /* @__PURE__ */ r(
+    b,
     {
       ref: (t) => {
-        p && (typeof p == "function" ? p(t) : p.current = t), t && h.setReference(t == null ? void 0 : t.nativeElement);
+        i && (typeof i == "function" ? i(t) : i.current = t), t && w.setReference(t == null ? void 0 : t.nativeElement);
       },
-      suffixIcon: /* @__PURE__ */ o(R, { weight: "bold" }),
-      open: d,
-      onOpenChange: g,
-      popupClassName: b,
+      suffixIcon: /* @__PURE__ */ r(tt, { weight: "bold" }),
+      open: k,
+      onOpenChange: M,
+      value: e,
+      onChange: u,
+      popupClassName: F,
       classNames: {
         popup: {
-          root: b
+          root: F
         },
-        ...n
+        ...c
       },
-      ...u ? {
-        menuItemSelectedIcon: ({ isSelected: t }) => /* @__PURE__ */ o("span", { className: "ant-select-checkbox-indicator", children: t ? /* @__PURE__ */ o(y, { checked: !0 }) : /* @__PURE__ */ o(y, { checked: !1 }) })
+      ...p ? {
+        menuItemSelectedIcon: ({ isSelected: t }) => /* @__PURE__ */ r("span", { className: "ant-select-checkbox-indicator", children: t ? /* @__PURE__ */ r(j, { checked: !0 }) : /* @__PURE__ */ r(j, { checked: !1 }) })
       } : {},
-      mode: i,
-      className: C("ds-select", O),
-      styles: r ? T(m, {
+      mode: d,
+      className: Y,
+      styles: s ? it(C, {
         popup: {
           root: {
             transition: "none",
-            ...S,
-            "--ds-select-popup-width": A
+            ...R,
+            "--ds-select-popup-width": Z
           }
         }
-      }) : m,
-      getPopupContainer: I || (r ? () => E || document.body : void 0),
-      popupRender: (t) => {
-        const s = () => c ? c(t) : f ? f(t) : t;
-        return r ? /* @__PURE__ */ N(D, { children: [
-          /* @__PURE__ */ o(Q, { lockScroll: !0, onClick: () => g(!1) }),
-          /* @__PURE__ */ o(
-            "div",
-            {
-              ref: (l) => {
-                if (!l) return;
-                const G = l.closest(
-                  ".ds-select-dropdown"
-                );
-                h.setFloating(G);
-              },
-              children: s()
-            }
-          )
-        ] }) : s();
-      },
-      ...j
+      }) : C,
+      getPopupContainer: B || (s ? () => Q || document.body : void 0),
+      popupRender: (t) => s ? /* @__PURE__ */ S(y, { children: [
+        /* @__PURE__ */ r(ct, { lockScroll: !0, onClick: () => M(!1) }),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            ref: (o) => {
+              if (!o) return;
+              const n = o.closest(
+                ".ds-select-dropdown"
+              );
+              w.setFloating(n);
+            },
+            children: I(t)
+          }
+        )
+      ] }) : I(t),
+      options: a,
+      ...x ? {
+        maxTagCount: 1,
+        showSearch: !1,
+        labelRender: () => v ? v(e) : X(e)
+      } : {},
+      ...L
     }
   );
-}, Y = U(X), st = Object.assign(Y, {
-  Option: a.Option,
-  OptGroup: a.OptGroup
+}, gt = pt(dt), St = Object.assign(gt, {
+  Option: b.Option,
+  OptGroup: b.OptGroup
 });
 export {
-  st as Select
+  St as Select
 };
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/select/component.tsx"],"sourcesContent":["\"use client\";\nimport { CaretDown } from \"@bioturing/assets\";\nimport {\n  default as AntSelect,\n  type BaseOptionType,\n  type DefaultOptionType,\n  type SelectProps as AntSelectProps,\n} from \"antd/es/select\";\nimport { default as Checkbox } from \"antd/es/checkbox\";\nimport { CSSProperties, forwardRef } from \"react\";\nimport {\n  useFloating,\n  offset,\n  autoPlacement,\n  shift,\n  size,\n  autoUpdate,\n  useFloatingPortalNode,\n  FloatingOverlay,\n} from \"@floating-ui/react\";\nimport { useControlledState } from \"../hooks\";\nimport React from \"react\";\nimport { clsx } from \"../utils\";\nimport { PopupPanelSize } from \"../popup-panel/constants\";\nimport { toMerged } from \"es-toolkit\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Define props interface extending Ant Design's SelectProps\nexport interface SelectProps<\n  ValueType = unknown,\n  OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType\n> extends AntSelectProps<ValueType, OptionType> {\n  /**\n   * Whether to enhance the positioner using floating-ui\n   * @default false\n   */\n  enhancePositioner?: boolean;\n  /**\n   * Size of the popup panel\n   * Will be ignored if enhancePositioner is false\n   */\n  popupSize?: string | number | PopupPanelSize;\n}\n\nexport type {\n  BaseOptionType as SelectBaseOptionType,\n  DefaultOptionType as SelectDefaultOptionType,\n};\n\n// Create inner function\nconst MainSelectInner = <\n  ValueType = unknown,\n  OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType\n>(\n  {\n    mode,\n    className,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    popupClassName,\n    onDropdownVisibleChange,\n    enhancePositioner,\n    getPopupContainer,\n    popupSize,\n    popupRender,\n    dropdownRender,\n    classNames,\n    styles = {},\n    ...rest\n  }: SelectProps<ValueType, OptionType>,\n  ref: React.Ref<React.ComponentRef<typeof AntSelect>>\n) => {\n  const portalNode = useFloatingPortalNode({});\n  const isMultiple = mode === \"multiple\" || mode === \"tags\";\n  const [open, setOpen] = useControlledState(\n    openProp,\n    onOpenChange || onDropdownVisibleChange,\n    defaultOpen\n  );\n  // enhancePositioner\n  const { floatingStyles, refs } = useFloating({\n    placement: \"bottom-start\",\n    transform: false,\n    open: enhancePositioner && open,\n    middleware: [\n      offset({\n        mainAxis: 4,\n      }),\n      autoPlacement({\n        allowedPlacements: [\n          \"bottom-start\",\n          \"bottom-end\",\n          \"bottom\",\n          \"top-start\",\n          \"top-end\",\n          \"top\",\n        ],\n      }),\n      shift({\n        padding: 8,\n      }),\n      size({\n        padding: 8,\n        apply({ availableHeight, availableWidth, elements }) {\n          // 2. Or, use a CSS variable:\n          elements.floating.style.setProperty(\n            \"--available-width\",\n            availableWidth + \"px\"\n          );\n          elements.floating.style.setProperty(\n            \"--available-height\",\n            availableHeight + \"px\"\n          );\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n  const dsPopupClassName = clsx(\n    \"ds-select-popup\",\n    isMultiple && \"ds-select-multiple\",\n    classNames?.popup?.root || popupClassName,\n    enhancePositioner && \"ds-select-popup-enhanced\"\n  );\n  const popupWidth =\n    popupSize && typeof popupSize === \"string\" && popupSize in PopupPanelSize\n      ? PopupPanelSize[popupSize as keyof typeof PopupPanelSize]\n      : typeof popupSize === \"number\"\n      ? popupSize + \"px\"\n      : popupSize || \"fit-content\";\n  return (\n    <AntSelect\n      // ref={ref}\n      ref={(node) => {\n        if (ref) {\n          if (typeof ref == \"function\") {\n            ref(node);\n          } else {\n            ref.current = node;\n          }\n        }\n        if (!node) return;\n        refs.setReference(node?.nativeElement as HTMLElement);\n      }}\n      suffixIcon={<CaretDown weight=\"bold\" />}\n      open={open}\n      onOpenChange={setOpen}\n      // for old version\n      popupClassName={dsPopupClassName}\n      classNames={{\n        popup: {\n          root: dsPopupClassName,\n        },\n        ...classNames,\n      }}\n      {...(isMultiple\n        ? {\n            menuItemSelectedIcon: ({ isSelected }) => (\n              <span className=\"ant-select-checkbox-indicator\">\n                {isSelected ? (\n                  <Checkbox checked />\n                ) : (\n                  <Checkbox checked={false} />\n                )}\n              </span>\n            ),\n          }\n        : {})}\n      mode={mode}\n      className={clsx(\"ds-select\", className)}\n      styles={\n        enhancePositioner\n          ? toMerged(styles, {\n              popup: {\n                root: {\n                  transition: \"none\",\n                  ...floatingStyles,\n                  \"--ds-select-popup-width\": popupWidth,\n                } as CSSProperties,\n              },\n            })\n          : styles\n      }\n      getPopupContainer={\n        getPopupContainer ||\n        (enhancePositioner ? () => portalNode || document.body : undefined)\n      }\n      popupRender={(menu) => {\n        // Use a more specific type that includes both style and ref properties\n        const renderMenu = () =>\n          popupRender\n            ? popupRender(menu)\n            : dropdownRender\n            ? dropdownRender(menu)\n            : menu;\n        if (!enhancePositioner) {\n          return renderMenu();\n        }\n        return (\n          <>\n            <FloatingOverlay lockScroll onClick={() => setOpen(false)} />\n            <div\n              ref={(node) => {\n                if (!node) return;\n                const popupEl = node.closest(\n                  \".ds-select-dropdown\"\n                ) as HTMLDivElement;\n                refs.setFloating(popupEl);\n              }}\n            >\n              {renderMenu()}\n            </div>\n          </>\n        );\n      }}\n      {...rest}\n    />\n  );\n};\n\n// Use forwardRef with type assertion\nconst MainSelect = forwardRef(MainSelectInner) as <\n  ValueType = unknown,\n  OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType\n>(\n  props: SelectProps<ValueType, OptionType> & {\n    ref?: React.ForwardedRef<React.ComponentRef<typeof AntSelect>>;\n  }\n) => ReturnType<typeof MainSelectInner>;\n\nexport const Select = Object.assign(MainSelect, {\n  Option: AntSelect.Option,\n  OptGroup: AntSelect.OptGroup,\n});\n"],"names":["MainSelectInner","mode","className","openProp","defaultOpen","onOpenChange","popupClassName","onDropdownVisibleChange","enhancePositioner","getPopupContainer","popupSize","popupRender","dropdownRender","classNames","styles","rest","ref","portalNode","useFloatingPortalNode","isMultiple","open","setOpen","useControlledState","floatingStyles","refs","useFloating","offset","autoPlacement","shift","size","availableHeight","availableWidth","elements","autoUpdate","dsPopupClassName","clsx","_a","popupWidth","PopupPanelSize","jsx","AntSelect","node","CaretDown","isSelected","Checkbox","toMerged","menu","renderMenu","jsxs","Fragment","FloatingOverlay","popupEl","MainSelect","forwardRef","Select"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/select/component.tsx"],"sourcesContent":["\"use client\";\nimport { CaretDown } from \"@bioturing/assets\";\nimport {\n  autoPlacement,\n  autoUpdate,\n  FloatingOverlay,\n  offset,\n  shift,\n  size,\n  useFloating,\n  useFloatingPortalNode,\n} from \"@floating-ui/react\";\nimport { default as Checkbox } from \"antd/es/checkbox\";\nimport {\n  default as AntSelect,\n  type SelectProps as AntSelectProps,\n  type BaseOptionType,\n  type DefaultOptionType,\n} from \"antd/es/select\";\nimport { toMerged } from \"es-toolkit\";\nimport React, {\n  CSSProperties,\n  forwardRef,\n  isValidElement,\n  useCallback,\n} from \"react\";\nimport { useControlledState } from \"../hooks\";\nimport { PopupPanelSize } from \"../popup-panel/constants\";\nimport { clsx, useCls } from \"../utils\";\n\n// Import component-specific styles\nimport { Divider } from \"antd\";\nimport { CheckboxProps } from \"../checkbox\";\nimport { SelectItem } from \"./item\";\nimport \"./style.css\";\n\n// SelectItem component props\n\n// Define props interface extending Ant Design's SelectProps\nexport interface SelectProps<\n  ValueType = unknown,\n  OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType\n> extends AntSelectProps<ValueType, OptionType> {\n  /**\n   * Whether to enhance the positioner using floating-ui\n   * @default false\n   */\n  enhancePositioner?: boolean;\n  /**\n   * Size of the popup panel\n   * Will be ignored if enhancePositioner is false\n   */\n  popupSize?: string | number | PopupPanelSize;\n  /**\n   * Show selection summary instead of tags in multiple case\n   * @default false\n   */\n  showSelectionSummary?: boolean;\n  /**\n   * Render function for the selection summary in multiple case\n   * @default (value) => `${value.length} items selected`\n   */\n  selectionSummaryRender?: (value: ValueType) => React.ReactNode;\n  /**\n   * Show select all option when in multiple mode\n   * @default false\n   */\n  showSelectAll?: boolean;\n  /**\n   * Render function for the select all option\n   */\n  selectAllRender?: (props: {\n    onClick: () => void;\n    checked: CheckboxProps[\"checked\"];\n    indeterminate: CheckboxProps[\"indeterminate\"];\n  }) => React.ReactNode;\n}\n\nexport type {\n  BaseOptionType as SelectBaseOptionType,\n  DefaultOptionType as SelectDefaultOptionType,\n};\n\n// Create inner function\nconst MainSelectInner = <\n  ValueType = unknown,\n  OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType\n>(\n  {\n    mode,\n    className,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    popupClassName,\n    onDropdownVisibleChange,\n    enhancePositioner,\n    getPopupContainer,\n    popupSize,\n    popupRender,\n    dropdownRender,\n    classNames,\n    styles = {},\n    showSelectionSummary,\n    selectionSummaryRender,\n    value: valueProp,\n    onChange: onChangeProp,\n    defaultValue,\n    showSelectAll,\n    selectAllRender,\n    options,\n    ...rest\n  }: SelectProps<ValueType, OptionType>,\n  ref: React.Ref<React.ComponentRef<typeof AntSelect>>\n) => {\n  const portalNode = useFloatingPortalNode({});\n  const isMultiple = mode === \"multiple\" || mode === \"tags\";\n  const [open, setOpen] = useControlledState(\n    openProp,\n    onOpenChange || onDropdownVisibleChange,\n    defaultOpen\n  );\n  const cls = useCls();\n  const [value, onChange] = useControlledState(\n    valueProp,\n    onChangeProp,\n    defaultValue\n  );\n  // enhancePositioner\n  const { floatingStyles, refs } = useFloating({\n    placement: \"bottom-start\",\n    transform: false,\n    open: enhancePositioner && open,\n    middleware: [\n      offset({\n        mainAxis: 4,\n      }),\n      autoPlacement({\n        allowedPlacements: [\n          \"bottom-start\",\n          \"bottom-end\",\n          \"bottom\",\n          \"top-start\",\n          \"top-end\",\n          \"top\",\n        ],\n      }),\n      shift({\n        padding: 8,\n      }),\n      size({\n        padding: 8,\n        apply({ availableHeight, availableWidth, elements }) {\n          // 2. Or, use a CSS variable:\n          elements.floating.style.setProperty(\n            \"--available-width\",\n            availableWidth + \"px\"\n          );\n          elements.floating.style.setProperty(\n            \"--available-height\",\n            availableHeight + \"px\"\n          );\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const defaultSelectionSummaryRender = useCallback(\n    (v: ValueType) => {\n      const count = Array.isArray(v) ? v.length : 1;\n      if (isMultiple) {\n        return count + ` ${count == 1 ? \"item\" : \"items\"} selected`;\n      }\n      return <>{v}</>;\n    },\n    [isMultiple]\n  );\n\n  const dsSelectClassname = clsx(\n    cls(\"select\", showSelectionSummary && \"select-selection-summary\"),\n    className\n  );\n\n  const dsPopupClassName = clsx(\n    cls(\n      \"select-popup\",\n      isMultiple && \"select-multiple\",\n      enhancePositioner && \"select-popup-enhanced\"\n    ),\n    classNames?.popup?.root || popupClassName\n  );\n  const popupWidth =\n    popupSize && typeof popupSize === \"string\" && popupSize in PopupPanelSize\n      ? PopupPanelSize[popupSize as keyof typeof PopupPanelSize]\n      : typeof popupSize === \"number\"\n      ? popupSize + \"px\"\n      : popupSize || \"fit-content\";\n  const customRenderMenu = useCallback(\n    (menu: React.ReactElement) => {\n      const renderedMenu = popupRender\n        ? popupRender(menu)\n        : dropdownRender\n        ? dropdownRender(menu)\n        : menu;\n      if (!showSelectAll) return renderedMenu;\n      const checked = Array.isArray(value) && value.length > 0;\n      const allValues = Array.isArray(options)\n        ? options.map((option) => option.value)\n        : (value as any).map((v: any) => v.value);\n      const indeterminate =\n        Array.isArray(value) && value.length && value.length < options.length;\n      return (\n        <>\n          <SelectItem\n            className={cls(\n              \"select-item\",\n              \"select-item-option\",\n              checked && \"select-item-option-selected\",\n              \"select-item-option-active\"\n            )}\n            onMouseOver={(e) => {}}\n            selectAllRender={selectAllRender}\n            checked={checked}\n            indeterminate={indeterminate}\n            onSelectAll={() => onChange(allValues)}\n            onDeselectAll={() => onChange([] as ValueType)}\n          />\n          <Divider />\n          {renderedMenu}\n        </>\n      );\n    },\n    [\n      popupRender,\n      dropdownRender,\n      showSelectAll,\n      value,\n      options,\n      cls,\n      selectAllRender,\n      onChange,\n    ]\n  );\n  return (\n    <AntSelect\n      // ref={ref}\n      ref={(node) => {\n        if (ref) {\n          if (typeof ref == \"function\") {\n            ref(node);\n          } else {\n            ref.current = node;\n          }\n        }\n        if (!node) return;\n        refs.setReference(node?.nativeElement as HTMLElement);\n      }}\n      suffixIcon={<CaretDown weight=\"bold\" />}\n      open={open}\n      onOpenChange={setOpen}\n      value={value}\n      onChange={onChange}\n      // for old version\n      popupClassName={dsPopupClassName}\n      classNames={{\n        popup: {\n          root: dsPopupClassName,\n        },\n        ...classNames,\n      }}\n      {...(isMultiple\n        ? {\n            menuItemSelectedIcon: ({ isSelected }) => (\n              <span className=\"ant-select-checkbox-indicator\">\n                {isSelected ? (\n                  <Checkbox checked />\n                ) : (\n                  <Checkbox checked={false} />\n                )}\n              </span>\n            ),\n          }\n        : {})}\n      mode={mode}\n      className={dsSelectClassname}\n      styles={\n        enhancePositioner\n          ? toMerged(styles, {\n              popup: {\n                root: {\n                  transition: \"none\",\n                  ...floatingStyles,\n                  \"--ds-select-popup-width\": popupWidth,\n                } as CSSProperties,\n              },\n            })\n          : styles\n      }\n      getPopupContainer={\n        getPopupContainer ||\n        (enhancePositioner ? () => portalNode || document.body : undefined)\n      }\n      popupRender={(menu) => {\n        if (!enhancePositioner) {\n          return customRenderMenu(menu);\n        }\n        return (\n          <>\n            <FloatingOverlay lockScroll onClick={() => setOpen(false)} />\n            <div\n              ref={(node) => {\n                if (!node) return;\n                const popupEl = node.closest(\n                  \".ds-select-dropdown\"\n                ) as HTMLDivElement;\n                refs.setFloating(popupEl);\n              }}\n            >\n              {customRenderMenu(menu)}\n            </div>\n          </>\n        );\n      }}\n      options={options}\n      {...(showSelectionSummary\n        ? {\n            maxTagCount: 1,\n            showSearch: false,\n            labelRender: () => {\n              if (selectionSummaryRender) {\n                return selectionSummaryRender(value);\n              }\n              return defaultSelectionSummaryRender(value);\n            },\n          }\n        : {})}\n      {...rest}\n    />\n  );\n};\n\n// Use forwardRef with type assertion\nconst MainSelect = forwardRef(MainSelectInner) as <\n  ValueType = unknown,\n  OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType\n>(\n  props: SelectProps<ValueType, OptionType> & {\n    ref?: React.ForwardedRef<React.ComponentRef<typeof AntSelect>>;\n  }\n) => ReturnType<typeof MainSelectInner>;\n\nexport const Select = Object.assign(MainSelect, {\n  Option: AntSelect.Option,\n  OptGroup: AntSelect.OptGroup,\n});\n"],"names":["MainSelectInner","mode","className","openProp","defaultOpen","onOpenChange","popupClassName","onDropdownVisibleChange","enhancePositioner","getPopupContainer","popupSize","popupRender","dropdownRender","classNames","styles","showSelectionSummary","selectionSummaryRender","valueProp","onChangeProp","defaultValue","showSelectAll","selectAllRender","options","rest","ref","portalNode","useFloatingPortalNode","isMultiple","open","setOpen","useControlledState","cls","useCls","value","onChange","floatingStyles","refs","useFloating","offset","autoPlacement","shift","size","availableHeight","availableWidth","elements","autoUpdate","defaultSelectionSummaryRender","useCallback","v","count","dsSelectClassname","clsx","dsPopupClassName","_a","popupWidth","PopupPanelSize","customRenderMenu","menu","renderedMenu","checked","allValues","option","indeterminate","jsxs","Fragment","jsx","SelectItem","e","Divider","AntSelect","node","CaretDown","isSelected","Checkbox","toMerged","FloatingOverlay","popupEl","MainSelect","forwardRef","Select"],"mappings":";;;;;;;;;;;;;;;AAoFA,MAAMA,KAAkB,CAItB;AAAA,EACE,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAMC;AAAA,EACN,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC,IAAS,CAAC;AAAA,EACV,sBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,OAAOC;AAAA,EACP,UAAUC;AAAA,EACV,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;;AACG,QAAAC,IAAaC,GAAsB,EAAE,GACrCC,IAAa1B,MAAS,cAAcA,MAAS,QAC7C,CAAC2B,GAAMC,CAAO,IAAIC;AAAA,IACtB3B;AAAA,IACAE,KAAgBE;AAAA,IAChBH;AAAA,EACF,GACM2B,IAAMC,GAAO,GACb,CAACC,GAAOC,CAAQ,IAAIJ;AAAA,IACxBb;AAAA,IACAC;AAAA,IACAC;AAAA,EACF,GAEM,EAAE,gBAAAgB,GAAgB,MAAAC,EAAK,IAAIC,GAAY;AAAA,IAC3C,WAAW;AAAA,IACX,WAAW;AAAA,IACX,MAAM7B,KAAqBoB;AAAA,IAC3B,YAAY;AAAA,MACVU,GAAO;AAAA,QACL,UAAU;AAAA,MAAA,CACX;AAAA,MACDC,GAAc;AAAA,QACZ,mBAAmB;AAAA,UACjB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF,CACD;AAAA,MACDC,GAAM;AAAA,QACJ,SAAS;AAAA,MAAA,CACV;AAAA,MACDC,GAAK;AAAA,QACH,SAAS;AAAA,QACT,MAAM,EAAE,iBAAAC,GAAiB,gBAAAC,GAAgB,UAAAC,KAAY;AAEnD,UAAAA,EAAS,SAAS,MAAM;AAAA,YACtB;AAAA,YACAD,IAAiB;AAAA,UACnB,GACAC,EAAS,SAAS,MAAM;AAAA,YACtB;AAAA,YACAF,IAAkB;AAAA,UACpB;AAAA,QAAA;AAAA,MAEH,CAAA;AAAA,IACH;AAAA,IACA,sBAAsBG;AAAA,EAAA,CACvB,GAEKC,IAAgCC;AAAA,IACpC,CAACC,MAAiB;AAChB,YAAMC,IAAQ,MAAM,QAAQD,CAAC,IAAIA,EAAE,SAAS;AAC5C,aAAIrB,IACKsB,IAAQ,IAAIA,KAAS,IAAI,SAAS,OAAO,qCAExC,UAAED,EAAA,CAAA;AAAA,IACd;AAAA,IACA,CAACrB,CAAU;AAAA,EACb,GAEMuB,IAAoBC;AAAA,IACxBpB,EAAI,UAAUhB,KAAwB,0BAA0B;AAAA,IAChEb;AAAA,EACF,GAEMkD,IAAmBD;AAAA,IACvBpB;AAAA,MACE;AAAA,MACAJ,KAAc;AAAA,MACdnB,KAAqB;AAAA,IACvB;AAAA,MACA6C,IAAAxC,KAAA,gBAAAA,EAAY,UAAZ,gBAAAwC,EAAmB,SAAQ/C;AAAA,EAC7B,GACMgD,IACJ5C,KAAa,OAAOA,KAAc,YAAYA,KAAa6C,IACvDA,EAAe7C,CAAwC,IACvD,OAAOA,KAAc,WACrBA,IAAY,OACZA,KAAa,eACb8C,IAAmBT;AAAA,IACvB,CAACU,MAA6B;AACtB,YAAAC,IAAe/C,IACjBA,EAAY8C,CAAI,IAChB7C,IACAA,EAAe6C,CAAI,IACnBA;AACA,UAAA,CAACrC,EAAsB,QAAAsC;AAC3B,YAAMC,IAAU,MAAM,QAAQ1B,CAAK,KAAKA,EAAM,SAAS,GACjD2B,IAAY,MAAM,QAAQtC,CAAO,IACnCA,EAAQ,IAAI,CAACuC,MAAWA,EAAO,KAAK,IACnC5B,EAAc,IAAI,CAACe,MAAWA,EAAE,KAAK,GACpCc,IACJ,MAAM,QAAQ7B,CAAK,KAAKA,EAAM,UAAUA,EAAM,SAASX,EAAQ;AACjE,aAEI,gBAAAyC,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAWnC;AAAA,cACT;AAAA,cACA;AAAA,cACA4B,KAAW;AAAA,cACX;AAAA,YACF;AAAA,YACA,aAAa,CAACQ,MAAM;AAAA,YAAC;AAAA,YACrB,iBAAA9C;AAAA,YACA,SAAAsC;AAAA,YACA,eAAAG;AAAA,YACA,aAAa,MAAM5B,EAAS0B,CAAS;AAAA,YACrC,eAAe,MAAM1B,EAAS,CAAe,CAAA;AAAA,UAAA;AAAA,QAC/C;AAAA,0BACCkC,IAAQ,EAAA;AAAA,QACRV;AAAA,MAAA,GACH;AAAA,IAEJ;AAAA,IACA;AAAA,MACE/C;AAAA,MACAC;AAAA,MACAQ;AAAA,MACAa;AAAA,MACAX;AAAA,MACAS;AAAA,MACAV;AAAA,MACAa;AAAA,IAAA;AAAA,EAEJ;AAEE,SAAA,gBAAA+B;AAAA,IAACI;AAAA,IAAA;AAAA,MAEC,KAAK,CAACC,MAAS;AAQb,QAPI9C,MACE,OAAOA,KAAO,aAChBA,EAAI8C,CAAI,IAER9C,EAAI,UAAU8C,IAGbA,KACAlC,EAAA,aAAakC,KAAA,gBAAAA,EAAM,aAA4B;AAAA,MACtD;AAAA,MACA,YAAY,gBAAAL,EAACM,IAAU,EAAA,QAAO,OAAO,CAAA;AAAA,MACrC,MAAA3C;AAAA,MACA,cAAcC;AAAA,MACd,OAAAI;AAAA,MACA,UAAAC;AAAA,MAEA,gBAAgBkB;AAAA,MAChB,YAAY;AAAA,QACV,OAAO;AAAA,UACL,MAAMA;AAAA,QACR;AAAA,QACA,GAAGvC;AAAA,MACL;AAAA,MACC,GAAIc,IACD;AAAA,QACE,sBAAsB,CAAC,EAAE,YAAA6C,QACvB,gBAAAP,EAAC,UAAK,WAAU,iCACb,cACE,gBAAAA,EAAAQ,GAAA,EAAS,SAAO,IAAC,sBAEjBA,GAAS,EAAA,SAAS,IAAO,EAE9B,CAAA;AAAA,MAAA,IAGJ,CAAC;AAAA,MACL,MAAAxE;AAAA,MACA,WAAWiD;AAAA,MACX,QACE1C,IACIkE,GAAS5D,GAAQ;AAAA,QACf,OAAO;AAAA,UACL,MAAM;AAAA,YACJ,YAAY;AAAA,YACZ,GAAGqB;AAAA,YACH,2BAA2BmB;AAAA,UAAA;AAAA,QAC7B;AAAA,MAEH,CAAA,IACDxC;AAAA,MAEN,mBACEL,MACCD,IAAoB,MAAMiB,KAAc,SAAS,OAAO;AAAA,MAE3D,aAAa,CAACgC,MACPjD,IAKD,gBAAAuD,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAACU,MAAgB,YAAU,IAAC,SAAS,MAAM9C,EAAQ,EAAK,GAAG;AAAA,QAC3D,gBAAAoC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK,CAACK,MAAS;AACb,kBAAI,CAACA,EAAM;AACX,oBAAMM,IAAUN,EAAK;AAAA,gBACnB;AAAA,cACF;AACA,cAAAlC,EAAK,YAAYwC,CAAO;AAAA,YAC1B;AAAA,YAEC,YAAiBnB,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MACxB,GACF,IAhBOD,EAAiBC,CAAI;AAAA,MAmBhC,SAAAnC;AAAA,MACC,GAAIP,IACD;AAAA,QACE,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa,MACPC,IACKA,EAAuBiB,CAAK,IAE9Ba,EAA8Bb,CAAK;AAAA,MAC5C,IAEF,CAAC;AAAA,MACJ,GAAGV;AAAA,IAAA;AAAA,EACN;AAEJ,GAGMsD,KAAaC,GAAW9E,EAAe,GAShC+E,KAAS,OAAO,OAAOF,IAAY;AAAA,EAC9C,QAAQR,EAAU;AAAA,EAClB,UAAUA,EAAU;AACtB,CAAC;"}

package/dist/components/select/item.js

@@ -0,0 +1,54 @@
+import { jsx as s } from "react/jsx-runtime";
+import n from "merge-refs";
+import { forwardRef as v } from "react";
+import { useHover as u } from "../hooks/useHover.js";
+import { Checkbox as C } from "../checkbox/component.js";
+import { useCls as g } from "../utils/antdUtils.js";
+const h = v(
+  ({
+    className: x,
+    onMouseOver: N,
+    selectAllRender: o,
+    checked: e,
+    indeterminate: t,
+    onSelectAll: r,
+    onDeselectAll: m,
+    ...i
+  }, c) => {
+    const [l, f] = u(), p = g();
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: n(l, c),
+        className: p(
+          "select-item",
+          "select-item-option",
+          e && "select-item-option-selected",
+          "select-item-select-all",
+          f && "select-item-option-active"
+        ),
+        ...i,
+        children: o ? o({
+          onClick: e ? m : r,
+          checked: e,
+          indeterminate: t
+        }) : /* @__PURE__ */ s(
+          C,
+          {
+            checked: e,
+            indeterminate: t,
+            onChange: (a) => {
+              a.target.checked ? r() : m();
+            },
+            children: "Select all"
+          }
+        )
+      }
+    );
+  }
+);
+h.displayName = "SelectItem";
+export {
+  h as SelectItem
+};
+//# sourceMappingURL=item.js.map

package/dist/components/select/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","sources":["../../../src/components/select/item.tsx"],"sourcesContent":["import mergeRefs from \"merge-refs\";\nimport { CheckboxProps, Checkbox } from \"../checkbox\";\nimport { useHover } from \"../hooks\";\nimport { useCls } from \"../utils\";\nimport { forwardRef } from \"react\";\n\nexport interface SelectItemProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  selectAllRender?: (props: {\n    onClick: () => void;\n    checked: CheckboxProps[\"checked\"];\n    indeterminate: CheckboxProps[\"indeterminate\"];\n  }) => React.ReactNode;\n  checked: boolean;\n  indeterminate: boolean;\n  onSelectAll: () => void;\n  onDeselectAll: () => void;\n}\n\n// SelectItem component\nexport const SelectItem: React.FC<SelectItemProps> = forwardRef<\n  HTMLDivElement,\n  SelectItemProps\n>(\n  (\n    {\n      className,\n      onMouseOver,\n      selectAllRender,\n      checked,\n      indeterminate,\n      onSelectAll,\n      onDeselectAll,\n      ...rest\n    },\n    forwardedRef\n  ) => {\n    const [ref, _hovering] = useHover<HTMLDivElement>();\n    const cls = useCls();\n    return (\n      <div\n        ref={mergeRefs(ref, forwardedRef)}\n        className={cls(\n          \"select-item\",\n          \"select-item-option\",\n          checked && \"select-item-option-selected\",\n          \"select-item-select-all\",\n          _hovering && \"select-item-option-active\"\n        )}\n        {...rest}\n      >\n        {selectAllRender ? (\n          selectAllRender({\n            onClick: checked ? onDeselectAll : onSelectAll,\n            checked,\n            indeterminate,\n          })\n        ) : (\n          <Checkbox\n            checked={checked}\n            indeterminate={indeterminate}\n            onChange={(e) => {\n              if (e.target.checked) {\n                onSelectAll();\n              } else {\n                onDeselectAll();\n              }\n            }}\n          >\n            Select all\n          </Checkbox>\n        )}\n      </div>\n    );\n  }\n);\n\nSelectItem.displayName = \"SelectItem\";\n"],"names":["SelectItem","forwardRef","className","onMouseOver","selectAllRender","checked","indeterminate","onSelectAll","onDeselectAll","rest","forwardedRef","ref","_hovering","useHover","cls","useCls","jsx","mergeRefs","Checkbox","e"],"mappings":";;;;;;AAmBO,MAAMA,IAAwCC;AAAA,EAInD,CACE;AAAA,IACE,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACG;AACH,UAAM,CAACC,GAAKC,CAAS,IAAIC,EAAyB,GAC5CC,IAAMC,EAAO;AAEjB,WAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKC,EAAUN,GAAKD,CAAY;AAAA,QAChC,WAAWI;AAAA,UACT;AAAA,UACA;AAAA,UACAT,KAAW;AAAA,UACX;AAAA,UACAO,KAAa;AAAA,QACf;AAAA,QACC,GAAGH;AAAA,QAEH,cACCL,EAAgB;AAAA,UACd,SAASC,IAAUG,IAAgBD;AAAA,UACnC,SAAAF;AAAA,UACA,eAAAC;AAAA,QACD,CAAA,IAED,gBAAAU;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAAAb;AAAA,YACA,eAAAC;AAAA,YACA,UAAU,CAACa,MAAM;AACX,cAAAA,EAAE,OAAO,UACCZ,EAAA,IAEEC,EAAA;AAAA,YAElB;AAAA,YACD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAEJ;AAAA,EAAA;AAGN;AAEAR,EAAW,cAAc;"}

package/dist/components/select/style.css

@@ -1 +1 @@
-@layer components{.ds-select-popup .ds-select-item-option-state{order:-1}.ds-select-popup .ds-select-checkbox-indicator,.ds-select-popup .ant-select-checkbox-indicator{margin-right:.5rem}.ds-select-multiple .ds-select-item-option-selected:not(.ds-select-item-option-disabled):not(:hover){background:transparent}.ds-select-popup-enhanced{transition:none;width:var(--ds-select-popup-width);height:fit-content;max-width:calc(var(--available-width) - 16px);max-height:calc(var(--available-height) - 16px)}}
+@layer components{.ds-select-popup .ds-select-item-option-state{order:-1}.ds-select-popup .ds-select-checkbox-indicator,.ds-select-popup .ant-select-checkbox-indicator{margin-right:.5rem}.ds-select-multiple .ds-select-item-option-selected:not(.ds-select-item-option-disabled):not(:hover){background:transparent}.ds-select-popup-enhanced{transition:none;width:var(--ds-select-popup-width);height:fit-content;max-width:calc(var(--available-width) - 16px);max-height:calc(var(--available-height) - 16px)}.ds-select-selection-summary .ds-select-selection-overflow-item.ds-select-selection-overflow-item-rest{display:none}.ds-select-selection-summary .ds-select-selection-overflow-item-suffix{opacity:0}.ds-select-selection-summary .ds-select-selection-item-remove{display:none}.ds-select-selection-summary .ds-select-selection-item{background:transparent;border:none}.ds-select-item-select-all>.ds-checkbox-wrapper{width:100%;flex-grow:1}.ds-select-item-select-all+.ds-divider{padding:0;margin-top:.5rem;margin-bottom:.5rem}}

package/dist/components/splitter/splitter-panel.js

@@ -5,27 +5,27 @@ import { InternalPanel as p } from "antd/es/splitter/Panel";
 import { useCls as f } from "../utils/antdUtils.js";
 import { clsx as x } from "../utils/cn.js";
 const R = o.forwardRef(({
-  children: t,
+  children: n,
   className: s,
   style: m,
-  defaultSize: n,
+  defaultSize: t,
   ...e
 }, c) => {
-  const i = f(), r = n === "max-content" || n === "min-content" || n === "fit-content", l = x(
+  const i = f(), r = t === "max-content" || t === "min-content" || t === "fit-content", l = x(
     s,
-    r && i(`splitter-panel-${n}`)
+    r && i(`splitter-panel-${t}`)
   );
   return /* @__PURE__ */ a(
     p,
     {
       className: l,
       style: m,
-      defaultSize: n,
+      defaultSize: t,
       ...e,
-      children: r && o.isValidElement(t) ? o.cloneElement(
-        t,
+      children: r && o.isValidElement(n) ? o.cloneElement(
+        n,
         { ref: c }
-      ) : t
+      ) : n
     }
   );
 });

package/dist/components/splitter/splitter.js

@@ -25,14 +25,14 @@ const Oe = (E) => {
     onResizeStart: C,
     onResize: a,
     onResizeEnd: o,
-    lazy: B,
-    showSplitBar: W = !0
+    lazy: _,
+    showSplitBar: B = !0
   } = E, {
-    getPrefixCls: j,
-    direction: D,
-    className: _,
+    getPrefixCls: W,
+    direction: j,
+    className: D,
     style: q
-  } = he("splitter"), n = j("splitter", V), M = de(n), [F, H, L] = xe(n, M), m = l === "vertical", p = D === "rtl", T = !m && p, i = ge(w), N = u.useMemo(() => i.map(() => u.createRef()), [i.length]);
+  } = he("splitter"), n = W("splitter", V), M = de(n), [F, H, L] = xe(n, M), m = l === "vertical", p = j === "rtl", T = !m && p, i = ge(w), N = u.useMemo(() => i.map(() => u.createRef()), [i.length]);
   if (process.env.NODE_ENV !== "production") {
     const t = Ce("Splitter");
     let e = !1, s = !1;
@@ -81,10 +81,10 @@ const Oe = (E) => {
     `${n}-${l}`,
     {
       [`${n}-rtl`]: p,
-      [`${n}-hide-bars`]: !W
+      [`${n}-hide-bars`]: !B
     },
     R,
-    _,
+    D,
     L,
     M,
     H
@@ -114,7 +114,7 @@ const Oe = (E) => {
           r = /* @__PURE__ */ f(
             ye,
             {
-              lazy: B,
+              lazy: _,
               index: e,
               active: I === e,
               prefixCls: n,

package/dist/components/splitter/useSizes.js

@@ -1,8 +1,8 @@
 import u from "react";
-const I = (s, l, p) => {
+const I = (s, l, d) => {
   const o = s.cloneNode(!0);
-  o.style.position = "absolute", o.style.visibility = "hidden", o.style.pointerEvents = "none", o.style.zIndex = "-1", o.style.top = "0", o.style.left = "0", p === "horizontal" ? (o.style.width = l, o.style.height = "100%") : (o.style.width = "100%", o.style.height = l), document.body.appendChild(o);
-  const d = o.getBoundingClientRect(), a = p === "horizontal" ? d.width : d.height;
+  o.style.position = "absolute", o.style.visibility = "hidden", o.style.pointerEvents = "none", o.style.zIndex = "-1", o.style.top = "0", o.style.left = "0", d === "horizontal" ? (o.style.width = l, o.style.height = "100%") : (o.style.width = "100%", o.style.height = l), document.body.appendChild(o);
+  const p = o.getBoundingClientRect(), a = d === "horizontal" ? p.width : p.height;
   return document.body.removeChild(o), a > 0 ? Math.ceil(a) : 0;
 };
 function y(s) {
@@ -11,8 +11,8 @@ function y(s) {
 function M(s) {
   return typeof s == "string" && s.endsWith("%");
 }
-function B(s, l, p = "horizontal", o = []) {
-  const d = s.map((e) => e.size), a = s.length, c = l || 0, w = (e) => e * c, [v, C] = u.useState(() => s.map((e) => e.defaultSize)), [z, P] = u.useState(/* @__PURE__ */ new Map()), b = (e) => e === "max-content" || e === "min-content" || e === "fit-content";
+function _(s, l, d = "horizontal", o = []) {
+  const p = s.map((e) => e.size), a = s.length, c = l || 0, w = (e) => e * c, [v, C] = u.useState(() => s.map((e) => e.defaultSize)), [z, P] = u.useState(/* @__PURE__ */ new Map()), b = (e) => e === "max-content" || e === "min-content" || e === "fit-content";
   u.useEffect(() => {
     const e = /* @__PURE__ */ new Map();
     let i = !1;
@@ -20,7 +20,7 @@ function B(s, l, p = "horizontal", o = []) {
       if (b(r.defaultSize)) {
         const t = o[n];
         if (t != null && t.current) {
-          const f = I(t.current, r.defaultSize, p);
+          const f = I(t.current, r.defaultSize, d);
           if (f > 0) {
             const g = z.get(n);
             g === void 0 || g !== f ? (e.set(n, f), i = !0) : e.set(n, g);
@@ -28,15 +28,15 @@ function B(s, l, p = "horizontal", o = []) {
         }
       }
     }), i && P((r) => new Map([...r, ...e]));
-  }, [s, o, p, l]);
+  }, [s, o, d, l]);
   const m = u.useMemo(() => {
     const e = [];
     for (let i = 0; i < a; i += 1) {
-      let r = d[i] ?? v[i];
+      let r = p[i] ?? v[i];
       b(r) && z.has(i) && (r = z.get(i)), e[i] = r;
     }
     return e;
-  }, [a, v, d, z]), h = u.useMemo(() => {
+  }, [a, v, p, z]), h = u.useMemo(() => {
     let e = [], i = 0;
     for (let n = 0; n < a; n += 1) {
       const t = m[n];
@@ -80,7 +80,7 @@ function B(s, l, p = "horizontal", o = []) {
   ];
 }
 export {
-  B as default,
+  _ as default,
   y as getPtg
 };
 //# sourceMappingURL=useSizes.js.map

package/dist/components/splitter/useSizes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSizes.js","sources":["../../../src/components/splitter/useSizes.ts"],"sourcesContent":["import React from \"react\";\n\nimport type { SplitterPanelProps } from \"./splitter-panel\";\n\n// Helper to measure intrinsic content size\nconst measureIntrinsicSize = (\n  element: HTMLElement, \n  intrinsicType: \"max-content\" | \"min-content\" | \"fit-content\",\n  layout: \"horizontal\" | \"vertical\"\n): number => {\n  const clonedElement = element.cloneNode(true) as HTMLElement;\n  \n  // Set up the cloned element for measurement\n  clonedElement.style.position = \"absolute\";\n  clonedElement.style.visibility = \"hidden\";\n  clonedElement.style.pointerEvents = \"none\";\n  clonedElement.style.zIndex = \"-1\";\n  clonedElement.style.top = \"0\";\n  clonedElement.style.left = \"0\";\n\n  if (layout === \"horizontal\") {\n    clonedElement.style.width = intrinsicType;\n    clonedElement.style.height = \"100%\";\n  } else {\n    clonedElement.style.width = \"100%\";\n    clonedElement.style.height = intrinsicType;\n  }\n\n  document.body.appendChild(clonedElement);\n  const rect = clonedElement.getBoundingClientRect();\n  const size = layout === \"horizontal\" ? rect.width : rect.height;\n  document.body.removeChild(clonedElement);\n\n  return size > 0 ? Math.ceil(size) : 0;\n};\n\nexport function getPtg(str: string) {\n  return Number(str.slice(0, -1)) / 100;\n}\n\nfunction isPtg(itemSize: string | number | undefined): itemSize is string {\n  return typeof itemSize === \"string\" && itemSize.endsWith(\"%\");\n}\n\n/**\n * Save the size state.\n * Align the size into flex percentage base.\n */\nexport default function useSizes(\n  items: SplitterPanelProps[],\n  containerSize?: number,\n  layout: \"horizontal\" | \"vertical\" = \"horizontal\",\n  elementRefs: React.RefObject<HTMLElement>[] = []\n) {\n  const propSizes = items.map((item) => item.size);\n\n  const itemsCount = items.length;\n\n  const mergedContainerSize = containerSize || 0;\n  const ptg2px = (ptg: number) => ptg * mergedContainerSize;\n\n  // We do not need care the size state match the `items` length in `useState`.\n  // It will calculate later.\n  const [innerSizes, setInnerSizes] = React.useState<\n    (string | number | undefined)[]\n  >(() => items.map((item) => item.defaultSize));\n\n  // Track measured intrinsic sizes\n  const [intrinsicSizes, setIntrinsicSizes] = React.useState<Map<number, number>>(new Map());\n  \n  // Helper function to check if a size is intrinsic\n  const isIntrinsicSize = (size: string | number | undefined): size is \"max-content\" | \"min-content\" | \"fit-content\" => {\n    return size === \"max-content\" || size === \"min-content\" || size === \"fit-content\";\n  };\n\n  // Measure intrinsic sizes directly using element refs\n  React.useEffect(() => {\n    const newSizes = new Map<number, number>();\n    let hasChanges = false;\n\n    items.forEach((item, index) => {\n      if (isIntrinsicSize(item.defaultSize)) {\n        const ref = elementRefs[index];\n        if (ref?.current) {\n          const measuredSize = measureIntrinsicSize(ref.current, item.defaultSize, layout);\n          if (measuredSize > 0) {\n            const currentSize = intrinsicSizes.get(index);\n            if (currentSize === undefined || currentSize !== measuredSize) {\n              newSizes.set(index, measuredSize);\n              hasChanges = true;\n            } else {\n              newSizes.set(index, currentSize);\n            }\n          }\n        }\n      }\n    });\n\n    if (hasChanges) {\n      setIntrinsicSizes(prev => new Map([...prev, ...newSizes]));\n    }\n  }, [items, elementRefs, layout, containerSize]); // Re-measure when container size changes for responsiveness\n  const sizes = React.useMemo(() => {\n    const mergedSizes: SplitterPanelProps[\"size\"][] = [];\n\n    for (let i = 0; i < itemsCount; i += 1) {\n      let size = propSizes[i] ?? innerSizes[i];\n      \n      // Replace intrinsic sizes with measured pixel values\n      if (isIntrinsicSize(size) && intrinsicSizes.has(i)) {\n        size = intrinsicSizes.get(i);\n      }\n      \n      mergedSizes[i] = size;\n    }\n\n    return mergedSizes;\n  }, [itemsCount, innerSizes, propSizes, intrinsicSizes]);\n\n  // Post handle the size. Will do:\n  // 1. Convert all the px into percentage if not empty.\n  // 2. Get rest percentage for exist percentage.\n  // 3. Fill the rest percentage into empty item.\n  const postPercentSizes = React.useMemo(() => {\n    let ptgList: (number | undefined)[] = [];\n    let emptyCount = 0;\n\n    // Fill default percentage\n    for (let i = 0; i < itemsCount; i += 1) {\n      const itemSize = sizes[i];\n\n      if (isPtg(itemSize)) {\n        ptgList[i] = getPtg(itemSize);\n      } else if (itemSize || itemSize === 0) {\n        const num = Number(itemSize);\n        if (!Number.isNaN(num)) {\n          ptgList[i] = num / mergedContainerSize;\n        }\n      } else {\n        emptyCount += 1;\n        ptgList[i] = undefined;\n      }\n    }\n\n    const totalPtg = ptgList.reduce<number>((acc, ptg) => acc + (ptg || 0), 0);\n\n    if (totalPtg > 1 || !emptyCount) {\n      // If total percentage is larger than 1, we will scale it down.\n      const scale = 1 / totalPtg;\n      ptgList = ptgList.map((ptg) => (ptg === undefined ? 0 : ptg * scale));\n    } else {\n      // If total percentage is smaller than 1, we will fill the rest.\n      const avgRest = (1 - totalPtg) / emptyCount;\n      ptgList = ptgList.map((ptg) => (ptg === undefined ? avgRest : ptg));\n    }\n\n    return ptgList as number[];\n  }, [sizes, mergedContainerSize]);\n\n  const postPxSizes = React.useMemo(\n    () => postPercentSizes.map(ptg2px),\n    [postPercentSizes, mergedContainerSize]\n  );\n\n  const postPercentMinSizes = React.useMemo(\n    () =>\n      items.map((item) => {\n        if (isPtg(item.min)) {\n          return getPtg(item.min);\n        }\n        return (item.min || 0) / mergedContainerSize;\n      }),\n    [items, mergedContainerSize]\n  );\n\n  const postPercentMaxSizes = React.useMemo(\n    () =>\n      items.map((item) => {\n        if (isPtg(item.max)) {\n          return getPtg(item.max);\n        }\n        return (item.max || mergedContainerSize) / mergedContainerSize;\n      }),\n    [items, mergedContainerSize]\n  );\n\n  // If ssr, we will use the size from developer config first.\n  const panelSizes = React.useMemo(\n    () => (containerSize ? postPxSizes : sizes),\n    [postPxSizes, containerSize]\n  );\n\n  return [\n    panelSizes,\n    postPxSizes,\n    postPercentSizes,\n    postPercentMinSizes,\n    postPercentMaxSizes,\n    setInnerSizes,\n  ] as const;\n}\n"],"names":["measureIntrinsicSize","element","intrinsicType","layout","clonedElement","rect","size","getPtg","str","isPtg","itemSize","useSizes","items","containerSize","elementRefs","propSizes","item","itemsCount","mergedContainerSize","ptg2px","ptg","innerSizes","setInnerSizes","React","intrinsicSizes","setIntrinsicSizes","isIntrinsicSize","newSizes","hasChanges","index","ref","measuredSize","currentSize","prev","sizes","mergedSizes","postPercentSizes","ptgList","emptyCount","i","num","totalPtg","acc","scale","avgRest","postPxSizes","postPercentMinSizes","postPercentMaxSizes"],"mappings":"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"}
+{"version":3,"file":"useSizes.js","sources":["../../../src/components/splitter/useSizes.ts"],"sourcesContent":["import React from \"react\";\n\nimport type { SplitterPanelProps } from \"./splitter-panel\";\n\n// Helper to measure intrinsic content size\nconst measureIntrinsicSize = (\n  element: HTMLElement, \n  intrinsicType: \"max-content\" | \"min-content\" | \"fit-content\",\n  layout: \"horizontal\" | \"vertical\"\n): number => {\n  const clonedElement = element.cloneNode(true) as HTMLElement;\n  \n  // Set up the cloned element for measurement\n  clonedElement.style.position = \"absolute\";\n  clonedElement.style.visibility = \"hidden\";\n  clonedElement.style.pointerEvents = \"none\";\n  clonedElement.style.zIndex = \"-1\";\n  clonedElement.style.top = \"0\";\n  clonedElement.style.left = \"0\";\n\n  if (layout === \"horizontal\") {\n    clonedElement.style.width = intrinsicType;\n    clonedElement.style.height = \"100%\";\n  } else {\n    clonedElement.style.width = \"100%\";\n    clonedElement.style.height = intrinsicType;\n  }\n\n  document.body.appendChild(clonedElement);\n  const rect = clonedElement.getBoundingClientRect();\n  const size = layout === \"horizontal\" ? rect.width : rect.height;\n  document.body.removeChild(clonedElement);\n\n  return size > 0 ? Math.ceil(size) : 0;\n};\n\nexport function getPtg(str: string) {\n  return Number(str.slice(0, -1)) / 100;\n}\n\nfunction isPtg(itemSize: string | number | undefined): itemSize is string {\n  return typeof itemSize === \"string\" && itemSize.endsWith(\"%\");\n}\n\n/**\n * Save the size state.\n * Align the size into flex percentage base.\n */\nexport default function useSizes(\n  items: SplitterPanelProps[],\n  containerSize?: number,\n  layout: \"horizontal\" | \"vertical\" = \"horizontal\",\n  elementRefs: React.RefObject<HTMLElement>[] = []\n) {\n  const propSizes = items.map((item) => item.size);\n\n  const itemsCount = items.length;\n\n  const mergedContainerSize = containerSize || 0;\n  const ptg2px = (ptg: number) => ptg * mergedContainerSize;\n\n  // We do not need care the size state match the `items` length in `useState`.\n  // It will calculate later.\n  const [innerSizes, setInnerSizes] = React.useState<\n    (string | number | undefined)[]\n  >(() => items.map((item) => item.defaultSize));\n\n  // Track measured intrinsic sizes\n  const [intrinsicSizes, setIntrinsicSizes] = React.useState<Map<number, number>>(new Map());\n  \n  // Helper function to check if a size is intrinsic\n  const isIntrinsicSize = (size: string | number | undefined): size is \"max-content\" | \"min-content\" | \"fit-content\" => {\n    return size === \"max-content\" || size === \"min-content\" || size === \"fit-content\";\n  };\n\n  // Measure intrinsic sizes directly using element refs\n  React.useEffect(() => {\n    const newSizes = new Map<number, number>();\n    let hasChanges = false;\n\n    items.forEach((item, index) => {\n      if (isIntrinsicSize(item.defaultSize)) {\n        const ref = elementRefs[index];\n        if (ref?.current) {\n          const measuredSize = measureIntrinsicSize(ref.current, item.defaultSize, layout);\n          if (measuredSize > 0) {\n            const currentSize = intrinsicSizes.get(index);\n            if (currentSize === undefined || currentSize !== measuredSize) {\n              newSizes.set(index, measuredSize);\n              hasChanges = true;\n            } else {\n              newSizes.set(index, currentSize);\n            }\n          }\n        }\n      }\n    });\n\n    if (hasChanges) {\n      setIntrinsicSizes(prev => new Map([...prev, ...newSizes]));\n    }\n  }, [items, elementRefs, layout, containerSize]); // Re-measure when container size changes for responsiveness\n  const sizes = React.useMemo(() => {\n    const mergedSizes: SplitterPanelProps[\"size\"][] = [];\n\n    for (let i = 0; i < itemsCount; i += 1) {\n      let size = propSizes[i] ?? innerSizes[i];\n      \n      // Replace intrinsic sizes with measured pixel values\n      if (isIntrinsicSize(size) && intrinsicSizes.has(i)) {\n        size = intrinsicSizes.get(i);\n      }\n      \n      mergedSizes[i] = size;\n    }\n\n    return mergedSizes;\n  }, [itemsCount, innerSizes, propSizes, intrinsicSizes]);\n\n  // Post handle the size. Will do:\n  // 1. Convert all the px into percentage if not empty.\n  // 2. Get rest percentage for exist percentage.\n  // 3. Fill the rest percentage into empty item.\n  const postPercentSizes = React.useMemo(() => {\n    let ptgList: (number | undefined)[] = [];\n    let emptyCount = 0;\n\n    // Fill default percentage\n    for (let i = 0; i < itemsCount; i += 1) {\n      const itemSize = sizes[i];\n\n      if (isPtg(itemSize)) {\n        ptgList[i] = getPtg(itemSize);\n      } else if (itemSize || itemSize === 0) {\n        const num = Number(itemSize);\n        if (!Number.isNaN(num)) {\n          ptgList[i] = num / mergedContainerSize;\n        }\n      } else {\n        emptyCount += 1;\n        ptgList[i] = undefined;\n      }\n    }\n\n    const totalPtg = ptgList.reduce<number>((acc, ptg) => acc + (ptg || 0), 0);\n\n    if (totalPtg > 1 || !emptyCount) {\n      // If total percentage is larger than 1, we will scale it down.\n      const scale = 1 / totalPtg;\n      ptgList = ptgList.map((ptg) => (ptg === undefined ? 0 : ptg * scale));\n    } else {\n      // If total percentage is smaller than 1, we will fill the rest.\n      const avgRest = (1 - totalPtg) / emptyCount;\n      ptgList = ptgList.map((ptg) => (ptg === undefined ? avgRest : ptg));\n    }\n\n    return ptgList as number[];\n  }, [sizes, mergedContainerSize]);\n\n  const postPxSizes = React.useMemo(\n    () => postPercentSizes.map(ptg2px),\n    [postPercentSizes, mergedContainerSize]\n  );\n\n  const postPercentMinSizes = React.useMemo(\n    () =>\n      items.map((item) => {\n        if (isPtg(item.min)) {\n          return getPtg(item.min);\n        }\n        return (item.min || 0) / mergedContainerSize;\n      }),\n    [items, mergedContainerSize]\n  );\n\n  const postPercentMaxSizes = React.useMemo(\n    () =>\n      items.map((item) => {\n        if (isPtg(item.max)) {\n          return getPtg(item.max);\n        }\n        return (item.max || mergedContainerSize) / mergedContainerSize;\n      }),\n    [items, mergedContainerSize]\n  );\n\n  // If ssr, we will use the size from developer config first.\n  const panelSizes = React.useMemo(\n    () => (containerSize ? postPxSizes : sizes),\n    [postPxSizes, containerSize]\n  );\n\n  return [\n    panelSizes,\n    postPxSizes,\n    postPercentSizes,\n    postPercentMinSizes,\n    postPercentMaxSizes,\n    setInnerSizes,\n  ] as const;\n}\n"],"names":["measureIntrinsicSize","element","intrinsicType","layout","clonedElement","rect","size","getPtg","str","isPtg","itemSize","useSizes","items","containerSize","elementRefs","propSizes","item","itemsCount","mergedContainerSize","ptg2px","ptg","innerSizes","setInnerSizes","React","intrinsicSizes","setIntrinsicSizes","isIntrinsicSize","newSizes","hasChanges","index","ref","measuredSize","currentSize","prev","sizes","mergedSizes","postPercentSizes","ptgList","emptyCount","i","num","totalPtg","acc","scale","avgRest","postPxSizes","postPercentMinSizes","postPercentMaxSizes"],"mappings":"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"}