@bioturing/components 0.32.0 → 0.32.2

package/dist/components/hooks/useHover.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHover.js","sources":["../../../src/components/hooks/useHover.ts"],"sourcesContent":["\"use client\";\n\nimport { useState, useCallback, useRef } from \"react\";\n\nexport function useHover<T extends HTMLElement>(): [\n  (node: T) => void,\n  boolean\n] {\n  const [hovering, setHovering] = useState(false);\n  const previousNode = useRef(null);\n\n  const handleMouseEnter = useCallback(() => {\n    setHovering(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovering(false);\n  }, []);\n\n  const customRef = useCallback(\n    (node: T) => {\n      if (previousNode.current?.nodeType === Node.ELEMENT_NODE) {\n        previousNode.current.removeEventListener(\n          \"mouseenter\",\n          handleMouseEnter\n        );\n        previousNode.current.removeEventListener(\n          \"mouseleave\",\n          handleMouseLeave\n        );\n      }\n\n      if (node?.nodeType === Node.ELEMENT_NODE) {\n        node.addEventListener(\"mouseenter\", handleMouseEnter);\n        node.addEventListener(\"mouseleave\", handleMouseLeave);\n      }\n\n      previousNode.current = node;\n    },\n    [handleMouseEnter, handleMouseLeave]\n  );\n\n  return [customRef, hovering];\n}\n"],"names":["useHover","hovering","setHovering","useState","previousNode","useRef","handleMouseEnter","useCallback","handleMouseLeave","node","_a"],"mappings":";;AAIO,SAASA,IAGd;AACA,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAeC,EAAO,IAAI,GAE1BC,IAAmBC,EAAY,MAAM;AACzC,IAAAL,EAAY,EAAI;AAAA,EAClB,GAAG,EAAE,GAECM,IAAmBD,EAAY,MAAM;AACzC,IAAAL,EAAY,EAAK;AAAA,EACnB,GAAG,EAAE;AAyBE,SAAA,CAvBWK;AAAA,IAChB,CAACE,MAAY;;AACX,QAAIC,IAAAN,EAAa,YAAb,gBAAAM,EAAsB,cAAa,KAAK,iBAC1CN,EAAa,QAAQ;AAAA,QACnB;AAAA,QACAE;AAAA,MACF,GACAF,EAAa,QAAQ;AAAA,QACnB;AAAA,QACAI;AAAA,MACF,KAGEC,KAAA,gBAAAA,EAAM,cAAa,KAAK,iBACrBA,EAAA,iBAAiB,cAAcH,CAAgB,GAC/CG,EAAA,iBAAiB,cAAcD,CAAgB,IAGtDJ,EAAa,UAAUK;AAAA,IACzB;AAAA,IACA,CAACH,GAAkBE,CAAgB;AAAA,EACrC,GAEmBP,CAAQ;AAC7B;"}
+{"version":3,"file":"useHover.js","sources":["../../../src/components/hooks/useHover.ts"],"sourcesContent":["\"use client\";\n\nimport { useState, useCallback, useRef } from \"react\";\n\nexport function useHover<T extends HTMLElement>(): [\n  (node: T) => void,\n  boolean\n] {\n  const [hovering, setHovering] = useState(false);\n  const previousNode = useRef(null);\n\n  const handleMouseEnter = useCallback(() => {\n    setHovering(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovering(false);\n  }, []);\n\n  const customRef = useCallback(\n    (node: T) => {\n      if (previousNode.current?.nodeType === Node.ELEMENT_NODE) {\n        previousNode.current.removeEventListener(\n          \"mouseenter\",\n          handleMouseEnter\n        );\n        previousNode.current.removeEventListener(\n          \"mouseleave\",\n          handleMouseLeave\n        );\n      }\n\n      if (node?.nodeType === Node.ELEMENT_NODE) {\n        node.addEventListener(\"mouseenter\", handleMouseEnter);\n        node.addEventListener(\"mouseleave\", handleMouseLeave);\n      }\n\n      previousNode.current = node;\n    },\n    [handleMouseEnter, handleMouseLeave]\n  );\n\n  return [customRef, hovering];\n}\n"],"names":["useHover","hovering","setHovering","useState","previousNode","useRef","handleMouseEnter","useCallback","handleMouseLeave","node"],"mappings":";;AAIO,SAASA,IAGd;AACA,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAeC,EAAO,IAAI,GAE1BC,IAAmBC,EAAY,MAAM;AACzC,IAAAL,EAAY,EAAI;AAAA,EAClB,GAAG,CAAA,CAAE,GAECM,IAAmBD,EAAY,MAAM;AACzC,IAAAL,EAAY,EAAK;AAAA,EACnB,GAAG,CAAA,CAAE;AAyBL,SAAO,CAvBWK;AAAA,IAChB,CAACE,MAAY;AACX,MAAIL,EAAa,SAAS,aAAa,KAAK,iBAC1CA,EAAa,QAAQ;AAAA,QACnB;AAAA,QACAE;AAAA,MAAA,GAEFF,EAAa,QAAQ;AAAA,QACnB;AAAA,QACAI;AAAA,MAAA,IAIAC,GAAM,aAAa,KAAK,iBAC1BA,EAAK,iBAAiB,cAAcH,CAAgB,GACpDG,EAAK,iBAAiB,cAAcD,CAAgB,IAGtDJ,EAAa,UAAUK;AAAA,IACzB;AAAA,IACA,CAACH,GAAkBE,CAAgB;AAAA,EAAA,GAGlBP,CAAQ;AAC7B;"}

package/dist/components/hooks/useResizeObserver.d.ts

@@ -0,0 +1,9 @@
+type ObserverRect = Omit<DOMRectReadOnly, 'toJSON'>;
+export declare function useResizeObserver<T extends HTMLElement = any>(options?: ResizeObserverOptions): readonly [import('react').RefObject<T>, ObserverRect];
+export declare function useElementSize<T extends HTMLElement = any>(options?: ResizeObserverOptions): {
+    ref: import('react').RefObject<T>;
+    width: number;
+    height: number;
+};
+export {};
+//# sourceMappingURL=useResizeObserver.d.ts.map

package/dist/components/hooks/useResizeObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useResizeObserver.ts"],"names":[],"mappings":"AAGA,KAAK,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;AAapD,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,EAAE,OAAO,CAAC,EAAE,qBAAqB,yDA0D7F;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,EAAE,OAAO,CAAC,EAAE,qBAAqB;;;;EAG1F"}

package/dist/components/hooks/useResizeObserver.js

@@ -1,6 +1,6 @@
 "use client";
