@bioturing/components 0.46.4 → 0.48.0

package/dist/components/modal/style.css

@@ -1 +1 @@
-@layer components{.ds-modal-wrap{max-height:100vh}.ds-modal-wrap .ds-modal-close-x{width:100%;display:flex}.ds-modal-wrap .ds-modal{padding-bottom:0;margin-top:0;margin-bottom:0;max-height:100vh;top:0}.ds-modal-wrap .ds-modal .ds-modal-content{display:flex;flex-direction:column;padding:0;box-shadow:var(--ds-box-shadow-secondary);background:var(--ds-modal-bg, var(--ds-modal-content-bg));position:relative}.ds-modal-wrap .ds-modal .ds-modal-body{padding:var(--ds-modal-content-padding);flex-grow:1;flex-shrink:1;min-height:0;overflow:auto}.ds-modal-wrap .ds-modal .ds-modal-header{padding:calc(var(--ds-modal-padding) * 2 / 3) var(--ds-modal-padding) 0 var(--ds-modal-padding);margin-bottom:0;background:transparent}.ds-modal-wrap .ds-modal .ds-modal-footer{padding:0 var(--ds-modal-padding) var(--ds-modal-padding) var(--ds-modal-padding);margin-top:0;background:transparent}.ds-modal-wrap .ds-modal .ds-modal-close{top:calc(var(--ds-modal-padding) * 2 / 3 - 4px)}.ds-modal-wrap:not(.ds-modal-centered) .ds-modal-inner{margin-top:4rem}.ds-modal-wrap:not(.ds-modal-fullscreen) .ds-modal-content{max-height:calc(100vh - var(--ds-modal-edge-padding) * 2);margin:var(--ds-modal-edge-padding)}.ds-modal-wrap:not(.ds-modal-fullscreen) .ds-modal>div[tabindex="0"]{max-height:calc(100vh - var(--ds-modal-edge-padding) * 2)}.ds-modal-no-body-scroll .ds-modal{max-height:100%}.ds-modal-no-body-scroll .ds-modal .ds-modal-body{overflow:hidden;display:grid}.ds-modal-no-body-scroll .ds-modal .ds-modal-body>*{min-height:0}.ds-modal-fullscreen .ds-modal>div[tabindex="0"]{height:100%}.ds-modal-fullscreen .ds-modal .ds-modal-inner{height:100%}.ds-modal-fullscreen .ds-modal .ds-modal-content{border-radius:0;height:100%;width:100%}.ds-modal-fixed .ds-modal .ds-modal-footer{border-top:1px solid var(--ds-color-split);margin-top:0;padding:calc(var(--ds-modal-padding) / 2) var(--ds-modal-padding)}.ds-modal-fixed .ds-modal .ds-modal-header{border-bottom:1px solid var(--ds-color-split);margin-bottom:0;padding:calc(var(--ds-modal-padding) / 2) var(--ds-modal-padding)}.ds-modal-fixed .ds-modal .ds-modal-close{top:8px}.ds-modal-content-overflow .ds-modal .ds-modal-inner{margin-top:0}.ds-modal-loading-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background-color:color-mix(in oklab,var(--ds-modal-bg) 60%,transparent);margin-top:calc(var(--ds-modal-header-height, 0));margin-bottom:calc(var(--ds-modal-footer-height, 0))}}
+@layer components{.ds-modal-wrap{max-height:100vh}.ds-modal-wrap .ds-modal-close-x{width:100%;display:flex}.ds-modal-wrap .ds-modal{padding-bottom:0;margin-top:0;margin-bottom:0;max-height:100vh;top:0}.ds-modal-wrap .ds-modal .ds-modal-content{display:flex;flex-direction:column;padding:0;box-shadow:var(--ds-box-shadow-secondary);background:var(--ds-modal-bg, var(--ds-modal-content-bg));position:relative}.ds-modal-wrap .ds-modal .ds-modal-body{padding:var(--ds-modal-body-content-padding);flex-grow:1;flex-shrink:1;min-height:0;overflow:auto}.ds-modal-wrap .ds-modal .ds-modal-header{padding-block:var(--ds-modal-header-padding-block);padding-inline:var(--ds-modal-padding);margin-bottom:0;background:transparent}.ds-modal-wrap .ds-modal .ds-modal-footer{padding-block:var(--ds-modal-footer-padding-block);padding-inline:var(--ds-modal-padding);margin-top:0;background:transparent}.ds-modal-wrap .ds-modal .ds-modal-close{top:calc(var(--ds-modal-padding) * 2 / 3 - 4px)}.ds-modal-wrap:not(.ds-modal-centered) .ds-modal-inner{margin-top:4rem}.ds-modal-wrap:not(.ds-modal-fullscreen) .ds-modal-content{max-height:calc(100vh - var(--ds-modal-edge-padding) * 2);margin:var(--ds-modal-edge-padding)}.ds-modal-wrap:not(.ds-modal-fullscreen) .ds-modal>div[tabindex="0"]{max-height:calc(100vh - var(--ds-modal-edge-padding) * 2)}.ds-modal-no-body-scroll .ds-modal{max-height:100%}.ds-modal-no-body-scroll .ds-modal .ds-modal-body{overflow:hidden;display:grid}.ds-modal-no-body-scroll .ds-modal .ds-modal-body>*{min-height:0}.ds-modal-fullscreen .ds-modal>div[tabindex="0"]{height:100%}.ds-modal-fullscreen .ds-modal .ds-modal-inner{height:100%}.ds-modal-fullscreen .ds-modal .ds-modal-content{border-radius:0;height:100%;width:100%}.ds-modal-fixed .ds-modal .ds-modal-footer{border-top:1px solid var(--ds-color-split);margin-top:0;padding-block:var(--ds-modal-fixed-footer-padding-block);padding-inline:var(--ds-modal-padding)}.ds-modal-fixed .ds-modal .ds-modal-header{border-bottom:1px solid var(--ds-color-split);margin-bottom:0;padding-block:var(--ds-modal-fixed-header-padding-block);padding-inline:var(--ds-modal-padding)}.ds-modal-content-overflow .ds-modal .ds-modal-inner{margin-top:0}.ds-modal-loading-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background-color:color-mix(in oklab,var(--ds-modal-bg) 60%,transparent);margin-top:calc(var(--ds-modal-header-height, 0));margin-bottom:calc(var(--ds-modal-footer-height, 0))}}

package/dist/components/select/component.js

@@ -1,7 +1,7 @@
 "use client";
-import { jsx as t, Fragment as y, jsxs as G } from "react/jsx-runtime";
+import { jsx as o, Fragment as b, jsxs as G } from "react/jsx-runtime";
 import { CaretDown as de } from "@bioturing/assets";
-import { useFloatingPortalNode as fe, offset as ge, autoPlacement as he, shift as be, size as ye, useFloating as Ae, autoUpdate as Ce, FloatingOverlay as Re } from "@floating-ui/react";
+import { useFloatingPortalNode as fe, offset as ge, autoPlacement as he, shift as ye, size as be, useFloating as Ae, autoUpdate as Ce, FloatingOverlay as Re } from "@floating-ui/react";
 import V from "antd/es/checkbox";
 import R from "antd/es/select";
 import { toMerged as ke } from "es-toolkit";
