@bioturing/components 0.32.3 → 0.33.1

package/dist/components/code-block/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/component.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,OAAO,aAAa,CAAC;AAErB,eAAO,MAAM,SAAS,GAAI,+MAgBvB,cAAc,4CA4HhB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/component.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,OAAO,aAAa,CAAC;AAGrB,eAAO,MAAM,SAAS,GAAI,+MAgBvB,cAAc,4CA4HhB,CAAC"}

package/dist/components/code-block/component.js

@@ -1,20 +1,19 @@
 "use client";
-import { jsx as e, jsxs as $ } from "react/jsx-runtime";
-import { CheckIcon as q, CopyIcon as z } from "@bioturing/assets";
-import { Highlight as G, themes as J } from "prism-react-renderer";
-import { useState as a, useEffect as K, useCallback as S } from "react";
-import { ThemeProvider as Q } from "../theme-provider/component.js";
+import { jsx as e, jsxs as q } from "react/jsx-runtime";
+import { CheckIcon as z, CopyIcon as G } from "@bioturing/assets";
+import { Highlight as J, themes as K } from "prism-react-renderer";
+import { useState as a, useEffect as Q, useCallback as S } from "react";
+import { ThemeProvider as R } from "../theme-provider/component.js";
 import './style.css';/* empty css          */
-import { Segmented as R } from "../segmented/component.js";
-import { useControlledState as U } from "../hooks/useControlledState.js";
-import { reactNodeToString as V } from "../utils/reactToString.js";
+import { Segmented as U } from "../segmented/component.js";
+import { useControlledState as V } from "../hooks/useControlledState.js";
+import { reactNodeToString as W } from "../utils/reactToString.js";
 import { useCls as X } from "../utils/antdUtils.js";
