@pantograph/vue 0.25.8 → 0.27.0

package/dist/{Badge.vue_vue_type_script_setup_true_lang-Kd8vLJ1r.js → Badge.vue_vue_type_script_setup_true_lang-B9bri5or.js}

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

package/dist/Badge.vue_vue_type_script_setup_true_lang-CNAZiqff.js

@@ -0,0 +1 @@
+"use strict";const o=require("vue"),f=require("es-toolkit"),B=require("./BaseBadge.vue_vue_type_script_setup_true_lang-DPNTPAXQ.js"),_=require("./options-CY2uxp5A.js"),r=require("@pantograph/tokens");require("@pantograph/utils");require("./Icon.vue_vue_type_script_setup_true_lang-CXwAf04H.js");require("reka-ui");require("@vueuse/core");require("@tanstack/vue-virtual");const s=require("./BaseBadge.model-DecqxaGN.js"),m=o.defineComponent({..._.getComponentOptions("Badge",!1),__name:"Badge",props:{class:{},text:{},icon:{},flipOnDir:{},size:{},color:{default:"primary"}},setup(n){const e=n,i=o.useAttrs(),t=[...s.BadgeColors,...s.BadgeColorsSubtle],u=[...s.BadgeColors,...s.BadgeColorsSubtle],a=()=>{if(u.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:a()}:{bg:r.getCssCoreColor("primary-5"),fg:r.getCssCoreColor("primary-oncolor")}),d=o.computed(()=>({...f.omit(i,["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/BaseButton/BaseButton.d.ts

@@ -26,6 +26,7 @@ export interface BaseButtonProps {
     htmlType?: 'reset' | 'submit' | 'button';
     block?: boolean;
     disabled?: boolean;
+    hover?: boolean;
     href?: string;
     target?: string;
 }
@@ -94,6 +95,7 @@ declare const __VLS_component: import('vue').DefineComponent<BaseButtonProps, {
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
     color: ButtonColor;
+    disabled: boolean;
     type: ButtonType;
     htmlType: "reset" | "submit" | "button";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

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

@@ -1,6 +1,6 @@
 import { ClassValue } from 'class-variance-authority/types';
 import { InputSize, InputStatus } from './BaseInput.model.ts';
-import { IconSize } from '../../Icon/Icon.model.ts';
+import { IconSize } from '../../Icon';
 import { Ref } from 'vue';
 export interface BaseInputProps {
     disabled?: boolean;

package/dist/{BaseBadge.model-D4ZfMIfM.js → BaseBadge.model-CahZXsyM.js}

@@ -43,7 +43,7 @@ export {
   l as B,
   t as P,
   a,
-  u as b,
-  i as c,
+  i as b,
+  u as c,
   b as g
 };

package/dist/{BaseBadge.vue_vue_type_style_index_0_lang-no7MMMcb.js → BaseBadge.vue_vue_type_script_setup_true_lang-BEAMOqfY.js}

@@ -1,13 +1,18 @@
-import { defineComponent as O, useSlots as I, computed as p, createBlock as E, openBlock as L, h as x } from "vue";
-import { getBemBlock as w, generateVariantClassList as o, normCls as F } from "@pantograph/utils";
-import { cva as G } from "class-variance-authority";
-import { k as b, l as M, e as P } from "./Icon.vue_vue_type_style_index_0_lang-DkeXz23k.js";
-import { g as T } from "./options-Bh1s18jm.js";
+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-X8iOewkh.js";
+import { a as P } from "./options-J8HfRMSU.js";
+import { i as V } from "./isEmpty-Cqj4i6ou.js";
 import "es-toolkit";
-import { c as v, b as B } from "./BaseBadge.model-D4ZfMIfM.js";
-import { u as V } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-D8R0hBKt.js";
-const R = /* @__PURE__ */ O({
-  ...T("BaseBadge"),
+import "reka-ui";
+import "@vueuse/core";
+import "@tanstack/vue-virtual";
+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 j from "@pantograph/style/badge.css?raw";
+const te = /* @__PURE__ */ k({
+  ...P("BaseBadge"),
   __name: "BaseBadge",
   props: {
     size: { default: "md" },
@@ -21,7 +26,8 @@ const R = /* @__PURE__ */ O({
     flipOnDir: {}
   },
   setup(_) {
-    const { getFlipOnDir: h } = V(), z = h("flipOnDir"), i = w("badge"), e = _, S = G(i, {
+    G("badge", j);
+    const { getFlipOnDir: h } = $(), z = h("flipOnDir"), i = T("badge"), e = _, S = F(i, {
       variants: {
         size: o(B, i),
         type: o(v, i),
@@ -44,23 +50,23 @@ const R = /* @__PURE__ */ O({
         default:
           return "sm";
       }
-    }), k = () => {
+    }), D = () => {
       var g, y;
       const t = [];
-      let c, a;
-      const r = e.type === "minify";
-      r || (c = (g = s.icon) == null ? void 0 : g.call(s, {}), a = (y = s.default) == null ? void 0 : y.call(s, {}));
-      const f = !r && !b(a), u = !r && !b(c), l = !!(e.text === 0 || !M(e.text) || f), d = !!(e.icon || u);
+      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);
       (e.type === "rect" && l ? !1 : d) && t.push(
         x(
-          P,
+          M,
           { icon: e.icon, size: C.value, flipOnDir: z.value },
           u ? {
-            default: () => c
+            default: () => r
           } : void 0
         )
       ), l && (f ? t.push(a) : t.push(e.text));
-      const D = {
+      const O = {
         size: m.value,
         type: n.value,
         text: l,
@@ -70,7 +76,7 @@ const R = /* @__PURE__ */ O({
       return x(
         "div",
         {
-          class: F(S(D), e.class),
+          class: w(S(O), e.class),
           style: {
             "--ptc-badge-fg": e.fg,
             "--ptc-badge-bg": e.bg,
@@ -80,9 +86,9 @@ const R = /* @__PURE__ */ O({
         t
       );
     };
-    return (t, c) => (L(), E(k));
+    return (t, r) => (L(), E(D));
   }
 });
 export {
-  R as _
+  te as _
 };

package/dist/BaseBadge.vue_vue_type_script_setup_true_lang-DPNTPAXQ.js

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

package/dist/{BaseButton.vue_vue_type_style_index_0_lang-gx7pLyR8.js → BaseButton.vue_vue_type_script_setup_true_lang-BOEHDNrA.js}

@@ -1,16 +1,20 @@
-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 h, renderSlot as I, createVNode as Y, createTextVNode as Z, toDisplayString as ee, normalizeClass as oe, h as te } from "vue";
-import { e as k, k as ne } from "./Icon.vue_vue_type_style_index_0_lang-DkeXz23k.js";
-import { _ as ae } from "./Spinner.vue_vue_type_style_index_0_lang-NYJmdFpB.js";
-import { _ as ie } from "./Badge.vue_vue_type_script_setup_true_lang-Kd8vLJ1r.js";
+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-X8iOewkh.js";
+import { _ as ie } from "./Spinner.vue_vue_type_script_setup_true_lang-C13qk_bV.js";
+import { _ as re } from "./Badge.vue_vue_type_script_setup_true_lang-B9bri5or.js";
 import { Primitive as le } from "reka-ui";
-import { B as S, b as T, a as C, c as _, i as re } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-DPtJY6ad.js";
-import { getBemBlock as se, generateVariantClassList as a, normCls as ce, getBemElement as pe } from "@pantograph/utils";
-import { cva as ue } from "class-variance-authority";
-import { g as fe } from "./options-Bh1s18jm.js";
-import { u as de } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-D8R0hBKt.js";
-import { u as me } from "./useInputDataStates-BNwXgt9l.js";
-const F = "2xsm", he = /* @__PURE__ */ K({
-  ...fe("BaseButton"),
+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-Db6zJZ1T.js";
+import "@vueuse/core";
+import "es-toolkit";
+import "@tanstack/vue-virtual";
+import ve from "@pantograph/style/button.css?raw";
+const F = "2xsm", $e = /* @__PURE__ */ K({
+  ...de("BaseButton"),
   __name: "BaseButton",
   props: {
     class: {},
@@ -34,13 +38,15 @@ const F = "2xsm", he = /* @__PURE__ */ K({
     badgeIconFlipOnDir: {},
     htmlType: { default: "button" },
     block: { type: Boolean },
-    disabled: { type: Boolean },
+    disabled: { type: Boolean, default: void 0 },
+    hover: { type: Boolean },
     href: {},
     target: {}
   },
   emits: ["click"],
   setup($, { expose: P, emit: R }) {
-    const e = $, { getFlipOnDir: d } = de(), V = d("flipOnDir"), E = d("preIconFlipOnDir"), w = d("postIconFlipOnDir"), N = d("badgeIconFlipOnDir"), n = se("button"), G = ue(n, {
+    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, {
       variants: {
         size: a(_, n),
         type: a(C, n),
@@ -55,16 +61,16 @@ const F = "2xsm", he = /* @__PURE__ */ K({
         block: a("block", n),
         noRing: a("no-ring", n)
       }
-    }), x = re({
+    }), x = se({
       size: i(() => e.size),
       variant: i(() => e.variant)
-    }), 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(() => {
+    }), 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(() => {
       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 = 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")), {
+      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")), {
         size: g,
         type: o,
         color: c,
@@ -74,9 +80,9 @@ const F = "2xsm", he = /* @__PURE__ */ K({
         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: !r.value && !!(e.text || t.default),
+        preIcon: !r.value && !!(e.preIcon || t.preIcon),
+        postIcon: !r.value && !!(e.postIcon || t.postIcon)
       };
     }), B = i(() => {
       switch (y.value) {
@@ -97,11 +103,11 @@ const F = "2xsm", he = /* @__PURE__ */ K({
         default:
           return "2xsm";
       }
-    }), D = i(() => e.href ? "a" : "button"), L = i(() => {
+    }), h = i(() => e.href ? "a" : "button"), L = i(() => {
       const o = {
         disabled: b.value
       };
-      return e.href && (o.href = e.href, o.target = e.target), e.htmlType && (o.type = e.htmlType), o;
+      return e.href && (o.href = e.href, o.target = e.target), e.htmlType && (o.type = e.htmlType), e.hover && (o["data-hover"] = ""), o;
     }), z = Q();
     P({
       focus() {
@@ -120,19 +126,19 @@ const F = "2xsm", he = /* @__PURE__ */ K({
       }
       q("click", o);
     };
-    i(() => e.action && e.active && !l.value && (e.badgeText || t.badgeText || e.badgeIcon || t.badgeIcon || t.badge));
+    i(() => e.action && e.active && !r.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 && !r.value) {
         const c = (o = t.badge) == null ? void 0 : o.call(t, {
           color: b.value ? "gray" : "primary",
           size: F
         });
-        if (!ne(c)) return c;
-        const p = (s = t.badgeText) == null ? void 0 : s.call(t, {}), O = (g = t.badgeIcon) == null ? void 0 : g.call(t, {});
-        if (e.badgeText || p || e.badgeIcon || O)
+        if (!ae(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(
-            ie,
+            re,
             {
               text: e.badgeText,
               icon: e.badgeIcon,
@@ -142,28 +148,28 @@ const F = "2xsm", he = /* @__PURE__ */ K({
             },
             {
               default: p ? t.badgeText : void 0,
-              icon: O ? t.badgeIcon : void 0
+              icon: D ? t.badgeIcon : void 0
             }
           );
       }
       return null;
     };
-    return (o, s) => (u(), f(r(le), U({
-      as: D.value,
-      key: String(D.value),
-      class: r(ce)(r(G)(j.value), e.class),
+    return (o, s) => (u(), f(l(le), U({
+      as: h.value,
+      key: String(h.value),
+      class: l(pe)(l(G)(j.value), e.class),
       ref_key: "buttonRef",
       ref: z
     }, L.value, { onClick: H }), {
       default: v(() => [
-        o.loading ? (u(), f(ae, {
+        o.loading ? (u(), f(ie, {
           key: 1,
-          class: oe(r(pe)(r(n), "loading")),
+          class: oe(l(ue)(l(n), "loading")),
           size: B.value
         }, null, 8, ["class", "size"])) : (u(), W(X, { key: 0 }, [
-          (o.preIcon || t.preIcon) && !l.value ? (u(), f(k, {
+          (o.preIcon || t.preIcon) && !r.value ? (u(), f(k, {
             key: 0,
-            flipOnDir: r(E),
+            flipOnDir: l(E),
             icon: o.preIcon,
             size: B.value
           }, {
@@ -171,12 +177,12 @@ const F = "2xsm", he = /* @__PURE__ */ K({
               I(o.$slots, "preIcon")
             ]),
             _: 3
-          }, 8, ["flipOnDir", "icon", "size"])) : h("", !0),
-          l.value ? (u(), f(k, {
+          }, 8, ["flipOnDir", "icon", "size"])) : O("", !0),
+          r.value ? (u(), f(k, {
             key: 1,
             icon: o.icon,
             size: A.value,
-            flipOnDir: r(V)
+            flipOnDir: l(V)
           }, {
             default: v(() => [
               I(o.$slots, "icon")
@@ -186,9 +192,9 @@ const F = "2xsm", he = /* @__PURE__ */ K({
             Z(ee(o.text), 1)
           ]),
           Y(J),
-          (o.postIcon || t.postIcon) && !l.value ? (u(), f(k, {
+          (o.postIcon || t.postIcon) && !r.value ? (u(), f(k, {
             key: 3,
-            flipOnDir: r(w),
+            flipOnDir: l(w),
             icon: o.postIcon,
             size: B.value
           }, {
@@ -196,7 +202,7 @@ const F = "2xsm", he = /* @__PURE__ */ K({
               I(o.$slots, "postIcon")
             ]),
             _: 3
-          }, 8, ["flipOnDir", "icon", "size"])) : h("", !0)
+          }, 8, ["flipOnDir", "icon", "size"])) : O("", !0)
         ], 64))
       ]),
       _: 3
@@ -204,5 +210,5 @@ const F = "2xsm", he = /* @__PURE__ */ K({
   }
 });
 export {
-  he as _
+  $e as _
 };

package/dist/BaseButton.vue_vue_type_script_setup_true_lang-CfvlGfAR.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("./Icon.vue_vue_type_script_setup_true_lang-CXwAf04H.js"),w=require("./Spinner.vue_vue_type_script_setup_true_lang-SdSGAS1h.js"),R=require("./Badge.vue_vue_type_script_setup_true_lang-CNAZiqff.js"),E=require("reka-ui"),s=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-DwaBBOgk.js"),a=require("@pantograph/utils"),N=require("class-variance-authority"),G=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-BAXkTMEt.js"),A=require("./options-CY2uxp5A.js"),j=require("./useInputDataStates-B2KtpFr0.js");require("@vueuse/core");require("es-toolkit");require("@tanstack/vue-virtual");const U=require("@pantograph/style/button.css?raw"),k="2xsm",H=e.defineComponent({...A.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(C,{expose:z,emit:h}){p.useComponentStyle("button",U);const t=C,{getFlipOnDir:d}=G.useConfig(),x=d("flipOnDir"),D=d("preIconFlipOnDir"),S=d("postIconFlipOnDir"),V=d("badgeIconFlipOnDir"),i=a.getBemBlock("button"),O=N.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)}}),I=s.injectButtonGroupContext({size:e.computed(()=>t.size),variant:e.computed(()=>t.variant)}),f=e.computed(()=>t.variant??I.variant.value??"simple"),r=e.computed(()=>["icon","float"].includes(f.value)||(o.icon||t.icon)&&!(t.text||o.default||t.preIcon||o.preIcon||t.postIcon||o.postIcon)),o=e.useSlots(),{getDisabled:v,getSize:m}=j.useFormInput({getSize:()=>t.size??I.size.value}),q=e.computed(()=>{let n=s.ButtonTypes.includes(t.type)?t.type:"fill";const c=m.value,g=c&&s.ButtonSizes.includes(c)?c:"md";let l=t.color&&s.ButtonColors.includes(t.color)?t.color:"primary",u=f.value&&s.ButtonVariants.includes(f.value)?f.value:"simple";return t.action?((u==="float"||r.value)&&(u="icon"),n==="fill"&&(n="outline"),l=void 0):u==="float"&&(n==="ghost"&&(n="fill"),["primary","neutral"].includes(l)||(l="primary")),{size:g,type:n,color:l,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"}}),T=e.computed(()=>{switch(m.value){case"sm":return"3xsm";case"lg":return"xsm";case"md":default:return"2xsm"}}),y=e.computed(()=>t.href?"a":"button"),L=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();z({focus(){var n;(n=B.value)==null||n.focus()},blur(){var n;(n=B.value)==null||n.blur()}});const F=h,P=n=>{if(t.loading||t.disabled){n.preventDefault(),n.stopPropagation();return}F("click",n)};e.computed(()=>t.action&&t.active&&!r.value&&(t.badgeText||o.badgeText||t.badgeIcon||o.badgeIcon||o.badge));const $=()=>{var n,c,g;if(t.action&&t.active&&!r.value){const l=(n=o.badge)==null?void 0:n.call(o,{color:v.value?"gray":"primary",size:k});if(!p.isEmptyElement(l))return l;const u=(c=o.badgeText)==null?void 0:c.call(o,{}),b=(g=o.badgeIcon)==null?void 0:g.call(o,{});if(t.badgeText||u||t.badgeIcon||b)return e.h(R._sfc_main,{text:t.badgeText,icon:t.badgeIcon,flipOnDir:V.value,color:v.value?"gray":"primary",size:k},{default:u?o.badgeText:void 0,icon:b?o.badgeIcon:void 0})}return null};return(n,c)=>(e.openBlock(),e.createBlock(e.unref(E.Primitive),e.mergeProps({as:y.value,key:String(y.value),class:e.unref(a.normCls)(e.unref(O)(q.value),t.class),ref_key:"buttonRef",ref:B},L.value,{onClick:P}),{default:e.withCtx(()=>[n.loading?(e.openBlock(),e.createBlock(w._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(p._sfc_main$2,{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(p._sfc_main$2,{key:1,icon:n.icon,size:T.value,flipOnDir:e.unref(x)},{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($),(n.postIcon||o.postIcon)&&!r.value?(e.openBlock(),e.createBlock(p._sfc_main$2,{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=H;

package/dist/BaseInput.vue_vue_type_script_setup_true_lang-Co4deofh.js

@@ -0,0 +1,141 @@
+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 { 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-X8iOewkh.js";
+import { _ as j } from "./Divider.vue_vue_type_script_setup_true_lang-BxSyJj4Y.js";
+import { a as q } from "./options-J8HfRMSU.js";
+import "es-toolkit";
+import "reka-ui";
+import "@vueuse/core";
+import "@tanstack/vue-virtual";
+import A from "@pantograph/style/input.css?raw";
+const G = ["sm", "md", "lg"], H = ["error", "warning", "success"], l = D("input"), ee = (i) => ({
+  input: i,
+  focus: (t) => {
+    var n;
+    return (n = i.value) == null ? void 0 : n.focus(t);
+  },
+  blur: () => {
+    var t;
+    return (t = i.value) == null ? void 0 : t.blur();
+  },
+  select: () => {
+    var t;
+    return (t = i.value) == null ? void 0 : t.select();
+  },
+  setSelectionRange: (t, n, r) => {
+    var d;
+    return (d = i.value) == null ? void 0 : d.setSelectionRange(t, n, r);
+  }
+}), se = /* @__PURE__ */ h({
+  ...q("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(i, { emit: B }) {
+    M("input", A);
+    const s = i, o = k(), y = F(l, {
+      variants: {
+        size: u(G, l),
+        status: u(H, l),
+        bordered: u("bordered", l),
+        simple: u("simple", l),
+        steps: u("steps", l)
+      }
+    }), t = B, n = b(() => {
+      switch (s.size) {
+        case "sm":
+          return "2xsm";
+        default:
+          return "xsm";
+      }
+    }), r = b(() => {
+      switch (s.size) {
+        case "sm":
+          return "2xsm";
+        case "md":
+          return "xsm";
+        default:
+          return "sm";
+      }
+    }), d = () => {
+      var C;
+      const e = (C = o.leading) == null ? void 0 : C.call(o, { iconSize: r.value }), c = !P(e);
+      return c || s.leading ? T(
+        "div",
+        {
+          class: m(v(l, "leading"), s.leadingCls)
+        },
+        c ? e : s.leading
+      ) : null;
+    };
+    return (e, c) => (p(), S("div", {
+      class: g(
+        a(m)(
+          a(y)({
+            size: s.size,
+            status: s.status === "success" && !e.hasValue ? void 0 : s.status,
+            bordered: e.bordered,
+            simple: e.simple,
+            steps: e.steps
+          }),
+          s.class
+        )
+      )
+    }, [
+      I(d),
+      f(e.$slots, "default"),
+      o.trailing || s.trailing || e.allowClear ? (p(), S("div", {
+        key: 0,
+        class: g(a(m)(a(v)(a(l), "trailing"), e.trailingCls))
+      }, [
+        !s.disabled && e.allowClear && e.hasValue ? (p(), S(w, { key: 0 }, [
+          I(O, {
+            icon: e.clearIcon,
+            size: n.value,
+            onClick: c[0] || (c[0] = $((C) => t("clear"), ["stop"])),
+            class: g(a(m)(a(v)(a(l), "clear_icon"), e.clearIconCls))
+          }, {
+            default: E(() => [
+              f(e.$slots, "clearIcon")
+            ]),
+            _: 3
+          }, 8, ["icon", "size", "class"]),
+          o.trailing || s.trailing ? (p(), V(j, {
+            key: 0,
+            type: "vertical",
+            class: g(a(m)(a(v)(a(l), "divider"), e.dividerCls))
+          }, null, 8, ["class"])) : z("", !0)
+        ], 64)) : z("", !0),
+        f(e.$slots, "trailing", { iconSize: r.value }, () => [
+          L(N(e.trailing), 1)
+        ])
+      ], 2)) : z("", !0),
+      f(e.$slots, "extra", { iconSize: r.value })
+    ], 2));
+  }
+});
+export {
+  G as I,
+  se as _,
+  H as a,
+  l as i,
+  ee as u
+};

package/dist/BaseInput.vue_vue_type_script_setup_true_lang-DkzD7d2O.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("@pantograph/utils"),B=require("class-variance-authority"),p=require("./Icon.vue_vue_type_script_setup_true_lang-CXwAf04H.js"),S=require("./Divider.vue_vue_type_script_setup_true_lang-Bs3xi5Tz.js"),z=require("./options-CY2uxp5A.js");require("es-toolkit");require("reka-ui");require("@vueuse/core");require("@tanstack/vue-virtual");const y=require("@pantograph/style/input.css?raw"),v=["sm","md","lg"],f=["error","warning","success"],l=t.getBemBlock("input"),V=a=>({input:a,focus:r=>{var o;return(o=a.value)==null?void 0:o.focus(r)},blur:()=>{var r;return(r=a.value)==null?void 0:r.blur()},select:()=>{var r;return(r=a.value)==null?void 0:r.select()},setSelectionRange:(r,o,u)=>{var d;return(d=a.value)==null?void 0:d.setSelectionRange(r,o,u)}}),I=e.defineComponent({...z.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(l,{variants:{size:t.generateVariantClassList(v,l),status:t.generateVariantClassList(f,l),bordered:t.generateVariantClassList("bordered",l),simple:t.generateVariantClassList("simple",l),steps:t.generateVariantClassList("steps",l)}}),r=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(l,"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(l),"trailing"),s.trailingCls))},[!n.disabled&&s.allowClear&&s.hasValue?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(p._sfc_main$2,{icon:s.clearIcon,size:o.value,onClick:c[0]||(c[0]=e.withModifiers(m=>r("clear"),["stop"])),class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(l),"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(l),"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=l;exports.useInputExposes=V;