@pantograph/vue 0.27.1 → 0.27.3

package/dist/{Badge.vue_vue_type_script_setup_true_lang-GQnZqeaV.js → Badge.vue_vue_type_script_setup_true_lang-DIHxOGxU.js}

@@ -1,15 +1,10 @@
-import { defineComponent as y, useAttrs as C, computed as i, createBlock as b, openBlock as _, mergeProps as B, createSlots as $, renderList as k, withCtx as h, renderSlot as v, normalizeProps as O, guardReactiveProps as P } from "vue";
+import { defineComponent as y, useAttrs as C, computed as n, createBlock as b, openBlock as _, mergeProps as B, createSlots as $, renderList as k, withCtx as h, renderSlot as v, normalizeProps as O, guardReactiveProps as P } from "vue";
 import { omit as S } from "es-toolkit";
-import { _ as w } from "./BaseBadge.vue_vue_type_script_setup_true_lang-BVEnU-L5.js";
-import { a as x } from "./options-J8HfRMSU.js";
-import { getCssCoreColor as o } from "@pantograph/tokens";
-import "@pantograph/utils";
-import "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
-import "reka-ui";
-import "@vueuse/core";
-import "@tanstack/vue-virtual";
+import { _ as w } from "./BaseBadge.vue_vue_type_script_setup_true_lang-D0PDTdnu.js";
+import { getComponentOptions as x } from "@pantograph/utils-vue";
 import { B as e, a as t } from "./BaseBadge.model-CahZXsyM.js";
