@pantograph/vue 0.10.0 → 0.10.2

package/dist/useId-DvOSMFGX.js

@@ -0,0 +1,9 @@
+const n = {
+  pc: 0
+};
+function o(c = "pc") {
+  return n[c] === void 0 && (n[c] = 0), `${c}-${++n[c]}`;
+}
+export {
+  o as u
+};

package/dist/useId-Ku3O_8TK.js

@@ -0,0 +1 @@
+"use strict";const t={pc:0};function u(c="pc"){return t[c]===void 0&&(t[c]=0),`${c}-${++t[c]}`}exports.usePCId=u;

package/dist/useInputDataStates-CZbdWpyp.js

@@ -0,0 +1,26 @@
+import { shallowRef as r, computed as n } from "vue";
+const m = (s) => {
+  const u = r(!1), c = n(
+    () => ({
+      onBlur: (o) => {
+        var e, l;
+        (e = s.blurCallBack) == null || e.call(s, o), u.value = !1, (l = s.emit) == null || l.call(s, "blur", o);
+      },
+      onFocus: (o) => {
+        var e, l;
+        (e = s.focusCallBack) == null || e.call(s, o), u.value = !0, (l = s.emit) == null || l.call(s, "focus", o);
+      }
+    })
+  ), i = n(() => ({
+    "data-focus": u.value,
+    "data-disabled": s.getDisabled()
+  }));
+  return {
+    focused: u,
+    inputBindings: c,
+    rootBindings: i
+  };
+};
+export {
+  m as U
+};

package/dist/useInputDataStates-CbRgNQqU.js

@@ -0,0 +1 @@
+"use strict";const c=require("vue"),r=s=>{const l=c.shallowRef(!1),n=c.computed(()=>({onBlur:e=>{var u,o;(u=s.blurCallBack)==null||u.call(s,e),l.value=!1,(o=s.emit)==null||o.call(s,"blur",e)},onFocus:e=>{var u,o;(u=s.focusCallBack)==null||u.call(s,e),l.value=!0,(o=s.emit)==null||o.call(s,"focus",e)}})),i=c.computed(()=>({"data-focus":l.value,"data-disabled":s.getDisabled()}));return{focused:l,inputBindings:n,rootBindings:i}};exports.UseInputDataStates=r;

package/dist/utils/index.d.ts

@@ -1,2 +1,4 @@
 export * from './element';
 export * from './options';
+export * from './useId';
+export * from './useInputDataStates';

package/dist/utils/index.js.js

@@ -1,10 +1,14 @@
-import { f as s, i as a, a as m, b as o } from "../element-CddU1vUY.js";
-import { c as n, g as p } from "../options-JBqnVZUl.js";
+import { f as s, i as a, a as o, b as m } from "../element-CddU1vUY.js";
+import { c as p, g as n } from "../options-JBqnVZUl.js";
+import { u as f } from "../useId-DvOSMFGX.js";
+import { U as l } from "../useInputDataStates-CZbdWpyp.js";
 export {
-  n as componentPrefix,
+  l as UseInputDataStates,
+  p as componentPrefix,
   s as filterEmpty,
-  p as getComponentOptions,
+  n as getComponentOptions,
   a as isEmptyElement,
-  m as isFragment,
-  o as isValidElement
+  o as isFragment,
+  m as isValidElement,
+  f as usePCId
 };

package/dist/utils/index.umd.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../element-uBbpeYVo.js"),t=require("../options-B4iSAKol.js");exports.filterEmpty=e.filterEmpty;exports.isEmptyElement=e.isEmptyElement;exports.isFragment=e.isFragment;exports.isValidElement=e.isValidElement;exports.componentPrefix=t.componentPrefix;exports.getComponentOptions=t.getComponentOptions;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../element-uBbpeYVo.js"),t=require("../options-B4iSAKol.js"),n=require("../useId-Ku3O_8TK.js"),s=require("../useInputDataStates-CbRgNQqU.js");exports.filterEmpty=e.filterEmpty;exports.isEmptyElement=e.isEmptyElement;exports.isFragment=e.isFragment;exports.isValidElement=e.isValidElement;exports.componentPrefix=t.componentPrefix;exports.getComponentOptions=t.getComponentOptions;exports.usePCId=n.usePCId;exports.UseInputDataStates=s.UseInputDataStates;

package/dist/utils/useId.d.ts

@@ -0,0 +1 @@
+export declare function usePCId(prefix?: string): string;

package/dist/utils/useInputDataStates.d.ts

