@bioturing/components 0.24.1 → 0.26.2

package/dist/components/checkbox/component.js

@@ -1,12 +1,20 @@
 "use client";
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import { Checkbox as o } from "antd";
-import { forwardRef as c } from "react";
+import { forwardRef as i } from "react";
 import './style.css';/* empty css          */
-const n = (r, e) => /* @__PURE__ */ t(o, { ref: e, ...r }), i = c(n), b = Object.assign(i, {
+import { useCls as a } from "../utils/antdUtils.js";
+import { clsx as l } from "../utils/cn.js";
+const p = ({ variant: e = "default", className: r, ...c }, s) => {
+  const t = a(), n = l(
+    r,
+    e === "outlined" && t("checkbox-outlined")
+  );
+  return /* @__PURE__ */ m(o, { ref: s, className: n, ...c });
+}, x = i(p), d = Object.assign(x, {
   Group: o.Group
 });
 export {
-  b as Checkbox
+  d as Checkbox
 };
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/checkbox/component.tsx"],"sourcesContent":["\"use client\";\nimport {\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":";;;;;AAcA,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;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/checkbox/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  Checkbox as AntCheckbox,\n  type CheckboxProps as AntCheckboxProps,\n} from \"antd\";\nimport { forwardRef } from \"react\";\nimport { clsx, useCls } from \"../utils\";\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   * Checkbox appearance variant\n   * @default 'default'\n   */\n  variant?: 'default' | 'outlined';\n}\n\n// Create inner function\nconst MainCheckboxInner = (\n  { variant = 'default', className, ...props }: CheckboxProps,\n  ref: React.Ref<React.ComponentRef<typeof AntCheckbox>>\n) => {\n  const cls = useCls();\n  const combinedClassName = clsx(\n    className,\n    variant === 'outlined' && cls('checkbox-outlined')\n  );\n  \n  return <AntCheckbox ref={ref} className={combinedClassName} {...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","variant","className","props","ref","cls","useCls","combinedClassName","clsx","AntCheckbox","MainCheckbox","forwardRef","Checkbox"],"mappings":";;;;;;;AAqBA,MAAMA,IAAoB,CACxB,EAAE,SAAAC,IAAU,WAAW,WAAAC,GAAW,GAAGC,EAAM,GAC3CC,MACG;AACH,QAAMC,IAAMC,EAAO,GACbC,IAAoBC;AAAA,IACxBN;AAAA,IACAD,MAAY,cAAcI,EAAI,mBAAmB;AAAA,EACnD;AAEA,2BAAQI,GAAY,EAAA,KAAAL,GAAU,WAAWG,GAAoB,GAAGJ,GAAO;AACzE,GAGMO,IAAeC,EAAWX,CAAiB,GAOpCY,IAAW,OAAO,OAAOF,GAAc;AAAA,EAClD,OAAOD,EAAY;AACrB,CAAC;"}

package/dist/components/checkbox/style.css

@@ -1 +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}}
+@layer components{:is(.ds-checkbox-wrapper .ds-checkbox.ds-checkbox-indeterminate) .ds-checkbox-inner{background-color:var(--ds-color-primary);border-color:var(--ds-color-primary)}: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}:is(.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox) .ds-checkbox-inner{background-color:transparent}.ds-checkbox-checked:is(.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox) .ds-checkbox-inner{background-color:transparent;--ds-color-border: var(--ds-color-primary);border-color:var(--ds-color-border)}:is(.ds-checkbox-checked:is(.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox) .ds-checkbox-inner):hover{--ds-color-border: var(--ds-color-primary-hover);border-color:var(--ds-color-border)}:is(.ds-checkbox-checked:is(.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox) .ds-checkbox-inner):after{border-color:var(--ds-color-primary)}.ds-checkbox-indeterminate:is(.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox) .ds-checkbox-inner{background-color:transparent;--ds-color-border: var(--ds-color-primary)}:is(.ds-checkbox-indeterminate:is(.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox) .ds-checkbox-inner):after{background-color:var(--ds-color-primary)}:is(.ds-checkbox-checked:is(.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox):hover,.ds-checkbox-indeterminate:is(.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox):hover) .ds-checkbox-inner{background-color:transparent;border-color:var( --ds-color-primary-hover, var(--ds-color-primary) )}}

package/dist/components/form/item.js

@@ -1,30 +1,43 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import p from "antd/es/form/FormItem";
-import { FormLabel as s } from "./label.js";
-const f = ({
-  tooltip: m,
-  label: o,
-  optionalMark: t,
-  requiredMark: e = !0,
-  ...n
-}) => /* @__PURE__ */ r(
-  p,
-  {
-    label: /* @__PURE__ */ r(
-      s,
-      {
-        label: o,
-        tooltip: m,
-        optionalMark: t,
-        requiredMark: e,
-        as: "span"
-      }
-    ),
-    ...n
-  }
-);
+import { jsx as a } from "react/jsx-runtime";
+import q from "antd/es/form/FormItem";
+import { FormLabel as F } from "./label.js";
+import { isPlainObject as b } from "es-toolkit";
+const L = ({
+  tooltip: p,
+  label: t,
+  optionalMark: d = !1,
+  requiredMark: s = !0,
+  labelRender: i,
+  required: m,
+  rules: o,
+  children: c,
+  ...f
+}) => {
+  const e = m || (o == null ? void 0 : o.some(
+    (r) => b(r) && "required" in r && r.required
+  )), n = t ? /* @__PURE__ */ a(
+    F,
+    {
+      label: t,
+      tooltip: p,
+      optionalMark: !e && d,
+      requiredMark: e && s,
+      as: "span"
+    }
+  ) : void 0;
+  return /* @__PURE__ */ a(
+    q,
+    {
+      required: m,
+      label: i ? i(n) : n,
+      rules: o,
+      ...f,
+      children: c
+    }
+  );
+};
 export {
-  f as FormItem
+  L as FormItem
 };
 //# sourceMappingURL=item.js.map

