@pantograph/vue 0.29.1 → 0.29.3

package/dist/{BaseBadge.vue_vue_type_style_index_0_lang-DG6AxxJf.js → BaseBadge.vue_vue_type_style_index_0_lang-10ckF176.js}

@@ -1,11 +1,12 @@
 import { defineComponent as k, useSlots as I, computed as p, createBlock as E, openBlock as L, h as x } from "vue";
 import { getComponentOptions as w, getBemBlock as F, generateVariantClassList as o, isEmptyLikeLodash as G, normCls as M } from "@pantograph/utils";
 import { cva as P } from "class-variance-authority";
-import { isEmptyElement as v } from "@pantograph/utils-vue";
-import { a as b, B } from "./BaseBadge.model-DCiuNKoh.js";
-import { _ as T } from "./Icon.vue_vue_type_style_index_0_lang-BUxhmWxU.js";
-import { u as V } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-IVHvl51_.js";
-const Q = /* @__PURE__ */ k({
+import { isEmptyElement as b } from "@pantograph/utils-vue";
+import { c as v, b as B } from "./BaseBadge.model-D4ZfMIfM.js";
+import "./Icon/index.js";
+import { useConfig as T } from "./ConfigProvider/index.js";
+import { _ as V } from "./Icon.vue_vue_type_style_index_0_lang-cUm6hfXg.js";
+const R = /* @__PURE__ */ k({
   ...w("BaseBadge"),
   __name: "BaseBadge",
   props: {
@@ -20,19 +21,19 @@ const Q = /* @__PURE__ */ k({
     flipOnDir: {}
   },
   setup(_) {
-    const { getFlipOnDir: h } = V(), z = h("flipOnDir"), i = F("badge"), e = _, S = P(i, {
+    const { getFlipOnDir: h } = T(), z = h("flipOnDir"), i = F("badge"), e = _, S = P(i, {
       variants: {
         size: o(B, i),
-        type: o(b, i),
+        type: o(v, i),
         text: o("text", i),
         icon: o("icon", i),
         br: o("br", i)
       }
-    }), n = I(), s = p(() => b.includes(e.type) ? e.type : "pill"), f = p(() => {
+    }), n = I(), s = p(() => v.includes(e.type) ? e.type : "pill"), m = p(() => {
       let t = B.includes(e.size) ? e.size : "md";
       return t === "sm" && s.value !== "rect" ? s.value === "minify" ? t = "tiny" : s.value === "pill" && (t = "md") : s.value === "minify" && !["tiny", "tinier"].includes(t) ? t = "tiny" : s.value !== "minify" && ["tiny", "tinier"].includes(t) && (t = "md"), t;
     }), C = p(() => {
-      switch (f.value) {
+      switch (m.value) {
         case "sm":
           return "xsm";
         case "xsm":
@@ -46,21 +47,21 @@ const Q = /* @__PURE__ */ k({
     }), D = () => {
       var y, g;
       const t = [];
-      let c, a;
-      const r = e.type === "minify";
-      r || (c = (y = n.icon) == null ? void 0 : y.call(n, {}), a = (g = n.default) == null ? void 0 : g.call(n, {}));
-      const m = !r && !v(a), u = !r && !v(c), l = !!(e.text === 0 || !G(e.text) || m), d = !!(e.icon || u);
+      let c, r;
+      const a = e.type === "minify";
+      a || (c = (y = n.icon) == null ? void 0 : y.call(n, {}), r = (g = n.default) == null ? void 0 : g.call(n, {}));
+      const f = !a && !b(r), u = !a && !b(c), l = !!(e.text === 0 || !G(e.text) || f), d = !!(e.icon || u);
       (e.type === "rect" && l ? !1 : d) && t.push(
         x(
-          T,
+          V,
           { icon: e.icon, size: C.value, flipOnDir: z.value },
           u ? {
             default: () => c
           } : void 0
         )
-      ), l && (m ? t.push(a) : t.push(e.text));
+      ), l && (f ? t.push(r) : t.push(e.text));
       const O = {
-        size: f.value,
+        size: m.value,
         type: s.value,
         text: l,
         icon: d,
@@ -83,5 +84,5 @@ const Q = /* @__PURE__ */ k({
   }
 });
 export {
-  Q as _
+  R as _
 };

package/dist/BaseBadge.vue_vue_type_style_index_0_lang-CE9-_G4N.js

@@ -0,0 +1 @@
+"use strict";const s=require("vue"),i=require("@pantograph/utils"),q=require("class-variance-authority"),v=require("@pantograph/utils-vue"),o=require("./BaseBadge.model-DecqxaGN.js");require("./Icon/index.umd.cjs");const L=require("./ConfigProvider/index.umd.cjs"),V=require("./Icon.vue_vue_type_style_index_0_lang-D35DGfhm.js"),D=s.defineComponent({...i.getComponentOptions("BaseBadge"),__name:"BaseBadge",props:{size:{default:"md"},class:{},text:{},bg:{},fg:{},br:{},type:{default:"pill"},icon:{},flipOnDir:{}},setup(B){const{getFlipOnDir:x}=L.useConfig(),b=x("flipOnDir"),n=i.getBemBlock("badge"),e=B,h=q.cva(n,{variants:{size:i.generateVariantClassList(o.BadgeSizes,n),type:i.generateVariantClassList(o.BadgeTypes,n),text:i.generateVariantClassList("text",n),icon:i.generateVariantClassList("icon",n),br:i.generateVariantClassList("br",n)}}),a=s.useSlots(),c=s.computed(()=>o.BadgeTypes.includes(e.type)?e.type:"pill"),d=s.computed(()=>{let t=o.BadgeSizes.includes(e.size)?e.size:"md";return t==="sm"&&c.value!=="rect"?c.value==="minify"?t="tiny":c.value==="pill"&&(t="md"):c.value==="minify"&&!["tiny","tinier"].includes(t)?t="tiny":c.value!=="minify"&&["tiny","tinier"].includes(t)&&(t="md"),t}),C=s.computed(()=>{switch(d.value){case"sm":return"xsm";case"xsm":return"2xsm";case"2xsm":return"3xsm";case"md":default:return"sm"}}),z=()=>{var y,_;const t=[];let r,l;const u=e.type==="minify";u||(r=(y=a.icon)==null?void 0:y.call(a,{}),l=(_=a.default)==null?void 0:_.call(a,{}));const f=!u&&!v.isEmptyElement(l),m=!u&&!v.isEmptyElement(r),p=!!(e.text===0||!i.isEmptyLikeLodash(e.text)||f),g=!!(e.icon||m);(e.type==="rect"&&p?!1:g)&&t.push(s.h(V._sfc_main,{icon:e.icon,size:C.value,flipOnDir:b.value},m?{default:()=>r}:void 0)),p&&(f?t.push(l):t.push(e.text));const S={size:d.value,type:c.value,text:p,icon:g,br:!!e.br};return s.h("div",{class:i.normCls(h(S),e.class),style:{"--ptc-badge-fg":e.fg,"--ptc-badge-bg":e.bg,"--ptc-badge-br":e.br}},t)};return(t,r)=>(s.openBlock(),s.createBlock(z))}});exports._sfc_main=D;

package/dist/BaseButton.vue_vue_type_style_index_0_lang-BmmbeeCU.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),I=require("./Icon.vue_vue_type_style_index_0_lang-D35DGfhm.js"),N=require("./Spinner.vue_vue_type_style_index_0_lang-ByCVaoZy.js"),$=require("./Badge.vue_vue_type_script_setup_true_lang-BFQCx53R.js"),G=require("reka-ui"),r=require("./index-CLWvy5OA.js"),A=require("./ConfigProvider/index.umd.cjs"),h=require("@pantograph/utils-vue"),a=require("@pantograph/utils"),j=require("class-variance-authority"),i=a.getBemBlock("button"),z=j.cva(i,{variants:{size:a.generateVariantClassList(r.ButtonSizes,i),type:a.generateVariantClassList(r.ButtonTypes,i),color:a.generateVariantClassList(r.ButtonColors,i),variant:a.generateVariantClassList(r.ButtonVariants,i),action:a.generateVariantClassList("action",i),active:a.generateVariantClassList("active",i),text:a.generateVariantClassList("text",i),preIcon:a.generateVariantClassList("preIcon",i),postIcon:a.generateVariantClassList("postIcon",i),loading:a.generateVariantClassList("loading",i),block:a.generateVariantClassList("block",i),noRing:a.generateVariantClassList("no-ring",i)}}),K=e.defineComponent({...a.getComponentOptions("BaseButton"),__name:"BaseButton",props:{as:{},class:{},text:{},size:{},color:{default:"primary"},noRing:{type:Boolean},type:{default:"fill"},variant:{},loading:{type:Boolean},action:{type:Boolean},active:{type:Boolean},badgeText:{},badgeIcon:{},icon:{},preIcon:{},postIcon:{},flipOnDir:{},preIconFlipOnDir:{},postIconFlipOnDir:{},badgeIconFlipOnDir:{},htmlType:{default:"button"},block:{type:Boolean},disabled:{type:Boolean,default:void 0},hover:{type:Boolean},href:{},target:{}},emits:["click"],setup(x,{expose:V,emit:D}){const n=x,{getFlipOnDir:p}=A.useConfig(),S=p("flipOnDir"),O=p("preIconFlipOnDir"),L=p("postIconFlipOnDir"),T=p("badgeIconFlipOnDir"),y=r.injectButtonGroupContext({}),d=e.computed(()=>{var t;return n.variant??((t=y.props)==null?void 0:t.variant)??"simple"}),s=e.computed(()=>["icon","float"].includes(d.value)||(o.icon||n.icon)&&!(n.text||o.default||n.preIcon||o.preIcon||n.postIcon||o.postIcon)),o=e.useSlots(),{getDisabled:g,getSize:m}=h.useFormInput({getSize:()=>{var t;return n.size??((t=y.props)==null?void 0:t.size)}}),q=e.computed(()=>{let t=r.ButtonTypes.includes(n.type)?n.type:"fill";const l=m.value,f=l&&r.ButtonSizes.includes(l)?l:"md";let c=n.color&&r.ButtonColors.includes(n.color)?n.color:"primary",u=d.value&&r.ButtonVariants.includes(d.value)?d.value:"simple";return n.action?((u==="float"||s.value)&&(u="icon"),t==="fill"&&(t="outline"),c=void 0):u==="float"&&(t==="ghost"&&(t="fill"),["primary","neutral"].includes(c)||(c="primary")),{size:f,type:t,color:c,variant:u,action:!!n.action,active:!!n.active,loading:!!n.loading,block:!!n.block,noRing:!!n.noRing,text:!s.value&&!!(n.text||o.default),preIcon:!s.value&&!!(n.preIcon||o.preIcon),postIcon:!s.value&&!!(n.postIcon||o.postIcon)}}),v=e.computed(()=>{switch(m.value){case"lg":return"sm";case"sm":return"2xsm";default:return"xsm"}}),F=e.computed(()=>{switch(m.value){case"sm":return"3xsm";case"lg":return"xsm";case"md":default:return"2xsm"}}),b="2xsm",_=e.ref(0),k=e.computed(()=>n.as?n.as:n.href?"a":"button");e.watch(k,()=>{_.value++});const P=e.computed(()=>{const t={disabled:g.value};return n.href&&(t.href=n.href,t.target=n.target),n.htmlType&&(t.type=n.htmlType),n.hover&&(t["data-hover"]=""),t}),B=e.ref();V({focus(){var t;(t=B.value)==null||t.focus()},blur(){var t;(t=B.value)==null||t.blur()}});const w=D,R=t=>{if(n.loading||n.disabled){t.preventDefault(),t.stopPropagation();return}w("click",t)},E=()=>{var t,l,f;if(n.action&&n.active&&!s.value){const c=(t=o.badge)==null?void 0:t.call(o,{color:g.value?"gray":"primary",size:b});if(!h.isEmptyElement(c))return c;const u=(l=o.badgeText)==null?void 0:l.call(o,{}),C=(f=o.badgeIcon)==null?void 0:f.call(o,{});if(n.badgeText||u||n.badgeIcon||C)return e.h($._sfc_main,{text:n.badgeText,icon:n.badgeIcon,flipOnDir:T.value,color:g.value?"gray":"primary",size:b},{default:u?o.badgeText:void 0,icon:C?o.badgeIcon:void 0})}return null};return(t,l)=>(e.openBlock(),e.createBlock(e.unref(G.Primitive),e.mergeProps({as:k.value,key:String(_.value),class:e.unref(a.normCls)(e.unref(z)(q.value),n.class),ref_key:"buttonRef",ref:B},P.value,{onClick:R}),{default:e.withCtx(()=>[t.loading?(e.openBlock(),e.createBlock(N._sfc_main,{key:1,class:e.normalizeClass(e.unref(a.getBemElement)(e.unref(i),"loading")),size:v.value},null,8,["class","size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(t.preIcon||o.preIcon)&&!s.value?(e.openBlock(),e.createBlock(I._sfc_main,{key:0,flipOnDir:e.unref(O),icon:t.preIcon,size:v.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"preIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createBlock(I._sfc_main,{key:1,icon:t.icon,size:F.value,flipOnDir:e.unref(S)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["icon","size","flipOnDir"])):e.renderSlot(t.$slots,"default",{key:2},()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),e.createVNode(E),(t.postIcon||o.postIcon)&&!s.value?(e.openBlock(),e.createBlock(I._sfc_main,{key:3,flipOnDir:e.unref(L),icon:t.postIcon,size:v.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"postIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0)],64))]),_:3},16,["as","class"]))}});exports._sfc_main=K;exports.buttonPrefix=i;exports.buttonVariantsClass=z;

package/dist/{BaseButton.vue_vue_type_style_index_0_lang-LxH67DwE.js → BaseButton.vue_vue_type_style_index_0_lang-SL_re9nc.js}

@@ -1,10 +1,10 @@
 import { defineComponent as M, computed as p, useSlots as Q, ref as C, watch as U, createBlock as f, openBlock as u, unref as l, mergeProps as W, withCtx as v, createElementBlock as X, Fragment as Y, createCommentVNode as _, renderSlot as I, createVNode as Z, createTextVNode as ee, toDisplayString as oe, normalizeClass as te, h as ne } from "vue";
-import { _ as h } from "./Icon.vue_vue_type_style_index_0_lang-BUxhmWxU.js";
-import { _ as ae } from "./Spinner.vue_vue_type_style_index_0_lang-kqKDLFqb.js";
-import { _ as ie } from "./Badge.vue_vue_type_script_setup_true_lang-D8HhPgXQ.js";
+import { _ as h } from "./Icon.vue_vue_type_style_index_0_lang-cUm6hfXg.js";
+import { _ as ae } from "./Spinner.vue_vue_type_style_index_0_lang-D-425sXj.js";
+import { _ as ie } from "./Badge.vue_vue_type_script_setup_true_lang-BvaT1pMA.js";
 import { Primitive as le } from "reka-ui";
-import { B as T, b as F, a as P, c as $, i as re } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-Cdto0wL9.js";
-import { u as se } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-IVHvl51_.js";
+import { d as T, B as F, c as P, b as $, i as re } from "./index-C3LNCbQ5.js";
+import { useConfig as se } from "./ConfigProvider/index.js";
 import { useFormInput as ce, isEmptyElement as pe } from "@pantograph/utils-vue";
 import { getBemBlock as ue, generateVariantClassList as a, getComponentOptions as fe, normCls as de, getBemElement as me } from "@pantograph/utils";
 import { cva as ge } from "class-variance-authority";

package/dist/{BaseInput.vue_vue_type_style_index_0_lang-B-uL43gK.js → BaseInput.vue_vue_type_style_index_0_lang-BaaSkNs8.js}

@@ -1,6 +1,6 @@
 import { defineComponent as h, useSlots as k, computed as b, createElementBlock as z, openBlock as p, normalizeClass as g, unref as a, createVNode as I, renderSlot as v, createCommentVNode as B, Fragment as w, createBlock as V, withModifiers as $, withCtx as E, createTextVNode as L, toDisplayString as N, h as F } from "vue";
 import { cva as D } from "class-variance-authority";
-import { _ as M } from "./Icon.vue_vue_type_style_index_0_lang-BUxhmWxU.js";
+import { _ as M } from "./Icon.vue_vue_type_style_index_0_lang-cUm6hfXg.js";
 import { _ as O } from "./Divider.vue_vue_type_style_index_0_lang-GfWcHNix.js";
 import { isEmptyElement as P } from "@pantograph/utils-vue";
 import { getBemBlock as T, getComponentOptions as j, generateVariantClassList as u, normCls as d, getBemElement as f } from "@pantograph/utils";

package/dist/{BaseInput.vue_vue_type_style_index_0_lang-DTsfexlV.js → BaseInput.vue_vue_type_style_index_0_lang-CrYgr0E2.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),f=require("class-variance-authority"),B=require("./Icon.vue_vue_type_style_index_0_lang-DQNF7GAr.js"),S=require("./Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),z=require("@pantograph/utils-vue"),t=require("@pantograph/utils"),C=["sm","md","lg"],v=["error","warning","success"],a=t.getBemBlock("input"),y=r=>({input:r,focus:l=>{var o;return(o=r.value)==null?void 0:o.focus(l)},blur:()=>{var l;return(l=r.value)==null?void 0:l.blur()},select:()=>{var l;return(l=r.value)==null?void 0:l.select()},setSelectionRange:(l,o,u)=>{var d;return(d=r.value)==null?void 0:d.setSelectionRange(l,o,u)}}),V=e.defineComponent({...t.getComponentOptions("BaseInput"),__name:"BaseInput",props:{disabled:{type:Boolean,default:void 0},immediateFocus:{type:Boolean},leading:{},trailing:{},clearIcon:{default:"tabler:circle-x"},trailingCls:{},clearIconCls:{},dividerCls:{},leadingCls:{},class:{},allowClear:{type:Boolean},bordered:{type:Boolean,default:!0},simple:{type:Boolean},size:{},status:{},hasValue:{type:Boolean},steps:{type:Boolean}},emits:["clear"],setup(r,{emit:p}){const n=r,i=e.useSlots(),g=f.cva(a,{variants:{size:t.generateVariantClassList(C,a),status:t.generateVariantClassList(v,a),bordered:t.generateVariantClassList("bordered",a),simple:t.generateVariantClassList("simple",a),steps:t.generateVariantClassList("steps",a)}}),l=p,o=e.computed(()=>{switch(n.size){case"sm":return"2xsm";default:return"xsm"}}),u=e.computed(()=>{switch(n.size){case"sm":return"2xsm";case"md":return"xsm";default:return"sm"}}),d=()=>{var m;const s=(m=i.leading)==null?void 0:m.call(i,{iconSize:u.value}),c=!z.isEmptyElement(s);return c||n.leading?e.h("div",{class:t.normCls(t.getBemElement(a,"leading"),n.leadingCls)},c?s:n.leading):null};return(s,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(g)({size:n.size,status:n.status==="success"&&!s.hasValue?void 0:n.status,bordered:s.bordered,simple:s.simple,steps:s.steps}),n.class))},[e.createVNode(d),e.renderSlot(s.$slots,"default"),i.trailing||n.trailing||s.allowClear?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"trailing"),s.trailingCls))},[!n.disabled&&s.allowClear&&s.hasValue?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(B._sfc_main,{icon:s.clearIcon,size:o.value,onClick:c[0]||(c[0]=e.withModifiers(m=>l("clear"),["stop"])),class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"clear_icon"),s.clearIconCls))},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"clearIcon")]),_:3},8,["icon","size","class"]),i.trailing||n.trailing?(e.openBlock(),e.createBlock(S._sfc_main,{key:0,type:"vertical",class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"divider"),s.dividerCls))},null,8,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"trailing",{iconSize:u.value},()=>[e.createTextVNode(e.toDisplayString(s.trailing),1)])],2)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"extra",{iconSize:u.value})],2))}});exports.InputSizes=C;exports.InputStatuses=v;exports._sfc_main=V;exports.inputPrefix=a;exports.useInputExposes=y;
+"use strict";const e=require("vue"),f=require("class-variance-authority"),B=require("./Icon.vue_vue_type_style_index_0_lang-D35DGfhm.js"),S=require("./Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),z=require("@pantograph/utils-vue"),t=require("@pantograph/utils"),C=["sm","md","lg"],v=["error","warning","success"],a=t.getBemBlock("input"),y=r=>({input:r,focus:l=>{var o;return(o=r.value)==null?void 0:o.focus(l)},blur:()=>{var l;return(l=r.value)==null?void 0:l.blur()},select:()=>{var l;return(l=r.value)==null?void 0:l.select()},setSelectionRange:(l,o,u)=>{var d;return(d=r.value)==null?void 0:d.setSelectionRange(l,o,u)}}),V=e.defineComponent({...t.getComponentOptions("BaseInput"),__name:"BaseInput",props:{disabled:{type:Boolean,default:void 0},immediateFocus:{type:Boolean},leading:{},trailing:{},clearIcon:{default:"tabler:circle-x"},trailingCls:{},clearIconCls:{},dividerCls:{},leadingCls:{},class:{},allowClear:{type:Boolean},bordered:{type:Boolean,default:!0},simple:{type:Boolean},size:{},status:{},hasValue:{type:Boolean},steps:{type:Boolean}},emits:["clear"],setup(r,{emit:p}){const n=r,i=e.useSlots(),g=f.cva(a,{variants:{size:t.generateVariantClassList(C,a),status:t.generateVariantClassList(v,a),bordered:t.generateVariantClassList("bordered",a),simple:t.generateVariantClassList("simple",a),steps:t.generateVariantClassList("steps",a)}}),l=p,o=e.computed(()=>{switch(n.size){case"sm":return"2xsm";default:return"xsm"}}),u=e.computed(()=>{switch(n.size){case"sm":return"2xsm";case"md":return"xsm";default:return"sm"}}),d=()=>{var m;const s=(m=i.leading)==null?void 0:m.call(i,{iconSize:u.value}),c=!z.isEmptyElement(s);return c||n.leading?e.h("div",{class:t.normCls(t.getBemElement(a,"leading"),n.leadingCls)},c?s:n.leading):null};return(s,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(g)({size:n.size,status:n.status==="success"&&!s.hasValue?void 0:n.status,bordered:s.bordered,simple:s.simple,steps:s.steps}),n.class))},[e.createVNode(d),e.renderSlot(s.$slots,"default"),i.trailing||n.trailing||s.allowClear?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"trailing"),s.trailingCls))},[!n.disabled&&s.allowClear&&s.hasValue?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(B._sfc_main,{icon:s.clearIcon,size:o.value,onClick:c[0]||(c[0]=e.withModifiers(m=>l("clear"),["stop"])),class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"clear_icon"),s.clearIconCls))},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"clearIcon")]),_:3},8,["icon","size","class"]),i.trailing||n.trailing?(e.openBlock(),e.createBlock(S._sfc_main,{key:0,type:"vertical",class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"divider"),s.dividerCls))},null,8,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"trailing",{iconSize:u.value},()=>[e.createTextVNode(e.toDisplayString(s.trailing),1)])],2)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"extra",{iconSize:u.value})],2))}});exports.InputSizes=C;exports.InputStatuses=v;exports._sfc_main=V;exports.inputPrefix=a;exports.useInputExposes=y;

package/dist/Button/Button.d.ts

@@ -9,7 +9,7 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+                readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
                 readonly class?: import('clsx').ClassValue;
                 readonly text?: string | number | undefined;
                 readonly size?: import('..').ButtonSize | undefined;
@@ -147,7 +147,7 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Omit<BaseBu
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+            readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
             readonly class?: import('clsx').ClassValue;
             readonly text?: string | number | undefined;
             readonly size?: import('..').ButtonSize | undefined;

package/dist/Button/index.d.ts

@@ -1 +1,2 @@
+export declare const ButtonPlugin: import('vue').Plugin;
 export { default as Button, type ButtonProps, default } from './Button';

package/dist/Button/index.js

@@ -1,5 +1,9 @@
-import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-eKE2_leQ.js";
+import { _ as t } from "../Button.vue_vue_type_script_setup_true_lang-BGBvg82i.js";
+import { installComponent as o } from "@pantograph/utils-vue";
+import { getComponentName as n } from "@pantograph/utils";
+const e = o(t, n("Button"));
 export {
-  o as Button,
-  e as default
+  t as Button,
+  e as ButtonPlugin,
+  t as default
 };

package/dist/Button/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Button.vue_vue_type_script_setup_true_lang-BdrjQ8uV.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Button.vue_vue_type_script_setup_true_lang-DRaac7hE.js"),e=require("@pantograph/utils-vue"),u=require("@pantograph/utils"),n=e.installComponent(t._sfc_main,u.getComponentName("Button"));exports.Button=t._sfc_main;exports.default=t._sfc_main;exports.ButtonPlugin=n;

package/dist/{Button.vue_vue_type_script_setup_true_lang-eKE2_leQ.js → Button.vue_vue_type_script_setup_true_lang-BGBvg82i.js}

@@ -1,6 +1,6 @@
 import { defineComponent as c, useAttrs as l, computed as m, ref as f, createBlock as u, openBlock as d, mergeProps as b, createSlots as g, renderList as _, withCtx as v, renderSlot as y, normalizeProps as B, guardReactiveProps as I } from "vue";
 import { omit as O } from "es-toolkit";
-import { _ as h } from "./BaseButton.vue_vue_type_style_index_0_lang-LxH67DwE.js";
+import { _ as h } from "./BaseButton.vue_vue_type_style_index_0_lang-SL_re9nc.js";
 import { getComponentOptions as k } from "@pantograph/utils";
 const P = /* @__PURE__ */ c({
   ...k("Button", !1),

package/dist/{Button.vue_vue_type_script_setup_true_lang-BdrjQ8uV.js → Button.vue_vue_type_script_setup_true_lang-DRaac7hE.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("es-toolkit"),u=require("./BaseButton.vue_vue_type_style_index_0_lang-58oCf4xk.js"),_=require("@pantograph/utils"),f=e.defineComponent({..._.getComponentOptions("Button",!1),__name:"Button",props:{as:{},class:{},text:{},size:{},color:{},noRing:{type:Boolean},type:{},loading:{type:Boolean},preIcon:{},postIcon:{},preIconFlipOnDir:{},postIconFlipOnDir:{},htmlType:{},block:{type:Boolean},disabled:{type:Boolean,default:void 0},hover:{type:Boolean},href:{},target:{}},setup(r,{expose:s}){const i=r,a=e.useAttrs(),c=e.computed(()=>({...p.omit(a,["variant","action","active","badgeText","badgeIcon","icon","flipOnDir","badgeIconFlipOnDir"]),...i})),o=e.ref();return s({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,d)=>(e.openBlock(),e.createBlock(u._sfc_main,e.mergeProps(c.value,{variant:"simple",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(l=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(l)))])}))]),1040))}});exports._sfc_main=f;
+"use strict";const e=require("vue"),p=require("es-toolkit"),u=require("./BaseButton.vue_vue_type_style_index_0_lang-BmmbeeCU.js"),_=require("@pantograph/utils"),f=e.defineComponent({..._.getComponentOptions("Button",!1),__name:"Button",props:{as:{},class:{},text:{},size:{},color:{},noRing:{type:Boolean},type:{},loading:{type:Boolean},preIcon:{},postIcon:{},preIconFlipOnDir:{},postIconFlipOnDir:{},htmlType:{},block:{type:Boolean},disabled:{type:Boolean,default:void 0},hover:{type:Boolean},href:{},target:{}},setup(r,{expose:s}){const i=r,a=e.useAttrs(),c=e.computed(()=>({...p.omit(a,["variant","action","active","badgeText","badgeIcon","icon","flipOnDir","badgeIconFlipOnDir"]),...i})),o=e.ref();return s({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,d)=>(e.openBlock(),e.createBlock(u._sfc_main,e.mergeProps(c.value,{variant:"simple",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(l=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(l)))])}))]),1040))}});exports._sfc_main=f;

package/dist/ButtonGroup/index.d.ts

@@ -1 +1,2 @@
+export declare const ButtonGroupPlugin: import('vue').Plugin;
 export { default as ButtonGroup, provideButtonGroupContext, injectButtonGroupContext, type ButtonGroupProps, default, } from './ButtonGroup';

package/dist/ButtonGroup/index.js

@@ -1,7 +1,10 @@
-import { _ as u, _ as e, i as n, p } from "../ButtonGroup.vue_vue_type_script_setup_true_lang-Cdto0wL9.js";
+import { _ as r, a as n, _ as a, i as e, p as i } from "../index-C3LNCbQ5.js";
+import "@pantograph/utils-vue";
+import "@pantograph/utils";
 export {
-  u as ButtonGroup,
-  e as default,
-  n as injectButtonGroupContext,
-  p as provideButtonGroupContext
+  r as ButtonGroup,
+  n as ButtonGroupPlugin,
+  a as default,
+  e as injectButtonGroupContext,
+  i as provideButtonGroupContext
 };

package/dist/ButtonGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../ButtonGroup.vue_vue_type_script_setup_true_lang-B1xohKaV.js");exports.ButtonGroup=t._sfc_main;exports.default=t._sfc_main;exports.injectButtonGroupContext=t.injectButtonGroupContext;exports.provideButtonGroupContext=t.provideButtonGroupContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../index-CLWvy5OA.js");require("@pantograph/utils-vue");require("@pantograph/utils");exports.ButtonGroup=t._sfc_main;exports.ButtonGroupPlugin=t.ButtonGroupPlugin;exports.default=t._sfc_main;exports.injectButtonGroupContext=t.injectButtonGroupContext;exports.provideButtonGroupContext=t.provideButtonGroupContext;

package/dist/Card/Card.d.ts

@@ -10,6 +10,7 @@ export interface CardProps {
     class?: ClassValue;
     leadingCls?: ClassValue;
     contentCls?: ClassValue;
+    wrapperCls?: ClassValue;
     titleCls?: ClassValue;
     descriptionCls?: ClassValue;
     actionsCls?: ClassValue;

package/dist/Card/index.d.ts

@@ -1,2 +1,3 @@
+export declare const CardPlugin: import('vue').Plugin;
 export { default as Card, type CardProps, default } from './Card';
 export * from './Card.model.ts';

package/dist/Card/index.js

@@ -1,6 +1,116 @@
-import { _ as s, C as d, _ as e } from "../Card.vue_vue_type_style_index_0_lang-Cq4rXSmn.js";
+import { defineComponent as E, useSlots as P, createElementBlock as b, openBlock as k, normalizeClass as p, unref as i, createVNode as d, createElementVNode as C, h as r } from "vue";
+import { getComponentOptions as F, getBemBlock as N, generateVariantClassList as u, normCls as s, getBemElement as a, getComponentName as O } from "@pantograph/utils";
+import { cva as S } from "class-variance-authority";
+import { isEmptyElement as c, installComponent as V } from "@pantograph/utils-vue";
+const _ = ["vertical", "horizontal"], z = /* @__PURE__ */ E({
+  ...F("Card"),
+  __name: "Card",
+  props: {
+    type: { default: "vertical" },
+    selected: { type: Boolean, default: !1 },
+    showFloatedActionsOnHover: { type: Boolean, default: !0 },
+    leadingPadding: { type: Boolean, default: !0 },
+    title: {},
+    description: {},
+    class: {},
+    leadingCls: {},
+    contentCls: {},
+    wrapperCls: {},
+    titleCls: {},
+    descriptionCls: {},
+    actionsCls: {},
+    floatedActionsCls: {},
+    bodyCls: {}
+  },
+  setup(f) {
+    const o = f, l = N("card"), m = S(l, {
+      variants: {
+        type: u(_, l),
+        selected: u("selected", l),
+        leadingPadding: u("leading-padding", l)
+      }
+    }), n = P(), g = () => {
+      var t;
+      const e = (t = n.leading) == null ? void 0 : t.call(n, {});
+      return c(e) ? null : r("div", { class: s(a(l, "leading"), o.leadingCls) }, e);
+    }, v = () => {
+      var t;
+      const e = (t = n.title) == null ? void 0 : t.call(n, {});
+      return o.title || !c(e) ? r(
+        "div",
+        { class: s(a(l, "title"), "paragraph", o.titleCls) },
+        e ?? o.title
+      ) : null;
+    }, y = () => {
+      var t;
+      const e = (t = n.description) == null ? void 0 : t.call(n, {});
+      return o.description || !c(e) ? r(
+        "div",
+        { class: s(a(l, "description"), "paragraph", o.descriptionCls) },
+        e ?? o.description
+      ) : null;
+    }, B = () => {
+      const e = v(), t = y();
+      return e || t ? r("div", { class: s(a(l, "body"), o.bodyCls) }, [
+        e,
+        t
+      ]) : null;
+    }, h = () => {
+      var t;
+      const e = (t = n.default) == null ? void 0 : t.call(n, {});
+      return c(e) ? null : e;
+    }, A = () => {
+      var t;
+      const e = (t = n.actions) == null ? void 0 : t.call(n, {});
+      return c(e) ? null : r("div", { class: s(a(l, "actions"), o.actionsCls) }, e);
+    }, w = () => {
+      var t;
+      const e = (t = n.floatedActions) == null ? void 0 : t.call(n, {});
+      return c(e) ? null : r(
+        "div",
+        {
+          class: s(
+            a(l, "floated-actions"),
+            {
+              [`${a(l, "floated-actions")}--hover-only`]: o.showFloatedActionsOnHover
+            },
+            o.floatedActionsCls
+          )
+        },
+        e
+      );
+    };
+    return (e, t) => (k(), b("div", {
+      class: p(
+        i(s)(
+          i(m)({
+            type: e.type,
+            selected: e.selected,
+            leadingPadding: e.leadingPadding
+          }),
+          o.class
+        )
+      )
+    }, [
+      d(w),
+      d(g),
+      C("div", {
+        class: p(i(s)(i(a)(i(l), "content"), o.contentCls))
+      }, [
+        C("div", {
+          class: p(i(s)(i(a)(i(l), "wrapper"), o.wrapperCls))
+        }, [
+          d(B),
+          d(h)
+        ], 2),
+        d(A)
+      ], 2)
+    ], 2));
+  }
+}), $ = V(z, O("Card"));
 export {
-  s as Card,
-  d as CardTypes,
-  e as default
+  z as Card,
+  $ as CardPlugin,
+  _ as CardTypes,
+  z as default
 };

package/dist/Card/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Card.vue_vue_type_style_index_0_lang-Iyaj4565.js");exports.Card=e._sfc_main;exports.CardTypes=e.CardTypes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@pantograph/utils"),v=require("class-variance-authority"),a=require("@pantograph/utils-vue"),c=["vertical","horizontal"],i=e.defineComponent({...n.getComponentOptions("Card"),__name:"Card",props:{type:{default:"vertical"},selected:{type:Boolean,default:!1},showFloatedActionsOnHover:{type:Boolean,default:!0},leadingPadding:{type:Boolean,default:!0},title:{},description:{},class:{},leadingCls:{},contentCls:{},wrapperCls:{},titleCls:{},descriptionCls:{},actionsCls:{},floatedActionsCls:{},bodyCls:{}},setup(d){const r=d,o=n.getBemBlock("card"),u=v.cva(o,{variants:{type:n.generateVariantClassList(c,o),selected:n.generateVariantClassList("selected",o),leadingPadding:n.generateVariantClassList("leading-padding",o)}}),s=e.useSlots(),m=()=>{var l;const t=(l=s.leading)==null?void 0:l.call(s,{});return a.isEmptyElement(t)?null:e.h("div",{class:n.normCls(n.getBemElement(o,"leading"),r.leadingCls)},t)},p=()=>{var l;const t=(l=s.title)==null?void 0:l.call(s,{});return r.title||!a.isEmptyElement(t)?e.h("div",{class:n.normCls(n.getBemElement(o,"title"),"paragraph",r.titleCls)},t??r.title):null},C=()=>{var l;const t=(l=s.description)==null?void 0:l.call(s,{});return r.description||!a.isEmptyElement(t)?e.h("div",{class:n.normCls(n.getBemElement(o,"description"),"paragraph",r.descriptionCls)},t??r.description):null},g=()=>{const t=p(),l=C();return t||l?e.h("div",{class:n.normCls(n.getBemElement(o,"body"),r.bodyCls)},[t,l]):null},f=()=>{var l;const t=(l=s.default)==null?void 0:l.call(s,{});return a.isEmptyElement(t)?null:t},E=()=>{var l;const t=(l=s.actions)==null?void 0:l.call(s,{});return a.isEmptyElement(t)?null:e.h("div",{class:n.normCls(n.getBemElement(o,"actions"),r.actionsCls)},t)},y=()=>{var l;const t=(l=s.floatedActions)==null?void 0:l.call(s,{});return a.isEmptyElement(t)?null:e.h("div",{class:n.normCls(n.getBemElement(o,"floated-actions"),{[`${n.getBemElement(o,"floated-actions")}--hover-only`]:r.showFloatedActionsOnHover},r.floatedActionsCls)},t)};return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(u)({type:t.type,selected:t.selected,leadingPadding:t.leadingPadding}),r.class))},[e.createVNode(y),e.createVNode(m),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(o),"content"),r.contentCls))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(o),"wrapper"),r.wrapperCls))},[e.createVNode(g),e.createVNode(f)],2),e.createVNode(E)],2)],2))}}),B=a.installComponent(i,n.getComponentName("Card"));exports.Card=i;exports.CardPlugin=B;exports.CardTypes=c;exports.default=i;

package/dist/Checkbox/index.d.ts

@@ -1,2 +1,3 @@
+export declare const CheckboxPlugin: import('vue').Plugin;
 export { default as Checkbox, type CheckboxProps, default } from './Checkbox';
 export * from './Checkbox.model';

package/dist/Checkbox/index.js

@@ -1,8 +1,13 @@
-import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-BEA8tGnv.js";
+import { _ as o } from "../Checkbox.vue_vue_type_style_index_0_lang-CFQlwsbT.js";
+import { b as C, u as c, c as h } from "../Checkbox.vue_vue_type_style_index_0_lang-CFQlwsbT.js";
+import { installComponent as e } from "@pantograph/utils-vue";
+import { getComponentName as a } from "@pantograph/utils";
+const m = e(o, a("Checkbox"));
 export {
-  e as Checkbox,
-  s as CheckboxSizes,
-  r as default,
-  C as useColoredPantographCheckbox,
+  o as Checkbox,
+  m as CheckboxPlugin,
+  C as CheckboxSizes,
+  o as default,
+  c as useColoredPantographCheckbox,
   h as useColoredPantographCheckboxGroup
 };

package/dist/Checkbox/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-BrNExnEV.js");exports.Checkbox=e._sfc_main;exports.CheckboxSizes=e.CheckboxSizes;exports.default=e._sfc_main;exports.useColoredPantographCheckbox=e.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=e.useColoredPantographCheckboxGroup;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-CXAyoKcr.js"),o=require("@pantograph/utils-vue"),r=require("@pantograph/utils"),t=o.installComponent(e._sfc_main,r.getComponentName("Checkbox"));exports.Checkbox=e._sfc_main;exports.CheckboxSizes=e.CheckboxSizes;exports.default=e._sfc_main;exports.useColoredPantographCheckbox=e.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=e.useColoredPantographCheckboxGroup;exports.CheckboxPlugin=t;