@bioturing/components 0.25.0 → 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,40 +1,43 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import f from "antd/es/form/FormItem";
-import { FormLabel as s } from "./label.js";
-import { isPlainObject as c } from "es-toolkit";
-const k = ({
-  tooltip: 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: a = !1,
-  requiredMark: p = !0,
-  required: i,
+  optionalMark: d = !1,
+  requiredMark: s = !0,
+  labelRender: i,
+  required: m,
   rules: o,
-  ...d
+  children: c,
+  ...f
 }) => {
-  const m = i || (o == null ? void 0 : o.some(
-    (r) => c(r) && "required" in r && r.required
-  ));
-  return /* @__PURE__ */ e(
-    f,
+  const e = m || (o == null ? void 0 : o.some(
+    (r) => b(r) && "required" in r && r.required
+  )), n = t ? /* @__PURE__ */ a(
+    F,
     {
-      required: i,
-      label: t ? /* @__PURE__ */ e(
-        s,
-        {
-          label: t,
-          tooltip: n,
-          optionalMark: !m && a,
-          requiredMark: m && p,
-          as: "span"
-        }
-      ) : void 0,
+      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,
-      ...d
+      ...f,
+      children: c
     }
   );
 };
 export {
-  k 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\";\nimport { isPlainObject } from \"es-toolkit\";\n\nexport interface FormItemProps<Values = unknown>\n  extends AntdFormItemProps<Values> {\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\nexport const FormItem = <Values = unknown,>({\n  tooltip,\n  label,\n  optionalMark = false,\n  requiredMark = true,\n  required,\n  rules,\n  ...rest\n}: FormItemProps<Values>) => {\n  const isRequired =\n    required ||\n    rules?.some(\n      (rule) => isPlainObject(rule) && \"required\" in rule && rule.required\n    );\n  return (\n    <AntdFormItem\n      required={required}\n      label={\n        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      rules={rules}\n      {...rest}\n    />\n  );\n};\n"],"names":["FormItem","tooltip","label","optionalMark","requiredMark","required","rules","rest","isRequired","rule","isPlainObject","jsx","AntdFormItem","FormLabel"],"mappings":";;;;;AAuBO,MAAMA,IAAW,CAAoB;AAAA,EAC1C,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAA6B;AACrB,QAAAC,IACJH,MACAC,KAAA,gBAAAA,EAAO;AAAA,IACL,CAACG,MAASC,EAAcD,CAAI,KAAK,cAAcA,KAAQA,EAAK;AAAA;AAG9D,SAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAAP;AAAA,MACA,OACEH,IACE,gBAAAS;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAAX;AAAA,UACA,SAAAD;AAAA,UACA,cAAc,CAACO,KAAcL;AAAA,UAC7B,cAAcK,KAAcJ;AAAA,UAC5B,IAAG;AAAA,QAAA;AAAA,MAAA,IAEH;AAAA,MAEN,OAAAE;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;"}
+{"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/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)}: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}}
+@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/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/index.d.ts

@@ -111,6 +111,7 @@ import { InputNumber } from 'antd';
 import { InputNumberProps } from 'antd';
 import { InputProps as InputProps_2 } from 'antd';
 import { InputRef } from 'antd';
+import { InternalPanelProps } from 'antd/es/splitter/interface';
 import { JSX } from 'react/jsx-runtime';
 import { JSX as JSX_2 } from 'react';
 import { JSXElementConstructor } from 'react';
@@ -142,7 +143,6 @@ import { OptionFC } from 'rc-select/lib/Option';
 import { OptionGroupFC } from 'rc-select/lib/OptGroup';
 import { Pagination } from 'antd';
 import { PaginationProps } from 'antd';
-import { PanelProps } from 'antd/es/splitter/interface';
 import { PasswordProps as PasswordProps_2 } from 'antd/es/input';
 import { Popconfirm } from 'antd';
 import { PopconfirmProps } from 'antd';
@@ -150,6 +150,7 @@ import { Popover as Popover_2 } from '@base-ui-components/react/popover';
 import { PopoverProps as PopoverProps_2 } from 'antd/es/popover';
 import { Progress } from 'antd';
 import { ProgressProps } from 'antd';
+import { PropsWithChildren } from 'react';
 import { QRCode } from 'antd';
 import { QRCodeProps } from 'antd';
 import { QRPropsCanvas } from 'antd';
@@ -409,6 +410,11 @@ export { CheckboxChangeEvent }
 export { CheckboxOptionType }
 
 export declare interface CheckboxProps extends CheckboxProps_2 {
+    /**
+     * Checkbox appearance variant
+     * @default 'default'
+     */
+    variant?: 'default' | 'outlined';
 }
 
 export { CheckboxRef }
@@ -1748,7 +1754,7 @@ export declare const Form: (<Values = unknown>({ ...rest }: InternalFormProps<Va
     useForm: typeof useForm;
     useFormInstance: typeof default_9;
     useWatch: typeof useWatch;
-    Item: <Values = unknown>({ tooltip, label, optionalMark, requiredMark, required, rules, ...rest }: FormItemProps<Values>) => JSX.Element;
+    Item: <Values = unknown>({ tooltip, label, optionalMark, requiredMark, labelRender, required, rules, children, ...rest }: FormItemProps<Values>) => JSX.Element;
     List: React_2.FC<FormListProps>;
     ErrorList: React_2.FC<ErrorListProps>;
     Provider: React_2.FC<FormProviderProps>;
@@ -1759,17 +1765,25 @@ export declare const Form: (<Values = unknown>({ ...rest }: InternalFormProps<Va
 
 export { FormInstance }
 
-export declare interface FormItemProps<Values = unknown> extends FormItemProps_2<Values> {
+export declare interface FormItemProps<Values = unknown> extends Omit<FormItemProps_2<Values>, "children"> {
     /**
      * Whether show the optional mark. By default, optional item will not show the optional mark.
      * @default false
      */
-    optionalMark?: boolean | React.ReactNode;
+    optionalMark?: boolean | default_2.ReactNode;
     /**
      * Whether show the asterisk when the field is required
      * @default true
      */
-    requiredMark?: boolean | React.ReactNode;
+    requiredMark?: boolean | default_2.ReactNode;
+    /**
+     * Custom render function for the label
+     */
+    labelRender?: (label: default_2.ReactElement) => default_2.ReactElement;
+    /**
+     * Form item children - can be React nodes or render functions
+     */
+    children?: FormItemProps_2<Values>["children"];
 }
 
 export { FormListFieldData }
@@ -1917,7 +1931,7 @@ export { List }
 
 export { ListProps }
 
-declare const MainCheckboxInner: (props: CheckboxProps, ref: React.Ref<React.ComponentRef<typeof Checkbox_2>>) => JSX.Element;
+declare const MainCheckboxInner: ({ variant, className, ...props }: CheckboxProps, ref: React.Ref<React.ComponentRef<typeof Checkbox_2>>) => JSX.Element;
 
 declare const MainInputInner: (props: InputProps, ref: React.Ref<InputRef>) => JSX.Element;
 
@@ -3030,19 +3044,30 @@ export declare type SpinProps = Omit<SpinProps_2, "size"> & {
     size?: "small" | "default" | "large" | number;
 };
 
-export declare const Split: default_2.FC<SplitterProps> & {
-    Panel: default_2.FC<SplitterPanelProps>;
+export declare const Split: FC<PropsWithChildren<SplitterProps>> & {
+    Panel: FC<SplitterPanelProps>;
 };
 
-export declare const Splitter: default_2.FC<SplitterProps> & {
-    Panel: default_2.FC<SplitterPanelProps>;
+export declare const Splitter: FC<PropsWithChildren<SplitterProps>> & {
+    Panel: FC<SplitterPanelProps>;
 };
 
-export declare type SplitterPanelProps = default_2.PropsWithChildren<PanelProps>;
+export declare type SplitterPanelProps = InternalPanelProps & {
+    children?: default_2.ReactNode | undefined;
+} & default_2.RefAttributes<HTMLDivElement> & {
+    /**
+     * Default size of the panel. Can be a percentage string, number, or CSS intrinsic sizing values
+     */
+    defaultSize?: string | number | "max-content" | "min-content" | "fit-content";
+};
 
-export declare type SplitterProps = default_2.PropsWithChildren<SplitterProps_2> & {
+export declare interface SplitterProps extends SplitterProps_2 {
+    /**
+     * Whether to show the split bars between panels
+     * @default true
+     */
     showSplitBar?: boolean;
-};
+}
 
 export declare const Stack: ForwardRefExoticComponent<StackProps & RefAttributes<HTMLDivElement>> & {
     Child: ForwardRefExoticComponent<StackChildProps & RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bioturing/components",
-  "version": "0.25.0",
+  "version": "0.26.2",
   "type": "module",
   "module": "./dist/index.js",
   "main": "./dist/index.js",
@@ -23,12 +23,14 @@
     "es-toolkit": "^1.37.2",
     "merge-refs": "^2.0.0",
     "prism-react-renderer": "^2.4.1",
+    "rc-resize-observer": "^1.4.3",
     "rc-select": "^14.16.7",
     "rc-table": "^7.50.4",
     "rc-tree": "^5.13.1",
+    "rc-util": "^5.44.4",
     "react-use-resizable": "^0.2.0",
     "tailwind-merge": "^3.3.1",
-    "@bioturing/assets": "0.19.0"
+    "@bioturing/assets": "0.20.0"
   },
   "peerDependencies": {
     "antd": "^5.25.0",