-import { WithAntdTokens as Y } from "../utils/WithAntdTokens.js";
-import { clsx as Z } from "../utils/cn.js";
-import { IconButton as H } from "../icon-button/component.js";
-import { ScrollArea as ee } from "../scroll-area/component.js";
-const fe = ({
-  code: u,
+import { clsx as Y } from "../utils/cn.js";
+import { IconButton as Z } from "../icon-button/component.js";
+import { ScrollArea as H } from "../scroll-area/component.js";
+const he = ({
+  code: f,
   children: i,
   // initial,
   lang: m = "tsx",
@@ -24,54 +23,54 @@ const fe = ({
   defaultActiveOption: v = 0,
   onActiveOptionChange: I,
   copyText: d = "Copy",
-  copySuccessText: k = "Copied",
+  copySuccessText: b = "Copied",
   classNames: p,
   maxHeight: c,
   onCopy: h,
   ...O
 }) => {
-  const [l, b] = U(
+  const [l, g] = V(
     w,
     I,
     v
-  ), [n, j] = a(u || ""), [x, A] = a(m), C = t && t.length > 0;
-  K(() => {
+  ), [n, j] = a(f || ""), [x, B] = a(m), C = t && t.length > 0;
+  Q(() => {
     if (C) {
       const o = t[l]?.code || "", r = t[l]?.lang || m;
-      j(o), A(r);
+      j(o), B(r);
     }
   }, [
-    u,
+    f,
     l,
     v,
     t,
     m,
     C,
-    b
+    g
   ]);
-  const [B, f] = a(d), [L, g] = a(!1), M = S(() => {
-    const o = n || V(i);
+  const [L, u] = a(d), [M, k] = a(!1), T = S(() => {
+    const o = n || W(i);
     try {
       navigator.clipboard.writeText(o).then(() => {
-        f(k), g(!0), h && h(o);
+        u(b), k(!0), h && h(o);
       });
     } catch {
-      f("Failed to copy");
+      u("Failed to copy");
     }
-  }, [n, i, k, h]), T = S(() => {
-    f(d), g(!1);
+  }, [n, i, b, h]), A = S(() => {
+    u(d), k(!1);
   }, [d]), s = X();
-  return /* @__PURE__ */ e(Q, { theme: "dark", children: /* @__PURE__ */ $(
-    Y,
+  return /* @__PURE__ */ e(R, { theme: "dark", appendClassesToChildren: !0, children: /* @__PURE__ */ q(
+    "div",
     {
-      className: Z(s("code-block"), N, p?.root),
+      className: Y(s("code-block"), N, p?.root),
       ...O,
       children: [
         C && /* @__PURE__ */ e("div", { className: s("code-block-header", p?.header), children: /* @__PURE__ */ e(
-          R,
+          U,
           {
             value: l,
-            onChange: b,
+            onChange: g,
             options: t.map((o, r) => ({
               label: o.label,
               value: r
@@ -79,12 +78,12 @@ const fe = ({
           }
         ) }),
         /* @__PURE__ */ e("div", { className: s("code-block-copy"), children: /* @__PURE__ */ e(
-          H,
+          Z,
           {
-            onClick: M,
-            label: B,
-            onMouseLeave: T,
-            children: L ? /* @__PURE__ */ e(q, {}) : /* @__PURE__ */ e(z, {})
+            onClick: T,
+            label: L,
+            onMouseLeave: A,
+            children: M ? /* @__PURE__ */ e(z, {}) : /* @__PURE__ */ e(G, {})
           }
         ) }),
         /* @__PURE__ */ e(
@@ -94,12 +93,12 @@ const fe = ({
             style: {
               maxHeight: c && (typeof c == "number" ? `${c}px` : c)
             },
-            children: /* @__PURE__ */ e(ee, { children: n ? /* @__PURE__ */ e(
-              G,
+            children: /* @__PURE__ */ e(H, { children: n ? /* @__PURE__ */ e(
+              J,
               {
                 language: x,
                 code: n,
-                theme: J.vsDark,
+                theme: K.vsDark,
                 children: ({
                   className: o,
                   style: r,
@@ -111,7 +110,7 @@ const fe = ({
                   {
                     style: { ...r, backgroundColor: "transparent" },
                     className: o,
-                    children: D.map((y, P) => /* @__PURE__ */ e("div", { ...E({ line: y }), children: y.map((W, _) => /* @__PURE__ */ e("span", { ...F({ token: W }) }, _)) }, P))
+                    children: D.map((y, P) => /* @__PURE__ */ e("div", { ...E({ line: y }), children: y.map((_, $) => /* @__PURE__ */ e("span", { ...F({ token: _ }) }, $)) }, P))
                   }
                 )
               }
@@ -123,6 +122,6 @@ const fe = ({
   ) });
 };
 export {
-  fe as CodeBlock
+  he as CodeBlock
 };
 //# sourceMappingURL=component.js.map

package/dist/components/code-block/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/code-block/component.tsx"],"sourcesContent":["\"use client\";\nimport { CheckIcon, CopyIcon } from \"@bioturing/assets\";\nimport { Highlight, themes } from \"prism-react-renderer\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useControlledState } from \"../hooks\";\nimport { IconButton } from \"../icon-button\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { Segmented } from \"../segmented\";\nimport { ThemeProvider } from \"../theme-provider/component\";\nimport { clsx, reactNodeToString, useCls, WithAntdTokens } from \"../utils\";\nimport type { CodeBlockProps } from \"./types\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport const CodeBlock = ({\n  code,\n  children,\n  // initial,\n  lang: defaultLang = \"tsx\",\n  className,\n  options,\n  activeOption: controlledActiveOption,\n  defaultActiveOption = 0,\n  onActiveOptionChange,\n  copyText = \"Copy\",\n  copySuccessText = \"Copied\",\n  classNames,\n  maxHeight,\n  onCopy,\n  ...rest\n}: CodeBlockProps) => {\n  const [activeOption, setActiveOption] = useControlledState(\n    controlledActiveOption,\n    onActiveOptionChange,\n    defaultActiveOption\n  );\n\n  const [currentCode, setCurrentCode] = useState(code || \"\");\n\n  const [lang, setLang] = useState(defaultLang);\n\n  const hasOptions = options && options.length > 0;\n\n  useEffect(() => {\n    if (hasOptions) {\n      const newCode = options[activeOption]?.code || \"\";\n      const newLang = options[activeOption]?.lang || defaultLang;\n      setCurrentCode(newCode);\n      setLang(newLang);\n    }\n  }, [\n    code,\n    activeOption,\n    defaultActiveOption,\n    options,\n    defaultLang,\n    hasOptions,\n    setActiveOption,\n  ]);\n\n  const [tooltipContent, setTooltipContent] = useState(copyText);\n  const [copySuccess, setCopySuccess] = useState(false);\n\n  const handleCopy = useCallback(() => {\n    const codeContent = currentCode ? currentCode : reactNodeToString(children);\n    try {\n      navigator.clipboard.writeText(codeContent).then(() => {\n        setTooltipContent(copySuccessText);\n        setCopySuccess(true);\n        if (onCopy) onCopy(codeContent);\n      });\n    } catch (_) {\n      setTooltipContent(\"Failed to copy\");\n    }\n  }, [currentCode, children, copySuccessText, onCopy]);\n\n  const handleMouseLeave = useCallback(() => {\n    setTooltipContent(copyText);\n    setCopySuccess(false);\n  }, [copyText]);\n\n  const cls = useCls();\n\n  return (\n    <ThemeProvider theme={\"dark\"}>\n      <WithAntdTokens\n        className={clsx(cls(\"code-block\"), className, classNames?.root)}\n        {...rest}\n      >\n        {hasOptions && (\n          <div className={cls(\"code-block-header\", classNames?.header)}>\n            <Segmented\n              value={activeOption}\n              onChange={setActiveOption}\n              options={options.map((opt, index) => ({\n                label: opt.label,\n                value: index,\n              }))}\n            />\n          </div>\n        )}\n        <div className={cls(\"code-block-copy\")}>\n          <IconButton\n            onClick={handleCopy}\n            label={tooltipContent}\n            onMouseLeave={handleMouseLeave}\n          >\n            {copySuccess ? <CheckIcon /> : <CopyIcon />}\n          </IconButton>\n        </div>\n        <div\n          className={cls(\"code-block-content\", classNames?.content)}\n          style={{\n            maxHeight:\n              maxHeight &&\n              (typeof maxHeight === \"number\" ? `${maxHeight}px` : maxHeight),\n          }}\n        >\n          <ScrollArea>\n            {currentCode ? (\n              <Highlight\n                language={lang}\n                code={currentCode}\n                theme={themes.vsDark}\n              >\n                {({\n                  className,\n                  style,\n                  tokens,\n                  getLineProps,\n                  getTokenProps,\n                }) => (\n                  <pre\n                    style={{ ...style, backgroundColor: \"transparent\" }}\n                    className={className}\n                  >\n                    {tokens.map((line, i) => (\n                      <div key={i} {...getLineProps({ line })}>\n                        {line.map((token, key) => (\n                          <span key={key} {...getTokenProps({ token })} />\n                        ))}\n                      </div>\n                    ))}\n                  </pre>\n                )}\n              </Highlight>\n            ) : (\n              children\n            )}\n          </ScrollArea>\n        </div>\n      </WithAntdTokens>\n    </ThemeProvider>\n  );\n};\n"],"names":["CodeBlock","code","children","defaultLang","className","options","controlledActiveOption","defaultActiveOption","onActiveOptionChange","copyText","copySuccessText","classNames","maxHeight","onCopy","rest","activeOption","setActiveOption","useControlledState","currentCode","setCurrentCode","useState","lang","setLang","hasOptions","useEffect","newCode","newLang","tooltipContent","setTooltipContent","copySuccess","setCopySuccess","handleCopy","useCallback","codeContent","reactNodeToString","handleMouseLeave","cls","useCls","jsx","ThemeProvider","jsxs","WithAntdTokens","clsx","Segmented","opt","index","IconButton","CheckIcon","CopyIcon","ScrollArea","Highlight","themes","style","tokens","getLineProps","getTokenProps","line","i","token","key"],"mappings":";;;;;;;;;;;;;;;AAeO,MAAMA,KAAY,CAAC;AAAA,EACxB,MAAAC;AAAA,EACA,UAAAC;AAAA;AAAA,EAEA,MAAMC,IAAc;AAAA,EACpB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAcC;AAAA,EACd,qBAAAC,IAAsB;AAAA,EACtB,sBAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,iBAAAC,IAAkB;AAAA,EAClB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,MAAsB;AACpB,QAAM,CAACC,GAAcC,CAAe,IAAIC;AAAA,IACtCX;AAAA,IACAE;AAAA,IACAD;AAAA,EAAA,GAGI,CAACW,GAAaC,CAAc,IAAIC,EAASnB,KAAQ,EAAE,GAEnD,CAACoB,GAAMC,CAAO,IAAIF,EAASjB,CAAW,GAEtCoB,IAAalB,KAAWA,EAAQ,SAAS;AAE/C,EAAAmB,EAAU,MAAM;AACd,QAAID,GAAY;AACd,YAAME,IAAUpB,EAAQU,CAAY,GAAG,QAAQ,IACzCW,IAAUrB,EAAQU,CAAY,GAAG,QAAQZ;AAC/C,MAAAgB,EAAeM,CAAO,GACtBH,EAAQI,CAAO;AAAA,IACjB;AAAA,EACF,GAAG;AAAA,IACDzB;AAAA,IACAc;AAAA,IACAR;AAAA,IACAF;AAAA,IACAF;AAAA,IACAoB;AAAA,IACAP;AAAA,EAAA,CACD;AAED,QAAM,CAACW,GAAgBC,CAAiB,IAAIR,EAASX,CAAQ,GACvD,CAACoB,GAAaC,CAAc,IAAIV,EAAS,EAAK,GAE9CW,IAAaC,EAAY,MAAM;AACnC,UAAMC,IAAcf,KAA4BgB,EAAkBhC,CAAQ;AAC1E,QAAI;AACF,gBAAU,UAAU,UAAU+B,CAAW,EAAE,KAAK,MAAM;AACpD,QAAAL,EAAkBlB,CAAe,GACjCoB,EAAe,EAAI,GACfjB,OAAeoB,CAAW;AAAA,MAChC,CAAC;AAAA,IACH,QAAY;AACV,MAAAL,EAAkB,gBAAgB;AAAA,IACpC;AAAA,EACF,GAAG,CAACV,GAAahB,GAAUQ,GAAiBG,CAAM,CAAC,GAE7CsB,IAAmBH,EAAY,MAAM;AACzC,IAAAJ,EAAkBnB,CAAQ,GAC1BqB,EAAe,EAAK;AAAA,EACtB,GAAG,CAACrB,CAAQ,CAAC,GAEP2B,IAAMC,EAAA;AAEZ,SACE,gBAAAC,EAACC,GAAA,EAAc,OAAO,QACpB,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKN,EAAI,YAAY,GAAGhC,GAAWO,GAAY,IAAI;AAAA,MAC7D,GAAGG;AAAA,MAEH,UAAA;AAAA,QAAAS,uBACE,OAAA,EAAI,WAAWa,EAAI,qBAAqBzB,GAAY,MAAM,GACzD,UAAA,gBAAA2B;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,OAAO5B;AAAA,YACP,UAAUC;AAAA,YACV,SAASX,EAAQ,IAAI,CAACuC,GAAKC,OAAW;AAAA,cACpC,OAAOD,EAAI;AAAA,cACX,OAAOC;AAAA,YAAA,EACP;AAAA,UAAA;AAAA,QAAA,GAEN;AAAA,QAEF,gBAAAP,EAAC,OAAA,EAAI,WAAWF,EAAI,iBAAiB,GACnC,UAAA,gBAAAE;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,SAASf;AAAA,YACT,OAAOJ;AAAA,YACP,cAAcQ;AAAA,YAEb,UAAAN,IAAc,gBAAAS,EAACS,GAAA,CAAA,CAAU,sBAAMC,GAAA,CAAA,CAAS;AAAA,UAAA;AAAA,QAAA,GAE7C;AAAA,QACA,gBAAAV;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,EAAI,sBAAsBzB,GAAY,OAAO;AAAA,YACxD,OAAO;AAAA,cACL,WACEC,MACC,OAAOA,KAAc,WAAW,GAAGA,CAAS,OAAOA;AAAA,YAAA;AAAA,YAGxD,UAAA,gBAAA0B,EAACW,MACE,UAAA/B,IACC,gBAAAoB;AAAA,cAACY;AAAA,cAAA;AAAA,gBACC,UAAU7B;AAAA,gBACV,MAAMH;AAAA,gBACN,OAAOiC,EAAO;AAAA,gBAEb,UAAA,CAAC;AAAA,kBACA,WAAA/C;AAAAA,kBACA,OAAAgD;AAAA,kBACA,QAAAC;AAAA,kBACA,cAAAC;AAAA,kBACA,eAAAC;AAAA,gBAAA,MAEA,gBAAAjB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,OAAO,EAAE,GAAGc,GAAO,iBAAiB,cAAA;AAAA,oBACpC,WAAWhD;AAAAA,oBAEV,UAAAiD,EAAO,IAAI,CAACG,GAAMC,MACjB,gBAAAnB,EAAC,OAAA,EAAa,GAAGgB,EAAa,EAAE,MAAAE,EAAA,CAAM,GACnC,UAAAA,EAAK,IAAI,CAACE,GAAOC,MAChB,gBAAArB,EAAC,QAAA,EAAgB,GAAGiB,EAAc,EAAE,OAAAG,EAAA,CAAO,EAAA,GAAhCC,CAAmC,CAC/C,EAAA,GAHOF,CAIV,CACD;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH;AAAA,YAAA,IAIJvD,EAAA,CAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/code-block/component.tsx"],"sourcesContent":["\"use client\";\nimport { CheckIcon, CopyIcon } from \"@bioturing/assets\";\nimport { Highlight, themes } from \"prism-react-renderer\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useControlledState } from \"../hooks\";\nimport { IconButton } from \"../icon-button\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { Segmented } from \"../segmented\";\nimport { ThemeProvider } from \"../theme-provider/component\";\nimport { clsx, reactNodeToString, useCls } from \"../utils\";\nimport type { CodeBlockProps } from \"./types\";\n\n// Import component-specific styles\nimport \"./style.css\";\nimport { useTheme } from \"../theme-provider\";\n\nexport const CodeBlock = ({\n  code,\n  children,\n  // initial,\n  lang: defaultLang = \"tsx\",\n  className,\n  options,\n  activeOption: controlledActiveOption,\n  defaultActiveOption = 0,\n  onActiveOptionChange,\n  copyText = \"Copy\",\n  copySuccessText = \"Copied\",\n  classNames,\n  maxHeight,\n  onCopy,\n  ...rest\n}: CodeBlockProps) => {\n  const [activeOption, setActiveOption] = useControlledState(\n    controlledActiveOption,\n    onActiveOptionChange,\n    defaultActiveOption\n  );\n\n  const [currentCode, setCurrentCode] = useState(code || \"\");\n\n  const [lang, setLang] = useState(defaultLang);\n\n  const hasOptions = options && options.length > 0;\n\n  useEffect(() => {\n    if (hasOptions) {\n      const newCode = options[activeOption]?.code || \"\";\n      const newLang = options[activeOption]?.lang || defaultLang;\n      setCurrentCode(newCode);\n      setLang(newLang);\n    }\n  }, [\n    code,\n    activeOption,\n    defaultActiveOption,\n    options,\n    defaultLang,\n    hasOptions,\n    setActiveOption,\n  ]);\n\n  const [tooltipContent, setTooltipContent] = useState(copyText);\n  const [copySuccess, setCopySuccess] = useState(false);\n\n  const handleCopy = useCallback(() => {\n    const codeContent = currentCode ? currentCode : reactNodeToString(children);\n    try {\n      navigator.clipboard.writeText(codeContent).then(() => {\n        setTooltipContent(copySuccessText);\n        setCopySuccess(true);\n        if (onCopy) onCopy(codeContent);\n      });\n    } catch (_) {\n      setTooltipContent(\"Failed to copy\");\n    }\n  }, [currentCode, children, copySuccessText, onCopy]);\n\n  const handleMouseLeave = useCallback(() => {\n    setTooltipContent(copyText);\n    setCopySuccess(false);\n  }, [copyText]);\n\n  const cls = useCls();\n\n  return (\n    <ThemeProvider theme={\"dark\"} appendClassesToChildren>\n      <div\n        className={clsx(cls(\"code-block\"), className, classNames?.root)}\n        {...rest}\n      >\n        {hasOptions && (\n          <div className={cls(\"code-block-header\", classNames?.header)}>\n            <Segmented\n              value={activeOption}\n              onChange={setActiveOption}\n              options={options.map((opt, index) => ({\n                label: opt.label,\n                value: index,\n              }))}\n            />\n          </div>\n        )}\n        <div className={cls(\"code-block-copy\")}>\n          <IconButton\n            onClick={handleCopy}\n            label={tooltipContent}\n            onMouseLeave={handleMouseLeave}\n          >\n            {copySuccess ? <CheckIcon /> : <CopyIcon />}\n          </IconButton>\n        </div>\n        <div\n          className={cls(\"code-block-content\", classNames?.content)}\n          style={{\n            maxHeight:\n              maxHeight &&\n              (typeof maxHeight === \"number\" ? `${maxHeight}px` : maxHeight),\n          }}\n        >\n          <ScrollArea>\n            {currentCode ? (\n              <Highlight\n                language={lang}\n                code={currentCode}\n                theme={themes.vsDark}\n              >\n                {({\n                  className,\n                  style,\n                  tokens,\n                  getLineProps,\n                  getTokenProps,\n                }) => (\n                  <pre\n                    style={{ ...style, backgroundColor: \"transparent\" }}\n                    className={className}\n                  >\n                    {tokens.map((line, i) => (\n                      <div key={i} {...getLineProps({ line })}>\n                        {line.map((token, key) => (\n                          <span key={key} {...getTokenProps({ token })} />\n                        ))}\n                      </div>\n                    ))}\n                  </pre>\n                )}\n              </Highlight>\n            ) : (\n              children\n            )}\n          </ScrollArea>\n        </div>\n      </div>\n    </ThemeProvider>\n  );\n};\n"],"names":["CodeBlock","code","children","defaultLang","className","options","controlledActiveOption","defaultActiveOption","onActiveOptionChange","copyText","copySuccessText","classNames","maxHeight","onCopy","rest","activeOption","setActiveOption","useControlledState","currentCode","setCurrentCode","useState","lang","setLang","hasOptions","useEffect","newCode","newLang","tooltipContent","setTooltipContent","copySuccess","setCopySuccess","handleCopy","useCallback","codeContent","reactNodeToString","handleMouseLeave","cls","useCls","jsx","ThemeProvider","jsxs","clsx","Segmented","opt","index","IconButton","CheckIcon","CopyIcon","ScrollArea","Highlight","themes","style","tokens","getLineProps","getTokenProps","line","i","token","key"],"mappings":"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"}

package/dist/components/command-palette/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAK9D,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,sBAAsB,GAAG;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACrC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;CACH;AA0CD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4ExD,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAK9D,OAAO,aAAa,CAAC;AAGrB,MAAM,MAAM,sBAAsB,GAAG;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACrC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;CACH;AA0CD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2ExD,CAAC"}

package/dist/components/command-palette/component.js

@@ -2,28 +2,28 @@
 import { jsxs as f, Fragment as S, jsx as n } from "react/jsx-runtime";
 import { useEffect as E, useCallback as L } from "react";
 import { Command as r } from "../cmdk/index.js";
-import { useDropdownMenu as N } from "../dropdown-menu/useDropdownMenu.js";
+import { useDropdownMenu as D } from "../dropdown-menu/useDropdownMenu.js";
 import './style.css';/* empty css          */
-import { WithAntdTokens as D } from "../utils/WithAntdTokens.js";
 import { useCls as b } from "../utils/antdUtils.js";
 import { useControlledState as x } from "../hooks/useControlledState.js";
+import { useTheme as j } from "../theme-provider/context/themeStore.js";
 import { ScrollArea as A } from "../scroll-area/component.js";
-const j = [
+const G = [
   { key: "k", metaKey: !0 },
   { key: "k", ctrlKey: !0 }
 ];
-function G(t, e) {
+function I(t, e) {
   return t.key.toLowerCase() === e.key.toLowerCase() && !!t.metaKey == !!e.metaKey && !!t.ctrlKey == !!e.ctrlKey && !!t.altKey == !!e.altKey && !!t.shiftKey == !!e.shiftKey;
 }
-const B = ({
+const J = ({
   open: t,
   onOpenChange: e,
   defaultOpen: h,
-  items: k = [],
-  shortcuts: s = j,
+  items: C = [],
+  shortcuts: s = G,
   placeholder: c = "Type a command or search...",
   emptyText: l = "No results found.",
-  label: C = "Command Palette",
+  label: k = "Command Palette",
   className: K,
   classNames: d
 }) => {
@@ -35,16 +35,16 @@ const B = ({
   E(() => {
     const p = (y) => {
       s.find(
-        (g) => G(y, g)
+        (g) => I(y, g)
       ) && (y.preventDefault(), a(!m));
     };
     return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
   }, [s, m, a]);
-  const { renderGroup: i, itemGroups: u } = N({
-    items: k,
+  const { renderGroup: i, itemGroups: u } = D({
+    items: C,
     inCombobox: !0,
     onOpenChange: e
-  }), w = L(
+  }), { className: w } = j(), N = L(
     () => /* @__PURE__ */ f(S, { children: [
       /* @__PURE__ */ n(r.Input, { placeholder: c }),
       /* @__PURE__ */ n(A, { fadeEdges: !0, children: /* @__PURE__ */ f(
@@ -60,20 +60,20 @@ const B = ({
     ] }),
     [o, l, u, c, i]
   );
-  return /* @__PURE__ */ n(D, { children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(
     r.Dialog,
     {
       open: m,
       onOpenChange: a,
-      label: C,
+      label: k,
       overlayClassName: o("command-palette-overlay", d?.mask),
       contentClassName: o("command-palette-content", d?.content),
-      className: o("command-palette", K),
-      children: w()
+      className: o("command-palette", w, K),
+      children: N()
     }
-  ) });
+  );
 };
 export {
-  B as CommandPalette
+  J as CommandPalette
 };
 //# sourceMappingURL=component.js.map

package/dist/components/command-palette/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/command-palette/component.tsx"],"sourcesContent":["\"use client\";\nimport React, { useCallback, useEffect } from \"react\";\nimport { Command } from \"../cmdk\";\nimport { DropdownMenuItemType } from \"../dropdown-menu/types\";\nimport { useDropdownMenu } from \"../dropdown-menu/useDropdownMenu\";\nimport { useControlledState } from \"../hooks\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { useCls, WithAntdTokens } from \"../utils\";\nimport \"./style.css\";\n\nexport type CommandPaletteShortcut = {\n  key: string;\n  metaKey?: boolean;\n  ctrlKey?: boolean;\n  altKey?: boolean;\n  shiftKey?: boolean;\n};\n\nexport interface CommandPaletteProps {\n  /** Whether the command palette is open */\n  open?: boolean;\n  /** Callback fired when the open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Default open state\n   */\n  defaultOpen?: boolean;\n  /** Items to display in the command palette */\n  items?: DropdownMenuItemType[];\n  /** Keyboard shortcuts to open the palette */\n  shortcuts?: CommandPaletteShortcut[];\n  /** Placeholder text for the search input */\n  placeholder?: string;\n  /** Text to show when no results are found */\n  emptyText?: string;\n  /** Accessible label for the command palette */\n  label?: string;\n  /** Additional CSS class names */\n  className?: string;\n  classNames?: {\n    root?: string;\n    mask?: string;\n    content?: string;\n    group?: string;\n    item?: string;\n    groupLabel?: string;\n  };\n}\n\nconst defaultShortcuts: CommandPaletteShortcut[] = [\n  { key: \"k\", metaKey: true },\n  { key: \"k\", ctrlKey: true },\n];\n\nfunction matchesShortcut(\n  event: KeyboardEvent,\n  shortcut: CommandPaletteShortcut,\n): boolean {\n  return (\n    event.key.toLowerCase() === shortcut.key.toLowerCase() &&\n    !!event.metaKey === !!shortcut.metaKey &&\n    !!event.ctrlKey === !!shortcut.ctrlKey &&\n    !!event.altKey === !!shortcut.altKey &&\n    !!event.shiftKey === !!shortcut.shiftKey\n  );\n}\n\n// Default items for testing/demo purposes\n// const defaultItems: DropdownMenuItemType[] = [\n//   {\n//     type: \"item\",\n//     key: \"search\",\n//     label: \"Search files\",\n//     onClick: () => console.log(\"Search files\"),\n//   },\n//   {\n//     type: \"item\",\n//     key: \"new-file\",\n//     label: \"New file\",\n//     onClick: () => console.log(\"New file\"),\n//   },\n//   {\n//     type: \"item\",\n//     key: \"settings\",\n//     label: \"Open settings\",\n//     onClick: () => console.log(\"Open settings\"),\n//   },\n// ];\n\nexport const CommandPalette: React.FC<CommandPaletteProps> = ({\n  open,\n  onOpenChange,\n  defaultOpen,\n  items = [],\n  shortcuts = defaultShortcuts,\n  placeholder = \"Type a command or search...\",\n  emptyText = \"No results found.\",\n  label = \"Command Palette\",\n  className,\n  classNames,\n}) => {\n  const cls = useCls();\n  const [actualOpen, setActualOpen] = useControlledState(\n    open,\n    onOpenChange,\n    defaultOpen,\n  );\n\n  // Set up keyboard shortcuts\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const matchingShortcut = shortcuts.find((shortcut) =>\n        matchesShortcut(event, shortcut),\n      );\n\n      if (matchingShortcut) {\n        event.preventDefault();\n        setActualOpen(!actualOpen);\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => document.removeEventListener(\"keydown\", handleKeyDown);\n  }, [shortcuts, actualOpen, setActualOpen]);\n\n  const { renderGroup, itemGroups } = useDropdownMenu({\n    items,\n    inCombobox: true,\n    onOpenChange,\n  });\n\n  const renderMenuInner = useCallback(\n    () => (\n      <>\n        <Command.Input placeholder={placeholder} />\n        {/*{beforeList}*/}\n        <ScrollArea fadeEdges>\n          <Command.List\n            className={cls(\"dropdown-menu-list\", \"command-palette-list\")}\n          >\n            <Command.Empty className={cls(\"dropdown-menu-empty\")}>\n              {emptyText}\n            </Command.Empty>\n            {itemGroups.map(renderGroup)}\n          </Command.List>\n        </ScrollArea>\n        {/*{afterList}*/}\n      </>\n    ),\n    [cls, emptyText, itemGroups, placeholder, renderGroup],\n  );\n  return (\n    <WithAntdTokens>\n      <Command.Dialog\n        open={actualOpen}\n        onOpenChange={setActualOpen}\n        label={label}\n        overlayClassName={cls(\"command-palette-overlay\", classNames?.mask)}\n        contentClassName={cls(\"command-palette-content\", classNames?.content)}\n        className={cls(\"command-palette\", className)}\n      >\n        {renderMenuInner()}\n      </Command.Dialog>\n    </WithAntdTokens>\n  );\n};\n"],"names":["defaultShortcuts","matchesShortcut","event","shortcut","CommandPalette","open","onOpenChange","defaultOpen","items","shortcuts","placeholder","emptyText","label","className","classNames","cls","useCls","actualOpen","setActualOpen","useControlledState","useEffect","handleKeyDown","renderGroup","itemGroups","useDropdownMenu","renderMenuInner","useCallback","jsxs","Fragment","jsx","Command","ScrollArea","WithAntdTokens"],"mappings":";;;;;;;;;;AAiDA,MAAMA,IAA6C;AAAA,EACjD,EAAE,KAAK,KAAK,SAAS,GAAA;AAAA,EACrB,EAAE,KAAK,KAAK,SAAS,GAAA;AACvB;AAEA,SAASC,EACPC,GACAC,GACS;AACT,SACED,EAAM,IAAI,YAAA,MAAkBC,EAAS,IAAI,YAAA,KACzC,CAAC,CAACD,EAAM,WAAY,CAAC,CAACC,EAAS,WAC/B,CAAC,CAACD,EAAM,WAAY,CAAC,CAACC,EAAS,WAC/B,CAAC,CAACD,EAAM,UAAW,CAAC,CAACC,EAAS,UAC9B,CAAC,CAACD,EAAM,YAAa,CAAC,CAACC,EAAS;AAEpC;AAwBO,MAAMC,IAAgD,CAAC;AAAA,EAC5D,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,WAAAC,IAAYT;AAAA,EACZ,aAAAU,IAAc;AAAA,EACd,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACJ,QAAMC,IAAMC,EAAA,GACN,CAACC,GAAYC,CAAa,IAAIC;AAAA,IAClCd;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAIF,EAAAa,EAAU,MAAM;AACd,UAAMC,IAAgB,CAACnB,MAAyB;AAK9C,MAJyBO,EAAU;AAAA,QAAK,CAACN,MACvCF,EAAgBC,GAAOC,CAAQ;AAAA,MAAA,MAI/BD,EAAM,eAAA,GACNgB,EAAc,CAACD,CAAU;AAAA,IAE7B;AAEA,oBAAS,iBAAiB,WAAWI,CAAa,GAC3C,MAAM,SAAS,oBAAoB,WAAWA,CAAa;AAAA,EACpE,GAAG,CAACZ,GAAWQ,GAAYC,CAAa,CAAC;AAEzC,QAAM,EAAE,aAAAI,GAAa,YAAAC,EAAA,IAAeC,EAAgB;AAAA,IAClD,OAAAhB;AAAA,IACA,YAAY;AAAA,IACZ,cAAAF;AAAA,EAAA,CACD,GAEKmB,IAAkBC;AAAA,IACtB,MACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC,EAACC,EAAQ,OAAR,EAAc,aAAApB,EAAA,CAA0B;AAAA,MAEzC,gBAAAmB,EAACE,GAAA,EAAW,WAAS,IACnB,UAAA,gBAAAJ;AAAA,QAACG,EAAQ;AAAA,QAAR;AAAA,UACC,WAAWf,EAAI,sBAAsB,sBAAsB;AAAA,UAE3D,UAAA;AAAA,YAAA,gBAAAc,EAACC,EAAQ,OAAR,EAAc,WAAWf,EAAI,qBAAqB,GAChD,UAAAJ,GACH;AAAA,YACCY,EAAW,IAAID,CAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,EAC7B,CACF;AAAA,IAAA,GAEF;AAAA,IAEF,CAACP,GAAKJ,GAAWY,GAAYb,GAAaY,CAAW;AAAA,EAAA;AAEvD,2BACGU,GAAA,EACC,UAAA,gBAAAH;AAAA,IAACC,EAAQ;AAAA,IAAR;AAAA,MACC,MAAMb;AAAA,MACN,cAAcC;AAAA,MACd,OAAAN;AAAA,MACA,kBAAkBG,EAAI,2BAA2BD,GAAY,IAAI;AAAA,MACjE,kBAAkBC,EAAI,2BAA2BD,GAAY,OAAO;AAAA,MACpE,WAAWC,EAAI,mBAAmBF,CAAS;AAAA,MAE1C,UAAAY,EAAA;AAAA,IAAgB;AAAA,EAAA,GAErB;AAEJ;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/command-palette/component.tsx"],"sourcesContent":["\"use client\";\nimport React, { useCallback, useEffect } from \"react\";\nimport { Command } from \"../cmdk\";\nimport { DropdownMenuItemType } from \"../dropdown-menu/types\";\nimport { useDropdownMenu } from \"../dropdown-menu/useDropdownMenu\";\nimport { useControlledState } from \"../hooks\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { useCls } from \"../utils\";\nimport \"./style.css\";\nimport { useTheme } from \"../theme-provider\";\n\nexport type CommandPaletteShortcut = {\n  key: string;\n  metaKey?: boolean;\n  ctrlKey?: boolean;\n  altKey?: boolean;\n  shiftKey?: boolean;\n};\n\nexport interface CommandPaletteProps {\n  /** Whether the command palette is open */\n  open?: boolean;\n  /** Callback fired when the open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Default open state\n   */\n  defaultOpen?: boolean;\n  /** Items to display in the command palette */\n  items?: DropdownMenuItemType[];\n  /** Keyboard shortcuts to open the palette */\n  shortcuts?: CommandPaletteShortcut[];\n  /** Placeholder text for the search input */\n  placeholder?: string;\n  /** Text to show when no results are found */\n  emptyText?: string;\n  /** Accessible label for the command palette */\n  label?: string;\n  /** Additional CSS class names */\n  className?: string;\n  classNames?: {\n    root?: string;\n    mask?: string;\n    content?: string;\n    group?: string;\n    item?: string;\n    groupLabel?: string;\n  };\n}\n\nconst defaultShortcuts: CommandPaletteShortcut[] = [\n  { key: \"k\", metaKey: true },\n  { key: \"k\", ctrlKey: true },\n];\n\nfunction matchesShortcut(\n  event: KeyboardEvent,\n  shortcut: CommandPaletteShortcut\n): boolean {\n  return (\n    event.key.toLowerCase() === shortcut.key.toLowerCase() &&\n    !!event.metaKey === !!shortcut.metaKey &&\n    !!event.ctrlKey === !!shortcut.ctrlKey &&\n    !!event.altKey === !!shortcut.altKey &&\n    !!event.shiftKey === !!shortcut.shiftKey\n  );\n}\n\n// Default items for testing/demo purposes\n// const defaultItems: DropdownMenuItemType[] = [\n//   {\n//     type: \"item\",\n//     key: \"search\",\n//     label: \"Search files\",\n//     onClick: () => console.log(\"Search files\"),\n//   },\n//   {\n//     type: \"item\",\n//     key: \"new-file\",\n//     label: \"New file\",\n//     onClick: () => console.log(\"New file\"),\n//   },\n//   {\n//     type: \"item\",\n//     key: \"settings\",\n//     label: \"Open settings\",\n//     onClick: () => console.log(\"Open settings\"),\n//   },\n// ];\n\nexport const CommandPalette: React.FC<CommandPaletteProps> = ({\n  open,\n  onOpenChange,\n  defaultOpen,\n  items = [],\n  shortcuts = defaultShortcuts,\n  placeholder = \"Type a command or search...\",\n  emptyText = \"No results found.\",\n  label = \"Command Palette\",\n  className,\n  classNames,\n}) => {\n  const cls = useCls();\n  const [actualOpen, setActualOpen] = useControlledState(\n    open,\n    onOpenChange,\n    defaultOpen\n  );\n\n  // Set up keyboard shortcuts\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const matchingShortcut = shortcuts.find((shortcut) =>\n        matchesShortcut(event, shortcut)\n      );\n\n      if (matchingShortcut) {\n        event.preventDefault();\n        setActualOpen(!actualOpen);\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => document.removeEventListener(\"keydown\", handleKeyDown);\n  }, [shortcuts, actualOpen, setActualOpen]);\n\n  const { renderGroup, itemGroups } = useDropdownMenu({\n    items,\n    inCombobox: true,\n    onOpenChange,\n  });\n\n  const { className: themeClassName } = useTheme();\n  const renderMenuInner = useCallback(\n    () => (\n      <>\n        <Command.Input placeholder={placeholder} />\n        {/*{beforeList}*/}\n        <ScrollArea fadeEdges>\n          <Command.List\n            className={cls(\"dropdown-menu-list\", \"command-palette-list\")}\n          >\n            <Command.Empty className={cls(\"dropdown-menu-empty\")}>\n              {emptyText}\n            </Command.Empty>\n            {itemGroups.map(renderGroup)}\n          </Command.List>\n        </ScrollArea>\n        {/*{afterList}*/}\n      </>\n    ),\n    [cls, emptyText, itemGroups, placeholder, renderGroup]\n  );\n  return (\n    <Command.Dialog\n      open={actualOpen}\n      onOpenChange={setActualOpen}\n      label={label}\n      overlayClassName={cls(\"command-palette-overlay\", classNames?.mask)}\n      contentClassName={cls(\"command-palette-content\", classNames?.content)}\n      className={cls(\"command-palette\", themeClassName, className)}\n    >\n      {renderMenuInner()}\n    </Command.Dialog>\n  );\n};\n"],"names":["defaultShortcuts","matchesShortcut","event","shortcut","CommandPalette","open","onOpenChange","defaultOpen","items","shortcuts","placeholder","emptyText","label","className","classNames","cls","useCls","actualOpen","setActualOpen","useControlledState","useEffect","handleKeyDown","renderGroup","itemGroups","useDropdownMenu","themeClassName","useTheme","renderMenuInner","useCallback","jsxs","Fragment","jsx","Command","ScrollArea"],"mappings":";;;;;;;;;;AAkDA,MAAMA,IAA6C;AAAA,EACjD,EAAE,KAAK,KAAK,SAAS,GAAA;AAAA,EACrB,EAAE,KAAK,KAAK,SAAS,GAAA;AACvB;AAEA,SAASC,EACPC,GACAC,GACS;AACT,SACED,EAAM,IAAI,YAAA,MAAkBC,EAAS,IAAI,YAAA,KACzC,CAAC,CAACD,EAAM,WAAY,CAAC,CAACC,EAAS,WAC/B,CAAC,CAACD,EAAM,WAAY,CAAC,CAACC,EAAS,WAC/B,CAAC,CAACD,EAAM,UAAW,CAAC,CAACC,EAAS,UAC9B,CAAC,CAACD,EAAM,YAAa,CAAC,CAACC,EAAS;AAEpC;AAwBO,MAAMC,IAAgD,CAAC;AAAA,EAC5D,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,WAAAC,IAAYT;AAAA,EACZ,aAAAU,IAAc;AAAA,EACd,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACJ,QAAMC,IAAMC,EAAA,GACN,CAACC,GAAYC,CAAa,IAAIC;AAAA,IAClCd;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAIF,EAAAa,EAAU,MAAM;AACd,UAAMC,IAAgB,CAACnB,MAAyB;AAK9C,MAJyBO,EAAU;AAAA,QAAK,CAACN,MACvCF,EAAgBC,GAAOC,CAAQ;AAAA,MAAA,MAI/BD,EAAM,eAAA,GACNgB,EAAc,CAACD,CAAU;AAAA,IAE7B;AAEA,oBAAS,iBAAiB,WAAWI,CAAa,GAC3C,MAAM,SAAS,oBAAoB,WAAWA,CAAa;AAAA,EACpE,GAAG,CAACZ,GAAWQ,GAAYC,CAAa,CAAC;AAEzC,QAAM,EAAE,aAAAI,GAAa,YAAAC,EAAA,IAAeC,EAAgB;AAAA,IAClD,OAAAhB;AAAA,IACA,YAAY;AAAA,IACZ,cAAAF;AAAA,EAAA,CACD,GAEK,EAAE,WAAWmB,EAAA,IAAmBC,EAAA,GAChCC,IAAkBC;AAAA,IACtB,MACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC,EAACC,EAAQ,OAAR,EAAc,aAAAtB,EAAA,CAA0B;AAAA,MAEzC,gBAAAqB,EAACE,GAAA,EAAW,WAAS,IACnB,UAAA,gBAAAJ;AAAA,QAACG,EAAQ;AAAA,QAAR;AAAA,UACC,WAAWjB,EAAI,sBAAsB,sBAAsB;AAAA,UAE3D,UAAA;AAAA,YAAA,gBAAAgB,EAACC,EAAQ,OAAR,EAAc,WAAWjB,EAAI,qBAAqB,GAChD,UAAAJ,GACH;AAAA,YACCY,EAAW,IAAID,CAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,EAC7B,CACF;AAAA,IAAA,GAEF;AAAA,IAEF,CAACP,GAAKJ,GAAWY,GAAYb,GAAaY,CAAW;AAAA,EAAA;AAEvD,SACE,gBAAAS;AAAA,IAACC,EAAQ;AAAA,IAAR;AAAA,MACC,MAAMf;AAAA,MACN,cAAcC;AAAA,MACd,OAAAN;AAAA,MACA,kBAAkBG,EAAI,2BAA2BD,GAAY,IAAI;AAAA,MACjE,kBAAkBC,EAAI,2BAA2BD,GAAY,OAAO;AAAA,MACpE,WAAWC,EAAI,mBAAmBU,GAAgBZ,CAAS;AAAA,MAE1D,UAAAc,EAAA;AAAA,IAAgB;AAAA,EAAA;AAGvB;"}

package/dist/components/data-table/component.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'react';
+import { DataTableProps, DataTableRef } from './types';
+declare const InnerDataTable: <RecordType extends Record<string, any> = Record<string, unknown>>(props: DataTableProps<RecordType>, ref: Ref<DataTableRef>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataTable: <RecordType extends Record<string, any> = Record<string, unknown>>(props: DataTableProps<RecordType> & {
+    ref?: Ref<DataTableRef>;
+}) => ReturnType<typeof InnerDataTable>;
+export {};
+//# sourceMappingURL=component.d.ts.map

package/dist/components/data-table/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/component.tsx"],"names":[],"mappings":"AACA,OAAc,EAAsB,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAO5D,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAGjE,OAAO,aAAa,CAAC;AAUrB,QAAA,MAAM,cAAc,GAClB,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAEhE,OAAO,cAAc,CAAC,UAAU,CAAC,EACjC,KAAK,GAAG,CAAC,YAAY,CAAC,4CAgIvB,CAAC;AAQF,eAAO,MAAM,SAAS,GALpB,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,mCAE/B,cAAc,CAAC,UAAU,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAA;CAAE,KAC5D,UAAU,CAAC,OAAO,cAAc,CAEK,CAAC"}

package/dist/components/data-table/component.js

@@ -0,0 +1,112 @@
+"use client";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as R, useRef as T } from "react";
+import { Spin as C } from "../spin/component.js";
+import { useDataTable as D } from "./hooks.js";
+import { convertSelectionToAntFormat as x } from "./utils.js";
+import './style.css';/* empty css          */
+import { TableHeader as K } from "./components/TableHeader.js";
+import { TableBody as N } from "./components/TableBody.js";
+import { TablePagination as z } from "./components/TablePagination.js";
+import { useCls as P } from "../utils/antdUtils.js";
+import { clsx as m } from "../utils/cn.js";
+const k = (n, W) => {
+  const {
+    dataSource: i = [],
+    className: d,
+    size: f = "large",
+    variant: p = "default",
+    emptyDescription: b,
+    rowKey: g
+  } = n, o = P(), u = T(null), {
+    table: a,
+    isLoading: w,
+    spinProps: h,
+    hasRowSelection: c,
+    hasPagination: S,
+    paginationConfig: y,
+    rowSelectionConfig: r
+  } = D(n), v = (t) => {
+    if (c && (t.toggleSelected(), r?.onSelect)) {
+      const { selectedRows: l } = x(
+        a.getState().rowSelection,
+        i,
+        g
+      );
+      r.onSelect(
+        t.original,
+        !t.getIsSelected(),
+        l,
+        new Event("click")
+      );
+    }
+  };
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: u,
+      className: m(
+        o("table-wrapper", "data-table"),
+        o(`table-${f}`),
+        p === "zebra" ? o("table-zebra") : "",
+        "css-var-«r3»",
+        d
+      ),
+      children: /* @__PURE__ */ s(C, { spinning: w, ...h, children: [
+        /* @__PURE__ */ e("div", { className: m(o("table")), children: /* @__PURE__ */ e("div", { className: o("table-container"), children: /* @__PURE__ */ e("div", { className: o("table-content"), children: /* @__PURE__ */ s("table", { children: [
+          /* @__PURE__ */ e("colgroup", { children: a.getHeaderGroups()[0]?.headers.map((t) => {
+            let l;
+            if (t.id === "select")
+              l = r?.columnWidth || 32;
+            else
+              try {
+                l = `${t.getSize()}px`;
+              } catch {
+                l = t.column.columnDef.meta?.width;
+              }
+            return /* @__PURE__ */ e(
+              "col",
+              {
+                style: { width: l }
+              },
+              t.id
+            );
+          }) }),
+          /* @__PURE__ */ e(
+            K,
+            {
+              table: a,
+              rowSelectionConfig: r,
+              dataSource: i,
+              rowKey: n.rowKey
+            }
+          ),
+          /* @__PURE__ */ e(
+            N,
+            {
+              table: a,
+              dataSource: i,
+              emptyDescription: b,
+              hasRowSelection: c,
+              onRowClick: v,
+              rowSelectionConfig: r,
+              rowKey: n.rowKey
+            }
+          )
+        ] }) }) }) }),
+        S && /* @__PURE__ */ e(
+          z,
+          {
+            table: a,
+            paginationConfig: y,
+            totalCount: a.getPreFilteredRowModel().rows.length
+          }
+        )
+      ] })
+    }
+  );
+}, I = R(k), O = I;
+export {
+  O as DataTable
+};
+//# sourceMappingURL=component.js.map

package/dist/components/data-table/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/data-table/component.tsx"],"sourcesContent":["\"use client\";\nimport React, { forwardRef, useRef, type Ref } from \"react\";\nimport { type Row } from \"@tanstack/react-table\";\nimport { clsx, useCls } from \"../utils\";\nimport { Spin } from \"../spin/component\";\nimport { TableHeader, TableBody, TablePagination } from \"./components\";\nimport { useDataTable } from \"./hooks\";\nimport { convertSelectionToAntFormat } from \"./utils\";\nimport { type DataTableProps, type DataTableRef } from \"./types\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Extended meta type for column definitions\ninterface ExtendedColumnMeta {\n  align?: 'left' | 'center' | 'right';\n  width?: string | number;\n  fixed?: 'left' | 'right' | boolean;\n  ellipsis?: boolean;\n}\n\nconst InnerDataTable = <\n  RecordType extends Record<string, any> = Record<string, unknown>\n>(\n  props: DataTableProps<RecordType>,\n  ref: Ref<DataTableRef>\n) => {\n  const {\n    dataSource = [],\n    columns = [],\n    className,\n    size = \"large\",\n    variant = \"default\",\n    emptyDescription,\n    rowSelection,\n    pagination,\n    loading,\n    enableSorting = true,\n    enableFiltering = false,\n    onSortingChange,\n    onFilteringChange,\n    rowKey,\n    ...restProps\n  } = props;\n\n  const cls = useCls();\n  const tableWrapperRef = useRef<HTMLDivElement>(null);\n\n  // Use the custom hook for table logic\n  const {\n    table,\n    isLoading,\n    spinProps,\n    hasRowSelection,\n    hasPagination,\n    paginationConfig,\n    rowSelectionConfig,\n  } = useDataTable(props);\n\n  // Handle row click for selection\n  const handleRowClick = (row: Row<RecordType>) => {\n    if (hasRowSelection) {\n      row.toggleSelected();\n      if (rowSelectionConfig?.onSelect) {\n        const { selectedRowKeys, selectedRows } = convertSelectionToAntFormat(\n          table.getState().rowSelection,\n          dataSource,\n          rowKey\n        );\n        rowSelectionConfig.onSelect(\n          row.original,\n          !row.getIsSelected(),\n          selectedRows,\n          new Event(\"click\")\n        );\n      }\n    }\n  };\n\n  // cls(\"table-scroll-horizontal\"))\n\n  return (\n    <div\n      ref={tableWrapperRef}\n      className={clsx(\n        cls(\"table-wrapper\", \"data-table\"),\n        cls(`table-${size}`),\n        variant === \"zebra\" ? cls(\"table-zebra\") : \"\",\n        \"css-var-«r3»\",\n        className\n      )}\n    >\n      <Spin spinning={isLoading} {...spinProps}>\n        <div className={clsx(cls(\"table\"))}>\n          <div className={cls(\"table-container\")}>\n            <div className={cls(\"table-content\")}>\n              <table>\n                <colgroup>\n                  {table.getHeaderGroups()[0]?.headers.map((header) => {\n                    let columnWidth: string | number | undefined;\n                    \n                    if (header.id === \"select\") {\n                      columnWidth = rowSelectionConfig?.columnWidth || 32;\n                    } else {\n                      // Try to get the current size from TanStack, fallback to meta width\n                      try {\n                        columnWidth = `${header.getSize()}px`;\n                      } catch (error) {\n                        // Fallback to static width from column meta\n                        columnWidth = (header.column.columnDef.meta as ExtendedColumnMeta)?.width;\n                      }\n                    }\n                    \n                    return (\n                      <col\n                        key={header.id}\n                        style={{ width: columnWidth }}\n                      />\n                    );\n                  })}\n                </colgroup>\n\n                <TableHeader\n                  table={table}\n                  rowSelectionConfig={rowSelectionConfig}\n                  dataSource={dataSource}\n                  rowKey={props.rowKey}\n                />\n\n                <TableBody\n                  table={table}\n                  dataSource={dataSource}\n                  emptyDescription={emptyDescription}\n                  hasRowSelection={hasRowSelection}\n                  onRowClick={handleRowClick}\n                  rowSelectionConfig={rowSelectionConfig}\n                  rowKey={props.rowKey}\n                />\n              </table>\n            </div>\n          </div>\n        </div>\n\n        {hasPagination && (\n          <TablePagination\n            table={table}\n            paginationConfig={paginationConfig}\n            totalCount={table.getPreFilteredRowModel().rows.length}\n          />\n        )}\n      </Spin>\n    </div>\n  );\n};\n\nconst InternalDataTable = forwardRef(InnerDataTable) as <\n  RecordType extends Record<string, any> = Record<string, unknown>\n>(\n  props: DataTableProps<RecordType> & { ref?: Ref<DataTableRef> }\n) => ReturnType<typeof InnerDataTable>;\n\nexport const DataTable = InternalDataTable;\n"],"names":["InnerDataTable","props","ref","dataSource","className","size","variant","emptyDescription","rowKey","cls","useCls","tableWrapperRef","useRef","table","isLoading","spinProps","hasRowSelection","hasPagination","paginationConfig","rowSelectionConfig","useDataTable","handleRowClick","row","selectedRows","convertSelectionToAntFormat","jsx","clsx","jsxs","Spin","header","columnWidth","TableHeader","TableBody","TablePagination","InternalDataTable","forwardRef","DataTable"],"mappings":"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"}

package/dist/components/data-table/components/TableBody.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { Table, Row } from '@tanstack/react-table';
+import { DataTableRowSelection, RowKey } from '../types';
+interface TableBodyProps<RecordType extends Record<string, any> = Record<string, unknown>> {
+    table: Table<RecordType>;
+    dataSource: RecordType[];
+    emptyDescription?: React.ReactNode;
+    hasRowSelection?: boolean;
+    onRowClick?: (row: Row<RecordType>) => void;
+    rowSelectionConfig?: DataTableRowSelection<RecordType>;
+    rowKey?: RowKey | ((record: RecordType, index?: number) => RowKey);
+}
+export declare const TableBody: <RecordType extends Record<string, any> = Record<string, unknown>>({ table, dataSource, emptyDescription, hasRowSelection, onRowClick, rowSelectionConfig, rowKey }: TableBodyProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TableBody.d.ts.map

package/dist/components/data-table/components/TableBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/components/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,KAAK,KAAK,EAAE,KAAK,GAAG,EAA0B,MAAM,uBAAuB,CAAC;AAKjG,OAAO,EAAE,KAAK,qBAAqB,EAAE,KAAK,MAAM,EAAE,MAAM,UAAU,CAAC;AAWnE,UAAU,cAAc,CAAC,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACvF,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC5C,kBAAkB,CAAC,EAAE,qBAAqB,CAAC,UAAU,CAAC,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;CACpE;AAED,eAAO,MAAM,SAAS,GAAI,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,kGAQzF,cAAc,CAAC,UAAU,CAAC,4CAkH5B,CAAC"}

package/dist/components/data-table/components/TableBody.js

@@ -0,0 +1,114 @@
+import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { flexRender as f } from "@tanstack/react-table";
+import { Checkbox as k } from "antd";
+import { convertSelectionToAntFormat as h, getAlignmentClass as w } from "../utils.js";
+import { Empty as S } from "../../empty/component.js";
+import { useCls as y } from "../../utils/antdUtils.js";
+import { clsx as g } from "../../utils/cn.js";
+const j = ({
+  table: c,
+  dataSource: a,
+  emptyDescription: p,
+  hasRowSelection: b,
+  onRowClick: u,
+  rowSelectionConfig: s,
+  rowKey: m
+}) => {
+  const d = y();
+  return /* @__PURE__ */ x("tbody", { className: d("table-tbody"), children: [
+    /* @__PURE__ */ t(
+      "tr",
+      {
+        "aria-hidden": "true",
+        className: d("table-measure-row"),
+        style: { height: "0px", fontSize: "0px" },
+        children: c.getHeaderGroups()[0]?.headers.map((o) => /* @__PURE__ */ t(
+          "td",
+          {
+            style: {
+              padding: "0px",
+              border: "0px",
+              height: "0px",
+              width: o.id === "select" ? 32 : o.column.columnDef.meta?.width
+            },
+            children: /* @__PURE__ */ t("div", { style: { height: "0px", overflow: "hidden" }, children: " " })
+          },
+          o.id
+        ))
+      }
+    ),
+    a.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: c.getHeaderGroups()[0]?.headers.length || 1, children: /* @__PURE__ */ t(S, { description: p }) }) }) : c.getRowModel().rows.map((o) => /* @__PURE__ */ t(
+      "tr",
+      {
+        className: g(
+          d("table-row"),
+          d("table-row-level-0"),
+          o.getIsSelected() ? d("table-row-selected") : ""
+        ),
+        "data-row-key": o.id,
+        "data-selectable": b ? "true" : "false",
+        onClick: () => u?.(o),
+        children: o.getVisibleCells().map((e) => /* @__PURE__ */ t(
+          "td",
+          {
+            className: g(
+              d("table-cell"),
+              e.column.id === "select" ? d("table-selection-column") : "",
+              w(e.column.columnDef.meta?.align)
+            ),
+            children: e.column.id === "select" ? (
+              // Handle selection column cells
+              (() => {
+                const l = e.row.original, n = s?.getCheckboxProps?.(l) || {};
+                return s?.type === "radio" ? /* @__PURE__ */ t(
+                  "input",
+                  {
+                    type: "radio",
+                    name: "table-radio",
+                    checked: e.row.getIsSelected(),
+                    disabled: !e.row.getCanSelect(),
+                    onChange: (r) => {
+                      if (e.row.toggleSelected(r.target.checked), s.onSelect) {
+                        const { selectedRows: i } = h(
+                          c.getState().rowSelection,
+                          a,
+                          m
+                        );
+                        s.onSelect(l, r.target.checked, i, r.nativeEvent);
+                      }
+                    },
+                    disabled: n.disabled,
+                    className: n.className
+                  }
+                ) : /* @__PURE__ */ t(
+                  k,
+                  {
+                    checked: e.row.getIsSelected(),
+                    disabled: !e.row.getCanSelect(),
+                    onChange: (r) => {
+                      if (e.row.toggleSelected(r.target.checked), s?.onSelect) {
+                        const { selectedRows: i } = h(
+                          c.getState().rowSelection,
+                          a,
+                          m
+                        );
+                        s.onSelect(l, r.target.checked, i, r.nativeEvent);
+                      }
+                    },
+                    ...n
+                  }
+                );
+              })()
+            ) : f(e.column.columnDef.cell, e.getContext())
+          },
+          e.id
+        ))
+      },
+      o.id
+    ))
+  ] });
+};
+export {
+  j as TableBody
+};
+//# sourceMappingURL=TableBody.js.map