@pantograph/vue 0.27.4 → 0.27.5

package/dist/{TabContent.vue_vue_type_script_setup_true_lang-MacLlpoI.js → TabContent.vue_vue_type_script_setup_true_lang-B6gNekgT.js}

@@ -1,18 +1,17 @@
 import { defineComponent as I, computed as G, createBlock as R, openBlock as x, unref as e, isRef as Z, withCtx as h, renderSlot as L, useSlots as J, ref as N, onMounted as ee, render as te, h as b, onBeforeUnmount as se, createVNode as v, normalizeStyle as oe, normalizeClass as g, createElementVNode as U, createElementBlock as O, createCommentVNode as D, createSlots as ae, normalizeProps as K, guardReactiveProps as Q } from "vue";
 import { createContext as le, TabsRoot as ne, TabsList as re, TabsIndicator as ie, TabsTrigger as ce, TabsContent as de } from "reka-ui";
-import { getComponentOptions as A, useVModel as ue, useComponentStyle as pe, sortPlaceholderCls as fe, sortPlaceholderVariantsClass as me, useCollection as W, isEmptyElement as V } from "@pantograph/utils-vue";
-import { getBemBlock as ge, getBemElement as r, generateVariantClassList as H, normCls as p } from "@pantograph/utils";
+import { getComponentOptions as A, useVModel as ue, sortPlaceholderCls as pe, sortPlaceholderVariantsClass as fe, useCollection as W, isEmptyElement as V } from "@pantograph/utils-vue";
+import { getBemBlock as me, getBemElement as r, generateVariantClassList as H, normCls as p } from "@pantograph/utils";
 import { cva as X } from "class-variance-authority";
-import { _ as ve } from "./ScrollContainer.vue_vue_type_script_setup_true_lang-FKw-Hnvi.js";
-import { _ as j } from "./FloatButton.vue_vue_type_script_setup_true_lang-D0b4JhQp.js";
-import { _ as F } from "./Divider.vue_vue_type_script_setup_true_lang-BZRu0h3n.js";
-import be from "@pantograph/sortable";
-import Ce from "@pantograph/style/tabs.css?raw";
-import { u as _e } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
+import { _ as ge } from "./ScrollContainer.vue_vue_type_style_index_0_lang-CCEG6AjN.js";
+import { _ as j } from "./FloatButton.vue_vue_type_script_setup_true_lang-DH1hvvgb.js";
+import { _ as F } from "./Divider.vue_vue_type_style_index_0_lang-Clrzj4R0.js";
+import ve from "@pantograph/sortable";
+import { u as be } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
 import { i as q } from "./isNumber-BduWbB-B.js";
