@bioturing/components 0.39.0 → 0.40.1

package/dist/components/scroll-area/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/scroll-area/component.tsx"],"sourcesContent":["\"use client\";\nimport { type ReactNode, useEffect, useRef, useState } from \"react\";\nimport { ScrollArea as BaseScrollArea } from \"@base-ui-components/react\";\nimport { clsx, useCls } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface ScrollAreaProps\n  extends Omit<BaseScrollArea.Root.Props, \"onScroll\"> {\n  children: ReactNode;\n  /**\n   * Additional class name for the root component\n   */\n  className?: string;\n  /**\n   * Custom class names for each part of the scroll area\n   */\n  classNames?: {\n    /**\n     * Class name for the viewport element\n     */\n    viewport?: string;\n    /**\n     * Class name for the content element\n     */\n    content?: string;\n    /**\n     * Class name for the scrollbar element\n     */\n    scrollbar?: string;\n    /**\n     * Class name for the thumb element\n     */\n    thumb?: string;\n  };\n  /**\n   * Custom styles for each part of the scroll area\n   */\n  styles?: {\n    /**\n     * Styles for the viewport element\n     */\n    viewport?: React.CSSProperties;\n    /**\n     * Styles for the content element\n     */\n    content?: React.CSSProperties;\n    /**\n     * Styles for the scrollbar element\n     */\n    scrollbar?: React.CSSProperties;\n    /**\n     * Styles for the thumb element\n     */\n    thumb?: React.CSSProperties;\n  };\n  /**\n   * Orientation of the scrollbar\n   * @default \"vertical\"\n   */\n  orientation?: \"vertical\" | \"horizontal\" | \"both\";\n  /**\n   * Enable fade-out effect at scrollable edges\n   * @default false\n   */\n  fadeEdges?: boolean;\n  /**\n   * Callback fired when the scroll position changes\n   */\n  onScroll?: (event: Event) => void;\n}\n\nexport const ScrollArea = ({\n  children,\n  className,\n  classNames = {},\n  orientation = \"vertical\",\n  fadeEdges = false,\n  onScroll,\n  styles = {},\n  ...rest\n}: ScrollAreaProps) => {\n  const cls = useCls();\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const [scrollState, setScrollState] = useState({\n    isAtStart: true,\n    isAtEnd: false,\n    isScrollable: false,\n  });\n\n  useEffect(() => {\n    if (!viewportRef.current) return;\n\n    const viewport = viewportRef.current;\n\n    const handleScroll = (event?: Event) => {\n      // Call the onScroll callback if provided and event exists\n      if (event && onScroll) {\n        onScroll(event);\n      }\n\n      // Handle fade edges state update if enabled\n      if (fadeEdges) {\n        if (orientation === \"vertical\") {\n          const { scrollTop, scrollHeight, clientHeight } = viewport;\n          const isScrollable = scrollHeight > clientHeight;\n          setScrollState({\n            isAtStart: scrollTop <= 1,\n            isAtEnd: scrollTop >= scrollHeight - clientHeight - 1,\n            isScrollable,\n          });\n        } else {\n          const { scrollLeft, scrollWidth, clientWidth } = viewport;\n          // Add a small buffer (2px) to account for rounding errors\n          const isScrollable = scrollWidth > clientWidth + 2;\n          setScrollState({\n            isAtStart: scrollLeft <= 1,\n            isAtEnd: scrollLeft >= scrollWidth - clientWidth - 1,\n            isScrollable,\n          });\n        }\n      }\n    };\n\n    // Initial check (without event)\n    handleScroll();\n\n    // Use a timeout to check again after content might have rendered\n    const timeoutId = setTimeout(handleScroll, 0);\n\n    viewport.addEventListener(\"scroll\", handleScroll);\n\n    // Add resize observer to detect content size changes\n    const resizeObserver = new ResizeObserver(() => {\n      handleScroll();\n    });\n    resizeObserver.observe(viewport);\n\n    return () => {\n      clearTimeout(timeoutId);\n      viewport.removeEventListener(\"scroll\", handleScroll);\n      resizeObserver.disconnect();\n    };\n  }, [fadeEdges, orientation, onScroll]);\n  return (\n    <BaseScrollArea.Root\n      className={clsx(cls(\"scroll-area\"), className)}\n      {...rest}\n    >\n      <BaseScrollArea.Viewport\n        ref={viewportRef}\n        className={clsx(\n          cls(\"scroll-area-viewport\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"vertical\" &&\n            scrollState.isAtStart &&\n            cls(\"scroll-area-fade-bottom-only\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"vertical\" &&\n            scrollState.isAtEnd &&\n            cls(\"scroll-area-fade-top-only\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"vertical\" &&\n            !scrollState.isAtStart &&\n            !scrollState.isAtEnd &&\n            cls(\"scroll-area-fade-both-vertical\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"horizontal\" &&\n            scrollState.isAtStart &&\n            cls(\"scroll-area-fade-right-only\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"horizontal\" &&\n            scrollState.isAtEnd &&\n            cls(\"scroll-area-fade-left-only\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"horizontal\" &&\n            !scrollState.isAtStart &&\n            !scrollState.isAtEnd &&\n            cls(\"scroll-area-fade-both-horizontal\"),\n          classNames?.viewport\n        )}\n        style={styles?.viewport}\n      >\n        {orientation == \"horizontal\" ? (\n          <BaseScrollArea.Content\n            className={clsx(cls(\"scroll-area-content\"), classNames?.content)}\n            style={styles?.content}\n          >\n            {children}\n          </BaseScrollArea.Content>\n        ) : (\n          children\n        )}\n      </BaseScrollArea.Viewport>\n      {(orientation == \"horizontal\" || orientation == \"both\") && (\n        <BaseScrollArea.Scrollbar\n          className={clsx(cls(\"scroll-area-scrollbar\"), classNames?.scrollbar)}\n          orientation={\"horizontal\"}\n          data-orientation={\"horizontal\"}\n          style={styles?.scrollbar}\n        >\n          <BaseScrollArea.Thumb\n            className={clsx(cls(\"scroll-area-thumb\"), classNames?.thumb)}\n            style={styles?.thumb}\n          />\n        </BaseScrollArea.Scrollbar>\n      )}\n      {(orientation == \"vertical\" || orientation == \"both\") && (\n        <BaseScrollArea.Scrollbar\n          className={clsx(cls(\"scroll-area-scrollbar\"), classNames?.scrollbar)}\n          orientation={\"vertical\"}\n          data-orientation={\"vertical\"}\n          style={styles?.scrollbar}\n        >\n          <BaseScrollArea.Thumb\n            className={clsx(cls(\"scroll-area-thumb\"), classNames?.thumb)}\n            style={styles?.thumb}\n          />\n        </BaseScrollArea.Scrollbar>\n      )}\n    </BaseScrollArea.Root>\n  );\n};\n"],"names":["ScrollArea","children","className","classNames","orientation","fadeEdges","onScroll","styles","rest","cls","useCls","viewportRef","useRef","scrollState","setScrollState","useState","useEffect","viewport","handleScroll","event","scrollTop","scrollHeight","clientHeight","isScrollable","scrollLeft","scrollWidth","clientWidth","timeoutId","resizeObserver","jsxs","BaseScrollArea","clsx","jsx"],"mappings":";;;;;;;AAyEO,MAAMA,IAAa,CAAC;AAAA,EACzB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa,CAAA;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,QAAAC,IAAS,CAAA;AAAA,EACT,GAAGC;AACL,MAAuB;AACrB,QAAMC,IAAMC,EAAA,GACNC,IAAcC,EAAuB,IAAI,GACzC,CAACC,GAAaC,CAAc,IAAIC,EAAS;AAAA,IAC7C,WAAW;AAAA,IACX,SAAS;AAAA,IACT,cAAc;AAAA,EAAA,CACf;AAED,SAAAC,EAAU,MAAM;AACd,QAAI,CAACL,EAAY,QAAS;AAE1B,UAAMM,IAAWN,EAAY,SAEvBO,IAAe,CAACC,MAAkB;AAOtC,UALIA,KAASb,KACXA,EAASa,CAAK,GAIZd;AACF,YAAID,MAAgB,YAAY;AAC9B,gBAAM,EAAE,WAAAgB,GAAW,cAAAC,GAAc,cAAAC,EAAA,IAAiBL,GAC5CM,IAAeF,IAAeC;AACpC,UAAAR,EAAe;AAAA,YACb,WAAWM,KAAa;AAAA,YACxB,SAASA,KAAaC,IAAeC,IAAe;AAAA,YACpD,cAAAC;AAAA,UAAA,CACD;AAAA,QACH,OAAO;AACL,gBAAM,EAAE,YAAAC,GAAY,aAAAC,GAAa,aAAAC,EAAA,IAAgBT,GAE3CM,IAAeE,IAAcC,IAAc;AACjD,UAAAZ,EAAe;AAAA,YACb,WAAWU,KAAc;AAAA,YACzB,SAASA,KAAcC,IAAcC,IAAc;AAAA,YACnD,cAAAH;AAAA,UAAA,CACD;AAAA,QACH;AAAA,IAEJ;AAGA,IAAAL,EAAA;AAGA,UAAMS,IAAY,WAAWT,GAAc,CAAC;AAE5C,IAAAD,EAAS,iBAAiB,UAAUC,CAAY;AAGhD,UAAMU,IAAiB,IAAI,eAAe,MAAM;AAC9C,MAAAV,EAAA;AAAA,IACF,CAAC;AACD,WAAAU,EAAe,QAAQX,CAAQ,GAExB,MAAM;AACX,mBAAaU,CAAS,GACtBV,EAAS,oBAAoB,UAAUC,CAAY,GACnDU,EAAe,WAAA;AAAA,IACjB;AAAA,EACF,GAAG,CAACvB,GAAWD,GAAaE,CAAQ,CAAC,GAEnC,gBAAAuB;AAAA,IAACC,EAAe;AAAA,IAAf;AAAA,MACC,WAAWC,EAAKtB,EAAI,aAAa,GAAGP,CAAS;AAAA,MAC5C,GAAGM;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAwB;AAAA,UAACF,EAAe;AAAA,UAAf;AAAA,YACC,KAAKnB;AAAA,YACL,WAAWoB;AAAA,cACTtB,EAAI,sBAAsB;AAAA,cAC1BJ,KACEQ,EAAY,gBACZT,MAAgB,cAChBS,EAAY,aACZJ,EAAI,8BAA8B;AAAA,cACpCJ,KACEQ,EAAY,gBACZT,MAAgB,cAChBS,EAAY,WACZJ,EAAI,2BAA2B;AAAA,cACjCJ,KACEQ,EAAY,gBACZT,MAAgB,cAChB,CAACS,EAAY,aACb,CAACA,EAAY,WACbJ,EAAI,gCAAgC;AAAA,cACtCJ,KACEQ,EAAY,gBACZT,MAAgB,gBAChBS,EAAY,aACZJ,EAAI,6BAA6B;AAAA,cACnCJ,KACEQ,EAAY,gBACZT,MAAgB,gBAChBS,EAAY,WACZJ,EAAI,4BAA4B;AAAA,cAClCJ,KACEQ,EAAY,gBACZT,MAAgB,gBAChB,CAACS,EAAY,aACb,CAACA,EAAY,WACbJ,EAAI,kCAAkC;AAAA,cACxCN,GAAY;AAAA,YAAA;AAAA,YAEd,OAAOI,GAAQ;AAAA,YAEd,eAAe,eACd,gBAAAyB;AAAA,cAACF,EAAe;AAAA,cAAf;AAAA,gBACC,WAAWC,EAAKtB,EAAI,qBAAqB,GAAGN,GAAY,OAAO;AAAA,gBAC/D,OAAOI,GAAQ;AAAA,gBAEd,UAAAN;AAAA,cAAA;AAAA,YAAA,IAGHA;AAAA,UAAA;AAAA,QAAA;AAAA,SAGFG,KAAe,gBAAgBA,KAAe,WAC9C,gBAAA4B;AAAA,UAACF,EAAe;AAAA,UAAf;AAAA,YACC,WAAWC,EAAKtB,EAAI,uBAAuB,GAAGN,GAAY,SAAS;AAAA,YACnE,aAAa;AAAA,YACb,oBAAkB;AAAA,YAClB,OAAOI,GAAQ;AAAA,YAEf,UAAA,gBAAAyB;AAAA,cAACF,EAAe;AAAA,cAAf;AAAA,gBACC,WAAWC,EAAKtB,EAAI,mBAAmB,GAAGN,GAAY,KAAK;AAAA,gBAC3D,OAAOI,GAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,SAGFH,KAAe,cAAcA,KAAe,WAC5C,gBAAA4B;AAAA,UAACF,EAAe;AAAA,UAAf;AAAA,YACC,WAAWC,EAAKtB,EAAI,uBAAuB,GAAGN,GAAY,SAAS;AAAA,YACnE,aAAa;AAAA,YACb,oBAAkB;AAAA,YAClB,OAAOI,GAAQ;AAAA,YAEf,UAAA,gBAAAyB;AAAA,cAACF,EAAe;AAAA,cAAf;AAAA,gBACC,WAAWC,EAAKtB,EAAI,mBAAmB,GAAGN,GAAY,KAAK;AAAA,gBAC3D,OAAOI,GAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/scroll-area/component.tsx"],"sourcesContent":["\"use client\";\nimport { type ReactNode, useEffect, useRef, useState } from \"react\";\nimport { ScrollArea as BaseScrollArea } from \"@base-ui/react\";\nimport { clsx, useCls } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface ScrollAreaProps\n  extends Omit<BaseScrollArea.Root.Props, \"onScroll\"> {\n  children: ReactNode;\n  /**\n   * Additional class name for the root component\n   */\n  className?: string;\n  /**\n   * Custom class names for each part of the scroll area\n   */\n  classNames?: {\n    /**\n     * Class name for the viewport element\n     */\n    viewport?: string;\n    /**\n     * Class name for the content element\n     */\n    content?: string;\n    /**\n     * Class name for the scrollbar element\n     */\n    scrollbar?: string;\n    /**\n     * Class name for the thumb element\n     */\n    thumb?: string;\n  };\n  /**\n   * Custom styles for each part of the scroll area\n   */\n  styles?: {\n    /**\n     * Styles for the viewport element\n     */\n    viewport?: React.CSSProperties;\n    /**\n     * Styles for the content element\n     */\n    content?: React.CSSProperties;\n    /**\n     * Styles for the scrollbar element\n     */\n    scrollbar?: React.CSSProperties;\n    /**\n     * Styles for the thumb element\n     */\n    thumb?: React.CSSProperties;\n  };\n  /**\n   * Orientation of the scrollbar\n   * @default \"vertical\"\n   */\n  orientation?: \"vertical\" | \"horizontal\" | \"both\";\n  /**\n   * Enable fade-out effect at scrollable edges\n   * @default false\n   */\n  fadeEdges?: boolean;\n  /**\n   * Callback fired when the scroll position changes\n   */\n  onScroll?: (event: Event) => void;\n}\n\nexport const ScrollArea = ({\n  children,\n  className,\n  classNames = {},\n  orientation = \"vertical\",\n  fadeEdges = false,\n  onScroll,\n  styles = {},\n  ...rest\n}: ScrollAreaProps) => {\n  const cls = useCls();\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const [scrollState, setScrollState] = useState({\n    isAtStart: true,\n    isAtEnd: false,\n    isScrollable: false,\n  });\n\n  useEffect(() => {\n    if (!viewportRef.current) return;\n\n    const viewport = viewportRef.current;\n\n    const handleScroll = (event?: Event) => {\n      // Call the onScroll callback if provided and event exists\n      if (event && onScroll) {\n        onScroll(event);\n      }\n\n      // Handle fade edges state update if enabled\n      if (fadeEdges) {\n        if (orientation === \"vertical\") {\n          const { scrollTop, scrollHeight, clientHeight } = viewport;\n          const isScrollable = scrollHeight > clientHeight;\n          setScrollState({\n            isAtStart: scrollTop <= 1,\n            isAtEnd: scrollTop >= scrollHeight - clientHeight - 1,\n            isScrollable,\n          });\n        } else {\n          const { scrollLeft, scrollWidth, clientWidth } = viewport;\n          // Add a small buffer (2px) to account for rounding errors\n          const isScrollable = scrollWidth > clientWidth + 2;\n          setScrollState({\n            isAtStart: scrollLeft <= 1,\n            isAtEnd: scrollLeft >= scrollWidth - clientWidth - 1,\n            isScrollable,\n          });\n        }\n      }\n    };\n\n    // Initial check (without event)\n    handleScroll();\n\n    // Use a timeout to check again after content might have rendered\n    const timeoutId = setTimeout(handleScroll, 0);\n\n    viewport.addEventListener(\"scroll\", handleScroll);\n\n    // Add resize observer to detect content size changes\n    const resizeObserver = new ResizeObserver(() => {\n      handleScroll();\n    });\n    resizeObserver.observe(viewport);\n\n    return () => {\n      clearTimeout(timeoutId);\n      viewport.removeEventListener(\"scroll\", handleScroll);\n      resizeObserver.disconnect();\n    };\n  }, [fadeEdges, orientation, onScroll]);\n  return (\n    <BaseScrollArea.Root\n      className={clsx(cls(\"scroll-area\"), className)}\n      {...rest}\n    >\n      <BaseScrollArea.Viewport\n        ref={viewportRef}\n        className={clsx(\n          cls(\"scroll-area-viewport\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"vertical\" &&\n            scrollState.isAtStart &&\n            cls(\"scroll-area-fade-bottom-only\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"vertical\" &&\n            scrollState.isAtEnd &&\n            cls(\"scroll-area-fade-top-only\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"vertical\" &&\n            !scrollState.isAtStart &&\n            !scrollState.isAtEnd &&\n            cls(\"scroll-area-fade-both-vertical\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"horizontal\" &&\n            scrollState.isAtStart &&\n            cls(\"scroll-area-fade-right-only\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"horizontal\" &&\n            scrollState.isAtEnd &&\n            cls(\"scroll-area-fade-left-only\"),\n          fadeEdges &&\n            scrollState.isScrollable &&\n            orientation === \"horizontal\" &&\n            !scrollState.isAtStart &&\n            !scrollState.isAtEnd &&\n            cls(\"scroll-area-fade-both-horizontal\"),\n          classNames?.viewport\n        )}\n        style={styles?.viewport}\n      >\n        {orientation == \"horizontal\" ? (\n          <BaseScrollArea.Content\n            className={clsx(cls(\"scroll-area-content\"), classNames?.content)}\n            style={styles?.content}\n          >\n            {children}\n          </BaseScrollArea.Content>\n        ) : (\n          children\n        )}\n      </BaseScrollArea.Viewport>\n      {(orientation == \"horizontal\" || orientation == \"both\") && (\n        <BaseScrollArea.Scrollbar\n          className={clsx(cls(\"scroll-area-scrollbar\"), classNames?.scrollbar)}\n          orientation={\"horizontal\"}\n          data-orientation={\"horizontal\"}\n          style={styles?.scrollbar}\n        >\n          <BaseScrollArea.Thumb\n            className={clsx(cls(\"scroll-area-thumb\"), classNames?.thumb)}\n            style={styles?.thumb}\n          />\n        </BaseScrollArea.Scrollbar>\n      )}\n      {(orientation == \"vertical\" || orientation == \"both\") && (\n        <BaseScrollArea.Scrollbar\n          className={clsx(cls(\"scroll-area-scrollbar\"), classNames?.scrollbar)}\n          orientation={\"vertical\"}\n          data-orientation={\"vertical\"}\n          style={styles?.scrollbar}\n        >\n          <BaseScrollArea.Thumb\n            className={clsx(cls(\"scroll-area-thumb\"), classNames?.thumb)}\n            style={styles?.thumb}\n          />\n        </BaseScrollArea.Scrollbar>\n      )}\n    </BaseScrollArea.Root>\n  );\n};\n"],"names":["ScrollArea","children","className","classNames","orientation","fadeEdges","onScroll","styles","rest","cls","useCls","viewportRef","useRef","scrollState","setScrollState","useState","useEffect","viewport","handleScroll","event","scrollTop","scrollHeight","clientHeight","isScrollable","scrollLeft","scrollWidth","clientWidth","timeoutId","resizeObserver","jsxs","BaseScrollArea","clsx","jsx"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/select/component.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,WAAW,IAAI,cAAc,EAClC,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAK1D,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,aAAa,CAAC;AAKrB,MAAM,WAAW,WAAW,CAC1B,SAAS,GAAG,OAAO,EACnB,UAAU,SAAS,cAAc,GAAG,iBAAiB,GAAG,iBAAiB,CACzE,SAAQ,cAAc,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,cAAc,CAAC;IAC7C;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/D;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,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;CACvB;AAED,YAAY,EACV,cAAc,IAAI,oBAAoB,EACtC,iBAAiB,IAAI,uBAAuB,GAC7C,CAAC;AAGF,QAAA,MAAM,eAAe,GACnB,SAAS,GAAG,OAAO,EACnB,UAAU,SAAS,cAAc,GAAG,iBAAiB,GAAG,iBAAiB,EAEzE,mWAwBG,WAAW,CAAC,SAAS,EAAE,UAAU,CAAC,EACrC,KAAK,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC,4CAmOrD,CAAC;AAYF,eAAO,MAAM,MAAM,IARjB,SAAS,YACT,UAAU,SAAS,cAAc,GAAG,iBAAiB,6BAE9C,WAAW,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC;CAChE,KACE,UAAU,CAAC,OAAO,eAAe,CAAC;;;CAKrC,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/select/component.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,WAAW,IAAI,cAAc,EAClC,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAA0D,MAAM,OAAO,CAAC;AAG/E,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAK1D,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,aAAa,CAAC;AAMrB,MAAM,WAAW,WAAW,CAC1B,SAAS,GAAG,OAAO,EACnB,UAAU,SAAS,cAAc,GAAG,iBAAiB,GAAG,iBAAiB,CACzE,SAAQ,cAAc,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,cAAc,CAAC;IAC7C;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/D;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,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;CACvB;AAED,YAAY,EACV,cAAc,IAAI,oBAAoB,EACtC,iBAAiB,IAAI,uBAAuB,GAC7C,CAAC;AAGF,QAAA,MAAM,eAAe,GACnB,SAAS,GAAG,OAAO,EACnB,UAAU,SAAS,cAAc,GAAG,iBAAiB,GAAG,iBAAiB,EAEzE,mWAwBG,WAAW,CAAC,SAAS,EAAE,UAAU,CAAC,EACrC,KAAK,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC,4CA+QrD,CAAC;AAYF,eAAO,MAAM,MAAM,IARjB,SAAS,YACT,UAAU,SAAS,cAAc,GAAG,iBAAiB,6BAE9C,WAAW,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC;CAChE,KACE,UAAU,CAAC,OAAO,eAAe,CAAC;;;CAKrC,CAAC"}

package/dist/components/select/component.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/select/component.tsx"],"sourcesContent":["\"use client\";\nimport { CaretDown } from \"@bioturing/assets\";\nimport {\n  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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"}
+{"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, 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  // 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  // 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","floatingStyles","refs","useFloating","offset","autoPlacement","shift","size","availableHeight","availableWidth","elements","autoUpdate","defaultSelectionSummaryRender","useCallback","v","count","allValues","useMemo","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":"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"}

package/dist/components/select/item.js

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