@bioturing/components 0.15.0 → 0.15.1

package/dist/components/Badge/component.js

@@ -0,0 +1,21 @@
+import { jsx as a } from "react/jsx-runtime";
+import e from "antd/es/badge";
+import './style.css';/* empty css          */
+import { useCls as n, useAntdCssVarClassname as c } from "../utils/antdUtils.js";
+import { clsx as d } from "../utils/cn.js";
+const g = ({ count: s, showZero: r, ...o }) => {
+  const t = n(), m = c();
+  return /* @__PURE__ */ a(
+    e,
+    {
+      count: s,
+      showZero: r,
+      className: d(t("badge"), m),
+      ...o
+    }
+  );
+};
+export {
+  g as Badge
+};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/Badge/component.tsx"],"sourcesContent":["import { clsx, useCls, useAntdCssVarClassname } from \"../utils\";\nimport {\n  default as AntdBadge,\n  type BadgeProps as AntdBadgeProps,\n} from \"antd/es/badge\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type BadgeProps = AntdBadgeProps;\n\nexport const Badge = ({ count, showZero, ...rest }: BadgeProps) => {\n  const cls = useCls();\n  const antdCssVar = useAntdCssVarClassname();\n\n  return (\n    <AntdBadge\n      count={count}\n      showZero={showZero}\n      className={clsx(cls(\"badge\"), antdCssVar)}\n      {...rest}\n    />\n  );\n};\n"],"names":["Badge","count","showZero","rest","cls","useCls","antdCssVar","useAntdCssVarClassname","jsx","AntdBadge","clsx"],"mappings":";;;;;AAWO,MAAMA,IAAQ,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,QAAuB;AACjE,QAAMC,IAAMC,EAAO,GACbC,IAAaC,EAAuB;AAGxC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAR;AAAA,MACA,UAAAC;AAAA,MACA,WAAWQ,EAAKN,EAAI,OAAO,GAAGE,CAAU;AAAA,MACvC,GAAGH;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/components/Badge/style.css

@@ -0,0 +1 @@
+@layer components{.ds-badge{display:inline-flex}}

package/dist/components/Breadcrumb/component.js

@@ -0,0 +1,46 @@
+import { jsx as o } from "react/jsx-runtime";
+import m from "antd/es/breadcrumb";
+import l from "./useItemRender.js";
+import './style.css';/* empty css          */
+import { useCls as c, useGetPrefixCls as d } from "../utils/antdUtils.js";
+import { clsx as n } from "../utils/cn.js";
+const f = ({
+  className: r,
+  items: s,
+  noWrap: e = !1,
+  itemRender: t,
+  ...a
+}) => {
+  const i = c(), { getPrefixCls: p } = d(), u = p("breadcrumb"), b = l(u, t);
+  return /* @__PURE__ */ o(
+    m,
+    {
+      className: n(
+        i("breadcrumb", e && "breadcrumb-nowrap"),
+        r
+      ),
+      items: s,
+      itemRender: b,
+      ...a
+    }
+  );
+}, x = (r) => {
+  const { className: s, ...e } = r, t = c();
+  return /* @__PURE__ */ o(
+    m.Item,
+    {
+      className: n(t("breadcrumb-item"), s),
+      ...e
+    }
+  );
+}, P = (r) => {
+  const { className: s, ...e } = r;
+  return /* @__PURE__ */ o(m.Separator, { ...e });
+}, j = Object.assign(f, {
+  Item: x,
+  Separator: P
+});
+export {
+  j as Breadcrumb
+};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/Breadcrumb/component.tsx"],"sourcesContent":["\"use client\";\nimport { default as AntBreadcrumb } from \"antd/es/breadcrumb\";\nimport { clsx, useCls, useGetPrefixCls } from \"../utils\";\nimport { type BreadcrumbProps, type BreadcrumbItemProps } from \"./types\";\nimport useItemRender from \"./useItemRender\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Create inner function with forwarded ref\nconst BreadcrumbInner = ({\n  className,\n  items,\n  noWrap = false,\n  itemRender: outsideItemRender,\n  ...rest\n}: BreadcrumbProps) => {\n  const cls = useCls();\n  const { getPrefixCls } = useGetPrefixCls();\n  const componentPrefixCls = getPrefixCls(\"breadcrumb\");\n  const itemRender = useItemRender(componentPrefixCls, outsideItemRender);\n\n  return (\n    <AntBreadcrumb\n      className={clsx(\n        cls(\"breadcrumb\", noWrap && \"breadcrumb-nowrap\"),\n        className\n      )}\n      items={items}\n      itemRender={itemRender}\n      {...rest}\n    />\n  );\n};\n\n// Create the Item component\nconst Item = (props: BreadcrumbItemProps) => {\n  const { className, ...restProps } = props;\n  const cls = useCls();\n\n  return (\n    <AntBreadcrumb.Item\n      className={clsx(cls(\"breadcrumb-item\"), className)}\n      {...restProps}\n    />\n  );\n};\n\n// Create the Separator component\nconst Separator = (props: React.HTMLAttributes<HTMLSpanElement>) => {\n  const { className, ...restProps } = props;\n\n  return <AntBreadcrumb.Separator {...restProps} />;\n};\n\n// Create the final component with Item property and Separator properties\nexport const Breadcrumb = Object.assign(BreadcrumbInner, {\n  Item,\n  Separator,\n});\n"],"names":["BreadcrumbInner","className","items","noWrap","outsideItemRender","rest","cls","useCls","getPrefixCls","useGetPrefixCls","componentPrefixCls","itemRender","useItemRender","jsx","AntBreadcrumb","clsx","Item","props","restProps","Separator","Breadcrumb"],"mappings":";;;;;;AAUA,MAAMA,IAAkB,CAAC;AAAA,EACvB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,YAAYC;AAAA,EACZ,GAAGC;AACL,MAAuB;AACrB,QAAMC,IAAMC,EAAO,GACb,EAAE,cAAAC,EAAa,IAAIC,EAAgB,GACnCC,IAAqBF,EAAa,YAAY,GAC9CG,IAAaC,EAAcF,GAAoBN,CAAiB;AAGpE,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTT,EAAI,cAAcH,KAAU,mBAAmB;AAAA,QAC/CF;AAAA,MACF;AAAA,MACA,OAAAC;AAAA,MACA,YAAAS;AAAA,MACC,GAAGN;AAAA,IAAA;AAAA,EACN;AAEJ,GAGMW,IAAO,CAACC,MAA+B;AAC3C,QAAM,EAAE,WAAAhB,GAAW,GAAGiB,EAAA,IAAcD,GAC9BX,IAAMC,EAAO;AAGjB,SAAA,gBAAAM;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,WAAWC,EAAKT,EAAI,iBAAiB,GAAGL,CAAS;AAAA,MAChD,GAAGiB;AAAA,IAAA;AAAA,EACN;AAEJ,GAGMC,IAAY,CAACF,MAAiD;AAClE,QAAM,EAAE,WAAAhB,GAAW,GAAGiB,EAAA,IAAcD;AAEpC,SAAQ,gBAAAJ,EAAAC,EAAc,WAAd,EAAyB,GAAGI,EAAW,CAAA;AACjD,GAGaE,IAAa,OAAO,OAAOpB,GAAiB;AAAA,EACvD,MAAAgB;AAAA,EACA,WAAAG;AACF,CAAC;"}

