@bioturing/components 0.32.0 → 0.32.2

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} 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 } 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":"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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, { CSSProperties, forwardRef, useCallback } 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","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":"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"}

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

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

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

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

package/dist/components/select/item.d.ts

@@ -0,0 +1,14 @@
+import { CheckboxProps } from '../checkbox';
+export interface SelectItemProps extends React.ComponentPropsWithoutRef<"div"> {
+    selectAllRender?: (props: {
+        onClick: () => void;
+        checked: CheckboxProps["checked"];
+        indeterminate: CheckboxProps["indeterminate"];
+    }) => React.ReactNode;
+    checked: boolean;
+    indeterminate: boolean;
+    onSelectAll: () => void;
+    onDeselectAll: () => void;
+}
+export declare const SelectItem: React.FC<SelectItemProps>;
+//# sourceMappingURL=item.d.ts.map

package/dist/components/select/item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/select/item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAY,MAAM,aAAa,CAAC;AAKtD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC5E,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QAClC,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;KAC/C,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAGD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuDhD,CAAC"}

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

@@ -1 +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;"}
+{"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,EAAA,GAELC,MACG;AACH,UAAM,CAACC,GAAKC,CAAS,IAAIC,EAAA,GACnBC,IAAMC,EAAA;AACZ,WACE,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,QAAA;AAAA,QAEd,GAAGH;AAAA,QAEH,cACCL,EAAgB;AAAA,UACd,SAASC,IAAUG,IAAgBD;AAAA,UACnC,SAAAF;AAAA,UACA,eAAAC;AAAA,QAAA,CACD,IAED,gBAAAU;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAAAb;AAAA,YACA,eAAAC;AAAA,YACA,UAAU,CAACa,MAAM;AACf,cAAIA,EAAE,OAAO,UACXZ,EAAA,IAEAC,EAAA;AAAA,YAEJ;AAAA,YACD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,EAIR;AACF;AAEAR,EAAW,cAAc;"}

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

@@ -0,0 +1,45 @@
+import { default as React } from 'react';
+import { WithRenderPropProps } from '../utils/WithRenderProp';
+import { ValidateStatus } from 'antd/es/form/FormItem';
+export type SelectTriggerState = {
+    disabled: boolean;
+    open: boolean;
+    hasValue: boolean;
+    size: "small" | "middle" | "large";
+};
+export interface SelectTriggerProps extends Omit<WithRenderPropProps<"button", SelectTriggerState>, "value" | "prefix"> {
+    /** Size variant */
+    size?: "small" | "middle" | "large";
+    /** Whether the component is disabled */
+    disabled?: boolean;
+    /** Whether the dropdown/popup is open */
+    open?: boolean;
+    /** Validation status */
+    status?: ValidateStatus;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Current value/content to display */
+    value?: React.ReactNode;
+    /** Prefix content to display before the value (e.g., icon) */
+    prefix?: React.ReactNode;
+    /** Whether to show clear button when there's a value */
+    allowClear?: boolean;
+    /** Custom suffix icon (arrow icon) */
+    suffixIcon?: React.ReactNode;
+    /** Custom clear icon */
+    clearIcon?: React.ReactNode;
+    /** Clear handler */
+    onClear?: () => void;
+    /** Open state change handler */
+    onOpenChange?: (open: boolean) => void;
+    /** Custom class names */
+    classNames?: {
+        trigger?: string;
+        content?: string;
+        suffix?: string;
+        placeholder?: string;
+        value?: string;
+    };
+}
+export declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/select-trigger/component.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAkB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACpC,CAAC;AAEF,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,mBAAmB,CAAC,QAAQ,EAAE,kBAAkB,CAAC,EACjD,OAAO,GAAG,QAAQ,CACnB;IACD,mBAAmB;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wBAAwB;IACxB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,wBAAwB;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gCAAgC;IAChC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,yBAAyB;IACzB,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,eAAO,MAAM,aAAa,8FAuKzB,CAAC"}

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

@@ -1,105 +1,105 @@
 "use client";
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { XCircleIcon as K, CaretDownIcon as V } from "@bioturing/assets";
-import W from "merge-refs";
-import { forwardRef as X, useCallback as E, useRef as q, useEffect as B } from "react";
-import { WithRenderProp as F } from "../utils/WithRenderProp.js";
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
+import { XCircleIcon as P, CaretDownIcon as T } from "@bioturing/assets";
+import $ from "merge-refs";
+import { forwardRef as A, useCallback as y, useRef as K, useEffect as V } from "react";
+import { WithRenderProp as W } from "../utils/WithRenderProp.js";
 import './style.css';/* empty css          */