-const I = /* @__PURE__ */ y({
+import { getCssCoreColor as o } from "@pantograph/tokens";
+const R = /* @__PURE__ */ y({
   ...x("Badge", !1),
   __name: "Badge",
   props: {
@@ -20,34 +15,34 @@ const I = /* @__PURE__ */ y({
     size: {},
     color: { default: "primary" }
   },
-  setup(n) {
-    const r = n, a = C(), l = [...e, ...t], p = [...e, ...t], u = () => {
-      if (p.includes(r.color)) {
+  setup(i) {
+    const r = i, a = C(), 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");
       }
-    }, m = () => {
+    }, f = () => {
       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`);
       }
-    }, f = i(() => r.color && l.includes(r.color) ? {
-      bg: m(),
-      fg: u()
+    }, g = n(() => r.color && l.includes(r.color) ? {
+      bg: f(),
+      fg: p()
     } : {
       bg: o("primary-5"),
       fg: o("primary-oncolor")
-    }), g = i(() => ({
+    }), m = n(() => ({
       ...S(a, ["type"]),
       ...r,
-      ...f.value
+      ...g.value
     }));
-    return (s, z) => (_(), b(w, B(g.value, { type: "pill" }), $({ _: 2 }, [
+    return (s, z) => (_(), b(w, B(m.value, { type: "pill" }), $({ _: 2 }, [
       k(Object.keys(s.$slots), (c) => ({
         name: c,
         fn: h((d) => [
@@ -58,5 +53,5 @@ const I = /* @__PURE__ */ y({
   }
 });
 export {
-  I as _
+  R as _
 };

package/dist/Badge.vue_vue_type_script_setup_true_lang-DJej9nkJ.js

@@ -0,0 +1 @@
+"use strict";const o=require("vue"),f=require("es-toolkit"),B=require("./BaseBadge.vue_vue_type_script_setup_true_lang-BKUITOpw.js"),_=require("@pantograph/utils-vue"),s=require("./BaseBadge.model-DecqxaGN.js"),r=require("@pantograph/tokens"),m=o.defineComponent({..._.getComponentOptions("Badge",!1),__name:"Badge",props:{class:{},text:{},icon:{},flipOnDir:{},size:{},color:{default:"primary"}},setup(n){const e=n,u=o.useAttrs(),t=[...s.BadgeColors,...s.BadgeColorsSubtle],a=[...s.BadgeColors,...s.BadgeColorsSubtle],i=()=>{if(a.includes(e.color)){if(e.color==="gray-subtle")return r.getCssCoreColor("gray-6");if(e.color==="yellow")return r.getCssCoreColor("grayscale-dark-0");if(s.BadgeColorsSubtle.includes(e.color))return r.getCssCoreColor(`${e.color.replace("-subtle","")}-5`);if(s.BadgeColors.includes(e.color))return r.getCssCoreColor("grayscale-light-0")}},g=()=>{if(t.includes(e.color)){if(e.color==="gray-subtle")return r.getCssCoreColor("gray-1");if(s.BadgeColorsSubtle.includes(e.color))return r.getCssCoreColor(`${e.color.replace("-subtle","")}-0`);if(s.BadgeColors.includes(e.color))return r.getCssCoreColor(`${e.color}-5`)}},C=o.computed(()=>e.color&&t.includes(e.color)?{bg:g(),fg:i()}:{bg:r.getCssCoreColor("primary-5"),fg:r.getCssCoreColor("primary-oncolor")}),d=o.computed(()=>({...f.omit(u,["type"]),...e,...C.value}));return(l,y)=>(o.openBlock(),o.createBlock(B._sfc_main,o.mergeProps(d.value,{type:"pill"}),o.createSlots({_:2},[o.renderList(Object.keys(l.$slots),c=>({name:c,fn:o.withCtx(p=>[o.renderSlot(l.$slots,c,o.normalizeProps(o.guardReactiveProps(p)))])}))]),1040))}});exports._sfc_main=m;

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

@@ -24,8 +24,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<BaseBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseBadgeProps> & Readonly<{}>, {
-    size: BadgeSize;
     type: BadgeType;
+    size: BadgeSize;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -95,9 +95,9 @@ declare const __VLS_component: import('vue').DefineComponent<BaseButtonProps, {
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
     color: ButtonColor;
-    disabled: boolean;
     type: ButtonType;
     htmlType: "reset" | "submit" | "button";
+    disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     buttonRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         asChild: {

package/dist/BaseBadge.vue_vue_type_script_setup_true_lang-BKUITOpw.js

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

package/dist/{BaseBadge.vue_vue_type_script_setup_true_lang-BVEnU-L5.js → BaseBadge.vue_vue_type_script_setup_true_lang-D0PDTdnu.js}

@@ -1,18 +1,13 @@
 import { defineComponent as k, useSlots as I, computed as p, createBlock as E, openBlock as L, h as x } from "vue";
 import { getBemBlock as T, generateVariantClassList as o, normCls as w } from "@pantograph/utils";
 import { cva as F } from "class-variance-authority";
-import { u as G, g as b, e as M } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
-import { a as P } from "./options-J8HfRMSU.js";
-import { i as V } from "./isEmpty-CgVXdsCr.js";
-import "es-toolkit";
-import "reka-ui";
-import "@vueuse/core";
-import "@tanstack/vue-virtual";
+import { getComponentOptions as G, useComponentStyle as M, isEmptyElement as b, isEmptyLikeLodash as P } from "@pantograph/utils-vue";
 import { b as v, c as B } from "./BaseBadge.model-CahZXsyM.js";
-import { u as $ } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-DiuPi_DT.js";
+import { _ as V } from "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
+import { u as $ } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
 import j from "@pantograph/style/badge.css?raw";
-const te = /* @__PURE__ */ k({
-  ...P("BaseBadge"),
+const W = /* @__PURE__ */ k({
+  ...G("BaseBadge"),
   __name: "BaseBadge",
   props: {
     size: { default: "md" },
@@ -26,7 +21,7 @@ const te = /* @__PURE__ */ k({
     flipOnDir: {}
   },
   setup(_) {
-    G("badge", j);
+    M("badge", j);
     const { getFlipOnDir: h } = $(), z = h("flipOnDir"), i = T("badge"), e = _, S = F(i, {
       variants: {
         size: o(B, i),
@@ -35,9 +30,9 @@ const te = /* @__PURE__ */ k({
         icon: o("icon", i),
         br: o("br", i)
       }
-    }), s = I(), n = p(() => v.includes(e.type) ? e.type : "pill"), m = 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" && n.value !== "rect" ? n.value === "minify" ? t = "tiny" : n.value === "pill" && (t = "md") : n.value === "minify" && !["tiny", "tinier"].includes(t) ? t = "tiny" : n.value !== "minify" && ["tiny", "tinier"].includes(t) && (t = "md"), t;
+      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 (m.value) {
         case "sm":
@@ -51,24 +46,24 @@ const te = /* @__PURE__ */ k({
           return "sm";
       }
     }), D = () => {
-      var g, y;
+      var y, g;
       const t = [];
-      let r, a;
-      const c = e.type === "minify";
-      c || (r = (g = s.icon) == null ? void 0 : g.call(s, {}), a = (y = s.default) == null ? void 0 : y.call(s, {}));
-      const f = !c && !b(a), u = !c && !b(r), l = !!(e.text === 0 || !V(e.text) || f), 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 || !P(e.text) || f), d = !!(e.icon || u);
       (e.type === "rect" && l ? !1 : d) && t.push(
         x(
-          M,
+          V,
           { icon: e.icon, size: C.value, flipOnDir: z.value },
           u ? {
-            default: () => r
+            default: () => c
           } : void 0
         )
-      ), l && (f ? t.push(a) : t.push(e.text));
+      ), l && (f ? t.push(r) : t.push(e.text));
       const O = {
         size: m.value,
-        type: n.value,
+        type: s.value,
         text: l,
         icon: d,
         br: !!e.br
@@ -86,9 +81,9 @@ const te = /* @__PURE__ */ k({
         t
       );
     };
-    return (t, r) => (L(), E(D));
+    return (t, c) => (L(), E(D));
   }
 });
 export {
-  te as _
+  W as _
 };

package/dist/BaseButton.vue_vue_type_script_setup_true_lang-Bo_ZJcOQ.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),I=require("./Icon.vue_vue_type_script_setup_true_lang-Be6ayltH.js"),E=require("./Spinner.vue_vue_type_script_setup_true_lang-DO3B4TxR.js"),N=require("./Badge.vue_vue_type_script_setup_true_lang-DJej9nkJ.js"),$=require("reka-ui"),s=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-aMsUnJ9c.js"),a=require("@pantograph/utils"),G=require("class-variance-authority"),A=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-Dn5qxQ1y.js"),g=require("@pantograph/utils-vue"),j=require("@pantograph/style/button.css?raw"),C="2xsm",U=e.defineComponent({...g.getComponentOptions("BaseButton"),__name:"BaseButton",props:{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:h,emit:x}){g.useComponentStyle("button",j);const t=z,{getFlipOnDir:p}=A.useConfig(),V=p("flipOnDir"),D=p("preIconFlipOnDir"),S=p("postIconFlipOnDir"),O=p("badgeIconFlipOnDir"),i=a.getBemBlock("button"),T=G.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)}}),y=s.injectButtonGroupContext({size:e.computed(()=>t.size),variant:e.computed(()=>t.variant)}),d=e.computed(()=>t.variant??y.variant.value??"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:v,getSize:m}=g.useFormInput({getSize:()=>t.size??y.size.value}),L=e.computed(()=>{let n=s.ButtonTypes.includes(t.type)?t.type:"fill";const l=m.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)}}),_=e.computed(()=>{switch(m.value){case"lg":return"sm";case"sm":return"2xsm";default:return"xsm"}}),q=e.computed(()=>{switch(m.value){case"sm":return"3xsm";case"lg":return"xsm";case"md":default:return"2xsm"}}),b=e.computed(()=>t.href?"a":"button"),F=e.computed(()=>{const n={disabled:v.value};return t.href&&(n.href=t.href,n.target=t.target),t.htmlType&&(n.type=t.htmlType),t.hover&&(n["data-hover"]=""),n}),B=e.ref();h({focus(){var n;(n=B.value)==null||n.focus()},blur(){var n;(n=B.value)==null||n.blur()}});const P=x,w=n=>{if(t.loading||t.disabled){n.preventDefault(),n.stopPropagation();return}P("click",n)};e.computed(()=>t.action&&t.active&&!r.value&&(t.badgeText||o.badgeText||t.badgeIcon||o.badgeIcon||o.badge));const R=()=>{var n,l,f;if(t.action&&t.active&&!r.value){const c=(n=o.badge)==null?void 0:n.call(o,{color:v.value?"gray":"primary",size:C});if(!g.isEmptyElement(c))return c;const u=(l=o.badgeText)==null?void 0:l.call(o,{}),k=(f=o.badgeIcon)==null?void 0:f.call(o,{});if(t.badgeText||u||t.badgeIcon||k)return e.h(N._sfc_main,{text:t.badgeText,icon:t.badgeIcon,flipOnDir:O.value,color:v.value?"gray":"primary",size:C},{default:u?o.badgeText:void 0,icon:k?o.badgeIcon:void 0})}return null};return(n,l)=>(e.openBlock(),e.createBlock(e.unref($.Primitive),e.mergeProps({as:b.value,key:String(b.value),class:e.unref(a.normCls)(e.unref(T)(L.value),t.class),ref_key:"buttonRef",ref:B},F.value,{onClick:w}),{default:e.withCtx(()=>[n.loading?(e.openBlock(),e.createBlock(E._sfc_main,{key:1,class:e.normalizeClass(e.unref(a.getBemElement)(e.unref(i),"loading")),size:_.value},null,8,["class","size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(n.preIcon||o.preIcon)&&!r.value?(e.openBlock(),e.createBlock(I._sfc_main,{key:0,flipOnDir:e.unref(D),icon:n.preIcon,size:_.value},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"preIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createBlock(I._sfc_main,{key:1,icon:n.icon,size:q.value,flipOnDir:e.unref(V)},{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(R),(n.postIcon||o.postIcon)&&!r.value?(e.openBlock(),e.createBlock(I._sfc_main,{key:3,flipOnDir:e.unref(S),icon:n.postIcon,size:_.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=U;

package/dist/{BaseButton.vue_vue_type_script_setup_true_lang-u4Fvon7Z.js → BaseButton.vue_vue_type_script_setup_true_lang-Lb9kTaQo.js}

@@ -1,20 +1,16 @@
-import { defineComponent as K, computed as i, useSlots as M, ref as Q, createBlock as f, openBlock as u, unref as l, mergeProps as U, withCtx as v, createElementBlock as W, Fragment as X, createCommentVNode as O, renderSlot as I, createVNode as Y, createTextVNode as Z, toDisplayString as ee, normalizeClass as oe, h as te } from "vue";
-import { u as ne, e as k, g as ae } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
-import { _ as ie } from "./Spinner.vue_vue_type_script_setup_true_lang-plOMCeJw.js";
-import { _ as re } from "./Badge.vue_vue_type_script_setup_true_lang-GQnZqeaV.js";
-import { Primitive as le } from "reka-ui";
-import { B as S, a as T, b as C, c as _, i as se } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-BWfa7L2L.js";
-import { getBemBlock as ce, generateVariantClassList as a, normCls as pe, getBemElement as ue } from "@pantograph/utils";
-import { cva as fe } from "class-variance-authority";
-import { u as me } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-DiuPi_DT.js";
-import { a as de } from "./options-J8HfRMSU.js";
-import { u as ge } from "./useInputDataStates-DCxDvkM-.js";
-import "@vueuse/core";
-import "es-toolkit";
-import "@tanstack/vue-virtual";
+import { defineComponent as K, computed as i, useSlots as M, ref as Q, createBlock as f, openBlock as u, unref as r, mergeProps as U, withCtx as v, createElementBlock as W, Fragment as X, createCommentVNode as O, renderSlot as I, createVNode as Y, createTextVNode as Z, toDisplayString as ee, normalizeClass as oe, h as te } from "vue";
+import { _ as k } from "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
+import { _ as ne } from "./Spinner.vue_vue_type_script_setup_true_lang-CMhmFqGC.js";
+import { _ as ae } from "./Badge.vue_vue_type_script_setup_true_lang-DIHxOGxU.js";
+import { Primitive as ie } from "reka-ui";
+import { B as S, a as T, b as C, c as _, i as le } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-Bbua5FNc.js";
+import { getBemBlock as re, generateVariantClassList as a, normCls as se, getBemElement as ce } from "@pantograph/utils";
+import { cva as pe } from "class-variance-authority";
+import { u as ue } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
+import { getComponentOptions as fe, useComponentStyle as de, useFormInput as me, isEmptyElement as ge } from "@pantograph/utils-vue";
 import ve from "@pantograph/style/button.css?raw";
-const F = "2xsm", $e = /* @__PURE__ */ K({
-  ...de("BaseButton"),
+const F = "2xsm", Te = /* @__PURE__ */ K({
+  ...fe("BaseButton"),
   __name: "BaseButton",
   props: {
     class: {},
@@ -45,8 +41,8 @@ const F = "2xsm", $e = /* @__PURE__ */ K({
   },
   emits: ["click"],
   setup($, { expose: P, emit: R }) {
-    ne("button", ve);
-    const e = $, { getFlipOnDir: m } = me(), V = m("flipOnDir"), E = m("preIconFlipOnDir"), w = m("postIconFlipOnDir"), N = m("badgeIconFlipOnDir"), n = ce("button"), G = fe(n, {
+    de("button", ve);
+    const e = $, { getFlipOnDir: d } = ue(), V = d("flipOnDir"), E = d("preIconFlipOnDir"), w = d("postIconFlipOnDir"), N = d("badgeIconFlipOnDir"), n = re("button"), G = pe(n, {
       variants: {
         size: a(_, n),
         type: a(C, n),
@@ -61,16 +57,16 @@ const F = "2xsm", $e = /* @__PURE__ */ K({
         block: a("block", n),
         noRing: a("no-ring", n)
       }
-    }), x = se({
+    }), x = le({
       size: i(() => e.size),
       variant: i(() => e.variant)
-    }), d = i(() => e.variant ?? x.variant.value ?? "simple"), r = i(
-      () => ["icon", "float"].includes(d.value) || (t.icon || e.icon) && !(e.text || t.default || e.preIcon || t.preIcon || e.postIcon || t.postIcon)
-    ), t = M(), { getDisabled: b, getSize: y } = ge({ getSize: () => e.size ?? x.size.value }), j = i(() => {
+    }), m = i(() => e.variant ?? x.variant.value ?? "simple"), l = i(
+      () => ["icon", "float"].includes(m.value) || (t.icon || e.icon) && !(e.text || t.default || e.preIcon || t.preIcon || e.postIcon || t.postIcon)
+    ), t = M(), { getDisabled: b, getSize: y } = me({ getSize: () => e.size ?? x.size.value }), j = i(() => {
       let o = C.includes(e.type) ? e.type : "fill";
       const s = y.value, g = s && _.includes(s) ? s : "md";
-      let c = e.color && T.includes(e.color) ? e.color : "primary", p = d.value && S.includes(d.value) ? d.value : "simple";
-      return e.action ? ((p === "float" || r.value) && (p = "icon"), o === "fill" && (o = "outline"), c = void 0) : p === "float" && (o === "ghost" && (o = "fill"), ["primary", "neutral"].includes(c) || (c = "primary")), {
+      let c = e.color && T.includes(e.color) ? e.color : "primary", p = m.value && S.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")), {
         size: g,
         type: o,
         color: c,
@@ -80,9 +76,9 @@ const F = "2xsm", $e = /* @__PURE__ */ K({
         loading: !!e.loading,
         block: !!e.block,
         noRing: !!e.noRing,
-        text: !r.value && !!(e.text || t.default),
-        preIcon: !r.value && !!(e.preIcon || t.preIcon),
-        postIcon: !r.value && !!(e.postIcon || t.postIcon)
+        text: !l.value && !!(e.text || t.default),
+        preIcon: !l.value && !!(e.preIcon || t.preIcon),
+        postIcon: !l.value && !!(e.postIcon || t.postIcon)
       };
     }), B = i(() => {
       switch (y.value) {
@@ -126,19 +122,19 @@ const F = "2xsm", $e = /* @__PURE__ */ K({
       }
       q("click", o);
     };
-    i(() => e.action && e.active && !r.value && (e.badgeText || t.badgeText || e.badgeIcon || t.badgeIcon || t.badge));
+    i(() => e.action && e.active && !l.value && (e.badgeText || t.badgeText || e.badgeIcon || t.badgeIcon || t.badge));
     const J = () => {
       var o, s, g;
-      if (e.action && e.active && !r.value) {
+      if (e.action && e.active && !l.value) {
         const c = (o = t.badge) == null ? void 0 : o.call(t, {
           color: b.value ? "gray" : "primary",
           size: F
         });
-        if (!ae(c)) return c;
+        if (!ge(c)) return c;
         const p = (s = t.badgeText) == null ? void 0 : s.call(t, {}), D = (g = t.badgeIcon) == null ? void 0 : g.call(t, {});
         if (e.badgeText || p || e.badgeIcon || D)
           return te(
-            re,
+            ae,
             {
               text: e.badgeText,
               icon: e.badgeIcon,
@@ -154,22 +150,22 @@ const F = "2xsm", $e = /* @__PURE__ */ K({
       }
       return null;
     };
-    return (o, s) => (u(), f(l(le), U({
+    return (o, s) => (u(), f(r(ie), U({
       as: h.value,
       key: String(h.value),
-      class: l(pe)(l(G)(j.value), e.class),
+      class: r(se)(r(G)(j.value), e.class),
       ref_key: "buttonRef",
       ref: z
     }, L.value, { onClick: H }), {
       default: v(() => [
-        o.loading ? (u(), f(ie, {
+        o.loading ? (u(), f(ne, {
           key: 1,
-          class: oe(l(ue)(l(n), "loading")),
+          class: oe(r(ce)(r(n), "loading")),
           size: B.value
         }, null, 8, ["class", "size"])) : (u(), W(X, { key: 0 }, [
-          (o.preIcon || t.preIcon) && !r.value ? (u(), f(k, {
+          (o.preIcon || t.preIcon) && !l.value ? (u(), f(k, {
             key: 0,
-            flipOnDir: l(E),
+            flipOnDir: r(E),
             icon: o.preIcon,
             size: B.value
           }, {
@@ -178,11 +174,11 @@ const F = "2xsm", $e = /* @__PURE__ */ K({
             ]),
             _: 3
           }, 8, ["flipOnDir", "icon", "size"])) : O("", !0),
-          r.value ? (u(), f(k, {
+          l.value ? (u(), f(k, {
             key: 1,
             icon: o.icon,
             size: A.value,
-            flipOnDir: l(V)
+            flipOnDir: r(V)
           }, {
             default: v(() => [
               I(o.$slots, "icon")
@@ -192,9 +188,9 @@ const F = "2xsm", $e = /* @__PURE__ */ K({
             Z(ee(o.text), 1)
           ]),
           Y(J),
-          (o.postIcon || t.postIcon) && !r.value ? (u(), f(k, {
+          (o.postIcon || t.postIcon) && !l.value ? (u(), f(k, {
             key: 3,
-            flipOnDir: l(w),
+            flipOnDir: r(w),
             icon: o.postIcon,
             size: B.value
           }, {
@@ -210,5 +206,5 @@ const F = "2xsm", $e = /* @__PURE__ */ K({
   }
 });
 export {
-  $e as _
+  Te as _
 };

package/dist/{BaseInput.vue_vue_type_script_setup_true_lang-Ca0LOJfn.js → BaseInput.vue_vue_type_script_setup_true_lang-BIm-kBuJ.js}

@@ -1,34 +1,30 @@
-import { defineComponent as h, useSlots as k, computed as b, createElementBlock as S, openBlock as p, normalizeClass as g, unref as a, createVNode as I, renderSlot as f, createCommentVNode as z, Fragment as w, createBlock as V, withModifiers as $, withCtx as E, createTextVNode as L, toDisplayString as N, h as T } from "vue";
-import { getBemBlock as D, generateVariantClassList as u, normCls as m, getBemElement as v } from "@pantograph/utils";
+import { defineComponent as h, useSlots as k, computed as b, createElementBlock as S, openBlock as p, normalizeClass as g, unref as l, createVNode as I, renderSlot as f, createCommentVNode as z, Fragment as w, createBlock as V, withModifiers as $, withCtx as E, createTextVNode as L, toDisplayString as N, h as T } from "vue";
+import { getBemBlock as D, generateVariantClassList as u, normCls as d, getBemElement as v } from "@pantograph/utils";
 import { cva as F } from "class-variance-authority";
-import { u as M, e as O, g as P } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
-import { _ as j } from "./Divider.vue_vue_type_script_setup_true_lang-BHkXVZCN.js";
-import { a as q } from "./options-J8HfRMSU.js";
-import "es-toolkit";
-import "reka-ui";
-import "@vueuse/core";
-import "@tanstack/vue-virtual";
+import { _ as M } from "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
+import { _ as O } from "./Divider.vue_vue_type_script_setup_true_lang-BZRu0h3n.js";
+import { getComponentOptions as P, useComponentStyle as j, isEmptyElement as q } from "@pantograph/utils-vue";
 import A from "@pantograph/style/input.css?raw";
-const G = ["sm", "md", "lg"], H = ["error", "warning", "success"], l = D("input"), ee = (i) => ({
-  input: i,
+const G = ["sm", "md", "lg"], H = ["error", "warning", "success"], a = D("input"), Z = (n) => ({
+  input: n,
   focus: (t) => {
-    var n;
-    return (n = i.value) == null ? void 0 : n.focus(t);
+    var o;
+    return (o = n.value) == null ? void 0 : o.focus(t);
   },
   blur: () => {
     var t;
-    return (t = i.value) == null ? void 0 : t.blur();
+    return (t = n.value) == null ? void 0 : t.blur();
   },
   select: () => {
     var t;
-    return (t = i.value) == null ? void 0 : t.select();
+    return (t = n.value) == null ? void 0 : t.select();
   },
-  setSelectionRange: (t, n, r) => {
-    var d;
-    return (d = i.value) == null ? void 0 : d.setSelectionRange(t, n, r);
+  setSelectionRange: (t, o, r) => {
+    var m;
+    return (m = n.value) == null ? void 0 : m.setSelectionRange(t, o, r);
   }
-}), se = /* @__PURE__ */ h({
-  ...q("BaseInput"),
+}), R = /* @__PURE__ */ h({
+  ...P("BaseInput"),
   __name: "BaseInput",
   props: {
     disabled: { type: Boolean, default: void 0 },
@@ -49,17 +45,17 @@ const G = ["sm", "md", "lg"], H = ["error", "warning", "success"], l = D("input"
     steps: { type: Boolean }
   },
   emits: ["clear"],
-  setup(i, { emit: B }) {
-    M("input", A);
-    const s = i, o = k(), y = F(l, {
+  setup(n, { emit: B }) {
+    j("input", A);
+    const s = n, i = k(), y = F(a, {
       variants: {
-        size: u(G, l),
-        status: u(H, l),
-        bordered: u("bordered", l),
-        simple: u("simple", l),
-        steps: u("steps", l)
+        size: u(G, a),
+        status: u(H, a),
+        bordered: u("bordered", a),
+        simple: u("simple", a),
+        steps: u("steps", a)
       }
-    }), t = B, n = b(() => {
+    }), t = B, o = b(() => {
       switch (s.size) {
         case "sm":
           return "2xsm";
@@ -75,21 +71,21 @@ const G = ["sm", "md", "lg"], H = ["error", "warning", "success"], l = D("input"
         default:
           return "sm";
       }
-    }), d = () => {
+    }), m = () => {
       var C;
-      const e = (C = o.leading) == null ? void 0 : C.call(o, { iconSize: r.value }), c = !P(e);
+      const e = (C = i.leading) == null ? void 0 : C.call(i, { iconSize: r.value }), c = !q(e);
       return c || s.leading ? T(
         "div",
         {
-          class: m(v(l, "leading"), s.leadingCls)
+          class: d(v(a, "leading"), s.leadingCls)
         },
         c ? e : s.leading
       ) : null;
     };
     return (e, c) => (p(), S("div", {
       class: g(
-        a(m)(
-          a(y)({
+        l(d)(
+          l(y)({
             size: s.size,
             status: s.status === "success" && !e.hasValue ? void 0 : s.status,
             bordered: e.bordered,
@@ -100,28 +96,28 @@ const G = ["sm", "md", "lg"], H = ["error", "warning", "success"], l = D("input"
         )
       )
     }, [
-      I(d),
+      I(m),
       f(e.$slots, "default"),
-      o.trailing || s.trailing || e.allowClear ? (p(), S("div", {
+      i.trailing || s.trailing || e.allowClear ? (p(), S("div", {
         key: 0,
-        class: g(a(m)(a(v)(a(l), "trailing"), e.trailingCls))
+        class: g(l(d)(l(v)(l(a), "trailing"), e.trailingCls))
       }, [
         !s.disabled && e.allowClear && e.hasValue ? (p(), S(w, { key: 0 }, [
-          I(O, {
+          I(M, {
             icon: e.clearIcon,
-            size: n.value,
+            size: o.value,
             onClick: c[0] || (c[0] = $((C) => t("clear"), ["stop"])),
-            class: g(a(m)(a(v)(a(l), "clear_icon"), e.clearIconCls))
+            class: g(l(d)(l(v)(l(a), "clear_icon"), e.clearIconCls))
           }, {
             default: E(() => [
               f(e.$slots, "clearIcon")
             ]),
             _: 3
           }, 8, ["icon", "size", "class"]),
-          o.trailing || s.trailing ? (p(), V(j, {
+          i.trailing || s.trailing ? (p(), V(O, {
             key: 0,
             type: "vertical",
-            class: g(a(m)(a(v)(a(l), "divider"), e.dividerCls))
+            class: g(l(d)(l(v)(l(a), "divider"), e.dividerCls))
           }, null, 8, ["class"])) : z("", !0)
         ], 64)) : z("", !0),
         f(e.$slots, "trailing", { iconSize: r.value }, () => [
@@ -134,8 +130,8 @@ const G = ["sm", "md", "lg"], H = ["error", "warning", "success"], l = D("input"
 });
 export {
   G as I,
-  se as _,
+  R as _,
   H as a,
-  l as i,
-  ee as u
+  a as i,
+  Z as u
 };

package/dist/BaseInput.vue_vue_type_script_setup_true_lang-CpnBS-1D.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("@pantograph/utils"),B=require("class-variance-authority"),S=require("./Icon.vue_vue_type_script_setup_true_lang-Be6ayltH.js"),z=require("./Divider.vue_vue_type_script_setup_true_lang-D6Tc-M5M.js"),p=require("@pantograph/utils-vue"),y=require("@pantograph/style/input.css?raw"),v=["sm","md","lg"],f=["error","warning","success"],r=t.getBemBlock("input"),V=a=>({input:a,focus:l=>{var o;return(o=a.value)==null?void 0:o.focus(l)},blur:()=>{var l;return(l=a.value)==null?void 0:l.blur()},select:()=>{var l;return(l=a.value)==null?void 0:l.select()},setSelectionRange:(l,o,u)=>{var d;return(d=a.value)==null?void 0:d.setSelectionRange(l,o,u)}}),I=e.defineComponent({...p.getComponentOptions("BaseInput"),__name:"BaseInput",props:{disabled:{type:Boolean,default:void 0},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(a,{emit:g}){p.useComponentStyle("input",y);const n=a,i=e.useSlots(),C=B.cva(r,{variants:{size:t.generateVariantClassList(v,r),status:t.generateVariantClassList(f,r),bordered:t.generateVariantClassList("bordered",r),simple:t.generateVariantClassList("simple",r),steps:t.generateVariantClassList("steps",r)}}),l=g,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=!p.isEmptyElement(s);return c||n.leading?e.h("div",{class:t.normCls(t.getBemElement(r,"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(C)({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(r),"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(r),"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(r),"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=I;exports.inputPrefix=r;exports.useInputExposes=V;