@pantograph/vue 0.12.2 → 0.13.0

package/dist/ActionButton/index.js

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

package/dist/ActionButton/index.umd.cjs

@@ -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-ViFlltdC.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-Bq-Tb6pj.js");exports.ActionButton=e._sfc_main;exports.default=e._sfc_main;

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-CiJO-TtM.js → ActionButton.vue_vue_type_script_setup_true_lang-Bkuz_iUP.js}

@@ -1,6 +1,6 @@
 import { defineComponent as p, useAttrs as l, computed as m, ref as u, createBlock as f, openBlock as d, mergeProps as _, createSlots as b, renderList as g, withCtx as v, renderSlot as I, normalizeProps as B, guardReactiveProps as O } from "vue";
-import { o as k } from "./omit-CD3OjwFx.js";
-import { _ as x } from "./BaseButton.vue_vue_type_style_index_0_lang-DXgQ3ris.js";
+import { o as k } from "./omit-BsFVls5E.js";
+import { _ as x } from "./BaseButton.vue_vue_type_style_index_0_lang-hgXHwNIC.js";
 import { g as y } from "./options-JBqnVZUl.js";
 const R = /* @__PURE__ */ p({
   ...y("ActionButton", !1),

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-ViFlltdC.js → ActionButton.vue_vue_type_script_setup_true_lang-Bq-Tb6pj.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("./omit-C4BrcXKG.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-4kmojL6W.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("ActionButton",!1),__name:"ActionButton",props:{class:{},preIcon:{},postIcon:{},size:{},text:{},icon:{},active:{type:Boolean},badgeText:{},badgeIcon:{},postIconFlipOnDir:{},preIconFlipOnDir:{},badgeIconFlipOnDir:{},type:{},variant:{}},setup(r,{expose:s}){const c=r,i=e.useAttrs(),a=e.computed(()=>({...p.omit(i,"variant","loading","color"),...c})),o=e.ref();return s({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(a.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-6FeILhm3.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-IWrQ3G21.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("ActionButton",!1),__name:"ActionButton",props:{class:{},preIcon:{},postIcon:{},size:{},text:{},icon:{},active:{type:Boolean},badgeText:{},badgeIcon:{},postIconFlipOnDir:{},preIconFlipOnDir:{},badgeIconFlipOnDir:{},type:{},variant:{}},setup(r,{expose:s}){const c=r,i=e.useAttrs(),a=e.computed(()=>({...p.omit(i,"variant","loading","color"),...c})),o=e.ref();return s({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(a.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/Alert/Alert.d.ts

@@ -0,0 +1,52 @@
+import { Class } from '../types';
+import { AlertType } from './Alert.model';
+import { LinkProps } from '../Link/Link';
+export interface AlertProps {
+    type?: AlertType;
+    closeable?: boolean;
+    class?: Class;
+    icon?: string;
+    iconCls?: Class;
+    bodyCls?: Class;
+    closeableCls?: Class;
+    fg?: string;
+    br?: string;
+    bg?: string;
+    title?: string;
+    titleCls?: Class;
+    description?: string;
+    descriptionCls?: Class;
+    link?: boolean;
+    linkProps?: LinkProps;
+}
+export interface AlertEmits {
+    (e: 'close', data: Event): void;
+}
+export interface AlertSlots {
+    default: () => never;
+    icon: () => never;
+    title: () => never;
+    description: () => never;
+    closeable: () => never;
+    link: () => never;
+}
+declare function __VLS_template(): {
+    slots: Readonly<AlertSlots> & AlertSlots;
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AlertProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: (data: Event) => any;
+}, string, import('vue').PublicProps, Readonly<AlertProps> & Readonly<{
+    onClose?: ((data: Event) => any) | undefined;
+}>, {
+    type: AlertType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Alert/Alert.model.d.ts

@@ -0,0 +1,2 @@
+export declare const AlertTypes: readonly ["info", "success", "danger", "warning", "hint"];
+export type AlertType = (typeof AlertTypes)[number];

package/dist/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Alert, type AlertProps, type AlertEmits, type AlertSlots, default, } from './Alert';
+export * from './Alert.model';

package/dist/Alert/index.js

@@ -0,0 +1,121 @@
+import { defineComponent as $, useSlots as h, computed as S, createElementBlock as a, openBlock as i, normalizeStyle as V, normalizeClass as s, unref as o, createBlock as z, createCommentVNode as c, createElementVNode as A, createSlots as N, withCtx as P, renderSlot as n, createTextVNode as b, toDisplayString as f, createVNode as g, normalizeProps as w, guardReactiveProps as E } from "vue";
+import { getBemBlock as I, generateVariantClassList as T, getBemElement as r } from "@pantograph/utils";
+import { cva as D } from "class-variance-authority";
+import { g as L } from "../options-JBqnVZUl.js";
+import { _ as M } from "../IconButton.vue_vue_type_script_setup_true_lang-DwSwWylD.js";
+import "../Button.vue_vue_type_script_setup_true_lang-CJv66ooM.js";
+import { _ as O } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-B57gv_5O.js";
+import { _ as R } from "../Link.vue_vue_type_style_index_0_lang-Dp25vaUV.js";
+const j = ["info", "success", "danger", "warning", "hint"], W = /* @__PURE__ */ $({
+  ...L("Alert"),
+  __name: "Alert",
+  props: {
+    type: { default: "hint" },
+    closeable: { type: Boolean },
+    class: {},
+    icon: {},
+    iconCls: {},
+    bodyCls: {},
+    closeableCls: {},
+    fg: {},
+    br: {},
+    bg: {},
+    title: {},
+    titleCls: {},
+    description: {},
+    descriptionCls: {},
+    link: { type: Boolean },
+    linkProps: {}
+  },
+  emits: ["close"],
+  setup(y, { emit: u }) {
+    const p = y, k = u, l = I("alert"), C = D(l, {
+      variants: {
+        type: T(j, l)
+        // hasChild: generateVariantClassList('has-child', prefix),
+      }
+    }), t = h(), B = {
+      success: "tabler:circle-check",
+      warning: "tabler:alert-triangle",
+      danger: "tabler:circle-x",
+      hint: "tabler:bulb",
+      info: "tabler:info-circle"
+    }, m = S(() => p.icon ?? B[p.type]);
+    return (e, d) => (i(), a("div", {
+      class: s([
+        o(C)({
+          type: e.type
+        }),
+        p.class
+      ]),
+      style: V({
+        "--ptc-alert-fg": e.fg,
+        "--ptc-alert-bg": e.bg,
+        "--ptc-alert-br": e.br
+      })
+    }, [
+      t.icon || m.value ? (i(), z(O, {
+        key: 0,
+        size: "md",
+        icon: m.value,
+        class: s([o(r)(o(l), "icon"), e.iconCls])
+      }, N({ _: 2 }, [
+        t.icon ? {
+          name: "icon",
+          fn: P(() => [
+            n(e.$slots, "icon")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["icon", "class"])) : c("", !0),
+      A("div", {
+        class: s([o(r)(o(l), "body"), e.bodyCls])
+      }, [
+        n(e.$slots, "default", {}, () => [
+          e.title || t.title ? (i(), a("div", {
+            key: 0,
+            class: s([o(r)(o(l), "title"), e.titleCls, "paragraph"])
+          }, [
+            n(e.$slots, "title", {}, () => [
+              b(f(e.title), 1)
+            ])
+          ], 2)) : c("", !0),
+          e.description || t.description ? (i(), a("div", {
+            key: 1,
+            class: s([o(r)(o(l), "description"), e.descriptionCls, "paragraph"])
+          }, [
+            n(e.$slots, "description", {}, () => [
+              b(f(e.description), 1)
+            ])
+          ], 2)) : c("", !0),
+          e.link || t.link ? (i(), a("div", {
+            key: 2,
+            class: s(o(r)(o(l), "action"))
+          }, [
+            n(e.$slots, "link", {}, () => [
+              g(R, w(E(e.linkProps)), null, 16)
+            ])
+          ], 2)) : c("", !0)
+        ])
+      ], 2),
+      p.closeable || t.closeable ? (i(), a("div", {
+        key: 1,
+        class: s([o(r)(o(l), "closeable"), e.closeableCls])
+      }, [
+        n(e.$slots, "closeable", {}, () => [
+          g(M, {
+            icon: "tabler:x",
+            color: "gray",
+            type: "ghost",
+            onClick: d[0] || (d[0] = (v) => k("close", v))
+          })
+        ])
+      ], 2)) : c("", !0)
+    ], 6));
+  }
+});
+export {
+  W as Alert,
+  j as AlertTypes,
+  W as default
+};

package/dist/Alert/index.umd.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@pantograph/utils"),f=require("class-variance-authority"),B=require("../options-B4iSAKol.js"),k=require("../IconButton.vue_vue_type_script_setup_true_lang-CI37BUhQ.js");require("../Button.vue_vue_type_script_setup_true_lang-w8EXhfob.js");const C=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-DI3DhvVj.js"),b=require("../Link.vue_vue_type_style_index_0_lang-ZgPgAnUp.js"),i=["info","success","danger","warning","hint"],c=e.defineComponent({...B.getComponentOptions("Alert"),__name:"Alert",props:{type:{default:"hint"},closeable:{type:Boolean},class:{},icon:{},iconCls:{},bodyCls:{},closeableCls:{},fg:{},br:{},bg:{},title:{},titleCls:{},description:{},descriptionCls:{},link:{type:Boolean},linkProps:{}},emits:["close"],setup(u,{emit:p}){const r=u,m=p,l=o.getBemBlock("alert"),d=f.cva(l,{variants:{type:o.generateVariantClassList(i,l)}}),n=e.useSlots(),g={success:"tabler:circle-check",warning:"tabler:alert-triangle",danger:"tabler:circle-x",hint:"tabler:bulb",info:"tabler:info-circle"},s=e.computed(()=>r.icon??g[r.type]);return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(d)({type:t.type}),r.class]),style:e.normalizeStyle({"--ptc-alert-fg":t.fg,"--ptc-alert-bg":t.bg,"--ptc-alert-br":t.br})},[n.icon||s.value?(e.openBlock(),e.createBlock(C._sfc_main,{key:0,size:"md",icon:s.value,class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(l),"icon"),t.iconCls])},e.createSlots({_:2},[n.icon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),key:"0"}:void 0]),1032,["icon","class"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(l),"body"),t.bodyCls])},[e.renderSlot(t.$slots,"default",{},()=>[t.title||n.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(l),"title"),t.titleCls,"paragraph"])},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.description||n.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(l),"description"),t.descriptionCls,"paragraph"])},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.link||n.link?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(o.getBemElement)(e.unref(l),"action"))},[e.renderSlot(t.$slots,"link",{},()=>[e.createVNode(b._sfc_main,e.normalizeProps(e.guardReactiveProps(t.linkProps)),null,16)])],2)):e.createCommentVNode("",!0)])],2),r.closeable||n.closeable?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(l),"closeable"),t.closeableCls])},[e.renderSlot(t.$slots,"closeable",{},()=>[e.createVNode(k._sfc_main,{icon:"tabler:x",color:"gray",type:"ghost",onClick:a[0]||(a[0]=y=>m("close",y))})])],2)):e.createCommentVNode("",!0)],6))}});exports.Alert=c;exports.AlertTypes=i;exports.default=c;

