@bioturing/components 0.32.0 → 0.32.1

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

@@ -1,97 +1,97 @@
 "use client";
-import { jsxs as E, jsx as f } from "react/jsx-runtime";
-import { useRef as L, useState as j, useEffect as C } from "react";
-import { ScrollArea as h } from "@base-ui-components/react";
+import { jsxs as R, jsx as h } from "react/jsx-runtime";
+import { useRef as T, useState as E, useEffect as L } from "react";
+import { ScrollArea as n } from "@base-ui-components/react";
 import './style.css';/* empty css          */
-import { useCls as H } from "../utils/antdUtils.js";
-import { clsx as u } from "../utils/cn.js";
-const q = ({
-  children: z,
-  className: x,
-  classNames: t = {},
-  orientation: c = "vertical",
+import { useCls as j } from "../utils/antdUtils.js";
+import { clsx as b } from "../utils/cn.js";
+const V = ({
+  children: w,
+  className: z,
+  classNames: S = {},
+  orientation: t = "vertical",
   fadeEdges: e = !1,
-  onScroll: A,
-  styles: l = {},
-  ...R
+  onScroll: u,
+  styles: m = {},
+  ...y
 }) => {
-  const o = H(), v = L(null), [r, d] = j({
+  const r = j(), f = T(null), [l, v] = E({
     isAtStart: !0,
     isAtEnd: !1,
     isScrollable: !1
   });
-  return C(() => {
-    if (!v.current) return;
-    const i = v.current, n = (m) => {
-      if (m && A && A(m), e)
-        if (c === "vertical") {
-          const { scrollTop: a, scrollHeight: b, clientHeight: S } = i, p = b > S;
-          d({
-            isAtStart: a <= 1,
-            isAtEnd: a >= b - S - 1,
-            isScrollable: p
+  return L(() => {
+    if (!f.current) return;
+    const o = f.current, s = (d) => {
+      if (d && u && u(d), e)
+        if (t === "vertical") {
+          const { scrollTop: c, scrollHeight: a, clientHeight: i } = o, A = a > i;
+          v({
+            isAtStart: c <= 1,
+            isAtEnd: c >= a - i - 1,
+            isScrollable: A
           });
         } else {
-          const { scrollLeft: a, scrollWidth: b, clientWidth: S } = i, p = b > S + 2;
-          d({
-            isAtStart: a <= 1,
-            isAtEnd: a >= b - S - 1,
-            isScrollable: p
+          const { scrollLeft: c, scrollWidth: a, clientWidth: i } = o, A = a > i + 2;
+          v({
+            isAtStart: c <= 1,
+            isAtEnd: c >= a - i - 1,
+            isScrollable: A
           });
         }
     };
-    n();
-    const T = setTimeout(n, 0);
-    i.addEventListener("scroll", n);
-    const w = new ResizeObserver(() => {
-      n();
+    s();
+    const x = setTimeout(s, 0);
+    o.addEventListener("scroll", s);
+    const p = new ResizeObserver(() => {
+      s();
     });
-    return w.observe(i), () => {
-      clearTimeout(T), i.removeEventListener("scroll", n), w.disconnect();
+    return p.observe(o), () => {
+      clearTimeout(x), o.removeEventListener("scroll", s), p.disconnect();
     };
-  }, [e, c, A]), /* @__PURE__ */ E(
-    h.Root,
+  }, [e, t, u]), /* @__PURE__ */ R(
+    n.Root,
     {
-      className: u(o("scroll-area"), x),
-      ...R,
+      className: b(r("scroll-area"), z),
+      ...y,
       children: [
-        /* @__PURE__ */ f(
-          h.Viewport,
+        /* @__PURE__ */ h(
+          n.Viewport,
           {
-            ref: v,
-            className: u(
-              o("scroll-area-viewport"),
-              e && r.isScrollable && c === "vertical" && r.isAtStart && o("scroll-area-fade-bottom-only"),
-              e && r.isScrollable && c === "vertical" && r.isAtEnd && o("scroll-area-fade-top-only"),
-              e && r.isScrollable && c === "vertical" && !r.isAtStart && !r.isAtEnd && o("scroll-area-fade-both-vertical"),
-              e && r.isScrollable && c === "horizontal" && r.isAtStart && o("scroll-area-fade-right-only"),
-              e && r.isScrollable && c === "horizontal" && r.isAtEnd && o("scroll-area-fade-left-only"),
-              e && r.isScrollable && c === "horizontal" && !r.isAtStart && !r.isAtEnd && o("scroll-area-fade-both-horizontal"),
-              t == null ? void 0 : t.viewport
+            ref: f,
+            className: b(
+              r("scroll-area-viewport"),
+              e && l.isScrollable && t === "vertical" && l.isAtStart && r("scroll-area-fade-bottom-only"),
+              e && l.isScrollable && t === "vertical" && l.isAtEnd && r("scroll-area-fade-top-only"),
+              e && l.isScrollable && t === "vertical" && !l.isAtStart && !l.isAtEnd && r("scroll-area-fade-both-vertical"),
+              e && l.isScrollable && t === "horizontal" && l.isAtStart && r("scroll-area-fade-right-only"),
+              e && l.isScrollable && t === "horizontal" && l.isAtEnd && r("scroll-area-fade-left-only"),
+              e && l.isScrollable && t === "horizontal" && !l.isAtStart && !l.isAtEnd && r("scroll-area-fade-both-horizontal"),
+              S?.viewport
             ),
-            style: l == null ? void 0 : l.viewport,
-            children: /* @__PURE__ */ f(
-              h.Content,
+            style: m?.viewport,
+            children: /* @__PURE__ */ h(
+              n.Content,
               {
-                className: u(o("scroll-area-content"), t == null ? void 0 : t.content),
-                style: l == null ? void 0 : l.content,
-                children: z
+                className: b(r("scroll-area-content"), S?.content),
+                style: m?.content,
+                children: w
               }
             )
           }
         ),
-        /* @__PURE__ */ f(
-          h.Scrollbar,
+        /* @__PURE__ */ h(
+          n.Scrollbar,
           {
-            className: u(o("scroll-area-scrollbar"), t == null ? void 0 : t.scrollbar),
-            orientation: c,
-            "data-orientation": c,
-            style: l == null ? void 0 : l.scrollbar,
-            children: /* @__PURE__ */ f(
-              h.Thumb,
+            className: b(r("scroll-area-scrollbar"), S?.scrollbar),
+            orientation: t,
+            "data-orientation": t,
+            style: m?.scrollbar,
+            children: /* @__PURE__ */ h(
+              n.Thumb,
               {
-                className: u(o("scroll-area-thumb"), t == null ? void 0 : t.thumb),
-                style: l == null ? void 0 : l.thumb
+                className: b(r("scroll-area-thumb"), S?.thumb),
+                style: m?.thumb
               }
             )
           }
@@ -101,6 +101,6 @@ const q = ({
   );
 };
 export {
-  q as ScrollArea
+  V as ScrollArea
 };
 //# sourceMappingURL=component.js.map

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\";\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        <BaseScrollArea.Content\n          className={clsx(cls(\"scroll-area-content\"), classNames?.content)}\n          style={styles?.content}\n        >\n          {children}\n        </BaseScrollArea.Content>\n      </BaseScrollArea.Viewport>\n      <BaseScrollArea.Scrollbar\n        className={clsx(cls(\"scroll-area-scrollbar\"), classNames?.scrollbar)}\n        orientation={orientation}\n        data-orientation={orientation}\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    </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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"}
+{"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\";\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        <BaseScrollArea.Content\n          className={clsx(cls(\"scroll-area-content\"), classNames?.content)}\n          style={styles?.content}\n        >\n          {children}\n        </BaseScrollArea.Content>\n      </BaseScrollArea.Viewport>\n      <BaseScrollArea.Scrollbar\n        className={clsx(cls(\"scroll-area-scrollbar\"), classNames?.scrollbar)}\n        orientation={orientation}\n        data-orientation={orientation}\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    </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/scroll-area/index.d.ts

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

package/dist/components/scroll-area/index.d.ts.map

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

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

@@ -0,0 +1,10 @@
+import { default as AntSegmented, SegmentedProps as AntSegmentedProps } from 'antd/es/segmented';
+export type RcSegmentedValue = string | number;
+export interface SegmentedProps<T = RcSegmentedValue> extends AntSegmentedProps<T> {
+}
+declare const MainSegmentedInner: <T>(props: SegmentedProps<T>, ref: React.Ref<React.ComponentRef<typeof AntSegmented>>) => import("react/jsx-runtime").JSX.Element;
+export declare const Segmented: <T = RcSegmentedValue>(props: SegmentedProps<T> & {
+    ref?: React.Ref<React.ComponentRef<typeof AntSegmented>>;
+}) => ReturnType<typeof MainSegmentedInner>;
+export {};
+//# sourceMappingURL=component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/segmented/component.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,OAAO,IAAI,YAAY,EACvB,KAAK,cAAc,IAAI,iBAAiB,EACzC,MAAM,mBAAmB,CAAC;AAK3B,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAAC;AAG/C,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,gBAAgB,CAClD,SAAQ,iBAAiB,CAAC,CAAC,CAAC;CAAG;AAGjC,QAAA,MAAM,kBAAkB,GAAI,CAAC,EAC3B,OAAO,cAAc,CAAC,CAAC,CAAC,EACxB,KAAK,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC,4CAGxD,CAAC;AASF,eAAO,MAAM,SAAS,GANmC,CAAC,4BACjD,cAAc,CAAC,CAAC,CAAC,GAAG;IACzB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC;CAC1D,KACE,UAAU,CAAC,OAAO,kBAAkB,CAEH,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/segmented/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntSegmented,\n  type SegmentedProps as AntSegmentedProps,\n} from \"antd/es/segmented\";\n\nimport { forwardRef } from \"react\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type RcSegmentedValue = string | number;\n\n// Define props interface with default type parameter\nexport interface SegmentedProps<T = RcSegmentedValue>\n  extends AntSegmentedProps<T> {}\n\n// Create inner function with default type parameter\nconst MainSegmentedInner = <T,>(\n  props: SegmentedProps<T>,\n  ref: React.Ref<React.ComponentRef<typeof AntSegmented>>\n) => {\n  return <AntSegmented ref={ref} {...props} />;\n};\n\n// Use forwardRef with type assertion\nconst MainSegmented = forwardRef(MainSegmentedInner) as <T = RcSegmentedValue>(\n  props: SegmentedProps<T> & {\n    ref?: React.Ref<React.ComponentRef<typeof AntSegmented>>;\n  }\n) => ReturnType<typeof MainSegmentedInner>;\n\nexport const Segmented = MainSegmented;\n"],"names":["MainSegmentedInner","props","ref","jsx","AntSegmented","MainSegmented","forwardRef","Segmented"],"mappings":";;;;;AAkBA,MAAMA,IAAqB,CACzBC,GACAC,MAEQ,gBAAAC,EAAAC,GAAA,EAAa,KAAAF,GAAW,GAAGD,EAAO,CAAA,GAItCI,IAAgBC,EAAWN,CAAkB,GAMtCO,IAAYF;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/segmented/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntSegmented,\n  type SegmentedProps as AntSegmentedProps,\n} from \"antd/es/segmented\";\n\nimport { forwardRef } from \"react\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type RcSegmentedValue = string | number;\n\n// Define props interface with default type parameter\nexport interface SegmentedProps<T = RcSegmentedValue>\n  extends AntSegmentedProps<T> {}\n\n// Create inner function with default type parameter\nconst MainSegmentedInner = <T,>(\n  props: SegmentedProps<T>,\n  ref: React.Ref<React.ComponentRef<typeof AntSegmented>>\n) => {\n  return <AntSegmented ref={ref} {...props} />;\n};\n\n// Use forwardRef with type assertion\nconst MainSegmented = forwardRef(MainSegmentedInner) as <T = RcSegmentedValue>(\n  props: SegmentedProps<T> & {\n    ref?: React.Ref<React.ComponentRef<typeof AntSegmented>>;\n  }\n) => ReturnType<typeof MainSegmentedInner>;\n\nexport const Segmented = MainSegmented;\n"],"names":["MainSegmentedInner","props","ref","jsx","AntSegmented","MainSegmented","forwardRef","Segmented"],"mappings":";;;;;AAkBA,MAAMA,IAAqB,CACzBC,GACAC,MAEO,gBAAAC,EAACC,GAAA,EAAa,KAAAF,GAAW,GAAGD,EAAA,CAAO,GAItCI,IAAgBC,EAAWN,CAAkB,GAMtCO,IAAYF;"}

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

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

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

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

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

@@ -0,0 +1,48 @@
+import { default as AntSelect, SelectProps as AntSelectProps, BaseOptionType, DefaultOptionType } from 'antd/es/select';
+import { default as React } from 'react';
+import { PopupPanelSize } from '../popup-panel/constants';
+import { CheckboxProps } from '../checkbox';
+export interface SelectProps<ValueType = unknown, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends AntSelectProps<ValueType, OptionType> {
+    /**
+     * Whether to enhance the positioner using floating-ui
+     * @default false
+     */
+    enhancePositioner?: boolean;
+    /**
+     * Size of the popup panel
+     * Will be ignored if enhancePositioner is false
+     */
+    popupSize?: string | number | PopupPanelSize;
+    /**
+     * Show selection summary instead of tags in multiple case
+     * @default false
+     */
+    showSelectionSummary?: boolean;
+    /**
+     * Render function for the selection summary in multiple case
+     * @default (value) => `${value.length} items selected`
+     */
+    selectionSummaryRender?: (value: ValueType) => React.ReactNode;
+    /**
+     * Show select all option when in multiple mode
+     * @default false
+     */
+    showSelectAll?: boolean;
+    /**
+     * Render function for the select all option
+     */
+    selectAllRender?: (props: {
+        onClick: () => void;
+        checked: CheckboxProps["checked"];
+        indeterminate: CheckboxProps["indeterminate"];
+    }) => React.ReactNode;
+}
+export type { BaseOptionType as SelectBaseOptionType, DefaultOptionType as SelectDefaultOptionType, };
+declare const MainSelectInner: <ValueType = unknown, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>({ mode, className, open: openProp, defaultOpen, onOpenChange, popupClassName, onDropdownVisibleChange, enhancePositioner, getPopupContainer, popupSize, popupRender, dropdownRender, classNames, styles, showSelectionSummary, selectionSummaryRender, value: valueProp, onChange: onChangeProp, defaultValue, showSelectAll, selectAllRender, options, ...rest }: SelectProps<ValueType, OptionType>, ref: React.Ref<React.ComponentRef<typeof AntSelect>>) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: (<ValueType = unknown, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: SelectProps<ValueType, OptionType> & {
+    ref?: React.ForwardedRef<React.ComponentRef<typeof AntSelect>>;
+}) => ReturnType<typeof MainSelectInner>) & {
+    Option: import('rc-select/lib/Option').OptionFC;
+    OptGroup: import('rc-select/lib/OptGroup').OptionGroupFC;
+};
+//# sourceMappingURL=component.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/select/component.js

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