@pantograph/vue 0.27.2 → 0.27.4

package/dist/Skeleton/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Skeleton.vue_vue_type_script_setup_true_lang-CZd6jGSK.js");exports.Skeleton=e._sfc_main;exports.SkeletonSizes=e.SkeletonSizes;exports.SkeletonTypes=e.SkeletonTypes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Skeleton.vue_vue_type_script_setup_true_lang-ywJfG4ii.js");exports.Skeleton=e._sfc_main;exports.SkeletonSizes=e.SkeletonSizes;exports.SkeletonTypes=e.SkeletonTypes;exports.default=e._sfc_main;

package/dist/{Skeleton.vue_vue_type_script_setup_true_lang-BPGtJ7m9.js → Skeleton.vue_vue_type_script_setup_true_lang-V3Y9sTi-.js}

@@ -1,12 +1,7 @@
-import { defineComponent as f, computed as d, createElementBlock as o, openBlock as a, normalizeClass as r, unref as s, createCommentVNode as C, Fragment as k, renderList as v } from "vue";
-import { getBemBlock as g, generateVariantClassList as n, normCls as i, getBemElement as y } from "@pantograph/utils";
+import { defineComponent as f, computed as d, createElementBlock as n, openBlock as a, normalizeClass as r, unref as s, createCommentVNode as C, Fragment as k, renderList as v } from "vue";
+import { getBemBlock as g, generateVariantClassList as o, normCls as i, getBemElement as y } from "@pantograph/utils";
 import { cva as S } from "class-variance-authority";