package/dist/components/form/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../src/components/form/item.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntdFormItem,\n  type FormItemProps as AntdFormItemProps,\n} from \"antd/es/form/FormItem\";\nimport { FormLabel } from \"./label\";\n\nexport interface FormItemProps<Values = unknown>\n  extends AntdFormItemProps<Values> {\n  // tooltip?: React.ReactNode | TooltipProps;\n  /**\n   * Whether the field is optional. If true, the label will be marked as optional.\n   * @default false\n   */\n  optionalMark?: boolean | React.ReactNode;\n  /**\n   * Whether show the asterisk when the field is required\n   * @default true\n   */\n  requiredMark?: boolean | React.ReactNode;\n}\n\nexport const FormItem = <Values = unknown,>({\n  tooltip,\n  label,\n  optionalMark,\n  requiredMark = true,\n  ...rest\n}: FormItemProps<Values>) => {\n  return (\n    <AntdFormItem\n      label={\n        <FormLabel\n          label={label}\n          tooltip={tooltip}\n          optionalMark={optionalMark}\n          requiredMark={requiredMark}\n          as=\"span\"\n        />\n      }\n      {...rest}\n    />\n  );\n};\n"],"names":["FormItem","tooltip","label","optionalMark","requiredMark","rest","jsx","AntdFormItem","FormLabel"],"mappings":";;;;AAsBO,MAAMA,IAAW,CAAoB;AAAA,EAC1C,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,OACE,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAAN;AAAA,QACA,SAAAD;AAAA,QACA,cAAAE;AAAA,QACA,cAAAC;AAAA,QACA,IAAG;AAAA,MAAA;AAAA,IACL;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;"}
+{"version":3,"file":"item.js","sources":["../../../src/components/form/item.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntdFormItem,\n  type FormItemProps as AntdFormItemProps,\n} from \"antd/es/form/FormItem\";\nimport { FormLabel } from \"./label\";\nimport { isPlainObject } from \"es-toolkit\";\nimport type React from \"react\";\n\nexport interface FormItemProps<Values = unknown>\n  extends Omit<AntdFormItemProps<Values>, \"children\"> {\n  // tooltip?: React.ReactNode | TooltipProps;\n  /**\n   * Whether show the optional mark. By default, optional item will not show the optional mark.\n   * @default false\n   */\n  optionalMark?: boolean | React.ReactNode;\n  /**\n   * Whether show the asterisk when the field is required\n   * @default true\n   */\n  requiredMark?: boolean | React.ReactNode;\n  /**\n   * Custom render function for the label\n   */\n  labelRender?: (label: React.ReactElement) => React.ReactElement;\n  /**\n   * Form item children - can be React nodes or render functions\n   */\n  children?: AntdFormItemProps<Values>[\"children\"];\n}\n\nexport const FormItem = <Values = unknown,>({\n  tooltip,\n  label,\n  optionalMark = false,\n  requiredMark = true,\n  labelRender,\n  required,\n  rules,\n  children,\n  ...rest\n}: FormItemProps<Values>) => {\n  const isRequired =\n    required ||\n    rules?.some(\n      (rule) => isPlainObject(rule) && \"required\" in rule && rule.required\n    );\n  const renderedLabel = label ? (\n    <FormLabel\n      label={label}\n      tooltip={tooltip}\n      optionalMark={!isRequired && optionalMark}\n      requiredMark={isRequired && requiredMark}\n      as=\"span\"\n    />\n  ) : undefined;\n\n  return (\n    <AntdFormItem\n      required={required}\n      label={labelRender ? labelRender(renderedLabel) : renderedLabel}\n      rules={rules}\n      {...rest}\n    >\n      {children}\n    </AntdFormItem>\n  );\n};\n"],"names":["FormItem","tooltip","label","optionalMark","requiredMark","labelRender","required","rules","children","rest","isRequired","rule","isPlainObject","renderedLabel","jsx","FormLabel","AntdFormItem"],"mappings":";;;;;AAgCO,MAAMA,IAAW,CAAoB;AAAA,EAC1C,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAA6B;AACrB,QAAAC,IACJJ,MACAC,KAAA,gBAAAA,EAAO;AAAA,IACL,CAACI,MAASC,EAAcD,CAAI,KAAK,cAAcA,KAAQA,EAAK;AAAA,MAE1DE,IAAgBX,IACpB,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAb;AAAA,MACA,SAAAD;AAAA,MACA,cAAc,CAACS,KAAcP;AAAA,MAC7B,cAAcO,KAAcN;AAAA,MAC5B,IAAG;AAAA,IAAA;AAAA,EAAA,IAEH;AAGF,SAAA,gBAAAU;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,UAAAV;AAAA,MACA,OAAOD,IAAcA,EAAYQ,CAAa,IAAIA;AAAA,MAClD,OAAAN;AAAA,MACC,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/components/form/label.js

@@ -1,47 +1,57 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as b, isValidElement as d } from "react";
 import { QuestionIcon as h } from "@bioturing/assets";
 import { useCls as u } from "../utils/antdUtils.js";