package/dist/Avatar/index.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-B327aIKw.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-BHfzjXmT.js";
 export {
   t as Avatar,
   r as AvatarOnlineAlignments,

package/dist/Avatar/index.umd.cjs

@@ -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-BFe4hxYW.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-BBnmLfTi.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-BFe4hxYW.js → Avatar.vue_vue_type_style_index_0_lang-BBnmLfTi.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),m=require("radix-vue"),s=require("@pantograph/utils"),z=require("class-variance-authority"),x=require("./options-B4iSAKol.js"),b=require("./Popover.vue_vue_type_style_index_0_lang-_D1J6CSu.js");require("@iconify/vue");const N=require("./Icon.vue_vue_type_style_index_0_lang-C00M2fnO.js"),G=require("./Indicator.vue_vue_type_script_setup_true_lang-1Tv8ZzfK.js"),P=require("./element-BURaVF00.js"),[y,S]=m.createContext("AvatarGroup"),w=e.defineComponent({...x.getComponentOptions("AvatarGroup"),__name:"AvatarGroup",props:{class:{},gutter:{type:Boolean},size:{},shape:{},popoverCls:{},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})),i=()=>{const o=P.flattenChildren(p.default?p.default():[]);return l.value>1&&o.length>l.value?[...o.filter((d,u)=>u<l.value-1),e.h(b._sfc_main,{containerCls:r.popoverCls},{default:()=>e.h(V,{text:`+${o.length-l.value+1}`}),content:()=>e.h("div",{class:[c.value,r.class]},{default:()=>o.filter((d,u)=>u>=l.value-1)})})]:o};return(o,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([c.value,r.class])},[e.createVNode(i,{maxCount:o.maxCount},null,8,["maxCount"])],2))}}),_=["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"},referrerPolicy:{},delayMs:{}},emits:["loadingStatusChange"],setup(f,{emit:r}){const p=e.useSlots(),n=s.getBemBlock("avatar"),a=f,g=r,v=m.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),i=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=i.value&&A.includes(i.value)?i.value:"circle",E=h[a.onlineAlignment]?a.onlineAlignment:"start";return{size:t,stroke:B,shape:q,onlineAlignment:E}}),d=e.computed(()=>{switch(c.value){case"lg":case"xlg":return"tiny";default:return"tinier"}}),u=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(m.AvatarRoot),{as:"div",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(m.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(m.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:u.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(G._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,["class"]))}});exports.AvatarOnlineAlignments=h;exports.AvatarShapes=A;exports.AvatarSizes=_;exports.AvatarStrokes=k;exports._sfc_main=V;exports._sfc_main$1=w;exports.injectAvatarGroupContext=y;exports.provideAvatarGroupContext=S;
+"use strict";const e=require("vue"),m=require("radix-vue"),s=require("@pantograph/utils"),z=require("class-variance-authority"),x=require("./options-B4iSAKol.js"),b=require("./Popover.vue_vue_type_style_index_0_lang-By7sWU4H.js");require("@iconify/vue");const N=require("./Icon.vue_vue_type_style_index_0_lang-C00M2fnO.js"),G=require("./Indicator.vue_vue_type_script_setup_true_lang-BX9JOpMY.js"),P=require("./element-BURaVF00.js"),[y,S]=m.createContext("AvatarGroup"),w=e.defineComponent({...x.getComponentOptions("AvatarGroup"),__name:"AvatarGroup",props:{class:{},gutter:{type:Boolean},size:{},shape:{},popoverCls:{},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})),i=()=>{const o=P.flattenChildren(p.default?p.default():[]);return l.value>1&&o.length>l.value?[...o.filter((d,u)=>u<l.value-1),e.h(b._sfc_main,{containerCls:r.popoverCls},{default:()=>e.h(V,{text:`+${o.length-l.value+1}`}),content:()=>e.h("div",{class:[c.value,r.class]},{default:()=>o.filter((d,u)=>u>=l.value-1)})})]:o};return(o,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([c.value,r.class])},[e.createVNode(i,{maxCount:o.maxCount},null,8,["maxCount"])],2))}}),_=["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"},referrerPolicy:{},delayMs:{}},emits:["loadingStatusChange"],setup(f,{emit:r}){const p=e.useSlots(),n=s.getBemBlock("avatar"),a=f,g=r,v=m.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),i=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=i.value&&A.includes(i.value)?i.value:"circle",E=h[a.onlineAlignment]?a.onlineAlignment:"start";return{size:t,stroke:B,shape:q,onlineAlignment:E}}),d=e.computed(()=>{switch(c.value){case"lg":case"xlg":return"tiny";default:return"tinier"}}),u=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(m.AvatarRoot),{as:"div",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(m.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(m.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:u.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(G._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,["class"]))}});exports.AvatarOnlineAlignments=h;exports.AvatarShapes=A;exports.AvatarSizes=_;exports.AvatarStrokes=k;exports._sfc_main=V;exports._sfc_main$1=w;exports.injectAvatarGroupContext=y;exports.provideAvatarGroupContext=S;

package/dist/{Avatar.vue_vue_type_style_index_0_lang-B327aIKw.js → Avatar.vue_vue_type_style_index_0_lang-BHfzjXmT.js}