-import { a as h } from "./options-J8HfRMSU.js";
-import { u as B } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
-import "es-toolkit";
-import "reka-ui";
-import "@vueuse/core";
-import "@tanstack/vue-virtual";
+import { getComponentOptions as h, useComponentStyle as B } from "@pantograph/utils-vue";
 import _ from "@pantograph/style/skeleton.css?raw";
 const x = [
   "avatar",
@@ -18,7 +13,7 @@ const x = [
   "base",
   "custom",
   "custom-items"
-], z = ["2xsm", "sm", "md", "lg"], A = /* @__PURE__ */ f({
+], z = ["2xsm", "sm", "md", "lg"], F = /* @__PURE__ */ f({
   ...h("Skeleton"),
   __name: "Skeleton",
   props: {
@@ -33,11 +28,11 @@ const x = [
     B("skeleton", _);
     const t = g("skeleton"), e = m, l = S(t, {
       variants: {
-        inactive: n("inactive", t),
-        size: n(z, t),
-        type: n(x, t)
+        inactive: o("inactive", t),
+        size: o(z, t),
+        type: o(x, t)
       }
-    }), p = d(() => {
+    }), c = d(() => {
       if (e.type === "custom-items" && e.itemsCount) return e.itemsCount;
       switch (e.type) {
         case "paragraph":
@@ -48,10 +43,10 @@ const x = [
           return 0;
       }
     });
-    return (c, b) => (a(), o("div", {
+    return (p, b) => (a(), n("div", {
       class: r(s(i)(s(l)(e), e.class))
     }, [
-      ["paragraph", "list", "custom-items"].includes(c.type) ? (a(!0), o(k, { key: 0 }, v(p.value, (u) => (a(), o("div", {
+      ["paragraph", "list", "custom-items"].includes(p.type) ? (a(!0), n(k, { key: 0 }, v(c.value, (u) => (a(), n("div", {
         class: r(s(i)(s(y)(s(t), "item"), e.itemCls)),
         key: u
       }, null, 2))), 128)) : C("", !0)
@@ -60,6 +55,6 @@ const x = [
 });
 export {
   x as S,
-  A as _,
+  F as _,
   z as a
 };

package/dist/Skeleton.vue_vue_type_script_setup_true_lang-ywJfG4ii.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("@pantograph/utils"),p=require("class-variance-authority"),a=require("@pantograph/utils-vue"),C=require("@pantograph/style/skeleton.css?raw"),r=["avatar","input","button","paragraph","headline","list","base","custom","custom-items"],o=["2xsm","sm","md","lg"],k=e.defineComponent({...a.getComponentOptions("Skeleton"),__name:"Skeleton",props:{type:{default:"base"},size:{default:"md"},inactive:{type:Boolean,default:!1},class:{},itemCls:{},itemsCount:{}},setup(i){a.useComponentStyle("skeleton",C);const n=s.getBemBlock("skeleton"),t=i,l=p.cva(n,{variants:{inactive:s.generateVariantClassList("inactive",n),size:s.generateVariantClassList(o,n),type:s.generateVariantClassList(r,n)}}),c=e.computed(()=>{if(t.type==="custom-items"&&t.itemsCount)return t.itemsCount;switch(t.type){case"paragraph":return 4;case"list":return 2;default:return 0}});return(u,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s.normCls)(e.unref(l)(t),t.class))},[["paragraph","list","custom-items"].includes(u.type)?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(c.value,m=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(n),"item"),t.itemCls)),key:m},null,2))),128)):e.createCommentVNode("",!0)],2))}});exports.SkeletonSizes=o;exports.SkeletonTypes=r;exports._sfc_main=k;

package/dist/Spinner/Spinner.d.ts

@@ -18,8 +18,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<SpinnerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SpinnerProps> & Readonly<{}>, {
-    size: SpinnerSize;
     text: string | boolean;
+    size: SpinnerSize;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/Spinner/index.js

@@ -1,4 +1,4 @@
-import { _ as n, S as r, _ as s } from "../Spinner.vue_vue_type_script_setup_true_lang-plOMCeJw.js";
+import { _ as n, S as r, _ as s } from "../Spinner.vue_vue_type_script_setup_true_lang-CMhmFqGC.js";
 export {
   n as Spinner,
   r as SpinnerSizes,

package/dist/Spinner/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Spinner.vue_vue_type_script_setup_true_lang-BLbh3cW9.js");exports.Spinner=e._sfc_main;exports.SpinnerSizes=e.SpinnerSizes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Spinner.vue_vue_type_script_setup_true_lang-DO3B4TxR.js");exports.Spinner=e._sfc_main;exports.SpinnerSizes=e.SpinnerSizes;exports.default=e._sfc_main;

package/dist/{Spinner.vue_vue_type_script_setup_true_lang-plOMCeJw.js → Spinner.vue_vue_type_script_setup_true_lang-CMhmFqGC.js}

@@ -1,12 +1,8 @@
-import { defineComponent as g, useSlots as x, computed as l, createElementBlock as n, openBlock as i, normalizeClass as r, unref as t, createVNode as z, createCommentVNode as c, withCtx as h, renderSlot as p, createElementVNode as C, createTextVNode as y, toDisplayString as k } from "vue";
+import { defineComponent as g, useSlots as x, computed as m, createElementBlock as s, openBlock as i, normalizeClass as r, unref as t, createVNode as z, createCommentVNode as c, withCtx as h, renderSlot as C, createElementVNode as p, createTextVNode as y, toDisplayString as k } from "vue";
 import { getBemBlock as N, generateVariantClassList as u, normCls as T, getBemElement as f } from "@pantograph/utils";
 import { cva as V } from "class-variance-authority";
-import { u as w, e as E } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
-import { a as _ } from "./options-J8HfRMSU.js";
-import "es-toolkit";
-import "reka-ui";
-import "@vueuse/core";
-import "@tanstack/vue-virtual";
+import { _ } from "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
+import { getComponentOptions as w, useComponentStyle as E } from "@pantograph/utils-vue";
 import $ from "@pantograph/style/spinner.css?raw";
 const b = ["3xsm", "2xsm", "xsm", "sm"], D = {
   key: 0,
@@ -14,8 +10,8 @@ const b = ["3xsm", "2xsm", "xsm", "sm"], D = {
   height: "1em",
   viewBox: "0 0 24 24",
   fill: "none"
-}, I = /* @__PURE__ */ g({
-  ..._("Spinner"),
+}, A = /* @__PURE__ */ g({
+  ...w("Spinner"),
   __name: "Spinner",
   props: {
     size: { default: "sm" },
@@ -24,34 +20,34 @@ const b = ["3xsm", "2xsm", "xsm", "sm"], D = {
     icon: {}
   },
   setup(d) {
-    w("spinner", $);
-    const s = d, o = N("spinner"), v = V(o, {
+    E("spinner", $);
+    const n = d, o = N("spinner"), v = V(o, {
       variants: {
         size: u(b, o),
         icon: u("icon", o)
       }
-    }), a = x(), B = l(() => !!s.text || !!a.default), S = l(() => s.text);
-    return (e, m) => (i(), n("div", {
+    }), a = x(), B = m(() => !!n.text || !!a.default), S = m(() => n.text);
+    return (e, l) => (i(), s("div", {
       class: r(
         t(T)(
           t(v)({ size: e.size, icon: !!e.icon || !!a.icon }),
-          s.class
+          n.class
         )
       )
     }, [
-      z(E, {
+      z(_, {
         class: r(t(f)(t(o), "icon")),
         size: e.size,
         icon: e.icon
       }, {
         default: h(() => [
-          p(e.$slots, "icon", {}, () => [
-            e.icon ? c("", !0) : (i(), n("svg", D, m[0] || (m[0] = [
-              C("path", {
+          C(e.$slots, "icon", {}, () => [
+            e.icon ? c("", !0) : (i(), s("svg", D, l[0] || (l[0] = [
+              p("path", {
                 d: "M22.5 12C23.3284 12 24.0097 12.6742 23.9064 13.4961C23.6748 15.3394 23.0173 17.1109 21.9776 18.6668C20.6591 20.6402 18.7849 22.1783 16.5922 23.0866C14.3995 23.9948 11.9867 24.2324 9.65892 23.7694C7.33114 23.3064 5.19295 22.1635 3.51472 20.4853C1.83649 18.8071 0.693599 16.6689 0.230577 14.3411C-0.232446 12.0133 0.00519403 9.60051 0.913446 7.4078C1.8217 5.21509 3.35977 3.34094 5.33316 2.02236C6.88913 0.982696 8.66064 0.32524 10.5039 0.0936235C11.3258 -0.0096629 12 0.671573 12 1.5C12 2.32843 11.3239 2.98727 10.5069 3.12471C9.2582 3.33479 8.06207 3.80703 6.99987 4.51677C5.51983 5.50571 4.36627 6.91131 3.68508 8.55585C3.0039 10.2004 2.82567 12.01 3.17293 13.7558C3.5202 15.5016 4.37737 17.1053 5.63604 18.364C6.89471 19.6226 8.49836 20.4798 10.2442 20.8271C11.99 21.1743 13.7996 20.9961 15.4442 20.3149C17.0887 19.6337 18.4943 18.4802 19.4832 17.0001C20.193 15.9379 20.6652 14.7418 20.8753 13.4931C21.0127 12.6761 21.6716 12 22.5 12Z",
                 fill: "currentColor"
               }, [
-                C("animateTransform", {
+                p("animateTransform", {
                   attributeName: "transform",
                   dur: "1s",
                   repeatCount: "indefinite",
@@ -64,11 +60,11 @@ const b = ["3xsm", "2xsm", "xsm", "sm"], D = {
         ]),
         _: 3
       }, 8, ["class", "size", "icon"]),
-      B.value ? (i(), n("div", {
+      B.value ? (i(), s("div", {
         key: 0,
         class: r(t(f)(t(o), "text"))
       }, [
-        p(e.$slots, "default", {}, () => [
+        C(e.$slots, "default", {}, () => [
           y(k(S.value), 1)
         ])
       ], 2)) : c("", !0)
@@ -77,5 +73,5 @@ const b = ["3xsm", "2xsm", "xsm", "sm"], D = {
 });
 export {
   b as S,
-  I as _
+  A as _
 };

package/dist/Spinner.vue_vue_type_script_setup_true_lang-DO3B4TxR.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),n=require("@pantograph/utils"),p=require("class-variance-authority"),d=require("./Icon.vue_vue_type_script_setup_true_lang-Be6ayltH.js"),a=require("@pantograph/utils-vue"),f=require("@pantograph/style/spinner.css?raw"),l=["3xsm","2xsm","xsm","sm"],B={key:0,width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none"},v=e.defineComponent({...a.getComponentOptions("Spinner"),__name:"Spinner",props:{size:{default:"sm"},class:{},text:{type:[String,Boolean],default:void 0},icon:{}},setup(c){a.useComponentStyle("spinner",f);const o=c,s=n.getBemBlock("spinner"),u=p.cva(s,{variants:{size:n.generateVariantClassList(l,s),icon:n.generateVariantClassList("icon",s)}}),r=e.useSlots(),m=e.computed(()=>!!o.text||!!r.default),C=e.computed(()=>o.text);return(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(u)({size:t.size,icon:!!t.icon||!!r.icon}),o.class))},[e.createVNode(d._sfc_main,{class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(s),"icon")),size:t.size,icon:t.icon},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",{},()=>[t.icon?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("svg",B,i[0]||(i[0]=[e.createElementVNode("path",{d:"M22.5 12C23.3284 12 24.0097 12.6742 23.9064 13.4961C23.6748 15.3394 23.0173 17.1109 21.9776 18.6668C20.6591 20.6402 18.7849 22.1783 16.5922 23.0866C14.3995 23.9948 11.9867 24.2324 9.65892 23.7694C7.33114 23.3064 5.19295 22.1635 3.51472 20.4853C1.83649 18.8071 0.693599 16.6689 0.230577 14.3411C-0.232446 12.0133 0.00519403 9.60051 0.913446 7.4078C1.8217 5.21509 3.35977 3.34094 5.33316 2.02236C6.88913 0.982696 8.66064 0.32524 10.5039 0.0936235C11.3258 -0.0096629 12 0.671573 12 1.5C12 2.32843 11.3239 2.98727 10.5069 3.12471C9.2582 3.33479 8.06207 3.80703 6.99987 4.51677C5.51983 5.50571 4.36627 6.91131 3.68508 8.55585C3.0039 10.2004 2.82567 12.01 3.17293 13.7558C3.5202 15.5016 4.37737 17.1053 5.63604 18.364C6.89471 19.6226 8.49836 20.4798 10.2442 20.8271C11.99 21.1743 13.7996 20.9961 15.4442 20.3149C17.0887 19.6337 18.4943 18.4802 19.4832 17.0001C20.193 15.9379 20.6652 14.7418 20.8753 13.4931C21.0127 12.6761 21.6716 12 22.5 12Z",fill:"currentColor"},[e.createElementVNode("animateTransform",{attributeName:"transform",dur:"1s",repeatCount:"indefinite",type:"rotate",values:"0 12 12;360 12 12"})],-1)])))])]),_:3},8,["class","size","icon"]),m.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(s),"text"))},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(C.value),1)])],2)):e.createCommentVNode("",!0)],2))}});exports.SpinnerSizes=l;exports._sfc_main=v;

package/dist/SubMenu/SubMenu.d.ts

@@ -25,8 +25,8 @@ export interface Context {
 }
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<SubMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SubMenuProps> & Readonly<{}>, {
     size: import('..').MenuItemSize;
-    disabled: boolean;
     danger: boolean;
+    disabled: boolean;
     selected: boolean;
     branchIcon: string;
     hoverTrailing: boolean;

package/dist/SubMenu/index.js

@@ -1,4 +1,4 @@
-import { c as u, c } from "../MenuItem.vue_vue_type_script_setup_true_lang-BhAWfw04.js";
+import { c as u, c } from "../MenuItem.vue_vue_type_script_setup_true_lang-CC0ZX8mk.js";
 export {
   u as SubMenu,
   c as default

package/dist/SubMenu/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItem.vue_vue_type_script_setup_true_lang-DweYhLgr.js");exports.SubMenu=e._sfc_main$2;exports.default=e._sfc_main$2;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItem.vue_vue_type_script_setup_true_lang-FR-W6X_P.js");exports.SubMenu=e._sfc_main$2;exports.default=e._sfc_main$2;

package/dist/Switch/Switch.d.ts

@@ -39,21 +39,21 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<SwitchProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (payload: boolean) => any;
     blur: (e: InputEvent) => any;
     change: (value: boolean) => any;
     focus: (e: InputEvent) => any;
+    "update:modelValue": (payload: boolean) => any;
     "update:checked": (value: boolean | "indeterminate") => any;
 }, string, import('vue').PublicProps, Readonly<SwitchProps> & Readonly<{
-    "onUpdate:modelValue"?: ((payload: boolean) => any) | undefined;
     onBlur?: ((e: InputEvent) => any) | undefined;
     onChange?: ((value: boolean) => any) | undefined;
     onFocus?: ((e: InputEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: boolean) => any) | undefined;
     "onUpdate:checked"?: ((value: boolean | "indeterminate") => any) | undefined;
 }>, {
     size: SwitchSize;
-    modelValue: boolean | null;
     disabled: boolean;
+    modelValue: boolean | null;
     required: boolean;
     checked: boolean | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/dist/Switch/index.js

@@ -1,4 +1,4 @@
-import { _ as t, S, _ as e } from "../Switch.vue_vue_type_script_setup_true_lang-Br5agMiY.js";
+import { _ as t, S, _ as e } from "../Switch.vue_vue_type_script_setup_true_lang-C-mChuJl.js";
 export {
   t as Switch,
   S as SwitchSizes,

package/dist/Switch/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Switch.vue_vue_type_script_setup_true_lang--nKqQaQz.js");exports.Switch=e._sfc_main;exports.SwitchSizes=e.SwitchSizes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Switch.vue_vue_type_script_setup_true_lang-jd0vNflL.js");exports.Switch=e._sfc_main;exports.SwitchSizes=e.SwitchSizes;exports.default=e._sfc_main;

package/dist/{Switch.vue_vue_type_script_setup_true_lang-Br5agMiY.js → Switch.vue_vue_type_script_setup_true_lang-C-mChuJl.js}

@@ -1,15 +1,12 @@
-import { defineComponent as A, useSlots as L, computed as t, ref as _, watch as q, createElementBlock as p, openBlock as h, mergeProps as z, unref as e, createVNode as S, createCommentVNode as v, withCtx as y, normalizeClass as r, renderSlot as a, createElementVNode as x, createTextVNode as F, toDisplayString as O } from "vue";
+import { defineComponent as A, useSlots as L, computed as t, ref as _, watch as q, createElementBlock as p, openBlock as h, mergeProps as z, unref as e, createVNode as S, createCommentVNode as v, withCtx as y, normalizeClass as u, renderSlot as a, createElementVNode as x, createTextVNode as F, toDisplayString as O } from "vue";
 import { getBemBlock as R, generateVariantClassList as f, usePCId as j, normCls as k, getBemElement as n } from "@pantograph/utils";
 import { cva as G } from "class-variance-authority";
 import { useEmitAsProps as H, SwitchRoot as J, SwitchThumb as K } from "reka-ui";
 import { omit as I } from "es-toolkit";
-import { a as M } from "./options-J8HfRMSU.js";
-import { u as Q } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
-import { u as W, U as X } from "./useInputDataStates-DCxDvkM-.js";
-import "@vueuse/core";
-import "@tanstack/vue-virtual";
+import { getComponentOptions as M, useComponentStyle as Q, useFormInput as W, useInputDataStates as X } from "@pantograph/utils-vue";
+import "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
 import Y from "@pantograph/style/switch.css?raw";
-const Z = ["2xsm", "xsm", "sm"], ee = ["for"], me = /* @__PURE__ */ A({
+const Z = ["2xsm", "xsm", "sm"], ee = ["for"], de = /* @__PURE__ */ A({
   ...M("Switch"),
   __name: "Switch",
   props: {
@@ -31,17 +28,17 @@ const Z = ["2xsm", "xsm", "sm"], ee = ["for"], me = /* @__PURE__ */ A({
   emits: ["update:checked", "change", "blur", "focus", "update:modelValue"],
   setup(w, { emit: T }) {
     Q("switch", Y);
-    const l = w, i = T, P = H(i), o = R("switch"), $ = G(o, {
+    const o = w, i = T, P = H(i), l = R("switch"), $ = G(l, {
       variants: {
-        size: f(Z, o),
-        innerText: f("inner-text", o),
-        innerIcon: f("inner-icon", o)
+        size: f(Z, l),
+        innerText: f("inner-text", l),
+        innerIcon: f("inner-icon", l)
       }
-    }), c = L(), b = t(() => l.id ?? j(o)), { getDisabled: C } = W(), { rootBindings: U, inputBindings: D } = X({
+    }), c = L(), b = t(() => o.id ?? j(l)), { getDisabled: C } = W(), { rootBindings: D, inputBindings: E } = X({
       getDisabled: () => C.value,
       emit: i
-    }), E = t(() => ({
-      ...I(l, [
+    }), N = t(() => ({
+      ...I(o, [
         "size",
         "class",
         "id",
@@ -55,10 +52,10 @@ const Z = ["2xsm", "xsm", "sm"], ee = ["for"], me = /* @__PURE__ */ A({
       disabled: C.value,
       ...I(P, ["onUpdate:modelValue", "onUpdate:checked"]),
       id: b.value,
-      ...D.value
-    })), u = t(() => l.size === "xsm" ? "3xsm" : "2xsm"), V = t(() => !!(c.label || l.label)), d = t(() => l.modelValue ?? l.checked), m = _(d.value ?? !1);
+      ...E.value
+    })), r = t(() => o.size === "xsm" ? "3xsm" : "2xsm"), V = t(() => !!(c.label || o.label)), d = t(() => o.modelValue ?? o.checked), m = _(d.value ?? !1);
     q(
-      () => [l.modelValue, l.checked],
+      () => [o.modelValue, o.checked],
       () => {
         m.value = d.value ?? !1;
       }
@@ -73,8 +70,8 @@ const Z = ["2xsm", "xsm", "sm"], ee = ["for"], me = /* @__PURE__ */ A({
     });
     return (s, B) => (h(), p("div", z({
       key: V.value,
-      class: e(k)(e(n)(e(o), "root"), l.rootCls)
-    }, e(U)), [
+      class: e(k)(e(n)(e(l), "root"), o.rootCls)
+    }, e(D)), [
       S(e(J), z({
         class: e(k)(
           e($)({
@@ -82,40 +79,40 @@ const Z = ["2xsm", "xsm", "sm"], ee = ["for"], me = /* @__PURE__ */ A({
             innerText: !!(c.checkedText || c.uncheckedText),
             innerIcon: !!(c.checkedIcon || c.uncheckedIcon)
           }),
-          l.class
+          o.class
         )
-      }, E.value, {
+      }, N.value, {
         modelValue: g.value,
-        "onUpdate:modelValue": B[0] || (B[0] = (N) => g.value = N)
+        "onUpdate:modelValue": B[0] || (B[0] = (U) => g.value = U)
       }), {
         default: y(() => [
           S(e(K), {
-            class: r(e(n)(e(o), "thumb"))
+            class: u(e(n)(e(l), "thumb"))
           }, {
             default: y(() => [
               ["xsm", "sm"].includes(s.size) ? a(s.$slots, "thumb", {
                 key: 0,
-                size: u.value
+                size: r.value
               }) : v("", !0)
             ]),
             _: 3
           }, 8, ["class"]),
           ["xsm", "sm"].includes(s.size) ? (h(), p("div", {
             key: 0,
-            class: r(e(n)(e(o), "inner"))
+            class: u(e(n)(e(l), "inner"))
           }, [
             x("div", {
-              class: r(e(n)(e(o), "inner__checked"))
+              class: u(e(n)(e(l), "inner__checked"))
             }, [
               a(s.$slots, "checkedText", {}, () => [
-                a(s.$slots, "checkedIcon", { size: u.value })
+                a(s.$slots, "checkedIcon", { size: r.value })
               ])
             ], 2),
             x("div", {
-              class: r(e(n)(e(o), "inner__unchecked"))
+              class: u(e(n)(e(l), "inner__unchecked"))
             }, [
               a(s.$slots, "uncheckedText", {}, () => [
-                a(s.$slots, "uncheckedIcon", { size: u.value })
+                a(s.$slots, "uncheckedIcon", { size: r.value })
               ])
             ], 2)
           ], 2)) : v("", !0)
@@ -124,7 +121,7 @@ const Z = ["2xsm", "xsm", "sm"], ee = ["for"], me = /* @__PURE__ */ A({
       }, 16, ["class", "modelValue"]),
       V.value ? (h(), p("label", {
         key: 0,
-        class: r(e(k)(e(n)(e(o), "label"), s.labelCls)),
+        class: u(e(k)(e(n)(e(l), "label"), s.labelCls)),
         for: b.value
       }, [
         a(s.$slots, "label", {}, () => [
@@ -136,5 +133,5 @@ const Z = ["2xsm", "xsm", "sm"], ee = ["for"], me = /* @__PURE__ */ A({
 });
 export {
   Z as S,
-  me as _
+  de as _
 };

package/dist/Switch.vue_vue_type_script_setup_true_lang-jd0vNflL.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("@pantograph/utils"),w=require("class-variance-authority"),d=require("reka-ui"),k=require("es-toolkit"),u=require("@pantograph/utils-vue");require("./Icon.vue_vue_type_script_setup_true_lang-Be6ayltH.js");const x=require("@pantograph/style/switch.css?raw"),C=["2xsm","xsm","sm"],I=["for"],T=e.defineComponent({...u.getComponentOptions("Switch"),__name:"Switch",props:{checked:{type:[Boolean,null],default:void 0},size:{default:"xsm"},class:{},rootCls:{},labelCls:{},label:{},defaultValue:{type:Boolean},modelValue:{type:[Boolean,null],default:void 0},disabled:{type:Boolean,default:void 0},id:{},value:{},as:{},name:{},required:{type:Boolean,default:void 0}},emits:["update:checked","change","blur","focus","update:modelValue"],setup(V,{emit:B}){u.useComponentStyle("switch",x);const n=V,o=B,g=d.useEmitAsProps(o),l=s.getBemBlock("switch"),b=w.cva(l,{variants:{size:s.generateVariantClassList(C,l),innerText:s.generateVariantClassList("inner-text",l),innerIcon:s.generateVariantClassList("inner-icon",l)}}),a=e.useSlots(),m=e.computed(()=>n.id??s.usePCId(l)),{getDisabled:f}=u.useFormInput(),{rootBindings:z,inputBindings:S}=u.useInputDataStates({getDisabled:()=>f.value,emit:o}),y=e.computed(()=>({...k.omit(n,["size","class","id","rootCls","labelCls","label","disabled","modelValue","checked"]),disabled:f.value,...k.omit(g,["onUpdate:modelValue","onUpdate:checked"]),id:m.value,...S.value})),c=e.computed(()=>n.size==="xsm"?"3xsm":"2xsm"),p=e.computed(()=>!!(a.label||n.label)),r=e.computed(()=>n.modelValue??n.checked),i=e.ref(r.value??!1);e.watch(()=>[n.modelValue,n.checked],()=>{i.value=r.value??!1});const h=e.computed({get(){return r.value!==void 0?r.value:i.value},set(t){r.value===void 0&&(i.value=t),o("update:checked",t),o("update:modelValue",t),o("change",t)}});return(t,v)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:p.value,class:e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(l),"root"),n.rootCls)},e.unref(z)),[e.createVNode(e.unref(d.SwitchRoot),e.mergeProps({class:e.unref(s.normCls)(e.unref(b)({size:t.size,innerText:!!(a.checkedText||a.uncheckedText),innerIcon:!!(a.checkedIcon||a.uncheckedIcon)}),n.class)},y.value,{modelValue:h.value,"onUpdate:modelValue":v[0]||(v[0]=E=>h.value=E)}),{default:e.withCtx(()=>[e.createVNode(e.unref(d.SwitchThumb),{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"thumb"))},{default:e.withCtx(()=>[["xsm","sm"].includes(t.size)?e.renderSlot(t.$slots,"thumb",{key:0,size:c.value}):e.createCommentVNode("",!0)]),_:3},8,["class"]),["xsm","sm"].includes(t.size)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"inner"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"inner__checked"))},[e.renderSlot(t.$slots,"checkedText",{},()=>[e.renderSlot(t.$slots,"checkedIcon",{size:c.value})])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"inner__unchecked"))},[e.renderSlot(t.$slots,"uncheckedText",{},()=>[e.renderSlot(t.$slots,"uncheckedIcon",{size:c.value})])],2)],2)):e.createCommentVNode("",!0)]),_:3},16,["class","modelValue"]),p.value?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(l),"label"),t.labelCls)),for:m.value},[e.renderSlot(t.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])],10,I)):e.createCommentVNode("",!0)],16))}});exports.SwitchSizes=C;exports._sfc_main=T;

package/dist/THead.vue_vue_type_script_setup_true_lang-DCBqDoCR.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),n=require("@pantograph/utils"),p=require("class-variance-authority"),a=require("@pantograph/utils-vue"),u=require("@pantograph/style/tcell.css?raw"),C=require("@pantograph/style/tr.css?raw"),d=require("@pantograph/style/tbody.css?raw"),y=require("@pantograph/style/table.css?raw"),f=require("@pantograph/style/thead.css?raw"),m=["lg","xlg"],i=n.getBemBlock("table"),k=e.defineComponent({...a.getComponentOptions("Table"),__name:"Table",props:{size:{default:"lg"},class:{}},setup(r){a.useComponentStyle("table",y);const l=r,s=p.cva(i,{variants:{size:n.generateVariantClassList(m,i)}});return(o,t)=>(e.openBlock(),e.createElementBlock("table",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(s)({size:o.size}),l.class))},[e.renderSlot(o.$slots,"default")],2))}}),B=e.defineComponent({...a.getComponentOptions("Th"),__name:"Th",props:{class:{},size:{},selection:{type:Boolean}},setup(r){a.useComponentStyle("tcell",u);const l=r,s=n.getBemElement(i,"th"),o=p.cva(s,{variants:{size:n.generateVariantClassList(m,s),selection:n.generateVariantClassList("selection",s)}});return(t,c)=>(e.openBlock(),e.createElementBlock("th",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(o)({size:t.size,selection:t.selection}),l.class))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(s),"content"))},[e.renderSlot(t.$slots,"default")],2)],2))}}),z=e.defineComponent({...a.getComponentOptions("Td"),__name:"Td",props:{class:{},size:{},empty:{type:Boolean},wrap:{type:Boolean},lazyLoadObserver:{type:Boolean}},setup(r){a.useComponentStyle("tcell",u);const l=r,s=n.getBemElement(i,"td"),o=p.cva(s,{variants:{size:n.generateVariantClassList(m,s),lazyLoadObserver:n.generateVariantClassList("lazy-load-observer",s),wrap:n.generateVariantClassList("wrap",s)}}),t=e.useSlots();return(c,$)=>(e.openBlock(),e.createElementBlock("td",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(o)({size:c.size,lazyLoadObserver:c.lazyLoadObserver,wrap:c.wrap}),{paragraph:c.wrap},l.class))},[c.empty?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(s),"empty"))},[e.renderSlot(c.$slots,"default")],2)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(c.$slots,"default"),t.absoluteAction?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(s),"absolute_action"))},[e.renderSlot(c.$slots,"absoluteAction")],2)):e.createCommentVNode("",!0)],64))],2))}}),b=["onClick","onDblclick","onContextmenu","onMouseenter","onMouseleave"],v=e.defineComponent({...a.getComponentOptions("Tr"),__name:"Tr",props:{class:{},zebra:{type:Boolean},empty:{type:Boolean},checked:{type:Boolean},lazyLoadObserver:{type:Boolean},onClick:{type:Function},onDblclick:{type:Function},onContextmenu:{type:Function},onMouseenter:{type:Function},onMouseleave:{type:Function}},setup(r){a.useComponentStyle("tr",C);const l=r,s=n.getBemElement(i,"tr"),o=p.cva(s,{variants:{zebra:n.generateVariantClassList("zebra",s),empty:n.generateVariantClassList("empty",s),checked:n.generateVariantClassList("checked",s),lazyLoadObserver:n.generateVariantClassList("lazy-load-observer",s)}});return(t,c)=>(e.openBlock(),e.createElementBlock("tr",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(o)({zebra:t.zebra,empty:t.empty,checked:t.checked,lazyLoadObserver:t.lazyLoadObserver}),l.class)),onClick:t.onClick,onDblclick:t.onDblclick,onContextmenu:t.onContextmenu,onMouseenter:t.onMouseenter,onMouseleave:t.onMouseleave},[e.renderSlot(t.$slots,"default")],42,b))}}),g=e.defineComponent({...a.getComponentOptions("TBody"),__name:"TBody",props:{class:{}},setup(r){a.useComponentStyle("tbody",d);const l=r,s=n.getBemElement(i,"tbody");return(o,t)=>(e.openBlock(),e.createElementBlock("tbody",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(s),l.class))},[e.renderSlot(o.$slots,"default")],2))}}),_=e.defineComponent({...a.getComponentOptions("THead"),__name:"THead",props:{class:{},sticky:{type:Boolean}},setup(r){a.useComponentStyle("thead",f);const l=r,s=n.getBemElement(i,"thead"),o=p.cva(s,{variants:{sticky:n.generateVariantClassList("sticky",s)}});return(t,c)=>(e.openBlock(),e.createElementBlock("thead",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(o)({sticky:t.sticky}),l.class))},[e.renderSlot(t.$slots,"default")],2))}});exports.TableSizes=m;exports._sfc_main=k;exports._sfc_main$1=B;exports._sfc_main$2=z;exports._sfc_main$3=v;exports._sfc_main$4=g;exports._sfc_main$5=_;

