@pantograph/vue 0.8.3 → 0.10.0

package/dist/ActionButton/index.js.js

@@ -1,4 +1,4 @@
-import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-IN_Iar0s.js";
+import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-ClxZJxTh.js";
 export {
   a as ActionButton,
   e as default

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ActionButton.vue_vue_type_script_setup_true_lang-2X340gYi.js");exports.ActionButton=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ActionButton.vue_vue_type_script_setup_true_lang-Db3ryil1.js");exports.ActionButton=e._sfc_main;exports.default=e._sfc_main;

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-IN_Iar0s.js → ActionButton.vue_vue_type_script_setup_true_lang-ClxZJxTh.js}

@@ -1,6 +1,6 @@
 import { defineComponent as p, useAttrs as m, computed as u, ref as f, createBlock as l, openBlock as _, mergeProps as d, createSlots as b, renderList as g, withCtx as v, renderSlot as B, normalizeProps as k, guardReactiveProps as x } from "vue";
-import { o as y } from "./omit-wqhC12f_.js";
-import { _ as A } from "./BaseButton.vue_vue_type_style_index_0_lang-5rSLcXNk.js";
+import { o as y } from "./omit-BHZMfUBv.js";
+import { _ as A } from "./BaseButton.vue_vue_type_style_index_0_lang-s4G57j5o.js";
 import { g as C } from "./options-JBqnVZUl.js";
 const z = /* @__PURE__ */ p({
   ...C("ActionButton", !1),

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-2X340gYi.js → ActionButton.vue_vue_type_script_setup_true_lang-Db3ryil1.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("./omit-CMPOmOGF.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-CfBRZCKS.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;
+"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/Avatar.d.ts

@@ -26,7 +26,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Av
 }, string, import('vue').PublicProps, Readonly<AvatarProps> & Readonly<{
     onLoadingStatusChange?: ((value: import('../../../../node_modules/radix-vue/dist/Avatar/utils.js', { with: { "resolution-mode": "import" } }).ImageLoadingStatus) => any) | undefined;
 }>, {
-    size: "2xsm" | "xsm" | "sm" | "md" | "lg" | "2xlg";
+    size: "2xsm" | "xsm" | "sm" | "md" | "lg" | "xlg";
     icon: string;
     shape: "circle" | "rect" | "square";
     src: string;

package/dist/Avatar/Avatar.model.d.ts

@@ -1,4 +1,4 @@
-export declare const AvatarSizes: readonly ["2xsm", "xsm", "sm", "md", "lg", "2xlg"];
+export declare const AvatarSizes: readonly ["2xsm", "xsm", "sm", "md", "lg", "xlg"];
 export type AvatarSize = (typeof AvatarSizes)[number];
 export declare const AvatarStrokes: readonly ["gray", "white"];
 export type AvatarStroke = (typeof AvatarStrokes)[number];

package/dist/Avatar/index.js.js

@@ -1,4 +1,4 @@
-import { _ as t, c as r, b as e, A, a as v, _ as n } from "../Avatar.vue_vue_type_style_index_0_lang-BVysdOnq.js";
+import { _ as t, c as r, b as e, A, a as v, _ as n } from "../Avatar.vue_vue_type_style_index_0_lang-B538jct0.js";
 export {
   t as Avatar,
   r as AvatarOnlineAlignments,

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Avatar.vue_vue_type_style_index_0_lang-BiEWBKYn.js");exports.Avatar=e._sfc_main;exports.AvatarOnlineAlignments=e.AvatarOnlineAlignments;exports.AvatarShapes=e.AvatarShapes;exports.AvatarSizes=e.AvatarSizes;exports.AvatarStrokes=e.AvatarStrokes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Avatar.vue_vue_type_style_index_0_lang-BSi0qbuq.js");exports.Avatar=e._sfc_main;exports.AvatarOnlineAlignments=e.AvatarOnlineAlignments;exports.AvatarShapes=e.AvatarShapes;exports.AvatarSizes=e.AvatarSizes;exports.AvatarStrokes=e.AvatarStrokes;exports.default=e._sfc_main;

package/dist/{Avatar.vue_vue_type_style_index_0_lang-BVysdOnq.js → Avatar.vue_vue_type_style_index_0_lang-B538jct0.js}

@@ -3,10 +3,10 @@ import { createContext as H, Primitive as G, useEmitAsProps as J, AvatarRoot as
 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-MJjv8Cvt.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-CHuo9sYF.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",
@@ -63,7 +63,7 @@ const [Z, ee] = H("AvatarGroup"), me = /* @__PURE__ */ F({
       _: 1
     }, 8, ["as", "class"]));
   }
-}), w = ["2xsm", "xsm", "sm", "md", "lg", "2xlg"], N = ["gray", "white"], V = ["circle", "square", "rect"], E = {
+}), w = ["2xsm", "xsm", "sm", "md", "lg", "xlg"], N = ["gray", "white"], V = ["circle", "square", "rect"], E = {
   start: "online-start",
   end: "online-end"
 }, se = /* @__PURE__ */ F({
@@ -112,7 +112,7 @@ const [Z, ee] = H("AvatarGroup"), me = /* @__PURE__ */ F({
     }), h = n(() => {
       switch (i.value) {
         case "lg":
-        case "2xlg":
+        case "xlg":
           return "tiny";
         default:
           return "tinier";
@@ -120,7 +120,7 @@ const [Z, ee] = H("AvatarGroup"), me = /* @__PURE__ */ F({
     }), m = n(() => {
       switch (i.value) {
         case "lg":
-        case "2xlg":
+        case "xlg":
           return "sm";
         case "xsm":
         case "2xsm":

package/dist/Avatar.vue_vue_type_style_index_0_lang-BSi0qbuq.js

@@ -0,0 +1 @@
+"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/AvatarGroup/index.js.js

@@ -1,4 +1,4 @@
-import { d as t, i as o, p } from "../Avatar.vue_vue_type_style_index_0_lang-BVysdOnq.js";
+import { d as t, i as o, p } from "../Avatar.vue_vue_type_style_index_0_lang-B538jct0.js";
 export {
   t as AvatarGroup,
   o as injectAvatarGroupContext,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Avatar.vue_vue_type_style_index_0_lang-BiEWBKYn.js");exports.AvatarGroup=t._sfc_main$1;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Avatar.vue_vue_type_style_index_0_lang-BSi0qbuq.js");exports.AvatarGroup=t._sfc_main$1;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;

package/dist/Badge/index.js.js

@@ -1,4 +1,4 @@
-import { _ as d, _ as f } from "../Badge.vue_vue_type_script_setup_true_lang-CIkF44xM.js";
+import { _ as d, _ as f } from "../Badge.vue_vue_type_script_setup_true_lang-CfA3dSJr.js";
 export {
   d as Badge,
   f as default

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

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

package/dist/{Badge.vue_vue_type_script_setup_true_lang-D7hKm2YM.js → Badge.vue_vue_type_script_setup_true_lang-CKxCSXXL.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),u=require("./omit-CMPOmOGF.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;
+"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/{Badge.vue_vue_type_script_setup_true_lang-CIkF44xM.js → Badge.vue_vue_type_script_setup_true_lang-CfA3dSJr.js}

@@ -1,6 +1,6 @@
-import { defineComponent as f, useAttrs as u, computed as l, createBlock as b, openBlock as d, mergeProps as y, createSlots as _, renderList as C, withCtx as B, renderSlot as O, normalizeProps as $, guardReactiveProps as j } from "vue";
-import { o as k } from "./omit-wqhC12f_.js";
-import { c as a, b as n, _ as E } from "./BaseBadge.vue_vue_type_style_index_0_lang-Bm8mav0C.js";
+import { defineComponent as f, useAttrs as u, computed as l, createBlock as b, openBlock as d, mergeProps as y, createSlots as _, renderList as B, withCtx as C, renderSlot as O, normalizeProps as $, guardReactiveProps as j } from "vue";
+import { o as k } from "./omit-BHZMfUBv.js";
+import { B as a, a as n, _ as E } from "./BaseBadge.vue_vue_type_style_index_0_lang-MM6bsdzR.js";
 import { g as h } from "./options-JBqnVZUl.js";
 import { getCssVar as r } from "@pantograph/tokens";
 const z = /* @__PURE__ */ f({
@@ -43,9 +43,9 @@ const z = /* @__PURE__ */ f({
       ...i.value
     }));
     return (t, c) => (d(), b(E, y(g.value, { type: "pill" }), _({ _: 2 }, [
-      C(Object.keys(t.$slots), (s) => ({
+      B(Object.keys(t.$slots), (s) => ({
         name: s,
-        fn: B((e) => [
+        fn: C((e) => [
           O(t.$slots, s, $(j(e)))
         ])
       }))

package/dist/{BaseBadge.vue_vue_type_style_index_0_lang-Bm8mav0C.js → BaseBadge.vue_vue_type_style_index_0_lang-MM6bsdzR.js}

@@ -121,9 +121,9 @@ const b = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], d = ["rect", "pill", "m
   }
 });
 export {
-  b as B,
+  K as B,
   M as _,
-  d as a,
-  J as b,
-  K as c
+  J as a,
+  b,
+  d as c
 };

package/dist/{BaseButton.vue_vue_type_style_index_0_lang-CfBRZCKS.js → BaseButton.vue_vue_type_style_index_0_lang-gzePKYHN.js}

@@ -1 +1 @@
-"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-D7hKm2YM.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;
+"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-5rSLcXNk.js → BaseButton.vue_vue_type_style_index_0_lang-s4G57j5o.js}

@@ -2,7 +2,7 @@ import { defineComponent as E, computed as i, useSlots as R, ref as j, createBlo
 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-CIkF44xM.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";

package/dist/Button/index.js.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-Pghn6KJY.js";
+import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-B8DWC8Du.js";
 export {
   o as Button,
   e as default

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Button.vue_vue_type_script_setup_true_lang-687jBefr.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Button.vue_vue_type_script_setup_true_lang-BVCP3jP3.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;

package/dist/{Button.vue_vue_type_script_setup_true_lang-Pghn6KJY.js → Button.vue_vue_type_script_setup_true_lang-B8DWC8Du.js}

@@ -1,6 +1,6 @@
 import { defineComponent as i, useAttrs as m, computed as u, ref as l, createBlock as f, openBlock as _, mergeProps as d, createSlots as b, renderList as g, withCtx as v, renderSlot as B, normalizeProps as k, guardReactiveProps as x } from "vue";
-import { o as y } from "./omit-wqhC12f_.js";
-import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-5rSLcXNk.js";
+import { o as y } from "./omit-BHZMfUBv.js";
+import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-s4G57j5o.js";
 import { g as P } from "./options-JBqnVZUl.js";
 const O = /* @__PURE__ */ i({
   ...P("Button", !1),

package/dist/{Button.vue_vue_type_script_setup_true_lang-687jBefr.js → Button.vue_vue_type_script_setup_true_lang-BVCP3jP3.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("./omit-CMPOmOGF.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-CfBRZCKS.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;
+"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/Checkbox/index.js.js

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

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

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

package/dist/{Checkbox.vue_vue_type_style_index_0_lang-Bvk3KN2L.js → Checkbox.vue_vue_type_style_index_0_lang-Bm6sm_wm.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),d=require("radix-vue"),n=require("@pantograph/tokens"),u=require("./class-CjZYGZDW.js"),G=require("class-variance-authority"),g=require("./options-B4iSAKol.js"),S=require("./omit-CMPOmOGF.js"),V=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),w=require("./pick-CQkYSNzp.js"),B=["2xsm","xsm"],E=a=>({"--ptc-checkbox-bg":`var(--${n.prefixTokens}-${a}-5)`,"--ptc-checkbox-bg-hover":`var(--${n.prefixTokens}-${a}-4)`,"--ptc-checkbox-bg-focus":`var(--${n.prefixTokens}-${a}-6)`,"--ptc-checkbox-br-focus":`var(--${n.prefixTokens}-${a}-6)`,"--ptc-checkbox-bg-active":`var(--${n.prefixTokens}-${a}-7)`}),L=a=>({"--ptc-group-checkbox-bg":`var(--${n.prefixTokens}-${a}-5)`,"--ptc-group-checkbox-bg-hover":`var(--${n.prefixTokens}-${a}-4)`,"--ptc-group-checkbox-bg-focus":`var(--${n.prefixTokens}-${a}-6)`,"--ptc-group-checkbox-br-focus":`var(--${n.prefixTokens}-${a}-6)`,"--ptc-group-checkbox-bg-active":`var(--${n.prefixTokens}-${a}-7)`}),[$,_]=d.createContext("CheckboxGroup"),N=e.defineComponent({...g.getComponentOptions("CheckboxGroup"),__name:"CheckboxGroup",props:{asChild:{type:Boolean,default:!1},as:{},value:{},size:{},disabled:{type:Boolean},name:{},options:{}},emits:["update:value","change"],setup(a,{emit:h}){const c=h,o=a,s=e.computed(()=>w.pick(o,"asChild","as")),i=e.ref(o.value??[]);e.watch(()=>o.value,()=>{i.value=o.value??[]});const b=e.computed({get(){return o.value?o.value:i.value},set(l){o.value||(i.value=l),c("update:value",l),c("change",l)}}),p=e.computed(()=>o.size),k=e.computed(()=>o.disabled?!0:void 0);return _({model:b,size:p,disabled:k}),(l,C)=>(e.openBlock(),e.createBlock(e.unref(d.Primitive),e.normalizeProps(e.guardReactiveProps(s.value)),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},()=>{var m;return[(m=l.options)!=null&&m.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.options,r=>(e.openBlock(),e.createBlock(z,e.mergeProps({key:r.value,ref_for:!0},r),null,16))),128)):e.createCommentVNode("",!0)]})]),_:3},16))}}),A=["for"],z=e.defineComponent({...g.getComponentOptions("Checkbox"),__name:"Checkbox",props:{size:{default:"xsm"},class:{},rootCls:{},indicatorCls:{},indeterminateCls:{},labelCls:{},label:{},value:{},id:{},valueAsLabel:{type:Boolean,default:!0},defaultChecked:{type:Boolean},checked:{type:[Boolean,String],default:void 0},disabled:{type:Boolean},required:{type:Boolean},name:{},as:{default:"div"}},emits:["update:checked","change"],setup(a,{emit:h}){const c=u.getBemBlock("checkbox"),o=a,s=$({}),i=h,b=e.useSlots(),p=e.ref(o.checked??!1);e.watch(()=>o.checked,()=>{p.value=o.checked??!1});const k=e.computed({get(){var t;return(t=s.model)!=null&&t.value?o.value!==void 0&&s.model.value.includes(o.value):o.checked!==void 0?o.checked:p.value},set(t){var v;if((v=s.model)!=null&&v.value){if(o.value!==void 0){const f=s.model.value.indexOf(o.value);t&&f===-1?s.model.value=[...s.model.value,o.value]:!t&&f!==-1&&(s.model.value=s.model.value.filter(T=>T!==o.value))}}else o.checked===void 0&&(p.value=t),i("update:checked",t),i("change",t)}}),l=e.computed(()=>o.id??d.useId(void 0,c)),C=e.computed(()=>{var t;return{disabled:((t=s.disabled)==null?void 0:t.value)??o.disabled,...S.omit(o,"size","class","label","as","disabled","checked","id","rootCls","indicatorCls","indeterminateCls","labelCls")}}),m=G.cva(c,{variants:{size:u.generateVariantClassList(B,c)}}),r=e.computed(()=>o.label||b.default||o.value&&o.valueAsLabel),y=e.computed(()=>{if(o.label)return o.label;if(o.value&&o.valueAsLabel)return o.value}),q=e.computed(()=>({asChild:!r.value,as:o.as})),x=e.computed(()=>{var t;return((t=s.size)==null?void 0:t.value)??o.size}),P=e.computed(()=>{switch(x.value){case"xsm":return"2xsm";case"2xsm":default:return"3xsm"}});return(t,v)=>(e.openBlock(),e.createBlock(e.unref(d.Primitive),e.mergeProps({key:r.value},q.value,{class:[{[e.unref(u.getBemElement)(e.unref(c),"root")]:r.value},r.value?t.rootCls:void 0]}),{default:e.withCtx(()=>[e.createVNode(e.unref(d.CheckboxRoot),e.mergeProps(C.value,{checked:k.value,"onUpdate:checked":v[0]||(v[0]=f=>k.value=f),id:l.value,class:[e.unref(m)({size:x.value}),o.class]}),{default:e.withCtx(()=>[e.createVNode(e.unref(d.CheckboxIndicator),{class:e.normalizeClass([e.unref(u.getBemElement)(e.unref(c),"indicator"),t.indicatorCls]),asChild:""},{default:e.withCtx(()=>[o.checked!="indeterminate"?(e.openBlock(),e.createBlock(V._sfc_main,{key:0,icon:"tabler:check",size:P.value},null,8,["size"])):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(u.getBemElement)(e.unref(c),"indeterminate"),t.indeterminateCls])},null,2))]),_:1},8,["class"])]),_:1},16,["checked","id","class"]),r.value?(e.openBlock(),e.createElementBlock("label",{key:0,for:l.value,class:e.normalizeClass([e.unref(u.getBemElement)(e.unref(c),"label"),t.labelCls])},[e.renderSlot(t.$slots,"default",{checked:t.checked,disabled:t.disabled,required:t.required},()=>[e.createTextVNode(e.toDisplayString(y.value),1)])],10,A)):e.createCommentVNode("",!0)]),_:3},16,["class"]))}});exports.CheckboxSizes=B;exports._sfc_main=z;exports._sfc_main$1=N;exports.injectCheckboxGroupContext=$;exports.provideCheckboxGroupContext=_;exports.useColoredPantographCheckbox=E;exports.useColoredPantographCheckboxGroup=L;
+"use strict";const e=require("vue"),d=require("radix-vue"),n=require("@pantograph/tokens"),u=require("./class-CjZYGZDW.js"),G=require("class-variance-authority"),g=require("./options-B4iSAKol.js"),S=require("./omit-DlH5U9Jc.js"),V=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),w=require("./pick-DpwC5mlg.js"),B=["2xsm","xsm"],E=a=>({"--ptc-checkbox-bg":`var(--${n.prefixTokens}-${a}-5)`,"--ptc-checkbox-bg-hover":`var(--${n.prefixTokens}-${a}-4)`,"--ptc-checkbox-bg-focus":`var(--${n.prefixTokens}-${a}-6)`,"--ptc-checkbox-br-focus":`var(--${n.prefixTokens}-${a}-6)`,"--ptc-checkbox-bg-active":`var(--${n.prefixTokens}-${a}-7)`}),L=a=>({"--ptc-group-checkbox-bg":`var(--${n.prefixTokens}-${a}-5)`,"--ptc-group-checkbox-bg-hover":`var(--${n.prefixTokens}-${a}-4)`,"--ptc-group-checkbox-bg-focus":`var(--${n.prefixTokens}-${a}-6)`,"--ptc-group-checkbox-br-focus":`var(--${n.prefixTokens}-${a}-6)`,"--ptc-group-checkbox-bg-active":`var(--${n.prefixTokens}-${a}-7)`}),[$,_]=d.createContext("CheckboxGroup"),N=e.defineComponent({...g.getComponentOptions("CheckboxGroup"),__name:"CheckboxGroup",props:{asChild:{type:Boolean,default:!1},as:{},value:{},size:{},disabled:{type:Boolean},name:{},options:{}},emits:["update:value","change"],setup(a,{emit:h}){const c=h,o=a,s=e.computed(()=>w.pick(o,"asChild","as")),i=e.ref(o.value??[]);e.watch(()=>o.value,()=>{i.value=o.value??[]});const b=e.computed({get(){return o.value?o.value:i.value},set(l){o.value||(i.value=l),c("update:value",l),c("change",l)}}),p=e.computed(()=>o.size),k=e.computed(()=>o.disabled?!0:void 0);return _({model:b,size:p,disabled:k}),(l,C)=>(e.openBlock(),e.createBlock(e.unref(d.Primitive),e.normalizeProps(e.guardReactiveProps(s.value)),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},()=>{var m;return[(m=l.options)!=null&&m.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.options,r=>(e.openBlock(),e.createBlock(z,e.mergeProps({key:r.value,ref_for:!0},r),null,16))),128)):e.createCommentVNode("",!0)]})]),_:3},16))}}),A=["for"],z=e.defineComponent({...g.getComponentOptions("Checkbox"),__name:"Checkbox",props:{size:{default:"xsm"},class:{},rootCls:{},indicatorCls:{},indeterminateCls:{},labelCls:{},label:{},value:{},id:{},valueAsLabel:{type:Boolean,default:!0},defaultChecked:{type:Boolean},checked:{type:[Boolean,String],default:void 0},disabled:{type:Boolean},required:{type:Boolean},name:{},as:{default:"div"}},emits:["update:checked","change"],setup(a,{emit:h}){const c=u.getBemBlock("checkbox"),o=a,s=$({}),i=h,b=e.useSlots(),p=e.ref(o.checked??!1);e.watch(()=>o.checked,()=>{p.value=o.checked??!1});const k=e.computed({get(){var t;return(t=s.model)!=null&&t.value?o.value!==void 0&&s.model.value.includes(o.value):o.checked!==void 0?o.checked:p.value},set(t){var v;if((v=s.model)!=null&&v.value){if(o.value!==void 0){const f=s.model.value.indexOf(o.value);t&&f===-1?s.model.value=[...s.model.value,o.value]:!t&&f!==-1&&(s.model.value=s.model.value.filter(T=>T!==o.value))}}else o.checked===void 0&&(p.value=t),i("update:checked",t),i("change",t)}}),l=e.computed(()=>o.id??d.useId(void 0,c)),C=e.computed(()=>{var t;return{disabled:((t=s.disabled)==null?void 0:t.value)??o.disabled,...S.omit(o,"size","class","label","as","disabled","checked","id","rootCls","indicatorCls","indeterminateCls","labelCls")}}),m=G.cva(c,{variants:{size:u.generateVariantClassList(B,c)}}),r=e.computed(()=>o.label||b.default||o.value&&o.valueAsLabel),y=e.computed(()=>{if(o.label)return o.label;if(o.value&&o.valueAsLabel)return o.value}),q=e.computed(()=>({asChild:!r.value,as:o.as})),x=e.computed(()=>{var t;return((t=s.size)==null?void 0:t.value)??o.size}),P=e.computed(()=>{switch(x.value){case"xsm":return"2xsm";case"2xsm":default:return"3xsm"}});return(t,v)=>(e.openBlock(),e.createBlock(e.unref(d.Primitive),e.mergeProps({key:r.value},q.value,{class:[{[e.unref(u.getBemElement)(e.unref(c),"root")]:r.value},r.value?t.rootCls:void 0]}),{default:e.withCtx(()=>[e.createVNode(e.unref(d.CheckboxRoot),e.mergeProps(C.value,{checked:k.value,"onUpdate:checked":v[0]||(v[0]=f=>k.value=f),id:l.value,class:[e.unref(m)({size:x.value}),o.class]}),{default:e.withCtx(()=>[e.createVNode(e.unref(d.CheckboxIndicator),{class:e.normalizeClass([e.unref(u.getBemElement)(e.unref(c),"indicator"),t.indicatorCls]),asChild:""},{default:e.withCtx(()=>[o.checked!="indeterminate"?(e.openBlock(),e.createBlock(V._sfc_main,{key:0,icon:"tabler:check",size:P.value},null,8,["size"])):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(u.getBemElement)(e.unref(c),"indeterminate"),t.indeterminateCls])},null,2))]),_:1},8,["class"])]),_:1},16,["checked","id","class"]),r.value?(e.openBlock(),e.createElementBlock("label",{key:0,for:l.value,class:e.normalizeClass([e.unref(u.getBemElement)(e.unref(c),"label"),t.labelCls])},[e.renderSlot(t.$slots,"default",{checked:t.checked,disabled:t.disabled,required:t.required},()=>[e.createTextVNode(e.toDisplayString(y.value),1)])],10,A)):e.createCommentVNode("",!0)]),_:3},16,["class"]))}});exports.CheckboxSizes=B;exports._sfc_main=z;exports._sfc_main$1=N;exports.injectCheckboxGroupContext=$;exports.provideCheckboxGroupContext=_;exports.useColoredPantographCheckbox=E;exports.useColoredPantographCheckboxGroup=L;

