@pantograph/vue 0.30.8 → 0.30.10

package/dist/Tabs/index.js

@@ -1,17 +1,17 @@
-import { defineComponent as j, computed as L, createBlock as A, openBlock as y, unref as e, isRef as le, withCtx as I, renderSlot as U, useSlots as Z, ref as q, watch as ne, onMounted as re, render as ie, h as m, onBeforeUnmount as de, createVNode as B, normalizeStyle as ce, normalizeClass as d, createElementVNode as w, createElementBlock as G, createCommentVNode as J, normalizeProps as ee, guardReactiveProps as te, withModifiers as ue } from "vue";
-import { createContext as fe, TabsRoot as pe, TabsList as ge, TabsIndicator as me, TabsTrigger as ve, TabsContent as be } from "reka-ui";
-import { useConfig as Ce } from "../ConfigProvider/index.js";
-import { useVModel as Te, useCollection as se, isEmptyElement as R, installComponent as F } from "@pantograph/utils-vue";
-import { getComponentOptions as H, getBemBlock as ye, getBemElement as n, generateVariantClassList as Q, sortPlaceholderCls as Pe, sortPlaceholderVariantsClass as _e, normCls as c, usePCId as he, getComponentName as K } from "@pantograph/utils";
-import Se from "@pantograph/sortable";
+import { defineComponent as U, computed as M, createBlock as L, openBlock as S, unref as e, isRef as le, withCtx as O, renderSlot as D, useSlots as Z, ref as q, watch as ne, onMounted as re, render as ie, h as b, onBeforeUnmount as ce, createVNode as _, normalizeStyle as ue, normalizeClass as u, createElementVNode as N, createElementBlock as G, createCommentVNode as J, normalizeProps as ee, guardReactiveProps as te, withModifiers as de } from "vue";
+import { createContext as ge, TabsRoot as pe, TabsList as fe, TabsIndicator as me, TabsTrigger as be, TabsContent as ve } from "reka-ui";
+import { useConfig as ye } from "../ConfigProvider/index.js";
+import { useVModel as Ce, useCollection as oe, isEmptyElement as w, installComponent as F } from "@pantograph/utils-vue";
+import { getComponentOptions as H, getBemBlock as Te, getBemElement as l, generateVariantClassList as Q, sortPlaceholderCls as Se, sortPlaceholderVariantsClass as Be, normCls as d, usePCId as Pe, getComponentName as K } from "@pantograph/utils";
+import he from "@pantograph/sortable";
 import { useScroll as xe } from "@vueuse/core";
-import { cva as oe } from "class-variance-authority";
-import { _ as W } from "../FloatButton.vue_vue_type_script_setup_true_lang-BuUin84o.js";
-import { _ as X } from "../Divider.vue_vue_type_style_index_0_lang-GfWcHNix.js";
+import { cva as ae } from "class-variance-authority";
+import { _ as W } from "../FloatButton.vue_vue_type_script_setup_true_lang-CunaTFDQ.js";
+import { _ as X } from "../Divider.vue_vue_type_style_index_0_lang-eXMD78c3.js";
 import { i as Y } from "../isNumber-BduWbB-B.js";