-import { IconButton as N } from "../icon-button/component.js";
-import { cn as x } from "../utils/cn.js";
-import { WithRenderProp as y } from "../utils/WithRenderProp.js";
+import { IconButton as y } from "../icon-button/component.js";
+import { cn as N } from "../utils/cn.js";
+import { WithRenderProp as x } from "../utils/WithRenderProp.js";
 const I = ({
-  label: l,
-  tooltip: o,
-  optionalMark: n,
-  requiredMark: m = !0,
+  label: n,
+  tooltip: m,
+  optionalMark: l,
+  requiredMark: e,
   className: t,
   as: i,
-  render: s,
-  ...a
+  render: a,
+  ...s
 }, c) => {
   const r = u(), f = [
-    l,
-    o && /* @__PURE__ */ e(
-      N,
+    n,
+    m && /* @__PURE__ */ o(
+      y,
       {
         className: r("form-item-explaination-icon"),
-        label: typeof o == "string" || d(o) ? o : void 0,
-        children: /* @__PURE__ */ e(h, {})
+        label: typeof m == "string" || d(m) ? m : void 0,
+        children: /* @__PURE__ */ o(h, {})
       },
       "tooltip"
     ),
-    n && /* @__PURE__ */ e("span", { className: r("form-item-label-optional-mark"), children: typeof n == "boolean" ? "(optional)" : n }, "optional"),
-    m !== !1 && /* @__PURE__ */ e("span", { className: r("form-item-label-required-mark"), children: typeof m == "boolean" ? "*" : m }, "required")
+    l && /* @__PURE__ */ o("span", { className: r("form-item-label-optional-mark"), children: typeof l == "boolean" ? "(optional)" : l }, "optional"),
+    e && /* @__PURE__ */ o(
+      "span",
+      {
+        className: r(
+          "form-item-label-required-mark",
+          typeof e == "boolean" ? "form-item-label-required-mark-asterisk" : ""
+        ),
+        children: typeof e == "boolean" ? "*" : e
+      },
+      "required"
+    )
   ], p = {
     ref: c,
-    className: x(
+    className: N(
       r(
         "form-item-label-inner",
-        m && "form-item-label-with-required-mark"
+        e && "form-item-label-with-required-mark"
       ),
       t
     ),
     children: f,
-    ...a
+    ...s
   };
-  return /* @__PURE__ */ e(y, { as: i || "span", render: s, ...p });
+  return /* @__PURE__ */ o(x, { as: i || "span", render: a, ...p });
 }, j = b(I);
 export {
   j as FormLabel

package/dist/components/form/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","sources":["../../../src/components/form/label.tsx"],"sourcesContent":["\"use client\";\nimport React, {\n  forwardRef,\n  type ElementType,\n  type Ref,\n  ComponentPropsWithRef,\n  isValidElement,\n} from \"react\";\nimport {\n  useCls,\n  WithRenderPropProps,\n  WithRenderProp,\n  ElementTypeToDOMType,\n  cn,\n} from \"../utils\";\nimport { IconButton } from \"../icon-button\";\nimport { QuestionIcon } from \"@bioturing/assets\";\nimport { WrapperTooltipProps } from \"antd/es/form/FormItemLabel\";\n\nexport type FormLabelProps<E extends ElementType = \"label\"> =\n  WithRenderPropProps<E> & {\n    /**\n     * Label content to display\n     */\n    label: React.ReactNode;\n    /**\n     * Optional tooltip to display next to the label\n     */\n    tooltip?: React.ReactNode | WrapperTooltipProps;\n    /**\n     * Whether to show optional mark or custom optional mark content\n     * @default false\n     */\n    optionalMark?: boolean | React.ReactNode;\n    /**\n     * Whether to show required mark or custom required mark content\n     * @default true\n     */\n    requiredMark?: boolean | React.ReactNode;\n  };\n\n/**\n * Implementation of the FormLabel component\n */\nconst FormLabelImpl = <E extends ElementType = \"label\">(\n  {\n    label,\n    tooltip,\n    optionalMark,\n    requiredMark = true,\n    className,\n    as,\n    render,\n    ...rest\n  }: FormLabelProps<E>,\n  ref: Ref<ElementTypeToDOMType<E>>\n) => {\n  const cls = useCls();\n\n  const labelContent = [\n    label,\n    tooltip && (\n      <IconButton\n        key=\"tooltip\"\n        className={cls(\"form-item-explaination-icon\")}\n        label={\n          typeof tooltip === \"string\" || isValidElement(tooltip)\n            ? tooltip\n            : undefined\n        }\n      >\n        <QuestionIcon />\n      </IconButton>\n    ),\n    optionalMark && (\n      <span key=\"optional\" className={cls(\"form-item-label-optional-mark\")}>\n        {typeof optionalMark === \"boolean\" ? \"(optional)\" : optionalMark}\n      </span>\n    ),\n    requiredMark !== false && (\n      <span key=\"required\" className={cls(\"form-item-label-required-mark\")}>\n        {typeof requiredMark === \"boolean\" ? \"*\" : requiredMark}\n      </span>\n    ),\n  ];\n\n  const elementProps = {\n    ref,\n    className: cn(\n      cls(\n        \"form-item-label-inner\",\n        requiredMark && \"form-item-label-with-required-mark\"\n      ),\n      className\n    ),\n    children: labelContent,\n    ...rest,\n  };\n\n  return <WithRenderProp as={as || \"span\"} render={render} {...elementProps} />;\n};\n\n// Export with correct typing\nexport const FormLabel = forwardRef(FormLabelImpl) as <\n  E extends ElementType = \"label\"\n>(\n  props: FormLabelProps<E> & { ref?: ComponentPropsWithRef<E>[\"ref\"] }\n) => ReturnType<typeof FormLabelImpl>;\n"],"names":["FormLabelImpl","label","tooltip","optionalMark","requiredMark","className","as","render","rest","ref","cls","useCls","labelContent","jsx","IconButton","isValidElement","QuestionIcon","elementProps","cn","WithRenderProp","FormLabel","forwardRef"],"mappings":";;;;;;;;AA4CA,MAAMA,IAAgB,CACpB;AAAA,EACE,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAO,GAEbC,IAAe;AAAA,IACnBX;AAAA,IACAC,KACE,gBAAAW;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,WAAWJ,EAAI,6BAA6B;AAAA,QAC5C,OACE,OAAOR,KAAY,YAAYa,EAAeb,CAAO,IACjDA,IACA;AAAA,QAGN,4BAACc,GAAa,CAAA,CAAA;AAAA,MAAA;AAAA,MARV;AAAA,IASN;AAAA,IAEFb,KACE,gBAAAU,EAAC,QAAoB,EAAA,WAAWH,EAAI,+BAA+B,GAChE,UAAA,OAAOP,KAAiB,YAAY,eAAeA,EAAA,GAD5C,UAEV;AAAA,IAEFC,MAAiB,MACd,gBAAAS,EAAA,QAAA,EAAoB,WAAWH,EAAI,+BAA+B,GAChE,UAAO,OAAAN,KAAiB,YAAY,MAAMA,KADnC,UAEV;AAAA,EAEJ,GAEMa,IAAe;AAAA,IACnB,KAAAR;AAAA,IACA,WAAWS;AAAA,MACTR;AAAA,QACE;AAAA,QACAN,KAAgB;AAAA,MAClB;AAAA,MACAC;AAAA,IACF;AAAA,IACA,UAAUO;AAAA,IACV,GAAGJ;AAAA,EACL;AAEA,2BAAQW,GAAe,EAAA,IAAIb,KAAM,QAAQ,QAAAC,GAAiB,GAAGU,GAAc;AAC7E,GAGaG,IAAYC,EAAWrB,CAAa;"}
+{"version":3,"file":"label.js","sources":["../../../src/components/form/label.tsx"],"sourcesContent":["\"use client\";\nimport React, {\n  forwardRef,\n  type ElementType,\n  type Ref,\n  ComponentPropsWithRef,\n  isValidElement,\n} from \"react\";\nimport {\n  useCls,\n  WithRenderPropProps,\n  WithRenderProp,\n  ElementTypeToDOMType,\n  cn,\n} from \"../utils\";\nimport { IconButton } from \"../icon-button\";\nimport { QuestionIcon } from \"@bioturing/assets\";\nimport { WrapperTooltipProps } from \"antd/es/form/FormItemLabel\";\n\nexport type FormLabelProps<E extends ElementType = \"label\"> =\n  WithRenderPropProps<E> & {\n    /**\n     * Label content to display\n     */\n    label: React.ReactNode;\n    /**\n     * Optional tooltip to display next to the label\n     */\n    tooltip?: React.ReactNode | WrapperTooltipProps;\n    /**\n     * Whether to show optional mark or custom optional mark content\n     * @default false\n     */\n    optionalMark?: boolean | React.ReactNode;\n    /**\n     * Whether to show required mark or custom required mark content\n     * @default true\n     */\n    requiredMark?: boolean | React.ReactNode;\n  };\n\n/**\n * Implementation of the FormLabel component\n */\nconst FormLabelImpl = <E extends ElementType = \"label\">(\n  {\n    label,\n    tooltip,\n    optionalMark,\n    requiredMark,\n    className,\n    as,\n    render,\n    ...rest\n  }: FormLabelProps<E>,\n  ref: Ref<ElementTypeToDOMType<E>>\n) => {\n  const cls = useCls();\n\n  const labelContent = [\n    label,\n    tooltip && (\n      <IconButton\n        key=\"tooltip\"\n        className={cls(\"form-item-explaination-icon\")}\n        label={\n          typeof tooltip === \"string\" || isValidElement(tooltip)\n            ? tooltip\n            : undefined\n        }\n      >\n        <QuestionIcon />\n      </IconButton>\n    ),\n    optionalMark && (\n      <span key=\"optional\" className={cls(\"form-item-label-optional-mark\")}>\n        {typeof optionalMark === \"boolean\" ? \"(optional)\" : optionalMark}\n      </span>\n    ),\n    requiredMark && (\n      <span\n        key=\"required\"\n        className={cls(\n          \"form-item-label-required-mark\",\n          typeof requiredMark === \"boolean\"\n            ? \"form-item-label-required-mark-asterisk\"\n            : \"\"\n        )}\n      >\n        {typeof requiredMark === \"boolean\" ? \"*\" : requiredMark}\n      </span>\n    ),\n  ];\n\n  const elementProps = {\n    ref,\n    className: cn(\n      cls(\n        \"form-item-label-inner\",\n        requiredMark && \"form-item-label-with-required-mark\"\n      ),\n      className\n    ),\n    children: labelContent,\n    ...rest,\n  };\n\n  return <WithRenderProp as={as || \"span\"} render={render} {...elementProps} />;\n};\n\n// Export with correct typing\nexport const FormLabel = forwardRef(FormLabelImpl) as <\n  E extends ElementType = \"label\"\n>(\n  props: FormLabelProps<E> & { ref?: ComponentPropsWithRef<E>[\"ref\"] }\n) => ReturnType<typeof FormLabelImpl>;\n"],"names":["FormLabelImpl","label","tooltip","optionalMark","requiredMark","className","as","render","rest","ref","cls","useCls","labelContent","jsx","IconButton","isValidElement","QuestionIcon","elementProps","cn","WithRenderProp","FormLabel","forwardRef"],"mappings":";;;;;;;;AA4CA,MAAMA,IAAgB,CACpB;AAAA,EACE,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAO,GAEbC,IAAe;AAAA,IACnBX;AAAA,IACAC,KACE,gBAAAW;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,WAAWJ,EAAI,6BAA6B;AAAA,QAC5C,OACE,OAAOR,KAAY,YAAYa,EAAeb,CAAO,IACjDA,IACA;AAAA,QAGN,4BAACc,GAAa,CAAA,CAAA;AAAA,MAAA;AAAA,MARV;AAAA,IASN;AAAA,IAEFb,KACE,gBAAAU,EAAC,QAAoB,EAAA,WAAWH,EAAI,+BAA+B,GAChE,UAAA,OAAOP,KAAiB,YAAY,eAAeA,EAAA,GAD5C,UAEV;AAAA,IAEFC,KACE,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWH;AAAA,UACT;AAAA,UACA,OAAON,KAAiB,YACpB,2CACA;AAAA,QACN;AAAA,QAEC,UAAA,OAAOA,KAAiB,YAAY,MAAMA;AAAA,MAAA;AAAA,MARvC;AAAA,IAAA;AAAA,EAWV,GAEMa,IAAe;AAAA,IACnB,KAAAR;AAAA,IACA,WAAWS;AAAA,MACTR;AAAA,QACE;AAAA,QACAN,KAAgB;AAAA,MAClB;AAAA,MACAC;AAAA,IACF;AAAA,IACA,UAAUO;AAAA,IACV,GAAGJ;AAAA,EACL;AAEA,2BAAQW,GAAe,EAAA,IAAIb,KAAM,QAAQ,QAAAC,GAAiB,GAAGU,GAAc;AAC7E,GAGaG,IAAYC,EAAWrB,CAAa;"}

package/dist/components/form/style.css

@@ -1 +1 @@
-@layer components{.ds-form-item-label-inner{display:inline-flex;align-items:center;gap:.25rem}.ds-form-item-label-optional-mark{color:var(--ds-color-text-tertiary)}.ds-form-item-label-required-mark{display:none}:is(.ds-form-item .ds-form-item-label>label.ds-form-item-required):after{display:none}:is(.ds-form-item .ds-form-item-label>label.ds-form-item-required):before{display:none}:is(:is(.ds-form-item .ds-form-item-label>label.ds-form-item-required) .ds-form-item-label-inner.ds-form-item-label-with-required-mark) .ds-form-item-label-required-mark{display:inline-block;color:var(--ds-form-label-required-mark-color);font-size:var(--ds-font-size);font-family:Inter,sans-serif;line-height:1;content:"*"}.ds-form-item .ds-form-item-label>label:after{display:none}.ds-form-horizontal .ds-form-item .ds-form-item-label .ds-form-item-label-inner:after{content:":";position:relative;margin-block:0;margin-inline-start:var(--ds-form-label-colon-margin-inline-start);margin-inline-end:var(--ds-form-label-colon-margin-inline-end)}}
+@layer components{.ds-form-item-label-inner{display:inline-flex;align-items:center;gap:.25rem}.ds-form-item-label-optional-mark{color:var(--ds-color-text-tertiary)}:is(.ds-form-item-label>label.ds-form-item-required):after{display:none}:is(.ds-form-item-label>label.ds-form-item-required):before{display:none}.ds-form-item-label-required-mark{display:inline-block;font-size:var(--ds-font-size);font-family:Inter,sans-serif;line-height:1;content:"*"}.ds-form-item-label-required-mark.ds-form-item-label-required-mark-asterisk{color:var(--ds-form-label-required-mark-color)}.ds-form-item .ds-form-item-label>label:after{display:none}.ds-form-horizontal .ds-form-item .ds-form-item-label .ds-form-item-label-inner:after{content:":";position:relative;margin-block:0;margin-inline-start:var(--ds-form-label-colon-margin-inline-start);margin-inline-end:var(--ds-form-label-colon-margin-inline-end)}.ds-form-item-explain{margin-top:.25rem}.ds-form-item-margin-offset{margin:0!important}.ds-form-item-label{overflow:visible}.ds-form-item-row .ds-form-item-label label{width:100%}}

package/dist/components/spin/style.css

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

package/dist/components/splitter/component.js

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

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

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

package/dist/components/splitter/context.js

@@ -0,0 +1,6 @@
+import t from "react";
+const o = t.createContext({});
+export {
+  o as SplitterContext
+};
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../src/components/splitter/context.ts"],"sourcesContent":["import React from \"react\";\n\n// Context to provide layout direction to panels\nexport const SplitterContext = React.createContext<{ layout?: 'horizontal' | 'vertical' }>({});"],"names":["SplitterContext","React"],"mappings":";AAGO,MAAMA,IAAkBC,EAAM,cAAsD,CAAE,CAAA;"}

