@pantograph/vue 0.27.1 → 0.27.3

package/dist/{TabContent.vue_vue_type_script_setup_true_lang-DUqgKpvl.js → TabContent.vue_vue_type_script_setup_true_lang-H49InORX.js}

@@ -1,24 +1,18 @@
 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 { u as ue, q as pe, t as fe, w as j, g as V } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
-import { a as A } from "./options-J8HfRMSU.js";
-import "@pantograph/tokens";
-import { getBemBlock as me, getBemElement as r, generateVariantClassList as H, normCls as p } from "@pantograph/utils";
-import "es-toolkit";
-import { a as W } from "./collection-DUgtxIW2.js";
-import "@tanstack/vue-virtual";
+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 { cva as X } from "class-variance-authority";
-import { _ as ge } from "./ScrollContainer.vue_vue_type_script_setup_true_lang-BU7qU1LR.js";
-import { _ as q } from "./FloatButton.vue_vue_type_script_setup_true_lang-D03EBWv5.js";
-import { _ as F } from "./Divider.vue_vue_type_script_setup_true_lang-BHkXVZCN.js";
-import ve from "@pantograph/sortable";
-import be from "@pantograph/style/tabs.css?raw";
-import { u as Ce } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-DiuPi_DT.js";
-import "@vueuse/core";
-import { u as _e } from "./useVmodel-DlyNieM5.js";
-import { _ as ye } from "./Skeleton.vue_vue_type_script_setup_true_lang-BPGtJ7m9.js";
-import { _ as he } from "./Badge.vue_vue_type_script_setup_true_lang-GQnZqeaV.js";
-const [Y, Pe] = le("Tabs"), qe = /* @__PURE__ */ I({
+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-CWTRpfgb.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 { 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-DIHxOGxU.js";
+const [Y, Pe] = le("Tabs"), Ne = /* @__PURE__ */ I({
   ...A("Tabs", !1),
   __name: "Tabs",
   props: {
@@ -37,11 +31,11 @@ const [Y, Pe] = le("Tabs"), qe = /* @__PURE__ */ I({
   },
   emits: ["change", "dragStart", "dragEnd", "update:modelValue"],
   setup(P, { emit: o }) {
-    const s = P, C = o, i = _e(s, "modelValue", C, {
+    const s = P, C = o, i = ue(s, "modelValue", C, {
       defaultValue: s.defaultValue,
       passive: s.defaultValue === void 0,
       onChange: (f) => C("change", f)
-    }), { getDir: c } = Ce(), u = c();
+    }), { getDir: c } = _e(), u = c();
     return Pe({
       props: s,
       emit: C,
@@ -63,7 +57,7 @@ const [Y, Pe] = le("Tabs"), qe = /* @__PURE__ */ I({
       _: 3
     }, 8, ["modelValue", "dir"]));
   }
-}), ke = ["md", "lg"], n = me("tabs"), y = r(n, "trigger"), Fe = /* @__PURE__ */ I({
+}), ke = ["md", "lg"], n = ge("tabs"), y = r(n, "trigger"), Oe = /* @__PURE__ */ I({
   ...A("TabList"),
   __name: "TabList",
   props: {
@@ -76,7 +70,7 @@ const [Y, Pe] = le("Tabs"), qe = /* @__PURE__ */ I({
     endScrollCls: {}
   },
   setup(P) {
-    ue("tabs", be);
+    pe("tabs", Ce);
     const o = P, s = J(), C = X(n, {
       variants: {
         block: H("block", n),
@@ -92,14 +86,14 @@ const [Y, Pe] = le("Tabs"), qe = /* @__PURE__ */ I({
     }, k = () => {
       u || (u = setInterval(() => {
         var a, t, d, _;
-        j((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);
+        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) => {
       a ? B() : f();
     }, B = () => {
       u || (u = setInterval(() => {
         var a, t, d, _;
-        j((d = (t = (a = i.value) == null ? void 0 : a.container) == null ? void 0 : t.viewportElement) == null ? void 0 : d.scrollLeft) && ((_ = i.value) != null && _.leftVisible ? f() : i.value.container.viewportElement.scrollLeft -= 10);
+        q((d = (t = (a = i.value) == null ? void 0 : a.container) == null ? void 0 : t.viewportElement) == null ? void 0 : d.scrollLeft) && ((_ = i.value) != null && _.leftVisible ? f() : i.value.container.viewportElement.scrollLeft -= 10);
       }, 10));
     }, w = () => {
       var t;
@@ -119,7 +113,7 @@ const [Y, Pe] = le("Tabs"), qe = /* @__PURE__ */ I({
     }, z = N(), T = N(!1);
     let m;
     ee(async () => {
-      c.props.draggable && z.value && (m = new ve(z.value, {
+      c.props.draggable && z.value && (m = new be(z.value, {
         ...c.props.sortableProps ?? {},
         forceFallback: !1,
         fallbackOnBody: !1,
@@ -134,9 +128,9 @@ const [Y, Pe] = le("Tabs"), qe = /* @__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, pe)), te(
+          return t.style.width = `${d.width ?? 100}px`, t.style.height = "100%", t.classList.add(r(n, fe)), te(
             b("div", {
-              class: fe({ size: c.slotProps.value.size })
+              class: me({ size: c.slotProps.value.size })
             }),
             t
           ), t;
@@ -163,7 +157,7 @@ const [Y, Pe] = le("Tabs"), qe = /* @__PURE__ */ I({
             U("div", {
               class: g(e(r)(e(n), "wrapper"))
             }, [
-              v(ge, {
+              v(ve, {
                 wrapCls: e(r)(e(n), "scroll_wrap"),
                 rootCls: e(r)(e(n), "scroll_root"),
                 areaCls: e(r)(e(n), "scroll_area"),
@@ -198,7 +192,7 @@ const [Y, Pe] = le("Tabs"), qe = /* @__PURE__ */ I({
                         key: 0,
                         class: g(e(p)(e(r)(e(n), "left_scroll"), o.startScrollCls))
                       }, [
-                        v(q, {
+                        v(j, {
                           type: "outline",
                           icon: "tabler:chevron-left",
                           size: "sm",
@@ -212,7 +206,7 @@ const [Y, Pe] = le("Tabs"), qe = /* @__PURE__ */ I({
                         key: 1,
                         class: g(e(p)(e(r)(e(n), "right_scroll"), o.endScrollCls))
                       }, [
-                        v(q, {
+                        v(j, {
                           type: "outline",
                           icon: "tabler:chevron-right",
                           size: "sm",
@@ -245,7 +239,7 @@ const [Y, Pe] = le("Tabs"), qe = /* @__PURE__ */ I({
       _: 3
     }));
   }
-}), Ge = /* @__PURE__ */ I({
+}), De = /* @__PURE__ */ I({
   ...A("TabsTrigger"),
   __name: "TabTrigger",
   props: {
@@ -348,7 +342,7 @@ const [Y, Pe] = le("Tabs"), qe = /* @__PURE__ */ I({
       _: 1
     }));
   }
-}), Je = /* @__PURE__ */ I({
+}), He = /* @__PURE__ */ I({
   ...A("TabContent"),
   __name: "TabContent",
   props: {
@@ -369,10 +363,10 @@ const [Y, Pe] = le("Tabs"), qe = /* @__PURE__ */ I({
 });
 export {
   ke as T,
-  qe as _,
-  Fe as a,
-  Ge as b,
-  Je as c,
+  Ne as _,
+  Oe as a,
+  De as b,
+  He as c,
   Y as i,
   Pe 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-B8EBMO33.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_script_setup_true_lang-DEiGZvbY.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-midXJwsE.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_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;

package/dist/Tabs/TabList.d.ts

@@ -50,7 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ta
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: {
-                    readonly type?: ("auto" | "scroll" | "hover" | "always") | undefined;
+                    readonly type?: ("scroll" | "hover" | "always" | "auto") | undefined;
                     readonly dir?: ("ltr" | "rtl") | undefined;
                     readonly scrollHideDelay?: number | undefined;
                     readonly asChild?: boolean | undefined;
@@ -75,7 +75,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ta
                     scrollTop: () => void;
                     scrollTopLeft: () => void;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                    type: "auto" | "scroll" | "hover" | "always";
+                    type: "scroll" | "hover" | "always" | "auto";
                     scrollHideDelay: number;
                 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
@@ -98,7 +98,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ta
                 $nextTick: typeof import('vue').nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
-                type: "auto" | "scroll" | "hover" | "always";
+                type: "scroll" | "hover" | "always" | "auto";
                 scrollHideDelay: number;
             }> & Omit<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "scrollTop" | "scrollTopLeft" | "viewport"> & import('vue').ShallowUnwrapRef<{
                 viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -237,8 +237,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ta
             scrollTop: () => any;
             scrollTopLeft: () => any;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-            size: import('..').ScrollContainerSize;
             type: import('..').ScrollContainerType;
+            size: import('..').ScrollContainerSize;
             overlay: boolean;
             scrollDistance: number;
             scrollHideDelay: number;
@@ -263,12 +263,12 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ta
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        size: import('..').ScrollContainerSize;
         type: import('..').ScrollContainerType;
+        size: import('..').ScrollContainerSize;
         overlay: boolean;
         scrollDistance: number;
         scrollHideDelay: number;
-    }> & Omit<Readonly<import('..').ScrollContainerProps> & Readonly<{}>, "wrap" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "isOverflowX" | "isOverflowY" | "container" | "getScroll" | "scrollTop" | "scrollTopLeft" | ("size" | "type" | "overlay" | "scrollDistance" | "scrollHideDelay")> & import('vue').ShallowUnwrapRef<{
+    }> & Omit<Readonly<import('..').ScrollContainerProps> & Readonly<{}>, "wrap" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "isOverflowX" | "isOverflowY" | "container" | "getScroll" | "scrollTop" | "scrollTopLeft" | ("type" | "size" | "overlay" | "scrollDistance" | "scrollHideDelay")> & import('vue').ShallowUnwrapRef<{
         container: import('vue').Ref<any, any>;
         wrap: import('vue').Ref<any, any>;
         root: import('vue').Ref<any, any>;

package/dist/Tabs/Tabs.d.ts

@@ -31,13 +31,13 @@ export interface TabsContext {
 }
 export declare const injectTabsContext: <T extends TabsContext | null | undefined = TabsContext>(fallback?: T | undefined) => T extends null ? TabsContext | null : TabsContext, provideTabsContext: (contextValue: TabsContext) => TabsContext;
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TabsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (payload: string | number) => any;
     change: (payload: string | number) => any;
+    "update:modelValue": (payload: string | number) => any;
     dragStart: (event: Sortable.SortableEvent, sortable: Sortable) => any;
     dragEnd: (event: Sortable.SortableEvent, sortable: Sortable) => any;
 }, string, import('vue').PublicProps, Readonly<TabsProps> & Readonly<{
-    "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
     onChange?: ((payload: string | number) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
     onDragStart?: ((event: Sortable.SortableEvent, sortable: Sortable) => any) | undefined;
     onDragEnd?: ((event: Sortable.SortableEvent, sortable: Sortable) => any) | undefined;
 }>, {

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-DUqgKpvl.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-H49InORX.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-B3v-gPTa.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-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;

package/dist/Textarea/Textarea.d.ts

@@ -70,7 +70,7 @@ declare function __VLS_template(): {
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
                     $props: {
-                        readonly type?: ("auto" | "scroll" | "hover" | "always") | undefined;
+                        readonly type?: ("scroll" | "hover" | "always" | "auto") | undefined;
                         readonly dir?: ("ltr" | "rtl") | undefined;
                         readonly scrollHideDelay?: number | undefined;
                         readonly asChild?: boolean | undefined;
@@ -95,7 +95,7 @@ declare function __VLS_template(): {
                         scrollTop: () => void;
                         scrollTopLeft: () => void;
                     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                        type: "auto" | "scroll" | "hover" | "always";
+                        type: "scroll" | "hover" | "always" | "auto";
                         scrollHideDelay: number;
                     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
@@ -118,7 +118,7 @@ declare function __VLS_template(): {
                     $nextTick: typeof nextTick;
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                 } & Readonly<{
-                    type: "auto" | "scroll" | "hover" | "always";
+                    type: "scroll" | "hover" | "always" | "auto";
                     scrollHideDelay: number;
                 }> & Omit<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "scrollTop" | "scrollTopLeft" | "viewport"> & import('vue').ShallowUnwrapRef<{
                     viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -257,8 +257,8 @@ declare function __VLS_template(): {
                 scrollTop: () => any;
                 scrollTopLeft: () => any;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                size: import('..').ScrollContainerSize;
                 type: import('..').ScrollContainerType;
+                size: import('..').ScrollContainerSize;
                 overlay: boolean;
                 scrollDistance: number;
                 scrollHideDelay: number;
@@ -283,12 +283,12 @@ declare function __VLS_template(): {
             $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            size: import('..').ScrollContainerSize;
             type: import('..').ScrollContainerType;
+            size: import('..').ScrollContainerSize;
             overlay: boolean;
             scrollDistance: number;
             scrollHideDelay: number;
-        }> & Omit<Readonly<import('..').ScrollContainerProps> & Readonly<{}>, "wrap" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "isOverflowX" | "isOverflowY" | "container" | "getScroll" | "scrollTop" | "scrollTopLeft" | ("size" | "type" | "overlay" | "scrollDistance" | "scrollHideDelay")> & import('vue').ShallowUnwrapRef<{
+        }> & Omit<Readonly<import('..').ScrollContainerProps> & Readonly<{}>, "wrap" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "isOverflowX" | "isOverflowY" | "container" | "getScroll" | "scrollTop" | "scrollTopLeft" | ("type" | "size" | "overlay" | "scrollDistance" | "scrollHideDelay")> & import('vue').ShallowUnwrapRef<{
             container: import('vue').Ref<any, any>;
             wrap: import('vue').Ref<any, any>;
             root: import('vue').Ref<any, any>;
@@ -324,17 +324,17 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
     select: () => any;
     setSelectionRange: (start: number, end: number, direction?: "forward" | "backward" | "none") => any;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    clear: () => any;
-    "update:modelValue": (value?: string | undefined) => any;
     input: (value?: InputEvent | undefined) => any;
     blur: (value: InputEvent) => any;
     focus: (value: InputEvent) => any;
+    clear: () => any;
+    "update:modelValue": (value?: string | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<TextareaProps> & Readonly<{
-    onClear?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
     onInput?: ((value?: InputEvent | undefined) => any) | undefined;
     onBlur?: ((value: InputEvent) => any) | undefined;
     onFocus?: ((value: InputEvent) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
 }>, {
     disabled: boolean;
     clearIcon: string;
@@ -373,7 +373,7 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: {
-                    readonly type?: ("auto" | "scroll" | "hover" | "always") | undefined;
+                    readonly type?: ("scroll" | "hover" | "always" | "auto") | undefined;
                     readonly dir?: ("ltr" | "rtl") | undefined;
                     readonly scrollHideDelay?: number | undefined;
                     readonly asChild?: boolean | undefined;
@@ -398,7 +398,7 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                     scrollTop: () => void;
                     scrollTopLeft: () => void;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                    type: "auto" | "scroll" | "hover" | "always";
+                    type: "scroll" | "hover" | "always" | "auto";
                     scrollHideDelay: number;
                 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
@@ -421,7 +421,7 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 $nextTick: typeof nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
-                type: "auto" | "scroll" | "hover" | "always";
+                type: "scroll" | "hover" | "always" | "auto";
                 scrollHideDelay: number;
             }> & Omit<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "scrollTop" | "scrollTopLeft" | "viewport"> & import('vue').ShallowUnwrapRef<{
                 viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -560,8 +560,8 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
             scrollTop: () => any;
             scrollTopLeft: () => any;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-            size: import('..').ScrollContainerSize;
             type: import('..').ScrollContainerType;
+            size: import('..').ScrollContainerSize;
             overlay: boolean;
             scrollDistance: number;
             scrollHideDelay: number;
@@ -586,12 +586,12 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        size: import('..').ScrollContainerSize;
         type: import('..').ScrollContainerType;
+        size: import('..').ScrollContainerSize;
         overlay: boolean;
         scrollDistance: number;
         scrollHideDelay: number;
-    }> & Omit<Readonly<import('..').ScrollContainerProps> & Readonly<{}>, "wrap" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "isOverflowX" | "isOverflowY" | "container" | "getScroll" | "scrollTop" | "scrollTopLeft" | ("size" | "type" | "overlay" | "scrollDistance" | "scrollHideDelay")> & import('vue').ShallowUnwrapRef<{
+    }> & Omit<Readonly<import('..').ScrollContainerProps> & Readonly<{}>, "wrap" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "isOverflowX" | "isOverflowY" | "container" | "getScroll" | "scrollTop" | "scrollTopLeft" | ("type" | "size" | "overlay" | "scrollDistance" | "scrollHideDelay")> & import('vue').ShallowUnwrapRef<{
         container: import('vue').Ref<any, any>;
         wrap: import('vue').Ref<any, any>;
         root: import('vue').Ref<any, any>;

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-BTywGT0W.js";
+import { _ as s, T as t, a as r, _ as x } from "../Textarea.vue_vue_type_script_setup_true_lang-CvTs1oY9.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-ZvXSpOuD.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_script_setup_true_lang-DiPxIJB_.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-BTywGT0W.js → Textarea.vue_vue_type_script_setup_true_lang-CvTs1oY9.js}

@@ -1,17 +1,13 @@
-import { defineComponent as N, useAttrs as j, computed as g, ref as v, onMounted as A, watch as F, nextTick as L, createBlock as b, openBlock as y, unref as o, withCtx as x, withDirectives as G, createElementVNode as J, mergeProps as K, isRef as Q, vModelText as W, createCommentVNode as X, normalizeClass as Y, renderSlot as Z } from "vue";
+import { defineComponent as U, useAttrs as j, computed as g, ref as v, onMounted as A, watch as F, nextTick as L, createBlock as b, openBlock as y, unref as o, withCtx as x, withDirectives as G, createElementVNode as J, mergeProps as K, isRef as Q, vModelText as W, createCommentVNode as X, normalizeClass as Y, renderSlot as Z } from "vue";
 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 { a as oe } from "./options-J8HfRMSU.js";
-import { u as se, n as re, e as le } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
-import { u as ie, U as ne } from "./useInputDataStates-DCxDvkM-.js";
-import "reka-ui";
-import { u as ue } from "./useVmodel-DlyNieM5.js";
-import "@tanstack/vue-virtual";
-import { _ as ce } from "./ScrollContainer.vue_vue_type_script_setup_true_lang-BU7qU1LR.js";
-import { omit as C, pick as pe, omitBy as me, isUndefined as de, cloneDeep as fe, clone as H } from "es-toolkit";
+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"], Pe = /* @__PURE__ */ N({
+const V = ["sm", "md", "lg"], ve = ["error", "warning", "success"], Te = /* @__PURE__ */ U({
   ...oe("Textarea", !1),
   __name: "Textarea",
   props: {
@@ -39,7 +35,7 @@ const V = ["sm", "md", "lg"], ve = ["error", "warning", "success"], Pe = /* @__P
   emits: ["update:modelValue", "clear", "input", "blur", "focus"],
   setup(k, { expose: _, emit: I }) {
     se("textarea", ge);
-    const t = k, u = I, l = ue(
+    const t = k, u = I, l = re(
       t,
       "modelValue",
       u,
@@ -47,53 +43,53 @@ const V = ["sm", "md", "lg"], ve = ["error", "warning", "success"], Pe = /* @__P
         defaultValue: t.defaultValue,
         passive: t.modelValue === void 0
       }
-    ), i = te("textarea"), T = ae(i, {
+    ), n = te("textarea"), T = ae(n, {
       variants: {
-        size: c(V, i),
-        status: c(ve, i),
-        bordered: c("bordered", i),
-        autoSize: c("auto-size", i)
+        size: c(V, n),
+        status: c(ve, n),
+        bordered: c("bordered", n),
+        autoSize: c("auto-size", n)
       }
-    }), $ = j(), { getDisabled: p, getStatus: S, getSize: m } = ie({
+    }), $ = j(), { getDisabled: p, getStatus: S, getSize: d } = le({
       getSize: () => t.size && V.includes(t.size) ? t.size : "md"
     }), { rootBindings: w, inputBindings: D } = ne({
       getDisabled: () => p.value,
       emit: u,
       blurCallBack: (e) => {
         const a = e.target;
-        a != null && a.value && (a.value = String(fe(l.value)));
+        a != null && a.value && (a.value = String(pe(l.value)));
       }
     }), P = g(() => {
       const e = {
-        ...pe(t, ["id", "maxlength", "type", "required", "placeholder"]),
+        ...de(t, ["id", "maxlength", "type", "required", "placeholder"]),
         disabled: p.value,
         ...C($, ["value"]),
         ...D.value
       };
-      return { ...me(e, de) };
-    }), R = g(() => m.value === "sm" ? "2xsm" : "xsm"), s = v(), d = v(), z = v(), f = () => {
+      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`));
     };
     A(() => {
       var e;
-      (e = d.value) != null && e.root && ee(d.value.root, f);
+      (e = m.value) != null && e.root && ee(m.value.root, f);
     }), F(
-      () => [m.value, t.autoSize, l.value],
+      () => [d.value, t.autoSize, l.value],
       () => L(f),
       { immediate: !0 }
     );
     const M = (e) => {
       f(), u("input", e);
-    }, U = () => {
+    }, O = () => {
       l.value = "", u("clear");
-    }, O = () => typeof t.defaultHeight == "number" ? `${t.defaultHeight}px` : t.defaultHeight, q = () => typeof t.maxHeight == "number" ? `${t.maxHeight}px` : t.maxHeight, E = g(() => {
+    }, q = () => typeof t.defaultHeight == "number" ? `${t.defaultHeight}px` : t.defaultHeight, E = () => typeof t.maxHeight == "number" ? `${t.maxHeight}px` : t.maxHeight, N = g(() => {
       var r;
       const e = {
-        ...re((r = t.rootProps) == null ? void 0 : r.style),
+        ...ie((r = t.rootProps) == null ? void 0 : r.style),
         "--ptc-scroll-container-bar-size": "11px",
         "--ptc-scroll-container-bar-padding": "4px"
-      }, a = O(), n = q();
-      return a && (e["--ptc-textarea-h"] = a), n && (e["--ptc-textarea-max-h"] = n), t.autoSize && (e.height = z.value), {
+      }, a = q(), i = E();
+      return a && (e["--ptc-textarea-h"] = a), i && (e["--ptc-textarea-max-h"] = i), t.autoSize && (e.height = z.value), {
         ...C(t.rootProps ?? {}, ["class", "style"]),
         ...w.value,
         style: e
@@ -108,37 +104,37 @@ const V = ["sm", "md", "lg"], ve = ["error", "warning", "success"], Pe = /* @__P
     }, select: () => {
       var e;
       return (e = s.value) == null ? void 0 : e.select();
-    }, setSelectionRange: (e, a, n) => {
+    }, setSelectionRange: (e, a, i) => {
       var r;
-      return (r = s.value) == null ? void 0 : r.setSelectionRange(e, a, n);
+      return (r = s.value) == null ? void 0 : r.setSelectionRange(e, a, i);
     } }), (e, a) => {
-      var n;
+      var i;
       return y(), b(ce, {
         ref_key: "container",
-        ref: d,
+        ref: m,
         "root-props": {
           class: o(h)(
             o(T)({
-              size: o(m),
+              size: o(d),
               status: o(S) === "success" && !o(l) ? void 0 : o(S),
               bordered: String(e.bordered),
               autoSize: String(e.autoSize)
             }),
             t.class,
-            (n = t.rootProps) == null ? void 0 : n.class
+            (i = t.rootProps) == null ? void 0 : i.class
           ),
-          ...E.value
+          ...N.value
         }
       }, {
         root: x(() => {
           var r;
           return [
-            !o(p) && e.allowClear && ((r = o(l)) != null && r.length) ? (y(), b(le, {
+            !o(p) && e.allowClear && ((r = o(l)) != null && r.length) ? (y(), b(ue, {
               key: 0,
               icon: e.clearIcon,
               size: R.value,
-              onClick: U,
-              class: Y(o(h)(o(B)(o(i), "clear_icon"), e.clearIconCls))
+              onClick: O,
+              class: Y(o(h)(o(B)(o(n), "clear_icon"), e.clearIconCls))
             }, {
               default: x(() => [
                 Z(e.$slots, "clearIcon")
@@ -152,7 +148,7 @@ const V = ["sm", "md", "lg"], ve = ["error", "warning", "success"], Pe = /* @__P
             ref_key: "textarea",
             ref: s,
             "onUpdate:modelValue": a[0] || (a[0] = (r) => Q(l) ? l.value = r : null),
-            class: o(h)(o(B)(o(i), "textarea"), e.textareaCls, "paragraph")
+            class: o(h)(o(B)(o(n), "textarea"), e.textareaCls, "paragraph")
           }, P.value, { onInput: M }), null, 16), [
             [W, o(l)]
           ])
@@ -164,6 +160,6 @@ const V = ["sm", "md", "lg"], ve = ["error", "warning", "success"], Pe = /* @__P
 });
 export {
   V as T,
-  Pe as _,
+  Te as _,
   ve as a
 };

package/dist/Textarea.vue_vue_type_script_setup_true_lang-DiPxIJB_.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_script_setup_true_lang-Be6ayltH.js"),M=require("./ScrollContainer.vue_vue_type_script_setup_true_lang-CIXeFarD.js"),u=require("es-toolkit"),E=require("@pantograph/style/textarea.css?raw"),x=["sm","md","lg"],y=["error","warning","success"],O=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:_}){d.useComponentStyle("textarea",E);const a=z,p=_,n=d.useVModel(a,"modelValue",p,{defaultValue:a.defaultValue,passive:a.modelValue===void 0}),i=l.getBemBlock("textarea"),b=$.cva(i,{variants:{size:l.generateVariantClassList(x,i),status:l.generateVariantClassList(y,i),bordered:l.generateVariantClassList("bordered",i),autoSize:l.generateVariantClassList("auto-size",i)}}),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 r=t.target;r!=null&&r.value&&(r.value=String(u.cloneDeep(n.value)))}}),k=e.computed(()=>{const t={...u.pick(a,["id","maxlength","type","required","placeholder"]),disabled:f.value,...u.omit(B,["value"]),...H.value};return{...u.omitBy(t,u.isUndefined)}}),q=e.computed(()=>g.value==="sm"?"2xsm":"xsm"),s=e.ref(),m=e.ref(),S=e.ref(),v=()=>{s.value&&(s.value.style.height="auto",s.value.style.height=n.value||a.autoSize?`${u.clone(s.value.scrollHeight)}px`:"100%",a.autoSize&&(S.value=`${u.clone(s.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 T=t=>{v(),p("input",t)},I=()=>{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"},r=w(),c=D();return r&&(t["--ptc-textarea-h"]=r),c&&(t["--ptc-textarea-max-h"]=c),a.autoSize&&(t.height=S.value),{...u.omit(a.rootProps??{},["class","style"]),...V.value,style:t}});return C({textarea:s,focus:t=>{var r;return(r=s.value)==null?void 0:r.focus(t)},blur:()=>{var t;return(t=s.value)==null?void 0:t.blur()},select:()=>{var t;return(t=s.value)==null?void 0:t.select()},setSelectionRange:(t,r,c)=>{var o;return(o=s.value)==null?void 0:o.setSelectionRange(t,r,c)}}),(t,r)=>{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:I,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(i),"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:s,"onUpdate:modelValue":r[0]||(r[0]=o=>e.isRef(n)?n.value=o:null),class:e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(i),"textarea"),t.textareaCls,"paragraph")},k.value,{onInput:T}),null,16),[[e.vModelText,e.unref(n)]])]),_:3},8,["root-props"])}}});exports.TextareaSizes=x;exports.TextareaStatuses=y;exports._sfc_main=O;

package/dist/Tree/Tree.d.ts

@@ -12,12 +12,12 @@ declare const __VLS_component: import('vue').DefineComponent<TreeProps, {
     onSelect: (node: TreeItem, value: boolean) => void;
     onCheck: (node: TreeItem, value: boolean) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string[]) => any;
     select: (node: object | TreeNodeType, selected: boolean, selectedKeys: string[]) => any;
     change: (value: {
         modelValue: string[];
         checkedKeys: string[];
     }) => any;
+    "update:modelValue": (value: string[]) => any;
     expand: (node: object | TreeNodeType, expanded: boolean) => any;
     "update:expandedKeys": (value: string[]) => any;
     "update:checkedKeys": (value: string[]) => any;
@@ -27,12 +27,12 @@ declare const __VLS_component: import('vue').DefineComponent<TreeProps, {
     choose: (event: Sortable.SortableEvent) => any;
     unchoose: (event: Sortable.SortableEvent) => any;
 }, string, import('vue').PublicProps, Readonly<TreeProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
     onSelect?: ((node: object | TreeNodeType, selected: boolean, selectedKeys: string[]) => any) | undefined;
     onChange?: ((value: {
         modelValue: string[];
         checkedKeys: string[];
     }) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
     onExpand?: ((node: object | TreeNodeType, expanded: boolean) => any) | undefined;
     "onUpdate:expandedKeys"?: ((value: string[]) => any) | undefined;
     "onUpdate:checkedKeys"?: ((value: string[]) => any) | undefined;

package/dist/Tree/Tree.model.d.ts

@@ -3,7 +3,7 @@ import { SortableOptions, SortableEvent, MoveEvent } from '@pantograph/sortable'
 import { Direction } from '../ConfigProvider';
 import { ClassValue } from 'class-variance-authority/types';
 import { OptionGetter } from '@pantograph/utils';
-import { Virtualizer } from '../utils';
+import { Virtualizer } from '@pantograph/utils-vue';
 import { ScrollContainerProps } from '../ScrollContainer';
 import { FlattenItem } from './utils.ts';
 export declare const TreeSizes: readonly ["sm", "md", "lg"];