-import { _ as Be } from "../Skeleton.vue_vue_type_style_index_0_lang-DOsf2SEN.js";
-import { _ as ke } from "../Badge.vue_vue_type_script_setup_true_lang-BYCiP2uS.js";
-const [ae, ze] = fe("Tabs"), $e = /* @__PURE__ */ j({
+import { _ as _e } from "../Skeleton.vue_vue_type_style_index_0_lang-BrFBNDlI.js";
+import { _ as ke } from "../Badge.vue_vue_type_script_setup_true_lang-D5HMKOHA.js";
+const [se, ze] = ge("Tabs"), $e = /* @__PURE__ */ U({
   ...H("Tabs", !1),
   __name: "Tabs",
   props: {
@@ -29,193 +29,193 @@ const [ae, ze] = fe("Tabs"), $e = /* @__PURE__ */ j({
     as: {}
   },
   emits: ["change", "dragStart", "dragEnd", "update:modelValue"],
-  setup(P, { emit: s }) {
-    const t = P, v = s, u = Te(t, "modelValue", v, {
+  setup(c, { emit: o }) {
+    const t = c, v = o, g = Ce(t, "modelValue", v, {
       defaultValue: t.defaultValue,
       passive: t.defaultValue === void 0,
-      onChange: (_) => v("change", _)
-    }), { getDir: b } = Ce(), p = b();
+      onChange: (B) => v("change", B)
+    }), { getDir: y } = ye(), f = y();
     return ze({
       props: t,
       emit: v,
-      dir: p,
-      slotProps: L(() => ({
+      dir: f,
+      slotProps: M(() => ({
         size: t.size === "lg" ? "md" : "sm",
         iconSize: t.size === "lg" ? "sm" : "xsm"
       }))
-    }), (_, k) => (y(), A(e(pe), {
+    }), (B, k) => (S(), L(e(pe), {
       asChild: "",
       orientation: "horizontal",
-      modelValue: e(u),
-      "onUpdate:modelValue": k[0] || (k[0] = (h) => le(u) ? u.value = h : null),
-      dir: e(p)
+      modelValue: e(g),
+      "onUpdate:modelValue": k[0] || (k[0] = (P) => le(g) ? g.value = P : null),
+      dir: e(f)
     }, {
-      default: I(() => [
-        U(_.$slots, "default")
+      default: O(() => [
+        D(B.$slots, "default")
       ]),
       _: 3
     }, 8, ["modelValue", "dir"]));
   }
-}), Ve = ["md", "lg"], l = ye("tabs"), g = n(l, "trigger"), Me = /* @__PURE__ */ j({
+}), Ae = ["md", "lg"], s = Te("tabs"), m = l(s, "trigger"), Ve = /* @__PURE__ */ U({
   ...H("TabList"),
   __name: "TabList",
   props: {
-    class: {},
-    indicatorCls: {},
-    containerCls: {},
-    fixedActionsCls: {},
-    actionsCls: {},
-    startScrollCls: {},
-    endScrollCls: {}
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    indicatorCls: { type: [Array, Object, String, Number, null, Boolean] },
+    containerCls: { type: [Array, Object, String, Number, null, Boolean] },
+    fixedActionsCls: { type: [Array, Object, String, Number, null, Boolean] },
+    actionsCls: { type: [Array, Object, String, Number, null, Boolean] },
+    startScrollCls: { type: [Array, Object, String, Number, null, Boolean] },
+    endScrollCls: { type: [Array, Object, String, Number, null, Boolean] }
   },
-  setup(P) {
-    const s = P, t = Z(), v = oe(l, {
+  setup(c) {
+    const o = c, t = Z(), v = ae(s, {
       variants: {
-        block: Q("block", l),
-        size: Q(Ve, l)
+        block: Q("block", s),
+        size: Q(Ae, s)
       }
-    }), u = q(), { arrivedState: b, x: p, measure: _ } = xe(u), { CollectionSlot: k, itemMap: h } = se({ isProvider: !0, key: l }), a = L(() => Array.from(h.value.keys()).toString());
-    ne(a, _, { immediate: !0 });
-    const C = L(() => S.value ? !1 : i.dir.value === "ltr" ? !b.left : !b.right), E = L(() => S.value ? !1 : i.dir.value === "ltr" ? !b.right : !b.left), i = ae();
-    let f;
+    }), g = q(), { arrivedState: y, x: f, measure: B } = xe(g), { CollectionSlot: k, itemMap: P } = oe({ isProvider: !0, key: s }), r = M(() => Array.from(P.value.keys()).toString());
+    ne(r, B, { immediate: !0 });
+    const C = M(() => h.value ? !1 : i.dir.value === "ltr" ? !y.left : !y.right), j = M(() => h.value ? !1 : i.dir.value === "ltr" ? !y.right : !y.left), i = se();
+    let p;
     function T() {
-      f && clearInterval(f), f = null;
+      p && clearInterval(p), p = null;
     }
-    const z = (r) => {
-      r ? N() : T();
-    }, N = () => {
-      f || (f = setInterval(() => {
-        Y(p.value) && (E.value ? p.value += 10 : T());
+    const z = (n) => {
+      n ? I() : T();
+    }, I = () => {
+      p || (p = setInterval(() => {
+        Y(f.value) && (j.value ? f.value += 10 : T());
       }, 10));
-    }, $ = (r) => {
-      r ? D() : T();
-    }, D = () => {
-      f || (f = setInterval(() => {
-        Y(p.value) && (C.value ? p.value -= 10 : T());
+    }, $ = (n) => {
+      n ? E() : T();
+    }, E = () => {
+      p || (p = setInterval(() => {
+        Y(f.value) && (C.value ? f.value -= 10 : T());
       }, 10));
-    }, O = () => {
-      var o;
-      const r = (o = t.actions) == null ? void 0 : o.call(t, i.slotProps.value);
-      if (!R(r))
+    }, R = () => {
+      var a;
+      const n = (a = t.actions) == null ? void 0 : a.call(t, i.slotProps.value);
+      if (!w(n))
         return [
-          m(X, {
+          b(X, {
             type: "vertical",
-            class: n(l, "actions_divider")
+            class: l(s, "actions_divider")
           }),
-          m(
+          b(
             "div",
-            { class: c(n(l, "actions"), s.actionsCls) },
-            r
+            { class: d(l(s, "actions"), o.actionsCls) },
+            n
           )
         ];
-    }, V = q(), S = q(!1);
-    let M;
+    }, A = q(), h = q(!1);
+    let V;
     return re(async () => {
-      i.props.draggable && V.value && (M = new Se(V.value, {
+      i.props.draggable && A.value && (V = new he(A.value, {
         ...i.props.sortableProps ?? {},
         forceFallback: !1,
         fallbackOnBody: !1,
         filter: "[data-draggable=false]",
-        draggable: `.${g}`,
+        draggable: `.${m}`,
         dataIdAttr: "id",
-        onStart(r) {
-          S.value = !0, i.emit("dragStart", r, M);
+        onStart(n) {
+          h.value = !0, i.emit("dragStart", n, V);
         },
-        onEnd(r) {
-          S.value = !1, i.emit("dragEnd", r, M);
+        onEnd(n) {
+          h.value = !1, i.emit("dragEnd", n, V);
         },
-        getPlaceholder(r) {
-          const o = document.createElement("div"), x = r.item.getBoundingClientRect();
-          return o.style.width = `${x.width ?? 100}px`, o.style.height = "100%", o.classList.add(n(l, Pe)), ie(
-            m("div", {
-              class: _e({ size: i.slotProps.value.size })
+        getPlaceholder(n) {
+          const a = document.createElement("div"), x = n.item.getBoundingClientRect();
+          return a.style.width = `${x.width ?? 100}px`, a.style.height = "100%", a.classList.add(l(s, Se)), ie(
+            b("div", {
+              class: Be({ size: i.slotProps.value.size })
             }),
-            o
-          ), o;
+            a
+          ), a;
         }
       }));
-    }), de(() => {
-      T(), M && (M.destroy(), M = void 0);
-    }), (r, o) => (y(), A(e(k), null, {
-      default: I(() => [
-        B(e(ge), {
-          class: d(
-            e(c)(
+    }), ce(() => {
+      T(), V && (V.destroy(), V = void 0);
+    }), (n, a) => (S(), L(e(k), null, {
+      default: O(() => [
+        _(e(fe), {
+          class: u(
+            e(d)(
               e(v)({ block: e(i).props.block, size: e(i).props.size }),
-              s.class
+              o.class
             )
           ),
           loop: !1,
           asChild: !1,
-          style: ce({ "--ptc-tabs-count": e(h).size })
+          style: ue({ "--ptc-tabs-count": e(P).size })
         }, {
-          default: I(() => [
-            w("div", {
-              class: d(e(n)(e(l), "wrapper"))
+          default: O(() => [
+            N("div", {
+              class: u(e(l)(e(s), "wrapper"))
             }, [
-              w("div", {
-                class: d(e(n)(e(l), "scroll__wrapper"))
+              N("div", {
+                class: u(e(l)(e(s), "scroll__wrapper"))
               }, [
-                C.value ? (y(), G("div", {
+                C.value ? (S(), G("div", {
                   key: 0,
-                  class: d(e(c)(e(n)(e(l), "left_scroll"), s.startScrollCls))
+                  class: u(e(d)(e(l)(e(s), "left_scroll"), o.startScrollCls))
                 }, [
-                  B(W, {
+                  _(W, {
                     type: "outline",
                     icon: "tabler:chevron-left",
                     size: "sm",
                     color: "neutral",
-                    onMousedown: o[0] || (o[0] = (x) => $(!0)),
-                    onMouseup: o[1] || (o[1] = (x) => $(!1)),
-                    onMouseleave: o[2] || (o[2] = (x) => $(!1))
+                    onMousedown: a[0] || (a[0] = (x) => $(!0)),
+                    onMouseup: a[1] || (a[1] = (x) => $(!1)),
+                    onMouseleave: a[2] || (a[2] = (x) => $(!1))
                   })
                 ], 2)) : J("", !0),
-                w("div", {
-                  class: d(e(n)(e(l), "scroll")),
+                N("div", {
+                  class: u(e(l)(e(s), "scroll")),
                   ref_key: "scrollBar",
-                  ref: u
+                  ref: g
                 }, [
-                  w("div", {
-                    class: d(e(n)(e(l), "indicator__container"))
+                  N("div", {
+                    class: u(e(l)(e(s), "indicator__container"))
                   }, [
-                    (y(), A(e(me), {
-                      key: a.value,
-                      class: d(e(c)(e(n)(e(l), "indicator"), s.indicatorCls))
+                    (S(), L(e(me), {
+                      key: r.value,
+                      class: u(e(d)(e(l)(e(s), "indicator"), o.indicatorCls))
                     }, null, 8, ["class"])),
-                    w("div", {
-                      class: d(e(c)(e(n)(e(l), "container"), s.containerCls)),
+                    N("div", {
+                      class: u(e(d)(e(l)(e(s), "container"), o.containerCls)),
                       ref_key: "container",
-                      ref: V
+                      ref: A
                     }, [
-                      U(r.$slots, "default")
+                      D(n.$slots, "default")
                     ], 2)
                   ], 2)
                 ], 2),
-                E.value ? (y(), G("div", {
+                j.value ? (S(), G("div", {
                   key: 1,
-                  class: d(e(c)(e(n)(e(l), "right_scroll"), s.endScrollCls))
+                  class: u(e(d)(e(l)(e(s), "right_scroll"), o.endScrollCls))
                 }, [
-                  B(W, {
+                  _(W, {
                     type: "outline",
                     icon: "tabler:chevron-right",
                     size: "sm",
                     color: "neutral",
-                    onMousedown: o[3] || (o[3] = (x) => z(!0)),
-                    onMouseup: o[4] || (o[4] = (x) => z(!1)),
-                    onMouseleave: o[5] || (o[5] = (x) => z(!1))
+                    onMousedown: a[3] || (a[3] = (x) => z(!0)),
+                    onMouseup: a[4] || (a[4] = (x) => z(!1)),
+                    onMouseleave: a[5] || (a[5] = (x) => z(!1))
                   })
                 ], 2)) : J("", !0)
               ], 2),
-              B(O)
+              _(R)
             ], 2),
-            r.$slots.fixedActions ? (y(), G("div", {
+            n.$slots.fixedActions ? (S(), G("div", {
               key: 0,
-              class: d(e(c)(e(n)(e(l), "fixed_actions"), s.fixedActionsCls))
+              class: u(e(d)(e(l)(e(s), "fixed_actions"), o.fixedActionsCls))
             }, [
-              U(r.$slots, "fixedActions", ee(te(e(i).slotProps.value)))
+              D(n.$slots, "fixedActions", ee(te(e(i).slotProps.value)))
             ], 2)) : J("", !0),
-            B(X, {
-              class: d(e(n)(e(l), "underline"))
+            _(X, {
+              class: u(e(l)(e(s), "underline"))
             }, null, 8, ["class"])
           ]),
           _: 3
@@ -224,7 +224,7 @@ const [ae, ze] = fe("Tabs"), $e = /* @__PURE__ */ j({
       _: 3
     }));
   }
-}), we = ["id", "data-draggable", "disabled"], Le = /* @__PURE__ */ j({
+}), Ne = ["id", "data-draggable", "disabled"], Me = /* @__PURE__ */ U({
   ...H("TabsTrigger"),
   __name: "TabTrigger",
   props: {
@@ -232,59 +232,59 @@ const [ae, ze] = fe("Tabs"), $e = /* @__PURE__ */ j({
     text: {},
     loading: { type: Boolean, default: void 0 },
     draggable: { type: Boolean, default: void 0 },
-    class: {},
-    contentCls: {},
-    textCls: {},
-    trailingCls: {},
-    actionCls: {},
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    contentCls: { type: [Array, Object, String, Number, null, Boolean] },
+    textCls: { type: [Array, Object, String, Number, null, Boolean] },
+    trailingCls: { type: [Array, Object, String, Number, null, Boolean] },
+    actionCls: { type: [Array, Object, String, Number, null, Boolean] },
     badgeProps: {},
     value: {},
     disabled: { type: Boolean }
   },
-  setup(P) {
-    const s = P, t = Z(), v = oe(g, {
+  setup(c) {
+    const o = c, t = Z(), v = ae(m, {
       variants: {
-        loading: Q("loading", g)
+        loading: Q("loading", m)
       }
-    }), u = ae(), b = (a) => {
-      a.stopPropagation(), a.preventDefault();
-    }, p = () => {
-      var C, E, i, f, T, z, N;
-      const a = [];
-      if (s.loading)
-        a.push(
-          m(Be, {
-            size: u.slotProps.value.size,
-            class: n(g, "skeleton")
+    }), g = se(), y = (r) => {
+      r.stopPropagation(), r.preventDefault();
+    }, f = () => {
+      var C, j, i, p, T, z, I;
+      const r = [];
+      if (o.loading)
+        r.push(
+          b(_e, {
+            size: g.slotProps.value.size,
+            class: l(m, "skeleton")
           })
         );
       else {
-        const $ = (C = t.leading) == null ? void 0 : C.call(t, u.slotProps.value), D = (E = t.text) == null ? void 0 : E.call(t, {});
-        R($) || a.push($);
-        const O = !R(D);
-        (O || s.text) && a.push(
-          m(
+        const $ = (C = t.leading) == null ? void 0 : C.call(t, g.slotProps.value), E = (j = t.text) == null ? void 0 : j.call(t, {});
+        w($) || r.push($);
+        const R = !w(E);
+        (R || o.text) && r.push(
+          b(
             "div",
             {
-              class: c(n(g, "text"), s.textCls)
+              class: d(l(m, "text"), o.textCls)
             },
-            O ? D : s.text
+            R ? E : o.text
           )
         );
-        const V = (i = t.trailing) == null ? void 0 : i.call(t, u.slotProps.value);
-        R(V) || a.push(
-          m(
+        const A = (i = t.trailing) == null ? void 0 : i.call(t, g.slotProps.value);
+        w(A) || r.push(
+          b(
             "div",
-            { class: c(n(g, "trailing"), s.trailingCls) },
-            V
+            { class: d(l(m, "trailing"), o.trailingCls) },
+            A
           )
-        ), (t.badgeIcon || t.badge || (f = s.badgeProps) != null && f.text || (T = s.badgeProps) != null && T.icon) && a.push(
-          m(
+        ), (t.badgeIcon || t.badge || (p = o.badgeProps) != null && p.text || (T = o.badgeProps) != null && T.icon) && r.push(
+          b(
             ke,
             {
-              ...s.badgeProps ?? {},
+              ...o.badgeProps ?? {},
               size: "xsm",
-              color: ((z = s.badgeProps) == null ? void 0 : z.color) ?? "primary-subtle"
+              color: ((z = o.badgeProps) == null ? void 0 : z.color) ?? "primary-subtle"
             },
             {
               default: t.badge,
@@ -292,48 +292,48 @@ const [ae, ze] = fe("Tabs"), $e = /* @__PURE__ */ j({
             }
           )
         );
-        const S = (N = t.action) == null ? void 0 : N.call(t, u.slotProps.value);
-        R(S) || a.push(
-          m(
+        const h = (I = t.action) == null ? void 0 : I.call(t, g.slotProps.value);
+        w(h) || r.push(
+          b(
             "div",
             {
-              class: c(n(g, "action"), s.actionCls),
-              onMousedown: b
+              class: d(l(m, "action"), o.actionCls),
+              onMousedown: y
             },
-            S
+            h
           )
         );
       }
-      return m(
+      return b(
         "div",
         {
-          class: c(n(g, "content"), s.contentCls)
+          class: d(l(m, "content"), o.contentCls)
         },
-        a
+        r
       );
-    }, { CollectionItem: _ } = se({ key: l }), k = L(
-      () => s.disabled || s.draggable === !1 ? !1 : void 0
-    ), h = L(() => s.id ?? he(g));
-    return (a, C) => (y(), A(e(_), {
-      value: a.value,
-      id: h.value
+    }, { CollectionItem: B } = oe({ key: s }), k = M(
+      () => o.disabled || o.draggable === !1 ? !1 : void 0
+    ), P = M(() => o.id ?? Pe(m));
+    return (r, C) => (S(), L(e(B), {
+      value: c.value,
+      id: P.value
     }, {
-      default: I(() => [
-        B(e(ve), {
+      default: O(() => [
+        _(e(be), {
           asChild: !0,
-          value: a.value
+          value: c.value
         }, {
-          default: I(() => [
-            w("button", {
-              id: h.value,
+          default: O(() => [
+            N("button", {
+              id: P.value,
               "data-draggable": k.value,
-              disabled: a.loading || a.disabled,
-              class: d(e(c)(e(v)({ loading: a.loading }), s.class)),
-              onMousedown: C[0] || (C[0] = ue(() => {
+              disabled: c.loading || c.disabled,
+              class: u(e(d)(e(v)({ loading: c.loading }), o.class)),
+              onMousedown: C[0] || (C[0] = de(() => {
               }, ["right", "stop", "prevent"]))
             }, [
-              B(p)
-            ], 42, we)
+              _(f)
+            ], 42, Ne)
           ]),
           _: 1
         }, 8, ["value"])
@@ -341,7 +341,7 @@ const [ae, ze] = fe("Tabs"), $e = /* @__PURE__ */ j({
       _: 1
     }, 8, ["value", "id"]));
   }
-}), Ie = /* @__PURE__ */ j({
+}), Oe = /* @__PURE__ */ U({
   ...H("TabContent"),
   __name: "TabContent",
   props: {
@@ -350,27 +350,27 @@ const [ae, ze] = fe("Tabs"), $e = /* @__PURE__ */ j({
     asChild: { type: Boolean },
     as: {}
   },
-  setup(P) {
-    const s = P;
-    return (t, v) => (y(), A(e(be), ee(te(s)), {
-      default: I(() => [
-        U(t.$slots, "default")
+  setup(c) {
+    const o = c;
+    return (t, v) => (S(), L(e(ve), ee(te(o)), {
+      default: O(() => [
+        D(t.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Je = F($e, K("Tabs")), Qe = F(Me, K("TabList")), We = F(Le, K("TabTrigger")), Xe = F(Ie, K("TabContent"));
+}), Je = F($e, K("Tabs")), Qe = F(Ve, K("TabList")), We = F(Me, K("TabTrigger")), Xe = F(Oe, K("TabContent"));
 export {
-  Ie as TabContent,
+  Oe as TabContent,
   Xe as TabContentPlugin,
-  Me as TabList,
+  Ve as TabList,
   Qe as TabListPlugin,
-  Le as TabTrigger,
+  Me as TabTrigger,
   We as TabTriggerPlugin,
   $e as Tabs,
   Je as TabsPlugin,
-  Ve as TabsSizes,
-  ae as injectTabsContext,
+  Ae as TabsSizes,
+  se as injectTabsContext,
   ze as provideTabsContext,
-  l as tabsPrefix
+  s as tabsPrefix
 };

package/dist/Tabs/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),z=require("reka-ui"),F=require("../ConfigProvider/index.umd.cjs"),u=require("@pantograph/utils-vue"),t=require("@pantograph/utils"),H=require("@pantograph/sortable"),K=require("@vueuse/core"),I=require("class-variance-authority"),$=require("../FloatButton.vue_vue_type_script_setup_true_lang-D2jtoN59.js"),L=require("../Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),q=require("../isNumber-DMOjxgl8.js"),G=require("../Skeleton.vue_vue_type_style_index_0_lang-vZBJnVJj.js"),J=require("../Badge.vue_vue_type_script_setup_true_lang-BVE5H-tP.js"),[M,R]=z.createContext("Tabs"),A=e.defineComponent({...t.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(b,{emit:s}){const n=b,g=s,c=u.useVModel(n,"modelValue",g,{defaultValue:n.defaultValue,passive:n.defaultValue===void 0,onChange:_=>g("change",_)}),{getDir:p}=F.useConfig(),m=p();return R({props:n,emit:g,dir:m,slotProps:e.computed(()=>({size:n.size==="lg"?"md":"sm",iconSize:n.size==="lg"?"sm":"xsm"}))}),(_,E)=>(e.openBlock(),e.createBlock(e.unref(z.TabsRoot),{asChild:"",orientation:"horizontal",modelValue:e.unref(c),"onUpdate:modelValue":E[0]||(E[0]=B=>e.isRef(c)?c.value=B:null),dir:e.unref(m)},{default:e.withCtx(()=>[e.renderSlot(_.$slots,"default")]),_:3},8,["modelValue","dir"]))}}),O=["md","lg"],l=t.getBemBlock("tabs"),f=t.getBemElement(l,"trigger"),D=e.defineComponent({...t.getComponentOptions("TabList"),__name:"TabList",props:{class:{},indicatorCls:{},containerCls:{},fixedActionsCls:{},actionsCls:{},startScrollCls:{},endScrollCls:{}},setup(b){const s=b,n=e.useSlots(),g=I.cva(l,{variants:{block:t.generateVariantClassList("block",l),size:t.generateVariantClassList(O,l)}}),c=e.ref(),{arrivedState:p,x:m,measure:_}=K.useScroll(c),{CollectionSlot:E,itemMap:B}=u.useCollection({isProvider:!0,key:l}),a=e.computed(()=>Array.from(B.value.keys()).toString());e.watch(a,_,{immediate:!0});const C=e.computed(()=>y.value?!1:i.dir.value==="ltr"?!p.left:!p.right),x=e.computed(()=>y.value?!1:i.dir.value==="ltr"?!p.right:!p.left),i=M();let d;function v(){d&&clearInterval(d),d=null}const P=r=>{r?S():v()},S=()=>{d||(d=setInterval(()=>{q.isNumber(m.value)&&(x.value?m.value+=10:v())},10))},h=r=>{r?N():v()},N=()=>{d||(d=setInterval(()=>{q.isNumber(m.value)&&(C.value?m.value-=10:v())},10))},w=()=>{var o;const r=(o=n.actions)==null?void 0:o.call(n,i.slotProps.value);if(!u.isEmptyElement(r))return[e.h(L._sfc_main,{type:"vertical",class:t.getBemElement(l,"actions_divider")}),e.h("div",{class:t.normCls(t.getBemElement(l,"actions"),s.actionsCls)},r)]},k=e.ref(),y=e.ref(!1);let V;return e.onMounted(async()=>{i.props.draggable&&k.value&&(V=new H(k.value,{...i.props.sortableProps??{},forceFallback:!1,fallbackOnBody:!1,filter:"[data-draggable=false]",draggable:`.${f}`,dataIdAttr:"id",onStart(r){y.value=!0,i.emit("dragStart",r,V)},onEnd(r){y.value=!1,i.emit("dragEnd",r,V)},getPlaceholder(r){const o=document.createElement("div"),T=r.item.getBoundingClientRect();return o.style.width=`${T.width??100}px`,o.style.height="100%",o.classList.add(t.getBemElement(l,t.sortPlaceholderCls)),e.render(e.h("div",{class:t.sortPlaceholderVariantsClass({size:i.slotProps.value.size})}),o),o}}))}),e.onBeforeUnmount(()=>{v(),V&&(V.destroy(),V=void 0)}),(r,o)=>(e.openBlock(),e.createBlock(e.unref(E),null,{default:e.withCtx(()=>[e.createVNode(e.unref(z.TabsList),{class:e.normalizeClass(e.unref(t.normCls)(e.unref(g)({block:e.unref(i).props.block,size:e.unref(i).props.size}),s.class)),loop:!1,asChild:!1,style:e.normalizeStyle({"--ptc-tabs-count":e.unref(B).size})},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(l),"wrapper"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(l),"scroll__wrapper"))},[C.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(l),"left_scroll"),s.startScrollCls))},[e.createVNode($._sfc_main,{type:"outline",icon:"tabler:chevron-left",size:"sm",color:"neutral",onMousedown:o[0]||(o[0]=T=>h(!0)),onMouseup:o[1]||(o[1]=T=>h(!1)),onMouseleave:o[2]||(o[2]=T=>h(!1))})],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(l),"scroll")),ref_key:"scrollBar",ref:c},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(l),"indicator__container"))},[(e.openBlock(),e.createBlock(e.unref(z.TabsIndicator),{key:a.value,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(l),"indicator"),s.indicatorCls))},null,8,["class"])),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(l),"container"),s.containerCls)),ref_key:"container",ref:k},[e.renderSlot(r.$slots,"default")],2)],2)],2),x.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(l),"right_scroll"),s.endScrollCls))},[e.createVNode($._sfc_main,{type:"outline",icon:"tabler:chevron-right",size:"sm",color:"neutral",onMousedown:o[3]||(o[3]=T=>P(!0)),onMouseup:o[4]||(o[4]=T=>P(!1)),onMouseleave:o[5]||(o[5]=T=>P(!1))})],2)):e.createCommentVNode("",!0)],2),e.createVNode(w)],2),r.$slots.fixedActions?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(l),"fixed_actions"),s.fixedActionsCls))},[e.renderSlot(r.$slots,"fixedActions",e.normalizeProps(e.guardReactiveProps(e.unref(i).slotProps.value)))],2)):e.createCommentVNode("",!0),e.createVNode(L._sfc_main,{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(l),"underline"))},null,8,["class"])]),_:3},8,["class","style"])]),_:3}))}}),Q=["id","data-draggable","disabled"],j=e.defineComponent({...t.getComponentOptions("TabsTrigger"),__name:"TabTrigger",props:{id:{},text:{},loading:{type:Boolean,default:void 0},draggable:{type:Boolean,default:void 0},class:{},contentCls:{},textCls:{},trailingCls:{},actionCls:{},badgeProps:{},value:{},disabled:{type:Boolean}},setup(b){const s=b,n=e.useSlots(),g=I.cva(f,{variants:{loading:t.generateVariantClassList("loading",f)}}),c=M(),p=a=>{a.stopPropagation(),a.preventDefault()},m=()=>{var C,x,i,d,v,P,S;const a=[];if(s.loading)a.push(e.h(G._sfc_main,{size:c.slotProps.value.size,class:t.getBemElement(f,"skeleton")}));else{const h=(C=n.leading)==null?void 0:C.call(n,c.slotProps.value),N=(x=n.text)==null?void 0:x.call(n,{});u.isEmptyElement(h)||a.push(h);const w=!u.isEmptyElement(N);(w||s.text)&&a.push(e.h("div",{class:t.normCls(t.getBemElement(f,"text"),s.textCls)},w?N:s.text));const k=(i=n.trailing)==null?void 0:i.call(n,c.slotProps.value);u.isEmptyElement(k)||a.push(e.h("div",{class:t.normCls(t.getBemElement(f,"trailing"),s.trailingCls)},k)),(n.badgeIcon||n.badge||(d=s.badgeProps)!=null&&d.text||(v=s.badgeProps)!=null&&v.icon)&&a.push(e.h(J._sfc_main,{...s.badgeProps??{},size:"xsm",color:((P=s.badgeProps)==null?void 0:P.color)??"primary-subtle"},{default:n.badge,icon:n.badgeIcon}));const y=(S=n.action)==null?void 0:S.call(n,c.slotProps.value);u.isEmptyElement(y)||a.push(e.h("div",{class:t.normCls(t.getBemElement(f,"action"),s.actionCls),onMousedown:p},y))}return e.h("div",{class:t.normCls(t.getBemElement(f,"content"),s.contentCls)},a)},{CollectionItem:_}=u.useCollection({key:l}),E=e.computed(()=>s.disabled||s.draggable===!1?!1:void 0),B=e.computed(()=>s.id??t.usePCId(f));return(a,C)=>(e.openBlock(),e.createBlock(e.unref(_),{value:a.value,id:B.value},{default:e.withCtx(()=>[e.createVNode(e.unref(z.TabsTrigger),{asChild:!0,value:a.value},{default:e.withCtx(()=>[e.createElementVNode("button",{id:B.value,"data-draggable":E.value,disabled:a.loading||a.disabled,class:e.normalizeClass(e.unref(t.normCls)(e.unref(g)({loading:a.loading}),s.class)),onMousedown:C[0]||(C[0]=e.withModifiers(()=>{},["right","stop","prevent"]))},[e.createVNode(m)],42,Q)]),_:1},8,["value"])]),_:1},8,["value","id"]))}}),U=e.defineComponent({...t.getComponentOptions("TabContent"),__name:"TabContent",props:{value:{},forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},setup(b){const s=b;return(n,g)=>(e.openBlock(),e.createBlock(e.unref(z.TabsContent),e.normalizeProps(e.guardReactiveProps(s)),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16))}}),W=u.installComponent(A,t.getComponentName("Tabs")),X=u.installComponent(D,t.getComponentName("TabList")),Y=u.installComponent(j,t.getComponentName("TabTrigger")),Z=u.installComponent(U,t.getComponentName("TabContent"));exports.TabContent=U;exports.TabContentPlugin=Z;exports.TabList=D;exports.TabListPlugin=X;exports.TabTrigger=j;exports.TabTriggerPlugin=Y;exports.Tabs=A;exports.TabsPlugin=W;exports.TabsSizes=O;exports.injectTabsContext=M;exports.provideTabsContext=R;exports.tabsPrefix=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),x=require("reka-ui"),F=require("../ConfigProvider/index.umd.cjs"),c=require("@pantograph/utils-vue"),t=require("@pantograph/utils"),H=require("@pantograph/sortable"),K=require("@vueuse/core"),j=require("class-variance-authority"),w=require("../FloatButton.vue_vue_type_script_setup_true_lang-RlW1TNPB.js"),M=require("../Divider.vue_vue_type_style_index_0_lang-Heq87yk1.js"),$=require("../isNumber-DMOjxgl8.js"),G=require("../Skeleton.vue_vue_type_style_index_0_lang-oMsTff2I.js"),J=require("../Badge.vue_vue_type_script_setup_true_lang-CQFRqDV5.js"),[O,L]=x.createContext("Tabs"),q=e.defineComponent({...t.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(u,{emit:l}){const n=u,p=l,d=c.useVModel(n,"modelValue",p,{defaultValue:n.defaultValue,passive:n.defaultValue===void 0,onChange:y=>p("change",y)}),{getDir:b}=F.useConfig(),g=b();return L({props:n,emit:p,dir:g,slotProps:e.computed(()=>({size:n.size==="lg"?"md":"sm",iconSize:n.size==="lg"?"sm":"xsm"}))}),(y,S)=>(e.openBlock(),e.createBlock(e.unref(x.TabsRoot),{asChild:"",orientation:"horizontal",modelValue:e.unref(d),"onUpdate:modelValue":S[0]||(S[0]=B=>e.isRef(d)?d.value=B:null),dir:e.unref(g)},{default:e.withCtx(()=>[e.renderSlot(y.$slots,"default")]),_:3},8,["modelValue","dir"]))}}),I=["md","lg"],s=t.getBemBlock("tabs"),f=t.getBemElement(s,"trigger"),R=e.defineComponent({...t.getComponentOptions("TabList"),__name:"TabList",props:{class:{type:[Array,Object,String,Number,null,Boolean]},indicatorCls:{type:[Array,Object,String,Number,null,Boolean]},containerCls:{type:[Array,Object,String,Number,null,Boolean]},fixedActionsCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},startScrollCls:{type:[Array,Object,String,Number,null,Boolean]},endScrollCls:{type:[Array,Object,String,Number,null,Boolean]}},setup(u){const l=u,n=e.useSlots(),p=j.cva(s,{variants:{block:t.generateVariantClassList("block",s),size:t.generateVariantClassList(I,s)}}),d=e.ref(),{arrivedState:b,x:g,measure:y}=K.useScroll(d),{CollectionSlot:S,itemMap:B}=c.useCollection({isProvider:!0,key:s}),a=e.computed(()=>Array.from(B.value.keys()).toString());e.watch(a,y,{immediate:!0});const C=e.computed(()=>_.value?!1:i.dir.value==="ltr"?!b.left:!b.right),N=e.computed(()=>_.value?!1:i.dir.value==="ltr"?!b.right:!b.left),i=O();let m;function v(){m&&clearInterval(m),m=null}const E=r=>{r?V():v()},V=()=>{m||(m=setInterval(()=>{$.isNumber(g.value)&&(N.value?g.value+=10:v())},10))},P=r=>{r?z():v()},z=()=>{m||(m=setInterval(()=>{$.isNumber(g.value)&&(C.value?g.value-=10:v())},10))},A=()=>{var o;const r=(o=n.actions)==null?void 0:o.call(n,i.slotProps.value);if(!c.isEmptyElement(r))return[e.h(M._sfc_main,{type:"vertical",class:t.getBemElement(s,"actions_divider")}),e.h("div",{class:t.normCls(t.getBemElement(s,"actions"),l.actionsCls)},r)]},h=e.ref(),_=e.ref(!1);let k;return e.onMounted(async()=>{i.props.draggable&&h.value&&(k=new H(h.value,{...i.props.sortableProps??{},forceFallback:!1,fallbackOnBody:!1,filter:"[data-draggable=false]",draggable:`.${f}`,dataIdAttr:"id",onStart(r){_.value=!0,i.emit("dragStart",r,k)},onEnd(r){_.value=!1,i.emit("dragEnd",r,k)},getPlaceholder(r){const o=document.createElement("div"),T=r.item.getBoundingClientRect();return o.style.width=`${T.width??100}px`,o.style.height="100%",o.classList.add(t.getBemElement(s,t.sortPlaceholderCls)),e.render(e.h("div",{class:t.sortPlaceholderVariantsClass({size:i.slotProps.value.size})}),o),o}}))}),e.onBeforeUnmount(()=>{v(),k&&(k.destroy(),k=void 0)}),(r,o)=>(e.openBlock(),e.createBlock(e.unref(S),null,{default:e.withCtx(()=>[e.createVNode(e.unref(x.TabsList),{class:e.normalizeClass(e.unref(t.normCls)(e.unref(p)({block:e.unref(i).props.block,size:e.unref(i).props.size}),l.class)),loop:!1,asChild:!1,style:e.normalizeStyle({"--ptc-tabs-count":e.unref(B).size})},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(s),"wrapper"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(s),"scroll__wrapper"))},[C.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(s),"left_scroll"),l.startScrollCls))},[e.createVNode(w._sfc_main,{type:"outline",icon:"tabler:chevron-left",size:"sm",color:"neutral",onMousedown:o[0]||(o[0]=T=>P(!0)),onMouseup:o[1]||(o[1]=T=>P(!1)),onMouseleave:o[2]||(o[2]=T=>P(!1))})],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(s),"scroll")),ref_key:"scrollBar",ref:d},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(s),"indicator__container"))},[(e.openBlock(),e.createBlock(e.unref(x.TabsIndicator),{key:a.value,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(s),"indicator"),l.indicatorCls))},null,8,["class"])),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(s),"container"),l.containerCls)),ref_key:"container",ref:h},[e.renderSlot(r.$slots,"default")],2)],2)],2),N.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(s),"right_scroll"),l.endScrollCls))},[e.createVNode(w._sfc_main,{type:"outline",icon:"tabler:chevron-right",size:"sm",color:"neutral",onMousedown:o[3]||(o[3]=T=>E(!0)),onMouseup:o[4]||(o[4]=T=>E(!1)),onMouseleave:o[5]||(o[5]=T=>E(!1))})],2)):e.createCommentVNode("",!0)],2),e.createVNode(A)],2),r.$slots.fixedActions?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(s),"fixed_actions"),l.fixedActionsCls))},[e.renderSlot(r.$slots,"fixedActions",e.normalizeProps(e.guardReactiveProps(e.unref(i).slotProps.value)))],2)):e.createCommentVNode("",!0),e.createVNode(M._sfc_main,{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(s),"underline"))},null,8,["class"])]),_:3},8,["class","style"])]),_:3}))}}),Q=["id","data-draggable","disabled"],D=e.defineComponent({...t.getComponentOptions("TabsTrigger"),__name:"TabTrigger",props:{id:{},text:{},loading:{type:Boolean,default:void 0},draggable:{type:Boolean,default:void 0},class:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},textCls:{type:[Array,Object,String,Number,null,Boolean]},trailingCls:{type:[Array,Object,String,Number,null,Boolean]},actionCls:{type:[Array,Object,String,Number,null,Boolean]},badgeProps:{},value:{},disabled:{type:Boolean}},setup(u){const l=u,n=e.useSlots(),p=j.cva(f,{variants:{loading:t.generateVariantClassList("loading",f)}}),d=O(),b=a=>{a.stopPropagation(),a.preventDefault()},g=()=>{var C,N,i,m,v,E,V;const a=[];if(l.loading)a.push(e.h(G._sfc_main,{size:d.slotProps.value.size,class:t.getBemElement(f,"skeleton")}));else{const P=(C=n.leading)==null?void 0:C.call(n,d.slotProps.value),z=(N=n.text)==null?void 0:N.call(n,{});c.isEmptyElement(P)||a.push(P);const A=!c.isEmptyElement(z);(A||l.text)&&a.push(e.h("div",{class:t.normCls(t.getBemElement(f,"text"),l.textCls)},A?z:l.text));const h=(i=n.trailing)==null?void 0:i.call(n,d.slotProps.value);c.isEmptyElement(h)||a.push(e.h("div",{class:t.normCls(t.getBemElement(f,"trailing"),l.trailingCls)},h)),(n.badgeIcon||n.badge||(m=l.badgeProps)!=null&&m.text||(v=l.badgeProps)!=null&&v.icon)&&a.push(e.h(J._sfc_main,{...l.badgeProps??{},size:"xsm",color:((E=l.badgeProps)==null?void 0:E.color)??"primary-subtle"},{default:n.badge,icon:n.badgeIcon}));const _=(V=n.action)==null?void 0:V.call(n,d.slotProps.value);c.isEmptyElement(_)||a.push(e.h("div",{class:t.normCls(t.getBemElement(f,"action"),l.actionCls),onMousedown:b},_))}return e.h("div",{class:t.normCls(t.getBemElement(f,"content"),l.contentCls)},a)},{CollectionItem:y}=c.useCollection({key:s}),S=e.computed(()=>l.disabled||l.draggable===!1?!1:void 0),B=e.computed(()=>l.id??t.usePCId(f));return(a,C)=>(e.openBlock(),e.createBlock(e.unref(y),{value:u.value,id:B.value},{default:e.withCtx(()=>[e.createVNode(e.unref(x.TabsTrigger),{asChild:!0,value:u.value},{default:e.withCtx(()=>[e.createElementVNode("button",{id:B.value,"data-draggable":S.value,disabled:u.loading||u.disabled,class:e.normalizeClass(e.unref(t.normCls)(e.unref(p)({loading:u.loading}),l.class)),onMousedown:C[0]||(C[0]=e.withModifiers(()=>{},["right","stop","prevent"]))},[e.createVNode(g)],42,Q)]),_:1},8,["value"])]),_:1},8,["value","id"]))}}),U=e.defineComponent({...t.getComponentOptions("TabContent"),__name:"TabContent",props:{value:{},forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},setup(u){const l=u;return(n,p)=>(e.openBlock(),e.createBlock(e.unref(x.TabsContent),e.normalizeProps(e.guardReactiveProps(l)),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16))}}),W=c.installComponent(q,t.getComponentName("Tabs")),X=c.installComponent(R,t.getComponentName("TabList")),Y=c.installComponent(D,t.getComponentName("TabTrigger")),Z=c.installComponent(U,t.getComponentName("TabContent"));exports.TabContent=U;exports.TabContentPlugin=Z;exports.TabList=R;exports.TabListPlugin=X;exports.TabTrigger=D;exports.TabTriggerPlugin=Y;exports.Tabs=q;exports.TabsPlugin=W;exports.TabsSizes=I;exports.injectTabsContext=O;exports.provideTabsContext=L;exports.tabsPrefix=s;

package/dist/Textarea/Textarea.d.ts

@@ -1,5 +1,5 @@
 import { TextareaSize, TextareaStatus } from './Textarea.model';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 export interface TextareaProps {
     disabled?: boolean;
     immediateFocus?: boolean;