@@ -0,0 +1,19 @@
+export interface HasRootInputEmits {
+    (e: 'blur', event: InputEvent): void;
+    (e: 'focus', event: InputEvent): void;
+}
+interface Data {
+    getDisabled: () => boolean | undefined;
+    emit?: ((evt: 'blur', event: InputEvent) => void) & ((evt: 'focus', event: InputEvent) => void);
+    blurCallBack?: (e: InputEvent) => void;
+    focusCallBack?: (e: InputEvent) => void;
+}
+export declare const UseInputDataStates: (data: Data) => {
+    focused: import('vue').ShallowRef<boolean, boolean>;
+    inputBindings: import('vue').ComputedRef<object>;
+    rootBindings: import('vue').ComputedRef<{
+        'data-focus': boolean;
+        'data-disabled': boolean | undefined;
+    }>;
+};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pantograph/vue",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "private": false,
   "license": "MIT",
   "keywords": [
@@ -135,6 +135,11 @@
       "import": "./dist/Indicator/index.js",
       "require": "./dist/Indicator/index.umd.cjs"
     },
+    "./Input": {
+      "types": "./dist/Input/index.d.ts",
+      "import": "./dist/Input/index.js",
+      "require": "./dist/Input/index.umd.cjs"
+    },
     "./Kbd": {
       "types": "./dist/Kbd/index.d.ts",
       "import": "./dist/Kbd/index.js",
@@ -202,13 +207,15 @@
   "dependencies": {
     "@iconify/vue": "^4.3.0",
     "@pantograph/tokens": "0.0.6",
+    "@types/lodash-es": "^4.17.12",
+    "@types/sortablejs": "^1.15.8",
     "@vueuse/core": "^12.5.0",
     "class-variance-authority": "^0.7.1",
     "lodash-es": "^4.17.21",
-    "@types/lodash-es": "^4.17.12",
     "radix-vue": "^1.9.13",
     "sortablejs": "^1.15.6",
-    "@types/sortablejs": "^1.15.8"
+    "vue-the-mask": "^0.11.1",
+    "vue-tippy": "^6.6.0"
   },
   "peerDependencies": {
     "vue": "^3.5.13"

package/dist/ActionButton.vue_vue_type_script_setup_true_lang-Db3ryil1.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),p=require("./omit-DlH5U9Jc.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-gzePKYHN.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("ActionButton",!1),__name:"ActionButton",props:{as:{},class:{},preIcon:{},postIcon:{},size:{},text:{},icon:{},active:{type:Boolean},badgeText:{},badgeIcon:{},type:{},variant:{}},setup(s,{expose:r}){const c=s,a=e.useAttrs(),i=e.computed(()=>({...p.omit(a,"variant","loading","color"),...c})),o=e.ref();return r({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,m)=>(e.openBlock(),e.createBlock(l._sfc_main,e.mergeProps(i.value,{action:"",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(u=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(u)))])}))]),1040))}});exports._sfc_main=f;

package/dist/Avatar.vue_vue_type_style_index_0_lang-B538jct0.js

@@ -1,188 +0,0 @@
-import { defineComponent as F, useSlots as I, computed as n, createBlock as p, openBlock as c, unref as s, normalizeClass as v, withCtx as _, createVNode as O, h as z, createElementBlock as b, createCommentVNode as x, Fragment as R, mergeProps as T, renderSlot as B, createTextVNode as $, toDisplayString as P } from "vue";
-import { createContext as H, Primitive as G, useEmitAsProps as J, AvatarRoot as K, AvatarImage as Q, AvatarFallback as U } from "radix-vue";
-import { b as f, a as d, g as j } from "./class-DziTeW9B.js";
-import { cva as q } from "class-variance-authority";
-import { g as D } from "./options-JBqnVZUl.js";
-import { _ as W } from "./Popover.vue_vue_type_style_index_0_lang-DkM_Ynrg.js";
-import "@iconify/vue";
-import { _ as X } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
-import { _ as Y } from "./Indicator.vue_vue_type_script_setup_true_lang-DURlzRTQ.js";
-const [Z, ee] = H("AvatarGroup"), me = /* @__PURE__ */ F({
-  ...D("AvatarGroup"),
-  __name: "AvatarGroup",
-  props: {
-    as: { default: "div" },
-    class: {},
-    gutter: { type: Boolean },
-    size: {},
-    shape: {},
-    popoverClass: {},
-    maxCount: {}
-  },
-  setup(C) {
-    const l = C, g = I(), t = n(() => l.size), a = n(() => l.shape), y = j("avatar"), A = f(y, "group"), k = q(A, {
-      variants: {
-        gutter: d("gutter", A)
-      }
-    });
-    ee({
-      size: t,
-      shape: a
-    });
-    const r = n(() => l.maxCount ? Number(l.maxCount) : 0), i = n(
-      () => k({
-        gutter: l.gutter
-      })
-    ), u = () => {
-      const o = g.default ? g.default() : [];
-      return r.value > 1 && o.length > r.value ? [
-        ...o.filter((h, m) => m < r.value - 1),
-        z(
-          W,
-          {},
-          {
-            default: z(se, { text: `+${o.length - r.value + 1}` }),
-            content: z(
-              G,
-              { class: [i.value, l.class], as: l.as },
-              {
-                default: () => o.filter((h, m) => m >= r.value - 1)
-              }
-            )
-          }
-        )
-      ] : o;
-    };
-    return (o, h) => (c(), p(s(G), {
-      as: o.as,
-      class: v([i.value, l.class])
-    }, {
-      default: _(() => [
-        O(u, { maxCount: o.maxCount }, null, 8, ["maxCount"])
-      ]),
-      _: 1
-    }, 8, ["as", "class"]));
-  }
-}), w = ["2xsm", "xsm", "sm", "md", "lg", "xlg"], N = ["gray", "white"], V = ["circle", "square", "rect"], E = {
-  start: "online-start",
-  end: "online-end"
-}, se = /* @__PURE__ */ F({
-  ...D("Avatar"),
-  __name: "Avatar",
-  props: {
-    src: { default: "" },
-    class: {},
-    onlineColor: { default: "lime" },
-    size: { default: "md" },
-    stroke: {},
-    shape: { default: "circle" },
-    online: { type: Boolean },
-    alt: {},
-    fallback: {},
-    text: {},
-    icon: { default: "tabler:user" },
-    onlineAlignment: { default: "start" },
-    as: {},
-    referrerPolicy: {},
-    delayMs: {}
-  },
-  emits: ["loadingStatusChange"],
-  setup(C, { emit: l }) {
-    const g = I(), t = j("avatar"), a = C, A = J(l), k = q(t, {
-      variants: {
-        size: d(w, t),
-        stroke: d(N, t),
-        shape: d(V, t),
-        onlineAlignment: d(
-          E,
-          t
-        )
-      }
-    }), r = Z({
-      size: n(() => a.size),
-      shape: n(() => a.shape)
-    }), i = n(() => r.size.value ?? a.size), u = n(() => r.shape.value ?? a.shape), o = n(() => {
-      const e = i.value && w.includes(i.value) ? i.value : "md", S = a.stroke && N.includes(a.stroke) ? a.stroke : "none", L = u.value && V.includes(u.value) ? u.value : "circle", M = E[a.onlineAlignment] ? a.onlineAlignment : "start";
-      return {
-        size: e,
-        stroke: S,
-        shape: L,
-        onlineAlignment: M
-      };
-    }), h = n(() => {
-      switch (i.value) {
-        case "lg":
-        case "xlg":
-          return "tiny";
-        default:
-          return "tinier";
-      }
-    }), m = n(() => {
-      switch (i.value) {
-        case "lg":
-        case "xlg":
-          return "sm";
-        case "xsm":
-        case "2xsm":
-          return "3xsm";
-        case "sm":
-        case "md":
-        default:
-          return "xsm";
-      }
-    });
-    return (e, S) => (c(), p(s(K), {
-      as: e.as,
-      class: v([s(k)(o.value), a.class])
-    }, {
-      default: _(() => [
-        !g.default && !e.text ? (c(), b(R, { key: 0 }, [
-          e.src ? (c(), p(s(Q), T({ key: 0 }, s(A), {
-            src: e.src,
-            alt: e.alt,
-            class: s(f)(s(t), "image")
-          }), null, 16, ["src", "alt", "class"])) : x("", !0),
-          O(s(U), {
-            class: v(s(f)(s(t), "fallback"))
-          }, {
-            default: _(() => [
-              B(e.$slots, "fallback", {}, () => [
-                e.fallback ? x("", !0) : (c(), p(s(X), {
-                  key: 0,
-                  icon: e.icon,
-                  size: m.value
-                }, null, 8, ["icon", "size"])),
-                $(" " + P(e.fallback), 1)
-              ])
-            ]),
-            _: 3
-          }, 8, ["class"])
-        ], 64)) : (c(), b("span", {
-          key: 1,
-          class: v(s(f)(s(t), "image"))
-        }, [
-          B(e.$slots, "default", {}, () => [
-            $(P(e.text), 1)
-          ])
-        ], 2)),
-        e.online ? (c(), p(Y, {
-          key: 2,
-          color: e.onlineColor,
-          size: h.value,
-          class: v(s(f)(s(t), "online"))
-        }, null, 8, ["color", "size", "class"])) : x("", !0)
-      ]),
-      _: 3
-    }, 8, ["as", "class"]));
-  }
-});
-export {
-  w as A,
-  se as _,
-  N as a,
-  V as b,
-  E as c,
-  me as d,
-  Z as i,
-  ee as p
-};

package/dist/Avatar.vue_vue_type_style_index_0_lang-BSi0qbuq.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),i=require("radix-vue"),s=require("./class-CjZYGZDW.js"),z=require("class-variance-authority"),x=require("./options-B4iSAKol.js"),E=require("./Popover.vue_vue_type_style_index_0_lang-pSXmj4z1.js");require("@iconify/vue");const N=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),P=require("./Indicator.vue_vue_type_script_setup_true_lang-DpPAMjWw.js"),[y,S]=i.createContext("AvatarGroup"),G=e.defineComponent({...x.getComponentOptions("AvatarGroup"),__name:"AvatarGroup",props:{as:{default:"div"},class:{},gutter:{type:Boolean},size:{},shape:{},popoverClass:{},maxCount:{}},setup(f){const r=f,p=e.useSlots(),n=e.computed(()=>r.size),a=e.computed(()=>r.shape),g=s.getBemBlock("avatar"),v=s.getBemElement(g,"group"),C=z.cva(v,{variants:{gutter:s.generateVariantClassList("gutter",v)}});S({size:n,shape:a});const l=e.computed(()=>r.maxCount?Number(r.maxCount):0),c=e.computed(()=>C({gutter:r.gutter})),u=()=>{const o=p.default?p.default():[];return l.value>1&&o.length>l.value?[...o.filter((d,m)=>m<l.value-1),e.h(E._sfc_main,{},{default:e.h(V,{text:`+${o.length-l.value+1}`}),content:e.h(i.Primitive,{class:[c.value,r.class],as:r.as},{default:()=>o.filter((d,m)=>m>=l.value-1)})})]:o};return(o,d)=>(e.openBlock(),e.createBlock(e.unref(i.Primitive),{as:o.as,class:e.normalizeClass([c.value,r.class])},{default:e.withCtx(()=>[e.createVNode(u,{maxCount:o.maxCount},null,8,["maxCount"])]),_:1},8,["as","class"]))}}),_=["2xsm","xsm","sm","md","lg","xlg"],k=["gray","white"],A=["circle","square","rect"],h={start:"online-start",end:"online-end"},V=e.defineComponent({...x.getComponentOptions("Avatar"),__name:"Avatar",props:{src:{default:""},class:{},onlineColor:{default:"lime"},size:{default:"md"},stroke:{},shape:{default:"circle"},online:{type:Boolean},alt:{},fallback:{},text:{},icon:{default:"tabler:user"},onlineAlignment:{default:"start"},as:{},referrerPolicy:{},delayMs:{}},emits:["loadingStatusChange"],setup(f,{emit:r}){const p=e.useSlots(),n=s.getBemBlock("avatar"),a=f,g=r,v=i.useEmitAsProps(g),C=z.cva(n,{variants:{size:s.generateVariantClassList(_,n),stroke:s.generateVariantClassList(k,n),shape:s.generateVariantClassList(A,n),onlineAlignment:s.generateVariantClassList(h,n)}}),l=y({size:e.computed(()=>a.size),shape:e.computed(()=>a.shape)}),c=e.computed(()=>l.size.value??a.size),u=e.computed(()=>l.shape.value??a.shape),o=e.computed(()=>{const t=c.value&&_.includes(c.value)?c.value:"md",B=a.stroke&&k.includes(a.stroke)?a.stroke:"none",q=u.value&&A.includes(u.value)?u.value:"circle",b=h[a.onlineAlignment]?a.onlineAlignment:"start";return{size:t,stroke:B,shape:q,onlineAlignment:b}}),d=e.computed(()=>{switch(c.value){case"lg":case"xlg":return"tiny";default:return"tinier"}}),m=e.computed(()=>{switch(c.value){case"lg":case"xlg":return"sm";case"xsm":case"2xsm":return"3xsm";case"sm":case"md":default:return"xsm"}});return(t,B)=>(e.openBlock(),e.createBlock(e.unref(i.AvatarRoot),{as:t.as,class:e.normalizeClass([e.unref(C)(o.value),a.class])},{default:e.withCtx(()=>[!p.default&&!t.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.src?(e.openBlock(),e.createBlock(e.unref(i.AvatarImage),e.mergeProps({key:0},e.unref(v),{src:t.src,alt:t.alt,class:e.unref(s.getBemElement)(e.unref(n),"image")}),null,16,["src","alt","class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(i.AvatarFallback),{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(n),"fallback"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"fallback",{},()=>[t.fallback?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(N._sfc_main),{key:0,icon:t.icon,size:m.value},null,8,["icon","size"])),e.createTextVNode(" "+e.toDisplayString(t.fallback),1)])]),_:3},8,["class"])],64)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(n),"image"))},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])],2)),t.online?(e.openBlock(),e.createBlock(P._sfc_main,{key:2,color:t.onlineColor,size:d.value,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(n),"online"))},null,8,["color","size","class"])):e.createCommentVNode("",!0)]),_:3},8,["as","class"]))}});exports.AvatarOnlineAlignments=h;exports.AvatarShapes=A;exports.AvatarSizes=_;exports.AvatarStrokes=k;exports._sfc_main=V;exports._sfc_main$1=G;exports.injectAvatarGroupContext=y;exports.provideAvatarGroupContext=S;

package/dist/Badge.vue_vue_type_script_setup_true_lang-CKxCSXXL.js

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

package/dist/Base/Primitive.d.ts

@@ -1,39 +0,0 @@
-import { Component, PropType } from 'vue';
-export type AsTag = 'a' | 'button' | 'div' | 'form' | 'h2' | 'h3' | 'img' | 'input' | 'label' | 'li' | 'nav' | 'ol' | 'p' | 'span' | 'svg' | 'ul' | 'template' | ({} & string);
-export interface PrimitiveProps {
-    /**
-     * Change the Menu rendered element for the one passed as a child, merging their props and behavior.
-     *
-     * Read our [Composition](https://www.radix-vue.com/guides/composition.html) guide for more details.
-     */
-    asChild?: boolean;
-    /**
-     * The element or component this component should render as. Can be overwritten by `asChild`.
-     * @defaultValue "div"
-     */
-    as?: AsTag | Component;
-}
-export declare const Primitive: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    asChild: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    as: {
-        type: PropType<Component | AsTag>;
-        default: string;
-    };
-}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    asChild: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    as: {
-        type: PropType<Component | AsTag>;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    asChild: boolean;
-    as: Component | AsTag;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/Base/Slot.d.ts

@@ -1,6 +0,0 @@
-import { VNode } from 'vue';
-export declare const Slot: import('vue').DefineComponent<{}, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> | VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>[] | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/BaseBadge.vue_vue_type_style_index_0_lang-OEeJw0Sy.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),f=require("radix-vue"),i=require("./class-CjZYGZDW.js"),v=require("class-variance-authority"),B=require("./options-B4iSAKol.js");require("@iconify/vue");const _=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),r=["2xsm","xsm","sm","md","tiny","tinier"],o=["rect","pill","minify"],x=["primary","red","orange","amber","yellow","lime","green","teal","cyan","sky","blue","ocean","violet","amethyst","fuchsia","pink","gray"],C=["primary-subtle","red-subtle","orange-subtle","amber-subtle","yellow-subtle","lime-subtle","green-subtle","teal-subtle","cyan-subtle","sky-subtle","blue-subtle","ocean-subtle","violet-subtle","amethyst-subtle","fuchsia-subtle","pink-subtle","gray-subtle"],z=e.defineComponent({...B.getComponentOptions("BaseBadge"),__name:"BaseBadge",props:{size:{default:"md"},class:{},text:{},bg:{},fg:{},br:{},type:{default:"pill"},icon:{},as:{default:"div"}},setup(u){const n=i.getBemBlock("badge"),s=u,m=v.cva(n,{variants:{size:i.generateVariantClassList(r,n),type:i.generateVariantClassList(o,n),text:i.generateVariantClassList("text",n),icon:i.generateVariantClassList("icon",n),br:i.generateVariantClassList("br",n)}}),l=e.useSlots(),a=e.computed(()=>o.includes(s.type)?s.type:"pill"),d=e.computed(()=>!!(s.text||l.default)),p=e.computed(()=>!!(s.icon||l.icon)),c=e.computed(()=>{let t=r.includes(s.size)?s.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}),y=e.computed(()=>{switch(c.value){case"sm":return"xsm";case"xsm":return"2xsm";case"2xsm":return"3xsm";case"md":default:return"sm"}}),b=e.computed(()=>({size:c.value,type:a.value,text:d.value,icon:p.value,br:!!s.br})),g=e.computed(()=>{const t=l.icon??s.icon;return s.type==="rect"&&(l.default||s.text)?!1:t});return(t,k)=>(e.openBlock(),e.createBlock(e.unref(f.Primitive),{as:t.as,class:e.normalizeClass([e.unref(m)(b.value),s.class]),style:e.normalizeStyle({"--ptc-badge-fg":s.fg,"--ptc-badge-bg":s.bg,"--ptc-badge-br":s.br})},{default:e.withCtx(()=>[a.value!=="minify"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[g.value?(e.openBlock(),e.createBlock(e.unref(_._sfc_main),{key:0,icon:t.icon,size:y.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["icon","size"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])],64)):e.createCommentVNode("",!0)]),_:3},8,["as","class","style"]))}});exports.BadgeColors=x;exports.BadgeColorsSubtle=C;exports.BadgeSizes=r;exports.BadgeTypes=o;exports._sfc_main=z;

package/dist/BaseButton.vue_vue_type_style_index_0_lang-gzePKYHN.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),b=require("radix-vue"),g=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),k=require("./Spinner.vue_vue_type_style_index_0_lang-CxNO28J7.js"),V=require("./Badge.vue_vue_type_script_setup_true_lang-CKxCSXXL.js"),s=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-BSj1Y1j2.js"),a=require("./class-CjZYGZDW.js"),S=require("class-variance-authority"),x=require("./options-B4iSAKol.js"),f="2xsm",h=e.defineComponent({...x.getComponentOptions("BaseButton"),__name:"BaseButton",props:{class:{},text:{},size:{},color:{default:"primary"},type:{default:"fill"},variant:{},loading:{type:Boolean},action:{type:Boolean},active:{type:Boolean},badgeText:{},badgeIcon:{},icon:{},preIcon:{},postIcon:{},as:{default:"button"}},setup(B,{expose:y}){const o=B,n=a.getBemBlock("button"),_=S.cva(n,{variants:{size:a.generateVariantClassList(s.ButtonSizes,n),type:a.generateVariantClassList(s.ButtonTypes,n),color:a.generateVariantClassList(s.ButtonColors,n),variant:a.generateVariantClassList(s.ButtonVariants,n),action:a.generateVariantClassList("action",n),active:a.generateVariantClassList("active",n),text:a.generateVariantClassList("text",n),preIcon:a.generateVariantClassList("preIcon",n),postIcon:a.generateVariantClassList("postIcon",n),loading:a.generateVariantClassList("loading",n)}}),v=s.injectButtonGroupContext({size:e.computed(()=>o.size),variant:e.computed(()=>o.variant)}),l=e.computed(()=>o.variant??v.variant.value??"simple"),i=e.computed(()=>["icon","float"].includes(l.value)),r=e.useSlots(),I=e.computed(()=>{let t=s.ButtonTypes.includes(o.type)?o.type:"fill";const c=o.size??v.size.value,C=c&&s.ButtonSizes.includes(c)?c:"md";let u=o.color&&s.ButtonColors.includes(o.color)?o.color:"primary",p=l.value&&s.ButtonVariants.includes(l.value)?l.value:"simple";return o.action?(p==="float"&&(p="icon"),t==="fill"&&(t="outline"),u=void 0):p==="float"&&(t==="ghost"&&(t="fill"),["primary","gray"].includes(u)||(u="primary")),{size:C,type:t,color:u,variant:p,action:o.action,active:o.active,loading:o.loading,text:!i.value&&!!(o.text||r.default),preIcon:!i.value&&!!(o.preIcon||r.preIcon),postIcon:!i.value&&!!(o.postIcon||r.postIcon)}}),d=e.computed(()=>{switch(o.size){case"sm":return"3xsm";default:return"2xsm"}}),z=e.computed(()=>{switch(o.size){case"sm":return"3xsm";case"lg":return"xsm";case"md":default:return"2xsm"}}),m=e.ref();return y({focus(){var t;(t=m.value)==null||t.focus()},blur(){var t;(t=m.value)==null||t.blur()}}),(t,c)=>(e.openBlock(),e.createBlock(e.unref(b.Primitive),{as:t.as,class:e.normalizeClass([e.unref(_)(I.value),o.class]),tabindex:"0",ref_key:"buttonRef",ref:m},{default:e.withCtx(()=>[t.loading?(e.openBlock(),e.createBlock(k._sfc_main,{key:1,class:e.normalizeClass(e.unref(a.getBemElement)(e.unref(n),"loading")),size:d.value},null,8,["class","size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(t.preIcon||r.preIcon)&&!i.value?(e.openBlock(),e.createBlock(g._sfc_main,{key:0,icon:t.preIcon,size:d.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"preIcon")]),_:3},8,["icon","size"])):e.createCommentVNode("",!0),i.value?(e.openBlock(),e.createBlock(g._sfc_main,{key:1,icon:t.icon,size:z.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["icon","size"])):e.renderSlot(t.$slots,"default",{key:2},()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),t.action&&t.active&&!i.value&&(t.badgeText||r.badgeText||t.badgeIcon||r.badgeIcon)?e.renderSlot(t.$slots,"badge",e.normalizeProps(e.mergeProps({key:3},{color:t.$attrs.disabled?"gray":"primary",size:f})),()=>[e.createVNode(V._sfc_main,{text:t.badgeText,icon:t.badgeIcon,color:t.$attrs.disabled?"gray":"primary",size:f},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeText")]),icon:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeIcon")]),_:3},8,["text","icon","color"])]):e.createCommentVNode("",!0),(t.postIcon||r.postIcon)&&!i.value?(e.openBlock(),e.createBlock(g._sfc_main,{key:4,icon:t.postIcon,size:d.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"postIcon")]),_:3},8,["icon","size"])):e.createCommentVNode("",!0)],64))]),_:3},8,["as","class"]))}});exports._sfc_main=h;

