@pantograph/vue 0.30.8 → 0.30.10

package/dist/Badge.vue_vue_type_script_setup_true_lang-D5HMKOHA.js

@@ -0,0 +1,58 @@
+import { defineComponent as y, useAttrs as b, computed as c, createBlock as C, openBlock as B, mergeProps as _, createSlots as $, renderList as k, withCtx as S, renderSlot as O, normalizeProps as h, guardReactiveProps as v } from "vue";
+import { omit as P } from "es-toolkit";
+import { _ as j } from "./BaseBadge.vue_vue_type_style_index_0_lang-Ca-g18u1.js";
+import { getComponentOptions as w } from "@pantograph/utils";
+import { B as e, a as t } from "./BaseBadge.model-CahZXsyM.js";
+import { getCssCoreColor as o } from "@pantograph/tokens";
+const N = /* @__PURE__ */ y({
+  ...w("Badge", !1),
+  __name: "Badge",
+  props: {
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    text: {},
+    icon: {},
+    flipOnDir: {},
+    customStroke: { type: Boolean },
+    size: {},
+    color: { default: "primary" }
+  },
+  setup(a) {
+    const r = a, i = b(), l = [...e, ...t], u = [...e, ...t], p = () => {
+      if (u.includes(r.color)) {
+        if (r.color === "gray-subtle") return o("gray-6");
+        if (r.color === "yellow") return o("grayscale-dark-0");
+        if (t.includes(r.color))
+          return o(`${r.color.replace("-subtle", "")}-5`);
+        if (e.includes(r.color)) return o("grayscale-light-0");
+      }
+    }, g = () => {
+      if (l.includes(r.color)) {
+        if (r.color === "gray-subtle") return o("gray-1");
+        if (t.includes(r.color))
+          return o(`${r.color.replace("-subtle", "")}-0`);
+        if (e.includes(r.color)) return o(`${r.color}-5`);
+      }
+    }, m = c(() => r.color && l.includes(r.color) ? {
+      bg: g(),
+      fg: p()
+    } : {
+      bg: o("primary-5"),
+      fg: o("primary-oncolor")
+    }), f = c(() => ({
+      ...P(i, ["type"]),
+      ...r,
+      ...m.value
+    }));
+    return (s, x) => (B(), C(j, _(f.value, { type: "pill" }), $({ _: 2 }, [
+      k(Object.keys(s.$slots), (n) => ({
+        name: n,
+        fn: S((d) => [
+          O(s.$slots, n, h(v(d)))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  N as _
+};

package/dist/Base/BaseBadge/BaseBadge.d.ts

@@ -1,6 +1,6 @@
 import { BadgeColor, BadgeColorSubtle, BadgeSize, BadgeType } from './BaseBadge.model';
 import { FlipOnDir } from '../../ConfigProvider';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 export interface BaseBadgeProps {
     size?: BadgeSize;
     class?: ClassValue;

package/dist/Base/BaseButton/BaseButton.d.ts

@@ -1,6 +1,6 @@
 import { PrimitiveProps } from 'reka-ui';
 import { BaseBadgeSlots } from '../BaseBadge/BaseBadge';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 import { ButtonColor, ButtonSize, ButtonType, ButtonVariant } from './BaseButton.model';
 import { FlipOnDir } from '../../ConfigProvider';
 import { BadgeSize } from '../BaseBadge/BaseBadge.model';
@@ -70,8 +70,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ba
 }, string, import('vue').PublicProps, Readonly<BaseButtonProps> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    color: ButtonColor;
     type: ButtonType;
+    color: ButtonColor;
     htmlType: "reset" | "submit" | "button";
     disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/Base/BaseInput/BaseInput.d.ts

@@ -1,4 +1,4 @@
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 import { InputSize, InputStatus } from './BaseInput.model';
 import { IconSize } from '../../Icon';
 import { Ref } from 'vue';

package/dist/{BaseBadge.vue_vue_type_style_index_0_lang-Xgu4prlJ.js → BaseBadge.vue_vue_type_style_index_0_lang-Ca-g18u1.js}

@@ -1,17 +1,17 @@
-import { defineComponent as D, useSlots as O, computed as p, createBlock as I, openBlock as E, h as x } from "vue";
-import { getComponentOptions as L, getBemBlock as w, generateVariantClassList as o, isEmptyLikeLodash as F, normCls as G } from "@pantograph/utils";
-import { cva as M } from "class-variance-authority";
-import { isEmptyElement as b } from "@pantograph/utils-vue";
-import { b as v, c as P } from "./BaseBadge.model-CahZXsyM.js";
+import { defineComponent as O, useSlots as D, computed as p, createBlock as I, openBlock as E, h as b } from "vue";
+import { getComponentOptions as L, getBemBlock as j, generateVariantClassList as o, isEmptyLikeLodash as w, normCls as A } from "@pantograph/utils";
+import { cva as F } from "class-variance-authority";
+import { isEmptyElement as x } from "@pantograph/utils-vue";
+import { b as v, c as G } from "./BaseBadge.model-CahZXsyM.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-CD9EvvB5.js";
-const R = /* @__PURE__ */ D({
+import { useConfig as M } from "./ConfigProvider/index.js";
+import { _ as N } from "./Icon.vue_vue_type_style_index_0_lang-D7PiBbDb.js";
+const R = /* @__PURE__ */ O({
   ...L("BaseBadge"),
   __name: "BaseBadge",
   props: {
     size: { default: "md" },
-    class: {},
+    class: { type: [Array, Object, String, Number, null, Boolean] },
     text: {},
     bg: {},
     fg: {},
@@ -22,15 +22,15 @@ const R = /* @__PURE__ */ D({
     flipOnDir: {}
   },
   setup(B) {
-    const { getFlipOnDir: _ } = T(), S = _("flipOnDir"), i = w("badge"), e = B, h = M(i, {
+    const { getFlipOnDir: S } = M(), _ = S("flipOnDir"), n = j("badge"), e = B, h = F(n, {
       variants: {
-        size: o(P, i),
-        type: o(v, i),
-        text: o("text", i),
-        icon: o("icon", i),
-        br: o("br", i)
+        size: o(G, n),
+        type: o(v, n),
+        text: o("text", n),
+        icon: o("icon", n),
+        br: o("br", n)
       }
-    }), n = O(), s = p(() => v.includes(e.type) ? e.type : "pill"), m = p(() => {
+    }), i = D(), s = p(() => v.includes(e.type) ? e.type : "pill"), m = p(() => {
       let t = 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;
     }), z = p(() => {
@@ -48,24 +48,24 @@ const R = /* @__PURE__ */ D({
     }), k = () => {
       var y, g;
       const t = [];
-      let c, r;
+      let r, c;
       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 || !F(e.text) || f), d = !!(e.icon || u);
+      a || (r = (y = i.icon) == null ? void 0 : y.call(i, {}), c = (g = i.default) == null ? void 0 : g.call(i, {}));
+      const f = !a && !x(c), u = !a && !x(r), l = !!(e.text === 0 || !w(e.text) || f), d = !!(e.icon || u);
       (e.type === "rect" && l ? !1 : d) && t.push(
-        x(
-          V,
+        b(
+          N,
           {
             icon: e.icon,
             size: z.value,
-            flipOnDir: S.value,
+            flipOnDir: _.value,
             customStroke: e.customStroke
           },
           u ? {
-            default: () => c
+            default: () => r
           } : void 0
         )
-      ), l && (f ? t.push(r) : t.push(e.text));
+      ), l && (f ? t.push(c) : t.push(e.text));
       const C = {
         size: m.value,
         type: s.value,
@@ -73,10 +73,10 @@ const R = /* @__PURE__ */ D({
         icon: d,
         br: !!e.br
       };
-      return x(
+      return b(
         "div",
         {
-          class: G(h(C), e.class),
+          class: A(h(C), e.class),
           style: {
             "--ptc-badge-fg": e.fg,
             "--ptc-badge-bg": e.bg,
@@ -86,7 +86,7 @@ const R = /* @__PURE__ */ D({
         t
       );
     };
-    return (t, c) => (E(), I(k));
+    return (t, r) => (E(), I(k));
   }
 });
 export {

package/dist/BaseBadge.vue_vue_type_style_index_0_lang-DDBBnMzY.js

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

package/dist/BaseButton.vue_vue_type_style_index_0_lang-DMu6fhel.js

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

package/dist/BaseButton.vue_vue_type_style_index_0_lang-DklrsHU0.js

@@ -0,0 +1,226 @@
+import { defineComponent as M, computed as u, useSlots as Q, ref as T, watch as U, createBlock as m, openBlock as p, unref as r, mergeProps as W, withCtx as I, createElementBlock as X, Fragment as Y, createCommentVNode as F, renderSlot as y, createVNode as Z, createTextVNode as _, toDisplayString as ee, normalizeClass as oe, h as te } from "vue";
+import { _ as z } from "./Icon.vue_vue_type_style_index_0_lang-D7PiBbDb.js";
+import { _ as ne } from "./Spinner.vue_vue_type_style_index_0_lang-C-Pajopx.js";
+import { _ as ae } from "./Badge.vue_vue_type_script_setup_true_lang-D5HMKOHA.js";
+import { Primitive as ie } from "reka-ui";
+import { B as P, a as $, b as R, c as le, i as re } from "./index-PGo1VyBF.js";
+import { useConfig as ce } from "./ConfigProvider/index.js";
+import { useFormInput as se, isEmptyElement as ue } from "@pantograph/utils-vue";
+import { getBemBlock as pe, generateVariantClassList as a, getComponentOptions as me, normCls as fe, getBemElement as de } from "@pantograph/utils";
+import { cva as ge } from "class-variance-authority";
+const n = pe("button"), ve = ge(n, {
+  variants: {
+    size: a(le, n),
+    type: a(R, n),
+    color: a($, n),
+    variant: a(P, n),
+    action: a("action", n),
+    active: a("active", n),
+    text: a("text", n),
+    preIcon: a("preIcon", n),
+    postIcon: a("postIcon", n),
+    loading: a("loading", n),
+    block: a("block", n),
+    noRing: a("no-ring", n)
+  }
+}), Oe = /* @__PURE__ */ M({
+  ...me("BaseButton"),
+  __name: "BaseButton",
+  props: {
+    as: {},
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    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: {},
+    customStroke: { type: Boolean },
+    preIconCustomStroke: { type: Boolean },
+    postIconCustomStroke: { type: Boolean },
+    flipOnDir: {},
+    preIconFlipOnDir: {},
+    postIconFlipOnDir: {},
+    badgeIconFlipOnDir: {},
+    htmlType: { default: "button" },
+    block: { type: Boolean },
+    disabled: { type: Boolean, default: void 0 },
+    hover: { type: Boolean },
+    href: {},
+    target: {}
+  },
+  emits: ["click"],
+  setup(i, { expose: V, emit: w }) {
+    const e = i, { getFlipOnDir: f } = ce(), E = f("flipOnDir"), N = f("preIconFlipOnDir"), j = f("postIconFlipOnDir"), A = f("badgeIconFlipOnDir"), x = re({}), d = u(() => {
+      var o;
+      return e.variant ?? ((o = x.props) == null ? void 0 : o.variant) ?? "simple";
+    }), l = u(
+      () => ["icon", "float"].includes(d.value) || (t.icon || e.icon) && !(e.text || t.default || e.preIcon || t.preIcon || e.postIcon || t.postIcon)
+    ), t = Q(), { getDisabled: b, getSize: B } = se({
+      getSize: () => {
+        var o;
+        return e.size ?? ((o = x.props) == null ? void 0 : o.size);
+      },
+      defaults: { size: "md" },
+      exports: ["getDisabled", "getSize"]
+    }), G = u(() => {
+      let o = R.includes(e.type) ? e.type : "fill";
+      const v = B.value ?? "md";
+      let c = e.color && $.includes(e.color) ? e.color : "primary", s = d.value && P.includes(d.value) ? d.value : "simple";
+      return e.action ? ((s === "float" || l.value) && (s = "icon"), o === "fill" && (o = "outline"), c = void 0) : s === "float" && (o === "ghost" && (o = "fill"), ["primary", "neutral"].includes(c) || (c = "primary")), {
+        size: v,
+        type: o,
+        color: c,
+        variant: s,
+        action: !!e.action,
+        active: !!e.active,
+        loading: !!e.loading,
+        block: !!e.block,
+        noRing: !!e.noRing,
+        text: !l.value && !!(e.text || t.default),
+        preIcon: !l.value && !!(e.preIcon || t.preIcon),
+        postIcon: !l.value && !!(e.postIcon || t.postIcon)
+      };
+    }), k = u(() => {
+      switch (B.value) {
+        case "lg":
+          return "sm";
+        case "sm":
+          return "2xsm";
+        default:
+          return "xsm";
+      }
+    }), K = u(() => {
+      switch (B.value) {
+        case "sm":
+          return "3xsm";
+        case "lg":
+          return "xsm";
+        case "md":
+        default:
+          return "2xsm";
+      }
+    }), h = "2xsm", D = T(0), O = u(() => e.as ? e.as : e.href ? "a" : "button");
+    U(O, () => {
+      D.value++;
+    });
+    const L = u(() => {
+      const o = {
+        disabled: b.value
+      };
+      return e.href && (o.href = e.href, o.target = e.target), e.htmlType && (o.type = e.htmlType), e.hover && (o["data-hover"] = ""), o;
+    }), S = T();
+    V({
+      focus() {
+        var o;
+        (o = S.value) == null || o.focus();
+      },
+      blur() {
+        var o;
+        (o = S.value) == null || o.blur();
+      }
+    });
+    const q = w, H = (o) => {
+      if (e.loading || e.disabled) {
+        o.preventDefault(), o.stopPropagation();
+        return;
+      }
+      q("click", o);
+    }, J = () => {
+      var o, g, v;
+      if (e.action && e.active && !l.value) {
+        const c = (o = t.badge) == null ? void 0 : o.call(t, {
+          color: b.value ? "gray" : "primary",
+          size: h
+        });
+        if (!ue(c)) return c;
+        const s = (g = t.badgeText) == null ? void 0 : g.call(t, {}), C = (v = t.badgeIcon) == null ? void 0 : v.call(t, {});
+        if (e.badgeText || s || e.badgeIcon || C)
+          return te(
+            ae,
+            {
+              text: e.badgeText,
+              icon: e.badgeIcon,
+              flipOnDir: A.value,
+              color: b.value ? "gray" : "primary",
+              size: h
+            },
+            {
+              default: s ? t.badgeText : void 0,
+              icon: C ? t.badgeIcon : void 0
+            }
+          );
+      }
+      return null;
+    };
+    return (o, g) => (p(), m(r(ie), W({
+      as: O.value,
+      key: String(D.value),
+      class: r(fe)(r(ve)(G.value), e.class),
+      ref_key: "buttonRef",
+      ref: S
+    }, L.value, { onClick: H }), {
+      default: I(() => [
+        i.loading ? (p(), m(ne, {
+          key: 1,
+          class: oe(r(de)(r(n), "loading")),
+          size: k.value
+        }, null, 8, ["class", "size"])) : (p(), X(Y, { key: 0 }, [
+          (i.preIcon || t.preIcon) && !l.value ? (p(), m(z, {
+            key: 0,
+            flipOnDir: r(N),
+            icon: i.preIcon,
+            size: k.value,
+            customStroke: i.preIconCustomStroke
+          }, {
+            default: I(() => [
+              y(o.$slots, "preIcon")
+            ]),
+            _: 3
+          }, 8, ["flipOnDir", "icon", "size", "customStroke"])) : F("", !0),
+          l.value ? (p(), m(z, {
+            key: 1,
+            icon: i.icon,
+            size: K.value,
+            flipOnDir: r(E),
+            customStroke: i.customStroke
+          }, {
+            default: I(() => [
+              y(o.$slots, "icon")
+            ]),
+            _: 3
+          }, 8, ["icon", "size", "flipOnDir", "customStroke"])) : y(o.$slots, "default", { key: 2 }, () => [
+            _(ee(i.text), 1)
+          ]),
+          Z(J),
+          (i.postIcon || t.postIcon) && !l.value ? (p(), m(z, {
+            key: 3,
+            flipOnDir: r(j),
+            customStroke: i.postIconCustomStroke,
+            icon: i.postIcon,
+            size: k.value
+          }, {
+            default: I(() => [
+              y(o.$slots, "postIcon")
+            ]),
+            _: 3
+          }, 8, ["flipOnDir", "customStroke", "icon", "size"])) : F("", !0)
+        ], 64))
+      ]),
+      _: 3
+    }, 16, ["as", "class"]));
+  }
+});
+export {
+  Oe as _,
+  ve as a,
+  n as b
+};

package/dist/BaseInput.vue_vue_type_style_index_0_lang-0yOrRnPS.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),z=require("class-variance-authority"),b=require("./Icon.vue_vue_type_style_index_0_lang-D9YESScE.js"),k=require("./Divider.vue_vue_type_style_index_0_lang-Heq87yk1.js"),V=require("@pantograph/utils-vue"),t=require("@pantograph/utils"),v=["sm","md","lg"],y=["error","warning","success"],l=t.getBemBlock("input"),h=n=>({input:n,focus:a=>{var i;return(i=n.value)==null?void 0:i.focus(a)},blur:()=>{var a;return(a=n.value)==null?void 0:a.blur()},select:()=>{var a;return(a=n.value)==null?void 0:a.select()},setSelectionRange:(a,i,d)=>{var c;return(c=n.value)==null?void 0:c.setSelectionRange(a,i,d)}}),E=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:{type:[Array,Object,String,Number,null,Boolean]},clearIconCls:{type:[Array,Object,String,Number,null,Boolean]},dividerCls:{type:[Array,Object,String,Number,null,Boolean]},leadingCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},allowClear:{type:Boolean},bordered:{type:Boolean,default:!0},simple:{type:Boolean},size:{},status:{},hasValue:{type:Boolean},steps:{type:Boolean},contentFit:{type:Boolean}},emits:["clear","resize"],setup(n,{expose:f,emit:p}){const s=n,o=e.useSlots(),a=z.cva(l,{variants:{size:t.generateVariantClassList(v,l),status:t.generateVariantClassList(y,l),bordered:t.generateVariantClassList("bordered",l),simple:t.generateVariantClassList("simple",l),steps:t.generateVariantClassList("steps",l),contentFit:t.generateVariantClassList("content-fit",l)}}),i=p,d=e.computed(()=>{switch(s.size){case"sm":return"2xsm";default:return"xsm"}}),c=e.computed(()=>{switch(s.size){case"sm":return"2xsm";case"md":return"xsm";default:return"sm"}}),S=()=>{var C;const r=(C=o.leading)==null?void 0:C.call(o,{iconSize:c.value}),u=!V.isEmptyElement(r);return u||s.leading?e.h("div",{class:t.normCls(t.getBemElement(l,"leading"),s.leadingCls)},u?r:s.leading):null},m=e.ref(),g=e.computed(()=>s.contentFit&&!CSS.supports("field-sizing","content"));e.onMounted(()=>{e.watch(g,B,{immediate:!0})});const B=()=>{g.value&&m.value&&e.nextTick(()=>i("resize",m.value.getBoundingClientRect().width))};return f({adjustWidth:B}),(r,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(a)({size:s.size,contentFit:s.contentFit,status:s.status==="success"&&!n.hasValue?void 0:s.status,bordered:n.bordered,simple:n.simple,steps:n.steps}),s.class))},[e.createVNode(S),g.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(l),"input"),e.unref(t.getBemElement)(e.unref(l),"input_value"))),ref_key:"widthRef",ref:m},[e.renderSlot(r.$slots,"value")],2)):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"default"),o.trailing||s.trailing||n.allowClear?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(l),"trailing"),n.trailingCls))},[!s.disabled&&n.allowClear&&n.hasValue?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(b._sfc_main,{icon:n.clearIcon,size:d.value,onClick:u[0]||(u[0]=e.withModifiers(C=>i("clear"),["stop"])),class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(l),"clear_icon"),n.clearIconCls))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"clearIcon")]),_:3},8,["icon","size","class"]),o.trailing||s.trailing?(e.openBlock(),e.createBlock(k._sfc_main,{key:0,type:"vertical",class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(l),"divider"),n.dividerCls))},null,8,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"trailing",{iconSize:c.value},()=>[e.createTextVNode(e.toDisplayString(n.trailing),1)])],2)):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"extra",{iconSize:c.value})],2))}});exports.InputSizes=v;exports.InputStatuses=y;exports._sfc_main=E;exports.inputPrefix=l;exports.useInputExposes=h;