package/dist/components/splitter/splitter-panel.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx as v } from "react/jsx-runtime";
+import u, { useRef as z, useState as E, useContext as R, useEffect as w } from "react";
+import { SplitterContext as I } from "./context.js";
+import { InternalPanel as N } from "antd/es/splitter/Panel";
+import { useCls as M } from "../utils/antdUtils.js";
+import { clsx as O } from "../utils/cn.js";
+const V = ({
+  children: o,
+  className: p,
+  style: f,
+  defaultSize: t,
+  ...h
+}) => {
+  const y = M(), s = z(null), [d, C] = E(), { layout: i = "horizontal" } = R(I), n = t === "max-content" || t === "min-content" || t === "fit-content";
+  w(() => {
+    if (!n || !s.current)
+      return;
+    const r = s.current, l = () => {
+      const e = r.cloneNode(!0);
+      e.style.position = "absolute", e.style.visibility = "hidden", e.style.pointerEvents = "none", e.style.zIndex = "-1", e.style.top = "0", e.style.left = "0", i === "horizontal" ? (e.style.width = t, e.style.height = "100%") : (e.style.width = "100%", e.style.height = t), document.body.appendChild(e);
+      const m = e.getBoundingClientRect(), a = i === "horizontal" ? m.width : m.height;
+      document.body.removeChild(e), a > 0 && C(Math.ceil(a));
+    }, g = setTimeout(l, 0), c = new ResizeObserver(() => {
+      l();
+    });
+    return c.observe(r), () => {
+      clearTimeout(g), c.disconnect();
+    };
+  }, [n, i, o, t]);
+  const b = n ? d : t, x = O(
+    p,
+    n && y(`splitter-panel-${t}`)
+  );
+  return /* @__PURE__ */ v(
+    N,
+    {
+      className: x,
+      style: f,
+      defaultSize: b,
+      ...h,
+      children: n && u.isValidElement(o) ? u.cloneElement(
+        o,
+        { ref: s }
+      ) : o
+    }
+  );
+};
+export {
+  V as SplitterPanel
+};
+//# sourceMappingURL=splitter-panel.js.map