package/dist/BaseButton.vue_vue_type_style_index_0_lang-s4G57j5o.js

@@ -1,159 +0,0 @@
-import { defineComponent as E, computed as i, useSlots as R, ref as j, createBlock as u, openBlock as r, unref as v, normalizeClass as B, withCtx as c, createElementBlock as A, Fragment as D, createCommentVNode as y, renderSlot as l, createTextVNode as F, toDisplayString as G, normalizeProps as L, mergeProps as O, createVNode as _ } from "vue";
-import { Primitive as q } from "radix-vue";
-import { _ as z } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
-import { _ as H } from "./Spinner.vue_vue_type_style_index_0_lang-D6nB06Z8.js";
-import { _ as J } from "./Badge.vue_vue_type_script_setup_true_lang-CfA3dSJr.js";
-import { i as K, a as k, c as $, b as C, B as S } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-CdSgBboA.js";
-import { g as M, a, b as Q } from "./class-DziTeW9B.js";
-import { cva as U } from "class-variance-authority";
-import { g as W } from "./options-JBqnVZUl.js";
-const T = "2xsm", ie = /* @__PURE__ */ E({
-  ...W("BaseButton"),
-  __name: "BaseButton",
-  props: {
-    class: {},
-    text: {},
-    size: {},
-    color: { default: "primary" },
-    type: { default: "fill" },
-    variant: {},
-    loading: { type: Boolean },
-    action: { type: Boolean },
-    active: { type: Boolean },
-    badgeText: {},
-    badgeIcon: {},
-    icon: {},
-    preIcon: {},
-    postIcon: {},
-    as: { default: "button" }
-  },
-  setup(h, { expose: x }) {
-    const o = h, t = M("button"), V = U(t, {
-      variants: {
-        size: a($, t),
-        type: a(k, t),
-        color: a(C, t),
-        variant: a(S, t),
-        action: a("action", t),
-        active: a("active", t),
-        text: a("text", t),
-        preIcon: a("preIcon", t),
-        postIcon: a("postIcon", t),
-        loading: a("loading", t)
-      }
-    }), b = K({
-      size: i(() => o.size),
-      variant: i(() => o.variant)
-    }), p = i(() => o.variant ?? b.variant.value ?? "simple"), s = i(() => ["icon", "float"].includes(p.value)), n = R(), P = i(() => {
-      let e = k.includes(o.type) ? o.type : "fill";
-      const m = o.size ?? b.size.value, N = m && $.includes(m) ? m : "md";
-      let d = o.color && C.includes(o.color) ? o.color : "primary", f = p.value && S.includes(p.value) ? p.value : "simple";
-      return o.action ? (f === "float" && (f = "icon"), e === "fill" && (e = "outline"), d = void 0) : f === "float" && (e === "ghost" && (e = "fill"), ["primary", "gray"].includes(d) || (d = "primary")), {
-        size: N,
-        type: e,
-        color: d,
-        variant: f,
-        action: o.action,
-        active: o.active,
-        loading: o.loading,
-        text: !s.value && !!(o.text || n.default),
-        preIcon: !s.value && !!(o.preIcon || n.preIcon),
-        postIcon: !s.value && !!(o.postIcon || n.postIcon)
-      };
-    }), g = i(() => {
-      switch (o.size) {
-        case "sm":
-          return "3xsm";
-        default:
-          return "2xsm";
-      }
-    }), w = i(() => {
-      switch (o.size) {
-        case "sm":
-          return "3xsm";
-        case "lg":
-          return "xsm";
-        case "md":
-        default:
-          return "2xsm";
-      }
-    }), I = j();
-    return x({
-      focus() {
-        var e;
-        (e = I.value) == null || e.focus();
-      },
-      blur() {
-        var e;
-        (e = I.value) == null || e.blur();
-      }
-    }), (e, m) => (r(), u(v(q), {
-      as: e.as,
-      class: B([v(V)(P.value), o.class]),
-      tabindex: "0",
-      ref_key: "buttonRef",
-      ref: I
-    }, {
-      default: c(() => [
-        e.loading ? (r(), u(H, {
-          key: 1,
-          class: B(v(Q)(v(t), "loading")),
-          size: g.value
-        }, null, 8, ["class", "size"])) : (r(), A(D, { key: 0 }, [
-          (e.preIcon || n.preIcon) && !s.value ? (r(), u(z, {
-            key: 0,
-            icon: e.preIcon,
-            size: g.value
-          }, {
-            default: c(() => [
-              l(e.$slots, "preIcon")
-            ]),
-            _: 3
-          }, 8, ["icon", "size"])) : y("", !0),
-          s.value ? (r(), u(z, {
-            key: 1,
-            icon: e.icon,
-            size: w.value
-          }, {
-            default: c(() => [
-              l(e.$slots, "icon")
-            ]),
-            _: 3
-          }, 8, ["icon", "size"])) : l(e.$slots, "default", { key: 2 }, () => [
-            F(G(e.text), 1)
-          ]),
-          e.action && e.active && !s.value && (e.badgeText || n.badgeText || e.badgeIcon || n.badgeIcon) ? l(e.$slots, "badge", L(O({ key: 3 }, { color: e.$attrs.disabled ? "gray" : "primary", size: T })), () => [
-            _(J, {
-              text: e.badgeText,
-              icon: e.badgeIcon,
-              color: e.$attrs.disabled ? "gray" : "primary",
-              size: T
-            }, {
-              default: c(() => [
-                l(e.$slots, "badgeText")
-              ]),
-              icon: c(() => [
-                l(e.$slots, "badgeIcon")
-              ]),
-              _: 3
-            }, 8, ["text", "icon", "color"])
-          ]) : y("", !0),
-          (e.postIcon || n.postIcon) && !s.value ? (r(), u(z, {
-            key: 4,
-            icon: e.postIcon,
-            size: g.value
-          }, {
-            default: c(() => [
-              l(e.$slots, "postIcon")
-            ]),
-            _: 3
-          }, 8, ["icon", "size"])) : y("", !0)
-        ], 64))
-      ]),
-      _: 3
-    }, 8, ["as", "class"]));
-  }
-});
-export {
-  ie as _
-};