@@ -3,10 +3,10 @@ import { createContext as T, useEmitAsProps as H, AvatarRoot as J, AvatarImage a
 import { getBemBlock as O, getBemElement as v, generateVariantClassList as f } from "@pantograph/utils";
 import { cva as j } from "class-variance-authority";
 import { g as q } from "./options-JBqnVZUl.js";
-import { _ as U } from "./Popover.vue_vue_type_style_index_0_lang-CIv6R_D2.js";
+import { _ as U } from "./Popover.vue_vue_type_style_index_0_lang-CAikz7cp.js";
 import "@iconify/vue";
-import { _ as W } from "./Icon.vue_vue_type_style_index_0_lang-BlmMv3wD.js";
-import { _ as X } from "./Indicator.vue_vue_type_script_setup_true_lang-uTHr60wL.js";
+import { _ as W } from "./Icon.vue_vue_type_style_index_0_lang-BFTlmCAO.js";
+import { _ as X } from "./Indicator.vue_vue_type_script_setup_true_lang-BNc4K0mZ.js";
 import { c as Y } from "./element-CayrDxFe.js";
 const [Z, ee] = T("AvatarGroup"), pe = /* @__PURE__ */ E({
   ...q("AvatarGroup"),

package/dist/AvatarGroup/index.js

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

package/dist/AvatarGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Avatar.vue_vue_type_style_index_0_lang-BFe4hxYW.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-BBnmLfTi.js");exports.AvatarGroup=t._sfc_main$1;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;

package/dist/Badge/index.js

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

package/dist/Badge/index.umd.cjs

@@ -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-DYK5srGm.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-8c7akyTm.js");exports.Badge=e._sfc_main;exports.default=e._sfc_main;

package/dist/{Badge.vue_vue_type_script_setup_true_lang-DYK5srGm.js → Badge.vue_vue_type_script_setup_true_lang-8c7akyTm.js}

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

package/dist/{Badge.vue_vue_type_script_setup_true_lang-Bad9nnGa.js → Badge.vue_vue_type_script_setup_true_lang-CeXpqXtw.js}

@@ -1,6 +1,6 @@
 import { defineComponent as f, useAttrs as u, computed as c, createBlock as b, openBlock as d, mergeProps as y, createSlots as C, renderList as _, withCtx as B, renderSlot as O, normalizeProps as $, guardReactiveProps as j } from "vue";
-import { o as k } from "./omit-CD3OjwFx.js";
-import { B as a, a as n, _ as E } from "./BaseBadge.vue_vue_type_style_index_0_lang-BcdmTWX7.js";
+import { o as k } from "./omit-BsFVls5E.js";
+import { B as a, a as n, _ as E } from "./BaseBadge.vue_vue_type_style_index_0_lang-DnB978eI.js";
 import { g as h } from "./options-JBqnVZUl.js";
 import { getCssCoreColor as r } from "@pantograph/tokens";
 const z = /* @__PURE__ */ f({

package/dist/{BaseBadge.vue_vue_type_style_index_0_lang-BcdmTWX7.js → BaseBadge.vue_vue_type_style_index_0_lang-DnB978eI.js}

@@ -3,8 +3,8 @@ import { getBemBlock as I, generateVariantClassList as n } from "@pantograph/uti
 import { cva as N } from "class-variance-authority";
 import { g as T } from "./options-JBqnVZUl.js";
 import "@iconify/vue";
-import { _ as E } from "./Icon.vue_vue_type_style_index_0_lang-BlmMv3wD.js";
-import { u as L } from "./index-D5U1ryWK.js";
+import { _ as E } from "./Icon.vue_vue_type_style_index_0_lang-BFTlmCAO.js";
+import { u as L } from "./index-BCMo0YVL.js";
 const f = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], b = ["rect", "pill", "minify"], M = [
   "primary",
   "red",

package/dist/{BaseButton.vue_vue_type_style_index_0_lang-4kmojL6W.js → BaseButton.vue_vue_type_style_index_0_lang-IWrQ3G21.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),m=require("./Icon.vue_vue_type_style_index_0_lang-C00M2fnO.js"),S=require("./Spinner.vue_vue_type_style_index_0_lang-CTjUx8rR.js"),x=require("./Badge.vue_vue_type_script_setup_true_lang-DYK5srGm.js"),s=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-Dh51uD32.js"),a=require("@pantograph/utils"),h=require("class-variance-authority"),L=require("./options-B4iSAKol.js"),q=require("./index-fCdmNGB1.js"),B="2xsm",T=e.defineComponent({...L.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:{},flipOnDir:{},preIconFlipOnDir:{},postIconFlipOnDir:{},badgeIconFlipOnDir:{}},setup(I,{expose:y}){const n=I,{getFlipOnDir:l}=q.useConfig(),_=l("flipOnDir"),z=l("preIconFlipOnDir"),C=l("postIconFlipOnDir"),b=l("badgeIconFlipOnDir"),o=a.getBemBlock("button"),k=h.cva(o,{variants:{size:a.generateVariantClassList(s.ButtonSizes,o),type:a.generateVariantClassList(s.ButtonTypes,o),color:a.generateVariantClassList(s.ButtonColors,o),variant:a.generateVariantClassList(s.ButtonVariants,o),action:a.generateVariantClassList("action",o),active:a.generateVariantClassList("active",o),text:a.generateVariantClassList("text",o),preIcon:a.generateVariantClassList("preIcon",o),postIcon:a.generateVariantClassList("postIcon",o),loading:a.generateVariantClassList("loading",o)}}),v=s.injectButtonGroupContext({size:e.computed(()=>n.size),variant:e.computed(()=>n.variant)}),c=e.computed(()=>n.variant??v.variant.value??"simple"),r=e.computed(()=>["icon","float"].includes(c.value)),i=e.useSlots(),D=e.computed(()=>{let t=s.ButtonTypes.includes(n.type)?n.type:"fill";const u=n.size??v.size.value,V=u&&s.ButtonSizes.includes(u)?u:"md";let p=n.color&&s.ButtonColors.includes(n.color)?n.color:"primary",d=c.value&&s.ButtonVariants.includes(c.value)?c.value:"simple";return n.action?(d==="float"&&(d="icon"),t==="fill"&&(t="outline"),p=void 0):d==="float"&&(t==="ghost"&&(t="fill"),["primary","gray"].includes(p)||(p="primary")),{size:V,type:t,color:p,variant:d,action:!!n.action,active:!!n.active,loading:!!n.loading,text:!r.value&&!!(n.text||i.default),preIcon:!r.value&&!!(n.preIcon||i.preIcon),postIcon:!r.value&&!!(n.postIcon||i.postIcon)}}),f=e.computed(()=>{switch(n.size){case"sm":return"3xsm";default:return"2xsm"}}),O=e.computed(()=>{switch(n.size){case"sm":return"3xsm";case"lg":return"xsm";case"md":default:return"2xsm"}}),g=e.ref();return y({focus(){var t;(t=g.value)==null||t.focus()},blur(){var t;(t=g.value)==null||t.blur()}}),(t,u)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass([e.unref(k)(D.value),n.class]),tabindex:"0",ref_key:"buttonRef",ref:g},[t.loading?(e.openBlock(),e.createBlock(S._sfc_main,{key:1,class:e.normalizeClass(e.unref(a.getBemElement)(e.unref(o),"loading")),size:f.value},null,8,["class","size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(t.preIcon||i.preIcon)&&!r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:0,flipOnDir:e.unref(z),icon:t.preIcon,size:f.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"preIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:1,icon:t.icon,size:O.value,flipOnDir:e.unref(_)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["icon","size","flipOnDir"])):e.renderSlot(t.$slots,"default",{key:2},()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),t.action&&t.active&&!r.value&&(t.badgeText||i.badgeText||t.badgeIcon||i.badgeIcon)?e.renderSlot(t.$slots,"badge",e.normalizeProps(e.mergeProps({key:3},{color:t.$attrs.disabled?"gray":"primary",size:B})),()=>[e.createVNode(x._sfc_main,{text:t.badgeText,icon:t.badgeIcon,flipOnDir:e.unref(b),color:t.$attrs.disabled?"gray":"primary",size:B},e.createSlots({_:2},[i.badgeText?{name:"default",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeText")]),key:"0"}:void 0,i.badgeIcon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeIcon")]),key:"1"}:void 0]),1032,["text","icon","flipOnDir","color"])]):e.createCommentVNode("",!0),(t.postIcon||i.postIcon)&&!r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:4,flipOnDir:e.unref(C),icon:t.postIcon,size:f.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"postIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0)],64))],2))}});exports._sfc_main=T;
+"use strict";const e=require("vue"),m=require("./Icon.vue_vue_type_style_index_0_lang-C00M2fnO.js"),S=require("./Spinner.vue_vue_type_style_index_0_lang-CTjUx8rR.js"),x=require("./Badge.vue_vue_type_script_setup_true_lang-8c7akyTm.js"),s=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-Dh51uD32.js"),a=require("@pantograph/utils"),h=require("class-variance-authority"),L=require("./options-B4iSAKol.js"),q=require("./index-fCdmNGB1.js"),B="2xsm",T=e.defineComponent({...L.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:{},flipOnDir:{},preIconFlipOnDir:{},postIconFlipOnDir:{},badgeIconFlipOnDir:{}},setup(I,{expose:y}){const n=I,{getFlipOnDir:l}=q.useConfig(),_=l("flipOnDir"),z=l("preIconFlipOnDir"),C=l("postIconFlipOnDir"),b=l("badgeIconFlipOnDir"),o=a.getBemBlock("button"),k=h.cva(o,{variants:{size:a.generateVariantClassList(s.ButtonSizes,o),type:a.generateVariantClassList(s.ButtonTypes,o),color:a.generateVariantClassList(s.ButtonColors,o),variant:a.generateVariantClassList(s.ButtonVariants,o),action:a.generateVariantClassList("action",o),active:a.generateVariantClassList("active",o),text:a.generateVariantClassList("text",o),preIcon:a.generateVariantClassList("preIcon",o),postIcon:a.generateVariantClassList("postIcon",o),loading:a.generateVariantClassList("loading",o)}}),v=s.injectButtonGroupContext({size:e.computed(()=>n.size),variant:e.computed(()=>n.variant)}),c=e.computed(()=>n.variant??v.variant.value??"simple"),r=e.computed(()=>["icon","float"].includes(c.value)),i=e.useSlots(),D=e.computed(()=>{let t=s.ButtonTypes.includes(n.type)?n.type:"fill";const u=n.size??v.size.value,V=u&&s.ButtonSizes.includes(u)?u:"md";let p=n.color&&s.ButtonColors.includes(n.color)?n.color:"primary",d=c.value&&s.ButtonVariants.includes(c.value)?c.value:"simple";return n.action?(d==="float"&&(d="icon"),t==="fill"&&(t="outline"),p=void 0):d==="float"&&(t==="ghost"&&(t="fill"),["primary","gray"].includes(p)||(p="primary")),{size:V,type:t,color:p,variant:d,action:!!n.action,active:!!n.active,loading:!!n.loading,text:!r.value&&!!(n.text||i.default),preIcon:!r.value&&!!(n.preIcon||i.preIcon),postIcon:!r.value&&!!(n.postIcon||i.postIcon)}}),f=e.computed(()=>{switch(n.size){case"sm":return"3xsm";default:return"2xsm"}}),O=e.computed(()=>{switch(n.size){case"sm":return"3xsm";case"lg":return"xsm";case"md":default:return"2xsm"}}),g=e.ref();return y({focus(){var t;(t=g.value)==null||t.focus()},blur(){var t;(t=g.value)==null||t.blur()}}),(t,u)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass([e.unref(k)(D.value),n.class]),tabindex:"0",ref_key:"buttonRef",ref:g},[t.loading?(e.openBlock(),e.createBlock(S._sfc_main,{key:1,class:e.normalizeClass(e.unref(a.getBemElement)(e.unref(o),"loading")),size:f.value},null,8,["class","size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(t.preIcon||i.preIcon)&&!r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:0,flipOnDir:e.unref(z),icon:t.preIcon,size:f.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"preIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:1,icon:t.icon,size:O.value,flipOnDir:e.unref(_)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["icon","size","flipOnDir"])):e.renderSlot(t.$slots,"default",{key:2},()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),t.action&&t.active&&!r.value&&(t.badgeText||i.badgeText||t.badgeIcon||i.badgeIcon)?e.renderSlot(t.$slots,"badge",e.normalizeProps(e.mergeProps({key:3},{color:t.$attrs.disabled?"gray":"primary",size:B})),()=>[e.createVNode(x._sfc_main,{text:t.badgeText,icon:t.badgeIcon,flipOnDir:e.unref(b),color:t.$attrs.disabled?"gray":"primary",size:B},e.createSlots({_:2},[i.badgeText?{name:"default",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeText")]),key:"0"}:void 0,i.badgeIcon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeIcon")]),key:"1"}:void 0]),1032,["text","icon","flipOnDir","color"])]):e.createCommentVNode("",!0),(t.postIcon||i.postIcon)&&!r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:4,flipOnDir:e.unref(C),icon:t.postIcon,size:f.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"postIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0)],64))],2))}});exports._sfc_main=T;