package/dist/components/splitter/splitter-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitter-panel.js","sources":["../../../src/components/splitter/splitter-panel.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect, useRef, useState, useContext } from \"react\";\nimport { useCls, clsx } from \"../utils\";\nimport { SplitterContext } from \"./context\";\nimport { InternalPanel } from \"antd/es/splitter/Panel\";\nimport type { InternalPanelProps } from \"antd/es/splitter/interface\";\n\nexport type SplitterPanelProps = InternalPanelProps & {\n  children?: React.ReactNode | undefined;\n} & React.RefAttributes<HTMLDivElement> & {\n    /**\n     * Default size of the panel. Can be a percentage string, number, or CSS intrinsic sizing values\n     */\n    defaultSize?: string | number | \"max-content\" | \"min-content\" | \"fit-content\";\n  };\n\nexport const SplitterPanel: React.FC<SplitterPanelProps> = ({\n  children,\n  className,\n  style,\n  defaultSize,\n  ...rest\n}) => {\n  const cls = useCls();\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [measuredSize, setMeasuredSize] = useState<number | undefined>();\n  const { layout = \"horizontal\" } = useContext(SplitterContext);\n\n  // Handle intrinsic sizing\n  const isIntrinsicSizing = defaultSize === \"max-content\" || defaultSize === \"min-content\" || defaultSize === \"fit-content\";\n\n  useEffect(() => {\n    if (!isIntrinsicSizing) {\n      return;\n    }\n\n    if (!contentRef.current) {\n      return;\n    }\n\n    const element = contentRef.current;\n    const measureContent = () => {\n      // Clone the entire element to preserve all styles including padding, borders, etc.\n      const clonedElement = element.cloneNode(true) as HTMLElement;\n      \n      // Set up the cloned element for measurement\n      clonedElement.style.position = \"absolute\";\n      clonedElement.style.visibility = \"hidden\";\n      clonedElement.style.pointerEvents = \"none\";\n      clonedElement.style.zIndex = \"-1\";\n      clonedElement.style.top = \"0\";\n      clonedElement.style.left = \"0\";\n\n      if (layout === \"horizontal\") {\n        clonedElement.style.width = defaultSize as string;\n        clonedElement.style.height = \"100%\";\n      } else {\n        clonedElement.style.width = \"100%\";\n        clonedElement.style.height = defaultSize as string;\n      }\n\n      document.body.appendChild(clonedElement);\n\n      const rect = clonedElement.getBoundingClientRect();\n      const size = layout === \"horizontal\" ? rect.width : rect.height;\n\n      document.body.removeChild(clonedElement);\n\n      if (size > 0) {\n        setMeasuredSize(Math.ceil(size));\n      }\n    };\n\n    // Small delay to ensure content is rendered\n    const timeoutId = setTimeout(measureContent, 0);\n\n    // Use ResizeObserver to track content size changes\n    const resizeObserver = new ResizeObserver(() => {\n      measureContent();\n    });\n\n    resizeObserver.observe(element);\n\n    return () => {\n      clearTimeout(timeoutId);\n      resizeObserver.disconnect();\n    };\n  }, [isIntrinsicSizing, layout, children, defaultSize]);\n\n  const finalDefaultSize = isIntrinsicSizing ? measuredSize : defaultSize;\n  const finalClassName = clsx(\n    className,\n    isIntrinsicSizing && cls(`splitter-panel-${defaultSize}`)\n  );\n\n  return (\n    <InternalPanel\n      className={finalClassName}\n      style={style}\n      defaultSize={finalDefaultSize}\n      {...rest}\n    >\n      {isIntrinsicSizing && React.isValidElement(children)\n        ? React.cloneElement(\n            children as React.ReactElement<React.RefAttributes<HTMLElement>>,\n            { ref: contentRef }\n          )\n        : children}\n    </InternalPanel>\n  );\n};\n"],"names":["SplitterPanel","children","className","style","defaultSize","rest","cls","useCls","contentRef","useRef","measuredSize","setMeasuredSize","useState","layout","useContext","SplitterContext","isIntrinsicSizing","useEffect","element","measureContent","clonedElement","rect","size","timeoutId","resizeObserver","finalDefaultSize","finalClassName","clsx","jsx","InternalPanel","React"],"mappings":";;;;;;;AAgBO,MAAMA,IAA8C,CAAC;AAAA,EAC1D,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAMC,EAAO,GACbC,IAAaC,EAAuB,IAAI,GACxC,CAACC,GAAcC,CAAe,IAAIC,EAA6B,GAC/D,EAAE,QAAAC,IAAS,iBAAiBC,EAAWC,CAAe,GAGtDC,IAAoBZ,MAAgB,iBAAiBA,MAAgB,iBAAiBA,MAAgB;AAE5G,EAAAa,EAAU,MAAM;AAKV,QAJA,CAACD,KAID,CAACR,EAAW;AACd;AAGF,UAAMU,IAAUV,EAAW,SACrBW,IAAiB,MAAM;AAErB,YAAAC,IAAgBF,EAAQ,UAAU,EAAI;AAG5C,MAAAE,EAAc,MAAM,WAAW,YAC/BA,EAAc,MAAM,aAAa,UACjCA,EAAc,MAAM,gBAAgB,QACpCA,EAAc,MAAM,SAAS,MAC7BA,EAAc,MAAM,MAAM,KAC1BA,EAAc,MAAM,OAAO,KAEvBP,MAAW,gBACbO,EAAc,MAAM,QAAQhB,GAC5BgB,EAAc,MAAM,SAAS,WAE7BA,EAAc,MAAM,QAAQ,QAC5BA,EAAc,MAAM,SAAShB,IAGtB,SAAA,KAAK,YAAYgB,CAAa;AAEjC,YAAAC,IAAOD,EAAc,sBAAsB,GAC3CE,IAAOT,MAAW,eAAeQ,EAAK,QAAQA,EAAK;AAEhD,eAAA,KAAK,YAAYD,CAAa,GAEnCE,IAAO,KACOX,EAAA,KAAK,KAAKW,CAAI,CAAC;AAAA,IAEnC,GAGMC,IAAY,WAAWJ,GAAgB,CAAC,GAGxCK,IAAiB,IAAI,eAAe,MAAM;AAC/B,MAAAL,EAAA;AAAA,IAAA,CAChB;AAED,WAAAK,EAAe,QAAQN,CAAO,GAEvB,MAAM;AACX,mBAAaK,CAAS,GACtBC,EAAe,WAAW;AAAA,IAC5B;AAAA,KACC,CAACR,GAAmBH,GAAQZ,GAAUG,CAAW,CAAC;AAE/C,QAAAqB,IAAmBT,IAAoBN,IAAeN,GACtDsB,IAAiBC;AAAA,IACrBzB;AAAA,IACAc,KAAqBV,EAAI,kBAAkBF,CAAW,EAAE;AAAA,EAC1D;AAGE,SAAA,gBAAAwB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,OAAAvB;AAAA,MACA,aAAasB;AAAA,MACZ,GAAGpB;AAAA,MAEH,UAAqBW,KAAAc,EAAM,eAAe7B,CAAQ,IAC/C6B,EAAM;AAAA,QACJ7B;AAAA,QACA,EAAE,KAAKO,EAAW;AAAA,MAAA,IAEpBP;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/components/splitter/splitter.js