package/dist/Button.vue_vue_type_script_setup_true_lang-BVCP3jP3.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),p=require("./omit-DlH5U9Jc.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-gzePKYHN.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("Button",!1),__name:"Button",props:{as:{},class:{},type:{},color:{},loading:{type:Boolean},preIcon:{},postIcon:{},size:{},text:{}},setup(s,{expose:r}){const c=s,a=e.useAttrs(),i=e.computed(()=>({...p.omit(a,"variant","icon","action","active","badgeText"),...c})),o=e.ref();return r({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,m)=>(e.openBlock(),e.createBlock(l._sfc_main,e.mergeProps(i.value,{variant:"simple",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(u=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(u)))])}))]),1040))}});exports._sfc_main=f;

package/dist/ButtonGroup.vue_vue_type_script_setup_true_lang-BSj1Y1j2.js

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

package/dist/ButtonGroup.vue_vue_type_script_setup_true_lang-CdSgBboA.js

@@ -1,52 +0,0 @@
-import { defineComponent as l, computed as a, createBlock as u, openBlock as c, unref as e, normalizeClass as m, withCtx as f, renderSlot as B } from "vue";
-import { createContext as g, Primitive as d } from "radix-vue";
-import { b as C, a as n, g as v } from "./class-DziTeW9B.js";
-import { g as G } from "./options-JBqnVZUl.js";
-import { cva as z } from "class-variance-authority";
-const j = ["simple", "icon", "float"], E = ["fill", "outline", "ghost"], L = ["primary", "danger", "success", "warning", "gray"], x = ["sm", "md", "lg"], _ = [...x, "none"], [O, y] = g("ButtonGroup"), P = /* @__PURE__ */ l({
-  ...G("ButtonGroup"),
-  __name: "ButtonGroup",
-  props: {
-    as: { default: "div" },
-    class: {},
-    size: { default: "md" },
-    variant: { default: "simple" },
-    gap: {},
-    split: { type: Boolean, default: !0 }
-  },
-  setup(r) {
-    const t = r, i = v("button"), s = C(i, "group"), p = z(s, {
-      variants: {
-        gap: n(_, s),
-        split: n("split", s)
-      }
-    });
-    return y({
-      size: a(() => t.size),
-      variant: a(() => t.variant)
-    }), (o, b) => (c(), u(e(d), {
-      as: o.as,
-      class: m([
-        e(p)({
-          gap: t.gap ?? t.size,
-          split: o.split
-        }),
-        t.class
-      ])
-    }, {
-      default: f(() => [
-        B(o.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["as", "class"]));
-  }
-});
-export {
-  j as B,
-  P as _,
-  E as a,
-  L as b,
-  x as c,
-  O as i,
-  y as p
-};