@@ -44,19 +44,19 @@ const Oe = ({
     B,
     J || L,
     H
-  ), m = Me(), [o, g] = W(
+  ), m = Me(), [r, g] = W(
     Z,
     _,
     z
-  ), h = C(X), b = C(Y), P = C(ee), N = n(
+  ), h = C(X), y = C(Y), P = C(ee), N = n(
     ({
       availableHeight: e,
-      availableWidth: r,
+      availableWidth: t,
       elements: i
     }) => {
       i.floating.style.setProperty(
         "--available-width",
-        r + "px"
+        t + "px"
       ), i.floating.style.setProperty(
         "--available-height",
         e + "px"
@@ -78,10 +78,10 @@ const Oe = ({
           "top"
         ]
       }),
-      be({
+      ye({
         padding: 8
       }),
-      ye({
+      be({
         padding: 8,
         apply: N
       })
@@ -95,8 +95,8 @@ const Oe = ({
     whileElementsMounted: Ce
   }), ne = n(
     (e) => {
-      const r = Array.isArray(e) ? e.length : 1;
-      return p ? r + ` ${r == 1 ? "item" : "items"} selected` : /* @__PURE__ */ t(y, { children: e });
+      const t = Array.isArray(e) ? e.length : 1;
+      return p ? t + ` ${t == 1 ? "item" : "items"} selected` : /* @__PURE__ */ o(b, { children: e });
     },
     [p]
   ), se = T(
@@ -111,8 +111,8 @@ const Oe = ({
   }), j = n(
     (e) => {
       if (!e) return;
-      const r = e.closest(".ds-select-dropdown");
-      u.setFloating(r);
+      const t = e.closest(".ds-select-dropdown");
+      u.setFloating(t);
     },
     [u]
   ), ce = $(
@@ -127,11 +127,11 @@ const Oe = ({
     k?.popup?.root || K
   ), ie = l && typeof l == "string" && l in U ? U[l] : typeof l == "number" ? l + "px" : l || "fit-content", d = n(
     (e) => {
-      const r = h.current ? h.current(e) : b.current ? b.current(e) : e;
-      if (!M) return r;
-      const i = Array.isArray(o) && o.length > 0, ue = Array.isArray(o) && o.length && o.length < c.length;
-      return /* @__PURE__ */ G(y, { children: [
-        /* @__PURE__ */ t(
+      const t = h.current ? h.current(e) : y.current ? y.current(e) : e;
+      if (!M) return t;
+      const i = Array.isArray(r) && r.length > 0, ue = Array.isArray(r) && r.length && r.length < c.length;
+      return /* @__PURE__ */ G(b, { children: [
+        /* @__PURE__ */ o(
           we,
           {
             className: m(
@@ -149,15 +149,15 @@ const Oe = ({
             onDeselectAll: F
           }
         ),
-        /* @__PURE__ */ t(ve, {}),
-        r
+        /* @__PURE__ */ o(ve, {}),
+        t
       ] });
     },
     [
       h,
-      b,
+      y,
       M,
-      o,
+      r,
       c,
       m,
       P,
@@ -170,23 +170,23 @@ const Oe = ({
     },
     [a, u]
   ), E = n(
-    (e) => /* @__PURE__ */ G(y, { children: [
-      /* @__PURE__ */ t(Re, { lockScroll: !0, onClick: I }),
-      /* @__PURE__ */ t("div", { ref: j, children: d(e) })
+    (e) => /* @__PURE__ */ G(b, { children: [
+      /* @__PURE__ */ o(Re, { lockScroll: !0, onClick: I }),
+      /* @__PURE__ */ o("div", { ref: j, children: d(e) })
     ] }),
     [I, j, d]
   ), me = n(
     (e) => s ? E(e) : d(e),
     [s, d, E]
   );
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ o(
     R,
     {
       ref: pe,
-      suffixIcon: /* @__PURE__ */ t(de, { weight: "bold" }),
+      suffixIcon: /* @__PURE__ */ o(de, { weight: "bold" }),
       open: O,
       onOpenChange: S,
-      value: o,
+      value: r,
       onChange: g,
       classNames: {
         popup: {
@@ -195,7 +195,7 @@ const Oe = ({
         ...k
       },
       ...p ? {
-        menuItemSelectedIcon: ({ isSelected: e }) => /* @__PURE__ */ t("span", { className: "ant-select-checkbox-indicator", children: e ? /* @__PURE__ */ t(V, { checked: !0 }) : /* @__PURE__ */ t(V, { checked: !1 }) })
+        menuItemSelectedIcon: ({ isSelected: e, disabled: t }) => /* @__PURE__ */ o("span", { className: "ant-select-checkbox-indicator", children: e ? /* @__PURE__ */ o(V, { checked: !0, disabled: t }) : /* @__PURE__ */ o(V, { checked: !1, disabled: t }) })
       } : {},
       mode: f,
       className: ce,
@@ -214,7 +214,7 @@ const Oe = ({
       ...v ? {
         maxTagCount: 1,
         showSearch: !1,
-        labelRender: () => w ? w(o) : ne(o)
+        labelRender: () => w ? w(r) : ne(r)
       } : {},
       ...te
     }

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  autoPlacement,\n  autoUpdate,\n  FloatingOverlay,\n  offset,\n  shift,\n  size,\n  useFloating,\n  useFloatingPortalNode,\n  type MiddlewareState,\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, { CSSProperties, forwardRef, useCallback, useMemo } from \"react\";\nimport { useControlledState } from \"../hooks\";\nimport { useStableCallback } from \"@base-ui/utils/useStableCallback\";\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\";\nimport { BaseSelectRef } from \"rc-select\";\nimport { useValueAsRef } from \"@base-ui/utils/useValueAsRef\";\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\n  // Stabilize render callback props used in useCallback dependencies\n  const stablePopupRender = useValueAsRef(popupRender);\n  const stableDropdownRender = useValueAsRef(dropdownRender);\n  const stableSelectAllRender = useValueAsRef(selectAllRender);\n\n  // Memoize size middleware apply function to prevent recreating on every render\n  const sizeApply = useCallback(\n    ({\n      availableHeight,\n      availableWidth,\n      elements,\n    }: MiddlewareState & {\n      availableWidth: number;\n      availableHeight: number;\n    }) => {\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\n  // Memoize floating UI middleware array to prevent recalculating position unnecessarily\n  const floatingMiddleware = useMemo(\n    () => [\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: sizeApply,\n      }),\n    ],\n    [sizeApply]\n  );\n\n  // enhancePositioner\n  const { floatingStyles, refs } = useFloating({\n    placement: \"bottom-start\",\n    transform: false,\n    open: enhancePositioner && open,\n    middleware: floatingMiddleware,\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  // Memoize allValues calculation\n  const allValues = useMemo(\n    () => (Array.isArray(options) ? options.map((option) => option.value) : []),\n    [options]\n  );\n\n  // Create stable callbacks for select all/deselect all\n  const handleSelectAll = useStableCallback(() => {\n    onChange(allValues as ValueType);\n  });\n\n  const handleDeselectAll = useStableCallback(() => {\n    onChange([] as ValueType);\n  });\n\n  // Create stable callback for overlay click\n  const handleOverlayClick = useStableCallback(() => {\n    setOpen(false);\n  });\n\n  // Memoize floating ref callback\n  const floatingRefCallback = useCallback(\n    (node: HTMLElement | null) => {\n      if (!node) return;\n      const popupEl = node.closest(\".ds-select-dropdown\") as HTMLDivElement;\n      refs.setFloating(popupEl);\n    },\n    [refs]\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 = stablePopupRender.current\n        ? stablePopupRender.current(menu)\n        : stableDropdownRender.current\n        ? stableDropdownRender.current(menu)\n        : menu;\n      if (!showSelectAll) return renderedMenu;\n      const checked = Array.isArray(value) && value.length > 0;\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={stableSelectAllRender.current}\n            checked={checked}\n            indeterminate={indeterminate}\n            onSelectAll={handleSelectAll}\n            onDeselectAll={handleDeselectAll}\n          />\n          <Divider />\n          {renderedMenu}\n        </>\n      );\n    },\n    [\n      stablePopupRender,\n      stableDropdownRender,\n      showSelectAll,\n      value,\n      options,\n      cls,\n      stableSelectAllRender,\n      handleSelectAll,\n      handleDeselectAll,\n    ]\n  );\n\n  const refCallback = useCallback(\n    (node: BaseSelectRef) => {\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    [ref, refs]\n  );\n\n  // Memoize enhanced popup render for enhancePositioner mode\n  const enhancedPopupRender = useCallback(\n    (menu: React.ReactElement) => {\n      return (\n        <>\n          <FloatingOverlay lockScroll onClick={handleOverlayClick} />\n          <div ref={floatingRefCallback}>{customRenderMenu(menu)}</div>\n        </>\n      );\n    },\n    [handleOverlayClick, floatingRefCallback, customRenderMenu]\n  );\n\n  // Memoize final popup render\n  const finalPopupRender = useCallback(\n    (menu: React.ReactElement) => {\n      if (!enhancePositioner) {\n        return customRenderMenu(menu);\n      }\n      return enhancedPopupRender(menu);\n    },\n    [enhancePositioner, customRenderMenu, enhancedPopupRender]\n  );\n\n  return (\n    <AntSelect\n      // ref={ref}\n      ref={refCallback}\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={finalPopupRender}\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","stablePopupRender","useValueAsRef","stableDropdownRender","stableSelectAllRender","sizeApply","useCallback","availableHeight","availableWidth","elements","floatingMiddleware","useMemo","offset","autoPlacement","shift","size","floatingStyles","refs","useFloating","autoUpdate","defaultSelectionSummaryRender","v","count","allValues","option","handleSelectAll","useStableCallback","handleDeselectAll","handleOverlayClick","floatingRefCallback","node","popupEl","dsSelectClassname","clsx","dsPopupClassName","popupWidth","PopupPanelSize","customRenderMenu","menu","renderedMenu","checked","indeterminate","jsxs","Fragment","jsx","SelectItem","e","Divider","refCallback","enhancedPopupRender","FloatingOverlay","finalPopupRender","AntSelect","CaretDown","isSelected","Checkbox","toMerged","MainSelect","forwardRef","Select"],"mappings":";;;;;;;;;;;;;;;;;AAkFA,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,CAAA;AAAA,EACT,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;AACH,QAAMC,KAAaC,GAAsB,EAAE,GACrCC,IAAa1B,MAAS,cAAcA,MAAS,QAC7C,CAAC2B,GAAMC,CAAO,IAAIC;AAAA,IACtB3B;AAAA,IACAE,KAAgBE;AAAA,IAChBH;AAAA,EAAA,GAEI2B,IAAMC,GAAA,GACN,CAACC,GAAOC,CAAQ,IAAIJ;AAAA,IACxBb;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,GAIIgB,IAAoBC,EAAczB,CAAW,GAC7C0B,IAAuBD,EAAcxB,CAAc,GACnD0B,IAAwBF,EAAcf,EAAe,GAGrDkB,IAAYC;AAAA,IAChB,CAAC;AAAA,MACC,iBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAC;AAAA,IAAA,MAII;AACJ,MAAAA,EAAS,SAAS,MAAM;AAAA,QACtB;AAAA,QACAD,IAAiB;AAAA,MAAA,GAEnBC,EAAS,SAAS,MAAM;AAAA,QACtB;AAAA,QACAF,IAAkB;AAAA,MAAA;AAAA,IAEtB;AAAA,IACA,CAAA;AAAA,EAAC,GAIGG,KAAqBC;AAAA,IACzB,MAAM;AAAA,MACJC,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,OAAOV;AAAA,MAAA,CACR;AAAA,IAAA;AAAA,IAEH,CAACA,CAAS;AAAA,EAAA,GAIN,EAAE,gBAAAW,IAAgB,MAAAC,EAAA,IAASC,GAAY;AAAA,IAC3C,WAAW;AAAA,IACX,WAAW;AAAA,IACX,MAAM5C,KAAqBoB;AAAA,IAC3B,YAAYgB;AAAA,IACZ,sBAAsBS;AAAA,EAAA,CACvB,GAEKC,KAAgCd;AAAA,IACpC,CAACe,MAAiB;AAChB,YAAMC,IAAQ,MAAM,QAAQD,CAAC,IAAIA,EAAE,SAAS;AAC5C,aAAI5B,IACK6B,IAAQ,IAAIA,KAAS,IAAI,SAAS,OAAO,qCAExC,UAAAD,EAAA,CAAE;AAAA,IACd;AAAA,IACA,CAAC5B,CAAU;AAAA,EAAA,GAIP8B,KAAYZ;AAAA,IAChB,MAAO,MAAM,QAAQvB,CAAO,IAAIA,EAAQ,IAAI,CAACoC,MAAWA,EAAO,KAAK,IAAI,CAAA;AAAA,IACxE,CAACpC,CAAO;AAAA,EAAA,GAIJqC,IAAkBC,EAAkB,MAAM;AAC9C,IAAA1B,EAASuB,EAAsB;AAAA,EACjC,CAAC,GAEKI,IAAoBD,EAAkB,MAAM;AAChD,IAAA1B,EAAS,CAAA,CAAe;AAAA,EAC1B,CAAC,GAGK4B,IAAqBF,EAAkB,MAAM;AACjD,IAAA/B,EAAQ,EAAK;AAAA,EACf,CAAC,GAGKkC,IAAsBvB;AAAA,IAC1B,CAACwB,MAA6B;AAC5B,UAAI,CAACA,EAAM;AACX,YAAMC,IAAUD,EAAK,QAAQ,qBAAqB;AAClD,MAAAb,EAAK,YAAYc,CAAO;AAAA,IAC1B;AAAA,IACA,CAACd,CAAI;AAAA,EAAA,GAGDe,KAAoBC;AAAA,IACxBpC,EAAI,UAAUhB,KAAwB,0BAA0B;AAAA,IAChEb;AAAA,EAAA,GAGIkE,KAAmBD;AAAA,IACvBpC;AAAA,MACE;AAAA,MACAJ,KAAc;AAAA,MACdnB,KAAqB;AAAA,IAAA;AAAA,IAEvBK,GAAY,OAAO,QAAQP;AAAA,EAAA,GAEvB+D,KACJ3D,KAAa,OAAOA,KAAc,YAAYA,KAAa4D,IACvDA,EAAe5D,CAAwC,IACvD,OAAOA,KAAc,WACrBA,IAAY,OACZA,KAAa,eACb6D,IAAmB/B;AAAA,IACvB,CAACgC,MAA6B;AAC5B,YAAMC,IAAetC,EAAkB,UACnCA,EAAkB,QAAQqC,CAAI,IAC9BnC,EAAqB,UACrBA,EAAqB,QAAQmC,CAAI,IACjCA;AACJ,UAAI,CAACpD,EAAe,QAAOqD;AAC3B,YAAMC,IAAU,MAAM,QAAQzC,CAAK,KAAKA,EAAM,SAAS,GACjD0C,KACJ,MAAM,QAAQ1C,CAAK,KAAKA,EAAM,UAAUA,EAAM,SAASX,EAAQ;AACjE,aACE,gBAAAsD,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAWhD;AAAA,cACT;AAAA,cACA;AAAA,cACA2C,KAAW;AAAA,cACX;AAAA,YAAA;AAAA,YAEF,aAAa,CAACM,OAAM;AAAA,YAAC;AAAA,YACrB,iBAAiB1C,EAAsB;AAAA,YACvC,SAAAoC;AAAA,YACA,eAAAC;AAAA,YACA,aAAahB;AAAA,YACb,eAAeE;AAAA,UAAA;AAAA,QAAA;AAAA,0BAEhBoB,IAAA,EAAQ;AAAA,QACRR;AAAA,MAAA,GACH;AAAA,IAEJ;AAAA,IACA;AAAA,MACEtC;AAAA,MACAE;AAAA,MACAjB;AAAA,MACAa;AAAA,MACAX;AAAA,MACAS;AAAA,MACAO;AAAA,MACAqB;AAAA,MACAE;AAAA,IAAA;AAAA,EACF,GAGIqB,KAAc1C;AAAA,IAClB,CAACwB,MAAwB;AAQvB,MAPIxC,MACE,OAAOA,KAAO,aAChBA,EAAIwC,CAAI,IAERxC,EAAI,UAAUwC,IAGbA,KACLb,EAAK,aAAaa,GAAM,aAA4B;AAAA,IACtD;AAAA,IACA,CAACxC,GAAK2B,CAAI;AAAA,EAAA,GAINgC,IAAsB3C;AAAA,IAC1B,CAACgC,MAEG,gBAAAI,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC,EAACM,IAAA,EAAgB,YAAU,IAAC,SAAStB,GAAoB;AAAA,wBACxD,OAAA,EAAI,KAAKC,GAAsB,UAAAQ,EAAiBC,CAAI,EAAA,CAAE;AAAA,IAAA,GACzD;AAAA,IAGJ,CAACV,GAAoBC,GAAqBQ,CAAgB;AAAA,EAAA,GAItDc,KAAmB7C;AAAA,IACvB,CAACgC,MACMhE,IAGE2E,EAAoBX,CAAI,IAFtBD,EAAiBC,CAAI;AAAA,IAIhC,CAAChE,GAAmB+D,GAAkBY,CAAmB;AAAA,EAAA;AAG3D,SACE,gBAAAL;AAAA,IAACQ;AAAA,IAAA;AAAA,MAEC,KAAKJ;AAAA,MACL,YAAY,gBAAAJ,EAACS,IAAA,EAAU,QAAO,OAAA,CAAO;AAAA,MACrC,MAAA3D;AAAA,MACA,cAAcC;AAAA,MACd,OAAAI;AAAA,MACA,UAAAC;AAAA,MAGA,YAAY;AAAA,QACV,OAAO;AAAA,UACL,MAAMkC;AAAA,QAAA;AAAA,QAER,GAAGvD;AAAA,MAAA;AAAA,MAEJ,GAAIc,IACD;AAAA,QACE,sBAAsB,CAAC,EAAE,YAAA6D,QACvB,gBAAAV,EAAC,UAAK,WAAU,iCACb,cACC,gBAAAA,EAACW,GAAA,EAAS,SAAO,IAAC,sBAEjBA,GAAA,EAAS,SAAS,IAAO,EAAA,CAE9B;AAAA,MAAA,IAGJ,CAAA;AAAA,MACJ,MAAAxF;AAAA,MACA,WAAWiE;AAAA,MACX,QACE1D,IACIkF,GAAS5E,GAAQ;AAAA,QACf,OAAO;AAAA,UACL,MAAM;AAAA,YACJ,YAAY;AAAA,YACZ,GAAGoC;AAAA,YACH,2BAA2BmB;AAAA,UAAA;AAAA,QAC7B;AAAA,MACF,CACD,IACDvD;AAAA,MAEN,mBACEL,MACCD,IAAoB,MAAMiB,MAAc,SAAS,OAAO;AAAA,MAE3D,aAAa4D;AAAA,MACb,SAAA/D;AAAA,MACC,GAAIP,IACD;AAAA,QACE,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa,MACPC,IACKA,EAAuBiB,CAAK,IAE9BqB,GAA8BrB,CAAK;AAAA,MAC5C,IAEF,CAAA;AAAA,MACH,GAAGV;AAAA,IAAA;AAAA,EAAA;AAGV,GAGMoE,KAAaC,GAAW5F,EAAe,GAShC6F,KAAS,OAAO,OAAOF,IAAY;AAAA,EAC9C,QAAQL,EAAU;AAAA,EAClB,UAAUA,EAAU;AACtB,CAAC;"}
+{"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  type MiddlewareState,\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, { CSSProperties, forwardRef, useCallback, useMemo } from \"react\";\nimport { useControlledState } from \"../hooks\";\nimport { useStableCallback } from \"@base-ui/utils/useStableCallback\";\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\";\nimport { BaseSelectRef } from \"rc-select\";\nimport { useValueAsRef } from \"@base-ui/utils/useValueAsRef\";\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\n  // Stabilize render callback props used in useCallback dependencies\n  const stablePopupRender = useValueAsRef(popupRender);\n  const stableDropdownRender = useValueAsRef(dropdownRender);\n  const stableSelectAllRender = useValueAsRef(selectAllRender);\n\n  // Memoize size middleware apply function to prevent recreating on every render\n  const sizeApply = useCallback(\n    ({\n      availableHeight,\n      availableWidth,\n      elements,\n    }: MiddlewareState & {\n      availableWidth: number;\n      availableHeight: number;\n    }) => {\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\n  // Memoize floating UI middleware array to prevent recalculating position unnecessarily\n  const floatingMiddleware = useMemo(\n    () => [\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: sizeApply,\n      }),\n    ],\n    [sizeApply]\n  );\n\n  // enhancePositioner\n  const { floatingStyles, refs } = useFloating({\n    placement: \"bottom-start\",\n    transform: false,\n    open: enhancePositioner && open,\n    middleware: floatingMiddleware,\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  // Memoize allValues calculation\n  const allValues = useMemo(\n    () => (Array.isArray(options) ? options.map((option) => option.value) : []),\n    [options]\n  );\n\n  // Create stable callbacks for select all/deselect all\n  const handleSelectAll = useStableCallback(() => {\n    onChange(allValues as ValueType);\n  });\n\n  const handleDeselectAll = useStableCallback(() => {\n    onChange([] as ValueType);\n  });\n\n  // Create stable callback for overlay click\n  const handleOverlayClick = useStableCallback(() => {\n    setOpen(false);\n  });\n\n  // Memoize floating ref callback\n  const floatingRefCallback = useCallback(\n    (node: HTMLElement | null) => {\n      if (!node) return;\n      const popupEl = node.closest(\".ds-select-dropdown\") as HTMLDivElement;\n      refs.setFloating(popupEl);\n    },\n    [refs]\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 = stablePopupRender.current\n        ? stablePopupRender.current(menu)\n        : stableDropdownRender.current\n        ? stableDropdownRender.current(menu)\n        : menu;\n      if (!showSelectAll) return renderedMenu;\n      const checked = Array.isArray(value) && value.length > 0;\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={stableSelectAllRender.current}\n            checked={checked}\n            indeterminate={indeterminate}\n            onSelectAll={handleSelectAll}\n            onDeselectAll={handleDeselectAll}\n          />\n          <Divider />\n          {renderedMenu}\n        </>\n      );\n    },\n    [\n      stablePopupRender,\n      stableDropdownRender,\n      showSelectAll,\n      value,\n      options,\n      cls,\n      stableSelectAllRender,\n      handleSelectAll,\n      handleDeselectAll,\n    ]\n  );\n\n  const refCallback = useCallback(\n    (node: BaseSelectRef) => {\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    [ref, refs]\n  );\n\n  // Memoize enhanced popup render for enhancePositioner mode\n  const enhancedPopupRender = useCallback(\n    (menu: React.ReactElement) => {\n      return (\n        <>\n          <FloatingOverlay lockScroll onClick={handleOverlayClick} />\n          <div ref={floatingRefCallback}>{customRenderMenu(menu)}</div>\n        </>\n      );\n    },\n    [handleOverlayClick, floatingRefCallback, customRenderMenu]\n  );\n\n  // Memoize final popup render\n  const finalPopupRender = useCallback(\n    (menu: React.ReactElement) => {\n      if (!enhancePositioner) {\n        return customRenderMenu(menu);\n      }\n      return enhancedPopupRender(menu);\n    },\n    [enhancePositioner, customRenderMenu, enhancedPopupRender]\n  );\n\n  return (\n    <AntSelect\n      // ref={ref}\n      ref={refCallback}\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, disabled }) => (\n              <span className=\"ant-select-checkbox-indicator\">\n                {isSelected ? (\n                  <Checkbox checked disabled={disabled} />\n                ) : (\n                  <Checkbox checked={false} disabled={disabled} />\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={finalPopupRender}\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","stablePopupRender","useValueAsRef","stableDropdownRender","stableSelectAllRender","sizeApply","useCallback","availableHeight","availableWidth","elements","floatingMiddleware","useMemo","offset","autoPlacement","shift","size","floatingStyles","refs","useFloating","autoUpdate","defaultSelectionSummaryRender","v","count","allValues","option","handleSelectAll","useStableCallback","handleDeselectAll","handleOverlayClick","floatingRefCallback","node","popupEl","dsSelectClassname","clsx","dsPopupClassName","popupWidth","PopupPanelSize","customRenderMenu","menu","renderedMenu","checked","indeterminate","jsxs","Fragment","jsx","SelectItem","e","Divider","refCallback","enhancedPopupRender","FloatingOverlay","finalPopupRender","AntSelect","CaretDown","isSelected","disabled","Checkbox","toMerged","MainSelect","forwardRef","Select"],"mappings":";;;;;;;;;;;;;;;;;AAkFA,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,CAAA;AAAA,EACT,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;AACH,QAAMC,KAAaC,GAAsB,EAAE,GACrCC,IAAa1B,MAAS,cAAcA,MAAS,QAC7C,CAAC2B,GAAMC,CAAO,IAAIC;AAAA,IACtB3B;AAAA,IACAE,KAAgBE;AAAA,IAChBH;AAAA,EAAA,GAEI2B,IAAMC,GAAA,GACN,CAACC,GAAOC,CAAQ,IAAIJ;AAAA,IACxBb;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,GAIIgB,IAAoBC,EAAczB,CAAW,GAC7C0B,IAAuBD,EAAcxB,CAAc,GACnD0B,IAAwBF,EAAcf,EAAe,GAGrDkB,IAAYC;AAAA,IAChB,CAAC;AAAA,MACC,iBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAC;AAAA,IAAA,MAII;AACJ,MAAAA,EAAS,SAAS,MAAM;AAAA,QACtB;AAAA,QACAD,IAAiB;AAAA,MAAA,GAEnBC,EAAS,SAAS,MAAM;AAAA,QACtB;AAAA,QACAF,IAAkB;AAAA,MAAA;AAAA,IAEtB;AAAA,IACA,CAAA;AAAA,EAAC,GAIGG,KAAqBC;AAAA,IACzB,MAAM;AAAA,MACJC,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,OAAOV;AAAA,MAAA,CACR;AAAA,IAAA;AAAA,IAEH,CAACA,CAAS;AAAA,EAAA,GAIN,EAAE,gBAAAW,IAAgB,MAAAC,EAAA,IAASC,GAAY;AAAA,IAC3C,WAAW;AAAA,IACX,WAAW;AAAA,IACX,MAAM5C,KAAqBoB;AAAA,IAC3B,YAAYgB;AAAA,IACZ,sBAAsBS;AAAA,EAAA,CACvB,GAEKC,KAAgCd;AAAA,IACpC,CAACe,MAAiB;AAChB,YAAMC,IAAQ,MAAM,QAAQD,CAAC,IAAIA,EAAE,SAAS;AAC5C,aAAI5B,IACK6B,IAAQ,IAAIA,KAAS,IAAI,SAAS,OAAO,qCAExC,UAAAD,EAAA,CAAE;AAAA,IACd;AAAA,IACA,CAAC5B,CAAU;AAAA,EAAA,GAIP8B,KAAYZ;AAAA,IAChB,MAAO,MAAM,QAAQvB,CAAO,IAAIA,EAAQ,IAAI,CAACoC,MAAWA,EAAO,KAAK,IAAI,CAAA;AAAA,IACxE,CAACpC,CAAO;AAAA,EAAA,GAIJqC,IAAkBC,EAAkB,MAAM;AAC9C,IAAA1B,EAASuB,EAAsB;AAAA,EACjC,CAAC,GAEKI,IAAoBD,EAAkB,MAAM;AAChD,IAAA1B,EAAS,CAAA,CAAe;AAAA,EAC1B,CAAC,GAGK4B,IAAqBF,EAAkB,MAAM;AACjD,IAAA/B,EAAQ,EAAK;AAAA,EACf,CAAC,GAGKkC,IAAsBvB;AAAA,IAC1B,CAACwB,MAA6B;AAC5B,UAAI,CAACA,EAAM;AACX,YAAMC,IAAUD,EAAK,QAAQ,qBAAqB;AAClD,MAAAb,EAAK,YAAYc,CAAO;AAAA,IAC1B;AAAA,IACA,CAACd,CAAI;AAAA,EAAA,GAGDe,KAAoBC;AAAA,IACxBpC,EAAI,UAAUhB,KAAwB,0BAA0B;AAAA,IAChEb;AAAA,EAAA,GAGIkE,KAAmBD;AAAA,IACvBpC;AAAA,MACE;AAAA,MACAJ,KAAc;AAAA,MACdnB,KAAqB;AAAA,IAAA;AAAA,IAEvBK,GAAY,OAAO,QAAQP;AAAA,EAAA,GAEvB+D,KACJ3D,KAAa,OAAOA,KAAc,YAAYA,KAAa4D,IACvDA,EAAe5D,CAAwC,IACvD,OAAOA,KAAc,WACrBA,IAAY,OACZA,KAAa,eACb6D,IAAmB/B;AAAA,IACvB,CAACgC,MAA6B;AAC5B,YAAMC,IAAetC,EAAkB,UACnCA,EAAkB,QAAQqC,CAAI,IAC9BnC,EAAqB,UACrBA,EAAqB,QAAQmC,CAAI,IACjCA;AACJ,UAAI,CAACpD,EAAe,QAAOqD;AAC3B,YAAMC,IAAU,MAAM,QAAQzC,CAAK,KAAKA,EAAM,SAAS,GACjD0C,KACJ,MAAM,QAAQ1C,CAAK,KAAKA,EAAM,UAAUA,EAAM,SAASX,EAAQ;AACjE,aACE,gBAAAsD,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAWhD;AAAA,cACT;AAAA,cACA;AAAA,cACA2C,KAAW;AAAA,cACX;AAAA,YAAA;AAAA,YAEF,aAAa,CAACM,OAAM;AAAA,YAAC;AAAA,YACrB,iBAAiB1C,EAAsB;AAAA,YACvC,SAAAoC;AAAA,YACA,eAAAC;AAAA,YACA,aAAahB;AAAA,YACb,eAAeE;AAAA,UAAA;AAAA,QAAA;AAAA,0BAEhBoB,IAAA,EAAQ;AAAA,QACRR;AAAA,MAAA,GACH;AAAA,IAEJ;AAAA,IACA;AAAA,MACEtC;AAAA,MACAE;AAAA,MACAjB;AAAA,MACAa;AAAA,MACAX;AAAA,MACAS;AAAA,MACAO;AAAA,MACAqB;AAAA,MACAE;AAAA,IAAA;AAAA,EACF,GAGIqB,KAAc1C;AAAA,IAClB,CAACwB,MAAwB;AAQvB,MAPIxC,MACE,OAAOA,KAAO,aAChBA,EAAIwC,CAAI,IAERxC,EAAI,UAAUwC,IAGbA,KACLb,EAAK,aAAaa,GAAM,aAA4B;AAAA,IACtD;AAAA,IACA,CAACxC,GAAK2B,CAAI;AAAA,EAAA,GAINgC,IAAsB3C;AAAA,IAC1B,CAACgC,MAEG,gBAAAI,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC,EAACM,IAAA,EAAgB,YAAU,IAAC,SAAStB,GAAoB;AAAA,wBACxD,OAAA,EAAI,KAAKC,GAAsB,UAAAQ,EAAiBC,CAAI,EAAA,CAAE;AAAA,IAAA,GACzD;AAAA,IAGJ,CAACV,GAAoBC,GAAqBQ,CAAgB;AAAA,EAAA,GAItDc,KAAmB7C;AAAA,IACvB,CAACgC,MACMhE,IAGE2E,EAAoBX,CAAI,IAFtBD,EAAiBC,CAAI;AAAA,IAIhC,CAAChE,GAAmB+D,GAAkBY,CAAmB;AAAA,EAAA;AAG3D,SACE,gBAAAL;AAAA,IAACQ;AAAA,IAAA;AAAA,MAEC,KAAKJ;AAAA,MACL,YAAY,gBAAAJ,EAACS,IAAA,EAAU,QAAO,OAAA,CAAO;AAAA,MACrC,MAAA3D;AAAA,MACA,cAAcC;AAAA,MACd,OAAAI;AAAA,MACA,UAAAC;AAAA,MAGA,YAAY;AAAA,QACV,OAAO;AAAA,UACL,MAAMkC;AAAA,QAAA;AAAA,QAER,GAAGvD;AAAA,MAAA;AAAA,MAEJ,GAAIc,IACD;AAAA,QACE,sBAAsB,CAAC,EAAE,YAAA6D,GAAY,UAAAC,QACnC,gBAAAX,EAAC,QAAA,EAAK,WAAU,iCACb,UAAAU,sBACEE,GAAA,EAAS,SAAO,IAAC,UAAAD,EAAA,CAAoB,sBAErCC,GAAA,EAAS,SAAS,IAAO,UAAAD,EAAA,CAAoB,EAAA,CAElD;AAAA,MAAA,IAGJ,CAAA;AAAA,MACJ,MAAAxF;AAAA,MACA,WAAWiE;AAAA,MACX,QACE1D,IACImF,GAAS7E,GAAQ;AAAA,QACf,OAAO;AAAA,UACL,MAAM;AAAA,YACJ,YAAY;AAAA,YACZ,GAAGoC;AAAA,YACH,2BAA2BmB;AAAA,UAAA;AAAA,QAC7B;AAAA,MACF,CACD,IACDvD;AAAA,MAEN,mBACEL,MACCD,IAAoB,MAAMiB,MAAc,SAAS,OAAO;AAAA,MAE3D,aAAa4D;AAAA,MACb,SAAA/D;AAAA,MACC,GAAIP,IACD;AAAA,QACE,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa,MACPC,IACKA,EAAuBiB,CAAK,IAE9BqB,GAA8BrB,CAAK;AAAA,MAC5C,IAEF,CAAA;AAAA,MACH,GAAGV;AAAA,IAAA;AAAA,EAAA;AAGV,GAGMqE,KAAaC,GAAW7F,EAAe,GAShC8F,KAAS,OAAO,OAAOF,IAAY;AAAA,EAC9C,QAAQN,EAAU;AAAA,EAClB,UAAUA,EAAU;AACtB,CAAC;"}

package/dist/components/theme-provider/component.d.ts

@@ -1,11 +1,13 @@
 import { ConfigProviderProps } from 'antd/es/config-provider';
 import { StyleProviderProps } from '@ant-design/cssinjs';
+import { ComponentConfig } from './context';
 import { Theme } from '../../tokens';
 export interface ThemeProviderProps extends Omit<ConfigProviderProps, "theme" | "prefixCls"> {
     appendClassesTo?: string | HTMLElement;
     appendClassesToChildren?: boolean;
     styleProviderProps?: StyleProviderProps;
     theme?: Theme;
+    componentConfig?: ComponentConfig;
 }
-export declare const ThemeProvider: ({ theme, appendClassesTo, appendClassesToChildren, styleProviderProps, children, ...configProviderProps }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ThemeProvider: ({ theme, componentConfig, appendClassesTo, appendClassesToChildren, styleProviderProps, children, ...configProviderProps }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=component.d.ts.map

package/dist/components/theme-provider/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/theme-provider/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAiB,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAExE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAGrC,OAAO,aAAa,CAAC;AAGrB,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,WAAW,CAAC;IACxD,eAAe,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IACvC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAyCD,eAAO,MAAM,aAAa,GAAI,2GAO3B,kBAAkB,4CAkBpB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/theme-provider/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAiB,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAwB,eAAe,EAAE,MAAM,WAAW,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAGrC,OAAO,aAAa,CAAC;AAGrB,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,WAAW,CAAC;IACxD,eAAe,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IACvC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAyCD,eAAO,MAAM,aAAa,GAAI,4HAQ3B,kBAAkB,4CAkBpB,CAAC"}

package/dist/components/theme-provider/component.js

@@ -1,46 +1,47 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import s from "antd/es/config-provider";
-import { useLayoutEffect as c, Children as n, isValidElement as l, cloneElement as u } from "react";
-import { lightTheme as p, darkTheme as a } from "../../tokens/and-theme/tokens.js";
-import { StyleProvider as h } from "@ant-design/cssinjs";
+import c from "antd/es/config-provider";
+import { useLayoutEffect as n, Children as l, isValidElement as u, cloneElement as p } from "react";
+import { lightTheme as a, darkTheme as h } from "../../tokens/and-theme/tokens.js";
+import { StyleProvider as v } from "@ant-design/cssinjs";
 import './style.css';/* empty css          */
-import { ThemeContextProvider as v } from "./context/provider.js";
-import { useTheme as d } from "./context/themeStore.js";
-import { clsx as x } from "../utils/cn.js";
-const y = ({
-  children: o,
+import { ThemeContextProvider as d } from "./context/provider.js";
+import { useTheme as x } from "./context/themeStore.js";
+import { clsx as y } from "../utils/cn.js";
+const g = ({
+  children: m,
   appendClassesTo: e
 }) => {
-  const { className: m } = d();
-  return c(() => {
-    const r = m.split(" "), t = typeof e == "string" ? document.querySelector(e) : e;
-    return t && t.classList.add(...r), () => {
-      t && t.classList.remove(...r);
+  const { className: t } = x();
+  return n(() => {
+    const r = t.split(" "), o = typeof e == "string" ? document.querySelector(e) : e;
+    return o && o.classList.add(...r), () => {
+      o && o.classList.remove(...r);
     };
-  }, [e, m]), e === void 0 ? n.map(o, (r) => l(r) ? u(r, {
-    className: x(
+  }, [e, t]), e === void 0 ? l.map(m, (r) => u(r) ? p(r, {
+    className: y(
       r.props.className,
-      m
+      t
     )
-  }) : r) : o;
-}, D = ({
-  theme: o,
-  appendClassesTo: e,
-  appendClassesToChildren: m,
-  styleProviderProps: r,
-  children: t,
-  ...f
-}) => /* @__PURE__ */ i(h, { layer: !0, ...r, children: /* @__PURE__ */ i(v, { theme: o, children: /* @__PURE__ */ i(
-  s,
+  }) : r) : m;
+}, V = ({
+  theme: m,
+  componentConfig: e,
+  appendClassesTo: t,
+  appendClassesToChildren: r,
+  styleProviderProps: o,
+  children: f,
+  ...s
+}) => /* @__PURE__ */ i(v, { layer: !0, ...o, children: /* @__PURE__ */ i(d, { theme: m, componentConfig: e, children: /* @__PURE__ */ i(
+  c,
   {
-    theme: o == "light" ? p : a,
+    theme: m == "light" ? a : h,
     prefixCls: "ds",
-    ...f,
-    children: m || e ? /* @__PURE__ */ i(y, { appendClassesTo: e, children: t }) : t
+    ...s,
+    children: r || t ? /* @__PURE__ */ i(g, { appendClassesTo: t, children: f }) : f
   }
 ) }) });
 export {
-  D as ThemeProvider
+  V as ThemeProvider
 };
 //# sourceMappingURL=component.js.map

package/dist/components/theme-provider/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/theme-provider/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as ConfigProvider,\n  type ConfigProviderProps,\n} from \"antd/es/config-provider\";\nimport { Children, cloneElement, isValidElement, useLayoutEffect } from \"react\";\nimport { darkTheme, lightTheme } from \"../../tokens/and-theme/tokens\";\nimport { clsx } from \"../utils\";\nimport { StyleProvider, StyleProviderProps } from \"@ant-design/cssinjs\";\nimport { ThemeContextProvider } from \"./context\";\nimport { Theme } from \"../../tokens\";\n\n// Import component-specific styles\nimport \"./style.css\";\nimport { useTheme } from \"./context\";\n\nexport interface ThemeProviderProps\n  extends Omit<ConfigProviderProps, \"theme\" | \"prefixCls\"> {\n  appendClassesTo?: string | HTMLElement;\n  appendClassesToChildren?: boolean;\n  styleProviderProps?: StyleProviderProps;\n  theme?: Theme;\n}\n\nconst DSWrapper = ({\n  children,\n  appendClassesTo,\n}: {\n  children: React.ReactNode;\n  appendClassesTo?: string | HTMLElement;\n}) => {\n  const { className } = useTheme();\n\n  useLayoutEffect(() => {\n    const classes = className.split(\" \");\n    const el =\n      typeof appendClassesTo === \"string\"\n        ? document.querySelector(appendClassesTo)\n        : appendClassesTo;\n    if (el) {\n      el.classList.add(...classes);\n    }\n    return () => {\n      if (el) {\n        el.classList.remove(...classes);\n      }\n    };\n  }, [appendClassesTo, className]);\n\n  return appendClassesTo === undefined\n    ? Children.map(children, (child) => {\n        if (isValidElement(child))\n          return cloneElement(child, {\n            className: clsx(\n              (child.props as { className?: string }).className,\n              className\n            ),\n          } as { className: string });\n        return child;\n      })\n    : children;\n};\n\nexport const ThemeProvider = ({\n  theme,\n  appendClassesTo,\n  appendClassesToChildren,\n  styleProviderProps,\n  children,\n  ...configProviderProps\n}: ThemeProviderProps) => {\n  return (\n    <StyleProvider layer {...styleProviderProps}>\n      <ThemeContextProvider theme={theme}>\n        <ConfigProvider\n          theme={theme == \"light\" ? lightTheme : darkTheme}\n          prefixCls=\"ds\"\n          {...configProviderProps}\n        >\n          {appendClassesToChildren || appendClassesTo ? (\n            <DSWrapper appendClassesTo={appendClassesTo}>{children}</DSWrapper>\n          ) : (\n            children\n          )}\n        </ConfigProvider>\n      </ThemeContextProvider>\n    </StyleProvider>\n  );\n};\n"],"names":["DSWrapper","children","appendClassesTo","className","useTheme","useLayoutEffect","classes","el","Children","child","isValidElement","cloneElement","clsx","ThemeProvider","theme","appendClassesToChildren","styleProviderProps","configProviderProps","jsx","StyleProvider","ThemeContextProvider","ConfigProvider","lightTheme","darkTheme"],"mappings":";;;;;;;;;;AAwBA,MAAMA,IAAY,CAAC;AAAA,EACjB,UAAAC;AAAA,EACA,iBAAAC;AACF,MAGM;AACJ,QAAM,EAAE,WAAAC,EAAA,IAAcC,EAAA;AAEtB,SAAAC,EAAgB,MAAM;AACpB,UAAMC,IAAUH,EAAU,MAAM,GAAG,GAC7BI,IACJ,OAAOL,KAAoB,WACvB,SAAS,cAAcA,CAAe,IACtCA;AACN,WAAIK,KACFA,EAAG,UAAU,IAAI,GAAGD,CAAO,GAEtB,MAAM;AACX,MAAIC,KACFA,EAAG,UAAU,OAAO,GAAGD,CAAO;AAAA,IAElC;AAAA,EACF,GAAG,CAACJ,GAAiBC,CAAS,CAAC,GAExBD,MAAoB,SACvBM,EAAS,IAAIP,GAAU,CAACQ,MAClBC,EAAeD,CAAK,IACfE,EAAaF,GAAO;AAAA,IACzB,WAAWG;AAAA,MACRH,EAAM,MAAiC;AAAA,MACxCN;AAAA,IAAA;AAAA,EACF,CACwB,IACrBM,CACR,IACDR;AACN,GAEaY,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,yBAAAa;AAAA,EACA,oBAAAC;AAAA,EACA,UAAAf;AAAA,EACA,GAAGgB;AACL,MAEI,gBAAAC,EAACC,KAAc,OAAK,IAAE,GAAGH,GACvB,UAAA,gBAAAE,EAACE,KAAqB,OAAAN,GACpB,UAAA,gBAAAI;AAAA,EAACG;AAAA,EAAA;AAAA,IACC,OAAOP,KAAS,UAAUQ,IAAaC;AAAA,IACvC,WAAU;AAAA,IACT,GAAGN;AAAA,IAEH,eAA2Bf,IAC1B,gBAAAgB,EAAClB,GAAA,EAAU,iBAAAE,GAAmC,UAAAD,GAAS,IAEvDA;AAAA,EAAA;AAAA,GAGN,EAAA,CACF;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/theme-provider/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as ConfigProvider,\n  type ConfigProviderProps,\n} from \"antd/es/config-provider\";\nimport { Children, cloneElement, isValidElement, useLayoutEffect } from \"react\";\nimport { darkTheme, lightTheme } from \"../../tokens/and-theme/tokens\";\nimport { clsx } from \"../utils\";\nimport { StyleProvider, StyleProviderProps } from \"@ant-design/cssinjs\";\nimport { ThemeContextProvider, ComponentConfig } from \"./context\";\nimport { Theme } from \"../../tokens\";\n\n// Import component-specific styles\nimport \"./style.css\";\nimport { useTheme } from \"./context\";\n\nexport interface ThemeProviderProps\n  extends Omit<ConfigProviderProps, \"theme\" | \"prefixCls\"> {\n  appendClassesTo?: string | HTMLElement;\n  appendClassesToChildren?: boolean;\n  styleProviderProps?: StyleProviderProps;\n  theme?: Theme;\n  componentConfig?: ComponentConfig;\n}\n\nconst DSWrapper = ({\n  children,\n  appendClassesTo,\n}: {\n  children: React.ReactNode;\n  appendClassesTo?: string | HTMLElement;\n}) => {\n  const { className } = useTheme();\n\n  useLayoutEffect(() => {\n    const classes = className.split(\" \");\n    const el =\n      typeof appendClassesTo === \"string\"\n        ? document.querySelector(appendClassesTo)\n        : appendClassesTo;\n    if (el) {\n      el.classList.add(...classes);\n    }\n    return () => {\n      if (el) {\n        el.classList.remove(...classes);\n      }\n    };\n  }, [appendClassesTo, className]);\n\n  return appendClassesTo === undefined\n    ? Children.map(children, (child) => {\n        if (isValidElement(child))\n          return cloneElement(child, {\n            className: clsx(\n              (child.props as { className?: string }).className,\n              className\n            ),\n          } as { className: string });\n        return child;\n      })\n    : children;\n};\n\nexport const ThemeProvider = ({\n  theme,\n  componentConfig,\n  appendClassesTo,\n  appendClassesToChildren,\n  styleProviderProps,\n  children,\n  ...configProviderProps\n}: ThemeProviderProps) => {\n  return (\n    <StyleProvider layer {...styleProviderProps}>\n      <ThemeContextProvider theme={theme} componentConfig={componentConfig}>\n        <ConfigProvider\n          theme={theme == \"light\" ? lightTheme : darkTheme}\n          prefixCls=\"ds\"\n          {...configProviderProps}\n        >\n          {appendClassesToChildren || appendClassesTo ? (\n            <DSWrapper appendClassesTo={appendClassesTo}>{children}</DSWrapper>\n          ) : (\n            children\n          )}\n        </ConfigProvider>\n      </ThemeContextProvider>\n    </StyleProvider>\n  );\n};\n"],"names":["DSWrapper","children","appendClassesTo","className","useTheme","useLayoutEffect","classes","el","Children","child","isValidElement","cloneElement","clsx","ThemeProvider","theme","componentConfig","appendClassesToChildren","styleProviderProps","configProviderProps","jsx","StyleProvider","ThemeContextProvider","ConfigProvider","lightTheme","darkTheme"],"mappings":";;;;;;;;;;AAyBA,MAAMA,IAAY,CAAC;AAAA,EACjB,UAAAC;AAAA,EACA,iBAAAC;AACF,MAGM;AACJ,QAAM,EAAE,WAAAC,EAAA,IAAcC,EAAA;AAEtB,SAAAC,EAAgB,MAAM;AACpB,UAAMC,IAAUH,EAAU,MAAM,GAAG,GAC7BI,IACJ,OAAOL,KAAoB,WACvB,SAAS,cAAcA,CAAe,IACtCA;AACN,WAAIK,KACFA,EAAG,UAAU,IAAI,GAAGD,CAAO,GAEtB,MAAM;AACX,MAAIC,KACFA,EAAG,UAAU,OAAO,GAAGD,CAAO;AAAA,IAElC;AAAA,EACF,GAAG,CAACJ,GAAiBC,CAAS,CAAC,GAExBD,MAAoB,SACvBM,EAAS,IAAIP,GAAU,CAACQ,MAClBC,EAAeD,CAAK,IACfE,EAAaF,GAAO;AAAA,IACzB,WAAWG;AAAA,MACRH,EAAM,MAAiC;AAAA,MACxCN;AAAA,IAAA;AAAA,EACF,CACwB,IACrBM,CACR,IACDR;AACN,GAEaY,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAb;AAAA,EACA,yBAAAc;AAAA,EACA,oBAAAC;AAAA,EACA,UAAAhB;AAAA,EACA,GAAGiB;AACL,MAEI,gBAAAC,EAACC,KAAc,OAAK,IAAE,GAAGH,GACvB,UAAA,gBAAAE,EAACE,GAAA,EAAqB,OAAAP,GAAc,iBAAAC,GAClC,UAAA,gBAAAI;AAAA,EAACG;AAAA,EAAA;AAAA,IACC,OAAOR,KAAS,UAAUS,IAAaC;AAAA,IACvC,WAAU;AAAA,IACT,GAAGN;AAAA,IAEH,eAA2BhB,IAC1B,gBAAAiB,EAACnB,GAAA,EAAU,iBAAAE,GAAmC,UAAAD,GAAS,IAEvDA;AAAA,EAAA;AAAA,GAGN,EAAA,CACF;"}

package/dist/components/theme-provider/context/index.d.ts

@@ -1,3 +1,4 @@
-export { ThemeContext, useTheme } from './themeStore';
+export { ThemeContext, useTheme, useThemeContext } from './themeStore';
+export type { ComponentConfig } from './themeStore';
 export { ThemeContextProvider } from './provider';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/theme-provider/context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/theme-provider/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/theme-provider/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACvE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/theme-provider/context/provider.d.ts

@@ -1,7 +1,6 @@
 import { ReactNode } from 'react';
-import { Theme } from '../../../tokens';
-export declare const ThemeContextProvider: ({ children, theme, }: {
+import { ThemeStore } from './themeStore';
+export declare const ThemeContextProvider: ({ children, ...store }: ThemeStore & {
     children: ReactNode;
-    theme: Theme;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=provider.d.ts.map

package/dist/components/theme-provider/context/provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/components/theme-provider/context/provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAGxC,eAAO,MAAM,oBAAoB,GAAI,sBAGlC;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;CACd,4CAMA,CAAC"}
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/components/theme-provider/context/provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAgB,MAAM,cAAc,CAAC;AAExD,eAAO,MAAM,oBAAoB,GAAI,wBAGlC,UAAU,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAStC,CAAC"}

package/dist/components/theme-provider/context/provider.js

@@ -1,11 +1,18 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import { ThemeContext as t } from "./themeStore.js";
-const n = ({
+import { jsx as n } from "react/jsx-runtime";
+import { useMemo as t } from "react";
+import { ThemeContext as i } from "./themeStore.js";
+const f = ({
   children: o,
-  theme: e
-}) => e ? /* @__PURE__ */ r(t.Provider, { value: { theme: e }, children: o }) : void 0;
+  ...e
+}) => {
+  const m = t(
+    () => ({ theme: e.theme, componentConfig: e.componentConfig }),
+    [e.theme, e.componentConfig]
+  );
+  return e.theme ? /* @__PURE__ */ n(i.Provider, { value: m, children: o }) : void 0;
+};
 export {
-  n as ThemeContextProvider
+  f as ThemeContextProvider
 };
 //# sourceMappingURL=provider.js.map

package/dist/components/theme-provider/context/provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider.js","sources":["../../../../src/components/theme-provider/context/provider.tsx"],"sourcesContent":["\"use client\";\nimport { ReactNode } from \"react\";\nimport { Theme } from \"../../../tokens\";\nimport { ThemeContext } from \"./themeStore\";\n\nexport const ThemeContextProvider = ({\n  children,\n  theme,\n}: {\n  children: ReactNode;\n  theme: Theme;\n}) => {\n  // Initialize with a consistent default value for server and client\n\n  return theme ? (\n    <ThemeContext.Provider value={{ theme }}>{children}</ThemeContext.Provider>\n  ) : undefined;\n};\n"],"names":["ThemeContextProvider","children","theme","jsx","ThemeContext"],"mappings":";;;AAKO,MAAMA,IAAuB,CAAC;AAAA,EACnC,UAAAC;AAAA,EACA,OAAAC;AACF,MAMSA,IACL,gBAAAC,EAACC,EAAa,UAAb,EAAsB,OAAO,EAAE,OAAAF,EAAA,GAAU,UAAAD,EAAA,CAAS,IACjD;"}
+{"version":3,"file":"provider.js","sources":["../../../../src/components/theme-provider/context/provider.tsx"],"sourcesContent":["\"use client\";\nimport { ReactNode, useMemo } from \"react\";\nimport { ThemeStore, ThemeContext } from \"./themeStore\";\n\nexport const ThemeContextProvider = ({\n  children,\n  ...store\n}: ThemeStore & { children: ReactNode }) => {\n  const value = useMemo<ThemeStore>(\n    () => ({ theme: store.theme, componentConfig: store.componentConfig }),\n    [store.theme, store.componentConfig],\n  );\n\n  return store.theme ? (\n    <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n  ) : undefined;\n};\n"],"names":["ThemeContextProvider","children","store","value","useMemo","jsx","ThemeContext"],"mappings":";;;;AAIO,MAAMA,IAAuB,CAAC;AAAA,EACnC,UAAAC;AAAA,EACA,GAAGC;AACL,MAA4C;AAC1C,QAAMC,IAAQC;AAAA,IACZ,OAAO,EAAE,OAAOF,EAAM,OAAO,iBAAiBA,EAAM;IACpD,CAACA,EAAM,OAAOA,EAAM,eAAe;AAAA,EAAA;AAGrC,SAAOA,EAAM,QACX,gBAAAG,EAACC,EAAa,UAAb,EAAsB,OAAAH,GAAe,UAAAF,GAAS,IAC7C;AACN;"}

package/dist/components/theme-provider/context/themeStore.d.ts

@@ -1,9 +1,24 @@
 import { Context } from 'react';
 import { Theme } from '../../../tokens';
+import { FormValidationRule } from '../../form/formValidationRule';
+export interface ComponentConfig {
+    tooltipEnterDelay?: number;
+    tooltipLeaveDelay?: number;
+    /**
+     * Shared validation rules applied to all Form.Items globally.
+     * Each rule requires a `key` for identification, and may optionally
+     * provide a `sanitize` function to transform input values on change.
+     * Use `BLOCKED_CHARS_RULE` as a ready-made rule, or `createBlockedCharsRule()`
+     * for a customized variant. Opt out per item with `ignoreDefaultRules`.
+     */
+    formValidationRules?: FormValidationRule[];
+}
 export interface ThemeStore {
     theme: Theme;
+    componentConfig?: ComponentConfig;
 }
 export declare const ThemeContext: Context<ThemeStore>;
+export declare const useThemeContext: () => ThemeStore;
 export declare const useTheme: () => {
     theme: Theme;
     className: string;

package/dist/components/theme-provider/context/themeStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeStore.d.ts","sourceRoot":"","sources":["../../../../src/components/theme-provider/context/themeStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,OAAO,EAAc,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAGxC,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,KAAK,CAAC;CACd;AAED,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,UAAU,CAE3C,CAAC;AAEH,eAAO,MAAM,QAAQ;;;CAMpB,CAAC"}
+{"version":3,"file":"themeStore.d.ts","sourceRoot":"","sources":["../../../../src/components/theme-provider/context/themeStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,OAAO,EAAc,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAExE,MAAM,WAAW,eAAe;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAC5C;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,KAAK,CAAC;IACb,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAED,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,UAAU,CAE3C,CAAC;AAEH,eAAO,MAAM,eAAe,kBAAiC,CAAC;AAE9D,eAAO,MAAM,QAAQ;;;CAMpB,CAAC"}

package/dist/components/theme-provider/context/themeStore.js

@@ -1,15 +1,16 @@
 "use client";
-import { createContext as r, useContext as n } from "react";
-import { useCls as m, useAntdCssVarClassname as c } from "../../utils/antdUtils.js";
-import { clsx as a } from "../../utils/cn.js";
-const i = r({
+import { createContext as m, useContext as t } from "react";
+import { useCls as c, useAntdCssVarClassname as a } from "../../utils/antdUtils.js";
+import { clsx as h } from "../../utils/cn.js";
+const s = m({
   theme: "light"
-}), C = () => {
-  const { theme: e } = n(i), t = m(), s = c(), o = a(t("theme-provider"), e?.toString(), s);
-  return { theme: e, className: o };
+}), C = () => t(s), x = () => {
+  const { theme: e } = t(s), o = c(), n = a(), r = h(o("theme-provider"), e?.toString(), n);
+  return { theme: e, className: r };
 };
 export {
-  i as ThemeContext,
-  C as useTheme
+  s as ThemeContext,
+  x as useTheme,
+  C as useThemeContext
 };
 //# sourceMappingURL=themeStore.js.map

package/dist/components/theme-provider/context/themeStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"themeStore.js","sources":["../../../../src/components/theme-provider/context/themeStore.ts"],"sourcesContent":["\"use client\";\nimport { createContext, Context, useContext } from \"react\";\nimport { Theme } from \"../../../tokens\";\nimport { useCls, clsx, useAntdCssVarClassname } from \"../../utils\";\n\nexport interface ThemeStore {\n  theme: Theme;\n}\n\nexport const ThemeContext: Context<ThemeStore> = createContext<ThemeStore>({\n  theme: \"light\",\n});\n\nexport const useTheme = () => {\n  const { theme } = useContext(ThemeContext);\n  const cls = useCls();\n  const cssVars = useAntdCssVarClassname();\n  const className = clsx(cls(\"theme-provider\"), theme?.toString(), cssVars);\n  return { theme, className };\n};\n"],"names":["ThemeContext","createContext","useTheme","theme","useContext","cls","useCls","cssVars","useAntdCssVarClassname","className","clsx"],"mappings":";;;;AASO,MAAMA,IAAoCC,EAA0B;AAAA,EACzE,OAAO;AACT,CAAC,GAEYC,IAAW,MAAM;AAC5B,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAWJ,CAAY,GACnCK,IAAMC,EAAA,GACNC,IAAUC,EAAA,GACVC,IAAYC,EAAKL,EAAI,gBAAgB,GAAGF,GAAO,SAAA,GAAYI,CAAO;AACxE,SAAO,EAAE,OAAAJ,GAAO,WAAAM,EAAA;AAClB;"}
+{"version":3,"file":"themeStore.js","sources":["../../../../src/components/theme-provider/context/themeStore.ts"],"sourcesContent":["\"use client\";\nimport { createContext, Context, useContext } from \"react\";\nimport { Theme } from \"../../../tokens\";\nimport { useCls, clsx, useAntdCssVarClassname } from \"../../utils\";\nimport type { FormValidationRule } from \"../../form/formValidationRule\";\n\nexport interface ComponentConfig {\n  tooltipEnterDelay?: number;\n  tooltipLeaveDelay?: number;\n  /**\n   * Shared validation rules applied to all Form.Items globally.\n   * Each rule requires a `key` for identification, and may optionally\n   * provide a `sanitize` function to transform input values on change.\n   * Use `BLOCKED_CHARS_RULE` as a ready-made rule, or `createBlockedCharsRule()`\n   * for a customized variant. Opt out per item with `ignoreDefaultRules`.\n   */\n  formValidationRules?: FormValidationRule[];\n}\n\nexport interface ThemeStore {\n  theme: Theme;\n  componentConfig?: ComponentConfig;\n}\n\nexport const ThemeContext: Context<ThemeStore> = createContext<ThemeStore>({\n  theme: \"light\",\n});\n\nexport const useThemeContext = () => useContext(ThemeContext);\n\nexport const useTheme = () => {\n  const { theme } = useContext(ThemeContext);\n  const cls = useCls();\n  const cssVars = useAntdCssVarClassname();\n  const className = clsx(cls(\"theme-provider\"), theme?.toString(), cssVars);\n  return { theme, className };\n};\n"],"names":["ThemeContext","createContext","useThemeContext","useContext","useTheme","theme","cls","useCls","cssVars","useAntdCssVarClassname","className","clsx"],"mappings":";;;;AAwBO,MAAMA,IAAoCC,EAA0B;AAAA,EACzE,OAAO;AACT,CAAC,GAEYC,IAAkB,MAAMC,EAAWH,CAAY,GAE/CI,IAAW,MAAM;AAC5B,QAAM,EAAE,OAAAC,EAAA,IAAUF,EAAWH,CAAY,GACnCM,IAAMC,EAAA,GACNC,IAAUC,EAAA,GACVC,IAAYC,EAAKL,EAAI,gBAAgB,GAAGD,GAAO,SAAA,GAAYG,CAAO;AACxE,SAAO,EAAE,OAAAH,GAAO,WAAAK,EAAA;AAClB;"}

package/dist/components/theme-provider/style.css

@@ -1 +1 @@
-@layer components{@keyframes ds-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ds-theme-provider{--ds-modal-padding: 24px;--ds-modal-edge-padding: 16px;--ds-popup-panel-padding: 16px;--ds-scrollbar-width: auto;--ds-scrollbar-width-legacy: 15;--ds-box-shadow-popover-arrow: 0px 0px 1px 0px var(--ds-modal-color-border), 2px 2px 5px rgba(0, 0, 0, .05);--ds-control-border-radius: 6px;--ds-control-border-radius-sm: 4px;--ds-control-border-radius-lg: 8px;--ds-control-transition: all .2s;--ds-control-padding-small: 1px 8px;--ds-control-padding-middle: 5px 12px;--ds-control-padding-large: 9px 12px;--ds-control-padding-inline-small: 8px;--ds-control-padding-block-small: 1px;--ds-control-padding-inline-middle: 12px;--ds-control-padding-block-middle: 5px;--ds-control-padding-inline-large: 12px;--ds-control-padding-block-large: 9px;--ds-control-min-height-small: 24px;--ds-control-min-height-middle: 32px;--ds-control-min-height-large: 40px;--ds-control-line-height: 20px;--ds-control-color-border-hover: var(--ds-color-primary-hover);--ds-control-color-border-focus: var(--ds-color-primary);--ds-control-color-bg-disabled: var(--ds-color-bg-container-disabled);--ds-control-color-text-disabled: var(--ds-color-text-disabled);--ds-control-icon-size: 12px;--ds-control-color-bg: var(--ds-color-bg-container);--ds-control-color-border: var(--ds-color-border);--ds-control-color-border-active: var(--ds-color-primary);--ds-control-color-border-error-active: var(--ds-color-error);--ds-control-color-border-warning-active: var(--ds-color-warning);--ds-control-color-icon: var(--ds-color-text-quaternary);--ds-control-color-icon-hover: var(--ds-color-icon-hover);--ds-control-border: 1px solid var(--ds-control-color-border);--ds-control-border-active: 1px solid var(--ds-control-color-border-active);--ds-control-border-error-active: 1px solid var(--ds-control-color-border-error-active);--ds-control-border-warning-active: 1px solid var(--ds-control-color-border-warning-active);--ds-control-shadow-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-primary) 20%, transparent);--ds-form-label-required-mark-color: var(--ds-color-error);--ds-control-shadow-error-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-error) 20%, transparent);--ds-control-shadow-warning-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-warning) 20%, transparent);--ds-control-color-text-placeholder: var(--ds-color-text-placeholder);--ds-button-bg-secondary: #fafafa;--ds-button-bg-gradient-top: rgba(0, 0, 0, .02);--ds-button-bg-gradient-bottom: rgba(255, 255, 255, 0);--ds-button-bg-gradient-primary-top: rgba(255, 255, 255, .07);--ds-button-bg-gradient-primary-bottom: rgba(255, 255, 255, 0);--ds-button-shadow-default: 0 0 0 0 transparent;--ds-button-shadow-default-inner: inset 0 1px 0 1px #ffffff;--ds-button-shadow-solid: 0 0 0 0 transparent;--ds-button-shadow-solid-hover: 0 0 0 0 transparent;--ds-button-shadow-solid-active: 0 0 0 0 transparent;--ds-button-shadow-solid-inner: inset 0 1px 0 1px rgba(255, 255, 255, .12);--ds-color-primary-fg: hsl(217 80% 40%);--ds-color-primary-fg-hover: hsl(217 80% 55%);--ds-color-primary-fg-active: hsl(217 80% 30%);--ds-color-error-fg: hsl(5 68% 45%);--ds-color-error-fg-hover: hsl(5 68% 50%);--ds-color-error-fg-active: hsl(5 68% 40%);--ds-inter: "Inter", Helvetica, Arial, sans-serif;--ds-roboto-mono: "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ds-animate-spin: ds-spin 1s linear infinite;--ds-z-index-base: 0;--ds-z-index-sticky-element: 520;--ds-z-index-scrollbar: 530;--ds-z-index-panel: 540;--ds-z-index-modal: 1000;--ds-z-index-modal-mask: 1000;--ds-z-index-message: 1010;--ds-z-index-notification: 1010;--ds-z-index-popover: 1030;--ds-z-index-popup: 1030;--ds-z-index-dropdown: 1050;--ds-z-index-picker: 1050;--ds-z-index-popconfirm: 1060;--ds-z-index-tooltip: 1070;--ds-z-index-toast: 2000;--ds-segment-color-bg-active: #ffffff;--ds-scrollbar-color-thumb: rgba(0, 0, 0, .2);--ds-scrollbar-color-track: rgba(0, 0, 0, 0);--ds-color-base-solid: #000000;--ds-color-table-fixed-column-shadow: rgb(0 0 0 / 10%);--ds-modal-color-border: rgba(0, 0, 0, .07)}@supports (font-variation-settings: normal){.ds-theme-provider{--ds-inter: "InterVariable", Inter, Helvetica, Arial, sans-serif;--ds-roboto-mono: "Roboto Mono Variable", Roboto Mono, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-optical-sizing:auto}}.ds-theme-provider.dark{--ds-modal-color-border: rgba(255, 255, 255, .1);--ds-segment-color-bg-active: #424248;--ds-scrollbar-color-thumb: rgba(255, 255, 255, .2);--ds-scrollbar-color-track: rgba(0, 0, 0, 0);--ds-color-base-solid: #ffffff;--ds-color-table-fixed-column-shadow: rgb(0 0 0 / 20%);--ds-button-bg-secondary: hsl(240, 6.5%, 17%);--ds-button-bg-gradient-top: rgba(255, 255, 255, .03);--ds-button-bg-gradient-bottom: rgba(255, 255, 255, 0);--ds-button-bg-gradient-primary-top: rgba(255, 255, 255, .12);--ds-button-bg-gradient-primary-bottom: rgba(255, 255, 255, 0);--ds-button-shadow-default: 0 0 0 0 transparent;--ds-button-shadow-default-inner: 0 0 0 0 transparent;--ds-button-shadow-solid: 0 0 0 0 transparent;--ds-button-shadow-solid-hover: 0 0 0 0 transparent;--ds-button-shadow-solid-active: 0 0 0 0 transparent;--ds-button-shadow-solid-inner: inset 0 1px 0 1px rgba(255, 255, 255, .14);--ds-color-primary-fg: hsl(211 95% 60%);--ds-color-primary-fg-hover: hsl(211 95% 65%);--ds-color-primary-fg-active: hsl(211 95% 58%);--ds-color-error-fg: hsl(4 72% 59%);--ds-color-error-fg-hover: hsl(4 72% 64%);--ds-color-error-fg-active: hsl(4 72% 56%)}}
+@layer components{@keyframes ds-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ds-theme-provider{--ds-modal-padding: 20px;--ds-modal-edge-padding: 16px;--ds-modal-fixed-header-padding-block: 12px;--ds-modal-fixed-footer-padding-block: 12px;--ds-modal-header-padding-block: 16px 0px;--ds-modal-footer-padding-block: 4px 16px;--ds-modal-body-content-padding-block: 20px;--ds-modal-body-content-padding: var(--ds-modal-body-content-padding-block) var(--ds-modal-padding);--ds-dialog-body-content-padding: var(--ds-modal-body-content-padding-block) var(--ds-modal-padding);--ds-popup-panel-padding: 16px;--ds-scrollbar-width: auto;--ds-scrollbar-width-legacy: 15;--ds-box-shadow-popover-arrow: 0px 0px 1px 0px var(--ds-modal-color-border), 2px 2px 5px rgba(0, 0, 0, .05);--ds-control-border-radius: 6px;--ds-control-border-radius-sm: 4px;--ds-control-border-radius-lg: 8px;--ds-control-transition: all .2s;--ds-control-padding-small: 1px 8px;--ds-control-padding-middle: 5px 12px;--ds-control-padding-large: 9px 12px;--ds-control-padding-inline-small: 8px;--ds-control-padding-block-small: 1px;--ds-control-padding-inline-middle: 12px;--ds-control-padding-block-middle: 5px;--ds-control-padding-inline-large: 12px;--ds-control-padding-block-large: 9px;--ds-control-min-height-small: 24px;--ds-control-min-height-middle: 32px;--ds-control-min-height-large: 40px;--ds-control-line-height: 20px;--ds-control-color-border-hover: var(--ds-color-primary-hover);--ds-control-color-border-focus: var(--ds-color-primary);--ds-control-color-bg-disabled: var(--ds-color-bg-container-disabled);--ds-control-color-text-disabled: var(--ds-color-text-disabled);--ds-control-icon-size: 12px;--ds-control-color-bg: var(--ds-color-bg-container);--ds-control-color-border: var(--ds-color-border);--ds-control-color-border-active: var(--ds-color-primary);--ds-control-color-border-error-active: var(--ds-color-error);--ds-control-color-border-warning-active: var(--ds-color-warning);--ds-control-color-icon: var(--ds-color-text-quaternary);--ds-control-color-icon-hover: var(--ds-color-icon-hover);--ds-control-border: 1px solid var(--ds-control-color-border);--ds-control-border-active: 1px solid var(--ds-control-color-border-active);--ds-control-border-error-active: 1px solid var(--ds-control-color-border-error-active);--ds-control-border-warning-active: 1px solid var(--ds-control-color-border-warning-active);--ds-control-shadow-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-primary) 20%, transparent);--ds-form-label-required-mark-color: var(--ds-color-error);--ds-control-shadow-error-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-error) 20%, transparent);--ds-control-shadow-warning-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-warning) 20%, transparent);--ds-control-color-text-placeholder: var(--ds-color-text-placeholder);--ds-button-bg-secondary: #fafafa;--ds-button-bg-gradient-top: rgba(0, 0, 0, .02);--ds-button-bg-gradient-bottom: rgba(255, 255, 255, 0);--ds-button-bg-gradient-primary-top: rgba(255, 255, 255, .07);--ds-button-bg-gradient-primary-bottom: rgba(255, 255, 255, 0);--ds-button-shadow-default: 0 0 0 0 transparent;--ds-button-shadow-default-inner: inset 0 1px 0 1px #ffffff;--ds-button-shadow-solid: 0 0 0 0 transparent;--ds-button-shadow-solid-hover: 0 0 0 0 transparent;--ds-button-shadow-solid-active: 0 0 0 0 transparent;--ds-button-shadow-solid-inner: inset 0 1px 0 1px rgba(255, 255, 255, .12);--ds-color-primary-fg: hsl(217 80% 40%);--ds-color-primary-fg-hover: hsl(217 80% 55%);--ds-color-primary-fg-active: hsl(217 80% 30%);--ds-color-error-fg: hsl(5 68% 45%);--ds-color-error-fg-hover: hsl(5 68% 50%);--ds-color-error-fg-active: hsl(5 68% 40%);--ds-inter: "Inter", Helvetica, Arial, sans-serif;--ds-roboto-mono: "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ds-animate-spin: ds-spin 1s linear infinite;--ds-z-index-base: 0;--ds-z-index-sticky-element: 520;--ds-z-index-scrollbar: 530;--ds-z-index-panel: 540;--ds-z-index-modal: 1000;--ds-z-index-modal-mask: 1000;--ds-z-index-message: 1010;--ds-z-index-notification: 1010;--ds-z-index-popover: 1030;--ds-z-index-popup: 1030;--ds-z-index-dropdown: 1050;--ds-z-index-picker: 1050;--ds-z-index-popconfirm: 1060;--ds-z-index-tooltip: 1070;--ds-z-index-toast: 2000;--ds-segment-color-bg-active: #ffffff;--ds-scrollbar-color-thumb: rgba(0, 0, 0, .2);--ds-scrollbar-color-track: rgba(0, 0, 0, 0);--ds-color-base-solid: #000000;--ds-color-table-fixed-column-shadow: rgb(0 0 0 / 10%);--ds-modal-color-border: rgba(0, 0, 0, .07)}@supports (font-variation-settings: normal){.ds-theme-provider{--ds-inter: "InterVariable", Inter, Helvetica, Arial, sans-serif;--ds-roboto-mono: "Roboto Mono Variable", Roboto Mono, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-optical-sizing:auto}}.ds-theme-provider.dark{--ds-modal-color-border: rgba(255, 255, 255, .1);--ds-segment-color-bg-active: #424248;--ds-scrollbar-color-thumb: rgba(255, 255, 255, .2);--ds-scrollbar-color-track: rgba(0, 0, 0, 0);--ds-color-base-solid: #ffffff;--ds-color-table-fixed-column-shadow: rgb(0 0 0 / 20%);--ds-button-bg-secondary: hsl(240, 6.5%, 17%);--ds-button-bg-gradient-top: rgba(255, 255, 255, .03);--ds-button-bg-gradient-bottom: rgba(255, 255, 255, 0);--ds-button-bg-gradient-primary-top: rgba(255, 255, 255, .12);--ds-button-bg-gradient-primary-bottom: rgba(255, 255, 255, 0);--ds-button-shadow-default: 0 0 0 0 transparent;--ds-button-shadow-default-inner: 0 0 0 0 transparent;--ds-button-shadow-solid: 0 0 0 0 transparent;--ds-button-shadow-solid-hover: 0 0 0 0 transparent;--ds-button-shadow-solid-active: 0 0 0 0 transparent;--ds-button-shadow-solid-inner: inset 0 1px 0 1px rgba(255, 255, 255, .14);--ds-color-primary-fg: hsl(211 95% 60%);--ds-color-primary-fg-hover: hsl(211 95% 65%);--ds-color-primary-fg-active: hsl(211 95% 58%);--ds-color-error-fg: hsl(4 72% 59%);--ds-color-error-fg-hover: hsl(4 72% 64%);--ds-color-error-fg-active: hsl(4 72% 56%)}}

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,YAAY,IAAI,eAAe,EACrC,MAAM,iBAAiB,CAAC;AAGzB,OAAO,aAAa,CAAC;AAIrB,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG;IAC3C;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAMF,eAAO,MAAM,OAAO,sGAkBnB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,YAAY,IAAI,eAAe,EACrC,MAAM,iBAAiB,CAAC;AAEzB,OAAO,aAAa,CAAC;AAIrB,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG;IAC3C;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,OAAO,sGAyBnB,CAAC"}

package/dist/components/tooltip/component.js

@@ -1,19 +1,30 @@
 "use client";
-import { jsx as l } from "react/jsx-runtime";
-import m from "antd/es/tooltip";
+import { jsx as p } from "react/jsx-runtime";
+import s from "antd/es/tooltip";
 import './style.css';/* empty css          */
-import { forwardRef as f, useRef as p, useImperativeHandle as s } from "react";
-const a = f(
-  ({ arrow: o = !1, children: r, ...n }, i) => {
-    const e = p(null);
-    return s(i, () => {
-      const t = e.current?.nativeElement;
-      return t instanceof Element ? t : null;
-    }), /* @__PURE__ */ l(m, { arrow: o, ...n, ref: e, children: r });
+import { forwardRef as f, useRef as u, useImperativeHandle as c } from "react";
+import { useThemeContext as v } from "../theme-provider/context/themeStore.js";
+const y = f(
+  ({ arrow: n = !1, mouseEnterDelay: r, mouseLeaveDelay: l, children: i, ...m }, a) => {
+    const e = u(null), { componentConfig: t } = v();
+    return c(a, () => {
+      const o = e.current?.nativeElement;
+      return o instanceof Element ? o : null;
+    }), /* @__PURE__ */ p(
+      s,
+      {
+        arrow: n,
+        mouseEnterDelay: r ?? t?.tooltipEnterDelay,
+        mouseLeaveDelay: l ?? t?.tooltipLeaveDelay,
+        ...m,
+        ref: e,
+        children: i
+      }
+    );
   }
 );
-a.displayName = "Tooltip";
+y.displayName = "Tooltip";
 export {
-  a as Tooltip
+  y as Tooltip
 };
 //# sourceMappingURL=component.js.map