-import { useRef as l, useState as R, useMemo as d, useEffect as z } from "react";
-const S = {
+import { useRef as u, useState as a, useMemo as h, useEffect as R } from "react";
+const b = {
   x: 0,
   y: 0,
   width: 0,
@@ -10,43 +10,42 @@ const S = {
   bottom: 0,
   right: 0
 };
-function x(o) {
-  const n = l(0), e = l(null), [r, u] = R(S), c = d(
-    () => typeof window < "u" ? new ResizeObserver((m) => {
-      const t = m[0];
-      t && (cancelAnimationFrame(n.current), n.current = requestAnimationFrame(() => {
-        var s, f;
-        if (e.current) {
-          const i = ((s = t.borderBoxSize) == null ? void 0 : s[0]) || ((f = t.contentBoxSize) == null ? void 0 : f[0]);
-          if (i) {
-            const a = i.inlineSize, h = i.blockSize;
-            u({
-              width: a,
-              height: h,
-              x: t.contentRect.x,
-              y: t.contentRect.y,
-              top: t.contentRect.top,
-              left: t.contentRect.left,
-              bottom: t.contentRect.bottom,
-              right: t.contentRect.right
+function d(c) {
+  const n = u(0), t = u(null), [o, i] = a(b), s = h(
+    () => typeof window < "u" ? new ResizeObserver((f) => {
+      const e = f[0];
+      e && (cancelAnimationFrame(n.current), n.current = requestAnimationFrame(() => {
+        if (t.current) {
+          const r = e.borderBoxSize?.[0] || e.contentBoxSize?.[0];
+          if (r) {
+            const l = r.inlineSize, m = r.blockSize;
+            i({
+              width: l,
+              height: m,
+              x: e.contentRect.x,
+              y: e.contentRect.y,
+              top: e.contentRect.top,
+              left: e.contentRect.left,
+              bottom: e.contentRect.bottom,
+              right: e.contentRect.right
             });
           } else
-            u(t.contentRect);
+            i(e.contentRect);
         }
       }));
     }) : null,
     []
   );
-  return z(() => (e.current && (c == null || c.observe(e.current, o)), () => {
-    c == null || c.disconnect(), n.current && cancelAnimationFrame(n.current);
-  }), [e.current]), [e, r];
+  return R(() => (t.current && s?.observe(t.current, c), () => {
+    s?.disconnect(), n.current && cancelAnimationFrame(n.current);
+  }), [t.current]), [t, o];
 }
-function g(o) {
-  const [n, { width: e, height: r }] = x(o);
-  return { ref: n, width: e, height: r };
+function S(c) {
+  const [n, { width: t, height: o }] = d(c);
+  return { ref: n, width: t, height: o };
 }
 export {
-  g as useElementSize,
-  x as useResizeObserver
+  S as useElementSize,
+  d as useResizeObserver
 };
 //# sourceMappingURL=useResizeObserver.js.map

package/dist/components/hooks/useResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.js","sources":["../../../src/components/hooks/useResizeObserver.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useMemo, useRef, useState } from 'react';\n\ntype ObserverRect = Omit<DOMRectReadOnly, 'toJSON'>;\n\nconst defaultState: ObserverRect = {\n  x: 0,\n  y: 0,\n  width: 0,\n  height: 0,\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n};\n\nexport function useResizeObserver<T extends HTMLElement = any>(options?: ResizeObserverOptions) {\n  const frameID = useRef(0);\n  const ref = useRef<T>(null);\n\n  const [rect, setRect] = useState<ObserverRect>(defaultState);\n\n  const observer = useMemo(\n    () =>\n      typeof window !== 'undefined'\n        ? new ResizeObserver((entries) => {\n            const entry = entries[0];\n\n            if (entry) {\n              cancelAnimationFrame(frameID.current);\n\n              frameID.current = requestAnimationFrame(() => {\n                if (ref.current) {\n                  const boxSize = entry.borderBoxSize?.[0] || entry.contentBoxSize?.[0];\n                  if (boxSize) {\n                    const width = boxSize.inlineSize;\n                    const height = boxSize.blockSize;\n\n                    setRect({\n                      width,\n                      height,\n                      x: entry.contentRect.x,\n                      y: entry.contentRect.y,\n                      top: entry.contentRect.top,\n                      left: entry.contentRect.left,\n                      bottom: entry.contentRect.bottom,\n                      right: entry.contentRect.right,\n                    });\n                  } else {\n                    setRect(entry.contentRect);\n                  }\n                }\n              });\n            }\n          })\n        : null,\n    []\n  );\n\n  useEffect(() => {\n    if (ref.current) {\n      observer?.observe(ref.current, options);\n    }\n\n    return () => {\n      observer?.disconnect();\n\n      if (frameID.current) {\n        cancelAnimationFrame(frameID.current);\n      }\n    };\n  }, [ref.current]);\n\n  return [ref, rect] as const;\n}\n\nexport function useElementSize<T extends HTMLElement = any>(options?: ResizeObserverOptions) {\n  const [ref, { width, height }] = useResizeObserver<T>(options);\n  return { ref, width, height };\n}\n"],"names":["defaultState","useResizeObserver","options","frameID","useRef","ref","rect","setRect","useState","observer","useMemo","entries","entry","boxSize","_a","_b","width","height","useEffect","useElementSize"],"mappings":";;AAKA,MAAMA,IAA6B;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACT;AAEO,SAASC,EAA+CC,GAAiC;AACxF,QAAAC,IAAUC,EAAO,CAAC,GAClBC,IAAMD,EAAU,IAAI,GAEpB,CAACE,GAAMC,CAAO,IAAIC,EAAuBR,CAAY,GAErDS,IAAWC;AAAA,IACf,MACE,OAAO,SAAW,MACd,IAAI,eAAe,CAACC,MAAY;AACxB,YAAAC,IAAQD,EAAQ,CAAC;AAEvB,MAAIC,MACF,qBAAqBT,EAAQ,OAAO,GAE5BA,EAAA,UAAU,sBAAsB,MAAM;;AAC5C,YAAIE,EAAI,SAAS;AACf,gBAAMQ,MAAUC,IAAAF,EAAM,kBAAN,gBAAAE,EAAsB,SAAMC,IAAAH,EAAM,mBAAN,gBAAAG,EAAuB;AACnE,cAAIF,GAAS;AACX,kBAAMG,IAAQH,EAAQ,YAChBI,IAASJ,EAAQ;AAEf,YAAAN,EAAA;AAAA,cACN,OAAAS;AAAA,cACA,QAAAC;AAAA,cACA,GAAGL,EAAM,YAAY;AAAA,cACrB,GAAGA,EAAM,YAAY;AAAA,cACrB,KAAKA,EAAM,YAAY;AAAA,cACvB,MAAMA,EAAM,YAAY;AAAA,cACxB,QAAQA,EAAM,YAAY;AAAA,cAC1B,OAAOA,EAAM,YAAY;AAAA,YAAA,CAC1B;AAAA,UAAA;AAED,YAAAL,EAAQK,EAAM,WAAW;AAAA,QAC3B;AAAA,MACF,CACD;AAAA,IAEJ,CAAA,IACD;AAAA,IACN,CAAA;AAAA,EACF;AAEA,SAAAM,EAAU,OACJb,EAAI,YACII,KAAA,QAAAA,EAAA,QAAQJ,EAAI,SAASH,KAG1B,MAAM;AACX,IAAAO,KAAA,QAAAA,EAAU,cAENN,EAAQ,WACV,qBAAqBA,EAAQ,OAAO;AAAA,EAExC,IACC,CAACE,EAAI,OAAO,CAAC,GAET,CAACA,GAAKC,CAAI;AACnB;AAEO,SAASa,EAA4CjB,GAAiC;AACrF,QAAA,CAACG,GAAK,EAAE,OAAAW,GAAO,QAAAC,GAAQ,IAAIhB,EAAqBC,CAAO;AACtD,SAAA,EAAE,KAAAG,GAAK,OAAAW,GAAO,QAAAC,EAAO;AAC9B;"}
+{"version":3,"file":"useResizeObserver.js","sources":["../../../src/components/hooks/useResizeObserver.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useMemo, useRef, useState } from 'react';\n\ntype ObserverRect = Omit<DOMRectReadOnly, 'toJSON'>;\n\nconst defaultState: ObserverRect = {\n  x: 0,\n  y: 0,\n  width: 0,\n  height: 0,\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n};\n\nexport function useResizeObserver<T extends HTMLElement = any>(options?: ResizeObserverOptions) {\n  const frameID = useRef(0);\n  const ref = useRef<T>(null);\n\n  const [rect, setRect] = useState<ObserverRect>(defaultState);\n\n  const observer = useMemo(\n    () =>\n      typeof window !== 'undefined'\n        ? new ResizeObserver((entries) => {\n            const entry = entries[0];\n\n            if (entry) {\n              cancelAnimationFrame(frameID.current);\n\n              frameID.current = requestAnimationFrame(() => {\n                if (ref.current) {\n                  const boxSize = entry.borderBoxSize?.[0] || entry.contentBoxSize?.[0];\n                  if (boxSize) {\n                    const width = boxSize.inlineSize;\n                    const height = boxSize.blockSize;\n\n                    setRect({\n                      width,\n                      height,\n                      x: entry.contentRect.x,\n                      y: entry.contentRect.y,\n                      top: entry.contentRect.top,\n                      left: entry.contentRect.left,\n                      bottom: entry.contentRect.bottom,\n                      right: entry.contentRect.right,\n                    });\n                  } else {\n                    setRect(entry.contentRect);\n                  }\n                }\n              });\n            }\n          })\n        : null,\n    []\n  );\n\n  useEffect(() => {\n    if (ref.current) {\n      observer?.observe(ref.current, options);\n    }\n\n    return () => {\n      observer?.disconnect();\n\n      if (frameID.current) {\n        cancelAnimationFrame(frameID.current);\n      }\n    };\n  }, [ref.current]);\n\n  return [ref, rect] as const;\n}\n\nexport function useElementSize<T extends HTMLElement = any>(options?: ResizeObserverOptions) {\n  const [ref, { width, height }] = useResizeObserver<T>(options);\n  return { ref, width, height };\n}\n"],"names":["defaultState","useResizeObserver","options","frameID","useRef","ref","rect","setRect","useState","observer","useMemo","entries","entry","boxSize","width","height","useEffect","useElementSize"],"mappings":";;AAKA,MAAMA,IAA6B;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACT;AAEO,SAASC,EAA+CC,GAAiC;AAC9F,QAAMC,IAAUC,EAAO,CAAC,GAClBC,IAAMD,EAAU,IAAI,GAEpB,CAACE,GAAMC,CAAO,IAAIC,EAAuBR,CAAY,GAErDS,IAAWC;AAAA,IACf,MACE,OAAO,SAAW,MACd,IAAI,eAAe,CAACC,MAAY;AAC9B,YAAMC,IAAQD,EAAQ,CAAC;AAEvB,MAAIC,MACF,qBAAqBT,EAAQ,OAAO,GAEpCA,EAAQ,UAAU,sBAAsB,MAAM;AAC5C,YAAIE,EAAI,SAAS;AACf,gBAAMQ,IAAUD,EAAM,gBAAgB,CAAC,KAAKA,EAAM,iBAAiB,CAAC;AACpE,cAAIC,GAAS;AACX,kBAAMC,IAAQD,EAAQ,YAChBE,IAASF,EAAQ;AAEvB,YAAAN,EAAQ;AAAA,cACN,OAAAO;AAAA,cACA,QAAAC;AAAA,cACA,GAAGH,EAAM,YAAY;AAAA,cACrB,GAAGA,EAAM,YAAY;AAAA,cACrB,KAAKA,EAAM,YAAY;AAAA,cACvB,MAAMA,EAAM,YAAY;AAAA,cACxB,QAAQA,EAAM,YAAY;AAAA,cAC1B,OAAOA,EAAM,YAAY;AAAA,YAAA,CAC1B;AAAA,UACH;AACE,YAAAL,EAAQK,EAAM,WAAW;AAAA,QAE7B;AAAA,MACF,CAAC;AAAA,IAEL,CAAC,IACD;AAAA,IACN,CAAA;AAAA,EAAC;AAGH,SAAAI,EAAU,OACJX,EAAI,WACNI,GAAU,QAAQJ,EAAI,SAASH,CAAO,GAGjC,MAAM;AACX,IAAAO,GAAU,WAAA,GAENN,EAAQ,WACV,qBAAqBA,EAAQ,OAAO;AAAA,EAExC,IACC,CAACE,EAAI,OAAO,CAAC,GAET,CAACA,GAAKC,CAAI;AACnB;AAEO,SAASW,EAA4Cf,GAAiC;AAC3F,QAAM,CAACG,GAAK,EAAE,OAAAS,GAAO,QAAAC,GAAQ,IAAId,EAAqBC,CAAO;AAC7D,SAAO,EAAE,KAAAG,GAAK,OAAAS,GAAO,QAAAC,EAAA;AACvB;"}

package/dist/components/hooks/useTransitionStatus.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export type TransitionStatus = "starting" | "ending" | "idle" | undefined;
+/**
+ * Provides a status string for CSS animations.
+ * @param open - a boolean that determines if the element is open.
+ * @param enableIdleState - a boolean that enables the `'idle'` state between `'starting'` and `'ending'`
+ */
+export declare function useTransitionStatus(open: boolean, enableIdleState?: boolean, deferEndingState?: boolean): {
+    mounted: boolean;
+    setMounted: React.Dispatch<React.SetStateAction<boolean>>;
+    transitionStatus: TransitionStatus;
+};
+//# sourceMappingURL=useTransitionStatus.d.ts.map

package/dist/components/hooks/useTransitionStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTransitionStatus.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useTransitionStatus.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAE1E;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,OAAO,EACb,eAAe,GAAE,OAAe,EAChC,gBAAgB,GAAE,OAAe;;;;EA6ElC"}

package/dist/components/hooks/useTransitionStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTransitionStatus.js","sources":["../../../src/components/hooks/useTransitionStatus.ts"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { useIsoLayoutEffect } from \"@base-ui-components/utils/useIsoLayoutEffect\";\nimport { AnimationFrame } from \"@base-ui-components/utils/useAnimationFrame\";\n\nexport type TransitionStatus = \"starting\" | \"ending\" | \"idle\" | undefined;\n\n/**\n * Provides a status string for CSS animations.\n * @param open - a boolean that determines if the element is open.\n * @param enableIdleState - a boolean that enables the `'idle'` state between `'starting'` and `'ending'`\n */\nexport function useTransitionStatus(\n  open: boolean,\n  enableIdleState: boolean = false,\n  deferEndingState: boolean = false\n) {\n  const [transitionStatus, setTransitionStatus] =\n    React.useState<TransitionStatus>(\n      open && enableIdleState ? \"idle\" : undefined\n    );\n  const [mounted, setMounted] = React.useState(open);\n\n  if (open && !mounted) {\n    setMounted(true);\n    setTransitionStatus(\"starting\");\n  }\n\n  if (!open && mounted && transitionStatus !== \"ending\" && !deferEndingState) {\n    setTransitionStatus(\"ending\");\n  }\n\n  if (!open && !mounted && transitionStatus === \"ending\") {\n    setTransitionStatus(undefined);\n  }\n\n  useIsoLayoutEffect(() => {\n    if (!open && mounted && transitionStatus !== \"ending\" && deferEndingState) {\n      const frame = AnimationFrame.request(() => {\n        setTransitionStatus(\"ending\");\n      });\n\n      return () => {\n        AnimationFrame.cancel(frame);\n      };\n    }\n\n    return undefined;\n  }, [open, mounted, transitionStatus, deferEndingState]);\n\n  useIsoLayoutEffect(() => {\n    if (!open || enableIdleState) {\n      return undefined;\n    }\n\n    const frame = AnimationFrame.request(() => {\n      ReactDOM.flushSync(() => {\n        setTransitionStatus(undefined);\n      });\n    });\n\n    return () => {\n      AnimationFrame.cancel(frame);\n    };\n  }, [enableIdleState, open]);\n\n  useIsoLayoutEffect(() => {\n    if (!open || !enableIdleState) {\n      return undefined;\n    }\n\n    if (open && mounted && transitionStatus !== \"idle\") {\n      setTransitionStatus(\"starting\");\n    }\n\n    const frame = AnimationFrame.request(() => {\n      setTransitionStatus(\"idle\");\n    });\n\n    return () => {\n      AnimationFrame.cancel(frame);\n    };\n  }, [enableIdleState, open, mounted, setTransitionStatus, transitionStatus]);\n\n  return React.useMemo(\n    () => ({\n      mounted,\n      setMounted,\n      transitionStatus,\n    }),\n    [mounted, transitionStatus]\n  );\n}\n"],"names":["useTransitionStatus","open","enableIdleState","deferEndingState","transitionStatus","setTransitionStatus","React","mounted","setMounted","useIsoLayoutEffect","frame","AnimationFrame","ReactDOM"],"mappings":";;;;;AAaO,SAASA,EACdC,GACAC,IAA2B,IAC3BC,IAA4B,IAC5B;AACA,QAAM,CAACC,GAAkBC,CAAmB,IAC1CC,EAAM;AAAA,IACJL,KAAQC,IAAkB,SAAS;AAAA,EACrC,GACI,CAACK,GAASC,CAAU,IAAIF,EAAM,SAASL,CAAI;AAE7C,SAAAA,KAAQ,CAACM,MACXC,EAAW,EAAI,GACfH,EAAoB,UAAU,IAG5B,CAACJ,KAAQM,KAAWH,MAAqB,YAAY,CAACD,KACxDE,EAAoB,QAAQ,GAG1B,CAACJ,KAAQ,CAACM,KAAWH,MAAqB,YAC5CC,EAAoB,MAAS,GAG/BI,EAAmB,MAAM;AACvB,QAAI,CAACR,KAAQM,KAAWH,MAAqB,YAAYD,GAAkB;AACnE,YAAAO,IAAQC,EAAe,QAAQ,MAAM;AACzC,QAAAN,EAAoB,QAAQ;AAAA,MAAA,CAC7B;AAED,aAAO,MAAM;AACX,QAAAM,EAAe,OAAOD,CAAK;AAAA,MAC7B;AAAA,IAAA;AAAA,KAID,CAACT,GAAMM,GAASH,GAAkBD,CAAgB,CAAC,GAEtDM,EAAmB,MAAM;AACnB,QAAA,CAACR,KAAQC;AACJ;AAGH,UAAAQ,IAAQC,EAAe,QAAQ,MAAM;AACzC,MAAAC,EAAS,UAAU,MAAM;AACvB,QAAAP,EAAoB,MAAS;AAAA,MAAA,CAC9B;AAAA,IAAA,CACF;AAED,WAAO,MAAM;AACX,MAAAM,EAAe,OAAOD,CAAK;AAAA,IAC7B;AAAA,EAAA,GACC,CAACR,GAAiBD,CAAI,CAAC,GAE1BQ,EAAmB,MAAM;AACnB,QAAA,CAACR,KAAQ,CAACC;AACL;AAGL,IAAAD,KAAQM,KAAWH,MAAqB,UAC1CC,EAAoB,UAAU;AAG1B,UAAAK,IAAQC,EAAe,QAAQ,MAAM;AACzC,MAAAN,EAAoB,MAAM;AAAA,IAAA,CAC3B;AAED,WAAO,MAAM;AACX,MAAAM,EAAe,OAAOD,CAAK;AAAA,IAC7B;AAAA,EAAA,GACC,CAACR,GAAiBD,GAAMM,GAASF,GAAqBD,CAAgB,CAAC,GAEnEE,EAAM;AAAA,IACX,OAAO;AAAA,MACL,SAAAC;AAAA,MACA,YAAAC;AAAA,MACA,kBAAAJ;AAAA,IAAA;AAAA,IAEF,CAACG,GAASH,CAAgB;AAAA,EAC5B;AACF;"}
+{"version":3,"file":"useTransitionStatus.js","sources":["../../../src/components/hooks/useTransitionStatus.ts"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { useIsoLayoutEffect } from \"@base-ui-components/utils/useIsoLayoutEffect\";\nimport { AnimationFrame } from \"@base-ui-components/utils/useAnimationFrame\";\n\nexport type TransitionStatus = \"starting\" | \"ending\" | \"idle\" | undefined;\n\n/**\n * Provides a status string for CSS animations.\n * @param open - a boolean that determines if the element is open.\n * @param enableIdleState - a boolean that enables the `'idle'` state between `'starting'` and `'ending'`\n */\nexport function useTransitionStatus(\n  open: boolean,\n  enableIdleState: boolean = false,\n  deferEndingState: boolean = false\n) {\n  const [transitionStatus, setTransitionStatus] =\n    React.useState<TransitionStatus>(\n      open && enableIdleState ? \"idle\" : undefined\n    );\n  const [mounted, setMounted] = React.useState(open);\n\n  if (open && !mounted) {\n    setMounted(true);\n    setTransitionStatus(\"starting\");\n  }\n\n  if (!open && mounted && transitionStatus !== \"ending\" && !deferEndingState) {\n    setTransitionStatus(\"ending\");\n  }\n\n  if (!open && !mounted && transitionStatus === \"ending\") {\n    setTransitionStatus(undefined);\n  }\n\n  useIsoLayoutEffect(() => {\n    if (!open && mounted && transitionStatus !== \"ending\" && deferEndingState) {\n      const frame = AnimationFrame.request(() => {\n        setTransitionStatus(\"ending\");\n      });\n\n      return () => {\n        AnimationFrame.cancel(frame);\n      };\n    }\n\n    return undefined;\n  }, [open, mounted, transitionStatus, deferEndingState]);\n\n  useIsoLayoutEffect(() => {\n    if (!open || enableIdleState) {\n      return undefined;\n    }\n\n    const frame = AnimationFrame.request(() => {\n      ReactDOM.flushSync(() => {\n        setTransitionStatus(undefined);\n      });\n    });\n\n    return () => {\n      AnimationFrame.cancel(frame);\n    };\n  }, [enableIdleState, open]);\n\n  useIsoLayoutEffect(() => {\n    if (!open || !enableIdleState) {\n      return undefined;\n    }\n\n    if (open && mounted && transitionStatus !== \"idle\") {\n      setTransitionStatus(\"starting\");\n    }\n\n    const frame = AnimationFrame.request(() => {\n      setTransitionStatus(\"idle\");\n    });\n\n    return () => {\n      AnimationFrame.cancel(frame);\n    };\n  }, [enableIdleState, open, mounted, setTransitionStatus, transitionStatus]);\n\n  return React.useMemo(\n    () => ({\n      mounted,\n      setMounted,\n      transitionStatus,\n    }),\n    [mounted, transitionStatus]\n  );\n}\n"],"names":["useTransitionStatus","open","enableIdleState","deferEndingState","transitionStatus","setTransitionStatus","React","mounted","setMounted","useIsoLayoutEffect","frame","AnimationFrame","ReactDOM"],"mappings":";;;;;AAaO,SAASA,EACdC,GACAC,IAA2B,IAC3BC,IAA4B,IAC5B;AACA,QAAM,CAACC,GAAkBC,CAAmB,IAC1CC,EAAM;AAAA,IACJL,KAAQC,IAAkB,SAAS;AAAA,EAAA,GAEjC,CAACK,GAASC,CAAU,IAAIF,EAAM,SAASL,CAAI;AAEjD,SAAIA,KAAQ,CAACM,MACXC,EAAW,EAAI,GACfH,EAAoB,UAAU,IAG5B,CAACJ,KAAQM,KAAWH,MAAqB,YAAY,CAACD,KACxDE,EAAoB,QAAQ,GAG1B,CAACJ,KAAQ,CAACM,KAAWH,MAAqB,YAC5CC,EAAoB,MAAS,GAG/BI,EAAmB,MAAM;AACvB,QAAI,CAACR,KAAQM,KAAWH,MAAqB,YAAYD,GAAkB;AACzE,YAAMO,IAAQC,EAAe,QAAQ,MAAM;AACzC,QAAAN,EAAoB,QAAQ;AAAA,MAC9B,CAAC;AAED,aAAO,MAAM;AACX,QAAAM,EAAe,OAAOD,CAAK;AAAA,MAC7B;AAAA,IACF;AAAA,EAGF,GAAG,CAACT,GAAMM,GAASH,GAAkBD,CAAgB,CAAC,GAEtDM,EAAmB,MAAM;AACvB,QAAI,CAACR,KAAQC;AACX;AAGF,UAAMQ,IAAQC,EAAe,QAAQ,MAAM;AACzC,MAAAC,EAAS,UAAU,MAAM;AACvB,QAAAP,EAAoB,MAAS;AAAA,MAC/B,CAAC;AAAA,IACH,CAAC;AAED,WAAO,MAAM;AACX,MAAAM,EAAe,OAAOD,CAAK;AAAA,IAC7B;AAAA,EACF,GAAG,CAACR,GAAiBD,CAAI,CAAC,GAE1BQ,EAAmB,MAAM;AACvB,QAAI,CAACR,KAAQ,CAACC;AACZ;AAGF,IAAID,KAAQM,KAAWH,MAAqB,UAC1CC,EAAoB,UAAU;AAGhC,UAAMK,IAAQC,EAAe,QAAQ,MAAM;AACzC,MAAAN,EAAoB,MAAM;AAAA,IAC5B,CAAC;AAED,WAAO,MAAM;AACX,MAAAM,EAAe,OAAOD,CAAK;AAAA,IAC7B;AAAA,EACF,GAAG,CAACR,GAAiBD,GAAMM,GAASF,GAAqBD,CAAgB,CAAC,GAEnEE,EAAM;AAAA,IACX,OAAO;AAAA,MACL,SAAAC;AAAA,MACA,YAAAC;AAAA,MACA,kBAAAJ;AAAA,IAAA;AAAA,IAEF,CAACG,GAASH,CAAgB;AAAA,EAAA;AAE9B;"}

package/dist/components/hooks/useWindowSize.d.ts

@@ -0,0 +1,5 @@
+export declare function useWindowSize(): {
+    width: any;
+    height: any;
+};
+//# sourceMappingURL=useWindowSize.d.ts.map

package/dist/components/hooks/useWindowSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useWindowSize.ts"],"names":[],"mappings":"AAGA,wBAAgB,aAAa;;;EAuB5B"}

package/dist/components/hooks/useWindowSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowSize.js","sources":["../../../src/components/hooks/useWindowSize.ts"],"sourcesContent":["\"use client\";\nimport React from 'react';\n\nexport function useWindowSize() {\n  const [size, setSize] = React.useState({\n    width: null,\n    height: null,\n  });\n\n  React.useLayoutEffect(() => {\n    const handleResize = () => {\n      setSize({\n        width: window.innerWidth,\n        height: window.innerHeight,\n      });\n    };\n\n    handleResize();\n    window.addEventListener(\"resize\", handleResize);\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n  }, []);\n\n  return size;\n}\n"],"names":["useWindowSize","size","setSize","React","handleResize"],"mappings":";;AAGO,SAASA,IAAgB;AAC9B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS;AAAA,IACrC,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA,CACT;AAEDA,SAAAA,EAAM,gBAAgB,MAAM;AAC1B,UAAMC,IAAe,MAAM;AACjB,MAAAF,EAAA;AAAA,QACN,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,MAAA,CAChB;AAAA,IACH;AAEa,WAAAE,EAAA,GACN,OAAA,iBAAiB,UAAUA,CAAY,GAEvC,MAAM;AACJ,aAAA,oBAAoB,UAAUA,CAAY;AAAA,IACnD;AAAA,EACF,GAAG,EAAE,GAEEH;AACT;"}
+{"version":3,"file":"useWindowSize.js","sources":["../../../src/components/hooks/useWindowSize.ts"],"sourcesContent":["\"use client\";\nimport React from 'react';\n\nexport function useWindowSize() {\n  const [size, setSize] = React.useState({\n    width: null,\n    height: null,\n  });\n\n  React.useLayoutEffect(() => {\n    const handleResize = () => {\n      setSize({\n        width: window.innerWidth,\n        height: window.innerHeight,\n      });\n    };\n\n    handleResize();\n    window.addEventListener(\"resize\", handleResize);\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n  }, []);\n\n  return size;\n}\n"],"names":["useWindowSize","size","setSize","React","handleResize"],"mappings":";;AAGO,SAASA,IAAgB;AAC9B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS;AAAA,IACrC,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA,CACT;AAEDA,SAAAA,EAAM,gBAAgB,MAAM;AAC1B,UAAMC,IAAe,MAAM;AACzB,MAAAF,EAAQ;AAAA,QACN,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,MAAA,CAChB;AAAA,IACH;AAEA,WAAAE,EAAA,GACA,OAAO,iBAAiB,UAAUA,CAAY,GAEvC,MAAM;AACX,aAAO,oBAAoB,UAAUA,CAAY;AAAA,IACnD;AAAA,EACF,GAAG,CAAA,CAAE,GAEEH;AACT;"}

package/dist/components/icon-button/component.d.ts

@@ -0,0 +1,45 @@
+import { default as React, ElementType, Ref, ComponentPropsWithRef } from 'react';
+import { TooltipProps } from '../tooltip';
+import { WithRenderPropProps, ElementTypeToDOMType } from '../utils';
+export type IconButtonProps<E extends ElementType = "button"> = WithRenderPropProps<E, {
+    loading: boolean;
+}> & {
+    /**
+     * Label text or element to display within tooltip
+     * @default undefined
+     */
+    label?: React.ReactNode;
+    /**
+     * Size of the icon button: small (1.25rem) or medium (1.5rem)
+     * @default medium
+     */
+    size?: "small" | "medium";
+    /**
+     * Whether to apply negative margin for better visual alignment
+     * @default true
+     */
+    negativeMargin?: boolean;
+    /**
+     * Whether to show loading state
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Props to pass to the Tooltip component when wrapping the button
+     */
+    tooltipProps?: TooltipProps;
+    /**
+     * Whether to show active state
+     * @default false
+     */
+    active?: boolean;
+};
+/**
+ * Implementation of the IconButton component
+ */
+declare const IconButtonImpl: <E extends ElementType = "button">({ label, size, negativeMargin, children, className, tooltipProps, active, as, href, target, rel, download, hrefLang, referrerPolicy, loading, render, ...rest }: IconButtonProps<E>, ref: Ref<ElementTypeToDOMType<E>>) => import("react/jsx-runtime").JSX.Element;
+export declare const IconButton: <E extends ElementType = "button">(props: IconButtonProps<E> & {
+    ref?: ComponentPropsWithRef<E>["ref"];
+}) => ReturnType<typeof IconButtonImpl>;
+export {};
+//# sourceMappingURL=component.d.ts.map

package/dist/components/icon-button/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAEZ,KAAK,WAAW,EAChB,KAAK,GAAG,EACR,qBAAqB,EACtB,MAAM,OAAO,CAAC;AACf,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAGL,mBAAmB,EAEnB,oBAAoB,EACrB,MAAM,UAAU,CAAC;AAIlB,OAAO,aAAa,CAAC;AAGrB,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IAC1D,mBAAmB,CAAC,CAAC,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC,GAAG;IAC7C;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEJ;;GAEG;AACH,QAAA,MAAM,cAAc,GAAI,CAAC,SAAS,WAAW,GAAG,QAAQ,EACtD,iKAmBG,eAAe,CAAC,CAAC,CAAC,EACrB,KAAK,GAAG,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,4CAqDlC,CAAC;AAGF,eAAO,MAAM,UAAU,EAAiC,CACtD,CAAC,SAAS,WAAW,GAAG,QAAQ,EAEhC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;CAAE,KAClE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC"}

package/dist/components/icon-button/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/icon-button/component.tsx"],"sourcesContent":["\"use client\";\nimport React, {\n  forwardRef,\n  type ElementType,\n  type Ref,\n  ComponentPropsWithRef,\n} from \"react\";\nimport { Tooltip, TooltipProps } from \"../tooltip\";\nimport {\n  useCls,\n  clsx,\n  WithRenderPropProps,\n  WithRenderProp,\n  ElementTypeToDOMType,\n} from \"../utils\";\nimport { Spin } from \"../spin\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Base props without href/as handling\nexport type IconButtonProps<E extends ElementType = \"button\"> =\n  WithRenderPropProps<E, { loading: boolean }> & {\n    /**\n     * Label text or element to display within tooltip\n     * @default undefined\n     */\n    label?: React.ReactNode;\n    /**\n     * Size of the icon button: small (1.25rem) or medium (1.5rem)\n     * @default medium\n     */\n    size?: \"small\" | \"medium\";\n    /**\n     * Whether to apply negative margin for better visual alignment\n     * @default true\n     */\n    negativeMargin?: boolean;\n    /**\n     * Whether to show loading state\n     * @default false\n     */\n    loading?: boolean;\n    /**\n     * Props to pass to the Tooltip component when wrapping the button\n     */\n    tooltipProps?: TooltipProps;\n    /**\n     * Whether to show active state\n     * @default false\n     */\n    active?: boolean;\n  };\n\n/**\n * Implementation of the IconButton component\n */\nconst IconButtonImpl = <E extends ElementType = \"button\">(\n  {\n    label,\n    size = \"medium\",\n    negativeMargin = true,\n    children,\n    className,\n    tooltipProps = {},\n    active = false,\n    as,\n    href,\n    // Extract anchor-specific props\n    target,\n    rel,\n    download,\n    hrefLang,\n    referrerPolicy,\n    loading,\n    render,\n    ...rest\n  }: IconButtonProps<E>,\n  ref: Ref<ElementTypeToDOMType<E>>\n) => {\n  const cls = useCls();\n  const buttonClasses = clsx(\n    cls(\n      \"icon-button\",\n      `icon-button-${size}`,\n      active && \"icon-button-active\",\n      negativeMargin && \"icon-button-negative-margin\"\n    ),\n    className\n  );\n\n  // Use a type assertion for the component to avoid TypeScript errors\n  const Component = (as || (href ? \"a\" : \"button\")) as ElementType;\n\n  const elementProps = {\n    ref,\n    className: buttonClasses,\n    ...(Component === \"button\" && { type: \"button\" }),\n    ...(Component === \"a\"\n      ? {\n          ...(href && { href }),\n          ...(target !== undefined && { target }),\n          ...(rel !== undefined && { rel }),\n          ...(download !== undefined && { download }),\n          ...(hrefLang !== undefined && { hrefLang }),\n          ...(referrerPolicy !== undefined && { referrerPolicy }),\n        }\n      : {}),\n    \"data-loading\": loading,\n    children: loading ? <Spin /> : children,\n    ...rest,\n  };\n\n  const element = (\n    <WithRenderProp\n      as={Component}\n      render={render}\n      {...elementProps}\n      state={{\n        loading,\n      }}\n    />\n  );\n\n  return label ? (\n    <Tooltip title={label} arrow={false} {...tooltipProps}>\n      {element}\n    </Tooltip>\n  ) : (\n    element\n  );\n};\n\n// Export with correct typing\nexport const IconButton = forwardRef(IconButtonImpl) as <\n  E extends ElementType = \"button\"\n>(\n  props: IconButtonProps<E> & { ref?: ComponentPropsWithRef<E>[\"ref\"] }\n) => ReturnType<typeof IconButtonImpl>;\n"],"names":["IconButtonImpl","label","size","negativeMargin","children","className","tooltipProps","active","as","href","target","rel","download","hrefLang","referrerPolicy","loading","render","rest","ref","cls","useCls","buttonClasses","clsx","Component","elementProps","jsx","Spin","element","WithRenderProp","Tooltip","IconButton","forwardRef"],"mappings":";;;;;;;;;AAyDA,MAAMA,IAAiB,CACrB;AAAA,EACE,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,gBAAAC,IAAiB;AAAA,EACjB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC,IAAe,CAAC;AAAA,EAChB,QAAAC,IAAS;AAAA,EACT,IAAAC;AAAA,EACA,MAAAC;AAAA;AAAA,EAEA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAO,GACbC,IAAgBC;AAAA,IACpBH;AAAA,MACE;AAAA,MACA,eAAejB,CAAI;AAAA,MACnBK,KAAU;AAAA,MACVJ,KAAkB;AAAA,IACpB;AAAA,IACAE;AAAA,EACF,GAGMkB,IAAaf,MAAOC,IAAO,MAAM,WAEjCe,IAAe;AAAA,IACnB,KAAAN;AAAA,IACA,WAAWG;AAAA,IACX,GAAIE,MAAc,YAAY,EAAE,MAAM,SAAS;AAAA,IAC/C,GAAIA,MAAc,MACd;AAAA,MACE,GAAId,KAAQ,EAAE,MAAAA,EAAK;AAAA,MACnB,GAAIC,MAAW,UAAa,EAAE,QAAAA,EAAO;AAAA,MACrC,GAAIC,MAAQ,UAAa,EAAE,KAAAA,EAAI;AAAA,MAC/B,GAAIC,MAAa,UAAa,EAAE,UAAAA,EAAS;AAAA,MACzC,GAAIC,MAAa,UAAa,EAAE,UAAAA,EAAS;AAAA,MACzC,GAAIC,MAAmB,UAAa,EAAE,gBAAAA,EAAe;AAAA,IAAA,IAEvD,CAAC;AAAA,IACL,gBAAgBC;AAAA,IAChB,UAAUA,IAAW,gBAAAU,EAAAC,GAAA,CAAA,CAAK,IAAKtB;AAAA,IAC/B,GAAGa;AAAA,EACL,GAEMU,IACJ,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,IAAIL;AAAA,MACJ,QAAAP;AAAA,MACC,GAAGQ;AAAA,MACJ,OAAO;AAAA,QACL,SAAAT;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAGK,SAAAd,IACJ,gBAAAwB,EAAAI,GAAA,EAAQ,OAAO5B,GAAO,OAAO,IAAQ,GAAGK,GACtC,UAAAqB,EAAA,CACH,IAEAA;AAEJ,GAGaG,IAAaC,EAAW/B,CAAc;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/icon-button/component.tsx"],"sourcesContent":["\"use client\";\nimport React, {\n  forwardRef,\n  type ElementType,\n  type Ref,\n  ComponentPropsWithRef,\n} from \"react\";\nimport { Tooltip, TooltipProps } from \"../tooltip\";\nimport {\n  useCls,\n  clsx,\n  WithRenderPropProps,\n  WithRenderProp,\n  ElementTypeToDOMType,\n} from \"../utils\";\nimport { Spin } from \"../spin\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Base props without href/as handling\nexport type IconButtonProps<E extends ElementType = \"button\"> =\n  WithRenderPropProps<E, { loading: boolean }> & {\n    /**\n     * Label text or element to display within tooltip\n     * @default undefined\n     */\n    label?: React.ReactNode;\n    /**\n     * Size of the icon button: small (1.25rem) or medium (1.5rem)\n     * @default medium\n     */\n    size?: \"small\" | \"medium\";\n    /**\n     * Whether to apply negative margin for better visual alignment\n     * @default true\n     */\n    negativeMargin?: boolean;\n    /**\n     * Whether to show loading state\n     * @default false\n     */\n    loading?: boolean;\n    /**\n     * Props to pass to the Tooltip component when wrapping the button\n     */\n    tooltipProps?: TooltipProps;\n    /**\n     * Whether to show active state\n     * @default false\n     */\n    active?: boolean;\n  };\n\n/**\n * Implementation of the IconButton component\n */\nconst IconButtonImpl = <E extends ElementType = \"button\">(\n  {\n    label,\n    size = \"medium\",\n    negativeMargin = true,\n    children,\n    className,\n    tooltipProps = {},\n    active = false,\n    as,\n    href,\n    // Extract anchor-specific props\n    target,\n    rel,\n    download,\n    hrefLang,\n    referrerPolicy,\n    loading,\n    render,\n    ...rest\n  }: IconButtonProps<E>,\n  ref: Ref<ElementTypeToDOMType<E>>\n) => {\n  const cls = useCls();\n  const buttonClasses = clsx(\n    cls(\n      \"icon-button\",\n      `icon-button-${size}`,\n      active && \"icon-button-active\",\n      negativeMargin && \"icon-button-negative-margin\"\n    ),\n    className\n  );\n\n  // Use a type assertion for the component to avoid TypeScript errors\n  const Component = (as || (href ? \"a\" : \"button\")) as ElementType;\n\n  const elementProps = {\n    ref,\n    className: buttonClasses,\n    ...(Component === \"button\" && { type: \"button\" }),\n    ...(Component === \"a\"\n      ? {\n          ...(href && { href }),\n          ...(target !== undefined && { target }),\n          ...(rel !== undefined && { rel }),\n          ...(download !== undefined && { download }),\n          ...(hrefLang !== undefined && { hrefLang }),\n          ...(referrerPolicy !== undefined && { referrerPolicy }),\n        }\n      : {}),\n    \"data-loading\": loading,\n    children: loading ? <Spin /> : children,\n    ...rest,\n  };\n\n  const element = (\n    <WithRenderProp\n      as={Component}\n      render={render}\n      {...elementProps}\n      state={{\n        loading,\n      }}\n    />\n  );\n\n  return label ? (\n    <Tooltip title={label} arrow={false} {...tooltipProps}>\n      {element}\n    </Tooltip>\n  ) : (\n    element\n  );\n};\n\n// Export with correct typing\nexport const IconButton = forwardRef(IconButtonImpl) as <\n  E extends ElementType = \"button\"\n>(\n  props: IconButtonProps<E> & { ref?: ComponentPropsWithRef<E>[\"ref\"] }\n) => ReturnType<typeof IconButtonImpl>;\n"],"names":["IconButtonImpl","label","size","negativeMargin","children","className","tooltipProps","active","as","href","target","rel","download","hrefLang","referrerPolicy","loading","render","rest","ref","cls","useCls","buttonClasses","clsx","Component","elementProps","jsx","Spin","element","WithRenderProp","Tooltip","IconButton","forwardRef"],"mappings":";;;;;;;;;AAyDA,MAAMA,IAAiB,CACrB;AAAA,EACE,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,gBAAAC,IAAiB;AAAA,EACjB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC,IAAe,CAAA;AAAA,EACf,QAAAC,IAAS;AAAA,EACT,IAAAC;AAAA,EACA,MAAAC;AAAA;AAAA,EAEA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAA,GACNC,IAAgBC;AAAA,IACpBH;AAAA,MACE;AAAA,MACA,eAAejB,CAAI;AAAA,MACnBK,KAAU;AAAA,MACVJ,KAAkB;AAAA,IAAA;AAAA,IAEpBE;AAAA,EAAA,GAIIkB,IAAaf,MAAOC,IAAO,MAAM,WAEjCe,IAAe;AAAA,IACnB,KAAAN;AAAA,IACA,WAAWG;AAAA,IACX,GAAIE,MAAc,YAAY,EAAE,MAAM,SAAA;AAAA,IACtC,GAAIA,MAAc,MACd;AAAA,MACE,GAAId,KAAQ,EAAE,MAAAA,EAAA;AAAA,MACd,GAAIC,MAAW,UAAa,EAAE,QAAAA,EAAA;AAAA,MAC9B,GAAIC,MAAQ,UAAa,EAAE,KAAAA,EAAA;AAAA,MAC3B,GAAIC,MAAa,UAAa,EAAE,UAAAA,EAAA;AAAA,MAChC,GAAIC,MAAa,UAAa,EAAE,UAAAA,EAAA;AAAA,MAChC,GAAIC,MAAmB,UAAa,EAAE,gBAAAA,EAAA;AAAA,IAAe,IAEvD,CAAA;AAAA,IACJ,gBAAgBC;AAAA,IAChB,UAAUA,IAAU,gBAAAU,EAACC,GAAA,CAAA,CAAK,IAAKtB;AAAA,IAC/B,GAAGa;AAAA,EAAA,GAGCU,IACJ,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,IAAIL;AAAA,MACJ,QAAAP;AAAA,MACC,GAAGQ;AAAA,MACJ,OAAO;AAAA,QACL,SAAAT;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAIJ,SAAOd,IACL,gBAAAwB,EAACI,GAAA,EAAQ,OAAO5B,GAAO,OAAO,IAAQ,GAAGK,GACtC,UAAAqB,EAAA,CACH,IAEAA;AAEJ,GAGaG,IAAaC,EAAW/B,CAAc;"}

package/dist/components/icon-button/index.d.ts

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

package/dist/components/icon-button/index.d.ts.map

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

package/dist/components/index.d.ts

@@ -0,0 +1,53 @@
+export { Affix, Alert, Anchor, App, AutoComplete, Avatar, BackTop, Calendar, Card, Carousel, Cascader, Col, ColorPicker, ConfigProvider, DatePicker, Descriptions, Divider, Drawer, Dropdown, Flex, FloatButton, Grid, InputNumber, Layout, List, Mentions, Menu, message, notification, Pagination, Popconfirm, Progress, QRCode, Rate, Result, Row, Skeleton, Space, Statistic, Steps, Tabs, theme, TimePicker, Timeline, Transfer, TreeSelect, Typography, version, Watermark, unstableSetRender, } from 'antd';
+export type { AffixProps, AffixRef, AlertProps, AnchorLinkProps, AnchorProps, AppProps, AutoCompleteProps, AvatarProps, BackTopProps, CalendarMode, CalendarProps, CardProps, CarouselProps, CascaderProps, CascaderAutoProps, CascaderPanelProps, CascaderPanelAutoProps, CheckboxChangeEvent, CheckboxOptionType, CheckboxRef, ColProps, ColorPickerProps, ConfigProviderProps, ThemeConfig, DatePickerProps, DescriptionsProps, DividerProps, DrawerProps, DropDownProps, DropdownProps, FlexProps, FloatButtonGroupProps, FloatButtonProps, FloatButtonRef, FormInstance, FormListFieldData, FormListOperation, FormProps, InputNumberProps, LayoutProps, SiderProps, ListProps, MentionProps, MentionsProps, MenuItemProps, MenuProps, MenuRef, MenuTheme, SubMenuProps, MessageArgsProps, ModalFuncProps, NotificationArgsProps, PaginationProps, PopconfirmProps, ProgressProps, QRCodeProps, QRPropsCanvas, QRPropsSvg, RateProps, ResultProps, RowProps, RefSelectProps, SkeletonProps, SliderSingleProps, SpaceProps, CountdownProps, StatisticProps, StepProps, StepsProps, TableColumnGroupType, TableColumnProps, TableColumnType, TableColumnsType, TablePaginationConfig, TabPaneProps, TabsProps, TagType, GlobalToken, MappingAlgorithm, TimePickerProps, TimeRangePickerProps, TimelineItemProps, TimelineProps, TransferProps, TreeSelectProps, TypographyProps, UploadFile, WatermarkProps, } from 'antd';
+export * from './select/index';
+export * from './modal/index';
+export * from './icon-button/index';
+export * from './switch/component';
+export * from './checkbox/index';
+export * from './segmented/index';
+export * from './table/component';
+export * from './tag/component';
+export * from './theme-provider/component';
+export * from './splitter/component';
+export * from './truncate/component';
+export * from './dropdown-menu/index';
+export * from './command-palette/index';
+export * from './keyboard-shortcut/index';
+export * from './transition/index';
+export * from './upload/index';
+export * from './scroll-area/index';
+export * from './popover/index';
+export * from './slider/component';
+export * from './tooltip/component';
+export * from './breadcrumb/index';
+export * from './tree/index';
+export * from './spin/index';
+export * from './empty/component';
+export * from './form/component';
+export * from './field/component';
+export * from './tour/component';
+export * from './toast/index';
+export * from './vertical-collapsible-panel/index';
+export * from './popup-panel/index';
+export * from './code-block/index';
+export * from './stack/index';
+export * from './collapse/index';
+export * from './empty/index';
+export * from './input/index';
+export * from './badge/component';
+export * from './radio/index';
+export * from './button/component';
+export * from './ds-root/index';
+export * from './drag-drop/index';
+export * from './color-select/index';
+export * from './nav/index';
+export * from './choice-list/index';
+export * from './status-icon/index';
+export * from './resizable/index';
+export * from './combobox/index';
+export * from './select-trigger/index';
+export * from './loader/index';
+export * from './utils/index';
+export * from './hooks/index';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,GAAG,EACH,YAAY,EACZ,MAAM,EACN,OAAO,EAIP,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,EAER,GAAG,EAEH,WAAW,EACX,cAAc,EACd,UAAU,EACV,YAAY,EACZ,OAAO,EACP,MAAM,EACN,QAAQ,EAER,IAAI,EACJ,WAAW,EAEX,IAAI,EAGJ,WAAW,EACX,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,OAAO,EAEP,YAAY,EACZ,UAAU,EACV,UAAU,EAEV,QAAQ,EACR,MAAM,EAEN,IAAI,EACJ,MAAM,EACN,GAAG,EAGH,QAAQ,EAER,KAAK,EAEL,SAAS,EACT,KAAK,EAGL,IAAI,EAEJ,KAAK,EACL,UAAU,EACV,QAAQ,EAGR,QAAQ,EAER,UAAU,EACV,UAAU,EAEV,OAAO,EACP,SAAS,EAET,iBAAiB,GAClB,MAAM,MAAM,CAAC;AAEd,YAAY,EACV,UAAU,EACV,QAAQ,EACR,UAAU,EACV,eAAe,EACf,WAAW,EACX,QAAQ,EACR,iBAAiB,EACjB,WAAW,EACX,YAAY,EAKZ,YAAY,EACZ,aAAa,EACb,SAAS,EACT,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,mBAAmB,EACnB,kBAAkB,EAElB,WAAW,EACX,QAAQ,EAGR,gBAAgB,EAChB,mBAAmB,EACnB,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,aAAa,EACb,aAAa,EAEb,SAAS,EACT,qBAAqB,EACrB,gBAAgB,EAChB,cAAc,EACd,YAAY,EAEZ,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,EAIT,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,SAAS,EACT,YAAY,EACZ,aAAa,EACb,aAAa,EACb,SAAS,EACT,OAAO,EACP,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,cAAc,EAEd,qBAAqB,EACrB,eAAe,EACf,eAAe,EAEf,aAAa,EACb,WAAW,EACX,aAAa,EACb,UAAU,EAIV,SAAS,EACT,WAAW,EACX,QAAQ,EAER,cAAc,EAEd,aAAa,EACb,iBAAiB,EACjB,UAAU,EAEV,cAAc,EACd,cAAc,EACd,SAAS,EACT,UAAU,EAEV,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EAErB,YAAY,EACZ,SAAS,EAET,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,EAIb,aAAa,EAIb,eAAe,EACf,eAAe,EACf,UAAU,EAGV,cAAc,GAEf,MAAM,MAAM,CAAC;AAEd,cAAc,gBAAgB,CAAC;AAE/B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,oCAAoC,CAAC;AACnD,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

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

@@ -0,0 +1,29 @@
+import { InputProps as AntInputProps, InputRef } from 'antd';
+import { PasswordProps as AntPasswordProps, SearchProps as AntSearchProps, TextAreaProps as AntTextAreaProps } from 'antd/es/input';
+export interface InputProps extends AntInputProps {
+}
+export interface PasswordProps extends AntPasswordProps {
+}
+export interface TextAreaProps extends AntTextAreaProps {
+}
+export interface SearchProps extends AntSearchProps {
+}
+declare const MainInputInner: (props: InputProps, ref: React.Ref<InputRef>) => import("react/jsx-runtime").JSX.Element;
+declare const PasswordInner: (props: PasswordProps, ref: React.Ref<InputRef>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchInner: ({ enterButton, onSearch, prefix, onPressEnter, onClear, loading, ...rest }: SearchProps, ref: React.Ref<InputRef>) => import("react/jsx-runtime").JSX.Element;
+declare const TextAreaInner: (props: TextAreaProps, ref: React.Ref<HTMLTextAreaElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const Input: ((props: InputProps & {
+    ref?: React.ForwardedRef<InputRef>;
+}) => ReturnType<typeof MainInputInner>) & {
+    Password: (props: PasswordProps & {
+        ref?: React.ForwardedRef<InputRef>;
+    }) => ReturnType<typeof PasswordInner>;
+    Search: (props: SearchProps & {
+        ref?: React.ForwardedRef<InputRef>;
+    }) => ReturnType<typeof SearchInner>;
+    TextArea: (props: TextAreaProps & {
+        ref?: React.ForwardedRef<HTMLTextAreaElement>;
+    }) => ReturnType<typeof TextAreaInner>;
+};
+export {};
+//# sourceMappingURL=component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/input/component.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,UAAU,IAAI,aAAa,EAChC,KAAK,QAAQ,EACd,MAAM,MAAM,CAAC;AACd,OAAO,EAAE,KAAK,aAAa,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,KAAK,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,KAAK,aAAa,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAKvE,OAAO,aAAa,CAAC;AAIrB,MAAM,WAAW,UAAW,SAAQ,aAAa;CAAG;AACpD,MAAM,WAAW,aAAc,SAAQ,gBAAgB;CAAG;AAC1D,MAAM,WAAW,aAAc,SAAQ,gBAAgB;CAAG;AAC1D,MAAM,WAAW,WAAY,SAAQ,cAAc;CAAG;AAGtD,QAAA,MAAM,cAAc,GAAI,OAAO,UAAU,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,4CAElE,CAAC;AAGF,QAAA,MAAM,aAAa,GAAI,OAAO,aAAa,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,4CAiBpE,CAAC;AAGF,QAAA,MAAM,WAAW,GACf,4EAQG,WAAW,EACd,KAAK,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,4CA6CzB,CAAC;AAGF,QAAA,MAAM,aAAa,GACjB,OAAO,aAAa,EACpB,KAAK,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,4CAGpC,CAAC;AA+BF,eAAO,MAAM,KAAK,WA3BT,UAAU,GAAG;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;CACpC,KACE,UAAU,CAAC,OAAO,cAAc,CAAC;sBAI7B,aAAa,GAAG;QACrB,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;KACpC,KACE,UAAU,CAAC,OAAO,aAAa,CAAC;oBAI5B,WAAW,GAAG;QACnB,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;KACpC,KACE,UAAU,CAAC,OAAO,WAAW,CAAC;sBAI1B,aAAa,GAAG;QACrB,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAC;KAC/C,KACE,UAAU,CAAC,OAAO,aAAa,CAAC;CAOnC,CAAC"}

package/dist/components/input/component.js

@@ -1,71 +1,71 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { MagnifyingGlassIcon as p, EyeIcon as x, EyeClosedIcon as C } from "@bioturing/assets";
-import { Input as n } from "antd";
-import { forwardRef as i, useCallback as d, useMemo as P } from "react";
+import { Input as o } from "antd";
+import { forwardRef as a, useCallback as d, useMemo as P } from "react";
 import './style.css';/* empty css          */
 import { useCls as g } from "../utils/antdUtils.js";
-import { Spin as z } from "../spin/component.js";
-import { IconButton as M } from "../icon-button/component.js";
-const T = (t, s) => /* @__PURE__ */ r(n, { ref: s, ...t }), y = (t, s) => {
-  const o = P(() => ({
-    iconRender: (e) => /* @__PURE__ */ r(
-      M,
+import { Spin as h } from "../spin/component.js";
+import { IconButton as z } from "../icon-button/component.js";
+const M = (s, r) => /* @__PURE__ */ e(o, { ref: r, ...s }), T = (s, r) => {
+  const t = P(() => ({
+    iconRender: (n) => /* @__PURE__ */ e(
+      z,
       {
         size: "small",
-        label: e ? "Hide password" : "Show password",
-        children: e ? /* @__PURE__ */ r(x, {}) : /* @__PURE__ */ r(C, {})
+        label: n ? "Hide password" : "Show password",
+        children: n ? /* @__PURE__ */ e(x, {}) : /* @__PURE__ */ e(C, {})
       }
     ),
-    ...t
-  }), [t]);
-  return /* @__PURE__ */ r(n.Password, { ref: s, ...o });
-}, A = ({
-  enterButton: t = !1,
-  onSearch: s,
-  prefix: o,
-  onPressEnter: e,
-  onClear: a,
-  loading: u,
-  ...c
+    ...s
+  }), [s]);
+  return /* @__PURE__ */ e(o.Password, { ref: r, ...t });
+}, y = ({
+  enterButton: s = !1,
+  onSearch: r,
+  prefix: t,
+  onPressEnter: n,
+  onClear: c,
+  loading: i,
+  ...u
 }, l) => {
   const I = g(), f = d(
     (m) => {
-      s == null || s(m.currentTarget.value, m, { source: "input" });
+      r?.(m.currentTarget.value, m, { source: "input" });
     },
-    [s]
+    [r]
   ), w = d(() => {
-    s == null || s("", void 0, { source: "clear" });
-  }, [s]);
-  return t === !1 ? /* @__PURE__ */ r(
-    n,
+    r?.("", void 0, { source: "clear" });
+  }, [r]);
+  return s === !1 ? /* @__PURE__ */ e(
+    o,
     {
       ref: l,
-      prefix: o || (u ? /* @__PURE__ */ r(z, { size: 16 }) : /* @__PURE__ */ r(p, { size: 16, className: I("input-search-icon") })),
-      onPressEnter: e || f,
-      onClear: a || w,
+      prefix: t || (i ? /* @__PURE__ */ e(h, { size: 16 }) : /* @__PURE__ */ e(p, { size: 16, className: I("input-search-icon") })),
+      onPressEnter: n || f,
+      onClear: c || w,
       allowClear: !0,
-      ...c
+      ...u
     }
-  ) : /* @__PURE__ */ r(
-    n.Search,
+  ) : /* @__PURE__ */ e(
+    o.Search,
     {
       ref: l,
-      prefix: o,
-      onPressEnter: e,
-      onSearch: s,
-      onClear: a,
-      loading: u,
-      enterButton: t === !0 ? /* @__PURE__ */ r(p, { size: 16 }) : t,
-      ...c
+      prefix: t,
+      onPressEnter: n,
+      onSearch: r,
+      onClear: c,
+      loading: i,
+      enterButton: s === !0 ? /* @__PURE__ */ e(p, { size: 16 }) : s,
+      ...u
     }
   );
-}, E = (t, s) => /* @__PURE__ */ r(n.TextArea, { ref: s, ...t }), b = i(T), j = i(y), R = i(A), k = i(E), D = Object.assign(b, {
-  Password: j,
-  Search: R,
-  TextArea: k
+}, A = (s, r) => /* @__PURE__ */ e(o.TextArea, { ref: r, ...s }), E = a(M), b = a(T), j = a(y), R = a(A), v = Object.assign(E, {
+  Password: b,
+  Search: j,
+  TextArea: R
 });
 export {
-  D as Input
+  v as Input
 };
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/input/component.tsx"],"sourcesContent":["\"use client\";\nimport { EyeIcon, EyeClosedIcon, MagnifyingGlassIcon } from \"@bioturing/assets\";\nimport {\n  Input as AntInput,\n  type InputProps as AntInputProps,\n  type InputRef,\n} from \"antd\";\nimport { type PasswordProps as AntPasswordProps } from \"antd/es/input\";\nimport { type SearchProps as AntSearchProps } from \"antd/es/input\";\nimport { type TextAreaProps as AntTextAreaProps } from \"antd/es/input\";\nimport { forwardRef, useCallback, useMemo } from \"react\";\nimport { useCls } from \"../utils\";\nimport { Spin } from \"../spin\";\n\nimport \"./style.css\";\nimport { IconButton } from \"../icon-button\";\n\n// Define props interfaces\nexport interface InputProps extends AntInputProps {}\nexport interface PasswordProps extends AntPasswordProps {}\nexport interface TextAreaProps extends AntTextAreaProps {}\nexport interface SearchProps extends AntSearchProps {}\n\n// Create inner function for main Input\nconst MainInputInner = (props: InputProps, ref: React.Ref<InputRef>) => {\n  return <AntInput ref={ref} {...props} />;\n};\n\n// Create inner function for Password\nconst PasswordInner = (props: PasswordProps, ref: React.Ref<InputRef>) => {\n  // Apply default iconRender unless overridden by props\n  const mergedProps = useMemo(() => {\n    return {\n      iconRender: (visible: boolean) => (\n        <IconButton\n          size=\"small\"\n          label={visible ? \"Hide password\" : \"Show password\"}\n        >\n          {visible ? <EyeIcon /> : <EyeClosedIcon />}\n        </IconButton>\n      ),\n      ...props,\n    };\n  }, [props]);\n\n  return <AntInput.Password ref={ref} {...mergedProps} />;\n};\n\n// Create inner function for Search\nconst SearchInner = (\n  {\n    enterButton = false,\n    onSearch,\n    prefix,\n    onPressEnter,\n    onClear,\n    loading,\n    ...rest\n  }: SearchProps,\n  ref: React.Ref<InputRef>\n) => {\n  const cls = useCls();\n\n  const handlePressEnter = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      onSearch?.(event.currentTarget.value, event, { source: \"input\" });\n    },\n    [onSearch]\n  );\n\n  const handleClear = useCallback(() => {\n    onSearch?.(\"\", undefined, { source: \"clear\" });\n  }, [onSearch]);\n\n  return enterButton === false ? (\n    <AntInput\n      ref={ref}\n      prefix={\n        prefix ||\n        (loading ? (\n          <Spin size={16} />\n        ) : (\n          <MagnifyingGlassIcon size={16} className={cls(\"input-search-icon\")} />\n        ))\n      }\n      onPressEnter={onPressEnter || handlePressEnter}\n      onClear={onClear || handleClear}\n      allowClear\n      {...rest}\n    />\n  ) : (\n    <AntInput.Search\n      ref={ref}\n      prefix={prefix}\n      onPressEnter={onPressEnter}\n      onSearch={onSearch}\n      onClear={onClear}\n      loading={loading}\n      enterButton={\n        enterButton === true ? <MagnifyingGlassIcon size={16} /> : enterButton\n      }\n      {...rest}\n    />\n  );\n};\n\n// Create inner function for TextArea\nconst TextAreaInner = (\n  props: TextAreaProps,\n  ref: React.Ref<HTMLTextAreaElement>\n) => {\n  return <AntInput.TextArea ref={ref} {...props} />;\n};\n\n// Use forwardRef with type assertion for main Input\nconst MainInput = forwardRef(MainInputInner) as (\n  props: InputProps & {\n    ref?: React.ForwardedRef<InputRef>;\n  }\n) => ReturnType<typeof MainInputInner>;\n\n// Use forwardRef with type assertion for Password\nconst Password = forwardRef(PasswordInner) as (\n  props: PasswordProps & {\n    ref?: React.ForwardedRef<InputRef>;\n  }\n) => ReturnType<typeof PasswordInner>;\n\n// Use forwardRef with type assertion for Search\nconst Search = forwardRef(SearchInner) as (\n  props: SearchProps & {\n    ref?: React.ForwardedRef<InputRef>;\n  }\n) => ReturnType<typeof SearchInner>;\n\n// Use forwardRef with type assertion for TextArea\nconst TextArea = forwardRef(TextAreaInner) as (\n  props: TextAreaProps & {\n    ref?: React.ForwardedRef<HTMLTextAreaElement>;\n  }\n) => ReturnType<typeof TextAreaInner>;\n\n// Export the final composed component\nexport const Input = Object.assign(MainInput, {\n  Password,\n  Search,\n  TextArea,\n});\n"],"names":["MainInputInner","props","ref","jsx","AntInput","PasswordInner","mergedProps","useMemo","visible","IconButton","EyeIcon","EyeClosedIcon","SearchInner","enterButton","onSearch","prefix","onPressEnter","onClear","loading","rest","cls","useCls","handlePressEnter","useCallback","event","handleClear","Spin","MagnifyingGlassIcon","TextAreaInner","MainInput","forwardRef","Password","Search","TextArea","Input"],"mappings":";;;;;;;;;AAwBA,MAAMA,IAAiB,CAACC,GAAmBC,MACjC,gBAAAC,EAAAC,GAAA,EAAS,KAAAF,GAAW,GAAGD,EAAO,CAAA,GAIlCI,IAAgB,CAACJ,GAAsBC,MAA6B;AAElE,QAAAI,IAAcC,EAAQ,OACnB;AAAA,IACL,YAAY,CAACC,MACX,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOD,IAAU,kBAAkB;AAAA,QAElC,UAAUA,IAAA,gBAAAL,EAACO,GAAQ,CAAA,CAAA,sBAAMC,GAAc,CAAA,CAAA;AAAA,MAAA;AAAA,IAC1C;AAAA,IAEF,GAAGV;AAAA,EACL,IACC,CAACA,CAAK,CAAC;AAEV,2BAAQG,EAAS,UAAT,EAAkB,KAAAF,GAAW,GAAGI,GAAa;AACvD,GAGMM,IAAc,CAClB;AAAA,EACE,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GACAjB,MACG;AACH,QAAMkB,IAAMC,EAAO,GAEbC,IAAmBC;AAAA,IACvB,CAACC,MAAiD;AAChD,MAAAV,KAAA,QAAAA,EAAWU,EAAM,cAAc,OAAOA,GAAO,EAAE,QAAQ;IACzD;AAAA,IACA,CAACV,CAAQ;AAAA,EACX,GAEMW,IAAcF,EAAY,MAAM;AACpC,IAAAT,KAAA,QAAAA,EAAW,IAAI,QAAW,EAAE,QAAQ;EAAS,GAC5C,CAACA,CAAQ,CAAC;AAEb,SAAOD,MAAgB,KACrB,gBAAAV;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,QACEa,MACCG,IACC,gBAAAf,EAACuB,KAAK,MAAM,IAAI,IAEhB,gBAAAvB,EAACwB,KAAoB,MAAM,IAAI,WAAWP,EAAI,mBAAmB,EAAG,CAAA;AAAA,MAGxE,cAAcJ,KAAgBM;AAAA,MAC9B,SAASL,KAAWQ;AAAA,MACpB,YAAU;AAAA,MACT,GAAGN;AAAA,IAAA;AAAA,EAAA,IAGN,gBAAAhB;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACC,KAAAF;AAAA,MACA,QAAAa;AAAA,MACA,cAAAC;AAAA,MACA,UAAAF;AAAA,MACA,SAAAG;AAAA,MACA,SAAAC;AAAA,MACA,aACEL,MAAgB,uBAAQc,GAAoB,EAAA,MAAM,GAAI,CAAA,IAAKd;AAAA,MAE5D,GAAGM;AAAA,IAAA;AAAA,EACN;AAEJ,GAGMS,IAAgB,CACpB3B,GACAC,wBAEQE,EAAS,UAAT,EAAkB,KAAAF,GAAW,GAAGD,GAAO,GAI3C4B,IAAYC,EAAW9B,CAAc,GAOrC+B,IAAWD,EAAWzB,CAAa,GAOnC2B,IAASF,EAAWlB,CAAW,GAO/BqB,IAAWH,EAAWF,CAAa,GAO5BM,IAAQ,OAAO,OAAOL,GAAW;AAAA,EAC5C,UAAAE;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AACF,CAAC;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/input/component.tsx"],"sourcesContent":["\"use client\";\nimport { EyeIcon, EyeClosedIcon, MagnifyingGlassIcon } from \"@bioturing/assets\";\nimport {\n  Input as AntInput,\n  type InputProps as AntInputProps,\n  type InputRef,\n} from \"antd\";\nimport { type PasswordProps as AntPasswordProps } from \"antd/es/input\";\nimport { type SearchProps as AntSearchProps } from \"antd/es/input\";\nimport { type TextAreaProps as AntTextAreaProps } from \"antd/es/input\";\nimport { forwardRef, useCallback, useMemo } from \"react\";\nimport { useCls } from \"../utils\";\nimport { Spin } from \"../spin\";\n\nimport \"./style.css\";\nimport { IconButton } from \"../icon-button\";\n\n// Define props interfaces\nexport interface InputProps extends AntInputProps {}\nexport interface PasswordProps extends AntPasswordProps {}\nexport interface TextAreaProps extends AntTextAreaProps {}\nexport interface SearchProps extends AntSearchProps {}\n\n// Create inner function for main Input\nconst MainInputInner = (props: InputProps, ref: React.Ref<InputRef>) => {\n  return <AntInput ref={ref} {...props} />;\n};\n\n// Create inner function for Password\nconst PasswordInner = (props: PasswordProps, ref: React.Ref<InputRef>) => {\n  // Apply default iconRender unless overridden by props\n  const mergedProps = useMemo(() => {\n    return {\n      iconRender: (visible: boolean) => (\n        <IconButton\n          size=\"small\"\n          label={visible ? \"Hide password\" : \"Show password\"}\n        >\n          {visible ? <EyeIcon /> : <EyeClosedIcon />}\n        </IconButton>\n      ),\n      ...props,\n    };\n  }, [props]);\n\n  return <AntInput.Password ref={ref} {...mergedProps} />;\n};\n\n// Create inner function for Search\nconst SearchInner = (\n  {\n    enterButton = false,\n    onSearch,\n    prefix,\n    onPressEnter,\n    onClear,\n    loading,\n    ...rest\n  }: SearchProps,\n  ref: React.Ref<InputRef>\n) => {\n  const cls = useCls();\n\n  const handlePressEnter = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      onSearch?.(event.currentTarget.value, event, { source: \"input\" });\n    },\n    [onSearch]\n  );\n\n  const handleClear = useCallback(() => {\n    onSearch?.(\"\", undefined, { source: \"clear\" });\n  }, [onSearch]);\n\n  return enterButton === false ? (\n    <AntInput\n      ref={ref}\n      prefix={\n        prefix ||\n        (loading ? (\n          <Spin size={16} />\n        ) : (\n          <MagnifyingGlassIcon size={16} className={cls(\"input-search-icon\")} />\n        ))\n      }\n      onPressEnter={onPressEnter || handlePressEnter}\n      onClear={onClear || handleClear}\n      allowClear\n      {...rest}\n    />\n  ) : (\n    <AntInput.Search\n      ref={ref}\n      prefix={prefix}\n      onPressEnter={onPressEnter}\n      onSearch={onSearch}\n      onClear={onClear}\n      loading={loading}\n      enterButton={\n        enterButton === true ? <MagnifyingGlassIcon size={16} /> : enterButton\n      }\n      {...rest}\n    />\n  );\n};\n\n// Create inner function for TextArea\nconst TextAreaInner = (\n  props: TextAreaProps,\n  ref: React.Ref<HTMLTextAreaElement>\n) => {\n  return <AntInput.TextArea ref={ref} {...props} />;\n};\n\n// Use forwardRef with type assertion for main Input\nconst MainInput = forwardRef(MainInputInner) as (\n  props: InputProps & {\n    ref?: React.ForwardedRef<InputRef>;\n  }\n) => ReturnType<typeof MainInputInner>;\n\n// Use forwardRef with type assertion for Password\nconst Password = forwardRef(PasswordInner) as (\n  props: PasswordProps & {\n    ref?: React.ForwardedRef<InputRef>;\n  }\n) => ReturnType<typeof PasswordInner>;\n\n// Use forwardRef with type assertion for Search\nconst Search = forwardRef(SearchInner) as (\n  props: SearchProps & {\n    ref?: React.ForwardedRef<InputRef>;\n  }\n) => ReturnType<typeof SearchInner>;\n\n// Use forwardRef with type assertion for TextArea\nconst TextArea = forwardRef(TextAreaInner) as (\n  props: TextAreaProps & {\n    ref?: React.ForwardedRef<HTMLTextAreaElement>;\n  }\n) => ReturnType<typeof TextAreaInner>;\n\n// Export the final composed component\nexport const Input = Object.assign(MainInput, {\n  Password,\n  Search,\n  TextArea,\n});\n"],"names":["MainInputInner","props","ref","jsx","AntInput","PasswordInner","mergedProps","useMemo","visible","IconButton","EyeIcon","EyeClosedIcon","SearchInner","enterButton","onSearch","prefix","onPressEnter","onClear","loading","rest","cls","useCls","handlePressEnter","useCallback","event","handleClear","Spin","MagnifyingGlassIcon","TextAreaInner","MainInput","forwardRef","Password","Search","TextArea","Input"],"mappings":";;;;;;;;;AAwBA,MAAMA,IAAiB,CAACC,GAAmBC,MAClC,gBAAAC,EAACC,GAAA,EAAS,KAAAF,GAAW,GAAGD,EAAA,CAAO,GAIlCI,IAAgB,CAACJ,GAAsBC,MAA6B;AAExE,QAAMI,IAAcC,EAAQ,OACnB;AAAA,IACL,YAAY,CAACC,MACX,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOD,IAAU,kBAAkB;AAAA,QAElC,UAAAA,IAAU,gBAAAL,EAACO,GAAA,CAAA,CAAQ,sBAAMC,GAAA,CAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,IAG5C,GAAGV;AAAA,EAAA,IAEJ,CAACA,CAAK,CAAC;AAEV,2BAAQG,EAAS,UAAT,EAAkB,KAAAF,GAAW,GAAGI,GAAa;AACvD,GAGMM,IAAc,CAClB;AAAA,EACE,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GACAjB,MACG;AACH,QAAMkB,IAAMC,EAAA,GAENC,IAAmBC;AAAA,IACvB,CAACC,MAAiD;AAChD,MAAAV,IAAWU,EAAM,cAAc,OAAOA,GAAO,EAAE,QAAQ,SAAS;AAAA,IAClE;AAAA,IACA,CAACV,CAAQ;AAAA,EAAA,GAGLW,IAAcF,EAAY,MAAM;AACpC,IAAAT,IAAW,IAAI,QAAW,EAAE,QAAQ,SAAS;AAAA,EAC/C,GAAG,CAACA,CAAQ,CAAC;AAEb,SAAOD,MAAgB,KACrB,gBAAAV;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,QACEa,MACCG,IACC,gBAAAf,EAACuB,KAAK,MAAM,IAAI,IAEhB,gBAAAvB,EAACwB,KAAoB,MAAM,IAAI,WAAWP,EAAI,mBAAmB,EAAA,CAAG;AAAA,MAGxE,cAAcJ,KAAgBM;AAAA,MAC9B,SAASL,KAAWQ;AAAA,MACpB,YAAU;AAAA,MACT,GAAGN;AAAA,IAAA;AAAA,EAAA,IAGN,gBAAAhB;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACC,KAAAF;AAAA,MACA,QAAAa;AAAA,MACA,cAAAC;AAAA,MACA,UAAAF;AAAA,MACA,SAAAG;AAAA,MACA,SAAAC;AAAA,MACA,aACEL,MAAgB,uBAAQc,GAAA,EAAoB,MAAM,IAAI,IAAKd;AAAA,MAE5D,GAAGM;AAAA,IAAA;AAAA,EAAA;AAGV,GAGMS,IAAgB,CACpB3B,GACAC,wBAEQE,EAAS,UAAT,EAAkB,KAAAF,GAAW,GAAGD,GAAO,GAI3C4B,IAAYC,EAAW9B,CAAc,GAOrC+B,IAAWD,EAAWzB,CAAa,GAOnC2B,IAASF,EAAWlB,CAAW,GAO/BqB,IAAWH,EAAWF,CAAa,GAO5BM,IAAQ,OAAO,OAAOL,GAAW;AAAA,EAC5C,UAAAE;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AACF,CAAC;"}

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

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

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

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

package/dist/components/keyboard-shortcut/component.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export interface KeyboardShortcutProps {
+    /** The keyboard shortcut keys to display (optional if using children) */
+    keys?: string[];
+    /** Custom className */
+    className?: string;
+    /** Custom style */
+    style?: React.CSSProperties;
+    /** Size variant */
+    size?: "small" | "medium" | "large";
+    /** Children to display as keyboard shortcuts */
+    children?: React.ReactNode;
+}
+export declare const KeyboardShortcut: React.FC<KeyboardShortcutProps>;
+//# sourceMappingURL=component.d.ts.map

package/dist/components/keyboard-shortcut/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/keyboard-shortcut/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,qBAAqB;IACpC,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mBAAmB;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsF5D,CAAC"}

package/dist/components/keyboard-shortcut/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/keyboard-shortcut/component.tsx"],"sourcesContent":["import React from \"react\";\nimport { useCls, clsx } from \"../utils\";\nimport \"./style.css\";\n\nexport interface KeyboardShortcutProps {\n  /** The keyboard shortcut keys to display (optional if using children) */\n  keys?: string[];\n  /** Custom className */\n  className?: string;\n  /** Custom style */\n  style?: React.CSSProperties;\n  /** Size variant */\n  size?: \"small\" | \"medium\" | \"large\";\n  /** Children to display as keyboard shortcuts */\n  children?: React.ReactNode;\n}\n\nexport const KeyboardShortcut: React.FC<KeyboardShortcutProps> = ({\n  keys,\n  className,\n  style,\n  size = \"medium\",\n  children,\n}) => {\n  const cls = useCls();\n\n  const formatKey = (key: string): string => {\n    // Common key mappings for better display\n    const keyMap: Record<string, string> = {\n      meta: \"⌘\",\n      cmd: \"⌘\",\n      command: \"⌘\",\n      ctrl: \"Ctrl\",\n      control: \"Ctrl\",\n      shift: \"⇧\",\n      alt: \"⌥\",\n      option: \"⌥\",\n      enter: \"↵\",\n      return: \"↵\",\n      space: \"Space\",\n      tab: \"⇥\",\n      escape: \"Esc\",\n      esc: \"Esc\",\n      delete: \"⌫\",\n      backspace: \"⌫\",\n      arrowup: \"↑\",\n      arrowdown: \"↓\",\n      arrowleft: \"←\",\n      arrowright: \"→\",\n      up: \"↑\",\n      down: \"↓\",\n      left: \"←\",\n      right: \"→\",\n    };\n\n    const lowerKey = key.toLowerCase();\n    return keyMap[lowerKey] || key.toUpperCase();\n  };\n\n  // If children are provided, use them directly\n  if (children) {\n    return (\n      <span\n        className={clsx(\n          cls(\"keyboard-shortcut\"),\n          cls(`keyboard-shortcut-${size}`),\n          className\n        )}\n        style={style}\n      >\n        <kbd className={cls(\"keyboard-shortcut-key\")}>\n          {children}\n        </kbd>\n      </span>\n    );\n  }\n\n  // If no keys provided, return null\n  if (!keys || keys.length === 0) {\n    return null;\n  }\n\n  return (\n    <span\n      className={clsx(\n        cls(\"keyboard-shortcut\"),\n        cls(`keyboard-shortcut-${size}`),\n        className\n      )}\n      style={style}\n    >\n      {keys.map((key, index) => (\n        <React.Fragment key={index}>\n          <kbd className={cls(\"keyboard-shortcut-key\")}>\n            {formatKey(key)}\n          </kbd>\n          {index < keys.length - 1 && (\n            <span className={cls(\"keyboard-shortcut-separator\")}>+</span>\n          )}\n        </React.Fragment>\n      ))}\n    </span>\n  );\n};"],"names":["KeyboardShortcut","keys","className","style","size","children","cls","useCls","formatKey","key","keyMap","lowerKey","jsx","clsx","index","jsxs","React"],"mappings":";;;;;AAiBO,MAAMA,IAAoD,CAAC;AAAA,EAChE,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AACF,MAAM;AACJ,QAAMC,IAAMC,EAAO,GAEbC,IAAY,CAACC,MAAwB;AAEzC,UAAMC,IAAiC;AAAA,MACrC,MAAM;AAAA,MACN,KAAK;AAAA,MACL,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,MACP,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,SAAS;AAAA,MACT,WAAW;AAAA,MACX,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT,GAEMC,IAAWF,EAAI,YAAY;AACjC,WAAOC,EAAOC,CAAQ,KAAKF,EAAI,YAAY;AAAA,EAC7C;AAGA,SAAIJ,IAEA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTP,EAAI,mBAAmB;AAAA,QACvBA,EAAI,qBAAqBF,CAAI,EAAE;AAAA,QAC/BF;AAAA,MACF;AAAA,MACA,OAAAC;AAAA,MAEA,4BAAC,OAAI,EAAA,WAAWG,EAAI,uBAAuB,GACxC,UAAAD,EACH,CAAA;AAAA,IAAA;AAAA,EACF,IAKA,CAACJ,KAAQA,EAAK,WAAW,IACpB,OAIP,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTP,EAAI,mBAAmB;AAAA,QACvBA,EAAI,qBAAqBF,CAAI,EAAE;AAAA,QAC/BF;AAAA,MACF;AAAA,MACA,OAAAC;AAAA,MAEC,UAAAF,EAAK,IAAI,CAACQ,GAAKK,MACb,gBAAAC,EAAAC,EAAM,UAAN,EACC,UAAA;AAAA,QAAA,gBAAAJ,EAAC,SAAI,WAAWN,EAAI,uBAAuB,GACxC,UAAAE,EAAUC,CAAG,GAChB;AAAA,QACCK,IAAQb,EAAK,SAAS,KACrB,gBAAAW,EAAC,UAAK,WAAWN,EAAI,6BAA6B,GAAG,UAAC,IAAA,CAAA;AAAA,MAAA,EAAA,GALrCQ,CAOrB,CACD;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/keyboard-shortcut/component.tsx"],"sourcesContent":["import React from \"react\";\nimport { useCls, clsx } from \"../utils\";\nimport \"./style.css\";\n\nexport interface KeyboardShortcutProps {\n  /** The keyboard shortcut keys to display (optional if using children) */\n  keys?: string[];\n  /** Custom className */\n  className?: string;\n  /** Custom style */\n  style?: React.CSSProperties;\n  /** Size variant */\n  size?: \"small\" | \"medium\" | \"large\";\n  /** Children to display as keyboard shortcuts */\n  children?: React.ReactNode;\n}\n\nexport const KeyboardShortcut: React.FC<KeyboardShortcutProps> = ({\n  keys,\n  className,\n  style,\n  size = \"medium\",\n  children,\n}) => {\n  const cls = useCls();\n\n  const formatKey = (key: string): string => {\n    // Common key mappings for better display\n    const keyMap: Record<string, string> = {\n      meta: \"⌘\",\n      cmd: \"⌘\",\n      command: \"⌘\",\n      ctrl: \"Ctrl\",\n      control: \"Ctrl\",\n      shift: \"⇧\",\n      alt: \"⌥\",\n      option: \"⌥\",\n      enter: \"↵\",\n      return: \"↵\",\n      space: \"Space\",\n      tab: \"⇥\",\n      escape: \"Esc\",\n      esc: \"Esc\",\n      delete: \"⌫\",\n      backspace: \"⌫\",\n      arrowup: \"↑\",\n      arrowdown: \"↓\",\n      arrowleft: \"←\",\n      arrowright: \"→\",\n      up: \"↑\",\n      down: \"↓\",\n      left: \"←\",\n      right: \"→\",\n    };\n\n    const lowerKey = key.toLowerCase();\n    return keyMap[lowerKey] || key.toUpperCase();\n  };\n\n  // If children are provided, use them directly\n  if (children) {\n    return (\n      <span\n        className={clsx(\n          cls(\"keyboard-shortcut\"),\n          cls(`keyboard-shortcut-${size}`),\n          className\n        )}\n        style={style}\n      >\n        <kbd className={cls(\"keyboard-shortcut-key\")}>\n          {children}\n        </kbd>\n      </span>\n    );\n  }\n\n  // If no keys provided, return null\n  if (!keys || keys.length === 0) {\n    return null;\n  }\n\n  return (\n    <span\n      className={clsx(\n        cls(\"keyboard-shortcut\"),\n        cls(`keyboard-shortcut-${size}`),\n        className\n      )}\n      style={style}\n    >\n      {keys.map((key, index) => (\n        <React.Fragment key={index}>\n          <kbd className={cls(\"keyboard-shortcut-key\")}>\n            {formatKey(key)}\n          </kbd>\n          {index < keys.length - 1 && (\n            <span className={cls(\"keyboard-shortcut-separator\")}>+</span>\n          )}\n        </React.Fragment>\n      ))}\n    </span>\n  );\n};"],"names":["KeyboardShortcut","keys","className","style","size","children","cls","useCls","formatKey","key","keyMap","lowerKey","jsx","clsx","index","jsxs","React"],"mappings":";;;;;AAiBO,MAAMA,IAAoD,CAAC;AAAA,EAChE,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AACF,MAAM;AACJ,QAAMC,IAAMC,EAAA,GAENC,IAAY,CAACC,MAAwB;AAEzC,UAAMC,IAAiC;AAAA,MACrC,MAAM;AAAA,MACN,KAAK;AAAA,MACL,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,MACP,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,SAAS;AAAA,MACT,WAAW;AAAA,MACX,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IAAA,GAGHC,IAAWF,EAAI,YAAA;AACrB,WAAOC,EAAOC,CAAQ,KAAKF,EAAI,YAAA;AAAA,EACjC;AAGA,SAAIJ,IAEA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTP,EAAI,mBAAmB;AAAA,QACvBA,EAAI,qBAAqBF,CAAI,EAAE;AAAA,QAC/BF;AAAA,MAAA;AAAA,MAEF,OAAAC;AAAA,MAEA,4BAAC,OAAA,EAAI,WAAWG,EAAI,uBAAuB,GACxC,UAAAD,EAAA,CACH;AAAA,IAAA;AAAA,EAAA,IAMF,CAACJ,KAAQA,EAAK,WAAW,IACpB,OAIP,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTP,EAAI,mBAAmB;AAAA,QACvBA,EAAI,qBAAqBF,CAAI,EAAE;AAAA,QAC/BF;AAAA,MAAA;AAAA,MAEF,OAAAC;AAAA,MAEC,UAAAF,EAAK,IAAI,CAACQ,GAAKK,MACd,gBAAAC,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,QAAA,gBAAAJ,EAAC,SAAI,WAAWN,EAAI,uBAAuB,GACxC,UAAAE,EAAUC,CAAG,GAChB;AAAA,QACCK,IAAQb,EAAK,SAAS,KACrB,gBAAAW,EAAC,UAAK,WAAWN,EAAI,6BAA6B,GAAG,UAAA,IAAA,CAAC;AAAA,MAAA,EAAA,GALrCQ,CAOrB,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/keyboard-shortcut/index.d.ts

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