-import { useCls as G } from "../utils/antdUtils.js";
-import { clsx as l } from "../utils/cn.js";
-const H = X(
+import { useCls as X } from "../utils/antdUtils.js";
+import { clsx as o } from "../utils/cn.js";
+const q = A(
   ({
-    size: h = "middle",
-    disabled: n = !1,
-    open: o = !1,
-    status: w,
-    placeholder: b = "Select...",
-    value: c,
-    prefix: x,
-    allowClear: u = !1,
-    suffixIcon: k,
-    clearIcon: m,
-    onClear: d,
-    onOpenChange: f,
-    classNames: e,
-    render: S,
-    role: j = "combobox",
-    className: L,
-    ...P
-  }, T) => {
-    const r = G(), g = c != null && c !== "", $ = {
-      disabled: n,
-      open: o,
-      hasValue: g,
-      size: h
-    }, R = E(
-      (i) => {
-        i.stopPropagation(), d == null || d();
+    size: d = "middle",
+    disabled: c = !1,
+    open: i = !1,
+    status: m,
+    placeholder: f = "Select...",
+    value: s,
+    prefix: p,
+    allowClear: a = !1,
+    suffixIcon: u,
+    clearIcon: h,
+    onClear: w,
+    onOpenChange: b,
+    classNames: n,
+    render: v,
+    role: D = "combobox",
+    className: E,
+    ...S
+  }, C) => {
+    const e = X(), l = s != null && s !== "", j = {
+      disabled: c,
+      open: i,
+      hasValue: l,
+      size: d
+    }, x = y(
+      (t) => {
+        t.stopPropagation(), w?.();
       },
-      [d]
-    ), y = q(null);
-    B(() => {
-      const i = y.current;
-      if (!i) return;
-      const v = (D) => {
-        D.key === "ArrowDown" && !n && !o && (D.preventDefault(), f == null || f(!0));
+      [w]
+    ), k = K(null);
+    V(() => {
+      const t = k.current;
+      if (!t) return;
+      const N = (R) => {
+        R.key === "ArrowDown" && !c && !i && (R.preventDefault(), b?.(!0));
       };
-      return i.addEventListener("keydown", v), () => {
-        i.removeEventListener("keydown", v);
+      return t.addEventListener("keydown", N), () => {
+        t.removeEventListener("keydown", N);
       };
-    }, [n, o, f]);
-    const A = E(
-      (i) => /* @__PURE__ */ p("button", { ...i, children: [
-        /* @__PURE__ */ t(
+    }, [c, i, b]);
+    const L = y(
+      (t) => /* @__PURE__ */ g("button", { ...t, children: [
+        /* @__PURE__ */ r(
           "span",
           {
-            className: l(r("select-trigger-content"), e == null ? void 0 : e.content),
-            children: g ? /* @__PURE__ */ p("span", { className: r("select-trigger-value-with-prefix"), children: [
-              x,
-              /* @__PURE__ */ t(
+            className: o(e("select-trigger-content"), n?.content),
+            children: l ? /* @__PURE__ */ g("span", { className: e("select-trigger-value-with-prefix"), children: [
+              p,
+              /* @__PURE__ */ r(
                 "span",
                 {
-                  className: l(
-                    r("select-trigger-value"),
-                    e == null ? void 0 : e.value
+                  className: o(
+                    e("select-trigger-value"),
+                    n?.value
                   ),
-                  children: c
+                  children: s
                 }
               )
-            ] }) : /* @__PURE__ */ t(
+            ] }) : /* @__PURE__ */ r(
               "span",
               {
-                className: l(
-                  r("select-trigger-placeholder"),
-                  e == null ? void 0 : e.placeholder
+                className: o(
+                  e("select-trigger-placeholder"),
+                  n?.placeholder
                 ),
-                children: b
+                children: f
               }
             )
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ g(
           "span",
           {
-            className: l(r("select-trigger-suffix"), e == null ? void 0 : e.suffix),
+            className: o(e("select-trigger-suffix"), n?.suffix),
             children: [
-              u && g && /* @__PURE__ */ t(
+              a && l && /* @__PURE__ */ r(
                 "span",
                 {
-                  className: r("select-trigger-clear"),
+                  className: e("select-trigger-clear"),
                   unselectable: "on",
                   "aria-hidden": "true",
-                  onClick: R,
-                  children: m || /* @__PURE__ */ t("span", { className: r("select-trigger-clear-icon"), children: /* @__PURE__ */ t(K, { weight: "fill" }) })
+                  onClick: x,
+                  children: h || /* @__PURE__ */ r("span", { className: e("select-trigger-clear-icon"), children: /* @__PURE__ */ r(P, { weight: "fill" }) })
                 }
               ),
-              (!u || !g) && /* @__PURE__ */ t(
+              (!a || !l) && /* @__PURE__ */ r(
                 "span",
                 {
-                  className: r("select-trigger-arrow"),
+                  className: e("select-trigger-arrow"),
                   unselectable: "on",
                   "aria-hidden": "true",
-                  children: k || /* @__PURE__ */ t("span", { className: r("select-trigger-arrow-icon"), children: /* @__PURE__ */ t(V, { weight: "bold" }) })
+                  children: u || /* @__PURE__ */ r("span", { className: e("select-trigger-arrow-icon"), children: /* @__PURE__ */ r(T, { weight: "bold" }) })
                 }
               )
             ]
@@ -107,44 +107,44 @@ const H = X(
         )
       ] }),
       [
-        g,
-        c,
-        x,
-        b,
+        l,
+        s,
+        p,
+        f,
+        a,
         u,
-        k,
-        m,
-        r,
+        h,
         e,
-        R
+        n,
+        x
       ]
     );
-    return /* @__PURE__ */ t(
-      F,
+    return /* @__PURE__ */ r(
+      W,
       {
         as: "button",
-        ref: W(T, y),
-        state: $,
-        className: l(
-          r("select-trigger"),
-          r(`select-trigger-${h}`),
-          n && r("select-trigger-disabled"),
-          o && r("select-trigger-open"),
-          w && r(`select-trigger-${w}`),
-          e == null ? void 0 : e.trigger,
-          L
+        ref: $(C, k),
+        state: j,
+        className: o(
+          e("select-trigger"),
+          e(`select-trigger-${d}`),
+          c && e("select-trigger-disabled"),
+          i && e("select-trigger-open"),
+          m && e(`select-trigger-${m}`),
+          n?.trigger,
+          E
         ),
-        disabled: n,
-        role: j,
-        "aria-expanded": o,
-        render: S || A,
-        ...P
+        disabled: c,
+        role: D,
+        "aria-expanded": i,
+        render: v || L,
+        ...S
       }
     );
   }
 );
-H.displayName = "SelectTrigger";
+q.displayName = "SelectTrigger";
 export {
-  H as SelectTrigger
+  q as SelectTrigger
 };
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/select-trigger/component.tsx"],"sourcesContent":["\"use client\";\nimport { CaretDownIcon, XCircleIcon } from \"@bioturing/assets\";\nimport mergeRefs from \"merge-refs\";\nimport React, { forwardRef, useCallback, useEffect, useRef } from \"react\";\nimport { clsx, useCls } from \"../utils\";\nimport { WithRenderProp, WithRenderPropProps } from \"../utils/WithRenderProp\";\nimport { ValidateStatus } from \"antd/es/form/FormItem\";\nimport \"./style.css\";\n\nexport type SelectTriggerState = {\n  disabled: boolean;\n  open: boolean;\n  hasValue: boolean;\n  size: \"small\" | \"middle\" | \"large\";\n};\n\nexport interface SelectTriggerProps\n  extends Omit<\n    WithRenderPropProps<\"button\", SelectTriggerState>,\n    \"value\" | \"prefix\"\n  > {\n  /** Size variant */\n  size?: \"small\" | \"middle\" | \"large\";\n  /** Whether the component is disabled */\n  disabled?: boolean;\n  /** Whether the dropdown/popup is open */\n  open?: boolean;\n  /** Validation status */\n  status?: ValidateStatus;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Current value/content to display */\n  value?: React.ReactNode;\n  /** Prefix content to display before the value (e.g., icon) */\n  prefix?: React.ReactNode;\n  /** Whether to show clear button when there's a value */\n  allowClear?: boolean;\n  /** Custom suffix icon (arrow icon) */\n  suffixIcon?: React.ReactNode;\n  /** Custom clear icon */\n  clearIcon?: React.ReactNode;\n  /** Clear handler */\n  onClear?: () => void;\n  /** Open state change handler */\n  onOpenChange?: (open: boolean) => void;\n  /** Custom class names */\n  classNames?: {\n    trigger?: string;\n    content?: string;\n    suffix?: string;\n    placeholder?: string;\n    value?: string;\n  };\n}\n\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  (\n    {\n      size = \"middle\",\n      disabled = false,\n      open = false,\n      status,\n      placeholder = \"Select...\",\n      value,\n      prefix,\n      allowClear = false,\n      suffixIcon,\n      clearIcon,\n      onClear,\n      onOpenChange,\n      classNames,\n      render,\n      role = \"combobox\",\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const cls = useCls();\n    const hasValue = value !== undefined && value !== null && value !== \"\";\n\n    const triggerState: SelectTriggerState = {\n      disabled,\n      open,\n      hasValue,\n      size,\n    };\n\n    const handleClearClick = useCallback(\n      (e: React.MouseEvent) => {\n        e.stopPropagation();\n        onClear?.();\n      },\n      [onClear]\n    );\n\n    // Internal ref for the button element\n    const buttonRef = useRef<HTMLButtonElement>(null);\n\n    // Handle keyboard shortcuts with addEventListener\n    useEffect(() => {\n      const buttonElement = buttonRef.current;\n      if (!buttonElement) return;\n\n      const handleKeyDown = (e: KeyboardEvent) => {\n        // Alt + Down Arrow to open dropdown\n        if (e.key === \"ArrowDown\" && !disabled && !open) {\n          e.preventDefault();\n          onOpenChange?.(true);\n        }\n        // Escape to close dropdown\n        // Comment because Popover would handle it\n        // if (e.key === \"Escape\" && open) {\n        //   e.preventDefault();\n        //   onOpenChange?.(false);\n        // }\n      };\n\n      buttonElement.addEventListener(\"keydown\", handleKeyDown);\n      return () => {\n        buttonElement.removeEventListener(\"keydown\", handleKeyDown);\n      };\n    }, [disabled, open, onOpenChange]);\n\n    const defaultRender = useCallback(\n      (props: React.ComponentPropsWithoutRef<\"button\">) => (\n        <button {...props}>\n          <span\n            className={clsx(cls(\"select-trigger-content\"), classNames?.content)}\n          >\n            {hasValue ? (\n              <span className={cls(\"select-trigger-value-with-prefix\")}>\n                {prefix}\n                <span\n                  className={clsx(\n                    cls(\"select-trigger-value\"),\n                    classNames?.value\n                  )}\n                >\n                  {value}\n                </span>\n              </span>\n            ) : (\n              <span\n                className={clsx(\n                  cls(\"select-trigger-placeholder\"),\n                  classNames?.placeholder\n                )}\n              >\n                {placeholder}\n              </span>\n            )}\n          </span>\n          <span\n            className={clsx(cls(\"select-trigger-suffix\"), classNames?.suffix)}\n          >\n            {allowClear && hasValue && (\n              <span\n                className={cls(\"select-trigger-clear\")}\n                unselectable=\"on\"\n                aria-hidden=\"true\"\n                onClick={handleClearClick}\n              >\n                {clearIcon || (\n                  <span className={cls(\"select-trigger-clear-icon\")}>\n                    <XCircleIcon weight=\"fill\" />\n                  </span>\n                )}\n              </span>\n            )}\n            {(!allowClear || !hasValue) && (\n              <span\n                className={cls(\"select-trigger-arrow\")}\n                unselectable=\"on\"\n                aria-hidden=\"true\"\n              >\n                {suffixIcon || (\n                  <span className={cls(\"select-trigger-arrow-icon\")}>\n                    <CaretDownIcon weight=\"bold\" />\n                  </span>\n                )}\n              </span>\n            )}\n          </span>\n        </button>\n      ),\n      [\n        hasValue,\n        value,\n        prefix,\n        placeholder,\n        allowClear,\n        suffixIcon,\n        clearIcon,\n        cls,\n        classNames,\n        handleClearClick,\n      ]\n    );\n\n    return (\n      <WithRenderProp\n        as=\"button\"\n        ref={mergeRefs(ref, buttonRef)}\n        state={triggerState}\n        className={clsx(\n          cls(\"select-trigger\"),\n          cls(`select-trigger-${size}`),\n          disabled && cls(\"select-trigger-disabled\"),\n          open && cls(\"select-trigger-open\"),\n          status && cls(`select-trigger-${status}`),\n          classNames?.trigger,\n          className\n        )}\n        disabled={disabled}\n        role={role}\n        aria-expanded={open}\n        render={render || defaultRender}\n        {...rest}\n      />\n    );\n  }\n);\n\nSelectTrigger.displayName = \"SelectTrigger\";\n"],"names":["SelectTrigger","forwardRef","size","disabled","open","status","placeholder","value","prefix","allowClear","suffixIcon","clearIcon","onClear","onOpenChange","classNames","render","role","className","rest","ref","cls","useCls","hasValue","triggerState","handleClearClick","useCallback","e","buttonRef","useRef","useEffect","buttonElement","handleKeyDown","defaultRender","props","jsxs","jsx","clsx","XCircleIcon","CaretDownIcon","WithRenderProp","mergeRefs"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/select-trigger/component.tsx"],"sourcesContent":["\"use client\";\nimport { CaretDownIcon, XCircleIcon } from \"@bioturing/assets\";\nimport mergeRefs from \"merge-refs\";\nimport React, { forwardRef, useCallback, useEffect, useRef } from \"react\";\nimport { clsx, useCls } from \"../utils\";\nimport { WithRenderProp, WithRenderPropProps } from \"../utils/WithRenderProp\";\nimport { ValidateStatus } from \"antd/es/form/FormItem\";\nimport \"./style.css\";\n\nexport type SelectTriggerState = {\n  disabled: boolean;\n  open: boolean;\n  hasValue: boolean;\n  size: \"small\" | \"middle\" | \"large\";\n};\n\nexport interface SelectTriggerProps\n  extends Omit<\n    WithRenderPropProps<\"button\", SelectTriggerState>,\n    \"value\" | \"prefix\"\n  > {\n  /** Size variant */\n  size?: \"small\" | \"middle\" | \"large\";\n  /** Whether the component is disabled */\n  disabled?: boolean;\n  /** Whether the dropdown/popup is open */\n  open?: boolean;\n  /** Validation status */\n  status?: ValidateStatus;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Current value/content to display */\n  value?: React.ReactNode;\n  /** Prefix content to display before the value (e.g., icon) */\n  prefix?: React.ReactNode;\n  /** Whether to show clear button when there's a value */\n  allowClear?: boolean;\n  /** Custom suffix icon (arrow icon) */\n  suffixIcon?: React.ReactNode;\n  /** Custom clear icon */\n  clearIcon?: React.ReactNode;\n  /** Clear handler */\n  onClear?: () => void;\n  /** Open state change handler */\n  onOpenChange?: (open: boolean) => void;\n  /** Custom class names */\n  classNames?: {\n    trigger?: string;\n    content?: string;\n    suffix?: string;\n    placeholder?: string;\n    value?: string;\n  };\n}\n\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  (\n    {\n      size = \"middle\",\n      disabled = false,\n      open = false,\n      status,\n      placeholder = \"Select...\",\n      value,\n      prefix,\n      allowClear = false,\n      suffixIcon,\n      clearIcon,\n      onClear,\n      onOpenChange,\n      classNames,\n      render,\n      role = \"combobox\",\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const cls = useCls();\n    const hasValue = value !== undefined && value !== null && value !== \"\";\n\n    const triggerState: SelectTriggerState = {\n      disabled,\n      open,\n      hasValue,\n      size,\n    };\n\n    const handleClearClick = useCallback(\n      (e: React.MouseEvent) => {\n        e.stopPropagation();\n        onClear?.();\n      },\n      [onClear]\n    );\n\n    // Internal ref for the button element\n    const buttonRef = useRef<HTMLButtonElement>(null);\n\n    // Handle keyboard shortcuts with addEventListener\n    useEffect(() => {\n      const buttonElement = buttonRef.current;\n      if (!buttonElement) return;\n\n      const handleKeyDown = (e: KeyboardEvent) => {\n        // Alt + Down Arrow to open dropdown\n        if (e.key === \"ArrowDown\" && !disabled && !open) {\n          e.preventDefault();\n          onOpenChange?.(true);\n        }\n        // Escape to close dropdown\n        // Comment because Popover would handle it\n        // if (e.key === \"Escape\" && open) {\n        //   e.preventDefault();\n        //   onOpenChange?.(false);\n        // }\n      };\n\n      buttonElement.addEventListener(\"keydown\", handleKeyDown);\n      return () => {\n        buttonElement.removeEventListener(\"keydown\", handleKeyDown);\n      };\n    }, [disabled, open, onOpenChange]);\n\n    const defaultRender = useCallback(\n      (props: React.ComponentPropsWithoutRef<\"button\">) => (\n        <button {...props}>\n          <span\n            className={clsx(cls(\"select-trigger-content\"), classNames?.content)}\n          >\n            {hasValue ? (\n              <span className={cls(\"select-trigger-value-with-prefix\")}>\n                {prefix}\n                <span\n                  className={clsx(\n                    cls(\"select-trigger-value\"),\n                    classNames?.value\n                  )}\n                >\n                  {value}\n                </span>\n              </span>\n            ) : (\n              <span\n                className={clsx(\n                  cls(\"select-trigger-placeholder\"),\n                  classNames?.placeholder\n                )}\n              >\n                {placeholder}\n              </span>\n            )}\n          </span>\n          <span\n            className={clsx(cls(\"select-trigger-suffix\"), classNames?.suffix)}\n          >\n            {allowClear && hasValue && (\n              <span\n                className={cls(\"select-trigger-clear\")}\n                unselectable=\"on\"\n                aria-hidden=\"true\"\n                onClick={handleClearClick}\n              >\n                {clearIcon || (\n                  <span className={cls(\"select-trigger-clear-icon\")}>\n                    <XCircleIcon weight=\"fill\" />\n                  </span>\n                )}\n              </span>\n            )}\n            {(!allowClear || !hasValue) && (\n              <span\n                className={cls(\"select-trigger-arrow\")}\n                unselectable=\"on\"\n                aria-hidden=\"true\"\n              >\n                {suffixIcon || (\n                  <span className={cls(\"select-trigger-arrow-icon\")}>\n                    <CaretDownIcon weight=\"bold\" />\n                  </span>\n                )}\n              </span>\n            )}\n          </span>\n        </button>\n      ),\n      [\n        hasValue,\n        value,\n        prefix,\n        placeholder,\n        allowClear,\n        suffixIcon,\n        clearIcon,\n        cls,\n        classNames,\n        handleClearClick,\n      ]\n    );\n\n    return (\n      <WithRenderProp\n        as=\"button\"\n        ref={mergeRefs(ref, buttonRef)}\n        state={triggerState}\n        className={clsx(\n          cls(\"select-trigger\"),\n          cls(`select-trigger-${size}`),\n          disabled && cls(\"select-trigger-disabled\"),\n          open && cls(\"select-trigger-open\"),\n          status && cls(`select-trigger-${status}`),\n          classNames?.trigger,\n          className\n        )}\n        disabled={disabled}\n        role={role}\n        aria-expanded={open}\n        render={render || defaultRender}\n        {...rest}\n      />\n    );\n  }\n);\n\nSelectTrigger.displayName = \"SelectTrigger\";\n"],"names":["SelectTrigger","forwardRef","size","disabled","open","status","placeholder","value","prefix","allowClear","suffixIcon","clearIcon","onClear","onOpenChange","classNames","render","role","className","rest","ref","cls","useCls","hasValue","triggerState","handleClearClick","useCallback","e","buttonRef","useRef","useEffect","buttonElement","handleKeyDown","defaultRender","props","jsxs","jsx","clsx","XCircleIcon","CaretDownIcon","WithRenderProp","mergeRefs"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+export { SelectTrigger } from './component';
+export type { SelectTriggerProps, SelectTriggerState } from './component';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select-trigger/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,6 @@
+import { SliderSingleProps, SliderRangeProps } from 'antd/es/slider';
+export type SliderProps = SliderSingleProps | SliderRangeProps;
+export type { SliderSingleProps, SliderRangeProps };
+declare const Slider: ({ className, tooltip, style, ...rest }: SliderProps) => import("react/jsx-runtime").JSX.Element;
+export { Slider };
+//# sourceMappingURL=component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/slider/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACtB,MAAM,gBAAgB,CAAC;AAIxB,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;AAE/D,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;AAGpD,QAAA,MAAM,MAAM,GAAI,wCAA6C,WAAW,4CAavE,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/slider/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntSlider,\n  type SliderSingleProps,\n  type SliderRangeProps,\n} from \"antd/es/slider\";\nimport { useCls, clsx } from \"../utils\";\n\n// Define props interface extending Ant Design's SliderProps\nexport type SliderProps = SliderSingleProps | SliderRangeProps;\n\nexport type { SliderSingleProps, SliderRangeProps };\n\n// Create Slider component\nconst Slider = ({ className, tooltip = {}, style, ...rest }: SliderProps) => {\n  const cls = useCls();\n  return (\n    <AntSlider\n      className={clsx(cls(\"slider\"), className)}\n      style={style}\n      {...rest}\n      tooltip={{\n        arrow: false,\n        ...tooltip,\n      }}\n    />\n  );\n};\n\nexport { Slider };\n"],"names":["Slider","className","tooltip","style","rest","cls","useCls","jsx","AntSlider","clsx"],"mappings":";;;;;AAcM,MAAAA,IAAS,CAAC,EAAE,WAAAC,GAAW,SAAAC,IAAU,CAAA,GAAI,OAAAC,GAAO,GAAGC,QAAwB;AAC3E,QAAMC,IAAMC,EAAO;AAEjB,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKJ,EAAI,QAAQ,GAAGJ,CAAS;AAAA,MACxC,OAAAE;AAAA,MACC,GAAGC;AAAA,MACJ,SAAS;AAAA,QACP,OAAO;AAAA,QACP,GAAGF;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/slider/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntSlider,\n  type SliderSingleProps,\n  type SliderRangeProps,\n} from \"antd/es/slider\";\nimport { useCls, clsx } from \"../utils\";\n\n// Define props interface extending Ant Design's SliderProps\nexport type SliderProps = SliderSingleProps | SliderRangeProps;\n\nexport type { SliderSingleProps, SliderRangeProps };\n\n// Create Slider component\nconst Slider = ({ className, tooltip = {}, style, ...rest }: SliderProps) => {\n  const cls = useCls();\n  return (\n    <AntSlider\n      className={clsx(cls(\"slider\"), className)}\n      style={style}\n      {...rest}\n      tooltip={{\n        arrow: false,\n        ...tooltip,\n      }}\n    />\n  );\n};\n\nexport { Slider };\n"],"names":["Slider","className","tooltip","style","rest","cls","useCls","jsx","AntSlider","clsx"],"mappings":";;;;;AAcA,MAAMA,IAAS,CAAC,EAAE,WAAAC,GAAW,SAAAC,IAAU,CAAA,GAAI,OAAAC,GAAO,GAAGC,QAAwB;AAC3E,QAAMC,IAAMC,EAAA;AACZ,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKJ,EAAI,QAAQ,GAAGJ,CAAS;AAAA,MACxC,OAAAE;AAAA,MACC,GAAGC;AAAA,MACJ,SAAS;AAAA,QACP,OAAO;AAAA,QACP,GAAGF;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGN;"}

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { SpinProps as AntdSpinProps } from 'antd/es/spin';
+export type SpinProps = Omit<AntdSpinProps, "size"> & {
+    size?: "small" | "default" | "large" | number;
+};
+export declare const Spin: ({ indicator, size, className, ...rest }: SpinProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/spin/component.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,SAAS,IAAI,aAAa,EAAE,MAAM,cAAc,CAAC;AAG/E,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,GAAG;IACpD,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,yCAAyC,SAAS,4CAgBtE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/spin/component.tsx"],"sourcesContent":["\"use client\";\nimport { useCls } from \"../utils\";\nimport { default as AntdSpin, SpinProps as AntdSpinProps } from \"antd/es/spin\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type SpinProps = Omit<AntdSpinProps, \"size\"> & {\n  size?: \"small\" | \"default\" | \"large\" | number;\n};\n\nexport const Spin = ({ indicator, size, className, ...rest }: SpinProps) => {\n  const cls = useCls();\n  const spinIndicator = indicator || <span className={cls(\"spin-loader\")} />;\n  return (\n    <AntdSpin\n      className={className}\n      indicator={spinIndicator}\n      size={typeof size === \"number\" ? \"default\" : size}\n      style={\n        {\n          \"--spin-size\": typeof size == \"number\" ? `${size}px` : undefined,\n        } as React.CSSProperties\n      }\n      {...rest}\n    />\n  );\n};\n"],"names":["Spin","indicator","size","className","rest","cls","useCls","spinIndicator","jsx","AntdSpin"],"mappings":";;;;;AAWa,MAAAA,IAAO,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,WAAAC,GAAW,GAAGC,QAAsB;AAC1E,QAAMC,IAAMC,EAAO,GACbC,IAAgBN,KAAa,gBAAAO,EAAC,UAAK,WAAWH,EAAI,aAAa,GAAG;AAEtE,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAN;AAAA,MACA,WAAWI;AAAA,MACX,MAAM,OAAOL,KAAS,WAAW,YAAYA;AAAA,MAC7C,OACE;AAAA,QACE,eAAe,OAAOA,KAAQ,WAAW,GAAGA,CAAI,OAAO;AAAA,MACzD;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EACN;AAEJ;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/spin/component.tsx"],"sourcesContent":["\"use client\";\nimport { useCls } from \"../utils\";\nimport { default as AntdSpin, SpinProps as AntdSpinProps } from \"antd/es/spin\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type SpinProps = Omit<AntdSpinProps, \"size\"> & {\n  size?: \"small\" | \"default\" | \"large\" | number;\n};\n\nexport const Spin = ({ indicator, size, className, ...rest }: SpinProps) => {\n  const cls = useCls();\n  const spinIndicator = indicator || <span className={cls(\"spin-loader\")} />;\n  return (\n    <AntdSpin\n      className={className}\n      indicator={spinIndicator}\n      size={typeof size === \"number\" ? \"default\" : size}\n      style={\n        {\n          \"--spin-size\": typeof size == \"number\" ? `${size}px` : undefined,\n        } as React.CSSProperties\n      }\n      {...rest}\n    />\n  );\n};\n"],"names":["Spin","indicator","size","className","rest","cls","useCls","spinIndicator","jsx","AntdSpin"],"mappings":";;;;;AAWO,MAAMA,IAAO,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,WAAAC,GAAW,GAAGC,QAAsB;AAC1E,QAAMC,IAAMC,EAAA,GACNC,IAAgBN,KAAa,gBAAAO,EAAC,UAAK,WAAWH,EAAI,aAAa,GAAG;AACxE,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAN;AAAA,MACA,WAAWI;AAAA,MACX,MAAM,OAAOL,KAAS,WAAW,YAAYA;AAAA,MAC7C,OACE;AAAA,QACE,eAAe,OAAOA,KAAQ,WAAW,GAAGA,CAAI,OAAO;AAAA,MAAA;AAAA,MAG1D,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { SplitterProps } from './splitter';
+import { SplitterPanelProps } from './splitter-panel';
+export type { SplitterProps, SplitterPanelProps };
+export declare const Splitter: import('react').ForwardRefExoticComponent<SplitterProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Panel: import('react').ForwardRefExoticComponent<Omit<SplitterPanelProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+};
+export declare const Split: import('react').ForwardRefExoticComponent<SplitterProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Panel: import('react').ForwardRefExoticComponent<Omit<SplitterPanelProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+};
+//# sourceMappingURL=component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/splitter/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAA4B,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1E,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAG1E,OAAO,aAAa,CAAC;AAGrB,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC;AAGlD,eAAO,MAAM,QAAQ;;CAEnB,CAAC;AAGH,eAAO,MAAM,KAAK;;CAAW,CAAC"}

package/dist/components/splitter/component.js

@@ -1,12 +1,12 @@
 "use client";
-import { MainSplitter as t } from "./splitter.js";
-import { SplitterPanel as i } from "./splitter-panel.js";
+import { Splitter as t } from "./splitter.js";
+import { SplitterPanel as e } from "./splitter-panel.js";
 import './style.css';/* empty css          */
-const e = Object.assign(t, {
-  Panel: i
-}), l = e;
+const i = Object.assign(t, {
+  Panel: e
+}), o = i;
 export {
-  l as Split,
-  e as Splitter
+  o as Split,
+  i as Splitter
 };
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/splitter/component.tsx"],"sourcesContent":["\"use client\";\nimport { MainSplitter, type SplitterProps } from \"./splitter\";\nimport { SplitterPanel, type SplitterPanelProps } from \"./splitter-panel\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Export types\nexport type { SplitterProps, SplitterPanelProps };\n\n// Create the compound component\nexport const Splitter = Object.assign(MainSplitter, {\n  Panel: SplitterPanel,\n});\n\n// For backward compatibility\nexport const Split = Splitter;\n"],"names":["Splitter","MainSplitter","SplitterPanel","Split"],"mappings":";;;;AAWa,MAAAA,IAAW,OAAO,OAAOC,GAAc;AAAA,EAClD,OAAOC;AACT,CAAC,GAGYC,IAAQH;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/splitter/component.tsx"],"sourcesContent":["\"use client\";\nimport { Splitter as MainSplitter, type SplitterProps } from \"./splitter\";\nimport { SplitterPanel, type SplitterPanelProps } from \"./splitter-panel\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Export types\nexport type { SplitterProps, SplitterPanelProps };\n\n// Create the compound component\nexport const Splitter = Object.assign(MainSplitter, {\n  Panel: SplitterPanel,\n});\n\n// For backward compatibility\nexport const Split = Splitter;\n"],"names":["Splitter","MainSplitter","SplitterPanel","Split"],"mappings":";;;;AAWO,MAAMA,IAAW,OAAO,OAAOC,GAAc;AAAA,EAClD,OAAOC;AACT,CAAC,GAGYC,IAAQH;"}

package/dist/components/splitter/context.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export declare const SplitterContext: React.Context<{
+    layout?: "horizontal" | "vertical";
+}>;
+//# sourceMappingURL=context.d.ts.map

package/dist/components/splitter/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/splitter/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,eAAe;aAAkC,YAAY,GAAG,UAAU;EAAO,CAAC"}