@pantograph/vue 0.10.1 → 0.10.3

package/dist/{Popover.vue_vue_type_style_index_0_lang-C0IwnsU5.js → Popover.vue_vue_type_style_index_0_lang-vZfwRHoU.js}

@@ -1,7 +1,7 @@
-import { defineComponent as j, useSlots as K, computed as s, ref as N, unref as f, createBlock as m, openBlock as d, resolveDynamicComponent as g, mergeProps as h, withCtx as v, renderSlot as B, normalizeProps as q, guardReactiveProps as G, withDirectives as I, vShow as J } from "vue";
+import { defineComponent as j, useSlots as K, computed as n, ref as N, unref as f, createBlock as m, openBlock as d, resolveDynamicComponent as g, mergeProps as y, withCtx as v, renderSlot as B, normalizeProps as q, guardReactiveProps as G, withDirectives as I, vShow as J } from "vue";
 import { b as k, a as Q, g as W } from "./class-DziTeW9B.js";
 import { cva as X } from "class-variance-authority";
-import { useEmitAsProps as Y, HoverCardRoot as Z, PopoverRoot as x, HoverCardTrigger as ee, PopoverTrigger as te, HoverCardPortal as oe, PopoverPortal as re, HoverCardContent as se, PopoverContent as ne } from "radix-vue";
+import { useEmitAsProps as Y, HoverCardRoot as Z, PopoverRoot as x, HoverCardTrigger as ee, PopoverTrigger as te, HoverCardPortal as oe, PopoverPortal as re, HoverCardContent as ne, PopoverContent as se } from "radix-vue";
 import { f as ae, b as ie, a as le } from "./element-CddU1vUY.js";
 import { g as pe } from "./options-JBqnVZUl.js";
 import { injectConfigContext as ce } from "./ConfigProvider/index.js.js";