@@ -0,0 +1,157 @@
+import { jsx as c, jsxs as I } from "react/jsx-runtime";
+import O, { useState as Se } from "react";
+import ue from "rc-resize-observer";
+import { useEvent as u } from "rc-util";
+import { devUseWarning as ze } from "antd/es/_util/warning";
+import { useComponentConfig as Ce } from "antd/es/config-provider/context";
+import he from "antd/es/config-provider/hooks/useCSSVarCls";
+import de from "antd/es/splitter/hooks/useItems";
+import ge from "antd/es/splitter/hooks/useResizable";
+import ve from "antd/es/splitter/hooks/useResize";
+import Ne from "antd/es/splitter/hooks/useSizes";
+import { SplitterPanel as be } from "./splitter-panel.js";
+import Me from "antd/es/splitter/SplitBar";
+import xe from "antd/es/splitter/style";
+import { SplitterContext as ye } from "./context.js";
+import { clsx as P } from "../utils/cn.js";
+const Ie = ($) => {
+  const {
+    prefixCls: E,
+    className: V,
+    style: U,
+    layout: f = "horizontal",
+    children: k,
+    rootClassName: w,
+    onResizeStart: z,
+    onResize: n,
+    onResizeEnd: o,
+    lazy: B,
+    showSplitBar: W = !0
+  } = $, {
+    getPrefixCls: j,
+    direction: D,
+    className: R,
+    style: _
+  } = Ce("splitter"), i = j("splitter", E), v = he(i), [q, F, H] = xe(i, v), m = f === "vertical", p = D === "rtl", L = !m && p, a = de(k);
+  if (process.env.NODE_ENV !== "production") {
+    const t = ze("Splitter");
+    let e = !1, s = !1;
+    a.forEach((r) => {
+      r.size !== void 0 ? e = !0 : s = !0;
+    }), e && s && !n && t(
+      !1,
+      "usage",
+      "When part of `Splitter.Panel` has `size`, `onResize` is required or change `size` to `defaultSize`."
+    );
+  }
+  const [C, T] = Se(), A = (t) => {
+    const { offsetWidth: e, offsetHeight: s } = t, r = m ? s : e;
+    r !== 0 && T(r);
+  }, [
+    G,
+    h,
+    d,
+    N,
+    b,
+    J
+  ] = Ne(a, C), M = ge(a, h, p), [K, Q, X, Y, x] = ve(
+    a,
+    M,
+    d,
+    C,
+    J,
+    p
+  ), Z = u((t) => {
+    K(t), z == null || z(h);
+  }), ee = u(
+    (t, e, s) => {
+      const r = Q(t, e);
+      s ? o == null || o(r) : n == null || n(r);
+    }
+  ), te = u((t) => {
+    X(), t || o == null || o(h);
+  }), se = u(
+    (t, e) => {
+      const s = Y(t, e);
+      n == null || n(s), o == null || o(s);
+    }
+  ), re = P(
+    i,
+    V,
+    `${i}-${f}`,
+    {
+      [`${i}-rtl`]: p,
+      [`${i}-hide-bars`]: !W
+    },
+    w,
+    R,
+    H,
+    v,
+    F
+  ), y = `${i}-mask`, l = O.useMemo(() => {
+    const t = [];
+    let e = 0;
+    for (let s = 0; s < a.length; s += 1)
+      e += d[s], t.push(e);
+    return t;
+  }, [d]), oe = { ..._, ...U };
+  return q(
+    /* @__PURE__ */ c(ye.Provider, { value: { layout: f }, children: /* @__PURE__ */ c(ue, { onResize: A, children: /* @__PURE__ */ I("div", { style: oe, className: re, children: [
+      a.map((t, e) => {
+        const s = /* @__PURE__ */ c(
+          be,
+          {
+            ...t,
+            prefixCls: i,
+            size: G[e]
+          }
+        );
+        let r = null;
+        const S = M[e];
+        if (S) {
+          const ie = (l[e - 1] || 0) + N[e], ne = (l[e + 1] || 100) - b[e + 1], ae = (l[e - 1] || 0) + b[e], le = (l[e + 1] || 100) - N[e + 1];
+          r = /* @__PURE__ */ c(
+            Me,
+            {
+              lazy: B,
+              index: e,
+              active: x === e,
+              prefixCls: i,
+              vertical: m,
+              resizable: S.resizable,
+              ariaNow: l[e] * 100,
+              ariaMin: Math.max(ie, ne) * 100,
+              ariaMax: Math.min(ae, le) * 100,
+              startCollapsible: S.startCollapsible,
+              endCollapsible: S.endCollapsible,
+              onOffsetStart: Z,
+              onOffsetUpdate: (ce, fe, me, pe) => {
+                let g = m ? me : fe;
+                L && (g = -g), ee(ce, g, pe);
+              },
+              onOffsetEnd: te,
+              onCollapse: se,
+              containerSize: C || 0
+            }
+          );
+        }
+        return /* @__PURE__ */ I(O.Fragment, { children: [
+          s,
+          r
+        ] }, `split-panel-${e}`);
+      }),
+      typeof x == "number" && /* @__PURE__ */ c(
+        "div",
+        {
+          "aria-hidden": !0,
+          className: P(y, `${y}-${f}`)
+        }
+      )
+    ] }) }) })
+  );
+};
+process.env.NODE_ENV !== "production" && (Ie.displayName = "Splitter");
+export {
+  Ie as MainSplitter
+};
+//# sourceMappingURL=splitter.js.map