package/dist/{Checkbox.vue_vue_type_style_index_0_lang-DPxsdfde.js → Checkbox.vue_vue_type_style_index_0_lang-maH6mbC5.js}

@@ -4,9 +4,9 @@ import { prefixTokens as i } from "@pantograph/tokens";
 import { g as W, a as X, b as f } from "./class-DziTeW9B.js";
 import { cva as Y } from "class-variance-authority";
 import { g as A } from "./options-JBqnVZUl.js";
-import { o as Z } from "./omit-wqhC12f_.js";
+import { o as Z } from "./omit-BHZMfUBv.js";
 import { _ as ee } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
-import { p as ae } from "./pick-DYQvkbv7.js";
+import { p as ae } from "./pick-BHVX8oMF.js";
 const te = ["2xsm", "xsm"], he = (t) => ({
   "--ptc-checkbox-bg": `var(--${i}-${t}-5)`,
   "--ptc-checkbox-bg-hover": `var(--${i}-${t}-4)`,

package/dist/CheckboxGroup/index.js.js

@@ -1,4 +1,4 @@
-import { b as p, i as r, p as t } from "../Checkbox.vue_vue_type_style_index_0_lang-DPxsdfde.js";
+import { b as p, i as r, p as t } from "../Checkbox.vue_vue_type_style_index_0_lang-maH6mbC5.js";
 export {
   p as CheckboxGroup,
   r as injectCheckboxGroupContext,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-Bvk3KN2L.js");exports.CheckboxGroup=e._sfc_main$1;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-Bm6sm_wm.js");exports.CheckboxGroup=e._sfc_main$1;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;

package/dist/ColorPicker/ColorPicker.d.ts

@@ -0,0 +1,37 @@
+import { Color, ColorChangeDetail, ColorFormat, ColorMap, VisibleColorFormat } from './types';
+import { Ref } from 'vue';
+import { Class } from '../types';
+export interface ColorPickerProps {
+    class?: Class;
+    color?: string;
+    defaultColor?: string;
+    format?: VisibleColorFormat;
+    defaultFormat?: VisibleColorFormat;
+    hideAlpha?: boolean;
+}
+export interface ColorPickerEmits {
+    (e: 'update:color', value: string): void;
+    (e: 'update:format', value: VisibleColorFormat): void;
+    (e: 'change', data: ColorChangeDetail): void;
+}
+interface Context {
+    colorSpace: Ref<null | HTMLElement>;
+    thumb: Ref<null | HTMLElement>;
+    colors: ColorMap;
+    setColor: (format: ColorFormat, color: Color) => void;
+}
+export declare const injectColorPickerContext: <T extends Context | null | undefined = Context>(fallback?: T | undefined) => T extends null ? Context | null : Context, provideColorPickerContext: (contextValue: Context) => Context;
+export declare const colorPickerPrefix: string;
+declare const _default: import('vue').DefineComponent<ColorPickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (data: ColorChangeDetail) => any;
+    "update:color": (value: string) => any;
+    "update:format": (value: VisibleColorFormat) => any;
+}, string, import('vue').PublicProps, Readonly<ColorPickerProps> & Readonly<{
+    onChange?: ((data: ColorChangeDetail) => any) | undefined;
+    "onUpdate:color"?: ((value: string) => any) | undefined;
+    "onUpdate:format"?: ((value: VisibleColorFormat) => any) | undefined;
+}>, {
+    defaultColor: string;
+    defaultFormat: VisibleColorFormat;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/ColorPicker/ColorPickerSpace.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/ColorPicker/index.d.ts

@@ -0,0 +1 @@
+export { type ColorPickerProps, type ColorPickerEmits, injectColorPickerContext, provideColorPickerContext, default, default as ColorPicker, } from './ColorPicker';

package/dist/ColorPicker/index.js.js

@@ -0,0 +1,7 @@
+import { _ as r, _ as t, i, p as a } from "../ColorPicker.vue_vue_type_style_index_0_lang-CROQzfNe.js";
+export {
+  r as ColorPicker,
+  t as default,
+  i as injectColorPickerContext,
+  a as provideColorPickerContext
+};

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

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

package/dist/ColorPicker/types.d.ts

@@ -0,0 +1,60 @@
+export type ColorHsl = {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+};
+export type ColorHsv = {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+};
+export type ColorHwb = {
+    h: number;
+    w: number;
+    b: number;
+    a: number;
+};
+export type ColorRgb = {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+export type Color = string | ColorHsl | ColorHsv | ColorHwb | ColorRgb;
+export type ColorMap = {
+    hex: string;
+    hsl: ColorHsl;
+    hsv: ColorHsv;
+    hwb: ColorHwb;
+    rgb: ColorRgb;
+};
+export type ColorChangeDetail = {
+    colors: ColorMap;
+    cssColor: string;
+};
+export type ColorFormat = 'hex' | 'hsl' | 'hsv' | 'hwb' | 'rgb';
+export type VisibleColorFormat = Exclude<ColorFormat, 'hsv'>;
+export interface ColorPairHex {
+    format: 'hex';
+    color: string;
+}
+export interface ColorPairHsl {
+    format: 'hsl';
+    color: ColorHsl;
+}
+export interface ColorPairHsv {
+    format: 'hsv';
+    color: ColorHsv;
+}
+export interface ColorPairHwb {
+    format: 'hwb';
+    color: ColorHwb;
+}
+export interface ColorPairRgb {
+    format: 'rgb';
+    color: ColorRgb;
+}
+export type ColorPair = ColorPairHex | ColorPairHsl | ColorPairHsv | ColorPairHwb | ColorPairRgb;
+export type VisibleColorPair = Exclude<ColorPair, ColorPairHsv>;

package/dist/ColorPicker/utilities/CssValues.d.ts

@@ -0,0 +1,48 @@
+import { VisibleColorFormat } from '../types';
+interface CssValueNumberFromOptions {
+    /**
+     * Minimum to clamp a number to.
+     *
+     * **Default**: `Number.NEGATIVE_INFINITY`
+     */
+    min?: number;
+    /**
+     * Maximum to clamp a number to.
+     *
+     * **Default**: `Number.POSITIVE_INFINITY`
+     */
+    max?: number;
+}
+interface CssValuePercentageFromOptions extends CssValueNumberFromOptions {
+    /**
+     * Value to which the percentage is in reference with (e.g. for RGB number values, this would be `255` meaning that `100%` will correspond to 255).
+     *
+     * **Default**: `100`
+     */
+    referenceValue?: number;
+}
+interface CssValue<FromOptions = Record<string, never>, ToOptions = Record<string, never>> {
+    from: (value: string, options?: FromOptions) => number;
+    to: (value: number, options?: ToOptions) => string;
+}
+export type CssValueNumber = CssValue<CssValueNumberFromOptions>;
+export type CssValuePercentage = CssValue<CssValuePercentageFromOptions>;
+/**
+ * Reference: https://www.w3.org/TR/css-color-4/#typedef-alpha-value
+ */
+export declare const alpha: CssValueNumber;
+/**
+ * Reference: https://www.w3.org/TR/css-values-4/#angle-value
+ */
+export declare const angle: CssValue;
+export declare const number: CssValueNumber;
+/**
+ * Reference: https://www.w3.org/TR/css-values-4/#percentage-value
+ */
+export declare const percentage: CssValuePercentage;
+/**
+ * Reference: https://www.w3.org/TR/css-color-4/#funcdef-rgb
+ */
+export declare const rgbNumber: CssValue;
+export declare function getCssValue(format: Exclude<VisibleColorFormat, 'hex'>, channel: string): CssValue;
+export {};

package/dist/ColorPicker/utilities/clamp.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Clamps the given value between the min and max boundaries.
+ *
+ * @returns - `value` if `min <= value <= max`
+ *          - `min` if `value < min`
+ *          - `max` if `value > max`
+ */
+export declare function clamp(value: number, min: number, max: number): number;

package/dist/ColorPicker/utilities/colorConversions/convertHexToRgb.d.ts

@@ -0,0 +1,7 @@
+import { ColorRgb } from '../../types';
+/**
+ * Converts a HEX color string to an RGB color object.
+ *
+ * Supports HEX color strings with length 3, 4, 6, and 8.
+ */
+export declare function convertHexToRgb(hex: string): ColorRgb;

package/dist/ColorPicker/utilities/colorConversions/convertHslToHsv.d.ts

@@ -0,0 +1,7 @@
+import { ColorHsl, ColorHsv } from '../../types';
+/**
+ * Converts an HSL color object to an HSV color object.
+ *
+ * Source: https://github.com/LeaVerou/color.js/blob/2bd19b0a913da3f3310b9d8c1daa859ceb123c37/src/spaces/hsv.js#L30-L42
+ */
+export declare function convertHslToHsv(hsl: ColorHsl): ColorHsv;

package/dist/ColorPicker/utilities/colorConversions/convertHslToRgb.d.ts

@@ -0,0 +1,7 @@
+import { ColorHsl, ColorRgb } from '../../types';
+/**
+ * Converts an HSL color object to an RGB color object.
+ *
+ * Source: https://github.com/LeaVerou/color.js/blob/2bd19b0a913da3f3310b9d8c1daa859ceb123c37/src/spaces/hsl.js#L49-L67
+ */
+export declare function convertHslToRgb(hsl: ColorHsl): ColorRgb;

package/dist/ColorPicker/utilities/colorConversions/convertHsvToHsl.d.ts

@@ -0,0 +1,7 @@
+import { ColorHsl, ColorHsv } from '../../types';
+/**
+ * Converts an HSV color object to an HSL color object.
+ *
+ * Source: https://en.m.wikipedia.org/wiki/HSL_and_HSV#HSV_to_HSL
+ */
+export declare function convertHsvToHsl(hsv: ColorHsv): ColorHsl;

package/dist/ColorPicker/utilities/colorConversions/convertHsvToHwb.d.ts

@@ -0,0 +1,5 @@
+import { ColorHsv, ColorHwb } from '../../types';
+/**
+ * Converts an HSV color object to an HWB color object.
+ */
+export declare function convertHsvToHwb(hsv: ColorHsv): ColorHwb;

package/dist/ColorPicker/utilities/colorConversions/convertHsvToRgb.d.ts

@@ -0,0 +1,7 @@
+import { ColorHsv, ColorRgb } from '../../types';
+/**
+ * Converts an HSV color object to an RGB color object.
+ *
+ * Source: https://en.m.wikipedia.org/wiki/HSL_and_HSV#HSL_to_RGB
+ */
+export declare function convertHsvToRgb(hsv: ColorHsv): ColorRgb;

package/dist/ColorPicker/utilities/colorConversions/convertHwbToHsv.d.ts

@@ -0,0 +1,7 @@
+import { ColorHsv, ColorHwb } from '../../types';
+/**
+ * Converts an HWB color object to an HSV color object.
+ *
+ * Source: https://github.com/LeaVerou/color.js/blob/2bd19b0a913da3f3310b9d8c1daa859ceb123c37/src/spaces/hwb.js#L34-L51
+ */
+export declare function convertHwbToHsv(hwb: ColorHwb): ColorHsv;

package/dist/ColorPicker/utilities/colorConversions/convertRgbToHex.d.ts

@@ -0,0 +1,5 @@
+import { ColorRgb } from '../../types';
+/**
+ * Converts an RGB color object to an HEX color string.
+ */
+export declare function convertRgbToHex(rgb: ColorRgb): string;

package/dist/ColorPicker/utilities/colorConversions/convertRgbToHsl.d.ts

@@ -0,0 +1,7 @@
+import { ColorHsl, ColorRgb } from '../../types';
+/**
+ * Converts an RGB color object to an HSL color object.
+ *
+ * Source: https://en.wikipedia.org/wiki/HSL_and_HSV#From_RGB
+ */
+export declare function convertRgbToHsl(rgb: ColorRgb): ColorHsl;

package/dist/ColorPicker/utilities/colorConversions/convertRgbToHwb.d.ts

@@ -0,0 +1,5 @@
+import { ColorHwb, ColorRgb } from '../../types';
+/**
+ * Converts an RGB color object to an HWB color object.
+ */
+export declare function convertRgbToHwb(rgb: ColorRgb): ColorHwb;

package/dist/ColorPicker/utilities/colorsAreValueEqual.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Checks whether two objects are value equal.
+ */
+export declare function colorsAreValueEqual<T extends string | Record<string, number>>(colorA?: T, colorB?: T): boolean;

package/dist/ColorPicker/utilities/convert.d.ts

@@ -0,0 +1,2 @@
+import { ColorFormat, ColorMap } from '../types';
+export declare function convert<SourceFormat extends ColorFormat, TargetFormat extends ColorFormat>(sourceFormat: SourceFormat, targetFormat: TargetFormat, color: ColorMap[SourceFormat]): ColorMap[TargetFormat];

package/dist/ColorPicker/utilities/detectFormat.d.ts

@@ -0,0 +1,7 @@
+import { ColorFormat } from '../types';
+/**
+ * Lazy function that returns the format of a given color object.
+ *
+ * Doesn’t handle invalid formats.
+ */
+export declare function detectFormat(color: Record<string, unknown>): Exclude<ColorFormat, 'hex'> | null;