package/dist/components/Breadcrumb/style.css

@@ -0,0 +1 @@
+@layer components{.ds-breadcrumb{display:flex}.ds-breadcrumb ol{display:inline-flex;flex:1;min-width:0;gap:.25rem 0}.ds-breadcrumb>ol>li{display:inline-flex;align-items:center;flex:0 1 0;max-width:100%}.ds-breadcrumb>ol>li.ds-breadcrumb-separator{flex:0}.ds-breadcrumb>ol>li .ds-breadcrumb-link{display:inline-flex;align-items:center;flex:0 1 auto;min-width:0;white-space:nowrap;gap:.5rem}.ds-breadcrumb .ds-breadcrumb-item-name{flex:1 1 auto}.ds-breadcrumb .ds-breadcrumb-item-icon{flex:0 0 auto}.ds-breadcrumb.ds-breadcrumb-nowrap{display:flex;align-items:center;flex-grow:1;min-width:0}.ds-breadcrumb.ds-breadcrumb-nowrap ol{flex-wrap:nowrap}:is(.ds-breadcrumb.ds-breadcrumb-nowrap ol) li:not(.ds-breadcrumb-separator){flex:0 1 auto;min-width:0;display:flex;transition:all .2s ease}:is(:is(.ds-breadcrumb.ds-breadcrumb-nowrap ol) li:not(.ds-breadcrumb-separator)) span.ds-breadcrumb-link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}:is(.ds-breadcrumb.ds-breadcrumb-nowrap ol) li:not(.ds-breadcrumb-separator){max-width:100%}:is(.ds-breadcrumb.ds-breadcrumb-nowrap ol) li:last-child{flex:0 0 auto}:is(.ds-breadcrumb.ds-breadcrumb-nowrap ol):hover li:last-child{flex-shrink:1}:is(.ds-breadcrumb.ds-breadcrumb-nowrap ol) li:hover{flex-shrink:0}}

package/dist/components/Breadcrumb/useItemRender.js

@@ -0,0 +1,27 @@
+import { jsxs as u, Fragment as f, jsx as o } from "react/jsx-runtime";
+import { renderItem as g } from "antd/es/breadcrumb/useItemRender";
+import { cn as l } from "../utils/cn.js";
+function p(e, t) {
+  if (e.title === void 0 || e.title === null)
+    return null;
+  const c = Object.keys(t).join("|");
+  return typeof e.title == "object" ? e.title : String(e.title).replace(
+    new RegExp(`:(${c})`, "g"),
+    (n, r) => t[r] || n
+  );
+}
+function b(e, t) {
+  return (n, r, m, s, a) => {
+    if (t)
+      return t(n, r, m, s);
+    const i = p(n, r), d = n.icon ? /* @__PURE__ */ u(f, { children: [
+      /* @__PURE__ */ o("span", { className: l(`${e}-item-icon`), children: n.icon }),
+      /* @__PURE__ */ o("span", { className: l(`${e}-item-name`), children: i })
+    ] }) : i;
+    return g(e, n, d, a);
+  };
+}
+export {
+  b as default
+};
+//# sourceMappingURL=useItemRender.js.map

package/dist/components/Breadcrumb/useItemRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useItemRender.js","sources":["../../../src/components/Breadcrumb/useItemRender.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../utils\";\nimport { renderItem } from \"antd/es/breadcrumb/useItemRender\";\nimport { InternalRouteType } from \"antd/es/breadcrumb/Breadcrumb\";\nimport type { BreadcrumbProps } from \"./types\";\n\ntype AddParameters<\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  TFunction extends (...args: any) => any,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  TParameters extends [...args: any]\n> = (\n  ...args: [...Parameters<TFunction>, ...TParameters]\n) => ReturnType<TFunction>;\n\ntype ItemRender = NonNullable<BreadcrumbProps[\"itemRender\"]>;\ntype InternalItemRenderParams = AddParameters<ItemRender, [href?: string]>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction getBreadcrumbName(route: InternalRouteType, params: any) {\n  if (route.title === undefined || route.title === null) {\n    return null;\n  }\n  const paramsKeys = Object.keys(params).join(\"|\");\n  return typeof route.title === \"object\"\n    ? route.title\n    : String(route.title).replace(\n        new RegExp(`:(${paramsKeys})`, \"g\"),\n        (replacement, key) => params[key] || replacement\n      );\n}\n\nexport default function useItemRender(\n  prefixCls: string,\n  itemRender?: ItemRender\n) {\n  const mergedItemRender: InternalItemRenderParams = (\n    item,\n    params,\n    routes,\n    path,\n    href\n  ) => {\n    if (itemRender) {\n      return itemRender(item, params, routes, path);\n    }\n    const name = getBreadcrumbName(item, params);\n    const child = item.icon ? (\n      <>\n        <span className={cn(`${prefixCls}-item-icon`)}>{item.icon}</span>\n        <span className={cn(`${prefixCls}-item-name`)}>{name}</span>\n      </>\n    ) : (\n      name\n    );\n\n    return renderItem(prefixCls, item, child, href);\n  };\n\n  return mergedItemRender;\n}\n"],"names":["getBreadcrumbName","route","params","paramsKeys","replacement","key","useItemRender","prefixCls","itemRender","item","routes","path","href","name","child","jsxs","Fragment","jsx","cn","renderItem"],"mappings":";;;AAmBA,SAASA,EAAkBC,GAA0BC,GAAa;AAChE,MAAID,EAAM,UAAU,UAAaA,EAAM,UAAU;AACxC,WAAA;AAET,QAAME,IAAa,OAAO,KAAKD,CAAM,EAAE,KAAK,GAAG;AACxC,SAAA,OAAOD,EAAM,SAAU,WAC1BA,EAAM,QACN,OAAOA,EAAM,KAAK,EAAE;AAAA,IAClB,IAAI,OAAO,KAAKE,CAAU,KAAK,GAAG;AAAA,IAClC,CAACC,GAAaC,MAAQH,EAAOG,CAAG,KAAKD;AAAA,EACvC;AACN;AAEwB,SAAAE,EACtBC,GACAC,GACA;AAwBO,SAvB4C,CACjDC,GACAP,GACAQ,GACAC,GACAC,MACG;AACH,QAAIJ;AACF,aAAOA,EAAWC,GAAMP,GAAQQ,GAAQC,CAAI;AAExC,UAAAE,IAAOb,EAAkBS,GAAMP,CAAM,GACrCY,IAAQL,EAAK,OAEf,gBAAAM,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAC,gBAAAC,EAAA,QAAA,EAAK,WAAWC,EAAG,GAAGX,CAAS,YAAY,GAAI,YAAK,KAAK,CAAA;AAAA,MAC1D,gBAAAU,EAAC,UAAK,WAAWC,EAAG,GAAGX,CAAS,YAAY,GAAI,UAAKM,EAAA,CAAA;AAAA,IAAA,EAAA,CACvD,IAEAA;AAGF,WAAOM,EAAWZ,GAAWE,GAAMK,GAAOF,CAAI;AAAA,EAChD;AAGF;"}

package/dist/components/Button/component.js