package/dist/BaseInput.vue_vue_type_style_index_0_lang-tmtwQWes.js

@@ -0,0 +1,159 @@
+import { defineComponent as N, useSlots as $, computed as z, ref as F, onMounted as V, watch as j, nextTick as O, createElementBlock as v, openBlock as g, normalizeClass as p, unref as t, createVNode as I, createCommentVNode as y, renderSlot as f, Fragment as A, createBlock as E, withModifiers as L, withCtx as M, createTextVNode as R, toDisplayString as T, h as W } from "vue";
+import { cva as D } from "class-variance-authority";
+import { _ as P } from "./Icon.vue_vue_type_style_index_0_lang-D7PiBbDb.js";
+import { _ as q } from "./Divider.vue_vue_type_style_index_0_lang-eXMD78c3.js";
+import { isEmptyElement as G } from "@pantograph/utils-vue";
+import { getBemBlock as H, getComponentOptions as J, generateVariantClassList as c, normCls as u, getBemElement as d } from "@pantograph/utils";
+const K = ["sm", "md", "lg"], Q = ["error", "warning", "success"], n = H("input"), te = (e) => ({
+  input: e,
+  focus: (l) => {
+    var i;
+    return (i = e.value) == null ? void 0 : i.focus(l);
+  },
+  blur: () => {
+    var l;
+    return (l = e.value) == null ? void 0 : l.blur();
+  },
+  select: () => {
+    var l;
+    return (l = e.value) == null ? void 0 : l.select();
+  },
+  setSelectionRange: (l, i, C) => {
+    var r;
+    return (r = e.value) == null ? void 0 : r.setSelectionRange(l, i, C);
+  }
+}), se = /* @__PURE__ */ N({
+  ...J("BaseInput"),
+  __name: "BaseInput",
+  props: {
+    disabled: { type: Boolean, default: void 0 },
+    immediateFocus: { type: Boolean },
+    leading: {},
+    trailing: {},
+    clearIcon: { default: "tabler:circle-x" },
+    trailingCls: { type: [Array, Object, String, Number, null, Boolean] },
+    clearIconCls: { type: [Array, Object, String, Number, null, Boolean] },
+    dividerCls: { type: [Array, Object, String, Number, null, Boolean] },
+    leadingCls: { type: [Array, Object, String, Number, null, Boolean] },
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    allowClear: { type: Boolean },
+    bordered: { type: Boolean, default: !0 },
+    simple: { type: Boolean },
+    size: {},
+    status: {},
+    hasValue: { type: Boolean },
+    steps: { type: Boolean },
+    contentFit: { type: Boolean }
+  },
+  emits: ["clear", "resize"],
+  setup(e, { expose: h, emit: w }) {
+    const s = e, o = $(), l = D(n, {
+      variants: {
+        size: c(K, n),
+        status: c(Q, n),
+        bordered: c("bordered", n),
+        simple: c("simple", n),
+        steps: c("steps", n),
+        contentFit: c("content-fit", n)
+      }
+    }), i = w, C = z(() => {
+      switch (s.size) {
+        case "sm":
+          return "2xsm";
+        default:
+          return "xsm";
+      }
+    }), r = z(() => {
+      switch (s.size) {
+        case "sm":
+          return "2xsm";
+        case "md":
+          return "xsm";
+        default:
+          return "sm";
+      }
+    }), x = () => {
+      var b;
+      const a = (b = o.leading) == null ? void 0 : b.call(o, { iconSize: r.value }), m = !G(a);
+      return m || s.leading ? W(
+        "div",
+        {
+          class: u(d(n, "leading"), s.leadingCls)
+        },
+        m ? a : s.leading
+      ) : null;
+    }, B = F(), S = z(
+      () => s.contentFit && !CSS.supports("field-sizing", "content")
+    );
+    V(() => {
+      j(S, k, { immediate: !0 });
+    });
+    const k = () => {
+      S.value && B.value && O(() => i("resize", B.value.getBoundingClientRect().width));
+    };
+    return h({
+      adjustWidth: k
+    }), (a, m) => (g(), v("div", {
+      class: p(
+        t(u)(
+          t(l)({
+            size: s.size,
+            contentFit: s.contentFit,
+            status: s.status === "success" && !e.hasValue ? void 0 : s.status,
+            bordered: e.bordered,
+            simple: e.simple,
+            steps: e.steps
+          }),
+          s.class
+        )
+      )
+    }, [
+      I(x),
+      S.value ? (g(), v("span", {
+        key: 0,
+        class: p(
+          t(u)(t(d)(t(n), "input"), t(d)(t(n), "input_value"))
+        ),
+        ref_key: "widthRef",
+        ref: B
+      }, [
+        f(a.$slots, "value")
+      ], 2)) : y("", !0),
+      f(a.$slots, "default"),
+      o.trailing || s.trailing || e.allowClear ? (g(), v("div", {
+        key: 1,
+        class: p(t(u)(t(d)(t(n), "trailing"), e.trailingCls))
+      }, [
+        !s.disabled && e.allowClear && e.hasValue ? (g(), v(A, { key: 0 }, [
+          I(P, {
+            icon: e.clearIcon,
+            size: C.value,
+            onClick: m[0] || (m[0] = L((b) => i("clear"), ["stop"])),
+            class: p(t(u)(t(d)(t(n), "clear_icon"), e.clearIconCls))
+          }, {
+            default: M(() => [
+              f(a.$slots, "clearIcon")
+            ]),
+            _: 3
+          }, 8, ["icon", "size", "class"]),
+          o.trailing || s.trailing ? (g(), E(q, {
+            key: 0,
+            type: "vertical",
+            class: p(t(u)(t(d)(t(n), "divider"), e.dividerCls))
+          }, null, 8, ["class"])) : y("", !0)
+        ], 64)) : y("", !0),
+        f(a.$slots, "trailing", { iconSize: r.value }, () => [
+          R(T(e.trailing), 1)
+        ])
+      ], 2)) : y("", !0),
+      f(a.$slots, "extra", { iconSize: r.value })
+    ], 2));
+  }
+});
+export {
+  K as I,
+  se as _,
+  Q as a,
+  n as i,
+  te as u
+};

