@pantograph/vue 0.25.3 → 0.25.5

package/dist/{Progress.vue_vue_type_style_index_0_lang-Bm1S1Pxq.js → Progress.vue_vue_type_style_index_0_lang-ByAwM9mc.js}

@@ -1,13 +1,13 @@
-import { defineComponent as b, ref as Q, watch as U, computed as x, createBlock as P, openBlock as p, unref as n, withCtx as re, createElementVNode as A, createElementBlock as S, createCommentVNode as X, normalizeClass as M, normalizeStyle as O, h as u, Fragment as E, createVNode as B, renderList as Y, useSlots as se } from "vue";
-import { getBemBlock as ne, getBemElement as m, generateVariantClassList as T, normCls as oe, usePCId as ae } from "@pantograph/utils";
-import { j as z, k as le, E as ce, q as ie, r as pe } from "./Icon.vue_vue_type_style_index_0_lang-D105BnRd.js";
-import { cva as j } from "class-variance-authority";
-import { a as ue, g as de } from "./BaseBadge.model-CahZXsyM.js";
-import { createContext as me, Primitive as ge } from "reka-ui";
+import { defineComponent as b, ref as Q, watch as U, computed as x, createBlock as k, openBlock as p, unref as n, withCtx as se, createElementVNode as A, createElementBlock as S, createCommentVNode as X, normalizeClass as M, normalizeStyle as q, h as u, Fragment as N, createVNode as B, renderList as Y, useSlots as ne } from "vue";
+import { getBemBlock as oe, getBemElement as m, generateVariantClassList as T, normCls as Z, usePCId as ae } from "@pantograph/utils";
+import { cva as F } from "class-variance-authority";
+import { a as le, g as ce } from "./BaseBadge.model-D4ZfMIfM.js";
+import { createContext as ie, Primitive as pe } from "reka-ui";
 import { g as $ } from "./options-Bh1s18jm.js";
-import { s as ve } from "./sortBy-DaKVLXDw.js";
+import { sortBy as ue } from "es-toolkit";
+import { k as z, e as de, v as me, l as ge, o as ve } from "./Icon.vue_vue_type_style_index_0_lang-BMu3U4-l.js";
 import { _ as fe } from "./Divider.vue_vue_type_style_index_0_lang-CfBklijs.js";