@@ -0,0 +1,9 @@
+import { jsx as n } from "react/jsx-runtime";
+import m from "antd/es/button";
+import { forwardRef as f } from "react";
+import './style.css';/* empty css          */
+const p = ({ style: t, ...o }, r) => /* @__PURE__ */ n(m, { ref: r, style: t, ...o }), B = f(p);
+export {
+  B as Button
+};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/Button/component.tsx"],"sourcesContent":["import {\n  default as AntdButton,\n  type ButtonProps as AntdButtonProps,\n} from \"antd/es/button\";\nimport { forwardRef } from \"react\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type ButtonProps = AntdButtonProps;\n\nconst ButtonInner = (\n  { style, ...rest }: ButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n) => {\n  return <AntdButton ref={ref} style={style} {...rest} />;\n};\n\nexport const Button = forwardRef(ButtonInner) as (\n  props: ButtonProps & {\n    ref?: React.ForwardedRef<HTMLButtonElement | HTMLAnchorElement>;\n  }\n) => ReturnType<typeof ButtonInner>;\n"],"names":["ButtonInner","style","rest","ref","jsx","AntdButton","Button","forwardRef"],"mappings":";;;;AAWA,MAAMA,IAAc,CAClB,EAAE,OAAAC,GAAO,GAAGC,EAAA,GACZC,MAEQ,gBAAAC,EAAAC,GAAA,EAAW,KAAAF,GAAU,OAAAF,GAAe,GAAGC,GAAM,GAG1CI,IAASC,EAAWP,CAAW;"}

package/dist/components/Button/style.css

@@ -0,0 +1 @@
+@layer components{span.ds-btn-icon{display:flex;align-items:center}}

package/dist/components/Checkbox/component.js

@@ -0,0 +1,11 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Checkbox as o } from "antd";
+import { forwardRef as c } from "react";
+import './style.css';/* empty css          */
+const n = (r, e) => /* @__PURE__ */ t(o, { ref: e, ...r }), i = c(n), b = Object.assign(i, {
+  Group: o.Group
+});
+export {
+  b as Checkbox
+};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/Checkbox/component.tsx"],"sourcesContent":["import {\n  Checkbox as AntCheckbox,\n  type CheckboxProps as AntCheckboxProps,\n} from \"antd\";\nimport { forwardRef } from \"react\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Define props interface extending Ant Design's CheckboxProps\nexport interface CheckboxProps extends AntCheckboxProps {}\n\n// Create inner function\nconst MainCheckboxInner = (\n  props: CheckboxProps,\n  ref: React.Ref<React.ComponentRef<typeof AntCheckbox>>\n) => {\n  return <AntCheckbox ref={ref} {...props} />;\n};\n\n// Use forwardRef with type assertion\nconst MainCheckbox = forwardRef(MainCheckboxInner) as (\n  props: CheckboxProps & {\n    ref?: React.ForwardedRef<React.ComponentRef<typeof AntCheckbox>>;\n  }\n) => ReturnType<typeof MainCheckboxInner>;\n\n// Create the final component with Group property\nexport const Checkbox = Object.assign(MainCheckbox, {\n  Group: AntCheckbox.Group,\n});\n"],"names":["MainCheckboxInner","props","ref","jsx","AntCheckbox","MainCheckbox","forwardRef","Checkbox"],"mappings":";;;;AAaA,MAAMA,IAAoB,CACxBC,GACAC,MAEQ,gBAAAC,EAAAC,GAAA,EAAY,KAAAF,GAAW,GAAGD,EAAO,CAAA,GAIrCI,IAAeC,EAAWN,CAAiB,GAOpCO,IAAW,OAAO,OAAOF,GAAc;AAAA,EAClD,OAAOD,EAAY;AACrB,CAAC;"}

package/dist/components/Checkbox/style.css

@@ -0,0 +1 @@
+@layer components{:is(.ds-checkbox-wrapper .ds-checkbox.ds-checkbox-indeterminate) .ds-checkbox-inner{background-color:var(--ds-color-primary)!important;border-color:var(--ds-color-primary)!important}:is(:is(.ds-checkbox-wrapper .ds-checkbox.ds-checkbox-indeterminate) .ds-checkbox-inner):after{background-color:var(--ds-color-white);height:.125rem;border-radius:.125rem}}

package/dist/components/CodeBlock/component.js

