@bioturing/components 0.15.0 → 0.15.2

package/dist/components/PopupPanel/component.js

@@ -0,0 +1,190 @@
+import { jsx as t, jsxs as o, Fragment as L } from "react/jsx-runtime";
+import { Popover as r } from "@base-ui-components/react/popover";
+import { useRef as Q, useState as c, useCallback as y, useEffect as C, useMemo as Y } from "react";
+import Z from "antd/es/flex";
+import { X as _ } from "@bioturing/assets";
+import { PopupPanelSize as B } from "./constants.js";
+import { useResizable as ee } from "react-use-resizable";
+import './style.css';/* empty css          */
+import { useControlledState as te } from "../hooks/useControlledState.js";
+import { useCls as ne, useAntdCssVarClassname as re, parseAntdPlacement as se } from "../utils/antdUtils.js";
+import { IconButton as oe } from "../IconButton/component.js";
+import { clsx as le } from "../utils/cn.js";
+const ze = ({
+  children: H,
+  placement: b,
+  openOnHover: x = !1,
+  open: k,
+  onOpenChange: w,
+  content: O,
+  title: p,
+  trigger: S = "click",
+  className: I,
+  anchor: V,
+  beforeCloseButton: f,
+  afterCloseButton: h,
+  afterTitle: d,
+  size: g = "medium",
+  footer: i,
+  defaultOpen: D,
+  resizable: j = !1
+}) => {
+  const [A, v] = te(
+    k,
+    w,
+    D ?? !1
+    // Always provide a default value to prevent undefined
+  ), n = ne(), E = re(), R = se(b), F = Q(null), [u, W] = c(null), [$, M] = c(), [T, U] = c(), X = y((e) => {
+    W(e);
+  }, []);
+  C(() => {
+    if (!u) return;
+    const e = new ResizeObserver((l) => {
+      for (const s of l)
+        M(s.contentRect.width), U(s.contentRect.height);
+    });
+    return e.observe(u), () => {
+      e.disconnect();
+    };
+  }, [u]);
+  const z = Y(() => /* @__PURE__ */ t(_, { size: 16 }), []), q = y(() => /* @__PURE__ */ o("div", { className: n("popup-panel-header"), children: [
+    /* @__PURE__ */ o(
+      Z,
+      {
+        align: "center",
+        gap: 8,
+        className: n("popup-panel-title-wrapper"),
+        children: [
+          /* @__PURE__ */ t(
+            r.Title,
+            {
+              render: /* @__PURE__ */ t("div", { className: n("grow", "truncate"), children: p })
+            }
+          ),
+          /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+            f,
+            /* @__PURE__ */ t(
+              r.Close,
+              {
+                render: /* @__PURE__ */ t(oe, { children: z })
+              }
+            ),
+            h
+          ] })
+        ]
+      }
+    ),
+    d || null
+  ] }), [
+    h,
+    d,
+    f,
+    n,
+    z,
+    p
+  ]), [m, N] = c(!1), { getRootProps: G, getHandleProps: a, rootRef: P } = ee({
+    initialWidth: $,
+    initialHeight: T,
+    onDragStart: () => N(!0),
+    onDragEnd: () => N(!1)
+  });
+  C(() => {
+    m ? document.body.style.userSelect = "none" : document.body.style.userSelect = "";
+  }, [m]);
+  const J = (e, l) => {
+    if (!e.current) return;
+    const { heightDiff: s } = l;
+    e.current.style.top = `${parseInt(e.current.style.top || "0") - s}px`;
+  }, K = (e, l) => {
+    if (!e.current) return;
+    const { widthDiff: s } = l;
+    e.current.style.left = `${parseInt(e.current.style.left || "0") - s}px`;
+  };
+  return /* @__PURE__ */ o(
+    r.Root,
+    {
+      openOnHover: S === "hover" ? !0 : x,
+      open: A,
+      onOpenChange: (e) => {
+        v(e);
+      },
+      delay: 100,
+      children: [
+        /* @__PURE__ */ t(r.Trigger, { render: H, ref: F }),
+        /* @__PURE__ */ t(r.Portal, { children: /* @__PURE__ */ t(
+          r.Positioner,
+          {
+            className: n("popup-panel-root"),
+            side: R.placement,
+            align: R.align,
+            sideOffset: 4,
+            anchor: V,
+            style: {
+              "--size-width": g ? B[g] : void 0
+            },
+            ref: X,
+            children: /* @__PURE__ */ o(
+              r.Popup,
+              {
+                className: le(n("popup-panel"), E, I),
+                ...G(),
+                ...m ? { "data-resizing": !0 } : {},
+                children: [
+                  p && q(),
+                  /* @__PURE__ */ t("div", { className: n("popup-panel-content"), children: /* @__PURE__ */ t("div", { className: n("popup-panel-content-inner"), children: O }) }),
+                  i && /* @__PURE__ */ t("div", { className: n("popup-panel-footer"), children: typeof i == "function" ? i({ close: () => v(!1) }) : i }),
+                  j && /* @__PURE__ */ o(L, { children: [
+                    /* @__PURE__ */ t(
+                      "div",
+                      {
+                        className: n("resize-handle-top"),
+                        ...a({
+                          reverse: !0,
+                          lockHorizontal: !0,
+                          onResize: (e) => J(P, e)
+                        })
+                      }
+                    ),
+                    /* @__PURE__ */ t(
+                      "div",
+                      {
+                        className: n("resize-handle-bottom"),
+                        ...a({
+                          lockHorizontal: !0
+                        })
+                      }
+                    ),
+                    /* @__PURE__ */ t(
+                      "div",
+                      {
+                        className: n("resize-handle-left"),
+                        ...a({
+                          reverse: !0,
+                          lockVertical: !0,
+                          onResize: (e) => K(P, e)
+                        })
+                      }
+                    ),
+                    /* @__PURE__ */ t(
+                      "div",
+                      {
+                        className: n("resize-handle-right"),
+                        ...a({
+                          lockVertical: !0
+                        })
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  ze as PopupPanel
+};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/PopupPanel/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  useCls,\n  clsx,\n  useAntdCssVarClassname,\n  parseAntdPlacement,\n} from \"../utils\";\nimport { Popover } from \"@base-ui-components/react/popover\";\n\nimport { type PopoverProps } from \"antd/es/popover\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport Flex from \"antd/es/flex\";\nimport { IconButton } from \"../IconButton\";\nimport { X } from \"@bioturing/assets\";\nimport { PopupPanelSize } from \"./constants\";\nimport { useControlledState } from \"../hooks\";\nimport { useResizable, type MoveValues } from \"react-use-resizable\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface PopupPanelProps\n  extends Omit<\n    React.ComponentPropsWithRef<\"div\">,\n    \"title\" | \"content\" | \"children\"\n  > {\n  /** The trigger element that opens the popup panel */\n  children?: React.ComponentProps<typeof Popover.Trigger>[\"render\"];\n  /** Placement of the popup panel relative to its trigger */\n  placement?: PopoverProps[\"placement\"];\n  /** Whether to open the popup panel on hover */\n  openOnHover?: boolean;\n  /** Controls the open state of the popup panel */\n  open?: boolean;\n  /** Callback fired when the open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Content to display inside the popup panel */\n  content?: React.ReactNode;\n  /** Title text or element to display in the panel header */\n  title?: React.ReactNode;\n  /** The event that triggers the popup panel */\n  /**\n   * @default \"click\"\n   */\n  trigger?: \"click\" | \"hover\";\n  /** Custom anchor element for positioning the panel */\n  anchor?: Popover.Positioner.Props[\"anchor\"];\n  /** Content to display before the close button */\n  beforeCloseButton?: React.ReactNode;\n  /** Content to display after the close button */\n  afterCloseButton?: React.ReactNode;\n  /** Content to display after the title */\n  afterTitle?: React.ReactNode;\n  /**\n   * Predefined sizes for the popup panel\n   * - xsmall: 320px\n   * - small: 400px\n   * - medium: 480px (default)\n   * - large: 640px\n   * - xlarge: 840px\n   * @default \"medium\" for default type, \"xsmall\" for other types\n   */\n  size?: keyof typeof PopupPanelSize;\n  /**\n   * Footer content for the popup panel\n   * Can be a React node or a function that returns a React node\n   */\n  footer?:\n    | React.ReactNode\n    | ((props: { close: () => void }) => React.ReactNode);\n  /**\n   * Whether the panel should be open by default when uncontrolled\n   * @default false\n   */\n  defaultOpen?: boolean;\n  /**\n   * Whether the panel should be resizable\n   * @default false\n   */\n  resizable?: boolean;\n}\n\nexport const PopupPanel = ({\n  children,\n  placement,\n  openOnHover = false,\n  open: outsideOpen,\n  onOpenChange: outsideOnOpenChange,\n  content,\n  title,\n  trigger = \"click\",\n  className,\n  anchor,\n  beforeCloseButton,\n  afterCloseButton,\n  afterTitle,\n  size = \"medium\",\n  footer,\n  defaultOpen,\n  resizable = false,\n}: PopupPanelProps) => {\n  // Use controlled state with proper initialization to prevent switching between controlled/uncontrolled\n  const [open, setOpen] = useControlledState(\n    outsideOpen,\n    outsideOnOpenChange,\n    defaultOpen ?? false // Always provide a default value to prevent undefined\n  );\n\n  const cls = useCls();\n  const antdCssVarClassname = useAntdCssVarClassname();\n  const headlessUIPlacement = parseAntdPlacement(placement);\n  const triggerRef = useRef<HTMLElement>(null);\n  const [popupRef, setPopupRef] = useState<HTMLDivElement | null>(null);\n  const [width, setWidth] = useState<number>();\n  const [height, setHeight] = useState<number>();\n  const callbackRef = useCallback((node: HTMLDivElement) => {\n    setPopupRef(node);\n  }, []);\n  useEffect(() => {\n    if (!popupRef) return;\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        setWidth(entry.contentRect.width);\n        setHeight(entry.contentRect.height);\n      }\n    });\n    observer.observe(popupRef);\n    return () => {\n      observer.disconnect();\n    };\n  }, [popupRef]);\n\n  const defaultCloseIcon = useMemo(() => <X size={16} />, []);\n  const renderTitle = useCallback(() => {\n    return (\n      <div className={cls(\"popup-panel-header\")}>\n        <Flex\n          align=\"center\"\n          gap={8}\n          className={cls(\"popup-panel-title-wrapper\")}\n        >\n          <Popover.Title\n            render={<div className={cls(\"grow\", \"truncate\")}>{title}</div>}\n          ></Popover.Title>\n          <div className=\"flex items-center gap-2\">\n            {beforeCloseButton}\n            <Popover.Close\n              render={<IconButton>{defaultCloseIcon}</IconButton>}\n            />\n            {afterCloseButton}\n          </div>\n        </Flex>\n        {afterTitle ? afterTitle : null}\n      </div>\n    );\n  }, [\n    afterCloseButton,\n    afterTitle,\n    beforeCloseButton,\n    cls,\n    defaultCloseIcon,\n    title,\n  ]);\n  const [resizing, setResizing] = useState(false);\n  const { getRootProps, getHandleProps, rootRef } = useResizable({\n    initialWidth: width,\n    initialHeight: height,\n    onDragStart: () => setResizing(true),\n    onDragEnd: () => setResizing(false),\n  });\n  useEffect(() => {\n    if (resizing) {\n      document.body.style.userSelect = \"none\";\n    } else {\n      document.body.style.userSelect = \"\";\n    }\n  }, [resizing]);\n  // Handle reverse handle change\n  const onReverseHandleChangeVertical = (\n    parent: React.RefObject<HTMLDivElement>,\n    values: MoveValues\n  ) => {\n    if (!parent.current) return;\n    const { heightDiff } = values;\n    parent.current.style.top = `${\n      parseInt(parent.current.style.top || \"0\") - heightDiff\n    }px`;\n  };\n\n  // Handle reverse handle change\n  const onReverseHandleChangeHorizontal = (\n    parent: React.RefObject<HTMLDivElement>,\n    values: MoveValues\n  ) => {\n    if (!parent.current) return;\n    const { widthDiff } = values;\n    parent.current.style.left = `${\n      parseInt(parent.current.style.left || \"0\") - widthDiff\n    }px`;\n  };\n\n  return (\n    <Popover.Root\n      openOnHover={trigger === \"hover\" ? true : openOnHover}\n      open={open}\n      onOpenChange={(newOpen) => {\n        // Ensure we're properly handling the state change\n        setOpen(newOpen);\n      }}\n      delay={100}\n    >\n      <Popover.Trigger render={children} ref={triggerRef}></Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Positioner\n          className={cls(\"popup-panel-root\")}\n          side={headlessUIPlacement.placement}\n          align={headlessUIPlacement.align}\n          sideOffset={4}\n          anchor={anchor}\n          style={\n            {\n              \"--size-width\": size ? PopupPanelSize[size] : undefined,\n            } as React.CSSProperties\n          }\n          ref={callbackRef}\n        >\n          <Popover.Popup\n            className={clsx(cls(\"popup-panel\"), antdCssVarClassname, className)}\n            {...getRootProps()}\n            {...(resizing ? { \"data-resizing\": true } : {})}\n          >\n            {/* <div ref={popupRef}> */}\n            {title && renderTitle()}\n            <div className={cls(\"popup-panel-content\")}>\n              <div className={cls(\"popup-panel-content-inner\")}>{content}</div>\n            </div>\n            {footer && (\n              <div className={cls(\"popup-panel-footer\")}>\n                {typeof footer === \"function\"\n                  ? footer({ close: () => setOpen(false) })\n                  : footer}\n              </div>\n            )}\n            {resizable && (\n              <>\n                <div\n                  className={cls(\"resize-handle-top\")}\n                  {...getHandleProps({\n                    reverse: true,\n                    lockHorizontal: true,\n                    onResize: (values) =>\n                      onReverseHandleChangeVertical(rootRef, values),\n                  })}\n                />\n                <div\n                  className={cls(\"resize-handle-bottom\")}\n                  {...getHandleProps({\n                    lockHorizontal: true,\n                  })}\n                />\n                <div\n                  className={cls(\"resize-handle-left\")}\n                  {...getHandleProps({\n                    reverse: true,\n                    lockVertical: true,\n                    onResize: (values) =>\n                      onReverseHandleChangeHorizontal(rootRef, values),\n                  })}\n                />\n                <div\n                  className={cls(\"resize-handle-right\")}\n                  {...getHandleProps({\n                    lockVertical: true,\n                  })}\n                />\n              </>\n            )}\n          </Popover.Popup>\n        </Popover.Positioner>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n"],"names":["PopupPanel","children","placement","openOnHover","outsideOpen","outsideOnOpenChange","content","title","trigger","className","anchor","beforeCloseButton","afterCloseButton","afterTitle","size","footer","defaultOpen","resizable","open","setOpen","useControlledState","cls","useCls","antdCssVarClassname","useAntdCssVarClassname","headlessUIPlacement","parseAntdPlacement","triggerRef","useRef","popupRef","setPopupRef","useState","width","setWidth","height","setHeight","callbackRef","useCallback","node","useEffect","observer","entries","entry","defaultCloseIcon","useMemo","jsx","X","renderTitle","jsxs","Flex","Popover","IconButton","resizing","setResizing","getRootProps","getHandleProps","rootRef","useResizable","onReverseHandleChangeVertical","parent","values","heightDiff","onReverseHandleChangeHorizontal","widthDiff","newOpen","PopupPanelSize","clsx","Fragment"],"mappings":";;;;;;;;;;;;AAkFO,MAAMA,KAAa,CAAC;AAAA,EACzB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,MAAMC;AAAA,EACN,cAAcC;AAAA,EACd,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAuB;AAEf,QAAA,CAACC,GAAMC,CAAO,IAAIC;AAAA,IACtBhB;AAAA,IACAC;AAAA,IACAW,KAAe;AAAA;AAAA,EACjB,GAEMK,IAAMC,GAAO,GACbC,IAAsBC,GAAuB,GAC7CC,IAAsBC,GAAmBxB,CAAS,GAClDyB,IAAaC,EAAoB,IAAI,GACrC,CAACC,GAAUC,CAAW,IAAIC,EAAgC,IAAI,GAC9D,CAACC,GAAOC,CAAQ,IAAIF,EAAiB,GACrC,CAACG,GAAQC,CAAS,IAAIJ,EAAiB,GACvCK,IAAcC,EAAY,CAACC,MAAyB;AACxD,IAAAR,EAAYQ,CAAI;AAAA,EAClB,GAAG,EAAE;AACL,EAAAC,EAAU,MAAM;AACd,QAAI,CAACV,EAAU;AACf,UAAMW,IAAW,IAAI,eAAe,CAACC,MAAY;AAC/C,iBAAWC,KAASD;AACT,QAAAR,EAAAS,EAAM,YAAY,KAAK,GACtBP,EAAAO,EAAM,YAAY,MAAM;AAAA,IACpC,CACD;AACD,WAAAF,EAAS,QAAQX,CAAQ,GAClB,MAAM;AACX,MAAAW,EAAS,WAAW;AAAA,IACtB;AAAA,EAAA,GACC,CAACX,CAAQ,CAAC;AAEP,QAAAc,IAAmBC,EAAQ,MAAM,gBAAAC,EAACC,KAAE,MAAM,IAAI,GAAI,EAAE,GACpDC,IAAcV,EAAY,MAE3B,gBAAAW,EAAA,OAAA,EAAI,WAAW3B,EAAI,oBAAoB,GACtC,UAAA;AAAA,IAAA,gBAAA2B;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,KAAK;AAAA,QACL,WAAW5B,EAAI,2BAA2B;AAAA,QAE1C,UAAA;AAAA,UAAA,gBAAAwB;AAAA,YAACK,EAAQ;AAAA,YAAR;AAAA,cACC,0BAAS,OAAI,EAAA,WAAW7B,EAAI,QAAQ,UAAU,GAAI,UAAMd,EAAA,CAAA;AAAA,YAAA;AAAA,UACzD;AAAA,UACD,gBAAAyC,EAAC,OAAI,EAAA,WAAU,2BACZ,UAAA;AAAA,YAAArC;AAAA,YACD,gBAAAkC;AAAA,cAACK,EAAQ;AAAA,cAAR;AAAA,gBACC,QAAS,gBAAAL,EAAAM,IAAA,EAAY,UAAiBR,EAAA,CAAA;AAAA,cAAA;AAAA,YACxC;AAAA,YACC/B;AAAA,UAAA,EACH,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACCC,KAA0B;AAAA,EAAA,GAC7B,GAED;AAAA,IACDD;AAAA,IACAC;AAAA,IACAF;AAAA,IACAU;AAAA,IACAsB;AAAA,IACApC;AAAA,EAAA,CACD,GACK,CAAC6C,GAAUC,CAAW,IAAItB,EAAS,EAAK,GACxC,EAAE,cAAAuB,GAAc,gBAAAC,GAAgB,SAAAC,EAAA,IAAYC,GAAa;AAAA,IAC7D,cAAczB;AAAA,IACd,eAAeE;AAAA,IACf,aAAa,MAAMmB,EAAY,EAAI;AAAA,IACnC,WAAW,MAAMA,EAAY,EAAK;AAAA,EAAA,CACnC;AACD,EAAAd,EAAU,MAAM;AACd,IAAIa,IACO,SAAA,KAAK,MAAM,aAAa,SAExB,SAAA,KAAK,MAAM,aAAa;AAAA,EACnC,GACC,CAACA,CAAQ,CAAC;AAEP,QAAAM,IAAgC,CACpCC,GACAC,MACG;AACC,QAAA,CAACD,EAAO,QAAS;AACf,UAAA,EAAE,YAAAE,MAAeD;AAChB,IAAAD,EAAA,QAAQ,MAAM,MAAM,GACzB,SAASA,EAAO,QAAQ,MAAM,OAAO,GAAG,IAAIE,CAC9C;AAAA,EACF,GAGMC,IAAkC,CACtCH,GACAC,MACG;AACC,QAAA,CAACD,EAAO,QAAS;AACf,UAAA,EAAE,WAAAI,MAAcH;AACf,IAAAD,EAAA,QAAQ,MAAM,OAAO,GAC1B,SAASA,EAAO,QAAQ,MAAM,QAAQ,GAAG,IAAII,CAC/C;AAAA,EACF;AAGE,SAAA,gBAAAf;AAAA,IAACE,EAAQ;AAAA,IAAR;AAAA,MACC,aAAa1C,MAAY,UAAU,KAAOL;AAAA,MAC1C,MAAAe;AAAA,MACA,cAAc,CAAC8C,MAAY;AAEzB,QAAA7C,EAAQ6C,CAAO;AAAA,MACjB;AAAA,MACA,OAAO;AAAA,MAEP,UAAA;AAAA,QAAA,gBAAAnB,EAACK,EAAQ,SAAR,EAAgB,QAAQjD,GAAU,KAAK0B,GAAY;AAAA,QACpD,gBAAAkB,EAACK,EAAQ,QAAR,EACC,UAAA,gBAAAL;AAAA,UAACK,EAAQ;AAAA,UAAR;AAAA,YACC,WAAW7B,EAAI,kBAAkB;AAAA,YACjC,MAAMI,EAAoB;AAAA,YAC1B,OAAOA,EAAoB;AAAA,YAC3B,YAAY;AAAA,YACZ,QAAAf;AAAA,YACA,OACE;AAAA,cACE,gBAAgBI,IAAOmD,EAAenD,CAAI,IAAI;AAAA,YAChD;AAAA,YAEF,KAAKsB;AAAA,YAEL,UAAA,gBAAAY;AAAA,cAACE,EAAQ;AAAA,cAAR;AAAA,gBACC,WAAWgB,GAAK7C,EAAI,aAAa,GAAGE,GAAqBd,CAAS;AAAA,gBACjE,GAAG6C,EAAa;AAAA,gBAChB,GAAIF,IAAW,EAAE,iBAAiB,OAAS,CAAC;AAAA,gBAG5C,UAAA;AAAA,kBAAA7C,KAASwC,EAAY;AAAA,kBACrB,gBAAAF,EAAA,OAAA,EAAI,WAAWxB,EAAI,qBAAqB,GACvC,UAAC,gBAAAwB,EAAA,OAAA,EAAI,WAAWxB,EAAI,2BAA2B,GAAI,YAAQ,CAAA,GAC7D;AAAA,kBACCN,KACE,gBAAA8B,EAAA,OAAA,EAAI,WAAWxB,EAAI,oBAAoB,GACrC,UAAO,OAAAN,KAAW,aACfA,EAAO,EAAE,OAAO,MAAMI,EAAQ,EAAK,EAAG,CAAA,IACtCJ,GACN;AAAA,kBAEDE,KAEG,gBAAA+B,EAAAmB,GAAA,EAAA,UAAA;AAAA,oBAAA,gBAAAtB;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,WAAWxB,EAAI,mBAAmB;AAAA,wBACjC,GAAGkC,EAAe;AAAA,0BACjB,SAAS;AAAA,0BACT,gBAAgB;AAAA,0BAChB,UAAU,CAACK,MACTF,EAA8BF,GAASI,CAAM;AAAA,wBAChD,CAAA;AAAA,sBAAA;AAAA,oBACH;AAAA,oBACA,gBAAAf;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,WAAWxB,EAAI,sBAAsB;AAAA,wBACpC,GAAGkC,EAAe;AAAA,0BACjB,gBAAgB;AAAA,wBACjB,CAAA;AAAA,sBAAA;AAAA,oBACH;AAAA,oBACA,gBAAAV;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,WAAWxB,EAAI,oBAAoB;AAAA,wBAClC,GAAGkC,EAAe;AAAA,0BACjB,SAAS;AAAA,0BACT,cAAc;AAAA,0BACd,UAAU,CAACK,MACTE,EAAgCN,GAASI,CAAM;AAAA,wBAClD,CAAA;AAAA,sBAAA;AAAA,oBACH;AAAA,oBACA,gBAAAf;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,WAAWxB,EAAI,qBAAqB;AAAA,wBACnC,GAAGkC,EAAe;AAAA,0BACjB,cAAc;AAAA,wBACf,CAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACH,EACF,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA,EAEJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/PopupPanel/constants.js

@@ -0,0 +1,5 @@
+var r = /* @__PURE__ */ ((x) => (x.xsmall = "320px", x.small = "400px", x.medium = "480px", x.large = "640px", x.xlarge = "840px", x))(r || {});
+export {
+  r as PopupPanelSize
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/PopupPanel/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/PopupPanel/constants.ts"],"sourcesContent":["// Size map for predefined modal sizes\nexport enum PopupPanelSize {\n  xsmall = \"320px\",\n  small = \"400px\",\n  medium = \"480px\",\n  large = \"640px\",\n  xlarge = \"840px\",\n}\n"],"names":["PopupPanelSize"],"mappings":"AACY,IAAAA,sBAAAA,OACVA,EAAA,SAAS,SACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,SACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,SALCA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/components/PopupPanel/style.css

@@ -0,0 +1 @@
+@layer components{.ds-popup-panel{box-shadow:var(--ds-box-shadow-secondary);border-radius:var(--ds-border-radius);background:var(--ds-color-bg-elevated);list-style:none;color:var(--ds-color-text);font-size:var(--ds-font-size);font-family:var(--ds-font-family);transition-property:transform,scale,opacity;transition-duration:.2s;transition-timing-function:var(--ds-motion-ease-out);transform-origin:var(--transform-origin);width:min(var(--size-width),var(--available-width));max-width:var(--available-width);max-height:var(--available-height);height:max-content;display:flex;flex-direction:column}.ds-popup-panel[data-ending-style],.ds-popup-panel[data-starting-style]{transform:scale(.9);opacity:0}.ds-popup-panel:focus{outline:none}.ds-popup-panel-header{border-bottom:1px solid var(--ds-color-split);margin-bottom:0;padding:calc(var(--ds-popup-panel-padding) / 2) var(--ds-popup-panel-padding);flex:0}.ds-popup-panel-header .ds-popup-panel-title-wrapper{font-weight:500;font-size:var(--ds-font-size);line-height:var(--ds-line-height);color:var(--ds-color-text)}.ds-popup-panel-footer{border-top:1px solid var(--ds-color-split);margin-top:0;padding:calc(var(--ds-popup-panel-padding) / 2) var(--ds-popup-panel-padding);flex:0}.ds-popup-panel-content{display:flex;flex-direction:column;flex:1;overflow:auto}.ds-popup-panel-content .ds-popup-panel-content-inner{flex:1;padding:var(--ds-popup-panel-padding)}.ds-resize-handle-top{position:absolute;top:0;width:100%;padding:.5rem;height:4px;border-top-left-radius:.5rem;border-top-right-radius:.5rem;color:#fff;display:block;justify-content:center}.ds-resize-handle-bottom{position:absolute;bottom:0;width:100%;height:4px;padding:.5rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;color:#fff;display:block;justify-content:center}.ds-resize-handle-left{position:absolute;left:0;top:0;width:4px;height:100%;padding:.5rem;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;color:#fff;display:block;align-items:center}.ds-resize-handle-right{position:absolute;right:0;top:0;width:4px;height:100%;padding:.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;color:#fff;display:block;align-items:center}}

package/dist/components/Radio/component.js

@@ -0,0 +1,22 @@
+import { jsx as i } from "react/jsx-runtime";
+import a, { Button as u, Group as e } from "antd/es/radio";
+import { forwardRef as d } from "react";
+import './style.css';/* empty css          */
+const p = ({ className: o, style: r, ...t }, n) => /* @__PURE__ */ i(a, { ref: n, className: o, style: r, ...t }), s = (o) => /* @__PURE__ */ i(e, { ...o }), m = d(
+  ({ className: o, style: r, ...t }, n) => /* @__PURE__ */ i(
+    u,
+    {
+      ref: n,
+      className: o,
+      style: r,
+      ...t
+    }
+  )
+), R = d(p), j = Object.assign(R, {
+  Group: s,
+  Button: m
+});
+export {
+  j as Radio
+};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/Radio/component.tsx"],"sourcesContent":["import {\n  default as AntdRadio,\n  Group as AntdRadioGroup,\n  Button as AntdRadioButton,\n} from \"antd/es/radio\";\nimport { forwardRef } from \"react\";\nimport type { RadioProps, RadioRef, RadioGroupProps } from \"./interface\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nconst RadioInner = (\n  { className, style, ...rest }: RadioProps,\n  ref: React.Ref<RadioRef>\n) => {\n  return <AntdRadio ref={ref} className={className} style={style} {...rest} />;\n};\n\nconst RadioGroup = (\n  props: RadioGroupProps & { ref?: React.Ref<HTMLDivElement> }\n) => {\n  return <AntdRadioGroup {...props} />;\n};\n\nconst RadioButton = forwardRef<RadioRef, RadioProps>(\n  ({ className, style, ...rest }, ref) => {\n    return (\n      <AntdRadioButton\n        ref={ref}\n        className={className}\n        style={style}\n        {...rest}\n      />\n    );\n  }\n);\n\nconst ForwardedRadio = forwardRef<RadioRef, RadioProps>(RadioInner);\n\nexport const Radio = Object.assign(ForwardedRadio, {\n  Group: RadioGroup,\n  Button: RadioButton,\n});\n"],"names":["RadioInner","className","style","rest","ref","AntdRadio","RadioGroup","props","jsx","AntdRadioGroup","RadioButton","forwardRef","AntdRadioButton","ForwardedRadio","Radio"],"mappings":";;;;AAWA,MAAMA,IAAa,CACjB,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGC,KACvBC,wBAEQC,GAAU,EAAA,KAAAD,GAAU,WAAAH,GAAsB,OAAAC,GAAe,GAAGC,GAAM,GAGtEG,IAAa,CACjBC,MAEO,gBAAAC,EAACC,GAAgB,EAAA,GAAGF,EAAO,CAAA,GAG9BG,IAAcC;AAAA,EAClB,CAAC,EAAE,WAAAV,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAAQC,MAE5B,gBAAAI;AAAA,IAACI;AAAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACA,WAAAH;AAAA,MACA,OAAAC;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACN;AAGN,GAEMU,IAAiBF,EAAiCX,CAAU,GAErDc,IAAQ,OAAO,OAAOD,GAAgB;AAAA,EACjD,OAAOP;AAAA,EACP,QAAQI;AACV,CAAC;"}

package/dist/components/Radio/style.css

@@ -0,0 +1 @@
+@layer components{.ds-radio{align-self:unset}.ds-radio-wrapper{display:inline-flex}.ds-radio-wrapper .ds-radio{transform:translateY(.1875rem)}}

package/dist/components/ScrollArea/component.js

@@ -0,0 +1,40 @@
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { ScrollArea as t } from "@base-ui-components/react";
+import './style.css';/* empty css          */
+import { useCls as b } from "../utils/antdUtils.js";
+import { clsx as l } from "../utils/cn.js";
+const S = ({
+  children: e,
+  className: n,
+  classNames: r = {},
+  orientation: c = "vertical"
+}) => {
+  const o = b();
+  return /* @__PURE__ */ p(t.Root, { className: l(o("scroll-area"), n), children: [
+    /* @__PURE__ */ i(
+      t.Viewport,
+      {
+        className: l(o("scroll-area-viewport"), r == null ? void 0 : r.viewport),
+        children: /* @__PURE__ */ i(t.Content, { className: l(o("scroll-area-content")), children: e })
+      }
+    ),
+    /* @__PURE__ */ i(
+      t.Scrollbar,
+      {
+        className: l(o("scroll-area-scrollbar"), r == null ? void 0 : r.scrollbar),
+        orientation: c,
+        "data-orientation": c,
+        children: /* @__PURE__ */ i(
+          t.Thumb,
+          {
+            className: l(o("scroll-area-thumb"), r == null ? void 0 : r.thumb)
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  S as ScrollArea
+};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/ScrollArea/component.tsx"],"sourcesContent":["\"use client\";\nimport { type ReactNode } 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  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 scrollbar element\n     */\n    scrollbar?: string;\n    /**\n     * Class name for the thumb element\n     */\n    thumb?: string;\n  };\n  /**\n   * Orientation of the scrollbar\n   * @default \"vertical\"\n   */\n  orientation?: \"vertical\" | \"horizontal\";\n}\n\nexport const ScrollArea = ({\n  children,\n  className,\n  classNames = {},\n  orientation = \"vertical\",\n}: ScrollAreaProps) => {\n  const cls = useCls();\n  return (\n    <BaseScrollArea.Root className={clsx(cls(\"scroll-area\"), className)}>\n      <BaseScrollArea.Viewport\n        className={clsx(cls(\"scroll-area-viewport\"), classNames?.viewport)}\n      >\n        <BaseScrollArea.Content className={clsx(cls(\"scroll-area-content\"))}>\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      >\n        <BaseScrollArea.Thumb\n          className={clsx(cls(\"scroll-area-thumb\"), classNames?.thumb)}\n        />\n      </BaseScrollArea.Scrollbar>\n    </BaseScrollArea.Root>\n  );\n};\n"],"names":["ScrollArea","children","className","classNames","orientation","cls","useCls","jsxs","BaseScrollArea","clsx","jsx"],"mappings":";;;;;AAsCO,MAAMA,IAAa,CAAC;AAAA,EACzB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa,CAAC;AAAA,EACd,aAAAC,IAAc;AAChB,MAAuB;AACrB,QAAMC,IAAMC,EAAO;AAEjB,SAAA,gBAAAC,EAACC,EAAe,MAAf,EAAoB,WAAWC,EAAKJ,EAAI,aAAa,GAAGH,CAAS,GAChE,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAACF,EAAe;AAAA,MAAf;AAAA,QACC,WAAWC,EAAKJ,EAAI,sBAAsB,GAAGF,KAAA,gBAAAA,EAAY,QAAQ;AAAA,QAEjE,UAAA,gBAAAO,EAACF,EAAe,SAAf,EAAuB,WAAWC,EAAKJ,EAAI,qBAAqB,CAAC,GAC/D,UAAAJ,EACH,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAS;AAAA,MAACF,EAAe;AAAA,MAAf;AAAA,QACC,WAAWC,EAAKJ,EAAI,uBAAuB,GAAGF,KAAA,gBAAAA,EAAY,SAAS;AAAA,QACnE,aAAAC;AAAA,QACA,oBAAkBA;AAAA,QAElB,UAAA,gBAAAM;AAAA,UAACF,EAAe;AAAA,UAAf;AAAA,YACC,WAAWC,EAAKJ,EAAI,mBAAmB,GAAGF,KAAA,gBAAAA,EAAY,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAC7D;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/components/ScrollArea/style.css

@@ -0,0 +1 @@
+@layer components{.ds-scroll-area{display:flex;flex-direction:column;height:100%;min-height:0;flex:1}.ds-scroll-area .ds-scroll-area-viewport{flex-shrink:1;height:100%;max-height:100%;overflow:hidden;overscroll-behavior:contain}:is(.ds-scroll-area .ds-scroll-area-viewport):focus-visible{outline-width:2px;outline-offset:4px;outline-color:var(--ds-color-primary)}.ds-scroll-area .ds-scroll-area-scrollbar{padding:.25rem;display:flex;justify-content:center;background-color:transparent;opacity:0;transition-property:opacity;transition-delay:.1s}:is(.ds-scroll-area .ds-scroll-area-scrollbar) .ds-scroll-area-thumb{border-radius:9999px;background-color:var(--ds-color-bg-fill-tertiary);border:1px solid var(--ds-color-border)}[data-orientation=vertical]:is(.ds-scroll-area .ds-scroll-area-scrollbar){width:.875rem}[data-orientation=vertical]:is(.ds-scroll-area .ds-scroll-area-scrollbar) .ds-scroll-area-thumb{width:100%}[data-orientation=horizontal]:is(.ds-scroll-area .ds-scroll-area-scrollbar){width:100%;height:.875rem;flex-direction:column}[data-orientation=horizontal]:is(.ds-scroll-area .ds-scroll-area-scrollbar) .ds-scroll-area-thumb{height:100%}[data-hovering]:is(.ds-scroll-area .ds-scroll-area-scrollbar){opacity:1;transition-delay:0ms;transition-duration:.2s}[data-scrolling]:is(.ds-scroll-area .ds-scroll-area-scrollbar){opacity:1;transition-delay:0ms;transition-duration:.2s}}

package/dist/components/Segmented/component.js

@@ -0,0 +1,9 @@
+import { jsx as n } from "react/jsx-runtime";
+import r from "antd/es/segmented";
+import { forwardRef as m } from "react";
+import './style.css';/* empty css          */
+const o = ({ className: s, ...e }, t) => /* @__PURE__ */ n(r, { ref: t, ...e }), i = m(o), c = i;
+export {
+  c as Segmented
+};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/Segmented/component.tsx"],"sourcesContent":["import {\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  { className, ...rest }: SegmentedProps<T>,\n  ref: React.Ref<React.ComponentRef<typeof AntSegmented>>\n) => {\n  return <AntSegmented ref={ref} {...rest} />;\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","className","rest","ref","jsx","AntSegmented","MainSegmented","forwardRef","Segmented"],"mappings":";;;;AAiBA,MAAMA,IAAqB,CACzB,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAChBC,MAEQ,gBAAAC,EAAAC,GAAA,EAAa,KAAAF,GAAW,GAAGD,EAAM,CAAA,GAIrCI,IAAgBC,EAAWP,CAAkB,GAMtCQ,IAAYF;"}

package/dist/components/Segmented/style.css

@@ -0,0 +1 @@
+@layer components{.ds-segmented .ds-segmented-item-label{display:flex;align-items:center;justify-content:center}.ds-segmented .ds-segmented-item-icon{display:flex;align-items:center;justify-content:center;height:100%;font-size:1rem}}

package/dist/components/Select/component.js

@@ -0,0 +1,135 @@
+import { jsx as o, jsxs as N, Fragment as D } from "react/jsx-runtime";
+import { CaretDown as R } from "@bioturing/assets";
+import a from "antd/es/select";
+import y from "antd/es/checkbox";
+import { forwardRef as U } from "react";
+import { useFloatingPortalNode as W, useFloating as q, autoUpdate as B, offset as H, autoPlacement as J, shift as K, size as L, FloatingOverlay as Q } from "@floating-ui/react";
+import { PopupPanelSize as w } from "../PopupPanel/constants.js";
+import { toMerged as T } from "es-toolkit";
+import './style.css';/* empty css          */
+import { useControlledState as V } from "../hooks/useControlledState.js";
+import { clsx as C } from "../utils/cn.js";
+const X = ({
+  mode: i,
+  className: O,
+  open: k,
+  defaultOpen: v,
+  onOpenChange: M,
+  popupClassName: F,
+  onDropdownVisibleChange: P,
+  enhancePositioner: r,
+  getPopupContainer: I,
+  popupSize: e,
+  popupRender: c,
+  dropdownRender: f,
+  classNames: n,
+  styles: m = {},
+  ...j
+}, p) => {
+  var x;
+  const E = W({}), d = i === "multiple" || i === "tags", [u, g] = V(
+    k,
+    M || P,
+    v
+  ), { floatingStyles: S, refs: h } = q({
+    placement: "bottom-start",
+    transform: !1,
+    open: r && u,
+    middleware: [
+      H({
+        mainAxis: 4
+      }),
+      J({
+        allowedPlacements: [
+          "bottom-start",
+          "bottom-end",
+          "bottom",
+          "top-start",
+          "top-end",
+          "top"
+        ]
+      }),
+      K({
+        padding: 8
+      }),
+      L({
+        padding: 8,
+        apply({ availableHeight: t, availableWidth: s, elements: l }) {
+          l.floating.style.setProperty(
+            "--available-width",
+            s + "px"
+          ), l.floating.style.setProperty(
+            "--available-height",
+            t + "px"
+          );
+        }
+      })
+    ],
+    whileElementsMounted: B
+  }), b = C(
+    "ds-select-popup",
+    d && "ds-select-multiple",
+    ((x = n == null ? void 0 : n.popup) == null ? void 0 : x.root) || F,
+    r && "ds-select-popup-enhanced"
+  ), A = e && typeof e == "string" && e in w ? w[e] : typeof e == "number" ? e + "px" : e || "fit-content";
+  return /* @__PURE__ */ o(
+    a,
+    {
+      ref: (t) => {
+        p && (typeof p == "function" ? p(t) : p.current = t), t && h.setReference(t == null ? void 0 : t.nativeElement);
+      },
+      suffixIcon: /* @__PURE__ */ o(R, { weight: "bold" }),
+      open: u,
+      onOpenChange: g,
+      popupClassName: b,
+      classNames: {
+        popup: {
+          root: b
+        },
+        ...n
+      },
+      ...d ? {
+        menuItemSelectedIcon: ({ isSelected: t }) => /* @__PURE__ */ o("span", { className: "ant-select-checkbox-indicator", children: t ? /* @__PURE__ */ o(y, { checked: !0 }) : /* @__PURE__ */ o(y, { checked: !1 }) })
+      } : {},
+      mode: i,
+      className: C("ds-select", O),
+      styles: r ? T(m, {
+        popup: {
+          root: {
+            transition: "none",
+            ...S,
+            "--ds-select-popup-width": A
+          }
+        }
+      }) : m,
+      getPopupContainer: I || (r ? () => E || document.body : void 0),
+      popupRender: (t) => {
+        const s = () => c ? c(t) : f ? f(t) : t;
+        return r ? /* @__PURE__ */ N(D, { children: [
+          /* @__PURE__ */ o(Q, { lockScroll: !0, onClick: () => g(!1) }),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              ref: (l) => {
+                if (!l) return;
+                const G = l.closest(
+                  ".ds-select-dropdown"
+                );
+                h.setFloating(G);
+              },
+              children: s()
+            }
+          )
+        ] }) : s();
+      },
+      ...j
+    }
+  );
+}, Y = U(X), st = Object.assign(Y, {
+  Option: a.Option,
+  OptGroup: a.OptGroup
+});
+export {
+  st as Select
+};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/Select/component.tsx"],"sourcesContent":["import { CaretDown } from \"@bioturing/assets\";\nimport {\n  default as AntSelect,\n  type BaseOptionType,\n  type DefaultOptionType,\n  type SelectProps as AntSelectProps,\n} from \"antd/es/select\";\nimport { default as Checkbox } from \"antd/es/checkbox\";\nimport { CSSProperties, forwardRef } from \"react\";\nimport {\n  useFloating,\n  offset,\n  autoPlacement,\n  shift,\n  size,\n  autoUpdate,\n  useFloatingPortalNode,\n  FloatingOverlay,\n} from \"@floating-ui/react\";\nimport { useControlledState } from \"../hooks\";\nimport React from \"react\";\nimport { clsx } from \"../utils\";\nimport { PopupPanelSize } from \"../PopupPanel/constants\";\nimport { toMerged } from \"es-toolkit\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Define props interface extending Ant Design's SelectProps\nexport interface SelectProps<\n  ValueType = unknown,\n  OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType\n> extends AntSelectProps<ValueType, OptionType> {\n  /**\n   * Whether to enhance the positioner using floating-ui\n   * @default false\n   */\n  enhancePositioner?: boolean;\n  /**\n   * Size of the popup panel\n   * Will be ignored if enhancePositioner is false\n   */\n  popupSize?: string | number | PopupPanelSize;\n}\n\nexport type {\n  BaseOptionType as SelectBaseOptionType,\n  DefaultOptionType as SelectDefaultOptionType,\n};\n\n// Create inner function\nconst MainSelectInner = <\n  ValueType = unknown,\n  OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType\n>(\n  {\n    mode,\n    className,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    popupClassName,\n    onDropdownVisibleChange,\n    enhancePositioner,\n    getPopupContainer,\n    popupSize,\n    popupRender,\n    dropdownRender,\n    classNames,\n    styles = {},\n    ...rest\n  }: SelectProps<ValueType, OptionType>,\n  ref: React.Ref<React.ComponentRef<typeof AntSelect>>\n) => {\n  const portalNode = useFloatingPortalNode({});\n  const isMultiple = mode === \"multiple\" || mode === \"tags\";\n  const [open, setOpen] = useControlledState(\n    openProp,\n    onOpenChange || onDropdownVisibleChange,\n    defaultOpen\n  );\n  // enhancePositioner\n  const { floatingStyles, refs } = useFloating({\n    placement: \"bottom-start\",\n    transform: false,\n    open: enhancePositioner && open,\n    middleware: [\n      offset({\n        mainAxis: 4,\n      }),\n      autoPlacement({\n        allowedPlacements: [\n          \"bottom-start\",\n          \"bottom-end\",\n          \"bottom\",\n          \"top-start\",\n          \"top-end\",\n          \"top\",\n        ],\n      }),\n      shift({\n        padding: 8,\n      }),\n      size({\n        padding: 8,\n        apply({ availableHeight, availableWidth, elements }) {\n          // 2. Or, use a CSS variable:\n          elements.floating.style.setProperty(\n            \"--available-width\",\n            availableWidth + \"px\"\n          );\n          elements.floating.style.setProperty(\n            \"--available-height\",\n            availableHeight + \"px\"\n          );\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n  const dsPopupClassName = clsx(\n    \"ds-select-popup\",\n    isMultiple && \"ds-select-multiple\",\n    classNames?.popup?.root || popupClassName,\n    enhancePositioner && \"ds-select-popup-enhanced\"\n  );\n  const popupWidth =\n    popupSize && typeof popupSize === \"string\" && popupSize in PopupPanelSize\n      ? PopupPanelSize[popupSize as keyof typeof PopupPanelSize]\n      : typeof popupSize === \"number\"\n      ? popupSize + \"px\"\n      : popupSize || \"fit-content\";\n  return (\n    <AntSelect\n      // ref={ref}\n      ref={(node) => {\n        if (ref) {\n          if (typeof ref == \"function\") {\n            ref(node);\n          } else {\n            ref.current = node;\n          }\n        }\n        if (!node) return;\n        refs.setReference(node?.nativeElement as HTMLElement);\n      }}\n      suffixIcon={<CaretDown weight=\"bold\" />}\n      open={open}\n      onOpenChange={setOpen}\n      // for old version\n      popupClassName={dsPopupClassName}\n      classNames={{\n        popup: {\n          root: dsPopupClassName,\n        },\n        ...classNames,\n      }}\n      {...(isMultiple\n        ? {\n            menuItemSelectedIcon: ({ isSelected }) => (\n              <span className=\"ant-select-checkbox-indicator\">\n                {isSelected ? (\n                  <Checkbox checked />\n                ) : (\n                  <Checkbox checked={false} />\n                )}\n              </span>\n            ),\n          }\n        : {})}\n      mode={mode}\n      className={clsx(\"ds-select\", className)}\n      styles={\n        enhancePositioner\n          ? toMerged(styles, {\n              popup: {\n                root: {\n                  transition: \"none\",\n                  ...floatingStyles,\n                  \"--ds-select-popup-width\": popupWidth,\n                } as CSSProperties,\n              },\n            })\n          : styles\n      }\n      getPopupContainer={\n        getPopupContainer ||\n        (enhancePositioner ? () => portalNode || document.body : undefined)\n      }\n      popupRender={(menu) => {\n        // Use a more specific type that includes both style and ref properties\n        const renderMenu = () =>\n          popupRender\n            ? popupRender(menu)\n            : dropdownRender\n            ? dropdownRender(menu)\n            : menu;\n        if (!enhancePositioner) {\n          return renderMenu();\n        }\n        return (\n          <>\n            <FloatingOverlay lockScroll onClick={() => setOpen(false)} />\n            <div\n              ref={(node) => {\n                if (!node) return;\n                const popupEl = node.closest(\n                  \".ds-select-dropdown\"\n                ) as HTMLDivElement;\n                refs.setFloating(popupEl);\n              }}\n            >\n              {renderMenu()}\n            </div>\n          </>\n        );\n      }}\n      {...rest}\n    />\n  );\n};\n\n// Use forwardRef with type assertion\nconst MainSelect = forwardRef(MainSelectInner) as <\n  ValueType = unknown,\n  OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType\n>(\n  props: SelectProps<ValueType, OptionType> & {\n    ref?: React.ForwardedRef<React.ComponentRef<typeof AntSelect>>;\n  }\n) => ReturnType<typeof MainSelectInner>;\n\nexport const Select = Object.assign(MainSelect, {\n  Option: AntSelect.Option,\n  OptGroup: AntSelect.OptGroup,\n});\n"],"names":["MainSelectInner","mode","className","openProp","defaultOpen","onOpenChange","popupClassName","onDropdownVisibleChange","enhancePositioner","getPopupContainer","popupSize","popupRender","dropdownRender","classNames","styles","rest","ref","portalNode","useFloatingPortalNode","isMultiple","open","setOpen","useControlledState","floatingStyles","refs","useFloating","offset","autoPlacement","shift","size","availableHeight","availableWidth","elements","autoUpdate","dsPopupClassName","clsx","_a","popupWidth","PopupPanelSize","jsx","AntSelect","node","CaretDown","isSelected","Checkbox","toMerged","menu","renderMenu","jsxs","Fragment","FloatingOverlay","popupEl","MainSelect","forwardRef","Select"],"mappings":"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"}

package/dist/components/Select/style.css

@@ -0,0 +1 @@
+@layer components{.ds-select-popup .ds-select-item-option-state{order:-1}.ds-select-popup .ds-select-checkbox-indicator,.ds-select-popup .ant-select-checkbox-indicator{margin-right:.5rem}.ds-select-multiple .ds-select-item-option-selected:not(.ds-select-item-option-disabled):not(:hover){background:transparent}.ds-select-popup-enhanced{z-index:1000;transition:none;width:var(--ds-select-popup-width);height:fit-content;max-width:calc(var(--available-width) - 16px);max-height:calc(var(--available-height) - 16px)}}

package/dist/components/Slider/component.js

@@ -0,0 +1,23 @@
+import { jsx as m } from "react/jsx-runtime";
+import e from "antd/es/slider";
+import { useCls as i } from "../utils/antdUtils.js";
+import { clsx as p } from "../utils/cn.js";
+const d = ({ className: r, tooltip: o = {}, style: s, ...t }) => {
+  const l = i();
+  return /* @__PURE__ */ m(
+    e,
+    {
+      className: p(l("slider"), r),
+      style: s,
+      ...t,
+      tooltip: {
+        arrow: !1,
+        ...o
+      }
+    }
+  );
+};
+export {
+  d as Slider
+};
+//# sourceMappingURL=component.js.map

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

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

package/dist/components/Spin/component.js

@@ -0,0 +1,12 @@
+import { jsx as o } from "react/jsx-runtime";
+import i from "antd/es/spin";
+import './style.css';/* empty css          */
+import { useCls as p } from "../utils/antdUtils.js";
+const d = ({ indicator: r, ...n }) => {
+  const s = p(), t = r || /* @__PURE__ */ o("span", { className: s("spin-loader") });
+  return /* @__PURE__ */ o(i, { indicator: t, ...n });
+};
+export {
+  d as Spin
+};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/Spin/component.tsx"],"sourcesContent":["import { useCls } from \"../utils\";\nimport { default as AntdSpin, SpinProps as AntdSpinProps } from \"antd/es/spin\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type SpinProps = AntdSpinProps;\n\nexport const Spin = ({ indicator, ...rest }: SpinProps) => {\n  const cls = useCls();\n  const spinIndicator = indicator || <span className={cls(\"spin-loader\")} />;\n  return <AntdSpin indicator={spinIndicator} {...rest} />;\n};\n"],"names":["Spin","indicator","rest","cls","useCls","spinIndicator","jsx","AntdSpin"],"mappings":";;;;AAQO,MAAMA,IAAO,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAAsB;AACzD,QAAMC,IAAMC,EAAO,GACbC,IAAgBJ,KAAa,gBAAAK,EAAC,UAAK,WAAWH,EAAI,aAAa,GAAG;AACxE,SAAQ,gBAAAG,EAAAC,GAAA,EAAS,WAAWF,GAAgB,GAAGH,GAAM;AACvD;"}

package/dist/components/Spin/style.css

@@ -0,0 +1 @@
+@layer components{:root{--ds-animate-spin: ds-spin 1s linear infinite}@keyframes ds-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ds-spin .ds-spin-icon{animation:var(--ds-animate-spin);color:var(--ds-color-icon)}.ds-spin .ds-spin-text{color:var(--ds-color-icon)}.ds-spin-loader{width:1em;height:1em;border:max(2px,.12em) solid var(--ds-color-border);border-bottom-color:var(--ds-color-icon);border-radius:50%;display:inline-block;box-sizing:border-box;animation:spin 1s linear infinite}}

package/dist/components/Splitter/component.js

@@ -0,0 +1,40 @@
+import { jsx as s } from "react/jsx-runtime";
+import p from "antd/es/splitter/Splitter";
+import n from "antd/es/splitter/Panel";
+import './style.css';/* empty css          */
+import { useCls as m } from "../utils/antdUtils.js";
+import { clsx as c } from "../utils/cn.js";
+const a = ({
+  children: t,
+  className: r,
+  style: e,
+  ...i
+}) => /* @__PURE__ */ s(n, { className: r, style: e, ...i, children: t }), S = ({
+  children: t,
+  className: r = "",
+  style: e = {},
+  showSplitBar: i = !0,
+  ...l
+}) => {
+  const o = m();
+  return /* @__PURE__ */ s(
+    p,
+    {
+      className: c(
+        o("splitter"),
+        !i && o("splitter-hidden-split-bar"),
+        r
+      ),
+      style: e,
+      ...l,
+      children: t
+    }
+  );
+}, f = Object.assign(S, {
+  Panel: a
+}), A = f;
+export {
+  A as Split,
+  f as Splitter
+};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/Splitter/component.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { default as AntdSplitter } from \"antd/es/splitter/Splitter\";\nimport { default as AntdSplitterPanel } from \"antd/es/splitter/Panel\";\nimport type {\n  SplitterProps as AntdSplitterProps,\n  PanelProps as AntdSplitterPanelProps,\n} from \"antd/es/splitter/interface\";\nimport { useCls, clsx } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type SplitterProps = React.PropsWithChildren<AntdSplitterProps> & {\n  showSplitBar?: boolean;\n};\n\nexport type SplitterPanelProps =\n  React.PropsWithChildren<AntdSplitterPanelProps>;\n\nconst SplitterPanel: React.FC<SplitterPanelProps> = ({\n  children,\n  className,\n  style,\n  ...rest\n}) => {\n  return (\n    <AntdSplitterPanel className={className} style={style} {...rest}>\n      {children}\n    </AntdSplitterPanel>\n  );\n};\n\nconst MainSplitter: React.FC<SplitterProps> = ({\n  children,\n  className = \"\",\n  style = {},\n  showSplitBar = true,\n  ...rest\n}) => {\n  const cls = useCls();\n  return (\n    <AntdSplitter\n      className={clsx(\n        cls(\"splitter\"),\n        !showSplitBar && cls(\"splitter-hidden-split-bar\"),\n        className\n      )}\n      style={style}\n      {...rest}\n    >\n      {children}\n    </AntdSplitter>\n  );\n};\n\nexport const Splitter = Object.assign(MainSplitter, {\n  Panel: SplitterPanel,\n});\n\n// For backward compatibility\nexport const Split = Splitter;\n"],"names":["SplitterPanel","children","className","style","rest","AntdSplitterPanel","MainSplitter","showSplitBar","cls","useCls","jsx","AntdSplitter","clsx","Splitter","Split"],"mappings":";;;;;;AAoBA,MAAMA,IAA8C,CAAC;AAAA,EACnD,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,wBAEKC,GAAkB,EAAA,WAAAH,GAAsB,OAAAC,GAAe,GAAGC,GACxD,UAAAH,GACH,GAIEK,IAAwC,CAAC;AAAA,EAC7C,UAAAL;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ,CAAC;AAAA,EACT,cAAAI,IAAe;AAAA,EACf,GAAGH;AACL,MAAM;AACJ,QAAMI,IAAMC,EAAO;AAEjB,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTJ,EAAI,UAAU;AAAA,QACd,CAACD,KAAgBC,EAAI,2BAA2B;AAAA,QAChDN;AAAA,MACF;AAAA,MACA,OAAAC;AAAA,MACC,GAAGC;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EACH;AAEJ,GAEaY,IAAW,OAAO,OAAOP,GAAc;AAAA,EAClD,OAAON;AACT,CAAC,GAGYc,IAAQD;"}

package/dist/components/Splitter/style.css

@@ -0,0 +1 @@
+@layer components{.ds-splitter>.ds-splitter-bar .ds-splitter-bar-collapse-bar.ds-splitter-bar-collapse-bar-start{opacity:1}}