-import { u as _e } from "./index-BTuMaS--.js";
+import { u as _e } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-DSKgXw-g.js";
 const L = [
   "red",
   "orange",
@@ -26,7 +26,7 @@ const L = [
   "amethyst",
   "fuchsia",
   "mallard"
-], We = [...L, "primary", ...ue], h = ne("progress"), W = m(h, "circle"), V = m(h, "line"), he = ["2xsm", "xsm", "sm", "md", "lg"], ye = ["progress", "warning", "error", "success"], xe = ["circle", "line"], [R, Pe] = me("progress"), ke = ["d", "stroke-linecap", "stroke"], Ce = ["from", "to", "dur"], G = /* @__PURE__ */ b({
+], Ge = [...L, "primary", ...le], h = oe("progress"), G = m(h, "circle"), V = m(h, "line"), he = ["2xsm", "xsm", "sm", "md", "lg"], ye = ["progress", "warning", "error", "success"], xe = ["circle", "line"], [R, ke] = ie("progress"), Pe = ["d", "stroke-width", "stroke-linecap", "stroke"], Ce = ["from", "to", "dur"], W = /* @__PURE__ */ b({
   ...$("ProgressCirclePath"),
   __name: "ProgressCirclePath",
   props: {
@@ -39,8 +39,8 @@ const L = [
     circleRadius: { default: 16 },
     color: {}
   },
-  setup(k) {
-    const e = k, i = m(W, "path"), o = j(i, {
+  setup(P) {
+    const e = P, i = m(G, "path"), o = F(i, {
       variants: {
         trail: T("trail", i),
         indeterminate: T("indeterminate", i)
@@ -64,28 +64,28 @@ const L = [
       const t = e.circleRadius * 2 - e.strokeWidth;
       return `M ${e.circleRadius},${e.circleRadius} m 0,-${a.value} a ${a.value},${a.value} 0 1 1 0,${t} a ${a.value},${a.value} 0 1 1 0,-${t}`;
     }), f = x(() => {
-      const t = 2 * Math.PI * a.value;
+      const t = 2 * Math.PI * a.value, r = l.value / 100;
       return {
         "stroke-dasharray": e.trail ? void 0 : t,
-        "stroke-dashoffset": e.trail ? void 0 : t * (1 - l.value / 100),
+        "stroke-dashoffset": e.trail ? void 0 : t * (1 - r),
         "--ptc-progress-animation-duration": s.duration.value
       };
     });
-    return (t, r) => (p(), P(n(ge), {
+    return (t, r) => (p(), k(n(pe), {
       as: "g",
       "as-child": !t.indeterminate,
       key: String(t.indeterminate)
     }, {
-      default: re(() => [
+      default: se(() => [
         A("path", {
           d: y.value,
-          "stroke-width": "2.4",
+          "stroke-width": t.strokeWidth,
           fill: "none",
-          style: O(f.value),
+          style: q(f.value),
           "stroke-linecap": t.strokeLinecap,
           class: M(n(o)({ trail: t.trail, indeterminate: t.indeterminate })),
           stroke: t.color ?? "currentColor"
-        }, null, 14, ke),
+        }, null, 14, Pe),
         t.indeterminate ? (p(), S("animateTransform", {
           key: 0,
           attributeName: "transform",
@@ -99,10 +99,10 @@ const L = [
       _: 1
     }, 8, ["as-child"]));
   }
-}), Z = /* @__PURE__ */ b({
+}), ee = /* @__PURE__ */ b({
   ...$("ProgressLabel"),
   __name: "ProgressLabel",
-  setup(k) {
+  setup(P) {
     const e = R(), i = () => {
       var l, a;
       const o = (a = (l = e.slots).label) == null ? void 0 : a.call(l, {}), s = !z(o);
@@ -112,31 +112,31 @@ const L = [
         s ? o : e.props.label
       ) : null;
     };
-    return (o, s) => (p(), P(i));
+    return (o, s) => (p(), k(i));
   }
 }), J = /* @__PURE__ */ b({
   ...$("ProgressHelperText"),
   __name: "ProgressHelperText",
-  setup(k) {
+  setup(P) {
     const e = R(), i = () => {
       var l, a;
       const o = (a = (l = e.slots).helperText) == null ? void 0 : a.call(l, {}), s = !z(o);
       return s || e.props.helperText ? u(
         "div",
-        { class: m(h, "helper_text") },
+        { class: Z(m(h, "helper_text"), e.props.helperTextCls) },
         s ? o : e.props.helperText
       ) : null;
     };
-    return (o, s) => (p(), P(i));
+    return (o, s) => (p(), k(i));
   }
-}), ee = /* @__PURE__ */ b({
+}), te = /* @__PURE__ */ b({
   ...$("ProgressLegend"),
   __name: "ProgressLegend",
-  setup(k) {
+  setup(P) {
     const e = R(), i = m(h, "legend"), o = m(i, "item"), s = (r) => u("div", {
       class: m(o, "indicator"),
       style: { background: e.getColor(r.color) }
-    }), l = (r) => u("div", { class: m(o, "title") }, r.title), a = (r) => u("div", { class: oe(m(o, "percent"), "en") }, `(${r._percent}%)`), y = (r) => u("div", { class: o }, [
+    }), l = (r) => u("div", { class: m(o, "title") }, r.title), a = (r) => u("div", { class: Z(m(o, "percent"), "en") }, `(${r._percent}%)`), y = (r) => u("div", { class: o }, [
       s(r),
       l(r),
       a(r)
@@ -152,12 +152,12 @@ const L = [
       const r = (g = (c = e.slots).legend) == null ? void 0 : g.call(c, {}), d = !z(r);
       return d || e.props.legend && ((_ = e.getSteps.value) != null && _.length) ? u("div", { class: i }, d ? r : f()) : null;
     };
-    return (r, d) => (p(), P(t));
+    return (r, d) => (p(), k(t));
   }
 }), Se = { viewBox: "0 0 32 32" }, be = /* @__PURE__ */ b({
   ...$("ProgressCircle"),
   __name: "ProgressCircle",
-  setup(k) {
+  setup(P) {
     const e = R(), i = x(() => {
       switch (e.props.size) {
         case "2xsm":
@@ -170,45 +170,47 @@ const L = [
         case "lg":
           return "sm";
       }
-    }), o = j(W, {
+    }), o = F(G, {
       variants: {
-        size: T(he, W)
+        size: T(he, G)
       }
     }), s = () => {
       var f, t;
       const a = (t = (f = e.slots).icon) == null ? void 0 : t.call(f, {}), y = !z(a);
       if (e.statusIcon.value || y) {
         let r = a;
-        return y || (r = u(le, {
+        return y || (r = u(de, {
           icon: e.statusIcon.value,
           size: i.value
-        })), u("div", { class: m(W, "content") }, r);
+        })), u("div", { class: m(G, "content") }, r);
       }
       return null;
-    }, l = x(() => ve(e.getSteps.value ?? [], "percent").reverse());
+    }, l = x(
+      () => ue(e.getSteps.value ?? [], ["percent"]).reverse()
+    );
     return (a, y) => {
       var f;
-      return p(), S(E, null, [
+      return p(), S(N, null, [
         A("div", {
           class: M(n(o)(n(e).props))
         }, [
           (p(), S("svg", Se, [
-            n(e).props.indeterminate ? (p(), P(G, {
+            n(e).props.indeterminate ? (p(), k(W, {
               key: 1,
               indeterminate: "",
               "stroke-linecap": "round",
               percent: 75
-            })) : (p(), S(E, { key: 0 }, [
-              B(G, {
+            })) : (p(), S(N, { key: 0 }, [
+              B(W, {
                 "stroke-linecap": n(e).props.strokeLinecap,
                 trail: ""
               }, null, 8, ["stroke-linecap"]),
-              (f = n(e).getSteps.value) != null && f.length ? (p(!0), S(E, { key: 0 }, Y(l.value, (t) => (p(), P(G, {
+              (f = n(e).getSteps.value) != null && f.length ? (p(!0), S(N, { key: 0 }, Y(l.value, (t) => (p(), k(W, {
                 key: t.step_id,
                 "stroke-linecap": n(e).props.strokeLinecap,
                 color: n(e).getColor(t.color),
                 percent: t.percent
-              }, null, 8, ["stroke-linecap", "color", "percent"]))), 128)) : (p(), P(G, {
+              }, null, 8, ["stroke-linecap", "color", "percent"]))), 128)) : (p(), k(W, {
                 key: 1,
                 "stroke-linecap": n(e).props.strokeLinecap,
                 color: n(e).props.status ? void 0 : n(e).getColor(n(e).props.color),
@@ -218,23 +220,23 @@ const L = [
           ])),
           B(s)
         ], 2),
-        B(Z),
+        B(ee),
         B(J),
-        B(ee)
+        B(te)
       ], 64);
     };
   }
 }), $e = /* @__PURE__ */ b({
   ...$("ProgressValidationMessage"),
   __name: "ProgressValidationMessage",
-  setup(k) {
+  setup(P) {
     const e = R(), i = () => {
       var o, s;
       if (e.props.status) {
         const l = (s = (o = e.slots).validationMessage) == null ? void 0 : s.call(o, {});
         if (!z(l) || e.props.validationMessage)
           return u(
-            ce,
+            me,
             { status: e.props.status, message: e.props.validationMessage },
             {
               message: l
@@ -243,13 +245,13 @@ const L = [
       }
       return null;
     };
-    return (o, s) => (p(), P(i));
+    return (o, s) => (p(), k(i));
   }
 }), Ie = /* @__PURE__ */ b({
   ...$("ProgressLine"),
   __name: "ProgressLine",
-  setup(k) {
-    const e = R(), i = m(V, "value"), o = j(V, {
+  setup(P) {
+    const e = R(), i = m(V, "value"), o = F(V, {
       variants: {
         notRounded: T("not-rounded", V),
         indeterminate: T("indeterminate", V)
@@ -280,7 +282,7 @@ const L = [
       "--ptc-progress-animation-duration": e.duration.value
     })), y = () => {
       if (e.slots.label || e.props.label) {
-        const t = u(Z), r = u(J, { renderIfHasLabel: !0 });
+        const t = u(ee), r = u(J, { renderIfHasLabel: !0 });
         return u(
           "div",
           {
@@ -292,18 +294,18 @@ const L = [
       return null;
     }, f = () => {
       if (e.props.status || e.props.indeterminate) {
-        const t = u(J), r = u($e), d = [], c = ie(e.slots.label || e.props.label) && (e.slots.helperText || e.props.helperText);
+        const t = u(J), r = u($e), d = [], c = ge(e.slots.label || e.props.label) && (e.slots.helperText || e.props.helperText);
         if (c && d.push(t), (e.slots.validationMessage || e.props.validationMessage) && !e.props.indeterminate && e.statusIcon.value && (c && d.push(
           u(fe, { type: "vertical", class: m(h, "divider") })
         ), d.push(r)), d.length)
           return u("div", { class: m(h, "line_validation_box") }, d);
       } else
-        return u(ee);
+        return u(te);
       return null;
     };
     return (t, r) => {
       var d;
-      return p(), S(E, null, [
+      return p(), S(N, null, [
         B(y),
         A("div", {
           class: M(
@@ -315,12 +317,12 @@ const L = [
         }, [
           A("div", {
             class: M(n(i)),
-            style: O(a.value)
+            style: q(a.value)
           }, [
-            (d = n(e).getSteps.value) != null && d.length && !n(e).props.indeterminate ? (p(!0), S(E, { key: 0 }, Y(n(e).getSteps.value, (c) => (p(), S("div", {
+            (d = n(e).getSteps.value) != null && d.length && !n(e).props.indeterminate ? (p(!0), S(N, { key: 0 }, Y(n(e).getSteps.value, (c) => (p(), S("div", {
               class: M(n(m)(n(i), "step")),
               key: c.step_id,
-              style: O({ background: n(e).getColor(c.color), width: `${c.percent ?? 0}%` })
+              style: q({ background: n(e).getColor(c.color), width: `${c.percent ?? 0}%` })
             }, null, 6))), 128)) : X("", !0)
           ], 6)
         ], 2),
@@ -342,6 +344,7 @@ const L = [
     label: {},
     validationMessage: {},
     helperText: {},
+    helperTextCls: {},
     notRounded: { type: Boolean },
     duration: { default: 700 },
     dir: {},
@@ -353,8 +356,8 @@ const L = [
     circleRadius: {},
     color: { default: "primary" }
   },
-  setup(k) {
-    const e = k, i = se(), o = de, s = (c, g = !0) => {
+  setup(P) {
+    const e = P, i = ne(), o = ce, s = (c, g = !0) => {
       const _ = Number(c);
       if (!(isNaN(_) || g && (_ > 100 || _ < 0)))
         return _;
@@ -366,27 +369,27 @@ const L = [
           step_id: ae(h)
         }));
         let _ = 0;
-        const F = g.reduce((v, C) => {
+        const j = g.reduce((v, C) => {
           const w = s(C.percent);
           w === void 0 && _++;
           const H = g.findIndex((I) => I.step_id === C.step_id);
           return H !== -1 && (g[H].percent = w), v + (w || 0);
         }, 0);
-        if (l.value > 100 || l.value < 0 || F > 100 || F < 0)
+        if (l.value > 100 || l.value < 0 || j > 100 || j < 0)
           throw "Invalid percentage";
-        let N = 0;
-        const q = g.map((v) => L.findIndex((C) => C === v.color)).sort(), te = Array.from({ length: L.length }, (v, C) => C).filter(
-          (v) => !q.includes(v)
+        let E = 0;
+        const D = g.map((v) => L.findIndex((C) => C === v.color)).sort(), re = Array.from({ length: L.length }, (v, C) => C).filter(
+          (v) => !D.includes(v)
         );
         let K = -1;
         return g.map((v) => {
-          const C = (100 - F) / _, w = (I = !0) => v.percent === void 0 ? e.type === "circle" && I ? (N += C, N * ((l.value || 100) / 100)) : C : e.type === "circle" && I ? (N += v.percent, N) : v.percent, H = () => {
+          const C = (100 - j) / _, w = (I = !0) => v.percent === void 0 ? e.type === "circle" && I ? (E += C, E * ((l.value || 100) / 100)) : C : e.type === "circle" && I ? (E += v.percent, E) : v.percent, H = () => {
             const I = o(v.color);
             if (!I) {
-              if (L.length !== q.length) {
-                const D = te.shift();
-                if (pe(D))
-                  return q.push(D), L[D];
+              if (L.length !== D.length) {
+                const O = re.shift();
+                if (ve(O))
+                  return D.push(O), L[O];
               }
               return K++, L[K % L.length];
             }
@@ -400,7 +403,7 @@ const L = [
           };
         });
       }
-    }), y = j(h, {
+    }), y = F(h, {
       variants: {
         status: T(ye, h),
         type: T(xe, h)
@@ -415,7 +418,7 @@ const L = [
           return e.type === "circle" ? "tabler:x" : "tabler:circle-x";
       }
     });
-    return Pe({
+    return ke({
       props: e,
       getColor: o,
       getSteps: a,
@@ -428,20 +431,20 @@ const L = [
       class: M(n(y)(e)),
       dir: n(r)
     }, [
-      c.type === "circle" ? (p(), P(be, { key: 0 })) : (p(), P(Ie, { key: 1 }))
+      c.type === "circle" ? (p(), k(be, { key: 0 })) : (p(), k(Ie, { key: 1 }))
     ], 10, Le));
   }
 });
 export {
   L as P,
   Ae as _,
-  We as a,
+  Ge as a,
   h as b,
-  W as c,
+  G as c,
   V as d,
   he as e,
   ye as f,
   xe as g,
   R as i,
-  Pe as p
+  ke as p
 };

package/dist/RadioGroup/index.js

@@ -1,4 +1,4 @@
-import { _ as r, a as d, _ as e } from "../RadioGroup.vue_vue_type_script_setup_true_lang-BLN5fJDu.js";
+import { _ as r, a as d, _ as e } from "../RadioGroup.vue_vue_type_script_setup_true_lang-Daq1nx9-.js";
 export {
   r as RadioGroup,
   d as RadioGroupItem,

package/dist/RadioGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../RadioGroup.vue_vue_type_script_setup_true_lang-CQ_nySHu.js");exports.RadioGroup=e._sfc_main;exports.RadioGroupItem=e._sfc_main$1;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../RadioGroup.vue_vue_type_script_setup_true_lang-D8f-sgna.js");exports.RadioGroup=e._sfc_main;exports.RadioGroupItem=e._sfc_main$1;exports.default=e._sfc_main;

package/dist/RadioGroup.vue_vue_type_script_setup_true_lang-D8f-sgna.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),i=require("reka-ui"),v=require("class-variance-authority"),g=require("es-toolkit"),b=require("./options-CY2uxp5A.js"),_=require("./useInputDataStates-BWZ4Q3rt.js"),o=require("@pantograph/utils"),V=["for"],l=o.getBemBlock("radio_group"),k=e.defineComponent({...b.getComponentOptions("RadioGroupItem"),__name:"RadioGroupItem",props:{class:{},rootCls:{},labelCls:{},label:{},id:{},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:["update:modelValue","blur","focus"],setup(u,{emit:c}){const t=u,s=o.getBemElement(l,"item"),d=e.useSlots(),m=c,a=e.computed(()=>t.id??o.usePCId(s)),{rootBindings:p,inputBindings:n}=_.UseInputDataStates({getDisabled:()=>t.disabled,emit:m}),f=e.computed(()=>({...g.omit(t,["class","id","rootCls","labelCls","label"]),id:a.value,...n.value})),B=e.computed(()=>!!(d.label||t.label));return(r,C)=>(e.openBlock(),e.createElementBlock("label",e.mergeProps({class:e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(s),"root"),r.rootCls)},e.unref(p),{for:a.value}),[e.createVNode(e.unref(i.RadioGroupItem),e.mergeProps({class:e.unref(o.normCls)(e.unref(s),t.class)},f.value),{default:e.withCtx(()=>[e.createVNode(e.unref(i.RadioGroupIndicator),{class:e.normalizeClass(e.unref(o.getBemElement)(e.unref(s),"indicator")),as:"div"},null,8,["class"])]),_:1},16,["class"]),B.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(s),"label"),r.labelCls))},[e.renderSlot(r.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(r.label),1)])],2)):e.createCommentVNode("",!0)],16,V))}}),h=["2xsm","xsm"],y=e.defineComponent({...b.getComponentOptions("RadioGroup"),__name:"RadioGroup",props:{items:{},options:{},size:{default:"xsm"},class:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{default:"vertical"},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:["update:modelValue"],setup(u,{emit:c}){const t=u,s=c,d=e.computed(()=>g.omit(t,["items","options","class"])),m=i.useForwardPropsEmits(d,s),a=v.cva(l,{variants:{size:o.generateVariantClassList(h,l),orientation:o.generateVariantClassList(["vertical","horizontal"],l)}}),{getDisabled:p}=_.useFormInput(),n=e.computed(()=>t.options??t.items);return(f,B)=>(e.openBlock(),e.createBlock(e.unref(i.RadioGroupRoot),e.mergeProps({...e.unref(m),disabled:e.unref(p)},{class:e.unref(o.normCls)(e.unref(a)(t),t.class)}),{default:e.withCtx(()=>[e.renderSlot(f.$slots,"default",{},()=>{var r;return[(r=n.value)!=null&&r.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.value,C=>(e.openBlock(),e.createBlock(k,e.mergeProps({ref_for:!0},C),null,16))),256)):e.createCommentVNode("",!0)]})]),_:3},16,["class"]))}});exports._sfc_main=y;exports._sfc_main$1=k;

package/dist/{RadioGroup.vue_vue_type_script_setup_true_lang-BLN5fJDu.js → RadioGroup.vue_vue_type_script_setup_true_lang-Daq1nx9-.js}

@@ -1,9 +1,9 @@
 import { defineComponent as V, useSlots as S, computed as a, createElementBlock as B, openBlock as l, mergeProps as p, unref as e, createVNode as y, createCommentVNode as I, withCtx as k, normalizeClass as G, renderSlot as P, createTextVNode as D, toDisplayString as w, createBlock as R, Fragment as E, renderList as F } from "vue";
 import { RadioGroupItem as L, RadioGroupIndicator as N, useForwardPropsEmits as $, RadioGroupRoot as q } from "reka-ui";
 import { cva as O } from "class-variance-authority";
-import { o as x } from "./Icon.vue_vue_type_style_index_0_lang-D105BnRd.js";
+import { omit as x } from "es-toolkit";
 import { g as z } from "./options-Bh1s18jm.js";
-import { U, u as T } from "./useInputDataStates-B78OFI-A.js";
+import { U, u as T } from "./useInputDataStates-COzmxWTw.js";
 import { getBemBlock as j, getBemElement as n, usePCId as A, normCls as d, generateVariantClassList as h } from "@pantograph/utils";
 const H = ["for"], u = j("radio_group"), J = /* @__PURE__ */ V({
   ...z("RadioGroupItem"),
@@ -25,7 +25,7 @@ const H = ["for"], u = j("radio_group"), J = /* @__PURE__ */ V({
       getDisabled: () => o.disabled,
       emit: b
     }), C = a(() => ({
-      ...x(o, "class", "id", "rootCls", "labelCls", "label"),
+      ...x(o, ["class", "id", "rootCls", "labelCls", "label"]),
       id: r.value,
       ...i.value
     })), v = a(() => !!(f.label || o.label));
@@ -74,7 +74,7 @@ const H = ["for"], u = j("radio_group"), J = /* @__PURE__ */ V({
   },
   emits: ["update:modelValue"],
   setup(m, { emit: c }) {
-    const o = m, s = c, f = a(() => x(o, "items", "options", "class")), b = $(f, s), r = O(u, {
+    const o = m, s = c, f = a(() => x(o, ["items", "options", "class"])), b = $(f, s), r = O(u, {
       variants: {
         size: h(K, u),
         orientation: h(["vertical", "horizontal"], u)

package/dist/ScrollContainer/ScrollContainer.d.ts

@@ -14,6 +14,7 @@ export interface ScrollContainerProps {
     thumbCls?: ClassValue;
     cornerCls?: ClassValue;
     rootProps?: object;
+    wrapProps?: object;
     overlay?: boolean;
     hideVerticalScrollbar?: boolean;
     hideHorizontalScrollbar?: boolean;

package/dist/ScrollContainer/index.js

@@ -1,4 +1,4 @@
-import { _ as r, a as e, S as l, _ as n } from "../ScrollContainer.vue_vue_type_style_index_0_lang-D8IR7pw-.js";
+import { _ as r, a as e, S as l, _ as n } from "../ScrollContainer.vue_vue_type_style_index_0_lang-Cp0bQf0N.js";
 export {
   r as ScrollContainer,
   e as ScrollContainerSizes,

package/dist/ScrollContainer/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ScrollContainer.vue_vue_type_style_index_0_lang-BLFtmUwR.js");exports.ScrollContainer=e._sfc_main;exports.ScrollContainerSizes=e.ScrollContainerSizes;exports.ScrollContainerTypes=e.ScrollContainerTypes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ScrollContainer.vue_vue_type_style_index_0_lang-DqKhWsL2.js");exports.ScrollContainer=e._sfc_main;exports.ScrollContainerSizes=e.ScrollContainerSizes;exports.ScrollContainerTypes=e.ScrollContainerTypes;exports.default=e._sfc_main;