@pantograph/vue 0.28.1 → 0.28.3

package/dist/{BaseButton.vue_vue_type_style_index_0_lang-D2cKm_bz.js → BaseButton.vue_vue_type_style_index_0_lang-CODRtwkb.js}

@@ -1,12 +1,12 @@
-import { defineComponent as M, computed as i, useSlots as Q, ref as T, watch as U, createBlock as f, openBlock as u, unref as r, mergeProps as W, withCtx as v, createElementBlock as X, Fragment as Y, createCommentVNode as C, 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-DPe3mUfh.js";
-import { _ as ae } from "./Spinner.vue_vue_type_style_index_0_lang-Cgo_qdud.js";
-import { _ as ie } from "./Badge.vue_vue_type_script_setup_true_lang-C1_SBsMO.js";
+import { defineComponent as M, computed as l, useSlots as Q, ref as T, watch as U, createBlock as f, openBlock as u, unref as r, mergeProps as W, withCtx as v, createElementBlock as X, Fragment as Y, createCommentVNode as C, 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-BYKu480i.js";
+import { _ as ae } from "./Spinner.vue_vue_type_style_index_0_lang-B8uu4gTm.js";
+import { _ as ie } from "./Badge.vue_vue_type_script_setup_true_lang-Dujr_wRB.js";
 import { Primitive as le } from "reka-ui";
-import { B as _, b as F, a as P, c as $, i as re } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-DGuzTQhm.js";
-import { getBemBlock as se, generateVariantClassList as a, normCls as ce, getBemElement as pe } from "@pantograph/utils";
-import { u as ue } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
-import { getComponentOptions as fe, useFormInput as de, isEmptyElement as me } from "@pantograph/utils-vue";
+import { B as _, b as F, a as P, c as $, i as re } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-Cdto0wL9.js";
+import { getBemBlock as se, generateVariantClassList as a, getComponentOptions as ce, normCls as pe, getBemElement as ue } from "@pantograph/utils";
+import { u as fe } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-xlsy0YwQ.js";
+import { useFormInput as de, isEmptyElement as me } from "@pantograph/utils-vue";
 import { cva as ge } from "class-variance-authority";
 const n = se("button"), ve = ge(n, {
   variants: {
@@ -24,7 +24,7 @@ const n = se("button"), ve = ge(n, {
     noRing: a("no-ring", n)
   }
 }), Se = /* @__PURE__ */ M({
-  ...fe("BaseButton"),
+  ...ce("BaseButton"),
   __name: "BaseButton",
   props: {
     as: {},
@@ -56,16 +56,19 @@ const n = se("button"), ve = ge(n, {
   },
   emits: ["click"],
   setup(R, { expose: V, emit: w }) {
-    const e = R, { getFlipOnDir: d } = ue(), E = d("flipOnDir"), N = d("preIconFlipOnDir"), G = d("postIconFlipOnDir"), j = d("badgeIconFlipOnDir"), k = re({
-      size: i(() => e.size),
-      variant: i(() => e.variant)
-    }), m = i(() => e.variant ?? k.variant.value ?? "simple"), l = i(
+    const e = R, { getFlipOnDir: d } = fe(), E = d("flipOnDir"), N = d("preIconFlipOnDir"), G = d("postIconFlipOnDir"), j = d("badgeIconFlipOnDir"), k = re({}), m = l(() => {
+      var o;
+      return e.variant ?? ((o = k.props) == null ? void 0 : o.variant) ?? "simple";
+    }), i = l(
       () => ["icon", "float"].includes(m.value) || (t.icon || e.icon) && !(e.text || t.default || e.preIcon || t.preIcon || e.postIcon || t.postIcon)
-    ), t = Q(), { getDisabled: b, getSize: y } = de({ getSize: () => e.size ?? k.size.value }), A = i(() => {
+    ), t = Q(), { getDisabled: b, getSize: y } = de({ getSize: () => {
+      var o;
+      return e.size ?? ((o = k.props) == null ? void 0 : o.size);
+    } }), A = l(() => {
       let o = P.includes(e.type) ? e.type : "fill";
       const s = y.value, g = s && $.includes(s) ? s : "md";
       let c = e.color && F.includes(e.color) ? e.color : "primary", p = m.value && _.includes(m.value) ? m.value : "simple";
-      return e.action ? ((p === "float" || l.value) && (p = "icon"), o === "fill" && (o = "outline"), c = void 0) : p === "float" && (o === "ghost" && (o = "fill"), ["primary", "neutral"].includes(c) || (c = "primary")), {
+      return e.action ? ((p === "float" || i.value) && (p = "icon"), o === "fill" && (o = "outline"), c = void 0) : p === "float" && (o === "ghost" && (o = "fill"), ["primary", "neutral"].includes(c) || (c = "primary")), {
         size: g,
         type: o,
         color: c,
@@ -75,11 +78,11 @@ const n = se("button"), ve = ge(n, {
         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)
+        text: !i.value && !!(e.text || t.default),
+        preIcon: !i.value && !!(e.preIcon || t.preIcon),
+        postIcon: !i.value && !!(e.postIcon || t.postIcon)
       };
-    }), B = i(() => {
+    }), B = l(() => {
       switch (y.value) {
         case "lg":
           return "sm";
@@ -88,7 +91,7 @@ const n = se("button"), ve = ge(n, {
         default:
           return "xsm";
       }
-    }), K = i(() => {
+    }), K = l(() => {
       switch (y.value) {
         case "sm":
           return "3xsm";
@@ -98,11 +101,11 @@ const n = se("button"), ve = ge(n, {
         default:
           return "2xsm";
       }
-    }), x = "2xsm", D = T(0), O = i(() => e.as ? e.as : e.href ? "a" : "button");
+    }), x = "2xsm", D = T(0), O = l(() => e.as ? e.as : e.href ? "a" : "button");
     U(O, () => {
       D.value++;
     });
-    const L = i(() => {
+    const L = l(() => {
       const o = {
         disabled: b.value
       };
@@ -125,10 +128,10 @@ const n = se("button"), ve = ge(n, {
       }
       q("click", o);
     };
-    i(() => e.action && e.active && !l.value && (e.badgeText || t.badgeText || e.badgeIcon || t.badgeIcon || t.badge));
+    l(() => e.action && e.active && !i.value && (e.badgeText || t.badgeText || e.badgeIcon || t.badgeIcon || t.badge));
     const J = () => {
       var o, s, g;
-      if (e.action && e.active && !l.value) {
+      if (e.action && e.active && !i.value) {
         const c = (o = t.badge) == null ? void 0 : o.call(t, {
           color: b.value ? "gray" : "primary",
           size: x
@@ -156,17 +159,17 @@ const n = se("button"), ve = ge(n, {
     return (o, s) => (u(), f(r(le), W({
       as: O.value,
       key: String(D.value),
-      class: r(ce)(r(ve)(A.value), e.class),
+      class: r(pe)(r(ve)(A.value), e.class),
       ref_key: "buttonRef",
       ref: z
     }, L.value, { onClick: H }), {
       default: v(() => [
         o.loading ? (u(), f(ae, {
           key: 1,
-          class: te(r(pe)(r(n), "loading")),
+          class: te(r(ue)(r(n), "loading")),
           size: B.value
         }, null, 8, ["class", "size"])) : (u(), X(Y, { key: 0 }, [
-          (o.preIcon || t.preIcon) && !l.value ? (u(), f(h, {
+          (o.preIcon || t.preIcon) && !i.value ? (u(), f(h, {
             key: 0,
             flipOnDir: r(N),
             icon: o.preIcon,
@@ -177,7 +180,7 @@ const n = se("button"), ve = ge(n, {
             ]),
             _: 3
           }, 8, ["flipOnDir", "icon", "size"])) : C("", !0),
-          l.value ? (u(), f(h, {
+          i.value ? (u(), f(h, {
             key: 1,
             icon: o.icon,
             size: K.value,
@@ -191,7 +194,7 @@ const n = se("button"), ve = ge(n, {
             ee(oe(o.text), 1)
           ]),
           Z(J),
-          (o.postIcon || t.postIcon) && !l.value ? (u(), f(h, {
+          (o.postIcon || t.postIcon) && !i.value ? (u(), f(h, {
             key: 3,
             flipOnDir: r(G),
             icon: o.postIcon,

package/dist/BaseButton.vue_vue_type_style_index_0_lang-Yca930Wn.js

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

package/dist/{BaseInput.vue_vue_type_style_index_0_lang-BpBhsQhP.js → BaseInput.vue_vue_type_style_index_0_lang-BARSLUqT.js}

@@ -1,9 +1,9 @@
 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 { getBemBlock as D, generateVariantClassList as u, normCls as d, getBemElement as f } from "@pantograph/utils";
-import { cva as M } from "class-variance-authority";
-import { _ as O } from "./Icon.vue_vue_type_style_index_0_lang-DPe3mUfh.js";
-import { _ as P } from "./Divider.vue_vue_type_style_index_0_lang-Clrzj4R0.js";
-import { getComponentOptions as T, isEmptyElement as j } from "@pantograph/utils-vue";
+import { getBemBlock as D, getComponentOptions as M, generateVariantClassList as u, normCls as d, getBemElement as f } from "@pantograph/utils";
+import { cva as O } from "class-variance-authority";
+import { _ as P } from "./Icon.vue_vue_type_style_index_0_lang-BYKu480i.js";
+import { _ as T } from "./Divider.vue_vue_type_style_index_0_lang-GfWcHNix.js";
+import { isEmptyElement as j } from "@pantograph/utils-vue";
 const q = ["sm", "md", "lg"], A = ["error", "warning", "success"], l = D("input"), W = (i) => ({
   input: i,
   focus: (t) => {
@@ -23,7 +23,7 @@ const q = ["sm", "md", "lg"], A = ["error", "warning", "success"], l = D("input"
     return (m = i.value) == null ? void 0 : m.setSelectionRange(t, o, r);
   }
 }), X = /* @__PURE__ */ h({
-  ...T("BaseInput"),
+  ...M("BaseInput"),
   __name: "BaseInput",
   props: {
     disabled: { type: Boolean, default: void 0 },
@@ -46,7 +46,7 @@ const q = ["sm", "md", "lg"], A = ["error", "warning", "success"], l = D("input"
   },
   emits: ["clear"],
   setup(i, { emit: S }) {
-    const s = i, n = k(), y = M(l, {
+    const s = i, n = k(), y = O(l, {
       variants: {
         size: u(q, l),
         status: u(A, l),
@@ -102,7 +102,7 @@ const q = ["sm", "md", "lg"], A = ["error", "warning", "success"], l = D("input"
         class: g(a(d)(a(f)(a(l), "trailing"), e.trailingCls))
       }, [
         !s.disabled && e.allowClear && e.hasValue ? (p(), z(w, { key: 0 }, [
-          I(O, {
+          I(P, {
             icon: e.clearIcon,
             size: o.value,
             onClick: c[0] || (c[0] = $((C) => t("clear"), ["stop"])),
@@ -113,7 +113,7 @@ const q = ["sm", "md", "lg"], A = ["error", "warning", "success"], l = D("input"
             ]),
             _: 3
           }, 8, ["icon", "size", "class"]),
-          n.trailing || s.trailing ? (p(), V(P, {
+          n.trailing || s.trailing ? (p(), V(T, {
             key: 0,
             type: "vertical",
             class: g(a(d)(a(f)(a(l), "divider"), e.dividerCls))

package/dist/{BaseInput.vue_vue_type_style_index_0_lang-kdLi78ax.js → BaseInput.vue_vue_type_style_index_0_lang-Do5ePmU5.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("@pantograph/utils"),B=require("class-variance-authority"),S=require("./Icon.vue_vue_type_style_index_0_lang-Df7xWWKv.js"),z=require("./Divider.vue_vue_type_style_index_0_lang-jjCOfwfM.js"),C=require("@pantograph/utils-vue"),v=["sm","md","lg"],f=["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({...C.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=B.cva(a,{variants:{size:t.generateVariantClassList(v,a),status:t.generateVariantClassList(f,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=!C.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(S._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(z._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=v;exports.InputStatuses=f;exports._sfc_main=V;exports.inputPrefix=a;exports.useInputExposes=y;
+"use strict";const e=require("vue"),t=require("@pantograph/utils"),f=require("class-variance-authority"),B=require("./Icon.vue_vue_type_style_index_0_lang-BgU_brEP.js"),S=require("./Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),z=require("@pantograph/utils-vue"),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/index.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-CrVAgpiG.js";
+import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-XnGC65Ul.js";
 export {
   o as Button,
   e 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-De3yMf4x.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Button.vue_vue_type_script_setup_true_lang-D6GZ2ppj.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;

package/dist/Button.vue_vue_type_script_setup_true_lang-D6GZ2ppj.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("es-toolkit"),u=require("./BaseButton.vue_vue_type_style_index_0_lang-Yca930Wn.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/{Button.vue_vue_type_script_setup_true_lang-CrVAgpiG.js → Button.vue_vue_type_script_setup_true_lang-XnGC65Ul.js}

@@ -1,7 +1,7 @@
 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-D2cKm_bz.js";
-import { getComponentOptions as k } from "@pantograph/utils-vue";
+import { _ as h } from "./BaseButton.vue_vue_type_style_index_0_lang-CODRtwkb.js";
+import { getComponentOptions as k } from "@pantograph/utils";
 const P = /* @__PURE__ */ c({
   ...k("Button", !1),
   __name: "Button",

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -1,5 +1,4 @@
 import { ButtonSize, ButtonVariant } from '../Base/BaseButton/BaseButton.model';
-import { ComputedRef } from 'vue';
 import { ClassValue } from 'class-variance-authority/types';
 declare const ButtonGroupGaps: readonly ["sm", "md", "lg", "none"];
 export type ButtonGroupProps = {
@@ -10,23 +9,17 @@ export type ButtonGroupProps = {
     split?: boolean;
 };
 export declare const injectButtonGroupContext: <T extends {
-    size: ComputedRef<ButtonSize | undefined>;
-    variant: ComputedRef<ButtonVariant | undefined>;
+    props?: ButtonGroupProps;
 } | null | undefined = {
-    size: ComputedRef<ButtonSize | undefined>;
-    variant: ComputedRef<ButtonVariant | undefined>;
+    props?: ButtonGroupProps;
 }>(fallback?: T | undefined) => T extends null ? {
-    size: ComputedRef<ButtonSize | undefined>;
-    variant: ComputedRef<ButtonVariant | undefined>;
+    props?: ButtonGroupProps;
 } | null : {
-    size: ComputedRef<ButtonSize | undefined>;
-    variant: ComputedRef<ButtonVariant | undefined>;
+    props?: ButtonGroupProps;
 }, provideButtonGroupContext: (contextValue: {
-    size: ComputedRef<ButtonSize | undefined>;
-    variant: ComputedRef<ButtonVariant | undefined>;
+    props?: ButtonGroupProps;
 }) => {
-    size: ComputedRef<ButtonSize | undefined>;
-    variant: ComputedRef<ButtonVariant | undefined>;
+    props?: ButtonGroupProps;
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ButtonGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
     split: boolean;

package/dist/ButtonGroup/index.js

@@ -1,4 +1,4 @@
-import { _ as u, _ as e, i as n, p } from "../ButtonGroup.vue_vue_type_script_setup_true_lang-DGuzTQhm.js";
+import { _ as u, _ as e, i as n, p } from "../ButtonGroup.vue_vue_type_script_setup_true_lang-Cdto0wL9.js";
 export {
   u as ButtonGroup,
   e as default,

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-aMsUnJ9c.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("../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;

package/dist/ButtonGroup.vue_vue_type_script_setup_true_lang-B1xohKaV.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),e=require("@pantograph/utils"),p=require("class-variance-authority"),c=require("reka-ui"),B=require("./BaseBadge.model-DecqxaGN.js"),m=["simple","icon","float"],g=["fill","outline","ghost"],C=["primary","danger","success","warning","neutral",...B.PrimitiveColors,"gray"],r=["sm","md","lg"],d=[...r,"none"],[f,a]=c.createContext("ButtonGroup"),v=t.defineComponent({...e.getComponentOptions("ButtonGroup"),__name:"ButtonGroup",props:{class:{},size:{default:"md"},variant:{default:"simple"},gap:{},split:{type:Boolean,default:!0}},setup(i){const o=i,u=e.getBemBlock("button"),n=e.getBemElement(u,"group"),l=p.cva(n,{variants:{gap:e.generateVariantClassList(d,n),split:e.generateVariantClassList("split",n)}});return a({props:o}),(s,G)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(e.normCls)(t.unref(l)({gap:o.gap??o.size,split:s.split}),o.class))},[t.renderSlot(s.$slots,"default")],2))}});exports.ButtonColors=C;exports.ButtonSizes=r;exports.ButtonTypes=g;exports.ButtonVariants=m;exports._sfc_main=v;exports.injectButtonGroupContext=f;exports.provideButtonGroupContext=a;

package/dist/ButtonGroup.vue_vue_type_script_setup_true_lang-Cdto0wL9.js

@@ -0,0 +1,56 @@
+import { defineComponent as i, createElementBlock as l, openBlock as u, normalizeClass as c, unref as n, renderSlot as m } from "vue";
+import { getComponentOptions as B, getBemBlock as f, getBemElement as g, generateVariantClassList as e, normCls as d } from "@pantograph/utils";
+import { cva as C } from "class-variance-authority";
+import { createContext as v } from "reka-ui";
+import { P as G } from "./BaseBadge.model-DCiuNKoh.js";
+const S = ["simple", "icon", "float"], V = ["fill", "outline", "ghost"], j = [
+  "primary",
+  "danger",
+  "success",
+  "warning",
+  "neutral",
+  ...G,
+  "gray"
+], x = ["sm", "md", "lg"], _ = [...x, "none"], [w, y] = v("ButtonGroup"), L = /* @__PURE__ */ i({
+  ...B("ButtonGroup"),
+  __name: "ButtonGroup",
+  props: {
+    class: {},
+    size: { default: "md" },
+    variant: { default: "simple" },
+    gap: {},
+    split: { type: Boolean, default: !0 }
+  },
+  setup(r) {
+    const t = r, a = f("button"), o = g(a, "group"), p = C(o, {
+      variants: {
+        gap: e(_, o),
+        split: e("split", o)
+      }
+    });
+    return y({
+      props: t
+    }), (s, z) => (u(), l("div", {
+      class: c(
+        n(d)(
+          n(p)({
+            gap: t.gap ?? t.size,
+            split: s.split
+          }),
+          t.class
+        )
+      )
+    }, [
+      m(s.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  S as B,
+  L as _,
+  V as a,
+  j as b,
+  x as c,
+  w as i,
+  y as p
+};

package/dist/Checkbox/Checkbox.d.ts

@@ -14,6 +14,7 @@ export interface CheckboxProps extends Omit<CheckboxRootProps, 'as' | 'asChild'
     value?: string;
     id?: string;
     valueAsLabel?: boolean;
+    unExtendParent?: boolean;
 }
 export interface CheckboxSlots {
     default?: (props: object) => never;

package/dist/Checkbox/index.js

@@ -1,4 +1,4 @@
-import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-DoCCVxxa.js";
+import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-Ba_orjJG.js";
 export {
   e as Checkbox,
   s as CheckboxSizes,

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-B9bgtU46.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-CRvmGGHu.js");exports.Checkbox=e._sfc_main;exports.CheckboxSizes=e.CheckboxSizes;exports.default=e._sfc_main;exports.useColoredPantographCheckbox=e.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=e.useColoredPantographCheckboxGroup;