package/dist/components/splitter/splitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitter.js","sources":["../../../src/components/splitter/splitter.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { clsx } from \"../utils\";\nimport ResizeObserver from \"rc-resize-observer\";\nimport { useEvent } from \"rc-util\";\n\nimport type { GetProp } from \"antd/es/_util/type\";\nimport { devUseWarning } from \"antd/es/_util/warning\";\nimport { useComponentConfig } from \"antd/es/config-provider/context\";\nimport useCSSVarCls from \"antd/es/config-provider/hooks/useCSSVarCls\";\nimport useItems from \"antd/es/splitter/hooks/useItems\";\nimport useResizable from \"antd/es/splitter/hooks/useResizable\";\nimport useResize from \"antd/es/splitter/hooks/useResize\";\nimport useSizes from \"antd/es/splitter/hooks/useSizes\";\nimport type { SplitterProps as AntdSplitterProps } from \"antd/es/splitter/interface\";\nimport { SplitterPanel } from \"./splitter-panel\";\nimport SplitBar from \"antd/es/splitter/SplitBar\";\nimport useStyle from \"antd/es/splitter/style\";\nimport { SplitterContext } from \"./context\";\n\nexport interface SplitterProps extends AntdSplitterProps {\n  /**\n   * Whether to show the split bars between panels\n   * @default true\n   */\n  showSplitBar?: boolean;\n}\n\nexport const MainSplitter: React.FC<React.PropsWithChildren<SplitterProps>> = (\n  props\n) => {\n  const {\n    prefixCls: customizePrefixCls,\n    className,\n    style,\n    layout = \"horizontal\",\n    children,\n    rootClassName,\n    onResizeStart,\n    onResize,\n    onResizeEnd,\n    lazy,\n    showSplitBar = true,\n  } = props;\n\n  const {\n    getPrefixCls,\n    direction,\n    className: contextClassName,\n    style: contextStyle,\n  } = useComponentConfig(\"splitter\");\n  const prefixCls = getPrefixCls(\"splitter\", customizePrefixCls);\n  const rootCls = useCSSVarCls(prefixCls);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n\n  // ======================== Direct ========================\n  const isVertical = layout === \"vertical\";\n  const isRTL = direction === \"rtl\";\n  const reverse = !isVertical && isRTL;\n\n  // ====================== Items Data ======================\n  const items = useItems(children);\n\n  // >>> Warning for uncontrolled\n  if (process.env.NODE_ENV !== \"production\") {\n    const warning = devUseWarning(\"Splitter\");\n\n    let existSize = false;\n    let existUndefinedSize = false;\n\n    items.forEach((item) => {\n      if (item.size !== undefined) {\n        existSize = true;\n      } else {\n        existUndefinedSize = true;\n      }\n    });\n\n    if (existSize && existUndefinedSize && !onResize) {\n      warning(\n        false,\n        \"usage\",\n        \"When part of `Splitter.Panel` has `size`, `onResize` is required or change `size` to `defaultSize`.\"\n      );\n    }\n  }\n\n  // ====================== Container =======================\n  const [containerSize, setContainerSize] = useState<number | undefined>();\n\n  const onContainerResize: GetProp<typeof ResizeObserver, \"onResize\"> = (\n    size\n  ) => {\n    const { offsetWidth, offsetHeight } = size;\n    const containerSize = isVertical ? offsetHeight : offsetWidth;\n    // Skip when container has no size, Such as nested in a hidden tab panel\n    // to fix: https://github.com/ant-design/ant-design/issues/51106\n    if (containerSize === 0) {\n      return;\n    }\n    setContainerSize(containerSize);\n  };\n\n  // ========================= Size =========================\n  const [\n    panelSizes,\n    itemPxSizes,\n    itemPtgSizes,\n    itemPtgMinSizes,\n    itemPtgMaxSizes,\n    updateSizes,\n  ] = useSizes(items, containerSize);\n\n  // ====================== Resizable =======================\n  const resizableInfos = useResizable(items, itemPxSizes, isRTL);\n\n  const [onOffsetStart, onOffsetUpdate, onOffsetEnd, onCollapse, movingIndex] =\n    useResize(\n      items,\n      resizableInfos,\n      itemPtgSizes,\n      containerSize,\n      updateSizes,\n      isRTL\n    );\n\n  // ======================== Events ========================\n  const onInternalResizeStart = useEvent((index: number) => {\n    onOffsetStart(index);\n    onResizeStart?.(itemPxSizes);\n  });\n\n  const onInternalResizeUpdate = useEvent(\n    (index: number, offset: number, lazyEnd?: boolean) => {\n      const nextSizes = onOffsetUpdate(index, offset);\n\n      if (lazyEnd) {\n        onResizeEnd?.(nextSizes);\n      } else {\n        onResize?.(nextSizes);\n      }\n    }\n  );\n\n  const onInternalResizeEnd = useEvent((lazyEnd?: boolean) => {\n    onOffsetEnd();\n\n    if (!lazyEnd) {\n      onResizeEnd?.(itemPxSizes);\n    }\n  });\n\n  const onInternalCollapse = useEvent(\n    (index: number, type: \"start\" | \"end\") => {\n      const nextSizes = onCollapse(index, type);\n      onResize?.(nextSizes);\n      onResizeEnd?.(nextSizes);\n    }\n  );\n\n  // ======================== Styles ========================\n  const containerClassName = clsx(\n    prefixCls,\n    className,\n    `${prefixCls}-${layout}`,\n    {\n      [`${prefixCls}-rtl`]: isRTL,\n      [`${prefixCls}-hide-bars`]: !showSplitBar,\n    },\n    rootClassName,\n    contextClassName,\n    cssVarCls,\n    rootCls,\n    hashId\n  );\n\n  // ======================== Render ========================\n  const maskCls = `${prefixCls}-mask`;\n\n  const stackSizes = React.useMemo(() => {\n    const mergedSizes: number[] = [];\n\n    let stack = 0;\n    for (let i = 0; i < items.length; i += 1) {\n      stack += itemPtgSizes[i];\n      mergedSizes.push(stack);\n    }\n\n    return mergedSizes;\n  }, [itemPtgSizes]);\n\n  const mergedStyle: React.CSSProperties = { ...contextStyle, ...style };\n\n  return wrapCSSVar(\n    <SplitterContext.Provider value={{ layout }}>\n      <ResizeObserver onResize={onContainerResize}>\n        <div style={mergedStyle} className={containerClassName}>\n          {items.map((item, idx) => {\n            // Panel\n            const panel = (\n              <SplitterPanel\n                {...item}\n                prefixCls={prefixCls}\n                size={panelSizes[idx]}\n              />\n            );\n\n            // Split Bar\n            let splitBar: React.ReactElement | null = null;\n\n            const resizableInfo = resizableInfos[idx];\n            if (resizableInfo) {\n              const ariaMinStart =\n                (stackSizes[idx - 1] || 0) + itemPtgMinSizes[idx];\n              const ariaMinEnd =\n                (stackSizes[idx + 1] || 100) - itemPtgMaxSizes[idx + 1];\n\n              const ariaMaxStart =\n                (stackSizes[idx - 1] || 0) + itemPtgMaxSizes[idx];\n              const ariaMaxEnd =\n                (stackSizes[idx + 1] || 100) - itemPtgMinSizes[idx + 1];\n\n              splitBar = (\n                <SplitBar\n                  lazy={lazy}\n                  index={idx}\n                  active={movingIndex === idx}\n                  prefixCls={prefixCls}\n                  vertical={isVertical}\n                  resizable={resizableInfo.resizable}\n                  ariaNow={stackSizes[idx] * 100}\n                  ariaMin={Math.max(ariaMinStart, ariaMinEnd) * 100}\n                  ariaMax={Math.min(ariaMaxStart, ariaMaxEnd) * 100}\n                  startCollapsible={resizableInfo.startCollapsible}\n                  endCollapsible={resizableInfo.endCollapsible}\n                  onOffsetStart={onInternalResizeStart}\n                  onOffsetUpdate={(index, offsetX, offsetY, lazyEnd) => {\n                    let offset = isVertical ? offsetY : offsetX;\n                    if (reverse) {\n                      offset = -offset;\n                    }\n                    onInternalResizeUpdate(index, offset, lazyEnd);\n                  }}\n                  onOffsetEnd={onInternalResizeEnd}\n                  onCollapse={onInternalCollapse}\n                  containerSize={containerSize || 0}\n                />\n              );\n            }\n\n            return (\n              <React.Fragment key={`split-panel-${idx}`}>\n                {panel}\n                {splitBar}\n              </React.Fragment>\n            );\n          })}\n\n          {/* Fake mask for cursor */}\n          {typeof movingIndex === \"number\" && (\n            <div\n              aria-hidden\n              className={clsx(maskCls, `${maskCls}-${layout}`)}\n            />\n          )}\n        </div>\n      </ResizeObserver>\n    </SplitterContext.Provider>\n  );\n};\n\nif (process.env.NODE_ENV !== \"production\") {\n  MainSplitter.displayName = \"Splitter\";\n}\n"],"names":["MainSplitter","props","customizePrefixCls","className","style","layout","children","rootClassName","onResizeStart","onResize","onResizeEnd","lazy","showSplitBar","getPrefixCls","direction","contextClassName","contextStyle","useComponentConfig","prefixCls","rootCls","useCSSVarCls","wrapCSSVar","hashId","cssVarCls","useStyle","isVertical","isRTL","reverse","items","useItems","warning","devUseWarning","existSize","existUndefinedSize","item","containerSize","setContainerSize","useState","onContainerResize","size","offsetWidth","offsetHeight","panelSizes","itemPxSizes","itemPtgSizes","itemPtgMinSizes","itemPtgMaxSizes","updateSizes","useSizes","resizableInfos","useResizable","onOffsetStart","onOffsetUpdate","onOffsetEnd","onCollapse","movingIndex","useResize","onInternalResizeStart","useEvent","index","onInternalResizeUpdate","offset","lazyEnd","nextSizes","onInternalResizeEnd","onInternalCollapse","type","containerClassName","clsx","maskCls","stackSizes","React","mergedSizes","stack","i","mergedStyle","SplitterContext","jsx","ResizeObserver","jsxs","idx","panel","SplitterPanel","splitBar","resizableInfo","ariaMinStart","ariaMinEnd","ariaMaxStart","ariaMaxEnd","SplitBar","offsetX","offsetY"],"mappings":"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"}