package/dist/Blanket/Blanket.d.ts

@@ -1,4 +1,4 @@
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 export interface BlanketProps {
     screen?: boolean;
     zIndex?: number;

package/dist/Blanket/index.js

@@ -1,4 +1,4 @@
-import { _ as t, _ as f } from "../Blanket.vue_vue_type_style_index_0_lang-BZDbPoxP.js";
+import { _ as t, _ as f } from "../Blanket.vue_vue_type_style_index_0_lang-BPkyT5c6.js";
 export {
   t as Blanket,
   f as default

package/dist/Blanket/index.umd.cjs

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

package/dist/Blanket.vue_vue_type_style_index_0_lang-BPkyT5c6.js

@@ -0,0 +1,22 @@
+import { defineComponent as l, createElementBlock as r, openBlock as a, normalizeStyle as s, normalizeClass as c, unref as n } from "vue";
+import { getComponentOptions as m, getBemBlock as i, normCls as d } from "@pantograph/utils";
+const p = ["data-screen"], x = /* @__PURE__ */ l({
+  ...m("Blanket"),
+  __name: "Blanket",
+  props: {
+    screen: { type: Boolean, default: !0 },
+    zIndex: { default: 0 },
+    class: { type: [Array, Object, String, Number, null, Boolean] }
+  },
+  setup(e) {
+    const t = e, o = i("blanket");
+    return (u, f) => (a(), r("div", {
+      class: c(n(d)(n(o), t.class)),
+      style: s({ zIndex: e.zIndex }),
+      "data-screen": e.screen ? "" : void 0
+    }, null, 14, p));
+  }
+});
+export {
+  x as _
+};

package/dist/Blanket.vue_vue_type_style_index_0_lang-Bygy0Fq3.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("@pantograph/utils"),r=["data-screen"],c=e.defineComponent({...t.getComponentOptions("Blanket"),__name:"Blanket",props:{screen:{type:Boolean,default:!0},zIndex:{default:0},class:{type:[Array,Object,String,Number,null,Boolean]}},setup(n){const s=n,l=t.getBemBlock("blanket");return(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(l),s.class)),style:e.normalizeStyle({zIndex:n.zIndex}),"data-screen":n.screen?"":void 0},null,14,r))}});exports._sfc_main=c;