package/dist/{BaseButton.vue_vue_type_style_index_0_lang-DXgQ3ris.js → BaseButton.vue_vue_type_style_index_0_lang-hgXHwNIC.js}

@@ -1,12 +1,12 @@
 import { defineComponent as A, computed as s, useSlots as G, ref as L, createElementBlock as D, openBlock as c, normalizeClass as O, unref as l, createBlock as v, Fragment as _, createCommentVNode as B, renderSlot as r, withCtx as p, createTextVNode as q, toDisplayString as H, normalizeProps as J, mergeProps as K, createVNode as M, createSlots as Q } from "vue";
-import { _ as b } from "./Icon.vue_vue_type_style_index_0_lang-BlmMv3wD.js";
-import { _ as U } from "./Spinner.vue_vue_type_style_index_0_lang-CBIZtgX4.js";
-import { _ as W } from "./Badge.vue_vue_type_script_setup_true_lang-Bad9nnGa.js";
+import { _ as b } from "./Icon.vue_vue_type_style_index_0_lang-BFTlmCAO.js";
+import { _ as U } from "./Spinner.vue_vue_type_style_index_0_lang-BXXS6me6.js";
+import { _ as W } from "./Badge.vue_vue_type_script_setup_true_lang-CeXpqXtw.js";
 import { B as k, b as $, a as C, c as F, i as X } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-pokTDMXb.js";
 import { getBemBlock as Y, generateVariantClassList as t, getBemElement as Z } from "@pantograph/utils";
 import { cva as ee } from "class-variance-authority";
 import { g as oe } from "./options-JBqnVZUl.js";