-import { _ as ye } from "./Skeleton.vue_vue_type_script_setup_true_lang-V3Y9sTi-.js";
-import { _ as he } from "./Badge.vue_vue_type_script_setup_true_lang-CaAe4Yuz.js";
-const [Y, Pe] = le("Tabs"), Ne = /* @__PURE__ */ I({
+import { _ as Ce } from "./Skeleton.vue_vue_type_style_index_0_lang-BUizov_K.js";
+import { _ as _e } from "./Badge.vue_vue_type_script_setup_true_lang-CjM2eHxl.js";
+const [Y, ye] = le("Tabs"), Ie = /* @__PURE__ */ I({
   ...A("Tabs", !1),
   __name: "Tabs",
   props: {
@@ -35,8 +34,8 @@ const [Y, Pe] = le("Tabs"), Ne = /* @__PURE__ */ I({
       defaultValue: s.defaultValue,
       passive: s.defaultValue === void 0,
       onChange: (f) => C("change", f)
-    }), { getDir: c } = _e(), u = c();
-    return Pe({
+    }), { getDir: c } = be(), u = c();
+    return ye({
       props: s,
       emit: C,
       dir: u,
@@ -57,7 +56,7 @@ const [Y, Pe] = le("Tabs"), Ne = /* @__PURE__ */ I({
       _: 3
     }, 8, ["modelValue", "dir"]));
   }
-}), ke = ["md", "lg"], n = ge("tabs"), y = r(n, "trigger"), Oe = /* @__PURE__ */ I({
+}), he = ["md", "lg"], n = me("tabs"), y = r(n, "trigger"), Re = /* @__PURE__ */ I({
   ...A("TabList"),
   __name: "TabList",
   props: {
@@ -70,11 +69,10 @@ const [Y, Pe] = le("Tabs"), Ne = /* @__PURE__ */ I({
     endScrollCls: {}
   },
   setup(P) {
-    pe("tabs", Ce);
     const o = P, s = J(), C = X(n, {
       variants: {
         block: H("block", n),
-        size: H(ke, n)
+        size: H(he, n)
       }
     }), i = N(), c = Y();
     let u;
@@ -88,7 +86,7 @@ const [Y, Pe] = le("Tabs"), Ne = /* @__PURE__ */ I({
         var a, t, d, _;
         q((d = (t = (a = i.value) == null ? void 0 : a.container) == null ? void 0 : t.viewportElement) == null ? void 0 : d.scrollLeft) && ((_ = i.value) != null && _.rightVisible ? f() : i.value.container.viewportElement.scrollLeft += 10);
       }, 10));
-    }, S = (a) => {
+    }, z = (a) => {
       a ? B() : f();
     }, B = () => {
       u || (u = setInterval(() => {
@@ -110,10 +108,10 @@ const [Y, Pe] = le("Tabs"), Ne = /* @__PURE__ */ I({
             a
           )
         ];
-    }, z = N(), T = N(!1);
+    }, S = N(), T = N(!1);
     let m;
     ee(async () => {
-      c.props.draggable && z.value && (m = new be(z.value, {
+      c.props.draggable && S.value && (m = new ve(S.value, {
         ...c.props.sortableProps ?? {},
         forceFallback: !1,
         fallbackOnBody: !1,
@@ -128,9 +126,9 @@ const [Y, Pe] = le("Tabs"), Ne = /* @__PURE__ */ I({
         },
         getPlaceholder(a) {
           const t = document.createElement("div"), d = a.item.getBoundingClientRect();
-          return t.style.width = `${d.width ?? 100}px`, t.style.height = "100%", t.classList.add(r(n, fe)), te(
+          return t.style.width = `${d.width ?? 100}px`, t.style.height = "100%", t.classList.add(r(n, pe)), te(
             b("div", {
-              class: me({ size: c.slotProps.value.size })
+              class: fe({ size: c.slotProps.value.size })
             }),
             t
           ), t;
@@ -157,7 +155,7 @@ const [Y, Pe] = le("Tabs"), Ne = /* @__PURE__ */ I({
             U("div", {
               class: g(e(r)(e(n), "wrapper"))
             }, [
-              v(ve, {
+              v(ge, {
                 wrapCls: e(r)(e(n), "scroll_wrap"),
                 rootCls: e(r)(e(n), "scroll_root"),
                 areaCls: e(r)(e(n), "scroll_area"),
@@ -176,7 +174,7 @@ const [Y, Pe] = le("Tabs"), Ne = /* @__PURE__ */ I({
                   U("div", {
                     class: g(e(p)(e(r)(e(n), "container"), o.containerCls)),
                     ref_key: "container",
-                    ref: z
+                    ref: S
                   }, [
                     L(a.$slots, "default")
                   ], 2)
@@ -197,9 +195,9 @@ const [Y, Pe] = le("Tabs"), Ne = /* @__PURE__ */ I({
                           icon: "tabler:chevron-left",
                           size: "sm",
                           color: "neutral",
-                          onMousedown: t[0] || (t[0] = ($) => S(!0)),
-                          onMouseup: t[1] || (t[1] = ($) => S(!1)),
-                          onMouseleave: t[2] || (t[2] = ($) => S(!1))
+                          onMousedown: t[0] || (t[0] = ($) => z(!0)),
+                          onMouseup: t[1] || (t[1] = ($) => z(!1)),
+                          onMouseleave: t[2] || (t[2] = ($) => z(!1))
                         })
                       ], 2)) : D("", !0),
                       !((_ = i.value) != null && _.rightVisible) && !T.value ? (x(), O("div", {
@@ -239,7 +237,7 @@ const [Y, Pe] = le("Tabs"), Ne = /* @__PURE__ */ I({
       _: 3
     }));
   }
-}), De = /* @__PURE__ */ I({
+}), Ae = /* @__PURE__ */ I({
   ...A("TabsTrigger"),
   __name: "TabTrigger",
   props: {
@@ -261,17 +259,17 @@ const [Y, Pe] = le("Tabs"), Ne = /* @__PURE__ */ I({
         loading: H("loading", y)
       }
     }), i = Y(), c = () => {
-      var k, S, B, w, z, T, m;
+      var k, z, B, w, S, T, m;
       const l = [];
       if (o.loading)
         l.push(
-          b(ye, {
+          b(Ce, {
             size: i.slotProps.value.size,
             class: r(y, "skeleton")
           })
         );
       else {
-        const M = (k = s.leading) == null ? void 0 : k.call(s, i.slotProps.value), E = (S = s.text) == null ? void 0 : S.call(s, {});
+        const M = (k = s.leading) == null ? void 0 : k.call(s, i.slotProps.value), E = (z = s.text) == null ? void 0 : z.call(s, {});
         V(M) || l.push(M);
         const a = !V(E);
         (a || o.text) && l.push(
@@ -290,9 +288,9 @@ const [Y, Pe] = le("Tabs"), Ne = /* @__PURE__ */ I({
             { class: p(r(y, "trailing"), o.trailingCls) },
             t
           )
-        ), (s.badgeIcon || s.badge || (w = o.badgeProps) != null && w.text || (z = o.badgeProps) != null && z.icon) && l.push(
+        ), (s.badgeIcon || s.badge || (w = o.badgeProps) != null && w.text || (S = o.badgeProps) != null && S.icon) && l.push(
           b(
-            he,
+            _e,
             {
               ...o.badgeProps ?? {},
               size: "xsm",
@@ -342,7 +340,7 @@ const [Y, Pe] = le("Tabs"), Ne = /* @__PURE__ */ I({
       _: 1
     }));
   }
-}), He = /* @__PURE__ */ I({
+}), Ne = /* @__PURE__ */ I({
   ...A("TabContent"),
   __name: "TabContent",
   props: {
@@ -362,12 +360,12 @@ const [Y, Pe] = le("Tabs"), Ne = /* @__PURE__ */ I({
   }
 });
 export {
-  ke as T,
-  Ne as _,
-  Oe as a,
-  De as b,
-  He as c,
+  he as T,
+  Ie as _,
+  Re as a,
+  Ae as b,
+  Ne as c,
   Y as i,
-  Pe as p,
+  ye as p,
   n as t
 };

package/dist/Table/index.js

@@ -1,4 +1,4 @@
-import { d as T, e, _ as d, T as b, b as o, a as r, c as l } from "../THead.vue_vue_type_script_setup_true_lang-DEiGZvbY.js";
+import { d as T, e, _ as d, T as b, b as o, a as r, c as l } from "../THead.vue_vue_type_style_index_0_lang-DaCjVYIl.js";
 export {
   T as TBody,
   e as THead,

package/dist/Table/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../THead.vue_vue_type_script_setup_true_lang-DCBqDoCR.js");exports.TBody=e._sfc_main$4;exports.THead=e._sfc_main$5;exports.Table=e._sfc_main;exports.TableSizes=e.TableSizes;exports.Td=e._sfc_main$2;exports.Th=e._sfc_main$1;exports.Tr=e._sfc_main$3;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../THead.vue_vue_type_style_index_0_lang-CnapuGqj.js");exports.TBody=e._sfc_main$4;exports.THead=e._sfc_main$5;exports.Table=e._sfc_main;exports.TableSizes=e.TableSizes;exports.Td=e._sfc_main$2;exports.Th=e._sfc_main$1;exports.Tr=e._sfc_main$3;

package/dist/Tabs/index.js

@@ -1,4 +1,4 @@
-import { c as t, a as b, b as e, _ as T, T as i, i as o, p as r, t as n } from "../TabContent.vue_vue_type_script_setup_true_lang-MacLlpoI.js";
+import { c as t, a as b, b as e, _ as T, T as i, i as o, p as r, t as n } from "../TabContent.vue_vue_type_script_setup_true_lang-B6gNekgT.js";
 export {
   t as TabContent,
   b as TabList,

package/dist/Tabs/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../TabContent.vue_vue_type_script_setup_true_lang-DmsuHY8J.js");exports.TabContent=e._sfc_main$3;exports.TabList=e._sfc_main$1;exports.TabTrigger=e._sfc_main$2;exports.Tabs=e._sfc_main;exports.TabsSizes=e.TabsSizes;exports.injectTabsContext=e.injectTabsContext;exports.provideTabsContext=e.provideTabsContext;exports.tabsPrefix=e.tabsPrefix;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../TabContent.vue_vue_type_script_setup_true_lang-B6GAPEdf.js");exports.TabContent=e._sfc_main$3;exports.TabList=e._sfc_main$1;exports.TabTrigger=e._sfc_main$2;exports.Tabs=e._sfc_main;exports.TabsSizes=e.TabsSizes;exports.injectTabsContext=e.injectTabsContext;exports.provideTabsContext=e.provideTabsContext;exports.tabsPrefix=e.tabsPrefix;

package/dist/Textarea/index.js

@@ -1,4 +1,4 @@
-import { _ as s, T as t, a as r, _ as x } from "../Textarea.vue_vue_type_script_setup_true_lang-CvTs1oY9.js";
+import { _ as s, T as t, a as r, _ as x } from "../Textarea.vue_vue_type_style_index_0_lang-CLhSsqGd.js";
 export {
   s as Textarea,
   t as TextareaSizes,

package/dist/Textarea/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Textarea.vue_vue_type_script_setup_true_lang-DiPxIJB_.js");exports.Textarea=e._sfc_main;exports.TextareaSizes=e.TextareaSizes;exports.TextareaStatuses=e.TextareaStatuses;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Textarea.vue_vue_type_style_index_0_lang-S0QXyiqu.js");exports.Textarea=e._sfc_main;exports.TextareaSizes=e.TextareaSizes;exports.TextareaStatuses=e.TextareaStatuses;exports.default=e._sfc_main;

package/dist/{Textarea.vue_vue_type_script_setup_true_lang-CvTs1oY9.js → Textarea.vue_vue_type_style_index_0_lang-CLhSsqGd.js}

@@ -2,12 +2,11 @@ import { defineComponent as U, useAttrs as j, computed as g, ref as v, onMounted
 import { useResizeObserver as ee } from "@vueuse/core";
 import { getBemBlock as te, generateVariantClassList as c, normCls as h, getBemElement as B } from "@pantograph/utils";
 import { cva as ae } from "class-variance-authority";
-import { getComponentOptions as oe, useComponentStyle as se, useVModel as re, useFormInput as le, useInputDataStates as ne, getStyleObject as ie } from "@pantograph/utils-vue";
-import { _ as ue } from "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
-import { _ as ce } from "./ScrollContainer.vue_vue_type_script_setup_true_lang-FKw-Hnvi.js";
-import { cloneDeep as pe, omit as C, pick as de, omitBy as me, isUndefined as fe, clone as H } from "es-toolkit";
-import ge from "@pantograph/style/textarea.css?raw";
-const V = ["sm", "md", "lg"], ve = ["error", "warning", "success"], Te = /* @__PURE__ */ U({
+import { getComponentOptions as oe, useVModel as se, useFormInput as le, useInputDataStates as re, getStyleObject as ie } from "@pantograph/utils-vue";
+import { _ as ne } from "./Icon.vue_vue_type_style_index_0_lang-LLvjBJx0.js";
+import { _ as ue } from "./ScrollContainer.vue_vue_type_style_index_0_lang-CCEG6AjN.js";
+import { cloneDeep as ce, omit as C, pick as de, omitBy as pe, isUndefined as me, clone as H } from "es-toolkit";
+const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], ke = /* @__PURE__ */ U({
   ...oe("Textarea", !1),
   __name: "Textarea",
   props: {
@@ -34,8 +33,7 @@ const V = ["sm", "md", "lg"], ve = ["error", "warning", "success"], Te = /* @__P
   },
   emits: ["update:modelValue", "clear", "input", "blur", "focus"],
   setup(k, { expose: _, emit: I }) {
-    se("textarea", ge);
-    const t = k, u = I, l = re(
+    const t = k, u = I, r = se(
       t,
       "modelValue",
       u,
@@ -43,53 +41,53 @@ const V = ["sm", "md", "lg"], ve = ["error", "warning", "success"], Te = /* @__P
         defaultValue: t.defaultValue,
         passive: t.modelValue === void 0
       }
-    ), n = te("textarea"), T = ae(n, {
+    ), i = te("textarea"), T = ae(i, {
       variants: {
-        size: c(V, n),
-        status: c(ve, n),
-        bordered: c("bordered", n),
-        autoSize: c("auto-size", n)
+        size: c(V, i),
+        status: c(fe, i),
+        bordered: c("bordered", i),
+        autoSize: c("auto-size", i)
       }
-    }), $ = j(), { getDisabled: p, getStatus: S, getSize: d } = le({
+    }), $ = j(), { getDisabled: d, getStatus: S, getSize: p } = le({
       getSize: () => t.size && V.includes(t.size) ? t.size : "md"
-    }), { rootBindings: w, inputBindings: D } = ne({
-      getDisabled: () => p.value,
+    }), { rootBindings: w, inputBindings: D } = re({
+      getDisabled: () => d.value,
       emit: u,
       blurCallBack: (e) => {
         const a = e.target;
-        a != null && a.value && (a.value = String(pe(l.value)));
+        a != null && a.value && (a.value = String(ce(r.value)));
       }
     }), P = g(() => {
       const e = {
         ...de(t, ["id", "maxlength", "type", "required", "placeholder"]),
-        disabled: p.value,
+        disabled: d.value,
         ...C($, ["value"]),
         ...D.value
       };
-      return { ...me(e, fe) };
-    }), R = g(() => d.value === "sm" ? "2xsm" : "xsm"), s = v(), m = v(), z = v(), f = () => {
-      s.value && (s.value.style.height = "auto", s.value.style.height = l.value || t.autoSize ? `${H(s.value.scrollHeight)}px` : "100%", t.autoSize && (z.value = `${H(s.value.scrollHeight) + 2}px`));
+      return { ...pe(e, me) };
+    }), R = g(() => p.value === "sm" ? "2xsm" : "xsm"), s = v(), m = v(), z = v(), f = () => {
+      s.value && (s.value.style.height = "auto", s.value.style.height = r.value || t.autoSize ? `${H(s.value.scrollHeight)}px` : "100%", t.autoSize && (z.value = `${H(s.value.scrollHeight) + 2}px`));
     };
     A(() => {
       var e;
       (e = m.value) != null && e.root && ee(m.value.root, f);
     }), F(
-      () => [d.value, t.autoSize, l.value],
+      () => [p.value, t.autoSize, r.value],
       () => L(f),
       { immediate: !0 }
     );
     const M = (e) => {
       f(), u("input", e);
     }, O = () => {
-      l.value = "", u("clear");
+      r.value = "", u("clear");
     }, q = () => typeof t.defaultHeight == "number" ? `${t.defaultHeight}px` : t.defaultHeight, E = () => typeof t.maxHeight == "number" ? `${t.maxHeight}px` : t.maxHeight, N = g(() => {
-      var r;
+      var l;
       const e = {
-        ...ie((r = t.rootProps) == null ? void 0 : r.style),
+        ...ie((l = t.rootProps) == null ? void 0 : l.style),
         "--ptc-scroll-container-bar-size": "11px",
         "--ptc-scroll-container-bar-padding": "4px"
-      }, a = q(), i = E();
-      return a && (e["--ptc-textarea-h"] = a), i && (e["--ptc-textarea-max-h"] = i), t.autoSize && (e.height = z.value), {
+      }, a = q(), n = E();
+      return a && (e["--ptc-textarea-h"] = a), n && (e["--ptc-textarea-max-h"] = n), t.autoSize && (e.height = z.value), {
         ...C(t.rootProps ?? {}, ["class", "style"]),
         ...w.value,
         style: e
@@ -104,37 +102,37 @@ const V = ["sm", "md", "lg"], ve = ["error", "warning", "success"], Te = /* @__P
     }, select: () => {
       var e;
       return (e = s.value) == null ? void 0 : e.select();
-    }, setSelectionRange: (e, a, i) => {
-      var r;
-      return (r = s.value) == null ? void 0 : r.setSelectionRange(e, a, i);
+    }, setSelectionRange: (e, a, n) => {
+      var l;
+      return (l = s.value) == null ? void 0 : l.setSelectionRange(e, a, n);
     } }), (e, a) => {
-      var i;
-      return y(), b(ce, {
+      var n;
+      return y(), b(ue, {
         ref_key: "container",
         ref: m,
         "root-props": {
           class: o(h)(
             o(T)({
-              size: o(d),
-              status: o(S) === "success" && !o(l) ? void 0 : o(S),
+              size: o(p),
+              status: o(S) === "success" && !o(r) ? void 0 : o(S),
               bordered: String(e.bordered),
               autoSize: String(e.autoSize)
             }),
             t.class,
-            (i = t.rootProps) == null ? void 0 : i.class
+            (n = t.rootProps) == null ? void 0 : n.class
           ),
           ...N.value
         }
       }, {
         root: x(() => {
-          var r;
+          var l;
           return [
-            !o(p) && e.allowClear && ((r = o(l)) != null && r.length) ? (y(), b(ue, {
+            !o(d) && e.allowClear && ((l = o(r)) != null && l.length) ? (y(), b(ne, {
               key: 0,
               icon: e.clearIcon,
               size: R.value,
               onClick: O,
-              class: Y(o(h)(o(B)(o(n), "clear_icon"), e.clearIconCls))
+              class: Y(o(h)(o(B)(o(i), "clear_icon"), e.clearIconCls))
             }, {
               default: x(() => [
                 Z(e.$slots, "clearIcon")
@@ -147,10 +145,10 @@ const V = ["sm", "md", "lg"], ve = ["error", "warning", "success"], Te = /* @__P
           G(J("textarea", K({
             ref_key: "textarea",
             ref: s,
-            "onUpdate:modelValue": a[0] || (a[0] = (r) => Q(l) ? l.value = r : null),
-            class: o(h)(o(B)(o(n), "textarea"), e.textareaCls, "paragraph")
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => Q(r) ? r.value = l : null),
+            class: o(h)(o(B)(o(i), "textarea"), e.textareaCls, "paragraph")
           }, P.value, { onInput: M }), null, 16), [
-            [W, o(l)]
+            [W, o(r)]
           ])
         ]),
         _: 3
@@ -160,6 +158,6 @@ const V = ["sm", "md", "lg"], ve = ["error", "warning", "success"], Te = /* @__P
 });
 export {
   V as T,
-  Te as _,
-  ve as a
+  ke as _,
+  fe as a
 };

package/dist/Textarea.vue_vue_type_style_index_0_lang-S0QXyiqu.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),R=require("@vueuse/core"),l=require("@pantograph/utils"),$=require("class-variance-authority"),d=require("@pantograph/utils-vue"),L=require("./Icon.vue_vue_type_style_index_0_lang-CMFYMG-2.js"),M=require("./ScrollContainer.vue_vue_type_style_index_0_lang-Dti6qFXk.js"),i=require("es-toolkit"),x=["sm","md","lg"],y=["error","warning","success"],E=e.defineComponent({...d.getComponentOptions("Textarea",!1),__name:"Textarea",props:{id:{},maxlength:{},type:{},placeholder:{},disabled:{type:Boolean,default:void 0},required:{type:Boolean},modelValue:{},defaultValue:{},clearIcon:{default:"tabler:circle-x"},clearIconCls:{},class:{},textareaCls:{},allowClear:{type:Boolean},bordered:{type:Boolean,default:!0},autoSize:{type:Boolean},size:{},status:{},rootProps:{},defaultHeight:{},maxHeight:{}},emits:["update:modelValue","clear","input","blur","focus"],setup(z,{expose:C,emit:_}){const a=z,p=_,n=d.useVModel(a,"modelValue",p,{defaultValue:a.defaultValue,passive:a.modelValue===void 0}),u=l.getBemBlock("textarea"),b=$.cva(u,{variants:{size:l.generateVariantClassList(x,u),status:l.generateVariantClassList(y,u),bordered:l.generateVariantClassList("bordered",u),autoSize:l.generateVariantClassList("auto-size",u)}}),B=e.useAttrs(),{getDisabled:f,getStatus:h,getSize:g}=d.useFormInput({getSize:()=>a.size&&x.includes(a.size)?a.size:"md"}),{rootBindings:V,inputBindings:H}=d.useInputDataStates({getDisabled:()=>f.value,emit:p,blurCallBack:t=>{const s=t.target;s!=null&&s.value&&(s.value=String(i.cloneDeep(n.value)))}}),k=e.computed(()=>{const t={...i.pick(a,["id","maxlength","type","required","placeholder"]),disabled:f.value,...i.omit(B,["value"]),...H.value};return{...i.omitBy(t,i.isUndefined)}}),q=e.computed(()=>g.value==="sm"?"2xsm":"xsm"),r=e.ref(),m=e.ref(),S=e.ref(),v=()=>{r.value&&(r.value.style.height="auto",r.value.style.height=n.value||a.autoSize?`${i.clone(r.value.scrollHeight)}px`:"100%",a.autoSize&&(S.value=`${i.clone(r.value.scrollHeight)+2}px`))};e.onMounted(()=>{var t;(t=m.value)!=null&&t.root&&R.useResizeObserver(m.value.root,v)}),e.watch(()=>[g.value,a.autoSize,n.value],()=>e.nextTick(v),{immediate:!0});const I=t=>{v(),p("input",t)},T=()=>{n.value="",p("clear")},w=()=>typeof a.defaultHeight=="number"?`${a.defaultHeight}px`:a.defaultHeight,D=()=>typeof a.maxHeight=="number"?`${a.maxHeight}px`:a.maxHeight,P=e.computed(()=>{var o;const t={...d.getStyleObject((o=a.rootProps)==null?void 0:o.style),"--ptc-scroll-container-bar-size":"11px","--ptc-scroll-container-bar-padding":"4px"},s=w(),c=D();return s&&(t["--ptc-textarea-h"]=s),c&&(t["--ptc-textarea-max-h"]=c),a.autoSize&&(t.height=S.value),{...i.omit(a.rootProps??{},["class","style"]),...V.value,style:t}});return C({textarea:r,focus:t=>{var s;return(s=r.value)==null?void 0:s.focus(t)},blur:()=>{var t;return(t=r.value)==null?void 0:t.blur()},select:()=>{var t;return(t=r.value)==null?void 0:t.select()},setSelectionRange:(t,s,c)=>{var o;return(o=r.value)==null?void 0:o.setSelectionRange(t,s,c)}}),(t,s)=>{var c;return e.openBlock(),e.createBlock(M._sfc_main,{ref_key:"container",ref:m,"root-props":{class:e.unref(l.normCls)(e.unref(b)({size:e.unref(g),status:e.unref(h)==="success"&&!e.unref(n)?void 0:e.unref(h),bordered:String(t.bordered),autoSize:String(t.autoSize)}),a.class,(c=a.rootProps)==null?void 0:c.class),...P.value}},{root:e.withCtx(()=>{var o;return[!e.unref(f)&&t.allowClear&&((o=e.unref(n))!=null&&o.length)?(e.openBlock(),e.createBlock(L._sfc_main,{key:0,icon:t.clearIcon,size:q.value,onClick:T,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(u),"clear_icon"),t.clearIconCls))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"clearIcon")]),_:3},8,["icon","size","class"])):e.createCommentVNode("",!0)]}),default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("textarea",e.mergeProps({ref_key:"textarea",ref:r,"onUpdate:modelValue":s[0]||(s[0]=o=>e.isRef(n)?n.value=o:null),class:e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(u),"textarea"),t.textareaCls,"paragraph")},k.value,{onInput:I}),null,16),[[e.vModelText,e.unref(n)]])]),_:3},8,["root-props"])}}});exports.TextareaSizes=x;exports.TextareaStatuses=y;exports._sfc_main=E;

package/dist/Tree/index.js

@@ -1,4 +1,4 @@
-import { _ as r, b as s, a as t, T, _ as o, i, p } from "../Tree.vue_vue_type_script_setup_true_lang-CjPUxT5q.js";
+import { _ as r, b as s, a as t, T, _ as o, i, p } from "../Tree.vue_vue_type_style_index_0_lang-BHRZ_p39.js";
 export {
   r as Tree,
   s as TreeGaps,

package/dist/Tree/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Tree.vue_vue_type_script_setup_true_lang-CjdtoEEK.js");exports.Tree=e._sfc_main;exports.TreeGaps=e.TreeGaps;exports.TreeNode=e._sfc_main$1;exports.TreeSizes=e.TreeSizes;exports.default=e._sfc_main;exports.injectTreeContext=e.injectTreeContext;exports.provideTreeContext=e.provideTreeContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Tree.vue_vue_type_style_index_0_lang-Du30UiYr.js");exports.Tree=e._sfc_main;exports.TreeGaps=e.TreeGaps;exports.TreeNode=e._sfc_main$1;exports.TreeSizes=e.TreeSizes;exports.default=e._sfc_main;exports.injectTreeContext=e.injectTreeContext;exports.provideTreeContext=e.provideTreeContext;

package/dist/{Tree.vue_vue_type_script_setup_true_lang-CjPUxT5q.js → Tree.vue_vue_type_style_index_0_lang-BHRZ_p39.js}

@@ -4,15 +4,14 @@ import { cva as Ge } from "class-variance-authority";
 import { isString as dt, uniq as xe, flattenDeep as ut, last as pe, cloneDeep as Ue, isEqual as Ae, omit as gt, isFunction as Oe } from "es-toolkit";
 import pt from "@pantograph/sortable";
 import { createContext as ft } from "reka-ui";
-import { getComponentOptions as qe, sortPlaceholderVariantsClass as ht, useComponentStyle as mt, useFormInput as yt, useVirtualScroll as vt, sortPlaceholderCls as bt, isEmptyElement as kt } from "@pantograph/utils-vue";
-import { _ as We } from "./IndentLevel.vue_vue_type_script_setup_true_lang-gsLH8xYH.js";
-import { _ as _t } from "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
-import { _ as St } from "./Checkbox.vue_vue_type_script_setup_true_lang-DVmFg39-.js";
-import { u as It } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
-import { _ as xt } from "./ScrollContainer.vue_vue_type_script_setup_true_lang-FKw-Hnvi.js";
-import { i as Ct } from "./isArray-QlWcxgml.js";
-import Bt from "@pantograph/style/tree.css?raw";
-const wt = ["sm", "md", "lg"], $e = { none: "gap-none", sm: "gap-sm", md: "gap-md", lg: "gap-lg" }, [Kt, zt] = ft("Tree"), Tt = ["data-key", "data-level", "data-draggable", "tabindex"], Nt = /* @__PURE__ */ Be({
+import { getComponentOptions as qe, sortPlaceholderVariantsClass as ht, useFormInput as mt, useVirtualScroll as yt, sortPlaceholderCls as vt, isEmptyElement as bt } from "@pantograph/utils-vue";
+import { _ as We } from "./IndentLevel.vue_vue_type_style_index_0_lang-D9CXKwfM.js";
+import { _ as kt } from "./Icon.vue_vue_type_style_index_0_lang-LLvjBJx0.js";
+import { _ as _t } from "./Checkbox.vue_vue_type_style_index_0_lang-DnfmdUgk.js";
+import { u as St } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
+import { _ as It } from "./ScrollContainer.vue_vue_type_style_index_0_lang-CCEG6AjN.js";
+import { i as xt } from "./isArray-QlWcxgml.js";
+const Ct = ["sm", "md", "lg"], $e = { none: "gap-none", sm: "gap-sm", md: "gap-md", lg: "gap-lg" }, [Bt, wt] = ft("Tree"), Kt = ["data-key", "data-level", "data-draggable", "tabindex"], zt = /* @__PURE__ */ Be({
   ...qe("TreeNode"),
   __name: "TreeNode",
   props: {
@@ -21,7 +20,7 @@ const wt = ["sm", "md", "lg"], $e = { none: "gap-none", sm: "gap-sm", md: "gap-m
   setup(P) {
     const d = P;
     De();
-    const r = Kt(), e = Ge(r.prefixes.node, {
+    const r = Bt(), e = Ge(r.prefixes.node, {
       variants: {
         disabled: G("disabled", r.prefixes.node),
         active: G("active", r.prefixes.node)
@@ -65,7 +64,7 @@ const wt = ["sm", "md", "lg"], $e = { none: "gap-none", sm: "gap-sm", md: "gap-m
           key: 0,
           class: Z(i(r).prefixes.draggable)
         }, [
-          i(r).dragging.value ? _e("", !0) : (te(), Ie(_t, {
+          i(r).dragging.value ? _e("", !0) : (te(), Ie(kt, {
             key: 0,
             icon: "tabler:grip-vertical",
             size: i(r).iconSize.value,
@@ -90,7 +89,7 @@ const wt = ["sm", "md", "lg"], $e = { none: "gap-none", sm: "gap-sm", md: "gap-m
           ]),
           _: 3
         }, 8, ["level", "children", "size", "expanded", "showLine", "dir", "class", "loading", "branch-icon", "no-rotate-branch"]),
-        (q = i(r).props) != null && q.checkable ? (te(), Ie(St, {
+        (q = i(r).props) != null && q.checkable ? (te(), Ie(_t, {
           key: 1,
           size: i(r).iconSize.value,
           onClick: a[1] || (a[1] = Ve(() => {
@@ -104,11 +103,11 @@ const wt = ["sm", "md", "lg"], $e = { none: "gap-none", sm: "gap-sm", md: "gap-m
             class: Z(i(F)(i(r).prefixes.node, "title"))
           }, tt(v.node._title), 3)
         ])
-      ], 10, Tt);
+      ], 10, Kt);
     };
   }
 }), ee = (P) => dt(P);
-function Pt({
+function Tt({
   getValue: P,
   getDisabled: d,
   arr: r,
@@ -134,7 +133,7 @@ function Pt({
   };
   return k(r), b;
 }
-const Rt = ({
+const Nt = ({
   getData: P,
   getExpandedKeys: d,
   getValue: r,
@@ -144,7 +143,7 @@ const Rt = ({
   getExtra: b
 }) => {
   const k = y(
-    () => T ? i(P()) : Pt({
+    () => T ? i(P()) : Tt({
       arr: i(P()),
       getChildren: p,
       getValue: r,
@@ -174,7 +173,7 @@ const Rt = ({
     return S(s).findIndex((c) => c._key === a._key);
   }, E = (a) => {
     const s = i(a);
-    return s && Ct(s) ? Ue(s) : [];
+    return s && xt(s) ? Ue(s) : [];
   }, C = (a, s) => {
     const c = _(a);
     if (c != null && c.length)
@@ -222,7 +221,7 @@ const Rt = ({
       return xe(m);
     }
   };
-}, Vt = /* @__PURE__ */ Be({
+}, Pt = /* @__PURE__ */ Be({
   __name: "TreePlaceholder",
   props: {
     level: {},
@@ -262,7 +261,7 @@ const Rt = ({
   // 2400 x 2px = 48px
   "2xlg": 56
   // 2800 x 2px = 56px
-}, Jt = Object.keys(Ce), Qt = /* @__PURE__ */ Be({
+}, qt = Object.keys(Ce), Wt = /* @__PURE__ */ Be({
   ...qe("Tree"),
   __name: "Tree",
   props: {
@@ -307,7 +306,6 @@ const Rt = ({
   },
   emits: ["update:modelValue", "update:expandedKeys", "update:checkedKeys", "change", "expand", "select", "check", "dragStart", "dragEnd", "choose", "unchoose"],
   setup(P, { expose: d, emit: r }) {
-    mt("tree", Bt);
     const e = P, p = r, T = De(), b = st("tree"), k = F(b, "node"), L = F(k, "group"), _ = F(k, "draggable"), w = F(_, "icon"), S = F(L, "list"), x = {
       node: k,
       group: L,
@@ -316,7 +314,7 @@ const Rt = ({
       groupList: S
     }, ae = Ge(b, {
       variants: {
-        size: G(wt, b),
+        size: G(Ct, b),
         gap: G($e, b),
         selectable: G("selectable", b),
         disabled: G("disabled", b),
@@ -383,7 +381,7 @@ const Rt = ({
       getNodeChildren: h,
       selectValue: K,
       getRootNodes: m
-    } = Rt({
+    } = Nt({
       isFlatten: e.flattenData,
       getData: () => e.data,
       getExpandedKeys: () => B,
@@ -443,7 +441,7 @@ const Rt = ({
       set(t) {
         e.checkedKeys || (le.value = t), p("update:checkedKeys", t);
       }
-    }), { getDisabled: j, getSize: g } = yt(), se = (t) => !!f(t, R, !0), He = (t) => f(t, z, e.checkStrictly), we = (t, n) => {
+    }), { getDisabled: j, getSize: g } = mt(), se = (t) => !!f(t, R, !0), He = (t) => f(t, z, e.checkStrictly), we = (t, n) => {
       if (e.selectable && !j.value) {
         const o = K(
           t,
@@ -468,7 +466,7 @@ const Rt = ({
         if (typeof e.gap == "number") return `${e.gap}px`;
         if (!Object.keys($e).includes(e.gap)) return e.gap;
       }
-    }), ce = Y(!1), { getDir: Je } = It(), he = Je(), ze = y(() => {
+    }), ce = Y(!1), { getDir: Je } = St(), he = Je(), ze = y(() => {
       switch (g.value) {
         case "sm":
           return "2xsm";
@@ -481,7 +479,7 @@ const Rt = ({
       var n;
       return (((n = t == null ? void 0 : t._parentKeys) == null ? void 0 : n.length) ?? 0) + 1;
     };
-    zt({
+    wt({
       iconSize: Qe,
       disabled: j,
       props: e,
@@ -534,9 +532,9 @@ const Rt = ({
                 branchIcon: (u ? u._switcherIcon ?? (e == null ? void 0 : e.switcherIcon) : e == null ? void 0 : e.switcherIcon) ?? "tabler:chevron-left"
               };
             }, $ = document.createElement("div"), Q = l.getBoundingClientRect();
-            $.style.width = Q.width ? `${Q.width}px` : "100%", $.style.height = Q.height ? `${Q.height}px` : "100%", $.classList.add(F(b, bt));
+            $.style.width = Q.width ? `${Q.width}px` : "100%", $.style.height = Q.height ? `${Q.height}px` : "100%", $.classList.add(F(b, vt));
             const oe = N();
-            return J && (oe.level = J), ot(ge(Vt, oe), $), $;
+            return J && (oe.level = J), ot(ge(Pt, oe), $), $;
           }
         };
         t ? re() : me.value && (t = new pt(me.value, {
@@ -634,7 +632,7 @@ const Rt = ({
       if (typeof e.virtual == "object")
         ve = e.virtual;
       else {
-        const { virtualizer: t, ...n } = vt(Ye);
+        const { virtualizer: t, ...n } = yt(Ye);
         ve = t, W = n;
       }
     const Ne = y(
@@ -652,9 +650,9 @@ const Rt = ({
           const A = (re = T.default) == null ? void 0 : re.call(T, {
             items: Ne.value
           });
-          return kt(A) ? Ne.value.map(
+          return bt(A) ? Ne.value.map(
             (be) => ge(
-              Nt,
+              zt,
               { key: be._key, node: be },
               {
                 default: T.node,
@@ -689,7 +687,7 @@ const Rt = ({
         );
       };
       return e.virtual && !e.outerVirtualScroll ? ge(
-        xt,
+        It,
         {
           ...e.scrollContainerProps,
           ref: ye,
@@ -710,13 +708,13 @@ const Rt = ({
   }
 });
 export {
-  wt as T,
-  Qt as _,
-  Nt as a,
+  Ct as T,
+  Wt as _,
+  zt as a,
   $e as b,
-  Jt as c,
-  Pt as f,
-  Kt as i,
-  zt as p,
+  qt as c,
+  Tt as f,
+  Bt as i,
+  wt as p,
   Ce as s
 };