package/dist/{THead.vue_vue_type_script_setup_true_lang-B8EBMO33.js → THead.vue_vue_type_script_setup_true_lang-DEiGZvbY.js}

@@ -1,18 +1,13 @@
 import { defineComponent as y, createElementBlock as c, openBlock as p, normalizeClass as i, unref as o, renderSlot as m, createElementVNode as C, useSlots as T, Fragment as B, createCommentVNode as $ } from "vue";
 import { getBemBlock as _, generateVariantClassList as l, normCls as b, getBemElement as u } from "@pantograph/utils";
 import { cva as v } from "class-variance-authority";
-import { a as f } from "./options-J8HfRMSU.js";
-import { u as z } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
-import "es-toolkit";
-import "reka-ui";
-import "@vueuse/core";
-import "@tanstack/vue-virtual";
+import { getComponentOptions as f, useComponentStyle as z } from "@pantograph/utils-vue";
 import h from "@pantograph/style/tcell.css?raw";
 import g from "@pantograph/style/tr.css?raw";
 import L from "@pantograph/style/tbody.css?raw";
 import O from "@pantograph/style/table.css?raw";
 import M from "@pantograph/style/thead.css?raw";
-const k = ["lg", "xlg"], d = _("table"), Q = /* @__PURE__ */ y({
+const k = ["lg", "xlg"], d = _("table"), q = /* @__PURE__ */ y({
   ...f("Table"),
   __name: "Table",
   props: {
@@ -39,7 +34,7 @@ const k = ["lg", "xlg"], d = _("table"), Q = /* @__PURE__ */ y({
       m(t.$slots, "default")
     ], 2));
   }
-}), R = /* @__PURE__ */ y({
+}), G = /* @__PURE__ */ y({
   ...f("Th"),
   __name: "Th",
   props: {
@@ -73,7 +68,7 @@ const k = ["lg", "xlg"], d = _("table"), Q = /* @__PURE__ */ y({
       ], 2)
     ], 2));
   }