-import { u as ne } from "./index-D5U1ryWK.js";
+import { u as ne } from "./index-BCMo0YVL.js";
 const S = "2xsm", fe = /* @__PURE__ */ A({
   ...oe("BaseButton"),
   __name: "BaseButton",

package/dist/Button/index.js

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

package/dist/Button/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Button.vue_vue_type_script_setup_true_lang-D6IZHvUZ.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-w8EXhfob.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;

package/dist/{Button.vue_vue_type_script_setup_true_lang-2DEfrzzC.js → Button.vue_vue_type_script_setup_true_lang-CJv66ooM.js}

@@ -1,6 +1,6 @@
 import { defineComponent as c, useAttrs as l, computed as m, ref as u, 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-CD3OjwFx.js";
-import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-DXgQ3ris.js";
+import { o as y } from "./omit-BsFVls5E.js";
+import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-hgXHwNIC.js";
 import { g as O } from "./options-JBqnVZUl.js";
 const z = /* @__PURE__ */ c({
   ...O("Button", !1),

package/dist/{Button.vue_vue_type_script_setup_true_lang-D6IZHvUZ.js → Button.vue_vue_type_script_setup_true_lang-w8EXhfob.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("./omit-C4BrcXKG.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-4kmojL6W.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("Button",!1),__name:"Button",props:{class:{},type:{},color:{},loading:{type:Boolean},preIcon:{},postIcon:{},size:{},text:{},postIconFlipOnDir:{},preIconFlipOnDir:{}},setup(s,{expose:r}){const c=s,i=e.useAttrs(),a=e.computed(()=>({...p.omit(i,"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(a.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-6FeILhm3.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-IWrQ3G21.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("Button",!1),__name:"Button",props:{class:{},type:{},color:{},loading:{type:Boolean},preIcon:{},postIcon:{},size:{},text:{},postIconFlipOnDir:{},preIconFlipOnDir:{}},setup(s,{expose:r}){const c=s,i=e.useAttrs(),a=e.computed(()=>({...p.omit(i,"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(a.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

@@ -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-D6HTNzfn.js";
+import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-Bj-0gSIp.js";
 export {
   e as Checkbox,
   s as CheckboxSizes,

package/dist/Checkbox/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-mD-mS-u3.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-D9moel7o.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-D6HTNzfn.js → Checkbox.vue_vue_type_style_index_0_lang-Bj-0gSIp.js}

@@ -4,8 +4,8 @@ import { getCssCoreColor as n } from "@pantograph/tokens";
 import { getBemBlock as Q, usePCId as W, generateVariantClassList as X, getBemElement as f } from "@pantograph/utils";
 import { cva as Y } from "class-variance-authority";
 import { g as P } from "./options-JBqnVZUl.js";
-import { o as Z } from "./omit-CD3OjwFx.js";
-import { _ as ee } from "./Icon.vue_vue_type_style_index_0_lang-BlmMv3wD.js";
+import { o as Z } from "./omit-BsFVls5E.js";
+import { _ as ee } from "./Icon.vue_vue_type_style_index_0_lang-BFTlmCAO.js";
 import { U as te } from "./useInputDataStates-CZbdWpyp.js";
 const ae = ["2xsm", "xsm"], he = (a) => ({
   "--ptc-checkbox-bg": n(`${a}-5`),

package/dist/{Checkbox.vue_vue_type_style_index_0_lang-mD-mS-u3.js → Checkbox.vue_vue_type_style_index_0_lang-D9moel7o.js}

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

package/dist/CheckboxGroup/index.js

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

package/dist/CheckboxGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-mD-mS-u3.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-D9moel7o.js");exports.CheckboxGroup=e._sfc_main$1;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;

package/dist/ColorPicker/index.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t, i, p as a } from "../ColorPicker.vue_vue_type_style_index_0_lang-DN82VYCI.js";
+import { _ as r, _ as t, i, p as a } from "../ColorPicker.vue_vue_type_style_index_0_lang-zw5qynUn.js";
 export {
   r as ColorPicker,
   t as default,

package/dist/ColorPicker/index.umd.cjs

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

package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-CniJlpEJ.js → ColorPicker.vue_vue_type_style_index_0_lang-Byz3evrQ.js}

@@ -1 +1 @@
-"use strict";const o=require("vue"),ae=require("./ActionButton.vue_vue_type_script_setup_true_lang-ViFlltdC.js"),U=require("./Input.vue_vue_type_style_index_0_lang-XtKgk5B8.js"),ie=require("./Icon.vue_vue_type_style_index_0_lang-C00M2fnO.js"),j=require("@vueuse/core"),x=require("@pantograph/utils"),fe=require("radix-vue");function A(e,t,r){return Math.max(t,Math.min(e,r))}function me(e,t){if(typeof e=="string"||typeof t=="string")return e===t;if(e){if(!t)return!1;for(const r in e)if(e[r]!==t[r])return!1}return!0}function H(e){const t=[],r=e.length>5?2:1;for(let n=1;n<e.length;n+=r){const c=e.substring(n,n+r).repeat(r%2+1),a=parseInt(c,16);t.push(n===3*r+1?a/255:a)}return t.length===3&&t.push(1),{r:t[0],g:t[1],b:t[2],a:t[3]}}function J(e){const t=e.l/100,r=t+e.s/100*Math.min(t,1-t),n=r===0?0:200*(1-t/r);return{h:e.h,s:n,v:r*100,a:e.a}}function L(e){let t=e.h%360;t<0&&(t+=360);const r=e.s/100,n=e.l/100;return{r:$(0,t,r,n)*255,g:$(8,t,r,n)*255,b:$(4,t,r,n)*255,a:e.a}}function $(e,t,r,n){const c=(e+t/30)%12,a=r*Math.min(n,1-n);return n-a*Math.max(-1,Math.min(c-3,9-c,1))}function Q(e){const t=e.s/100,r=e.v/100,n=r*(1-t/2);return{h:e.h,s:n===0||n===1?0:(r-n)/Math.min(n,1-n)*100,l:n*100,a:e.a}}function Z(e){return{h:e.h,w:e.v*(100-e.s)/100,b:100-e.v,a:e.a}}function N(e){return L(Q(e))}function k(e){const t=e.w/100,r=e.b/100;let n,c;const a=t+r;return a>=1?(n=0,c=t/a):(c=1-r,n=(1-t/c)*100),{h:e.h,s:n,v:c*100,a:e.a}}function I(e){const{r:t,g:r,b:n,a:c}=e,a=Math.min(t,r,n),h=Math.max(t,r,n),m=h-a,d=(h+a)/2;let v=0;m!==0&&(h===t?v=(r-n)/m+(r<n?6:0):h===r?v=(n-t)/m+2:h===n&&(v=(t-r)/m+4),v*=60);let b=0;return d!==0&&d!==255&&(b=(h-d)/Math.min(d,255-d)),{h:v,s:b*100,l:d/255*100,a:c}}function S(e){return"#"+Object.values(e).map((t,r)=>Math.round(r===3?t*255:t).toString(16).padStart(2,"0")).join("")}function M(e){return Z(J(I(e)))}const he={hex:{hex:e=>e,hsl:e=>I(H(e)),hsv:e=>k(M(H(e))),hwb:e=>M(H(e)),rgb:H},hsl:{hex:e=>S(L(e)),hsl:e=>e,hsv:J,hwb:e=>M(L(e)),rgb:L},hsv:{hex:e=>S(N(e)),hsl:Q,hsv:e=>e,hwb:Z,rgb:N},hwb:{hex:e=>S(N(k(e))),hsl:e=>I(N(k(e))),hsv:k,hwb:e=>e,rgb:e=>N(k(e))},rgb:{hex:S,hsl:I,hsv:e=>k(M(e)),hwb:M,rgb:e=>e}};function Y(e,t,r){return he[e][t](r)}function de(e,t){const r=e.toFixed(t);return r.includes(".")?r.replace(/\.?0+$/,""):r}const pe={deg:1,grad:.9,rad:180/Math.PI,turn:360},R={from(e){return e.endsWith("%")?E.from(e,{referenceValue:1}):y.from(e,{min:0,max:1})},to(e){return y.to(e)}},K={from(e){const t=e.match(/deg|g?rad|turn$/);if(t===null)return y.from(e);const r=t[0];return y.from(e.slice(0,-r.length))*pe[r]},to(e){return y.to(e)}},y={from(e,{min:t=Number.NEGATIVE_INFINITY,max:r=Number.POSITIVE_INFINITY}={}){return e.endsWith(".")?NaN:A(Number(e),t,r)},to(e){return de(e,2)}},E={from(e,{referenceValue:t=100,min:r=0,max:n=100}={}){return e.endsWith("%")?y.from(e.slice(0,-1),{min:r,max:n})*t/100:NaN},to(e){return y.to(e)+"%"}},z={from(e){return e.endsWith("%")?E.from(e,{referenceValue:255}):y.from(e,{min:0,max:255})},to(e){return y.to(e)}},ve={hsl:{h:K,s:E,l:E},hwb:{h:K,w:E,b:E},rgb:{r:z,g:z,b:z}};function F(e,t){return ve[e][t]}function O({format:e,color:t},r){if(e==="hex")return r&&[5,9].includes(t.length)?t.substring(0,t.length-(t.length-1)/4):t;const n=Object.entries(t).slice(0,r?3:4).map(([c,a])=>{const h=c==="a"?R:F(e,c);return(c==="a"?"/ ":"")+h.to(a)});return`${e}(${n.join(" ")})`}function ee(e){return/^#(?:(?:[A-F0-9]{2}){3,4}|[A-F0-9]{3,4})$/i.test(e)}function ge(e){return"r"in e?"rgb":"w"in e?"hwb":"v"in e?"hsv":"s"in e?"hsl":null}const G={hsl:["h","s","l","a"],hwb:["h","w","b","a"],rgb:["r","g","b","a"]};function X(e){if(!e)return null;if(typeof e!="string"){const m=ge(e);return m===null?null:{format:m,color:e}}if(e.startsWith("#"))return ee(e)?{format:"hex",color:e}:null;if(!e.includes("(")){const m=document.createElement("canvas").getContext("2d");m.fillStyle=e;const d=m.fillStyle;return d==="#000000"&&e!=="black"?null:{format:"hex",color:d}}const[t,r]=e.split("("),n=t.substring(0,3);if(!(n in G))return null;const c=r.replace(/[,/)]/g," ").replace(/\s+/g," ").trim().split(" ");c.length===3&&c.push("1");const a=G[n],h=Object.fromEntries(a.map((m,d)=>{const v=m==="a"?R:F(n,m);return[m,v.from(c[d])]}));return{format:n,color:h}}const be=typeof window<"u",te=be&&"EyeDropper"in window,we=e=>{const t=new AbortController;o.onUnmounted(()=>t.abort());async function r(){if(!te)return;const n=new window.EyeDropper;try{let a=(await n.open({signal:t.signal})).sRGBHex;if(a.startsWith("rgba")){const h=a.match(/rgba?\((?<r>\d+), (?<g>\d+), (?<b>\d+), (?<a>[\d.]+)\)/);if(h){const[m,d,v,b,i]=h;a=`rgba(${d}, ${v}, ${b}, ${parseFloat(i)===0?"1":i})`}}e(a)}catch(c){console.log("e ===>",c)}}return{openEyeDropper:r,abortController:t}};function ye(e,t,r){const n=e.getBoundingClientRect(),c=t-n.left,a=r-n.top;return{x:n.width===0?0:A(c/n.width*100,0,100),y:n.height===0?0:A((1-a/n.height)*100,0,100)}}const xe=o.defineComponent({__name:"ColorPickerSpace",setup(e){const t=ne();let r=!1,n;function c(i){n=document.body.style.userSelect,document.body.style.userSelect="none",r=!0,m(i)}function a(i){r=!0,d(i)}function h(){document.body.style.userSelect=n,r=!1}function m(i){i.buttons!==1||!r||!(t.colorSpace.value instanceof HTMLElement)||v(t.colorSpace.value,i.clientX,i.clientY)}function d(i){if(!r||!(t.colorSpace.value instanceof HTMLElement))return;i.preventDefault();const g=i.touches[0];v(t.colorSpace.value,g.clientX,g.clientY)}function v(i,g,_){const C=ye(i,g,_),f={...t.colors.hsv};f.s=C.x,f.v=C.y,t.setColor("hsv",f)}function b(i){if(!["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"].includes(i.key))return;i.preventDefault();const g=["ArrowLeft","ArrowDown"].includes(i.key)?-1:1,_=["ArrowLeft","ArrowRight"].includes(i.key)?"s":"v",C=i.shiftKey?10:1,f=t.colors.hsv[_]+g*C,w={...t.colors.hsv};w[_]=A(f,0,100),t.setColor("hsv",w)}return o.onMounted(()=>{document.addEventListener("mousemove",m,{passive:!1}),document.addEventListener("touchmove",d,{passive:!1}),document.addEventListener("mouseup",h),document.addEventListener("touchend",h)}),o.onBeforeUnmount(()=>{document.removeEventListener("mousemove",m),document.removeEventListener("touchmove",d),document.removeEventListener("mouseup",h),document.removeEventListener("touchend",h)}),(i,g)=>(o.openBlock(),o.createElementBlock("div",{ref:o.unref(t).colorSpace,class:o.normalizeClass([o.unref(x.getBemElement)(o.unref(V),"space")]),onMousedown:c,onTouchstart:a},[o.createElementVNode("button",{ref:o.unref(t).thumb,class:o.normalizeClass([o.unref(x.getBemElement)(o.unref(V),"thumb")]),tabindex:"0","aria-label":"Color space thumb",onKeydown:b},null,34)],34))}}),Ce=["value"],_e=["value"],[ne,oe]=fe.createContext("ColorPicker"),V=x.getBemBlock("color_picker"),ke=o.defineComponent({__name:"ColorPicker",props:{class:{},color:{},defaultColor:{default:"#ffffffff"},format:{},defaultFormat:{default:"hex"},hideAlpha:{type:Boolean}},emits:["update:color","update:format","change"],setup(e,{emit:t}){const r=["hex","hsl","hsv","hwb","rgb"],n=e,c=t,a=o.ref(null),h=o.ref(null),m=o.ref(null),d=j.useVModel(n,"format",c,{defaultValue:n.defaultFormat,passive:n.format===void 0}),v=o.computed(()=>d.value&&r.includes(d.value)?d.value:"hex"),b=j.useVModel(n,"color",c,{defaultValue:n.defaultColor,passive:n.color===void 0}),i="#ffffffff",g=o.computed(()=>b.value??n.defaultColor??i);o.watch(g,D);const _=o.computed(()=>{const u=v.value,s=f[u];return u.split("").map(l=>{const p=s[l];return{value:F(u,l).to(p),channel:l,label:l.toUpperCase()}}).concat(n.hideAlpha?[]:[{value:R.to(s.a),channel:"a",label:"Alpha"}])}),C=o.computed({get(){return n.hideAlpha&&[5,9].includes(f.hex.length)?f.hex.substring(0,f.hex.length-(f.hex.length-1)/4):f.hex},set(u){ee(u)&&w("hex",u)}}),f=o.reactive({hex:i,hsl:{h:0,s:0,l:100,a:1},hsv:{h:0,s:0,v:100,a:1},hwb:{h:0,w:100,b:0,a:1},rgb:{r:255,g:255,b:255,a:1}});function w(u,s){let l=s;if(n.hideAlpha)if(typeof s!="string")s.a=1,l=s;else if([5,9].includes(s.length)){const p=(s.length-1)/4;l=s.substring(0,s.length-p)+"f".repeat(p)}else[4,7].includes(s.length)&&(l=s+"f".repeat((s.length-1)/3));if(!me(f[u],l)){f[u]=l;for(const p of r)p!==u&&(f[p]=Y(u,p,l));b.value=O({color:Y(u,v.value,l),format:v.value},n.hideAlpha),c("change",ue())}a.value instanceof HTMLElement&&h.value instanceof HTMLElement&&m.value instanceof HTMLElement&&le(a.value,h.value,m.value)}function D(u){const s=X(u);if(s!==null)w(s.format,s.color);else{const l=X(i);l!==null&&w(l.format,l.color)}}function re(u){d.value=u}function W(u,s){const l=u.currentTarget,p={...f.hsv};p[s]=Number(l.value),w("hsv",p)}function se(u,s){const l=v.value,p={...f[l]},P=(s==="a"?R:F(l,s)).from(u);Number.isNaN(u)||u===void 0||(p[s]=P,w(l,p))}function le(u,s,l){const p=O({format:"hsl",color:f.hsl},!0);u.style.setProperty("--vacp-color",p),s.style.position="relative",s.style.backgroundColor=`hsl(${f.hsl.h} 100% 50%)`,s.style.backgroundImage="linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent)",l.style.boxSizing="border-box",l.style.position="absolute",l.style.left=`${f.hsv.s}%`,l.style.bottom=`${f.hsv.v}%`}function ue(){const u=O({color:f[v.value],format:v.value},n.hideAlpha);return{colors:f,cssColor:u}}function q(u){if(!["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"].includes(u.key)||!u.shiftKey)return;const s=u.currentTarget,l=Number(s.step),p=["ArrowLeft","ArrowDown"].includes(u.key)?-1:1,T=Number(s.value)+p*l*10,P=A(T,Number(s.min),Number(s.max));s.value=String(P-p*l)}const{openEyeDropper:ce}=we(D);o.onMounted(()=>D(g.value)),oe({colorSpace:h,thumb:m,colors:f,setColor:w});const B=x.getBemElement(V,"slider");return(u,s)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"colorPicker",ref:a,class:o.normalizeClass([o.unref(V),n.class])},[o.createVNode(xe),o.createElementVNode("div",{class:o.normalizeClass(o.unref(x.getBemElement)(o.unref(V),"sliders"))},[o.createElementVNode("input",{class:o.normalizeClass([o.unref(B),o.unref(x.getBemModifier)(o.unref(B),"hue")]),value:f.hsv.h,type:"range",min:"0",max:"360",step:"1",onKeydownPassive:q,onInput:s[0]||(s[0]=l=>W(l,"h"))},null,42,Ce),u.hideAlpha?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("input",{key:0,class:o.normalizeClass([o.unref(B),o.unref(x.getBemModifier)(o.unref(B),"alpha")]),value:f.hsv.a,type:"range",min:"0",max:"1",step:"0.01",onKeydownPassive:q,onInput:s[1]||(s[1]=l=>W(l,"a"))},null,42,_e))],2),o.createElementVNode("div",{class:o.normalizeClass(o.unref(x.getBemElement)(o.unref(V),"inputs"))},[o.createElementVNode("button",{disabled:!0,class:"fake-select",onClick:s[2]||(s[2]=l=>re("rgb"))},[s[4]||(s[4]=o.createElementVNode("div",null,"Hex",-1)),o.createVNode(ie._sfc_main,{icon:"tabler:chevron-down",size:"2xsm",class:"fake-select-icon"})]),v.value==="hex"?(o.openBlock(),o.createBlock(U._sfc_main,{key:0,class:"flex-1",size:"sm",modelValue:C.value,"onUpdate:modelValue":s[3]||(s[3]=l=>C.value=l)},null,8,["modelValue"])):(o.openBlock(!0),o.createElementBlock(o.Fragment,{key:1},o.renderList(_.value,({value:l,channel:p})=>(o.openBlock(),o.createBlock(U._sfc_main,{modelValue:l,"onUpdate:modelValue":T=>se(T,p),size:"sm"},null,8,["modelValue","onUpdate:modelValue"]))),256)),o.unref(te)?(o.openBlock(),o.createBlock(ae._sfc_main,{key:2,onClick:o.unref(ce),icon:"tabler:color-picker",size:"sm",type:"outline",variant:"icon"},null,8,["onClick"])):o.createCommentVNode("",!0)],2)],2))}});exports._sfc_main=ke;exports.injectColorPickerContext=ne;exports.provideColorPickerContext=oe;
+"use strict";const o=require("vue"),ae=require("./ActionButton.vue_vue_type_script_setup_true_lang-Bq-Tb6pj.js"),U=require("./Input.vue_vue_type_style_index_0_lang-Dj4efG7U.js"),ie=require("./Icon.vue_vue_type_style_index_0_lang-C00M2fnO.js"),j=require("@vueuse/core"),x=require("@pantograph/utils"),fe=require("radix-vue");function A(e,t,r){return Math.max(t,Math.min(e,r))}function me(e,t){if(typeof e=="string"||typeof t=="string")return e===t;if(e){if(!t)return!1;for(const r in e)if(e[r]!==t[r])return!1}return!0}function H(e){const t=[],r=e.length>5?2:1;for(let n=1;n<e.length;n+=r){const c=e.substring(n,n+r).repeat(r%2+1),a=parseInt(c,16);t.push(n===3*r+1?a/255:a)}return t.length===3&&t.push(1),{r:t[0],g:t[1],b:t[2],a:t[3]}}function J(e){const t=e.l/100,r=t+e.s/100*Math.min(t,1-t),n=r===0?0:200*(1-t/r);return{h:e.h,s:n,v:r*100,a:e.a}}function L(e){let t=e.h%360;t<0&&(t+=360);const r=e.s/100,n=e.l/100;return{r:$(0,t,r,n)*255,g:$(8,t,r,n)*255,b:$(4,t,r,n)*255,a:e.a}}function $(e,t,r,n){const c=(e+t/30)%12,a=r*Math.min(n,1-n);return n-a*Math.max(-1,Math.min(c-3,9-c,1))}function Q(e){const t=e.s/100,r=e.v/100,n=r*(1-t/2);return{h:e.h,s:n===0||n===1?0:(r-n)/Math.min(n,1-n)*100,l:n*100,a:e.a}}function Z(e){return{h:e.h,w:e.v*(100-e.s)/100,b:100-e.v,a:e.a}}function N(e){return L(Q(e))}function k(e){const t=e.w/100,r=e.b/100;let n,c;const a=t+r;return a>=1?(n=0,c=t/a):(c=1-r,n=(1-t/c)*100),{h:e.h,s:n,v:c*100,a:e.a}}function I(e){const{r:t,g:r,b:n,a:c}=e,a=Math.min(t,r,n),h=Math.max(t,r,n),m=h-a,d=(h+a)/2;let v=0;m!==0&&(h===t?v=(r-n)/m+(r<n?6:0):h===r?v=(n-t)/m+2:h===n&&(v=(t-r)/m+4),v*=60);let b=0;return d!==0&&d!==255&&(b=(h-d)/Math.min(d,255-d)),{h:v,s:b*100,l:d/255*100,a:c}}function S(e){return"#"+Object.values(e).map((t,r)=>Math.round(r===3?t*255:t).toString(16).padStart(2,"0")).join("")}function M(e){return Z(J(I(e)))}const he={hex:{hex:e=>e,hsl:e=>I(H(e)),hsv:e=>k(M(H(e))),hwb:e=>M(H(e)),rgb:H},hsl:{hex:e=>S(L(e)),hsl:e=>e,hsv:J,hwb:e=>M(L(e)),rgb:L},hsv:{hex:e=>S(N(e)),hsl:Q,hsv:e=>e,hwb:Z,rgb:N},hwb:{hex:e=>S(N(k(e))),hsl:e=>I(N(k(e))),hsv:k,hwb:e=>e,rgb:e=>N(k(e))},rgb:{hex:S,hsl:I,hsv:e=>k(M(e)),hwb:M,rgb:e=>e}};function Y(e,t,r){return he[e][t](r)}function de(e,t){const r=e.toFixed(t);return r.includes(".")?r.replace(/\.?0+$/,""):r}const pe={deg:1,grad:.9,rad:180/Math.PI,turn:360},R={from(e){return e.endsWith("%")?E.from(e,{referenceValue:1}):y.from(e,{min:0,max:1})},to(e){return y.to(e)}},K={from(e){const t=e.match(/deg|g?rad|turn$/);if(t===null)return y.from(e);const r=t[0];return y.from(e.slice(0,-r.length))*pe[r]},to(e){return y.to(e)}},y={from(e,{min:t=Number.NEGATIVE_INFINITY,max:r=Number.POSITIVE_INFINITY}={}){return e.endsWith(".")?NaN:A(Number(e),t,r)},to(e){return de(e,2)}},E={from(e,{referenceValue:t=100,min:r=0,max:n=100}={}){return e.endsWith("%")?y.from(e.slice(0,-1),{min:r,max:n})*t/100:NaN},to(e){return y.to(e)+"%"}},z={from(e){return e.endsWith("%")?E.from(e,{referenceValue:255}):y.from(e,{min:0,max:255})},to(e){return y.to(e)}},ve={hsl:{h:K,s:E,l:E},hwb:{h:K,w:E,b:E},rgb:{r:z,g:z,b:z}};function F(e,t){return ve[e][t]}function O({format:e,color:t},r){if(e==="hex")return r&&[5,9].includes(t.length)?t.substring(0,t.length-(t.length-1)/4):t;const n=Object.entries(t).slice(0,r?3:4).map(([c,a])=>{const h=c==="a"?R:F(e,c);return(c==="a"?"/ ":"")+h.to(a)});return`${e}(${n.join(" ")})`}function ee(e){return/^#(?:(?:[A-F0-9]{2}){3,4}|[A-F0-9]{3,4})$/i.test(e)}function ge(e){return"r"in e?"rgb":"w"in e?"hwb":"v"in e?"hsv":"s"in e?"hsl":null}const G={hsl:["h","s","l","a"],hwb:["h","w","b","a"],rgb:["r","g","b","a"]};function X(e){if(!e)return null;if(typeof e!="string"){const m=ge(e);return m===null?null:{format:m,color:e}}if(e.startsWith("#"))return ee(e)?{format:"hex",color:e}:null;if(!e.includes("(")){const m=document.createElement("canvas").getContext("2d");m.fillStyle=e;const d=m.fillStyle;return d==="#000000"&&e!=="black"?null:{format:"hex",color:d}}const[t,r]=e.split("("),n=t.substring(0,3);if(!(n in G))return null;const c=r.replace(/[,/)]/g," ").replace(/\s+/g," ").trim().split(" ");c.length===3&&c.push("1");const a=G[n],h=Object.fromEntries(a.map((m,d)=>{const v=m==="a"?R:F(n,m);return[m,v.from(c[d])]}));return{format:n,color:h}}const be=typeof window<"u",te=be&&"EyeDropper"in window,we=e=>{const t=new AbortController;o.onUnmounted(()=>t.abort());async function r(){if(!te)return;const n=new window.EyeDropper;try{let a=(await n.open({signal:t.signal})).sRGBHex;if(a.startsWith("rgba")){const h=a.match(/rgba?\((?<r>\d+), (?<g>\d+), (?<b>\d+), (?<a>[\d.]+)\)/);if(h){const[m,d,v,b,i]=h;a=`rgba(${d}, ${v}, ${b}, ${parseFloat(i)===0?"1":i})`}}e(a)}catch(c){console.log("e ===>",c)}}return{openEyeDropper:r,abortController:t}};function ye(e,t,r){const n=e.getBoundingClientRect(),c=t-n.left,a=r-n.top;return{x:n.width===0?0:A(c/n.width*100,0,100),y:n.height===0?0:A((1-a/n.height)*100,0,100)}}const xe=o.defineComponent({__name:"ColorPickerSpace",setup(e){const t=ne();let r=!1,n;function c(i){n=document.body.style.userSelect,document.body.style.userSelect="none",r=!0,m(i)}function a(i){r=!0,d(i)}function h(){document.body.style.userSelect=n,r=!1}function m(i){i.buttons!==1||!r||!(t.colorSpace.value instanceof HTMLElement)||v(t.colorSpace.value,i.clientX,i.clientY)}function d(i){if(!r||!(t.colorSpace.value instanceof HTMLElement))return;i.preventDefault();const g=i.touches[0];v(t.colorSpace.value,g.clientX,g.clientY)}function v(i,g,_){const C=ye(i,g,_),f={...t.colors.hsv};f.s=C.x,f.v=C.y,t.setColor("hsv",f)}function b(i){if(!["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"].includes(i.key))return;i.preventDefault();const g=["ArrowLeft","ArrowDown"].includes(i.key)?-1:1,_=["ArrowLeft","ArrowRight"].includes(i.key)?"s":"v",C=i.shiftKey?10:1,f=t.colors.hsv[_]+g*C,w={...t.colors.hsv};w[_]=A(f,0,100),t.setColor("hsv",w)}return o.onMounted(()=>{document.addEventListener("mousemove",m,{passive:!1}),document.addEventListener("touchmove",d,{passive:!1}),document.addEventListener("mouseup",h),document.addEventListener("touchend",h)}),o.onBeforeUnmount(()=>{document.removeEventListener("mousemove",m),document.removeEventListener("touchmove",d),document.removeEventListener("mouseup",h),document.removeEventListener("touchend",h)}),(i,g)=>(o.openBlock(),o.createElementBlock("div",{ref:o.unref(t).colorSpace,class:o.normalizeClass([o.unref(x.getBemElement)(o.unref(V),"space")]),onMousedown:c,onTouchstart:a},[o.createElementVNode("button",{ref:o.unref(t).thumb,class:o.normalizeClass([o.unref(x.getBemElement)(o.unref(V),"thumb")]),tabindex:"0","aria-label":"Color space thumb",onKeydown:b},null,34)],34))}}),Ce=["value"],_e=["value"],[ne,oe]=fe.createContext("ColorPicker"),V=x.getBemBlock("color_picker"),ke=o.defineComponent({__name:"ColorPicker",props:{class:{},color:{},defaultColor:{default:"#ffffffff"},format:{},defaultFormat:{default:"hex"},hideAlpha:{type:Boolean}},emits:["update:color","update:format","change"],setup(e,{emit:t}){const r=["hex","hsl","hsv","hwb","rgb"],n=e,c=t,a=o.ref(null),h=o.ref(null),m=o.ref(null),d=j.useVModel(n,"format",c,{defaultValue:n.defaultFormat,passive:n.format===void 0}),v=o.computed(()=>d.value&&r.includes(d.value)?d.value:"hex"),b=j.useVModel(n,"color",c,{defaultValue:n.defaultColor,passive:n.color===void 0}),i="#ffffffff",g=o.computed(()=>b.value??n.defaultColor??i);o.watch(g,D);const _=o.computed(()=>{const u=v.value,s=f[u];return u.split("").map(l=>{const p=s[l];return{value:F(u,l).to(p),channel:l,label:l.toUpperCase()}}).concat(n.hideAlpha?[]:[{value:R.to(s.a),channel:"a",label:"Alpha"}])}),C=o.computed({get(){return n.hideAlpha&&[5,9].includes(f.hex.length)?f.hex.substring(0,f.hex.length-(f.hex.length-1)/4):f.hex},set(u){ee(u)&&w("hex",u)}}),f=o.reactive({hex:i,hsl:{h:0,s:0,l:100,a:1},hsv:{h:0,s:0,v:100,a:1},hwb:{h:0,w:100,b:0,a:1},rgb:{r:255,g:255,b:255,a:1}});function w(u,s){let l=s;if(n.hideAlpha)if(typeof s!="string")s.a=1,l=s;else if([5,9].includes(s.length)){const p=(s.length-1)/4;l=s.substring(0,s.length-p)+"f".repeat(p)}else[4,7].includes(s.length)&&(l=s+"f".repeat((s.length-1)/3));if(!me(f[u],l)){f[u]=l;for(const p of r)p!==u&&(f[p]=Y(u,p,l));b.value=O({color:Y(u,v.value,l),format:v.value},n.hideAlpha),c("change",ue())}a.value instanceof HTMLElement&&h.value instanceof HTMLElement&&m.value instanceof HTMLElement&&le(a.value,h.value,m.value)}function D(u){const s=X(u);if(s!==null)w(s.format,s.color);else{const l=X(i);l!==null&&w(l.format,l.color)}}function re(u){d.value=u}function W(u,s){const l=u.currentTarget,p={...f.hsv};p[s]=Number(l.value),w("hsv",p)}function se(u,s){const l=v.value,p={...f[l]},P=(s==="a"?R:F(l,s)).from(u);Number.isNaN(u)||u===void 0||(p[s]=P,w(l,p))}function le(u,s,l){const p=O({format:"hsl",color:f.hsl},!0);u.style.setProperty("--vacp-color",p),s.style.position="relative",s.style.backgroundColor=`hsl(${f.hsl.h} 100% 50%)`,s.style.backgroundImage="linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent)",l.style.boxSizing="border-box",l.style.position="absolute",l.style.left=`${f.hsv.s}%`,l.style.bottom=`${f.hsv.v}%`}function ue(){const u=O({color:f[v.value],format:v.value},n.hideAlpha);return{colors:f,cssColor:u}}function q(u){if(!["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"].includes(u.key)||!u.shiftKey)return;const s=u.currentTarget,l=Number(s.step),p=["ArrowLeft","ArrowDown"].includes(u.key)?-1:1,T=Number(s.value)+p*l*10,P=A(T,Number(s.min),Number(s.max));s.value=String(P-p*l)}const{openEyeDropper:ce}=we(D);o.onMounted(()=>D(g.value)),oe({colorSpace:h,thumb:m,colors:f,setColor:w});const B=x.getBemElement(V,"slider");return(u,s)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"colorPicker",ref:a,class:o.normalizeClass([o.unref(V),n.class])},[o.createVNode(xe),o.createElementVNode("div",{class:o.normalizeClass(o.unref(x.getBemElement)(o.unref(V),"sliders"))},[o.createElementVNode("input",{class:o.normalizeClass([o.unref(B),o.unref(x.getBemModifier)(o.unref(B),"hue")]),value:f.hsv.h,type:"range",min:"0",max:"360",step:"1",onKeydownPassive:q,onInput:s[0]||(s[0]=l=>W(l,"h"))},null,42,Ce),u.hideAlpha?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("input",{key:0,class:o.normalizeClass([o.unref(B),o.unref(x.getBemModifier)(o.unref(B),"alpha")]),value:f.hsv.a,type:"range",min:"0",max:"1",step:"0.01",onKeydownPassive:q,onInput:s[1]||(s[1]=l=>W(l,"a"))},null,42,_e))],2),o.createElementVNode("div",{class:o.normalizeClass(o.unref(x.getBemElement)(o.unref(V),"inputs"))},[o.createElementVNode("button",{disabled:!0,class:"fake-select",onClick:s[2]||(s[2]=l=>re("rgb"))},[s[4]||(s[4]=o.createElementVNode("div",null,"Hex",-1)),o.createVNode(ie._sfc_main,{icon:"tabler:chevron-down",size:"2xsm",class:"fake-select-icon"})]),v.value==="hex"?(o.openBlock(),o.createBlock(U._sfc_main,{key:0,class:"flex-1",size:"sm",modelValue:C.value,"onUpdate:modelValue":s[3]||(s[3]=l=>C.value=l)},null,8,["modelValue"])):(o.openBlock(!0),o.createElementBlock(o.Fragment,{key:1},o.renderList(_.value,({value:l,channel:p})=>(o.openBlock(),o.createBlock(U._sfc_main,{modelValue:l,"onUpdate:modelValue":T=>se(T,p),size:"sm"},null,8,["modelValue","onUpdate:modelValue"]))),256)),o.unref(te)?(o.openBlock(),o.createBlock(ae._sfc_main,{key:2,onClick:o.unref(ce),icon:"tabler:color-picker",size:"sm",type:"outline",variant:"icon"},null,8,["onClick"])):o.createCommentVNode("",!0)],2)],2))}});exports._sfc_main=ke;exports.injectColorPickerContext=ne;exports.provideColorPickerContext=oe;

package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-DN82VYCI.js → ColorPicker.vue_vue_type_style_index_0_lang-zw5qynUn.js}

@@ -1,7 +1,7 @@
 import { onUnmounted as we, defineComponent as ue, onMounted as ae, onBeforeUnmount as ye, createElementBlock as D, openBlock as C, normalizeClass as T, unref as v, createElementVNode as E, ref as j, computed as R, watch as xe, reactive as Ce, createVNode as Q, createCommentVNode as Z, createBlock as Y, Fragment as Te, renderList as Ve } from "vue";
-import { _ as ke } from "./ActionButton.vue_vue_type_script_setup_true_lang-CiJO-TtM.js";
-import { _ as ee } from "./Input.vue_vue_type_style_index_0_lang-xQIFQmTg.js";
-import { _ as Ee } from "./Icon.vue_vue_type_style_index_0_lang-BlmMv3wD.js";
+import { _ as ke } from "./ActionButton.vue_vue_type_script_setup_true_lang-Bkuz_iUP.js";
+import { _ as ee } from "./Input.vue_vue_type_style_index_0_lang-osOWuv4Y.js";
+import { _ as Ee } from "./Icon.vue_vue_type_style_index_0_lang-BFTlmCAO.js";
 import { useVModel as te } from "@vueuse/core";
 import { getBemElement as P, getBemBlock as Me, getBemModifier as ne } from "@pantograph/utils";
 import { createContext as _e } from "radix-vue";

package/dist/ColorSwatch/index.js

@@ -1,4 +1,4 @@
-import { _ as s, C as r, a as t, _ as e } from "../ColorSwatch.vue_vue_type_style_index_0_lang-ZEuyslU3.js";
+import { _ as s, C as r, a as t, _ as e } from "../ColorSwatch.vue_vue_type_style_index_0_lang-IJyJA0LN.js";
 export {
   s as ColorSwatch,
   r as ColorSwatchSizes,

package/dist/ColorSwatch/index.umd.cjs

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