package/dist/components/splitter/style.css

@@ -1 +1 @@
-@layer components{.ds-splitter>.ds-splitter-bar .ds-splitter-bar-collapse-bar.ds-splitter-bar-collapse-bar-start{opacity:1}}
+@layer components{.ds-splitter>.ds-splitter-bar .ds-splitter-bar-collapse-bar.ds-splitter-bar-collapse-bar-start{opacity:1}.ds-splitter-hide-bars .ds-splitter-bar{opacity:0;pointer-events:none;transition:opacity .2s ease}.ds-splitter-hide-bars .ds-splitter-bar:hover{opacity:1;pointer-events:auto}.ds-splitter-panel-max-content,.ds-splitter-panel-min-content,.ds-splitter-panel-fit-content{flex-shrink:0}}

package/dist/components/status-icon/component.js

@@ -0,0 +1,34 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { CircleNotchIcon as a, InfoIcon as I, WarningIcon as f, XCircleIcon as u, CheckCircleIcon as l } from "@bioturing/assets";
+import './style.css';/* empty css          */
+import { useCls as p } from "../utils/antdUtils.js";
+const C = {
+  success: l,
+  error: u,
+  warning: f,
+  info: I,
+  processing: a
+}, g = m(
+  ({ status: o = "info", size: c = "medium", weight: r = "regular", ...n }, s) => {
+    const t = p(), i = C[o];
+    return /* @__PURE__ */ e(
+      i,
+      {
+        ref: s,
+        className: t(
+          "status-icon",
+          `status-icon-${o}`,
+          `status-icon-${c}`
+        ),
+        weight: r,
+        ...n
+      }
+    );
+  }
+);
+g.displayName = "StatusIcon";
+export {
+  g as StatusIcon
+};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/status-icon/component.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  CheckCircleIcon,\n  XCircleIcon,\n  WarningIcon,\n  InfoIcon,\n  CircleNotchIcon,\n} from \"@bioturing/assets\";\nimport { useCls } from \"../utils\";\n\nimport \"./style.css\";\n\nexport interface StatusIconProps extends React.ComponentPropsWithoutRef<\"svg\"> {\n  /**\n   * Status of the icon\n   * @default info\n   */\n  status?: \"success\" | \"error\" | \"warning\" | \"info\" | \"processing\";\n  /**\n   * Size of the icon\n   * - small: 12px\n   * - medium: 16px\n   * - large: 20px\n   * - xlarge: 24px\n   * - xxlarge: 28px\n   * @default medium\n   */\n  size?: \"small\" | \"medium\" | \"large\" | \"xlarge\";\n  /**\n   * Weight of the icon\n   */\n  weight?: \"regular\" | \"bold\" | \"fill\" | \"duotone\";\n}\n\nconst STATUS_ICON_MAP = {\n  success: CheckCircleIcon,\n  error: XCircleIcon,\n  warning: WarningIcon,\n  info: InfoIcon,\n  processing: CircleNotchIcon,\n};\n\nexport const StatusIcon = forwardRef<SVGSVGElement, StatusIconProps>(\n  ({ status = \"info\", size = \"medium\", weight = \"regular\", ...props }, ref) => {\n    const cls = useCls();\n    const Icon = STATUS_ICON_MAP[status];\n    return (\n      <Icon\n        ref={ref}\n        className={cls(\n          \"status-icon\",\n          `status-icon-${status}`,\n          `status-icon-${size}`\n        )}\n        weight={weight}\n        {...props}\n      />\n    );\n  }\n);\n\nStatusIcon.displayName = \"StatusIcon\";\n"],"names":["STATUS_ICON_MAP","CheckCircleIcon","XCircleIcon","WarningIcon","InfoIcon","CircleNotchIcon","StatusIcon","forwardRef","status","size","weight","props","ref","cls","useCls","Icon","jsx"],"mappings":";;;;;AAkCA,MAAMA,IAAkB;AAAA,EACtB,SAASC;AAAA,EACT,OAAOC;AAAA,EACP,SAASC;AAAA,EACT,MAAMC;AAAA,EACN,YAAYC;AACd,GAEaC,IAAaC;AAAA,EACxB,CAAC,EAAE,QAAAC,IAAS,QAAQ,MAAAC,IAAO,UAAU,QAAAC,IAAS,WAAW,GAAGC,EAAM,GAAGC,MAAQ;AAC3E,UAAMC,IAAMC,EAAO,GACbC,IAAOf,EAAgBQ,CAAM;AAEjC,WAAA,gBAAAQ;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,WAAWC;AAAA,UACT;AAAA,UACA,eAAeL,CAAM;AAAA,UACrB,eAAeC,CAAI;AAAA,QACrB;AAAA,QACA,QAAAC;AAAA,QACC,GAAGC;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;AAEAL,EAAW,cAAc;"}