@bioturing/components 0.31.0 → 0.32.1

package/dist/components/select-trigger/component.js

@@ -1,105 +1,105 @@
 "use client";
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { XCircleIcon as K, CaretDownIcon as V } from "@bioturing/assets";
-import W from "merge-refs";
-import { forwardRef as X, useCallback as E, useRef as q, useEffect as B } from "react";
-import { WithRenderProp as F } from "../utils/WithRenderProp.js";
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
+import { XCircleIcon as P, CaretDownIcon as T } from "@bioturing/assets";
+import $ from "merge-refs";
+import { forwardRef as A, useCallback as y, useRef as K, useEffect as V } from "react";
+import { WithRenderProp as W } from "../utils/WithRenderProp.js";
 import './style.css';/* empty css          */
-import { useCls as G } from "../utils/antdUtils.js";
-import { clsx as l } from "../utils/cn.js";
-const H = X(
+import { useCls as X } from "../utils/antdUtils.js";
+import { clsx as o } from "../utils/cn.js";
+const q = A(
   ({
-    size: h = "middle",
-    disabled: n = !1,
-    open: o = !1,
-    status: w,
-    placeholder: b = "Select...",
-    value: c,
-    prefix: x,
-    allowClear: u = !1,
-    suffixIcon: k,
-    clearIcon: m,
-    onClear: d,
-    onOpenChange: f,
-    classNames: e,
-    render: S,
-    role: j = "combobox",
-    className: L,
-    ...P
-  }, T) => {
-    const r = G(), g = c != null && c !== "", $ = {
-      disabled: n,
-      open: o,
-      hasValue: g,
-      size: h
-    }, R = E(
-      (i) => {
-        i.stopPropagation(), d == null || d();
+    size: d = "middle",
+    disabled: c = !1,
+    open: i = !1,
+    status: m,
+    placeholder: f = "Select...",
+    value: s,
+    prefix: p,
+    allowClear: a = !1,
+    suffixIcon: u,
+    clearIcon: h,
+    onClear: w,
+    onOpenChange: b,
+    classNames: n,
+    render: v,
+    role: D = "combobox",
+    className: E,
+    ...S
+  }, C) => {
+    const e = X(), l = s != null && s !== "", j = {
+      disabled: c,
+      open: i,
+      hasValue: l,
+      size: d
+    }, x = y(
+      (t) => {
+        t.stopPropagation(), w?.();
       },
-      [d]
-    ), y = q(null);
-    B(() => {
-      const i = y.current;
-      if (!i) return;
-      const v = (D) => {
-        D.key === "ArrowDown" && !n && !o && (D.preventDefault(), f == null || f(!0));
+      [w]
+    ), k = K(null);
+    V(() => {
+      const t = k.current;
+      if (!t) return;
+      const N = (R) => {
+        R.key === "ArrowDown" && !c && !i && (R.preventDefault(), b?.(!0));
       };
-      return i.addEventListener("keydown", v), () => {
-        i.removeEventListener("keydown", v);
+      return t.addEventListener("keydown", N), () => {
+        t.removeEventListener("keydown", N);
       };
-    }, [n, o, f]);
-    const A = E(
-      (i) => /* @__PURE__ */ p("button", { ...i, children: [
-        /* @__PURE__ */ t(
+    }, [c, i, b]);
+    const L = y(
+      (t) => /* @__PURE__ */ g("button", { ...t, children: [
+        /* @__PURE__ */ r(
           "span",
           {
-            className: l(r("select-trigger-content"), e == null ? void 0 : e.content),
-            children: g ? /* @__PURE__ */ p("span", { className: r("select-trigger-value-with-prefix"), children: [
-              x,
-              /* @__PURE__ */ t(
+            className: o(e("select-trigger-content"), n?.content),
+            children: l ? /* @__PURE__ */ g("span", { className: e("select-trigger-value-with-prefix"), children: [
+              p,
+              /* @__PURE__ */ r(
                 "span",
                 {
-                  className: l(
-                    r("select-trigger-value"),
-                    e == null ? void 0 : e.value
+                  className: o(
+                    e("select-trigger-value"),
+                    n?.value
                   ),
-                  children: c
+                  children: s
                 }
               )
-            ] }) : /* @__PURE__ */ t(
+            ] }) : /* @__PURE__ */ r(
               "span",
               {
-                className: l(
-                  r("select-trigger-placeholder"),
-                  e == null ? void 0 : e.placeholder
+                className: o(
+                  e("select-trigger-placeholder"),
+                  n?.placeholder
                 ),
-                children: b
+                children: f
               }
             )
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ g(
           "span",
           {
-            className: l(r("select-trigger-suffix"), e == null ? void 0 : e.suffix),
+            className: o(e("select-trigger-suffix"), n?.suffix),
             children: [
-              u && g && /* @__PURE__ */ t(
+              a && l && /* @__PURE__ */ r(
                 "span",
                 {
-                  className: r("select-trigger-clear"),
+                  className: e("select-trigger-clear"),
                   unselectable: "on",
                   "aria-hidden": "true",
-                  onClick: R,
-                  children: m || /* @__PURE__ */ t("span", { className: r("select-trigger-clear-icon"), children: /* @__PURE__ */ t(K, { weight: "fill" }) })
+                  onClick: x,
+                  children: h || /* @__PURE__ */ r("span", { className: e("select-trigger-clear-icon"), children: /* @__PURE__ */ r(P, { weight: "fill" }) })
                 }
               ),
-              (!u || !g) && /* @__PURE__ */ t(
+              (!a || !l) && /* @__PURE__ */ r(
                 "span",
                 {
-                  className: r("select-trigger-arrow"),
+                  className: e("select-trigger-arrow"),
                   unselectable: "on",
                   "aria-hidden": "true",
-                  children: k || /* @__PURE__ */ t("span", { className: r("select-trigger-arrow-icon"), children: /* @__PURE__ */ t(V, { weight: "bold" }) })
+                  children: u || /* @__PURE__ */ r("span", { className: e("select-trigger-arrow-icon"), children: /* @__PURE__ */ r(T, { weight: "bold" }) })
                 }
               )
             ]
@@ -107,44 +107,44 @@ const H = X(
         )
       ] }),
       [
-        g,
-        c,
-        x,
-        b,
+        l,
+        s,
+        p,
+        f,
+        a,
         u,
-        k,
-        m,
-        r,
+        h,
         e,
-        R
+        n,
+        x
       ]
     );
-    return /* @__PURE__ */ t(
-      F,
+    return /* @__PURE__ */ r(
+      W,
       {
         as: "button",
-        ref: W(T, y),
-        state: $,
-        className: l(
-          r("select-trigger"),
-          r(`select-trigger-${h}`),
-          n && r("select-trigger-disabled"),
-          o && r("select-trigger-open"),
-          w && r(`select-trigger-${w}`),
-          e == null ? void 0 : e.trigger,
-          L
+        ref: $(C, k),
+        state: j,
+        className: o(
+          e("select-trigger"),
+          e(`select-trigger-${d}`),
+          c && e("select-trigger-disabled"),
+          i && e("select-trigger-open"),
+          m && e(`select-trigger-${m}`),
+          n?.trigger,
+          E
         ),
-        disabled: n,
-        role: j,
-        "aria-expanded": o,
-        render: S || A,
-        ...P
+        disabled: c,
+        role: D,
+        "aria-expanded": i,
+        render: v || L,
+        ...S
       }
     );
   }
 );
-H.displayName = "SelectTrigger";
+q.displayName = "SelectTrigger";
 export {
-  H as SelectTrigger
+  q as SelectTrigger
 };
 //# sourceMappingURL=component.js.map

package/dist/components/select-trigger/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/select-trigger/component.tsx"],"sourcesContent":["\"use client\";\nimport { CaretDownIcon, XCircleIcon } from \"@bioturing/assets\";\nimport mergeRefs from \"merge-refs\";\nimport React, { forwardRef, useCallback, useEffect, useRef } from \"react\";\nimport { clsx, useCls } from \"../utils\";\nimport { WithRenderProp, WithRenderPropProps } from \"../utils/WithRenderProp\";\nimport { ValidateStatus } from \"antd/es/form/FormItem\";\nimport \"./style.css\";\n\nexport type SelectTriggerState = {\n  disabled: boolean;\n  open: boolean;\n  hasValue: boolean;\n  size: \"small\" | \"middle\" | \"large\";\n};\n\nexport interface SelectTriggerProps\n  extends Omit<\n    WithRenderPropProps<\"button\", SelectTriggerState>,\n    \"value\" | \"prefix\"\n  > {\n  /** Size variant */\n  size?: \"small\" | \"middle\" | \"large\";\n  /** Whether the component is disabled */\n  disabled?: boolean;\n  /** Whether the dropdown/popup is open */\n  open?: boolean;\n  /** Validation status */\n  status?: ValidateStatus;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Current value/content to display */\n  value?: React.ReactNode;\n  /** Prefix content to display before the value (e.g., icon) */\n  prefix?: React.ReactNode;\n  /** Whether to show clear button when there's a value */\n  allowClear?: boolean;\n  /** Custom suffix icon (arrow icon) */\n  suffixIcon?: React.ReactNode;\n  /** Custom clear icon */\n  clearIcon?: React.ReactNode;\n  /** Clear handler */\n  onClear?: () => void;\n  /** Open state change handler */\n  onOpenChange?: (open: boolean) => void;\n  /** Custom class names */\n  classNames?: {\n    trigger?: string;\n    content?: string;\n    suffix?: string;\n    placeholder?: string;\n    value?: string;\n  };\n}\n\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  (\n    {\n      size = \"middle\",\n      disabled = false,\n      open = false,\n      status,\n      placeholder = \"Select...\",\n      value,\n      prefix,\n      allowClear = false,\n      suffixIcon,\n      clearIcon,\n      onClear,\n      onOpenChange,\n      classNames,\n      render,\n      role = \"combobox\",\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const cls = useCls();\n    const hasValue = value !== undefined && value !== null && value !== \"\";\n\n    const triggerState: SelectTriggerState = {\n      disabled,\n      open,\n      hasValue,\n      size,\n    };\n\n    const handleClearClick = useCallback(\n      (e: React.MouseEvent) => {\n        e.stopPropagation();\n        onClear?.();\n      },\n      [onClear]\n    );\n\n    // Internal ref for the button element\n    const buttonRef = useRef<HTMLButtonElement>(null);\n\n    // Handle keyboard shortcuts with addEventListener\n    useEffect(() => {\n      const buttonElement = buttonRef.current;\n      if (!buttonElement) return;\n\n      const handleKeyDown = (e: KeyboardEvent) => {\n        // Alt + Down Arrow to open dropdown\n        if (e.key === \"ArrowDown\" && !disabled && !open) {\n          e.preventDefault();\n          onOpenChange?.(true);\n        }\n        // Escape to close dropdown\n        // Comment because Popover would handle it\n        // if (e.key === \"Escape\" && open) {\n        //   e.preventDefault();\n        //   onOpenChange?.(false);\n        // }\n      };\n\n      buttonElement.addEventListener(\"keydown\", handleKeyDown);\n      return () => {\n        buttonElement.removeEventListener(\"keydown\", handleKeyDown);\n      };\n    }, [disabled, open, onOpenChange]);\n\n    const defaultRender = useCallback(\n      (props: React.ComponentPropsWithoutRef<\"button\">) => (\n        <button {...props}>\n          <span\n            className={clsx(cls(\"select-trigger-content\"), classNames?.content)}\n          >\n            {hasValue ? (\n              <span className={cls(\"select-trigger-value-with-prefix\")}>\n                {prefix}\n                <span\n                  className={clsx(\n                    cls(\"select-trigger-value\"),\n                    classNames?.value\n                  )}\n                >\n                  {value}\n                </span>\n              </span>\n            ) : (\n              <span\n                className={clsx(\n                  cls(\"select-trigger-placeholder\"),\n                  classNames?.placeholder\n                )}\n              >\n                {placeholder}\n              </span>\n            )}\n          </span>\n          <span\n            className={clsx(cls(\"select-trigger-suffix\"), classNames?.suffix)}\n          >\n            {allowClear && hasValue && (\n              <span\n                className={cls(\"select-trigger-clear\")}\n                unselectable=\"on\"\n                aria-hidden=\"true\"\n                onClick={handleClearClick}\n              >\n                {clearIcon || (\n                  <span className={cls(\"select-trigger-clear-icon\")}>\n                    <XCircleIcon weight=\"fill\" />\n                  </span>\n                )}\n              </span>\n            )}\n            {(!allowClear || !hasValue) && (\n              <span\n                className={cls(\"select-trigger-arrow\")}\n                unselectable=\"on\"\n                aria-hidden=\"true\"\n              >\n                {suffixIcon || (\n                  <span className={cls(\"select-trigger-arrow-icon\")}>\n                    <CaretDownIcon weight=\"bold\" />\n                  </span>\n                )}\n              </span>\n            )}\n          </span>\n        </button>\n      ),\n      [\n        hasValue,\n        value,\n        prefix,\n        placeholder,\n        allowClear,\n        suffixIcon,\n        clearIcon,\n        cls,\n        classNames,\n        handleClearClick,\n      ]\n    );\n\n    return (\n      <WithRenderProp\n        as=\"button\"\n        ref={mergeRefs(ref, buttonRef)}\n        state={triggerState}\n        className={clsx(\n          cls(\"select-trigger\"),\n          cls(`select-trigger-${size}`),\n          disabled && cls(\"select-trigger-disabled\"),\n          open && cls(\"select-trigger-open\"),\n          status && cls(`select-trigger-${status}`),\n          classNames?.trigger,\n          className\n        )}\n        disabled={disabled}\n        role={role}\n        aria-expanded={open}\n        render={render || defaultRender}\n        {...rest}\n      />\n    );\n  }\n);\n\nSelectTrigger.displayName = \"SelectTrigger\";\n"],"names":["SelectTrigger","forwardRef","size","disabled","open","status","placeholder","value","prefix","allowClear","suffixIcon","clearIcon","onClear","onOpenChange","classNames","render","role","className","rest","ref","cls","useCls","hasValue","triggerState","handleClearClick","useCallback","e","buttonRef","useRef","useEffect","buttonElement","handleKeyDown","defaultRender","props","jsxs","jsx","clsx","XCircleIcon","CaretDownIcon","WithRenderProp","mergeRefs"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/select-trigger/component.tsx"],"sourcesContent":["\"use client\";\nimport { CaretDownIcon, XCircleIcon } from \"@bioturing/assets\";\nimport mergeRefs from \"merge-refs\";\nimport React, { forwardRef, useCallback, useEffect, useRef } from \"react\";\nimport { clsx, useCls } from \"../utils\";\nimport { WithRenderProp, WithRenderPropProps } from \"../utils/WithRenderProp\";\nimport { ValidateStatus } from \"antd/es/form/FormItem\";\nimport \"./style.css\";\n\nexport type SelectTriggerState = {\n  disabled: boolean;\n  open: boolean;\n  hasValue: boolean;\n  size: \"small\" | \"middle\" | \"large\";\n};\n\nexport interface SelectTriggerProps\n  extends Omit<\n    WithRenderPropProps<\"button\", SelectTriggerState>,\n    \"value\" | \"prefix\"\n  > {\n  /** Size variant */\n  size?: \"small\" | \"middle\" | \"large\";\n  /** Whether the component is disabled */\n  disabled?: boolean;\n  /** Whether the dropdown/popup is open */\n  open?: boolean;\n  /** Validation status */\n  status?: ValidateStatus;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Current value/content to display */\n  value?: React.ReactNode;\n  /** Prefix content to display before the value (e.g., icon) */\n  prefix?: React.ReactNode;\n  /** Whether to show clear button when there's a value */\n  allowClear?: boolean;\n  /** Custom suffix icon (arrow icon) */\n  suffixIcon?: React.ReactNode;\n  /** Custom clear icon */\n  clearIcon?: React.ReactNode;\n  /** Clear handler */\n  onClear?: () => void;\n  /** Open state change handler */\n  onOpenChange?: (open: boolean) => void;\n  /** Custom class names */\n  classNames?: {\n    trigger?: string;\n    content?: string;\n    suffix?: string;\n    placeholder?: string;\n    value?: string;\n  };\n}\n\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  (\n    {\n      size = \"middle\",\n      disabled = false,\n      open = false,\n      status,\n      placeholder = \"Select...\",\n      value,\n      prefix,\n      allowClear = false,\n      suffixIcon,\n      clearIcon,\n      onClear,\n      onOpenChange,\n      classNames,\n      render,\n      role = \"combobox\",\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const cls = useCls();\n    const hasValue = value !== undefined && value !== null && value !== \"\";\n\n    const triggerState: SelectTriggerState = {\n      disabled,\n      open,\n      hasValue,\n      size,\n    };\n\n    const handleClearClick = useCallback(\n      (e: React.MouseEvent) => {\n        e.stopPropagation();\n        onClear?.();\n      },\n      [onClear]\n    );\n\n    // Internal ref for the button element\n    const buttonRef = useRef<HTMLButtonElement>(null);\n\n    // Handle keyboard shortcuts with addEventListener\n    useEffect(() => {\n      const buttonElement = buttonRef.current;\n      if (!buttonElement) return;\n\n      const handleKeyDown = (e: KeyboardEvent) => {\n        // Alt + Down Arrow to open dropdown\n        if (e.key === \"ArrowDown\" && !disabled && !open) {\n          e.preventDefault();\n          onOpenChange?.(true);\n        }\n        // Escape to close dropdown\n        // Comment because Popover would handle it\n        // if (e.key === \"Escape\" && open) {\n        //   e.preventDefault();\n        //   onOpenChange?.(false);\n        // }\n      };\n\n      buttonElement.addEventListener(\"keydown\", handleKeyDown);\n      return () => {\n        buttonElement.removeEventListener(\"keydown\", handleKeyDown);\n      };\n    }, [disabled, open, onOpenChange]);\n\n    const defaultRender = useCallback(\n      (props: React.ComponentPropsWithoutRef<\"button\">) => (\n        <button {...props}>\n          <span\n            className={clsx(cls(\"select-trigger-content\"), classNames?.content)}\n          >\n            {hasValue ? (\n              <span className={cls(\"select-trigger-value-with-prefix\")}>\n                {prefix}\n                <span\n                  className={clsx(\n                    cls(\"select-trigger-value\"),\n                    classNames?.value\n                  )}\n                >\n                  {value}\n                </span>\n              </span>\n            ) : (\n              <span\n                className={clsx(\n                  cls(\"select-trigger-placeholder\"),\n                  classNames?.placeholder\n                )}\n              >\n                {placeholder}\n              </span>\n            )}\n          </span>\n          <span\n            className={clsx(cls(\"select-trigger-suffix\"), classNames?.suffix)}\n          >\n            {allowClear && hasValue && (\n              <span\n                className={cls(\"select-trigger-clear\")}\n                unselectable=\"on\"\n                aria-hidden=\"true\"\n                onClick={handleClearClick}\n              >\n                {clearIcon || (\n                  <span className={cls(\"select-trigger-clear-icon\")}>\n                    <XCircleIcon weight=\"fill\" />\n                  </span>\n                )}\n              </span>\n            )}\n            {(!allowClear || !hasValue) && (\n              <span\n                className={cls(\"select-trigger-arrow\")}\n                unselectable=\"on\"\n                aria-hidden=\"true\"\n              >\n                {suffixIcon || (\n                  <span className={cls(\"select-trigger-arrow-icon\")}>\n                    <CaretDownIcon weight=\"bold\" />\n                  </span>\n                )}\n              </span>\n            )}\n          </span>\n        </button>\n      ),\n      [\n        hasValue,\n        value,\n        prefix,\n        placeholder,\n        allowClear,\n        suffixIcon,\n        clearIcon,\n        cls,\n        classNames,\n        handleClearClick,\n      ]\n    );\n\n    return (\n      <WithRenderProp\n        as=\"button\"\n        ref={mergeRefs(ref, buttonRef)}\n        state={triggerState}\n        className={clsx(\n          cls(\"select-trigger\"),\n          cls(`select-trigger-${size}`),\n          disabled && cls(\"select-trigger-disabled\"),\n          open && cls(\"select-trigger-open\"),\n          status && cls(`select-trigger-${status}`),\n          classNames?.trigger,\n          className\n        )}\n        disabled={disabled}\n        role={role}\n        aria-expanded={open}\n        render={render || defaultRender}\n        {...rest}\n      />\n    );\n  }\n);\n\nSelectTrigger.displayName = \"SelectTrigger\";\n"],"names":["SelectTrigger","forwardRef","size","disabled","open","status","placeholder","value","prefix","allowClear","suffixIcon","clearIcon","onClear","onOpenChange","classNames","render","role","className","rest","ref","cls","useCls","hasValue","triggerState","handleClearClick","useCallback","e","buttonRef","useRef","useEffect","buttonElement","handleKeyDown","defaultRender","props","jsxs","jsx","clsx","XCircleIcon","CaretDownIcon","WithRenderProp","mergeRefs"],"mappings":"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"}

package/dist/components/select-trigger/index.d.ts

@@ -0,0 +1,3 @@
+export { SelectTrigger } from './component';
+export type { SelectTriggerProps, SelectTriggerState } from './component';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/select-trigger/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select-trigger/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,6 @@
+import { SliderSingleProps, SliderRangeProps } from 'antd/es/slider';
+export type SliderProps = SliderSingleProps | SliderRangeProps;
+export type { SliderSingleProps, SliderRangeProps };
+declare const Slider: ({ className, tooltip, style, ...rest }: SliderProps) => import("react/jsx-runtime").JSX.Element;
+export { Slider };
+//# sourceMappingURL=component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/slider/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACtB,MAAM,gBAAgB,CAAC;AAIxB,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;AAE/D,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;AAGpD,QAAA,MAAM,MAAM,GAAI,wCAA6C,WAAW,4CAavE,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/slider/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntSlider,\n  type SliderSingleProps,\n  type SliderRangeProps,\n} from \"antd/es/slider\";\nimport { useCls, clsx } from \"../utils\";\n\n// Define props interface extending Ant Design's SliderProps\nexport type SliderProps = SliderSingleProps | SliderRangeProps;\n\nexport type { SliderSingleProps, SliderRangeProps };\n\n// Create Slider component\nconst Slider = ({ className, tooltip = {}, style, ...rest }: SliderProps) => {\n  const cls = useCls();\n  return (\n    <AntSlider\n      className={clsx(cls(\"slider\"), className)}\n      style={style}\n      {...rest}\n      tooltip={{\n        arrow: false,\n        ...tooltip,\n      }}\n    />\n  );\n};\n\nexport { Slider };\n"],"names":["Slider","className","tooltip","style","rest","cls","useCls","jsx","AntSlider","clsx"],"mappings":";;;;;AAcM,MAAAA,IAAS,CAAC,EAAE,WAAAC,GAAW,SAAAC,IAAU,CAAA,GAAI,OAAAC,GAAO,GAAGC,QAAwB;AAC3E,QAAMC,IAAMC,EAAO;AAEjB,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKJ,EAAI,QAAQ,GAAGJ,CAAS;AAAA,MACxC,OAAAE;AAAA,MACC,GAAGC;AAAA,MACJ,SAAS;AAAA,QACP,OAAO;AAAA,QACP,GAAGF;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/slider/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntSlider,\n  type SliderSingleProps,\n  type SliderRangeProps,\n} from \"antd/es/slider\";\nimport { useCls, clsx } from \"../utils\";\n\n// Define props interface extending Ant Design's SliderProps\nexport type SliderProps = SliderSingleProps | SliderRangeProps;\n\nexport type { SliderSingleProps, SliderRangeProps };\n\n// Create Slider component\nconst Slider = ({ className, tooltip = {}, style, ...rest }: SliderProps) => {\n  const cls = useCls();\n  return (\n    <AntSlider\n      className={clsx(cls(\"slider\"), className)}\n      style={style}\n      {...rest}\n      tooltip={{\n        arrow: false,\n        ...tooltip,\n      }}\n    />\n  );\n};\n\nexport { Slider };\n"],"names":["Slider","className","tooltip","style","rest","cls","useCls","jsx","AntSlider","clsx"],"mappings":";;;;;AAcA,MAAMA,IAAS,CAAC,EAAE,WAAAC,GAAW,SAAAC,IAAU,CAAA,GAAI,OAAAC,GAAO,GAAGC,QAAwB;AAC3E,QAAMC,IAAMC,EAAA;AACZ,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKJ,EAAI,QAAQ,GAAGJ,CAAS;AAAA,MACxC,OAAAE;AAAA,MACC,GAAGC;AAAA,MACJ,SAAS;AAAA,QACP,OAAO;AAAA,QACP,GAAGF;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGN;"}

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { SpinProps as AntdSpinProps } from 'antd/es/spin';
+export type SpinProps = Omit<AntdSpinProps, "size"> & {
+    size?: "small" | "default" | "large" | number;
+};
+export declare const Spin: ({ indicator, size, className, ...rest }: SpinProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/spin/component.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,SAAS,IAAI,aAAa,EAAE,MAAM,cAAc,CAAC;AAG/E,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,GAAG;IACpD,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,yCAAyC,SAAS,4CAgBtE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/spin/component.tsx"],"sourcesContent":["\"use client\";\nimport { useCls } from \"../utils\";\nimport { default as AntdSpin, SpinProps as AntdSpinProps } from \"antd/es/spin\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type SpinProps = Omit<AntdSpinProps, \"size\"> & {\n  size?: \"small\" | \"default\" | \"large\" | number;\n};\n\nexport const Spin = ({ indicator, size, className, ...rest }: SpinProps) => {\n  const cls = useCls();\n  const spinIndicator = indicator || <span className={cls(\"spin-loader\")} />;\n  return (\n    <AntdSpin\n      className={className}\n      indicator={spinIndicator}\n      size={typeof size === \"number\" ? \"default\" : size}\n      style={\n        {\n          \"--spin-size\": typeof size == \"number\" ? `${size}px` : undefined,\n        } as React.CSSProperties\n      }\n      {...rest}\n    />\n  );\n};\n"],"names":["Spin","indicator","size","className","rest","cls","useCls","spinIndicator","jsx","AntdSpin"],"mappings":";;;;;AAWa,MAAAA,IAAO,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,WAAAC,GAAW,GAAGC,QAAsB;AAC1E,QAAMC,IAAMC,EAAO,GACbC,IAAgBN,KAAa,gBAAAO,EAAC,UAAK,WAAWH,EAAI,aAAa,GAAG;AAEtE,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAN;AAAA,MACA,WAAWI;AAAA,MACX,MAAM,OAAOL,KAAS,WAAW,YAAYA;AAAA,MAC7C,OACE;AAAA,QACE,eAAe,OAAOA,KAAQ,WAAW,GAAGA,CAAI,OAAO;AAAA,MACzD;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EACN;AAEJ;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/spin/component.tsx"],"sourcesContent":["\"use client\";\nimport { useCls } from \"../utils\";\nimport { default as AntdSpin, SpinProps as AntdSpinProps } from \"antd/es/spin\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type SpinProps = Omit<AntdSpinProps, \"size\"> & {\n  size?: \"small\" | \"default\" | \"large\" | number;\n};\n\nexport const Spin = ({ indicator, size, className, ...rest }: SpinProps) => {\n  const cls = useCls();\n  const spinIndicator = indicator || <span className={cls(\"spin-loader\")} />;\n  return (\n    <AntdSpin\n      className={className}\n      indicator={spinIndicator}\n      size={typeof size === \"number\" ? \"default\" : size}\n      style={\n        {\n          \"--spin-size\": typeof size == \"number\" ? `${size}px` : undefined,\n        } as React.CSSProperties\n      }\n      {...rest}\n    />\n  );\n};\n"],"names":["Spin","indicator","size","className","rest","cls","useCls","spinIndicator","jsx","AntdSpin"],"mappings":";;;;;AAWO,MAAMA,IAAO,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,WAAAC,GAAW,GAAGC,QAAsB;AAC1E,QAAMC,IAAMC,EAAA,GACNC,IAAgBN,KAAa,gBAAAO,EAAC,UAAK,WAAWH,EAAI,aAAa,GAAG;AACxE,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAN;AAAA,MACA,WAAWI;AAAA,MACX,MAAM,OAAOL,KAAS,WAAW,YAAYA;AAAA,MAC7C,OACE;AAAA,QACE,eAAe,OAAOA,KAAQ,WAAW,GAAGA,CAAI,OAAO;AAAA,MAAA;AAAA,MAG1D,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { SplitterProps } from './splitter';
+import { SplitterPanelProps } from './splitter-panel';
+export type { SplitterProps, SplitterPanelProps };
+export declare const Splitter: import('react').ForwardRefExoticComponent<SplitterProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Panel: import('react').ForwardRefExoticComponent<Omit<SplitterPanelProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+};
+export declare const Split: import('react').ForwardRefExoticComponent<SplitterProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Panel: import('react').ForwardRefExoticComponent<Omit<SplitterPanelProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+};
+//# sourceMappingURL=component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/splitter/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAA4B,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1E,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAG1E,OAAO,aAAa,CAAC;AAGrB,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC;AAGlD,eAAO,MAAM,QAAQ;;CAEnB,CAAC;AAGH,eAAO,MAAM,KAAK;;CAAW,CAAC"}

package/dist/components/splitter/component.js

@@ -1,12 +1,12 @@
 "use client";
-import { MainSplitter as t } from "./splitter.js";
-import { SplitterPanel as i } from "./splitter-panel.js";
+import { Splitter as t } from "./splitter.js";
+import { SplitterPanel as e } from "./splitter-panel.js";
 import './style.css';/* empty css          */
-const e = Object.assign(t, {
-  Panel: i
-}), l = e;
+const i = Object.assign(t, {
+  Panel: e
+}), o = i;
 export {
-  l as Split,
-  e as Splitter
+  o as Split,
+  i 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 { 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;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/splitter/component.tsx"],"sourcesContent":["\"use client\";\nimport { Splitter as 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":";;;;AAWO,MAAMA,IAAW,OAAO,OAAOC,GAAc;AAAA,EAClD,OAAOC;AACT,CAAC,GAGYC,IAAQH;"}

package/dist/components/splitter/context.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export declare const SplitterContext: React.Context<{
+    layout?: "horizontal" | "vertical";
+}>;
+//# sourceMappingURL=context.d.ts.map

package/dist/components/splitter/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/splitter/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,eAAe;aAAkC,YAAY,GAAG,UAAU;EAAO,CAAC"}

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

@@ -1 +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;"}
+{"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,CAAA,CAAE;"}

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

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

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

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

package/dist/components/splitter/splitter-panel.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { InternalPanelProps } from 'antd/es/splitter/interface';
+export type SplitterPanelProps = InternalPanelProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement> & {
+    /**
+     * 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 const SplitterPanel: React.ForwardRefExoticComponent<Omit<SplitterPanelProps, "ref"> & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=splitter-panel.d.ts.map

package/dist/components/splitter/splitter-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitter-panel.d.ts","sourceRoot":"","sources":["../../../src/components/splitter/splitter-panel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAErE,MAAM,MAAM,kBAAkB,GAAG,kBAAkB,GAAG;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,GAAG;IACnC;;OAEG;IACH,WAAW,CAAC,EACR,MAAM,GACN,MAAM,GACN,aAAa,GACb,aAAa,GACb,aAAa,CAAC;CACnB,CAAC;AAEJ,eAAO,MAAM,aAAa,qGAkCxB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"splitter-panel.js","sources":["../../../src/components/splitter/splitter-panel.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { useCls, clsx } from \"../utils\";\nimport { InternalPanel } from \"antd/es/splitter/Panel\";\nimport type { InternalPanelProps } from \"antd/es/splitter/interface\";\n\nexport type SplitterPanelProps = InternalPanelProps & {\n  children?: React.ReactNode;\n} & React.RefAttributes<HTMLElement> & {\n    /**\n     * Default size of the panel. Can be a percentage string, number, or CSS intrinsic sizing values\n     */\n    defaultSize?:\n      | string\n      | number\n      | \"max-content\"\n      | \"min-content\"\n      | \"fit-content\";\n  };\n\nexport const SplitterPanel = React.forwardRef<HTMLElement, SplitterPanelProps>(({\n  children,\n  className,\n  style,\n  defaultSize,\n  ...rest\n}, ref) => {\n  const cls = useCls();\n\n  const isIntrinsicSizing =\n    defaultSize === \"max-content\" ||\n    defaultSize === \"min-content\" ||\n    defaultSize === \"fit-content\";\n\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={defaultSize}\n      {...rest}\n    >\n      {isIntrinsicSizing && React.isValidElement(children)\n        ? React.cloneElement(\n            children as React.ReactElement<React.RefAttributes<HTMLElement>>,\n            { ref }\n          )\n        : children}\n    </InternalPanel>\n  );\n});\n"],"names":["SplitterPanel","React","children","className","style","defaultSize","rest","ref","cls","useCls","isIntrinsicSizing","finalClassName","clsx","jsx","InternalPanel"],"mappings":";;;;;;AAoBa,MAAAA,IAAgBC,EAAM,WAA4C,CAAC;AAAA,EAC9E,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,GAAGC,MAAQ;AACT,QAAMC,IAAMC,EAAO,GAEbC,IACJL,MAAgB,iBAChBA,MAAgB,iBAChBA,MAAgB,eAEZM,IAAiBC;AAAA,IACrBT;AAAA,IACAO,KAAqBF,EAAI,kBAAkBH,CAAW,EAAE;AAAA,EAC1D;AAGE,SAAA,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,OAAAP;AAAA,MACA,aAAAC;AAAA,MACC,GAAGC;AAAA,MAEH,UAAqBI,KAAAT,EAAM,eAAeC,CAAQ,IAC/CD,EAAM;AAAA,QACJC;AAAA,QACA,EAAE,KAAAK,EAAI;AAAA,MAAA,IAERL;AAAA,IAAA;AAAA,EACN;AAEJ,CAAC;"}
+{"version":3,"file":"splitter-panel.js","sources":["../../../src/components/splitter/splitter-panel.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { useCls, clsx } from \"../utils\";\nimport { InternalPanel } from \"antd/es/splitter/Panel\";\nimport type { InternalPanelProps } from \"antd/es/splitter/interface\";\n\nexport type SplitterPanelProps = InternalPanelProps & {\n  children?: React.ReactNode;\n} & React.RefAttributes<HTMLElement> & {\n    /**\n     * Default size of the panel. Can be a percentage string, number, or CSS intrinsic sizing values\n     */\n    defaultSize?:\n      | string\n      | number\n      | \"max-content\"\n      | \"min-content\"\n      | \"fit-content\";\n  };\n\nexport const SplitterPanel = React.forwardRef<HTMLElement, SplitterPanelProps>(({\n  children,\n  className,\n  style,\n  defaultSize,\n  ...rest\n}, ref) => {\n  const cls = useCls();\n\n  const isIntrinsicSizing =\n    defaultSize === \"max-content\" ||\n    defaultSize === \"min-content\" ||\n    defaultSize === \"fit-content\";\n\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={defaultSize}\n      {...rest}\n    >\n      {isIntrinsicSizing && React.isValidElement(children)\n        ? React.cloneElement(\n            children as React.ReactElement<React.RefAttributes<HTMLElement>>,\n            { ref }\n          )\n        : children}\n    </InternalPanel>\n  );\n});\n"],"names":["SplitterPanel","React","children","className","style","defaultSize","rest","ref","cls","useCls","isIntrinsicSizing","finalClassName","clsx","jsx","InternalPanel"],"mappings":";;;;;;AAoBO,MAAMA,IAAgBC,EAAM,WAA4C,CAAC;AAAA,EAC9E,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,GAAGC,MAAQ;AACT,QAAMC,IAAMC,EAAA,GAENC,IACJL,MAAgB,iBAChBA,MAAgB,iBAChBA,MAAgB,eAEZM,IAAiBC;AAAA,IACrBT;AAAA,IACAO,KAAqBF,EAAI,kBAAkBH,CAAW,EAAE;AAAA,EAAA;AAG1D,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,OAAAP;AAAA,MACA,aAAAC;AAAA,MACC,GAAGC;AAAA,MAEH,UAAAI,KAAqBT,EAAM,eAAeC,CAAQ,IAC/CD,EAAM;AAAA,QACJC;AAAA,QACA,EAAE,KAAAK,EAAA;AAAA,MAAI,IAERL;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

package/dist/components/splitter/splitter.d.ts

@@ -0,0 +1,11 @@
+import { default as React, PropsWithChildren } from 'react';
+import { SplitterProps as AntdSplitterProps } from 'antd/es/splitter/interface';
+export interface SplitterProps extends PropsWithChildren<AntdSplitterProps> {
+    /**
+     * Whether to show the split bars between panels
+     * @default true
+     */
+    showSplitBar?: boolean;
+}
+export declare const Splitter: React.ForwardRefExoticComponent<SplitterProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=splitter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"splitter.d.ts","sourceRoot":"","sources":["../../../src/components/splitter/splitter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAUpD,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAGrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK1C,MAAM,WAAW,aAAc,SAAQ,iBAAiB,CAAC,iBAAiB,CAAC;IACzE;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AA8PD,eAAO,MAAM,QAAQ,sFAA4B,CAAC"}