-}), U = /* @__PURE__ */ y({
+}), I = /* @__PURE__ */ y({
   ...f("Td"),
   __name: "Td",
   props: {
@@ -121,7 +116,7 @@ const k = ["lg", "xlg"], d = _("table"), Q = /* @__PURE__ */ y({
       ], 64))
     ], 2));
   }
-}), w = ["onClick", "onDblclick", "onContextmenu", "onMouseenter", "onMouseleave"], W = /* @__PURE__ */ y({
+}), w = ["onClick", "onDblclick", "onContextmenu", "onMouseenter", "onMouseleave"], J = /* @__PURE__ */ y({
   ...f("Tr"),
   __name: "Tr",
   props: {
@@ -167,7 +162,7 @@ const k = ["lg", "xlg"], d = _("table"), Q = /* @__PURE__ */ y({
       m(s.$slots, "default")
     ], 42, w));
   }
-}), X = /* @__PURE__ */ y({
+}), K = /* @__PURE__ */ y({
   ...f("TBody"),
   __name: "TBody",
   props: {
@@ -182,7 +177,7 @@ const k = ["lg", "xlg"], d = _("table"), Q = /* @__PURE__ */ y({
       m(t.$slots, "default")
     ], 2));
   }
-}), Y = /* @__PURE__ */ y({
+}), Q = /* @__PURE__ */ y({
   ...f("THead"),
   __name: "THead",
   props: {
@@ -205,10 +200,10 @@ const k = ["lg", "xlg"], d = _("table"), Q = /* @__PURE__ */ y({
 });
 export {
   k as T,
-  Q as _,
-  R as a,
-  U as b,
-  W as c,
-  X as d,
-  Y as e
+  q as _,
+  G as a,
+  I as b,
+  J as c,
+  K as d,
+  Q as e
 };

package/dist/TabContent.vue_vue_type_script_setup_true_lang-DmsuHY8J.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),E=require("reka-ui"),u=require("@pantograph/utils-vue"),t=require("@pantograph/utils"),N=require("class-variance-authority"),L=require("./ScrollContainer.vue_vue_type_script_setup_true_lang-CIXeFarD.js"),T=require("./FloatButton.vue_vue_type_script_setup_true_lang-BhhowIQi.js"),w=require("./Divider.vue_vue_type_script_setup_true_lang-D6Tc-M5M.js"),I=require("@pantograph/sortable"),R=require("@pantograph/style/tabs.css?raw"),A=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-Dn5qxQ1y.js"),$=require("./isNumber-DMOjxgl8.js"),O=require("./Skeleton.vue_vue_type_script_setup_true_lang-ywJfG4ii.js"),D=require("./Badge.vue_vue_type_script_setup_true_lang-DJej9nkJ.js"),[S,q]=E.createContext("Tabs"),U=e.defineComponent({...u.getComponentOptions("Tabs",!1),__name:"Tabs",props:{block:{type:Boolean},draggable:{type:Boolean},size:{default:"md"},sortableProps:{},defaultValue:{},orientation:{},dir:{},activationMode:{},modelValue:{},unmountOnHide:{type:Boolean},asChild:{type:Boolean},as:{}},emits:["change","dragStart","dragEnd","update:modelValue"],setup(_,{emit:l}){const n=_,g=l,i=u.useVModel(n,"modelValue",g,{defaultValue:n.defaultValue,passive:n.defaultValue===void 0,onChange:f=>g("change",f)}),{getDir:c}=A.useConfig(),m=c();return q({props:n,emit:g,dir:m,slotProps:e.computed(()=>({size:n.size==="lg"?"md":"sm",iconSize:n.size==="lg"?"sm":"xsm"}))}),(f,r)=>(e.openBlock(),e.createBlock(e.unref(E.TabsRoot),{asChild:"",orientation:"horizontal",modelValue:e.unref(i),"onUpdate:modelValue":r[0]||(r[0]=b=>e.isRef(i)?i.value=b:null),dir:e.unref(m)},{default:e.withCtx(()=>[e.renderSlot(f.$slots,"default")]),_:3},8,["modelValue","dir"]))}}),M=["md","lg"],a=t.getBemBlock("tabs"),v=t.getBemElement(a,"trigger"),j=e.defineComponent({...u.getComponentOptions("TabList"),__name:"TabList",props:{class:{},indicatorCls:{},containerCls:{},fixedActionsCls:{},actionsCls:{},startScrollCls:{},endScrollCls:{}},setup(_){u.useComponentStyle("tabs",R);const l=_,n=e.useSlots(),g=N.cva(a,{variants:{block:t.generateVariantClassList("block",a),size:t.generateVariantClassList(M,a)}}),i=e.ref(),c=S();let m;function f(){m&&clearInterval(m),m=null}const r=o=>{o?b():f()},b=()=>{m||(m=setInterval(()=>{var o,s,d,C;$.isNumber((d=(s=(o=i.value)==null?void 0:o.container)==null?void 0:s.viewportElement)==null?void 0:d.scrollLeft)&&((C=i.value)!=null&&C.rightVisible?f():i.value.container.viewportElement.scrollLeft+=10)},10))},h=o=>{o?V():f()},V=()=>{m||(m=setInterval(()=>{var o,s,d,C;$.isNumber((d=(s=(o=i.value)==null?void 0:o.container)==null?void 0:s.viewportElement)==null?void 0:d.scrollLeft)&&((C=i.value)!=null&&C.leftVisible?f():i.value.container.viewportElement.scrollLeft-=10)},10))},x=()=>{var s;const o=(s=n.actions)==null?void 0:s.call(n,c.slotProps.value);if(!u.isEmptyElement(o))return[e.h(w._sfc_main,{type:"vertical",class:t.getBemElement(a,"actions_divider")}),e.h("div",{class:t.normCls(t.getBemElement(a,"actions"),l.actionsCls)},o)]},y=e.ref(),B=e.ref(!1);let p;e.onMounted(async()=>{c.props.draggable&&y.value&&(p=new I(y.value,{...c.props.sortableProps??{},forceFallback:!1,fallbackOnBody:!1,filter:"[data-draggable=false]",draggable:`.${v}`,dataIdAttr:"id",onStart(o){B.value=!0,c.emit("dragStart",o,p)},onEnd(o){B.value=!1,c.emit("dragEnd",o,p)},getPlaceholder(o){const s=document.createElement("div"),d=o.item.getBoundingClientRect();return s.style.width=`${d.width??100}px`,s.style.height="100%",s.classList.add(t.getBemElement(a,u.sortPlaceholderCls)),e.render(e.h("div",{class:u.sortPlaceholderVariantsClass({size:c.slotProps.value.size})}),s),s}}))}),e.onBeforeUnmount(()=>{f(),p&&(p.destroy(),p=void 0)});const{CollectionSlot:z,itemMap:P}=u.useCollection({isProvider:!0,key:a});return(o,s)=>(e.openBlock(),e.createBlock(e.unref(z),null,{default:e.withCtx(()=>[e.createVNode(e.unref(E.TabsList),{class:e.normalizeClass(e.unref(t.normCls)(e.unref(g)({block:e.unref(c).props.block,size:e.unref(c).props.size}),l.class)),loop:!1,asChild:!1,style:e.normalizeStyle({"--ptc-tabs-count":e.unref(P).size})},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(a),"wrapper"))},[e.createVNode(L._sfc_main,{wrapCls:e.unref(t.getBemElement)(e.unref(a),"scroll_wrap"),rootCls:e.unref(t.getBemElement)(e.unref(a),"scroll_root"),areaCls:e.unref(t.getBemElement)(e.unref(a),"scroll_area"),dir:e.unref(c).dir.value,ref_key:"scrollContainer",ref:i,overlay:!1,hasMask:!e.unref(c).props.block,hideHorizontalScrollbar:""},e.createSlots({default:e.withCtx(()=>[e.createVNode(e.unref(E.TabsIndicator),{class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"indicator"),l.indicatorCls)),hasMask:""},null,8,["class"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"container"),l.containerCls)),ref_key:"container",ref:y},[e.renderSlot(o.$slots,"default")],2)]),_:2},[e.unref(c).props.block?void 0:{name:"root",fn:e.withCtx(()=>{var d,C;return[!((d=i.value)!=null&&d.leftVisible)&&!B.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"left_scroll"),l.startScrollCls))},[e.createVNode(T._sfc_main,{type:"outline",icon:"tabler:chevron-left",size:"sm",color:"neutral",onMousedown:s[0]||(s[0]=k=>h(!0)),onMouseup:s[1]||(s[1]=k=>h(!1)),onMouseleave:s[2]||(s[2]=k=>h(!1))})],2)):e.createCommentVNode("",!0),!((C=i.value)!=null&&C.rightVisible)&&!B.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"right_scroll"),l.endScrollCls))},[e.createVNode(T._sfc_main,{type:"outline",icon:"tabler:chevron-right",size:"sm",color:"neutral",onMousedown:s[3]||(s[3]=k=>r(!0)),onMouseup:s[4]||(s[4]=k=>r(!1)),onMouseleave:s[5]||(s[5]=k=>r(!1))})],2)):e.createCommentVNode("",!0)]}),key:"0"}]),1032,["wrapCls","rootCls","areaCls","dir","hasMask"]),e.createVNode(x)],2),o.$slots.fixedActions?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"fixed_actions"),l.fixedActionsCls))},[e.renderSlot(o.$slots,"fixedActions",e.normalizeProps(e.guardReactiveProps(e.unref(c).slotProps.value)))],2)):e.createCommentVNode("",!0),e.createVNode(w._sfc_main,{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(a),"underline"))},null,8,["class"])]),_:3},8,["class","style"])]),_:3}))}}),F=e.defineComponent({...u.getComponentOptions("TabsTrigger"),__name:"TabTrigger",props:{text:{},loading:{type:Boolean,default:void 0},draggable:{type:Boolean,default:void 0},class:{},contentCls:{},textCls:{},trailingCls:{},actionCls:{},badgeProps:{},value:{},disabled:{type:Boolean}},setup(_){const l=_,n=e.useSlots(),g=N.cva(v,{variants:{loading:t.generateVariantClassList("loading",v)}}),i=S(),c=()=>{var b,h,V,x,y,B,p;const r=[];if(l.loading)r.push(e.h(O._sfc_main,{size:i.slotProps.value.size,class:t.getBemElement(v,"skeleton")}));else{const z=(b=n.leading)==null?void 0:b.call(n,i.slotProps.value),P=(h=n.text)==null?void 0:h.call(n,{});u.isEmptyElement(z)||r.push(z);const o=!u.isEmptyElement(P);(o||l.text)&&r.push(e.h("div",{class:t.normCls(t.getBemElement(v,"text"),l.textCls)},o?P:l.text));const s=(V=n.trailing)==null?void 0:V.call(n,i.slotProps.value);u.isEmptyElement(s)||r.push(e.h("div",{class:t.normCls(t.getBemElement(v,"trailing"),l.trailingCls)},s)),(n.badgeIcon||n.badge||(x=l.badgeProps)!=null&&x.text||(y=l.badgeProps)!=null&&y.icon)&&r.push(e.h(D._sfc_main,{...l.badgeProps??{},size:"xsm",color:((B=l.badgeProps)==null?void 0:B.color)??"primary-subtle"},{default:n.badge,icon:n.badgeIcon}));const d=(p=n.action)==null?void 0:p.call(n,i.slotProps.value);u.isEmptyElement(d)||r.push(e.h("div",{class:t.normCls(t.getBemElement(v,"action"),l.actionCls)},d))}return e.h("div",{class:t.normCls(t.getBemElement(v,"content"),l.contentCls)},r)},{CollectionItem:m}=u.useCollection({key:a}),f=e.computed(()=>l.disabled||l.draggable===!1?!1:void 0);return(r,b)=>(e.openBlock(),e.createBlock(e.unref(m),null,{default:e.withCtx(()=>[e.createVNode(e.unref(E.TabsTrigger),{asChild:!1,as:"button",value:r.value,"data-draggable":f.value,disabled:r.loading||r.disabled,class:e.normalizeClass(e.unref(t.normCls)(e.unref(g)({loading:r.loading}),l.class))},{default:e.withCtx(()=>[e.createVNode(c)]),_:1},8,["value","data-draggable","disabled","class"])]),_:1}))}}),H=e.defineComponent({...u.getComponentOptions("TabContent"),__name:"TabContent",props:{value:{},forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},setup(_){const l=_;return(n,g)=>(e.openBlock(),e.createBlock(e.unref(E.TabsContent),e.normalizeProps(e.guardReactiveProps(l)),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16))}});exports.TabsSizes=M;exports._sfc_main=U;exports._sfc_main$1=j;exports._sfc_main$2=F;exports._sfc_main$3=H;exports.injectTabsContext=S;exports.provideTabsContext=q;exports.tabsPrefix=a;