@@ -0,0 +1,127 @@
+import { jsx as o, jsxs as _ } from "react/jsx-runtime";
+import { useState as p, useEffect as $ } from "react";
+import { Check as q, Copy as z } from "@bioturing/assets";
+import { ThemeProvider as G } from "../ThemeProvider/component.js";
+import { Highlight as J, themes as K } from "prism-react-renderer";
+import './style.css';/* empty css          */
+import { WithAntdTokens as Q } from "../utils/WithAntdTokens.js";
+import { Segmented as R } from "../Segmented/component.js";
+import { ScrollArea as U } from "../ScrollArea/component.js";
+import { reactNodeToString as V } from "../utils/reactToString.js";
+import { useControlledState as X } from "../hooks/useControlledState.js";
+import { useCls as Y } from "../utils/antdUtils.js";
+import { clsx as Z } from "../utils/cn.js";
+import { IconButton as H } from "../IconButton/component.js";
+const fo = ({
+  code: u,
+  children: v,
+  // initial,
+  lang: m = "tsx",
+  className: S,
+  options: n,
+  activeOption: x,
+  defaultActiveOption: s = 0,
+  onActiveOptionChange: T,
+  copyText: g = "Copy",
+  copySuccessText: w = "Copied",
+  classNames: e,
+  maxHeight: c,
+  ...O
+}) => {
+  const [i, k] = X(
+    x,
+    T,
+    s
+  ), [l, j] = p(u || ""), [A, B] = p(m), h = n && n.length > 0;
+  $(() => {
+    var t, r;
+    if (h) {
+      const C = ((t = n[i]) == null ? void 0 : t.code) || "", f = ((r = n[i]) == null ? void 0 : r.lang) || m;
+      j(C), B(f);
+    }
+  }, [
+    u,
+    i,
+    s,
+    n,
+    m,
+    h,
+    k
+  ]);
+  const [L, a] = p(g), [M, b] = p(!1), D = () => {
+    const t = l || V(v);
+    try {
+      navigator.clipboard.writeText(t).then(() => {
+        a(w), b(!0);
+      });
+    } catch {
+      a("Failed to copy");
+    }
+  }, E = () => {
+    a(g), b(!1);
+  }, d = Y();
+  return /* @__PURE__ */ o(G, { theme: "dark", children: /* @__PURE__ */ _(
+    Q,
+    {
+      className: Z(d("code-block"), S, e == null ? void 0 : e.root),
+      ...O,
+      children: [
+        h && /* @__PURE__ */ o("div", { className: d("code-block-header", e == null ? void 0 : e.header), children: /* @__PURE__ */ o(
+          R,
+          {
+            value: i,
+            onChange: k,
+            options: n.map((t, r) => ({
+              label: t.label,
+              value: r
+            }))
+          }
+        ) }),
+        /* @__PURE__ */ o("div", { className: d("code-block-copy"), children: /* @__PURE__ */ o(
+          H,
+          {
+            onClick: D,
+            label: L,
+            onMouseLeave: E,
+            children: M ? /* @__PURE__ */ o(q, {}) : /* @__PURE__ */ o(z, {})
+          }
+        ) }),
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: d("code-block-content", e == null ? void 0 : e.content),
+            style: {
+              maxHeight: c && (typeof c == "number" ? `${c}px` : c)
+            },
+            children: /* @__PURE__ */ o(U, { children: l ? /* @__PURE__ */ o(
+              J,
+              {
+                language: A,
+                code: l,
+                theme: K.vsDark,
+                children: ({
+                  className: t,
+                  style: r,
+                  tokens: C,
+                  getLineProps: f,
+                  getTokenProps: F
+                }) => /* @__PURE__ */ o(
+                  "pre",
+                  {
+                    style: { ...r, backgroundColor: "transparent" },
+                    className: t,
+                    children: C.map((y, I) => /* @__PURE__ */ o("div", { ...f({ line: y }), children: y.map((P, W) => /* @__PURE__ */ o("span", { ...F({ token: P }) }, W)) }, I))
+                  }
+                )
+              }
+            ) : v })
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  fo as CodeBlock
+};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/CodeBlock/component.tsx"],"sourcesContent":["\"use client\";\nimport { useEffect, useState } from \"react\";\nimport { Check, Copy } from \"@bioturing/assets\";\nimport { IconButton } from \"../IconButton\";\nimport { ScrollArea } from \"../ScrollArea\";\nimport { Segmented } from \"../Segmented\";\nimport { ThemeProvider } from \"../ThemeProvider/component\";\nimport { useControlledState } from \"../hooks\";\nimport { clsx, useCls, WithAntdTokens } from \"../utils\";\nimport { Highlight, themes } from \"prism-react-renderer\";\nimport type { CodeBlockProps } from \"./types\";\nimport { reactNodeToString } from \"../utils\";\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  ...rest\n}: CodeBlockProps) => {\n  const [activeOption, setActiveOption] = useControlledState(\n    controlledActiveOption,\n    onActiveOptionChange,\n    defaultActiveOption\n  );\n\n  const [currentCode, setCurrentCode] = useState(code || \"\");\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 = () => {\n    const codeContent = currentCode ? currentCode : reactNodeToString(children);\n    try {\n      navigator.clipboard.writeText(codeContent).then(() => {\n        setTooltipContent(copySuccessText);\n        setCopySuccess(true);\n      });\n    } catch (_) {\n      setTooltipContent(\"Failed to copy\");\n    }\n  };\n\n  const handleMouseLeave = () => {\n    setTooltipContent(copyText);\n    setCopySuccess(false);\n  };\n\n  const cls = useCls();\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 ? <Check /> : <Copy />}\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                        {/* <span>{i + 1}</span> */}\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","rest","activeOption","setActiveOption","useControlledState","currentCode","setCurrentCode","useState","lang","setLang","hasOptions","useEffect","newCode","_a","newLang","_b","tooltipContent","setTooltipContent","copySuccess","setCopySuccess","handleCopy","codeContent","reactNodeToString","handleMouseLeave","cls","useCls","jsx","ThemeProvider","jsxs","WithAntdTokens","clsx","Segmented","opt","index","IconButton","Check","Copy","ScrollArea","Highlight","themes","style","tokens","getLineProps","getTokenProps","line","i","token","key"],"mappings":"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"}

package/dist/components/CodeBlock/style.css

@@ -0,0 +1 @@
+@layer components{.ds-code-block{background:var(--ds-color-bg-layout);box-shadow:0 0 0 1px inset var(--ds-color-split);border-radius:var(--ds-border-radius);padding:1rem;position:relative;font-family:var(--font-mono)}.ds-code-block-header{display:flex;justify-items:start;margin-bottom:.75rem}.ds-code-block-copy{top:1rem;right:.75rem;opacity:0;transition:opacity .2s ease-in-out;position:absolute}.ds-code-block:hover .ds-code-block-copy{opacity:100}.ds-code-block-content{padding-right:1.5rem;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.ds-code-block-content .ds-scoll-area{max-height:30rem}}

package/dist/components/DSRoot/component.js

@@ -0,0 +1,21 @@
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { ThemeProvider as l } from "../ThemeProvider/component.js";
+import { Modal as n } from "../Modal/index.js";
+import c from "antd/es/app/App";
+import { DSRootContextProvider as f } from "./context.js";
+import './style.css';/* empty css          */
+import { Toast as i } from "../Toast/component.js";
+const u = ({
+  className: t,
+  appendClassesTo: m = "html",
+  children: e,
+  theme: o,
+  ...d
+}) => /* @__PURE__ */ r(f, { value: { theme: o }, children: /* @__PURE__ */ r(l, { theme: o, ...d, appendClassesTo: m, children: /* @__PURE__ */ r(c, { className: t, children: /* @__PURE__ */ r(i.Provider, { children: /* @__PURE__ */ p(n.Provider, { children: [
+  /* @__PURE__ */ r(i.List, {}),
+  e
+] }) }) }) }) });
+export {
+  u as DSRoot
+};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/DSRoot/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  ThemeProvider,\n  type ThemeProviderProps,\n} from \"../ThemeProvider/component\";\nimport { Toast } from \"../Toast\";\nimport { Modal } from \"../Modal\";\nimport App from \"antd/es/app/App\";\nimport { DSRootContextProvider } from \"./context\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface DSRootProps extends ThemeProviderProps {\n  /**\n   * Classname passed to App component\n   */\n  className?: string;\n\n  /**\n   * Element to which the theme classes are appended\n   * @default \"html\"\n   */\n  appendClassesTo?: string | HTMLElement;\n}\n\nexport const DSRoot = ({\n  className,\n  appendClassesTo = \"html\",\n  children,\n  theme,\n  ...props\n}: DSRootProps) => {\n  return (\n    <DSRootContextProvider value={{ theme: theme }}>\n      <ThemeProvider theme={theme} {...props} appendClassesTo={appendClassesTo}>\n        <App className={className}>\n          <Toast.Provider>\n            <Modal.Provider>\n              <Toast.List />\n              {children}\n            </Modal.Provider>\n          </Toast.Provider>\n        </App>\n      </ThemeProvider>\n    </DSRootContextProvider>\n  );\n};\n"],"names":["DSRoot","className","appendClassesTo","children","theme","props","jsx","DSRootContextProvider","ThemeProvider","App","Toast","jsxs","Modal"],"mappings":";;;;;;;AA0BO,MAAMA,IAAS,CAAC;AAAA,EACrB,WAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC,EAACC,KAAsB,OAAO,EAAE,OAAAH,EAC9B,GAAA,UAAA,gBAAAE,EAACE,GAAc,EAAA,OAAAJ,GAAe,GAAGC,GAAO,iBAAAH,GACtC,UAAC,gBAAAI,EAAAG,GAAA,EAAI,WAAAR,GACH,UAAC,gBAAAK,EAAAI,EAAM,UAAN,EACC,UAAA,gBAAAC,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,EAAC,gBAAAN,EAAAI,EAAM,MAAN,EAAW;AAAA,EACXP;AACH,EAAA,CAAA,EACF,CAAA,GACF,EAAA,CACF,EACF,CAAA;"}

package/dist/components/DSRoot/context.js

@@ -0,0 +1,9 @@
+import t from "react";
+const o = t.createContext({
+  theme: "light"
+}), r = o.Provider, n = () => t.useContext(o);
+export {
+  r as DSRootContextProvider,
+  n as useDS
+};
+//# sourceMappingURL=context.js.map

package/dist/components/DSRoot/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../src/components/DSRoot/context.ts"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nconst DSRootContext = React.createContext<{\n  theme: \"light\" | \"dark\";\n}>({\n  theme: \"light\",\n});\n\nexport const DSRootContextProvider = DSRootContext.Provider;\n\nexport const useDS = () => React.useContext(DSRootContext);\n"],"names":["DSRootContext","React","DSRootContextProvider","useDS"],"mappings":";AAGA,MAAMA,IAAgBC,EAAM,cAEzB;AAAA,EACD,OAAO;AACT,CAAC,GAEYC,IAAwBF,EAAc,UAEtCG,IAAQ,MAAMF,EAAM,WAAWD,CAAa;"}