@@ -26,6 +26,7 @@ const ue = ["sm", "md", "lg"], Oe = [
   props: {
     class: {},
     containerClass: {},
+    containerCls: {},
     containerProps: {},
     trigger: { default: "hover" },
     size: { default: "md" },
@@ -45,24 +46,24 @@ const ue = ["sm", "md", "lg"], Oe = [
     collisionBoundary: {}
   },
   emits: ["update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(S, { emit: _ }) {
-    const C = Y(_), t = S, D = W("popover"), $ = k(D, "trigger"), O = k(D, "content"), R = X(O, {
+  setup(S, { emit: $ }) {
+    const h = Y($), t = S, D = W("popover"), R = k(D, "trigger"), O = k(D, "content"), _ = X(O, {
       variants: {
         size: Q(ue, O)
       }
-    }), P = K(), b = s(() => {
+    }), P = K(), b = n(() => {
       var o;
       const e = ae((o = P.default) == null ? void 0 : o.call(P)) ?? null, r = e.length === 1 ? e[0] : e;
       return r ? ie(r) && !le(r) : !0;
-    }), A = s(() => ({
+    }), A = n(() => ({
       ...z(t, "open", "defaultOpen"),
-      ...z(C, "onUpdate:open")
-    })), l = N(), E = s(() => {
-      var c, n, u, i, y;
+      ...z(h, "onUpdate:open")
+    })), l = N(), E = n(() => {
+      var c, s, u, i, C;
       const { to: e, disabled: r, forceMount: o } = t;
       let p = ((c = f(e)) == null ? void 0 : c.$el) ?? f(e);
       if (e instanceof Function) {
-        const V = ((u = (n = l.value) == null ? void 0 : n.$el) == null ? void 0 : u.nodeName) !== "#text" ? (i = l.value) == null ? void 0 : i.$el : (y = l.value) == null ? void 0 : y.$el.nextSibling;
+        const V = ((u = (s = l.value) == null ? void 0 : s.$el) == null ? void 0 : u.nodeName) !== "#text" ? (i = l.value) == null ? void 0 : i.$el : (C = l.value) == null ? void 0 : C.$el.nextSibling;
         p = e(V);
       }
       return {
@@ -70,22 +71,22 @@ const ue = ["sm", "md", "lg"], Oe = [
         disabled: r,
         forceMount: o
       };
-    }), F = s(() => t.trigger === "hover" ? Z : x), H = s(() => t.trigger === "hover" ? ee : te), T = s(() => t.trigger === "hover" ? oe : re), L = s(() => t.trigger === "hover" ? se : ne), a = ce(), M = s(() => {
+    }), F = n(() => t.trigger === "hover" ? Z : x), H = n(() => t.trigger === "hover" ? ee : te), T = n(() => t.trigger === "hover" ? oe : re), L = n(() => t.trigger === "hover" ? ne : se), a = ce(), M = n(() => {
       var i;
       const { sticky: e, prioritizePosition: r, placement: o, sideOffset: p, alignOffset: c } = t;
       let [
-        n = "bottom",
+        s = "bottom",
         u = "center"
       ] = ((i = o == null ? void 0 : o.split) == null ? void 0 : i.call(o, "-")) || ["bottom", "center"];
-      return t.reversePlacementOnDir && (a != null && a.dir.value) && (a == null ? void 0 : a.dir.value) === t.reversePlacementOnDir && (n = {
+      return t.reversePlacementOnDir && (a != null && a.dir.value) && (a == null ? void 0 : a.dir.value) === t.reversePlacementOnDir && (s = {
         right: "left",
         left: "right"
-      }[n] ?? n), {
-        ...w(C, "onUpdate:open"),
+      }[s] ?? s), {
+        ...w(h, "onUpdate:open"),
         ...w(t.containerProps, "class"),
         sticky: e,
         prioritizePosition: r,
-        side: n,
+        side: s,
         align: u,
         sideOffset: p,
         alignOffset: c
@@ -93,17 +94,17 @@ const ue = ["sm", "md", "lg"], Oe = [
     }), U = (e) => {
       t.trigger === "hover" && e.stopPropagation();
     };
-    return (e, r) => (d(), m(g(F.value), h({
+    return (e, r) => (d(), m(g(F.value), y({
       key: b.value
     }, A.value, {
       openDelay: e.openDelay,
       closeDelay: e.closeDelay
     }), {
       default: v(({ open: o }) => [
-        (d(), m(g(H.value), h({
+        (d(), m(g(H.value), y({
           asChild: b.value,
           as: "span",
-          class: [f($), t.class],
+          class: [f(R), t.class],
           onPointerdown: U
         }, e.$attrs, {
           ref_key: "triggerRef",
@@ -116,8 +117,8 @@ const ue = ["sm", "md", "lg"], Oe = [
         }, 16, ["asChild", "class"])),
         (d(), m(g(T.value), q(G(E.value)), {
           default: v(() => [
-            I((d(), m(g(L.value), h(M.value, {
-              class: [f(R)({ size: e.size }), t.containerClass]
+            I((d(), m(g(L.value), y(M.value, {
+              class: [f(_)({ size: e.size }), e.containerClass, e.containerCls]
             }), {
               default: v(() => [
                 B(e.$slots, "content")

package/dist/RadioGroup/RadioGroup.d.ts

@@ -7,15 +7,22 @@ export interface RadioGroupProps extends RadioGroupRootProps {
     size?: RadioGroupSize;
     class?: Class;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<RadioGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<RadioGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (payload: string) => any;
 }, string, import('vue').PublicProps, Readonly<RadioGroupProps> & Readonly<{
     "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
 }>, {
-    size: "2xsm" | "xsm";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
-}>;
+    size: RadioGroupSize;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/RadioGroup/RadioGroupItem.d.ts

@@ -1,6 +1,6 @@
-import { RadioGroupItemProps as RadixRadioGroupItemProps, PrimitiveProps } from 'radix-vue';
+import { RadioGroupItemProps as RadixRadioGroupItemProps } from 'radix-vue';
 import { Class } from '../types';
-export interface RadioGroupItemProps extends Omit<PrimitiveProps, 'asChild'>, Omit<RadixRadioGroupItemProps, 'asChild'> {
+export interface RadioGroupItemProps extends Omit<RadixRadioGroupItemProps, 'asChild' | 'as'> {
     class?: Class;
     rootCls?: Class;
     labelCls?: Class;
@@ -10,7 +10,15 @@ export declare const radioGroupPrefix: string;
 export interface RadioGroupSlots {
     label?: () => never;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<RadioGroupItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<RadioGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<RadioGroupSlots> & RadioGroupSlots>;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<RadioGroupItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (e: InputEvent) => any;
+    focus: (e: InputEvent) => any;
+    "update:modelValue": (payload: string) => any;
+}, string, import('vue').PublicProps, Readonly<RadioGroupItemProps> & Readonly<{
+    onBlur?: ((e: InputEvent) => any) | undefined;
+    onFocus?: ((e: InputEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<RadioGroupSlots> & RadioGroupSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/RadioGroup/index.d.ts

@@ -1,2 +1,2 @@
-export { default as RadioGroup, type RadioGroupProps } from './RadioGroup';
+export { default as RadioGroup, type RadioGroupProps, default } from './RadioGroup';
 export { default as RadioGroupItem, type RadioGroupItemProps } from './RadioGroupItem';

package/dist/RadioGroup/index.js.js

@@ -1,5 +1,6 @@
-import { _ as r, a as p } from "../RadioGroup.vue_vue_type_script_setup_true_lang-DWfKIuDH.js";
+import { _ as r, a as d, _ as e } from "../RadioGroup.vue_vue_type_script_setup_true_lang-C8nd4TEI.js";
 export {
   r as RadioGroup,
-  p as RadioGroupItem
+  d as RadioGroupItem,
+  e as default
 };

package/dist/RadioGroup/index.umd.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../RadioGroup.vue_vue_type_script_setup_true_lang-s-m7W1By.js");exports.RadioGroup=e._sfc_main;exports.RadioGroupItem=e._sfc_main$1;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../RadioGroup.vue_vue_type_script_setup_true_lang-DjEHmvMo.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-C8nd4TEI.js

@@ -0,0 +1,100 @@
+import { defineComponent as G, useSlots as P, computed as m, createElementBlock as g, openBlock as t, mergeProps as d, unref as e, createVNode as _, createCommentVNode as R, withCtx as V, normalizeClass as v, renderSlot as h, createTextVNode as S, toDisplayString as z, createBlock as y, Fragment as w, renderList as x } from "vue";
+import { RadioGroupItem as D, RadioGroupIndicator as E, useForwardPropsEmits as L, RadioGroupRoot as N } from "radix-vue";
+import { cva as $ } from "class-variance-authority";
+import { o as k } from "./omit-BEkBWXra.js";
+import { g as I } from "./options-JBqnVZUl.js";
+import { u as q } from "./useId-DvOSMFGX.js";
+import { U as F } from "./useInputDataStates-CZbdWpyp.js";
+import { g as U, b as n, a as O } from "./class-DziTeW9B.js";
+const T = ["for"], B = U("radio_group"), j = /* @__PURE__ */ G({
+  ...I("RadioGroupItem"),
+  __name: "RadioGroupItem",
+  props: {
+    class: {},
+    rootCls: {},
+    labelCls: {},
+    label: {},
+    id: {},
+    value: {},
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    name: {}
+  },
+  emits: ["update:modelValue", "blur", "focus"],
+  setup(u, { emit: p }) {
+    const o = u, s = n(B, "item"), c = P(), f = p, l = m(() => o.id ?? q(s)), { rootBindings: a, inputBindings: C } = F({
+      getDisabled: () => o.disabled,
+      emit: f
+    }), r = m(() => ({
+      ...k(o, "class", "id", "rootCls", "labelCls", "label"),
+      id: l.value,
+      ...C.value
+    })), b = m(() => !!(c.label || o.label));
+    return (i, H) => (t(), g("div", d({
+      class: [e(n)(e(s), "root"), i.rootCls]
+    }, e(a)), [
+      _(e(D), d({
+        class: [e(s), o.class]
+      }, r.value), {
+        default: V(() => [
+          _(e(E), {
+            class: v(e(n)(e(s), "indicator"))
+          }, null, 8, ["class"])
+        ]),
+        _: 1
+      }, 16, ["class"]),
+      b.value ? (t(), g("label", {
+        key: 0,
+        class: v([e(n)(e(s), "label"), i.labelCls]),
+        for: l.value
+      }, [
+        h(i.$slots, "label", {}, () => [
+          S(z(i.label), 1)
+        ])
+      ], 10, T)) : R("", !0)
+    ], 16));
+  }
+}), A = ["2xsm", "xsm"], ee = /* @__PURE__ */ G({
+  ...I("RadioGroup"),
+  __name: "RadioGroup",
+  props: {
+    items: {},
+    size: { default: "xsm" },
+    class: {},
+    modelValue: {},
+    defaultValue: {},
+    disabled: { type: Boolean },
+    name: {},
+    required: { type: Boolean },
+    orientation: {},
+    dir: {},
+    loop: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["update:modelValue"],
+  setup(u, { emit: p }) {
+    const o = u, s = p, c = m(() => k(o, "items", "class")), f = L(c, s), l = $(B, {
+      variants: {
+        size: O(A, B)
+      }
+    });
+    return (a, C) => (t(), y(e(N), d(e(f), {
+      class: [e(l)(o), o.class]
+    }), {
+      default: V(() => [
+        h(a.$slots, "default", {}, () => {
+          var r;
+          return [
+            (r = a.items) != null && r.length ? (t(!0), g(w, { key: 0 }, x(a.items, (b) => (t(), y(j, d({ ref_for: !0 }, b), null, 16))), 256)) : R("", !0)
+          ];
+        })
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  ee as _,
+  j as a
+};

package/dist/RadioGroup.vue_vue_type_script_setup_true_lang-DjEHmvMo.js

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

package/dist/Shortcut/Shortcut.d.ts

@@ -1,7 +1,6 @@
-import { PrimitiveProps } from 'radix-vue';
 import { Class } from '../types';
 import { KbdProps } from '../Kbd';
-export interface ShortcutProps extends PrimitiveProps {
+export interface ShortcutProps {
     class?: Class;
     items: KbdProps[];
     plus?: boolean;

package/dist/Shortcut/index.js.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as r } from "../Shortcut.vue_vue_type_style_index_0_lang-BQb7DjFe.js";
+import { _ as o, _ as r } from "../Shortcut.vue_vue_type_style_index_0_lang-D4xo_UgO.js";
 export {
   o as Shortcut,
   r as default

package/dist/Shortcut/index.umd.cjs.js

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

package/dist/Shortcut.vue_vue_type_style_index_0_lang-D4xo_UgO.js

@@ -0,0 +1,32 @@
+import { defineComponent as i, createElementBlock as r, openBlock as e, normalizeClass as p, unref as o, Fragment as s, renderList as u, createVNode as f, createBlock as _, createCommentVNode as g, mergeProps as d } from "vue";
+import { g as h } from "./class-DziTeW9B.js";
+import { g as B } from "./options-JBqnVZUl.js";
+import { _ as k } from "./Kbd.vue_vue_type_style_index_0_lang-D1y-0kBN.js";
+import { _ as C } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
+const b = /* @__PURE__ */ i({
+  ...B("Shortcut"),
+  __name: "Shortcut",
+  props: {
+    class: {},
+    items: {},
+    plus: { type: Boolean, default: !0 }
+  },
+  setup(n) {
+    const m = n, a = h("shortcut");
+    return (t, y) => (e(), r("div", {
+      class: p([o(a), m.class])
+    }, [
+      (e(!0), r(s, null, u(t.items, (l, c) => (e(), r(s, null, [
+        f(o(k), d({ ref_for: !0 }, l), null, 16),
+        t.items.length > 1 && c < t.items.length - 1 ? (e(), _(C, {
+          key: 0,
+          icon: "tabler:plus",
+          size: "3xsm"
+        })) : g("", !0)
+      ], 64))), 256))
+    ], 2));
+  }
+});
+export {
+  b as _
+};

package/dist/Shortcut.vue_vue_type_style_index_0_lang-D8_aLpYM.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("./class-CjZYGZDW.js"),u=require("./options-B4iSAKol.js"),a=require("./Kbd.vue_vue_type_style_index_0_lang-CpDjSQqg.js"),i=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),_=e.defineComponent({...u.getComponentOptions("Shortcut"),__name:"Shortcut",props:{class:{},items:{},plus:{type:Boolean,default:!0}},setup(n){const r=n,o=l.getBemBlock("shortcut");return(t,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(o),r.class])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(s,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(a._sfc_main),e.mergeProps({ref_for:!0},s),null,16),t.items.length>1&&c<t.items.length-1?(e.openBlock(),e.createBlock(i._sfc_main,{key:0,icon:"tabler:plus",size:"3xsm"})):e.createCommentVNode("",!0)],64))),256))],2))}});exports._sfc_main=_;

package/dist/Skeleton/Skeleton.d.ts

@@ -1,20 +1,16 @@
-import { PrimitiveProps } from 'radix-vue';
 import { SkeletonSize, SkeletonType } from './Skeleton.model';
 import { Class } from '../types';
-export interface SkeletonProps extends Omit<PrimitiveProps, 'asChild'> {
+export interface SkeletonProps {
     type?: SkeletonType;
     size?: SkeletonSize;
-    childAs?: PrimitiveProps['as'];
     inactive?: boolean;
     class?: Class;
-    itemClass?: Class;
+    itemCls?: Class;
     itemsCount?: number;
 }
 declare const _default: import('vue').DefineComponent<SkeletonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {
-    size: "2xsm" | "sm" | "md" | "lg";
-    type: "input" | "base" | "button" | "avatar" | "paragraph" | "headline" | "list" | "custom" | "custom-items";
-    as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-    childAs: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+    size: SkeletonSize;
+    type: SkeletonType;
     inactive: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/Skeleton/index.js.js

@@ -1,4 +1,4 @@
-import { _ as s, a as o, S as t, _ as S } from "../Skeleton.vue_vue_type_style_index_0_lang-B6bCkLlD.js";
+import { _ as s, a as o, S as t, _ as S } from "../Skeleton.vue_vue_type_style_index_0_lang-BjcjY70B.js";
 export {
   s as Skeleton,
   o as SkeletonSizes,

package/dist/Skeleton/index.umd.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Skeleton.vue_vue_type_style_index_0_lang-PNNUgKOq.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_style_index_0_lang-gJRxIuPb.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_style_index_0_lang-BjcjY70B.js

@@ -0,0 +1,58 @@
+import { defineComponent as u, computed as d, createElementBlock as s, openBlock as a, normalizeClass as r, unref as n, createCommentVNode as f, Fragment as C, renderList as g } from "vue";
+import { g as v, a as o, b as k } from "./class-DziTeW9B.js";
+import { cva as y } from "class-variance-authority";
+import { g as h } from "./options-JBqnVZUl.js";
+const B = [
+  "avatar",
+  "input",
+  "button",
+  "paragraph",
+  "headline",
+  "list",
+  "base",
+  "custom",
+  "custom-items"
+], S = ["2xsm", "sm", "md", "lg"], L = /* @__PURE__ */ u({
+  ...h("Skeleton"),
+  __name: "Skeleton",
+  props: {
+    type: { default: "base" },
+    size: { default: "md" },
+    inactive: { type: Boolean, default: !1 },
+    class: {},
+    itemCls: {},
+    itemsCount: {}
+  },
+  setup(i) {
+    const t = v("skeleton"), e = i, m = y(t, {
+      variants: {
+        inactive: o("inactive", t),
+        size: o(S, t),
+        type: o(B, t)
+      }
+    }), l = d(() => {
+      if (e.type === "custom-items" && e.itemsCount) return e.itemsCount;
+      switch (e.type) {
+        case "paragraph":
+          return 4;
+        case "list":
+          return 2;
+        default:
+          return 0;
+      }
+    });
+    return (c, _) => (a(), s("div", {
+      class: r([n(m)(e), e.class])
+    }, [
+      ["paragraph", "list", "custom-items"].includes(c.type) ? (a(!0), s(C, { key: 0 }, g(l.value, (p) => (a(), s("div", {
+        class: r([n(k)(n(t), "item"), e.itemCls]),
+        key: p
+      }, null, 2))), 128)) : f("", !0)
+    ], 2));
+  }
+});
+export {
+  B as S,
+  L as _,
+  S as a
+};

package/dist/Skeleton.vue_vue_type_style_index_0_lang-gJRxIuPb.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),n=require("./class-CjZYGZDW.js"),m=require("class-variance-authority"),p=require("./options-B4iSAKol.js"),a=["avatar","input","button","paragraph","headline","list","base","custom","custom-items"],r=["2xsm","sm","md","lg"],k=e.defineComponent({...p.getComponentOptions("Skeleton"),__name:"Skeleton",props:{type:{default:"base"},size:{default:"md"},inactive:{type:Boolean,default:!1},class:{},itemCls:{},itemsCount:{}},setup(i){const s=n.getBemBlock("skeleton"),t=i,o=m.cva(s,{variants:{inactive:n.generateVariantClassList("inactive",s),size:n.generateVariantClassList(r,s),type:n.generateVariantClassList(a,s)}}),l=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(c,C)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(o)(t),t.class])},[["paragraph","list","custom-items"].includes(c.type)?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.value,u=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(s),"item"),t.itemCls]),key:u},null,2))),128)):e.createCommentVNode("",!0)],2))}});exports.SkeletonSizes=r;exports.SkeletonTypes=a;exports._sfc_main=k;

package/dist/Spinner/Spinner.d.ts

@@ -1,7 +1,6 @@
-import { PrimitiveProps } from 'radix-vue';
 import { Class } from '../types';
 import { SpinnerSize } from './Spinner.model';
-export interface SpinnerProps extends Omit<PrimitiveProps, 'asChild'> {
+export interface SpinnerProps {
     size?: SpinnerSize;
     class?: Class;
     text?: string | boolean;
@@ -11,11 +10,17 @@ export interface SpinnerSlots {
     default?: () => never;
     icon?: () => never;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<SpinnerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SpinnerProps> & Readonly<{}>, {
-    size: "3xsm" | "2xsm" | "sm";
+declare function __VLS_template(): {
+    slots: Readonly<SpinnerSlots> & SpinnerSlots;
+    refs: {};
+    attrs: Partial<{}>;
+};
+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;
-    as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<SpinnerSlots> & SpinnerSlots>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/Spinner/index.js.js

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

package/dist/Spinner/index.umd.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Spinner.vue_vue_type_style_index_0_lang-CxNO28J7.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_style_index_0_lang-BP7P5xu8.js");exports.Spinner=e._sfc_main;exports.SpinnerSizes=e.SpinnerSizes;exports.default=e._sfc_main;

package/dist/Spinner.vue_vue_type_style_index_0_lang-BP7P5xu8.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("./class-CjZYGZDW.js"),C=require("class-variance-authority"),p=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),d=require("./options-B4iSAKol.js"),a=["3xsm","2xsm","sm"],f={key:0,width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none"},B=e.defineComponent({...d.getComponentOptions("Spinner"),__name:"Spinner",props:{size:{default:"sm"},class:{},text:{type:[String,Boolean],default:void 0},icon:{}},setup(l){const s=l,n=o.getBemBlock("spinner"),c=C.cva(n,{variants:{size:o.generateVariantClassList(a,n),icon:o.generateVariantClassList("icon",n)}}),i=e.useSlots(),u=e.computed(()=>!!s.text||!!i.default),m=e.computed(()=>s.text);return(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(c)({size:t.size,icon:!!t.icon||!!i.icon}),s.class])},[e.createVNode(p._sfc_main,{class:e.normalizeClass(e.unref(o.getBemElement)(e.unref(n),"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",f,r[0]||(r[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"]),u.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o.getBemElement)(e.unref(n),"text"))},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(m.value),1)])],2)):e.createCommentVNode("",!0)],2))}});exports.SpinnerSizes=a;exports._sfc_main=B;

package/dist/Spinner.vue_vue_type_style_index_0_lang-BYqqSQAx.js

@@ -0,0 +1,73 @@
+import { defineComponent as z, useSlots as S, computed as m, createElementBlock as n, openBlock as a, normalizeClass as i, unref as o, createVNode as x, createCommentVNode as c, withCtx as h, renderSlot as C, createElementVNode as p, createTextVNode as k, toDisplayString as y } from "vue";
+import { g as N, a as u, b as d } from "./class-DziTeW9B.js";
+import { cva as V } from "class-variance-authority";
+import { _ as T } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
+import { g as _ } from "./options-JBqnVZUl.js";
+const w = ["3xsm", "2xsm", "sm"], E = {
+  key: 0,
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 24 24",
+  fill: "none"
+}, O = /* @__PURE__ */ z({
+  ..._("Spinner"),
+  __name: "Spinner",
+  props: {
+    size: { default: "sm" },
+    class: {},
+    text: { type: [String, Boolean], default: void 0 },
+    icon: {}
+  },
+  setup(f) {
+    const s = f, t = N("spinner"), g = V(t, {
+      variants: {
+        size: u(w, t),
+        icon: u("icon", t)
+      }
+    }), r = S(), v = m(() => !!s.text || !!r.default), B = m(() => s.text);
+    return (e, l) => (a(), n("div", {
+      class: i([
+        o(g)({ size: e.size, icon: !!e.icon || !!r.icon }),
+        s.class
+      ])
+    }, [
+      x(T, {
+        class: i(o(d)(o(t), "icon")),
+        size: e.size,
+        icon: e.icon
+      }, {
+        default: h(() => [
+          C(e.$slots, "icon", {}, () => [
+            e.icon ? c("", !0) : (a(), n("svg", E, 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"
+              }, [
+                p("animateTransform", {
+                  attributeName: "transform",
+                  dur: "1s",
+                  repeatCount: "indefinite",
+                  type: "rotate",
+                  values: "0 12 12;360 12 12"
+                })
+              ], -1)
+            ])))
+          ])
+        ]),
+        _: 3
+      }, 8, ["class", "size", "icon"]),
+      v.value ? (a(), n("div", {
+        key: 0,
+        class: i(o(d)(o(t), "text"))
+      }, [
+        C(e.$slots, "default", {}, () => [
+          k(y(B.value), 1)
+        ])
+      ], 2)) : c("", !0)
+    ], 2));
+  }
+});
+export {
+  w as S,
+  O as _
+};

package/dist/Switch/Switch.d.ts

@@ -23,16 +23,27 @@ export interface SwitchSlots {
         size: IconSize;
     }) => never;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<SwitchProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare function __VLS_template(): {
+    slots: Readonly<SwitchSlots> & SwitchSlots;
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<SwitchProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (e: InputEvent) => any;
+    focus: (e: InputEvent) => any;
     "update:checked": (payload: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<SwitchProps> & Readonly<{
+    onBlur?: ((e: InputEvent) => any) | undefined;
+    onFocus?: ((e: InputEvent) => any) | undefined;
     "onUpdate:checked"?: ((payload: boolean) => any) | undefined;
 }>, {
-    size: "2xsm" | "xsm" | "sm";
+    size: SwitchSize;
     disabled: boolean;
     required: boolean;
     checked: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<SwitchSlots> & SwitchSlots>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/Switch/index.js.js

@@ -1,4 +1,4 @@
-import { _ as t, S, _ as e } from "../Switch.vue_vue_type_style_index_0_lang-BzC8-ylY.js";
+import { _ as t, S, _ as e } from "../Switch.vue_vue_type_style_index_0_lang-CvWay8Wa.js";
 export {
   t as Switch,
   S as SwitchSizes,

package/dist/Switch/index.umd.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Switch.vue_vue_type_style_index_0_lang-DnNHGn1c.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_style_index_0_lang-CoXu3YJ-.js");exports.Switch=e._sfc_main;exports.SwitchSizes=e.SwitchSizes;exports.default=e._sfc_main;