package/dist/components/DSRoot/style.css

@@ -0,0 +1 @@
+@layer theme,base,antd,components,utilities;@layer components{.ds-root{display:contents}}@supports (scrollbar-width: auto){*{scrollbar-color:var(--ds-scrollbar-color-thumb) var(--ds-scrollbar-color-track);scrollbar-width:var(--ds-scrollbar-width)}}@supports selector(::-webkit-scrollbar){*::-webkit-scrollbar-thumb{background:var(--ds-scrollbar-color-thumb)}*::-webkit-scrollbar-track{background:var(--ds-scrollbar-color-track)}*::-webkit-scrollbar{max-width:var(--ds-scrollbar-width-legacy);max-height:var(--ds-scrollbar-width-legacy)}}body{margin:0;padding:0}a[href],button:not(:disabled){cursor:pointer}svg{vertical-align:baseline}

package/dist/components/DropdownMenu/component.js

@@ -0,0 +1,103 @@
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { Menu as l } from "@base-ui-components/react/menu";
+import { useCallback as N, useRef as g } from "react";
+import { useControlled as P } from "@base-ui-components/react/utils";
+import './style.css';/* empty css          */
+import { useCls as x, useAntdCssVarClassname as G, parseAntdPlacement as L } from "../utils/antdUtils.js";
+import { clsx as i } from "../utils/cn.js";
+const S = ({
+  children: m,
+  items: u,
+  placement: c,
+  openOnHover: h,
+  open: f,
+  onOpenChange: a
+}) => {
+  const [b, t] = P({
+    controlled: f,
+    default: !1,
+    name: "open"
+  }), M = N(
+    (o) => {
+      t(o), a == null || a(o);
+    },
+    [t, a]
+  ), r = x(), v = G(), p = L(c), y = g(null), w = u.reduce((o, n) => (o.length === 0 && n.type !== "header" && o.push({
+    label: null,
+    items: []
+  }), n.type === "header" ? o.push({
+    label: n.title,
+    items: []
+  }) : (n.type === "item" || n.type === "divider") && o.length > 0 && o[o.length - 1].items.push(n), o), []);
+  return /* @__PURE__ */ d(
+    l.Root,
+    {
+      openOnHover: h,
+      open: b,
+      onOpenChange: M,
+      children: [
+        /* @__PURE__ */ s(l.Trigger, { render: m, ref: y }),
+        /* @__PURE__ */ s(l.Portal, { children: /* @__PURE__ */ s(
+          l.Positioner,
+          {
+            side: p.placement,
+            align: p.align,
+            sideOffset: 4,
+            children: /* @__PURE__ */ s(
+              l.Popup,
+              {
+                className: i(r("dropdown-menu"), v),
+                children: w.map((o, n) => /* @__PURE__ */ d(l.Group, { children: [
+                  o.label && /* @__PURE__ */ s(
+                    l.GroupLabel,
+                    {
+                      className: r("dropdown-menu-header"),
+                      children: /* @__PURE__ */ s("span", { children: o.label })
+                    },
+                    n
+                  ),
+                  o.items.map((e, C) => e.type == "item" ? /* @__PURE__ */ d(
+                    l.Item,
+                    {
+                      className: i(r("dropdown-menu-item")),
+                      disabled: e.disabled,
+                      "data-danger": e.danger,
+                      ref: e.ref,
+                      onClick: e.onClick,
+                      onMouseEnter: e.onMouseEnter,
+                      onMouseLeave: e.onMouseLeave,
+                      onMouseOver: e.onMouseOver,
+                      onMouseOut: e.onMouseOut,
+                      children: [
+                        e.icon && /* @__PURE__ */ s("span", { className: r("dropdown-menu-item-icon"), children: e.icon }),
+                        /* @__PURE__ */ s("span", { children: e.label })
+                      ]
+                    },
+                    n + "-" + C
+                  ) : e.type == "divider" ? /* @__PURE__ */ s(
+                    l.Separator,
+                    {
+                      className: r("dropdown-menu-divider")
+                    },
+                    n
+                  ) : e.type == "header" ? /* @__PURE__ */ s(
+                    l.GroupLabel,
+                    {
+                      className: r("dropdown-menu-header"),
+                      children: /* @__PURE__ */ s("span", { children: e.title })
+                    },
+                    n
+                  ) : null)
+                ] }, "group" + n))
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  S as DropdownMenu
+};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/DropdownMenu/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  useCls,\n  clsx,\n  useAntdCssVarClassname,\n  parseAntdPlacement,\n} from \"../utils\";\nimport { Menu } from \"@base-ui-components/react/menu\";\n\nimport { type PopoverProps } from \"antd/es/popover\";\nimport { useCallback, useRef } from \"react\";\nimport { useControlled } from \"@base-ui-components/react/utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type DropdownMenuItemType =\n  | {\n      type: \"item\";\n      label?: React.ReactNode;\n      disabled?: boolean;\n      icon?: React.ReactNode;\n      key: React.Key;\n      onClick?: React.HTMLAttributes<HTMLElement>[\"onClick\"];\n      onMouseEnter?: React.HTMLAttributes<HTMLElement>[\"onMouseEnter\"];\n      onMouseLeave?: React.HTMLAttributes<HTMLElement>[\"onMouseLeave\"];\n      onMouseOver?: React.HTMLAttributes<HTMLElement>[\"onMouseOver\"];\n      onMouseOut?: React.HTMLAttributes<HTMLElement>[\"onMouseOut\"];\n      danger?: boolean;\n      ref?: React.Ref<HTMLElement>;\n    }\n  | {\n      type: \"divider\";\n    }\n  | {\n      type: \"header\";\n      title?: React.ReactNode;\n    };\n\nexport interface DropdownMenuProps {\n  items: DropdownMenuItemType[];\n  children?: React.ComponentProps<typeof Menu.Trigger>[\"render\"];\n  placement?: PopoverProps[\"placement\"];\n  openOnHover?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\ninterface DropdownMenuGroup {\n  label: React.ReactNode | null;\n  items: DropdownMenuItemType[];\n}\n\nexport const DropdownMenu = ({\n  children,\n  items,\n  placement,\n  openOnHover,\n  open: outsideOpen,\n  onOpenChange: outsideOnOpenChange,\n}: DropdownMenuProps) => {\n  const [open, setOpen] = useControlled({\n    controlled: outsideOpen,\n    default: false,\n    name: \"open\",\n  });\n  const onOpenChange = useCallback(\n    (newValue: boolean) => {\n      setOpen(newValue);\n      outsideOnOpenChange?.(newValue);\n    },\n    [setOpen, outsideOnOpenChange]\n  );\n  const cls = useCls();\n  const antdCssVarClassname = useAntdCssVarClassname();\n  const headlessUIPlacement = parseAntdPlacement(placement);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const itemGroups = items.reduce<DropdownMenuGroup[]>((acc, current) => {\n    // If no groups exist yet and current item is not a header, create default group\n    if (acc.length === 0 && current.type !== \"header\") {\n      acc.push({\n        label: null,\n        items: [],\n      });\n    }\n\n    // If it's a header, create a new group\n    if (current.type === \"header\") {\n      acc.push({\n        label: current.title,\n        items: [],\n      });\n    }\n    // If it's an item and we have at least one group, add it to the last group's items\n    else if (\n      (current.type === \"item\" || current.type === \"divider\") &&\n      acc.length > 0\n    ) {\n      acc[acc.length - 1].items.push(current);\n    }\n    // Skip dividers\n    return acc;\n  }, []);\n\n  return (\n    <Menu.Root\n      openOnHover={openOnHover}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <Menu.Trigger render={children} ref={buttonRef}></Menu.Trigger>\n      <Menu.Portal>\n        <Menu.Positioner\n          side={headlessUIPlacement.placement}\n          align={headlessUIPlacement.align}\n          sideOffset={4}\n        >\n          <Menu.Popup\n            className={clsx(cls(\"dropdown-menu\"), antdCssVarClassname)}\n          >\n            {itemGroups.map((group, i) => {\n              return (\n                <Menu.Group key={\"group\" + i}>\n                  {group.label && (\n                    <Menu.GroupLabel\n                      key={i}\n                      className={cls(\"dropdown-menu-header\")}\n                    >\n                      <span>{group.label}</span>\n                    </Menu.GroupLabel>\n                  )}\n                  {group.items.map((item, j) => {\n                    return item.type == \"item\" ? (\n                      <Menu.Item\n                        key={i + \"-\" + j}\n                        className={clsx(cls(\"dropdown-menu-item\"))}\n                        disabled={item.disabled}\n                        data-danger={item.danger}\n                        ref={item.ref}\n                        onClick={item.onClick}\n                        onMouseEnter={item.onMouseEnter}\n                        onMouseLeave={item.onMouseLeave}\n                        onMouseOver={item.onMouseOver}\n                        onMouseOut={item.onMouseOut}\n                      >\n                        {item.icon && (\n                          <span className={cls(\"dropdown-menu-item-icon\")}>\n                            {item.icon}\n                          </span>\n                        )}\n                        <span>{item.label}</span>\n                      </Menu.Item>\n                    ) : item.type == \"divider\" ? (\n                      <Menu.Separator\n                        key={i}\n                        className={cls(\"dropdown-menu-divider\")}\n                      ></Menu.Separator>\n                    ) : item.type == \"header\" ? (\n                      <Menu.GroupLabel\n                        key={i}\n                        className={cls(\"dropdown-menu-header\")}\n                      >\n                        <span>{item.title}</span>\n                      </Menu.GroupLabel>\n                    ) : null;\n                  })}\n                </Menu.Group>\n              );\n            })}\n          </Menu.Popup>\n        </Menu.Positioner>\n      </Menu.Portal>\n    </Menu.Root>\n  );\n};\n"],"names":["DropdownMenu","children","items","placement","openOnHover","outsideOpen","outsideOnOpenChange","open","setOpen","useControlled","onOpenChange","useCallback","newValue","cls","useCls","antdCssVarClassname","useAntdCssVarClassname","headlessUIPlacement","parseAntdPlacement","buttonRef","useRef","itemGroups","acc","current","jsxs","Menu","jsx","clsx","group","i","item","j"],"mappings":";;;;;;;AAqDO,MAAMA,IAAe,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAMC;AAAA,EACN,cAAcC;AAChB,MAAyB;AACvB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAc;AAAA,IACpC,YAAYJ;AAAA,IACZ,SAAS;AAAA,IACT,MAAM;AAAA,EAAA,CACP,GACKK,IAAeC;AAAA,IACnB,CAACC,MAAsB;AACrB,MAAAJ,EAAQI,CAAQ,GAChBN,KAAA,QAAAA,EAAsBM;AAAA,IACxB;AAAA,IACA,CAACJ,GAASF,CAAmB;AAAA,EAC/B,GACMO,IAAMC,EAAO,GACbC,IAAsBC,EAAuB,GAC7CC,IAAsBC,EAAmBf,CAAS,GAClDgB,IAAYC,EAA0B,IAAI,GAC1CC,IAAanB,EAAM,OAA4B,CAACoB,GAAKC,OAErDD,EAAI,WAAW,KAAKC,EAAQ,SAAS,YACvCD,EAAI,KAAK;AAAA,IACP,OAAO;AAAA,IACP,OAAO,CAAA;AAAA,EAAC,CACT,GAICC,EAAQ,SAAS,WACnBD,EAAI,KAAK;AAAA,IACP,OAAOC,EAAQ;AAAA,IACf,OAAO,CAAA;AAAA,EAAC,CACT,KAIAA,EAAQ,SAAS,UAAUA,EAAQ,SAAS,cAC7CD,EAAI,SAAS,KAEbA,EAAIA,EAAI,SAAS,CAAC,EAAE,MAAM,KAAKC,CAAO,GAGjCD,IACN,EAAE;AAGH,SAAA,gBAAAE;AAAA,IAACC,EAAK;AAAA,IAAL;AAAA,MACC,aAAArB;AAAA,MACA,MAAAG;AAAA,MACA,cAAAG;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAgB,EAACD,EAAK,SAAL,EAAa,QAAQxB,GAAU,KAAKkB,GAAW;AAAA,QAChD,gBAAAO,EAACD,EAAK,QAAL,EACC,UAAA,gBAAAC;AAAA,UAACD,EAAK;AAAA,UAAL;AAAA,YACC,MAAMR,EAAoB;AAAA,YAC1B,OAAOA,EAAoB;AAAA,YAC3B,YAAY;AAAA,YAEZ,UAAA,gBAAAS;AAAA,cAACD,EAAK;AAAA,cAAL;AAAA,gBACC,WAAWE,EAAKd,EAAI,eAAe,GAAGE,CAAmB;AAAA,gBAExD,UAAWM,EAAA,IAAI,CAACO,GAAOC,MAEpB,gBAAAL,EAACC,EAAK,OAAL,EACE,UAAA;AAAA,kBAAAG,EAAM,SACL,gBAAAF;AAAA,oBAACD,EAAK;AAAA,oBAAL;AAAA,sBAEC,WAAWZ,EAAI,sBAAsB;AAAA,sBAErC,UAAA,gBAAAa,EAAC,QAAM,EAAA,UAAAE,EAAM,MAAM,CAAA;AAAA,oBAAA;AAAA,oBAHdC;AAAA,kBAIP;AAAA,kBAEDD,EAAM,MAAM,IAAI,CAACE,GAAMC,MACfD,EAAK,QAAQ,SAClB,gBAAAN;AAAA,oBAACC,EAAK;AAAA,oBAAL;AAAA,sBAEC,WAAWE,EAAKd,EAAI,oBAAoB,CAAC;AAAA,sBACzC,UAAUiB,EAAK;AAAA,sBACf,eAAaA,EAAK;AAAA,sBAClB,KAAKA,EAAK;AAAA,sBACV,SAASA,EAAK;AAAA,sBACd,cAAcA,EAAK;AAAA,sBACnB,cAAcA,EAAK;AAAA,sBACnB,aAAaA,EAAK;AAAA,sBAClB,YAAYA,EAAK;AAAA,sBAEhB,UAAA;AAAA,wBAAKA,EAAA,0BACH,QAAK,EAAA,WAAWjB,EAAI,yBAAyB,GAC3C,YAAK,KACR,CAAA;AAAA,wBAEF,gBAAAa,EAAC,QAAM,EAAA,UAAAI,EAAK,MAAM,CAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAhBbD,IAAI,MAAME;AAAA,kBAAA,IAkBfD,EAAK,QAAQ,YACf,gBAAAJ;AAAA,oBAACD,EAAK;AAAA,oBAAL;AAAA,sBAEC,WAAWZ,EAAI,uBAAuB;AAAA,oBAAA;AAAA,oBADjCgB;AAAA,kBAAA,IAGLC,EAAK,QAAQ,WACf,gBAAAJ;AAAA,oBAACD,EAAK;AAAA,oBAAL;AAAA,sBAEC,WAAWZ,EAAI,sBAAsB;AAAA,sBAErC,UAAA,gBAAAa,EAAC,QAAM,EAAA,UAAAI,EAAK,MAAM,CAAA;AAAA,oBAAA;AAAA,oBAHbD;AAAA,kBAAA,IAKL,IACL;AAAA,gBAAA,EAAA,GA3Cc,UAAUA,CA4C3B,CAEH;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA,EAEJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/DropdownMenu/style.css

@@ -0,0 +1 @@
+@layer components{.ds-dropdown-menu{box-shadow:var(--ds-box-shadow-secondary);border-radius:var(--ds-border-radius);background:var(--ds-color-bg-elevated);list-style:none;padding:.25rem;color:var(--ds-color-text);font-size:var(--ds-font-size);font-family:var(--ds-font-family);transition-property:transform,scale,opacity;transition-duration:.2s;transition-timing-function:var(--ds-motion-ease-out);transform-origin:var(--transform-origin)}.ds-dropdown-menu[data-ending-style],.ds-dropdown-menu[data-starting-style]{transform:scale(.9);opacity:0}.ds-dropdown-menu:focus{outline:none}.ds-dropdown-menu-item{padding:.375rem .75rem;border-radius:var(--ds-border-radius-sm);transition:all .3s var(--ds-motion-ease-out);cursor:pointer;display:flex;align-items:center}.ds-dropdown-menu-item:focus{outline:none}.ds-dropdown-menu-item:hover{background:var(--ds-control-item-bg-hover)}.ds-dropdown-menu-item:active,.ds-dropdown-menu-item:focus,.ds-dropdown-menu-item[data-focus]{background:var(--ds-control-item-bg-active)}.ds-dropdown-menu-item[data-disabled]{pointer-events:none;color:var(--ds-color-text-disabled)}.ds-dropdown-menu-item[data-danger]{color:var(--ds-color-error)}.ds-dropdown-menu-item[data-danger]:hover{background:var(--ds-color-error-bg)}.ds-dropdown-menu-item[data-danger]:active,.ds-dropdown-menu-item[data-danger]:focus,.ds-dropdown-menu-item[data-danger][data-focus]{background:var(--ds-color-error-bg-hover)}.ds-dropdown-menu-item-icon{display:flex;align-items:center;justify-content:center;margin-right:.5rem;font-size:1rem;color:var(--ds-color-icon)}[data-danger] .ds-dropdown-menu-item-icon{color:var(--ds-color-error)}.ds-dropdown-menu-divider{border-bottom:1px solid var(--ds-color-split);margin:.25rem 0}.ds-dropdown-menu-header{font-size:.75rem;font-weight:500;line-height:1rem;text-transform:uppercase;color:var(--ds-color-text-tertiary);padding:.75rem .75rem .25rem}.ds-dropdown-menu-header:first-child{padding-top:.5rem}}

package/dist/components/Empty/component.js

@@ -0,0 +1,48 @@
+import { jsx as t } from "react/jsx-runtime";
+import n from "antd/es/empty";
+import './style.css';/* empty css          */
+import { useCls as p } from "../utils/antdUtils.js";
+import { clsx as a } from "../utils/cn.js";
+const c = (o) => /* @__PURE__ */ t(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 32 32",
+    ...o,
+    children: /* @__PURE__ */ t(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeOpacity: "0.3",
+        strokeWidth: "0.05em",
+        d: "m4 26 3.773-11.316A1 1 0 0 1 8.72 14H29a1 1 0 0 1 .949 1.316L26.386 26zm0 0V8a1 1 0 0 1 1-1h6.666a1 1 0 0 1 .6.2L16 10h9a1 1 0 0 1 1 1v3"
+      }
+    )
+  }
+), f = ({
+  image: o,
+  size: m = "medium",
+  className: r,
+  ...s
+}) => {
+  const e = p(), i = o || /* @__PURE__ */ t(c, { className: e("empty-icon") });
+  return /* @__PURE__ */ t(
+    n,
+    {
+      image: i,
+      className: a(e("empty", `empty-${m}`), r),
+      ...s
+    }
+  );
+};
+export {
+  f as Empty,
+  c as EmptyIcon,
+  f as default
+};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/Empty/component.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  default as AntEmpty,\n  type EmptyProps as AntEmptyProps,\n} from \"antd/es/empty\";\nimport { useCls, clsx } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface EmptyProps extends AntEmptyProps {\n  /**\n   * Empty icon size\n   * @default 'medium'\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n}\n\nexport const EmptyIcon: React.FC<React.ComponentPropsWithRef<\"svg\">> = (\n  props\n) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"1em\"\n    height=\"1em\"\n    fill=\"none\"\n    viewBox=\"0 0 32 32\"\n    {...props}\n  >\n    <path\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeOpacity={\"0.3\"}\n      strokeWidth=\"0.05em\"\n      d=\"m4 26 3.773-11.316A1 1 0 0 1 8.72 14H29a1 1 0 0 1 .949 1.316L26.386 26zm0 0V8a1 1 0 0 1 1-1h6.666a1 1 0 0 1 .6.2L16 10h9a1 1 0 0 1 1 1v3\"\n    ></path>\n  </svg>\n);\n\nexport const Empty = ({\n  image,\n  size = \"medium\",\n  className,\n  ...rest\n}: EmptyProps) => {\n  const cls = useCls();\n  const emptyImage = image || <EmptyIcon className={cls(\"empty-icon\")} />;\n  return (\n    <AntEmpty\n      image={emptyImage}\n      className={clsx(cls(\"empty\", `empty-${size}`), className)}\n      {...rest}\n    />\n  );\n};\n\nexport default Empty;\n"],"names":["EmptyIcon","props","jsx","Empty","image","size","className","rest","cls","useCls","emptyImage","AntEmpty","clsx"],"mappings":";;;;;AAkBa,MAAAA,IAA0D,CACrEC,MAEA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,MAAK;AAAA,IACL,SAAQ;AAAA,IACP,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAO;AAAA,QACP,eAAc;AAAA,QACd,gBAAe;AAAA,QACf,eAAe;AAAA,QACf,aAAY;AAAA,QACZ,GAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACH,GAGWC,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,GAAGC;AACL,MAAkB;AAChB,QAAMC,IAAMC,EAAO,GACbC,IAAaN,KAAS,gBAAAF,EAACF,KAAU,WAAWQ,EAAI,YAAY,GAAG;AAEnE,SAAA,gBAAAN;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,OAAOD;AAAA,MACP,WAAWE,EAAKJ,EAAI,SAAS,SAASH,CAAI,EAAE,GAAGC,CAAS;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/components/Empty/style.css

@@ -0,0 +1 @@
+@layer components{.ds-empty .ds-empty-image{height:auto}.ds-empty-small .ds-empty-icon{font-size:2rem;color:var(--ds-color-base-solid)}.ds-empty-medium .ds-empty-icon{font-size:3rem}.ds-empty-large .ds-empty-icon{font-size:4rem}}

package/dist/components/Field/component.js

@@ -0,0 +1,30 @@
+import { jsxs as n, jsx as c } from "react/jsx-runtime";
+import { Select as u, Input as f } from "antd";
+import { forwardRef as x, useId as C } from "react";
+import './style.css';/* empty css          */
+import { useCls as I, useAntdCssVarClassname as h } from "../utils/antdUtils.js";
+import { clsx as F } from "../utils/cn.js";
+const j = ({
+  label: s,
+  className: m,
+  size: e = "small",
+  colon: i = !0,
+  type: a = "input",
+  ...t
+}, l) => {
+  const o = I(), r = C(), p = h(), d = () => a === "select" ? (
+    // @ts-expect-error: this is a workaround for the type error
+    /* @__PURE__ */ c(u, { id: r, ref: l, size: e, ...t.selectProps || {} })
+  ) : /* @__PURE__ */ c(f, { id: r, ref: l, size: e, ...t.inputProps || {} });
+  return /* @__PURE__ */ n("div", { className: F(o("field"), p, m), children: [
+    s && /* @__PURE__ */ n("label", { htmlFor: r, className: o("field-label"), children: [
+      s,
+      i ? ":" : ""
+    ] }),
+    d()
+  ] });
+}, w = x(j);
+export {
+  w as Field
+};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/Field/component.tsx"],"sourcesContent":["\"use client\";\nimport type { InputProps, InputRef, SelectProps } from \"antd\";\nimport { Input, Select } from \"antd\";\nimport { SizeType } from \"antd/es/config-provider/SizeContext\";\nimport { RefSelectProps } from \"antd/es/select\";\nimport { ForwardedRef, forwardRef, useId } from \"react\";\nimport { clsx, useCls, useAntdCssVarClassname } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type FieldType = \"input\" | \"select\";\n\ntype RefType<T extends FieldType> = T extends \"input\"\n  ? InputRef\n  : T extends \"select\"\n  ? RefSelectProps\n  : never;\n\ninterface BaseFieldProps extends React.HTMLAttributes<HTMLDivElement> {\n  label?: React.ReactNode;\n  /**\n   * Block or inline display\n   * @default false\n   */\n  block?: boolean;\n  /**\n   * Size of the field\n   * @default \"small\"\n   */\n  size?: SizeType;\n  /**\n   * Colon after label\n   * @default true\n   */\n  colon?: boolean;\n}\n\ntype InputFieldProps = BaseFieldProps & {\n  type?: \"input\";\n  inputProps: InputProps;\n};\n\ntype SelectFieldProps = BaseFieldProps & {\n  type: \"select\";\n  selectProps: SelectProps;\n};\n\nexport type FieldProps<T extends FieldType = \"input\"> = T extends \"input\"\n  ? InputFieldProps\n  : SelectFieldProps;\n\n/**\n * Generic Field component that forwards ref to Input or Select\n */\nconst FieldInner = <T extends FieldType>(\n  {\n    label,\n    className,\n    size = \"small\",\n    colon = true,\n    type = \"input\",\n    ...rest\n  }: FieldProps<T>,\n  ref: ForwardedRef<RefType<T>>\n) => {\n  const cls = useCls();\n  const id = useId();\n  const cssVarClassname = useAntdCssVarClassname();\n  const renderInputOrSelect = () => {\n    if (type === \"select\") {\n      return (\n        // @ts-expect-error: this is a workaround for the type error\n        <Select id={id} ref={ref} size={size} {...(rest.selectProps || {})} />\n      );\n    }\n    // @ts-expect-error: this is a workaround for the type error\n    return <Input id={id} ref={ref} size={size} {...(rest.inputProps || {})} />;\n  };\n  return (\n    <div className={clsx(cls(\"field\"), cssVarClassname, className)}>\n      {label && (\n        <label htmlFor={id} className={cls(\"field-label\")}>\n          {label}\n          {colon ? \":\" : \"\"}\n        </label>\n      )}\n      {renderInputOrSelect()}\n    </div>\n  );\n};\n\nexport const Field = forwardRef(FieldInner) as <T extends FieldType>(\n  props: FieldProps<T> & { ref?: ForwardedRef<RefType<T>> }\n) => ReturnType<typeof FieldInner<T>>;\n"],"names":["FieldInner","label","className","size","colon","type","rest","ref","cls","useCls","id","useId","cssVarClassname","useAntdCssVarClassname","renderInputOrSelect","jsx","Select","Input","jsxs","clsx","Field","forwardRef"],"mappings":";;;;;;AAuDA,MAAMA,IAAa,CACjB;AAAA,EACE,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAO,GACbC,IAAKC,EAAM,GACXC,IAAkBC,EAAuB,GACzCC,IAAsB,MACtBT,MAAS;AAAA;AAAA,IAGT,gBAAAU,EAACC,KAAO,IAAAN,GAAQ,KAAAH,GAAU,MAAAJ,GAAa,GAAIG,EAAK,eAAe,GAAK,CAAA;AAAA,MAIjE,gBAAAS,EAACE,KAAM,IAAAP,GAAQ,KAAAH,GAAU,MAAAJ,GAAa,GAAIG,EAAK,cAAc,CAAA,GAAK;AAGzE,SAAA,gBAAAY,EAAC,SAAI,WAAWC,EAAKX,EAAI,OAAO,GAAGI,GAAiBV,CAAS,GAC1D,UAAA;AAAA,IAAAD,uBACE,SAAM,EAAA,SAASS,GAAI,WAAWF,EAAI,aAAa,GAC7C,UAAA;AAAA,MAAAP;AAAA,MACAG,IAAQ,MAAM;AAAA,IAAA,GACjB;AAAA,IAEDU,EAAoB;AAAA,EAAA,GACvB;AAEJ,GAEaM,IAAQC,EAAWrB,CAAU;"}

package/dist/components/Field/style.css

@@ -0,0 +1 @@
+@layer components{.ds-field{display:inline-flex;gap:.5rem;align-items:center}.ds-field label{color:var(--ds-color-text-secondary);font-size:var(--ds-font-size);line-height:var(--ds-line-height)}}