@pantograph/vue 0.10.3 → 0.10.5

package/dist/Button/index.js.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-BHumLt2E.js";
+import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-CobnwnGT.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-BZ0h9oaW.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-CYNr2NyY.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;

package/dist/Button.vue_vue_type_script_setup_true_lang-CYNr2NyY.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("./omit-C4BrcXKG.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-D0Qoa28N.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/{Button.vue_vue_type_script_setup_true_lang-BHumLt2E.js → Button.vue_vue_type_script_setup_true_lang-CobnwnGT.js}

@@ -1,9 +1,9 @@
-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-BEkBWXra.js";
-import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-CEY27kcT.js";
-import { g as P } from "./options-JBqnVZUl.js";
-const O = /* @__PURE__ */ i({
-  ...P("Button", !1),
+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-Beooz3Dl.js";
+import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-CoUA_gDr.js";
+import { g as O } from "./options-JBqnVZUl.js";
+const z = /* @__PURE__ */ c({
+  ...O("Button", !1),
   __name: "Button",
   props: {
     class: {},
@@ -13,13 +13,15 @@ const O = /* @__PURE__ */ i({
     preIcon: {},
     postIcon: {},
     size: {},
-    text: {}
+    text: {},
+    postIconFlipOnDir: {},
+    preIconFlipOnDir: {}
   },
   setup(r, { expose: n }) {
-    const s = r, a = m(), c = u(() => ({
+    const s = r, a = l(), p = m(() => ({
       ...y(a, "variant", "icon", "action", "active", "badgeText"),
       ...s
-    })), o = l();
+    })), o = u();
     return n({
       focus() {
         var e;
@@ -29,20 +31,20 @@ const O = /* @__PURE__ */ i({
         var e;
         (e = o.value) == null || e.blur();
       }
-    }), (e, R) => (_(), f(C, d(c.value, {
+    }), (e, C) => (_(), f(I, d(p.value, {
       variant: "simple",
       ref_key: "buttonRef",
       ref: o
     }), b({ _: 2 }, [
       g(Object.keys(e.$slots), (t) => ({
         name: t,
-        fn: v((p) => [
-          B(e.$slots, t, k(x(p)))
+        fn: v((i) => [
+          B(e.$slots, t, k(x(i)))
         ])
       }))
     ]), 1040));
   }
 });
 export {
-  O as _
+  z as _
 };

package/dist/Checkbox/Checkbox.d.ts

@@ -17,19 +17,19 @@ export interface CheckboxSlots {
     default?: (props: object) => never;
 }
 export type CheckboxEmits = CheckboxRootEmits & {
-    change: [value: boolean | 'indeterminate'];
+    change: [value: boolean];
     blur: [event: InputEvent];
     focus: [event: InputEvent];
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     blur: (event: InputEvent) => any;
-    change: (value: boolean | "indeterminate") => any;
     focus: (event: InputEvent) => any;
+    change: (value: boolean) => any;
     "update:checked": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<CheckboxProps> & Readonly<{
     onBlur?: ((event: InputEvent) => any) | undefined;
-    onChange?: ((value: boolean | "indeterminate") => any) | undefined;
     onFocus?: ((event: InputEvent) => any) | undefined;
+    onChange?: ((value: boolean) => any) | undefined;
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
 }>, {
     size: CheckboxSize;

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-CSmeTeZh.js";
+import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-DfpxRngn.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-D0sF0-hW.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-pWUK1jtk.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-CSmeTeZh.js → Checkbox.vue_vue_type_style_index_0_lang-DfpxRngn.js}

@@ -1,26 +1,26 @@
-import { defineComponent as S, ref as _, watch as L, computed as c, createElementBlock as v, openBlock as n, renderSlot as G, createCommentVNode as V, Fragment as E, renderList as O, createBlock as w, mergeProps as $, useSlots as T, unref as s, createVNode as B, withCtx as y, normalizeClass as x, createTextVNode as j, toDisplayString as F } from "vue";
-import { createContext as R, CheckboxRoot as H, CheckboxIndicator as J } from "radix-vue";
-import { prefixTokens as i } from "@pantograph/tokens";
-import { g as K, a as M, b as f } from "./class-DziTeW9B.js";
-import { cva as Q } from "class-variance-authority";
+import { defineComponent as S, ref as _, watch as L, computed as c, createElementBlock as p, openBlock as i, renderSlot as G, createCommentVNode as w, Fragment as K, renderList as O, createBlock as V, mergeProps as $, useSlots as T, unref as l, createVNode as y, withKeys as j, withCtx as B, normalizeClass as x, createTextVNode as F, toDisplayString as R } from "vue";
+import { createContext as H, CheckboxRoot as J, CheckboxIndicator as M } from "radix-vue";
+import { prefixTokens as n } from "@pantograph/tokens";
+import { g as Q, a as W, b as f } from "./class-DziTeW9B.js";
+import { cva as X } from "class-variance-authority";
 import { g as P } from "./options-JBqnVZUl.js";
-import { o as W } from "./omit-BEkBWXra.js";
-import { _ as X } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
-import { u as Y } from "./useId-DvOSMFGX.js";
-import { U as Z } from "./useInputDataStates-CZbdWpyp.js";
-const ee = ["2xsm", "xsm"], be = (t) => ({
-  "--ptc-checkbox-bg": `var(--${i}-${t}-5)`,
-  "--ptc-checkbox-bg-hover": `var(--${i}-${t}-4)`,
-  "--ptc-checkbox-bg-focus": `var(--${i}-${t}-6)`,
-  "--ptc-checkbox-br-focus": `var(--${i}-${t}-6)`,
-  "--ptc-checkbox-bg-active": `var(--${i}-${t}-7)`
-}), he = (t) => ({
-  "--ptc-group-checkbox-bg": `var(--${i}-${t}-5)`,
-  "--ptc-group-checkbox-bg-hover": `var(--${i}-${t}-4)`,
-  "--ptc-group-checkbox-bg-focus": `var(--${i}-${t}-6)`,
-  "--ptc-group-checkbox-br-focus": `var(--${i}-${t}-6)`,
-  "--ptc-group-checkbox-bg-active": `var(--${i}-${t}-7)`
-}), [ae, te] = R("CheckboxGroup"), fe = /* @__PURE__ */ S({
+import { o as Y } from "./omit-Beooz3Dl.js";
+import { _ as Z } from "./Icon.vue_vue_type_style_index_0_lang-BVVc15Aa.js";
+import { u as ee } from "./useId-DvOSMFGX.js";
+import { U as ae } from "./useInputDataStates-CZbdWpyp.js";
+const te = ["2xsm", "xsm"], fe = (t) => ({
+  "--ptc-checkbox-bg": `var(--${n}-${t}-5)`,
+  "--ptc-checkbox-bg-hover": `var(--${n}-${t}-4)`,
+  "--ptc-checkbox-bg-focus": `var(--${n}-${t}-6)`,
+  "--ptc-checkbox-br-focus": `var(--${n}-${t}-6)`,
+  "--ptc-checkbox-bg-active": `var(--${n}-${t}-7)`
+}), ke = (t) => ({
+  "--ptc-group-checkbox-bg": `var(--${n}-${t}-5)`,
+  "--ptc-group-checkbox-bg-hover": `var(--${n}-${t}-4)`,
+  "--ptc-group-checkbox-bg-focus": `var(--${n}-${t}-6)`,
+  "--ptc-group-checkbox-br-focus": `var(--${n}-${t}-6)`,
+  "--ptc-group-checkbox-bg-active": `var(--${n}-${t}-7)`
+}), [oe, se] = H("CheckboxGroup"), Ce = /* @__PURE__ */ S({
   ...P("CheckboxGroup"),
   __name: "CheckboxGroup",
   props: {
@@ -32,7 +32,7 @@ const ee = ["2xsm", "xsm"], be = (t) => ({
   },
   emits: ["update:value", "change"],
   setup(t, { emit: k }) {
-    const l = k, e = t, o = _(e.value ?? []);
+    const r = k, e = t, o = _(e.value ?? []);
     L(
       () => e.value,
       () => {
@@ -43,27 +43,27 @@ const ee = ["2xsm", "xsm"], be = (t) => ({
       get() {
         return e.value ? e.value : o.value;
       },
-      set(r) {
-        e.value || (o.value = r), l("update:value", r), l("change", r);
+      set(s) {
+        e.value || (o.value = s), r("update:value", s), r("change", s);
       }
     }), C = c(() => e.size), d = c(() => e.disabled ? !0 : void 0);
-    return te({
+    return se({
       model: u,
       size: C,
       disabled: d
-    }), (r, g) => (n(), v("div", null, [
-      G(r.$slots, "default", {}, () => {
+    }), (s, g) => (i(), p("div", null, [
+      G(s.$slots, "default", {}, () => {
         var m;
         return [
-          (m = r.options) != null && m.length ? (n(!0), v(E, { key: 0 }, O(r.options, (b) => (n(), w(se, $({
+          (m = s.options) != null && m.length ? (i(!0), p(K, { key: 0 }, O(s.options, (b) => (i(), V(re, $({
             key: b.value,
             ref_for: !0
-          }, b), null, 16))), 128)) : V("", !0)
+          }, b), null, 16))), 128)) : w("", !0)
         ];
       })
     ]));
   }
-}), oe = ["for"], se = /* @__PURE__ */ S({
+}), le = ["for"], re = /* @__PURE__ */ S({
   ...P("Checkbox"),
   __name: "Checkbox",
   props: {
@@ -85,36 +85,36 @@ const ee = ["2xsm", "xsm"], be = (t) => ({
   },
   emits: ["update:checked", "change", "blur", "focus"],
   setup(t, { emit: k }) {
-    const l = K("checkbox"), e = t, o = ae({}), u = k, C = T(), d = _(e.checked ?? !1);
+    const r = Q("checkbox"), e = t, o = oe({}), u = k, C = T(), d = _(e.checked ?? !1);
     L(
       () => e.checked,
       () => {
         d.value = e.checked ?? !1;
       }
     );
-    const r = c({
+    const s = c({
       get() {
         var a;
         return (a = o.model) != null && a.value ? e.value !== void 0 && o.model.value.includes(e.value) : e.checked !== void 0 ? e.checked : d.value;
       },
       set(a) {
-        var p;
-        if ((p = o.model) != null && p.value) {
+        var v;
+        if ((v = o.model) != null && v.value) {
           if (e.value !== void 0) {
             const h = o.model.value.indexOf(e.value);
             a && h === -1 ? o.model.value = [...o.model.value, e.value] : !a && h !== -1 && (o.model.value = o.model.value.filter(
-              (U) => U !== e.value
+              (E) => E !== e.value
             ));
           }
         } else
           e.checked === void 0 && (d.value = a), u("update:checked", a), u("change", a);
       }
-    }), g = c(() => e.id ?? Y(l)), m = c(() => {
+    }), g = c(() => e.id ?? ee(r)), m = c(() => {
       var a;
       return {
         disabled: ((a = o.disabled) == null ? void 0 : a.value) ?? e.disabled,
         ...N.value,
-        ...W(
+        ...Y(
           e,
           "size",
           "class",
@@ -128,9 +128,9 @@ const ee = ["2xsm", "xsm"], be = (t) => ({
           "labelCls"
         )
       };
-    }), b = Q(l, {
+    }), b = X(r, {
       variants: {
-        size: M(ee, l)
+        size: W(te, r)
       }
     }), q = c(() => e.label || C.default || e.value && e.valueAsLabel), A = c(() => {
       if (e.label) return e.label;
@@ -146,35 +146,37 @@ const ee = ["2xsm", "xsm"], be = (t) => ({
         default:
           return "3xsm";
       }
-    }), { rootBindings: I, inputBindings: N } = Z({
+    }), { rootBindings: I, inputBindings: N } = ae({
       getDisabled: () => {
         var a;
         return ((a = o.disabled) == null ? void 0 : a.value) ?? e.disabled;
       },
       emit: u
-    });
-    return (a, p) => (n(), v("div", $({
-      class: [s(f)(s(l), "root"), a.rootCls]
-    }, s(I)), [
-      B(s(H), $(m.value, {
-        checked: r.value,
-        "onUpdate:checked": p[0] || (p[0] = (h) => r.value = h),
+    }), U = () => s.value = !s.value;
+    return (a, v) => (i(), p("div", $({
+      class: [l(f)(l(r), "root"), a.rootCls]
+    }, l(I)), [
+      y(l(J), $({
+        onKeyup: j(U, ["enter"])
+      }, m.value, {
+        checked: s.value,
+        "onUpdate:checked": v[0] || (v[0] = (h) => s.value = h),
         id: g.value,
-        class: [s(b)({ size: z.value }), e.class]
+        class: [l(b)({ size: z.value }), e.class]
       }), {
-        default: y(() => [
-          B(s(J), {
-            class: x([s(f)(s(l), "indicator"), a.indicatorCls]),
+        default: B(() => [
+          y(l(M), {
+            class: x([l(f)(l(r), "indicator"), a.indicatorCls]),
             asChild: ""
           }, {
-            default: y(() => [
-              e.checked != "indeterminate" ? (n(), w(X, {
+            default: B(() => [
+              e.checked != "indeterminate" ? (i(), V(Z, {
                 key: 0,
                 icon: "tabler:check",
                 size: D.value
-              }, null, 8, ["size"])) : (n(), v("span", {
+              }, null, 8, ["size"])) : (i(), p("span", {
                 key: 1,
-                class: x([s(f)(s(l), "indeterminate"), a.indeterminateCls])
+                class: x([l(f)(l(r), "indeterminate"), a.indeterminateCls])
               }, null, 2))
             ]),
             _: 1
@@ -182,28 +184,28 @@ const ee = ["2xsm", "xsm"], be = (t) => ({
         ]),
         _: 1
       }, 16, ["checked", "id", "class"]),
-      q.value ? (n(), v("label", {
+      q.value ? (i(), p("label", {
         key: 0,
         for: g.value,
-        class: x([s(f)(s(l), "label"), a.labelCls])
+        class: x([l(f)(l(r), "label"), a.labelCls])
       }, [
         G(a.$slots, "default", {
           checked: a.checked,
           disabled: a.disabled,
           required: a.required
         }, () => [
-          j(F(A.value), 1)
+          F(R(A.value), 1)
         ])
-      ], 10, oe)) : V("", !0)
+      ], 10, le)) : w("", !0)
     ], 16));
   }
 });
 export {
-  ee as C,
-  se as _,
-  he as a,
-  fe as b,
-  ae as i,
-  te as p,
-  be as u
+  te as C,
+  re as _,
+  ke as a,
+  Ce as b,
+  oe as i,
+  se as p,
+  fe as u
 };

package/dist/Checkbox.vue_vue_type_style_index_0_lang-pWUK1jtk.js

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

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-CSmeTeZh.js";
+import { b as p, i as r, p as t } from "../Checkbox.vue_vue_type_style_index_0_lang-DfpxRngn.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-D0sF0-hW.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-pWUK1jtk.js");exports.CheckboxGroup=e._sfc_main$1;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;

package/dist/ColorPicker/index.js.js

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

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

@@ -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-C86gVRVp.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-BNdf9ydf.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-C86gVRVp.js → ColorPicker.vue_vue_type_style_index_0_lang-BNdf9ydf.js}

@@ -1 +1 @@
-"use strict";const o=require("vue"),ae=require("./ActionButton.vue_vue_type_script_setup_true_lang-Bno9iBJg.js"),U=require("./Input.vue_vue_type_style_index_0_lang-DVN491cI.js"),ie=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),j=require("@vueuse/core"),x=require("./class-CjZYGZDW.js"),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-B3fz9VlS.js"),U=require("./Input.vue_vue_type_style_index_0_lang-Bg1yMzU-.js"),ie=require("./Icon.vue_vue_type_style_index_0_lang-c9NvwoHi.js"),j=require("@vueuse/core"),x=require("./class-CjZYGZDW.js"),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-Bj735O4E.js → ColorPicker.vue_vue_type_style_index_0_lang-CMZ6my8r.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-Bmld__SV.js";
-import { _ as ee } from "./Input.vue_vue_type_style_index_0_lang-CcR6oCIR.js";
-import { _ as Ee } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
+import { _ as ke } from "./ActionButton.vue_vue_type_script_setup_true_lang-48AXc54q.js";
+import { _ as ee } from "./Input.vue_vue_type_style_index_0_lang-CfRRpkAQ.js";
+import { _ as Ee } from "./Icon.vue_vue_type_style_index_0_lang-BVVc15Aa.js";
 import { useVModel as te } from "@vueuse/core";
 import { b as P, g as Me, c as ne } from "./class-DziTeW9B.js";
 import { createContext as _e } from "radix-vue";

package/dist/ColorSwatch/ColorSwatch.d.ts

@@ -21,8 +21,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ColorSwatchProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ColorSwatchProps> & Readonly<{}>, {
-    size: "sm" | "md";
     type: ColorSwatchType;
+    size: "sm" | "md";
     customPickerIcon: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/ColorSwatch/index.js.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-8sQWWbLp.js";
+import { _ as s, C as r, a as t, _ as e } from "../ColorSwatch.vue_vue_type_style_index_0_lang-DmWOViyT.js";
 export {
   s as ColorSwatch,
   r as ColorSwatchSizes,

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

@@ -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-Bt9Tu3La.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-DWbErEeg.js");exports.ColorSwatch=e._sfc_main;exports.ColorSwatchSizes=e.ColorSwatchSizes;exports.ColorSwatchTypes=e.ColorSwatchTypes;exports.default=e._sfc_main;

package/dist/ColorSwatch.vue_vue_type_style_index_0_lang-DWbErEeg.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),v=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-CshbWnRl.js"),k=require("./options-B4iSAKol.js"),_=require("./omit-C4BrcXKG.js"),r=require("./class-CjZYGZDW.js"),C=require("class-variance-authority"),f=require("./IconButton.vue_vue_type_script_setup_true_lang-CWqrQ22L.js"),c=["sm","md"],l=["color","remover","custom-picker"],h={key:1,height:"100%",width:"100%",viewBox:"0 0 19 18",fill:"none"},z=e.defineComponent({...k.getComponentOptions("ColorTrigger"),__name:"ColorSwatch",props:{class:{},icon:{},flipOnDir:{},fg:{},bg:{},br:{},size:{default:"md"},selected:{type:Boolean},type:{default:"color"},customPickerIcon:{default:"tabler:palette"}},setup(p){const o=p,s=r.getBemBlock("color_swatch"),u=C.cva(s,{variants:{selected:r.generateVariantClassList("selected",s),size:r.generateVariantClassList(c,s),type:r.generateVariantClassList(l,s)}}),n=e.computed(()=>o.size&&c.includes(o.size)?o.size:"md"),m=e.computed(()=>({size:n.value,..._.omit(o,"size","class","type","selected")})),d=e.useSlots(),y=e.computed(()=>{switch(o.type){case"color":return"div";case"custom-picker":return f._sfc_main;case"remover":return"div"}}),g=e.computed(()=>{const t={};return o.type==="custom-picker"&&(t.size=n.value,t.icon=o.customPickerIcon,t.color="gray",t.type="outline"),t});return(t,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y.value),e.mergeProps({class:[e.unref(u)({selected:t.type!=="custom-picker"&&o.selected,size:t.size,type:t.type}),o.class]},g.value),{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",e.normalizeProps(e.guardReactiveProps(o)))]),default:e.withCtx(()=>[t.type==="color"?(e.openBlock(),e.createBlock(v._sfc_main,e.normalizeProps(e.mergeProps({key:0},m.value)),e.createSlots({_:2},[e.renderList(Object.keys(d),a=>({name:a,fn:e.withCtx(()=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(o)))])}))]),1040)):t.type==="remover"?(e.openBlock(),e.createElementBlock("svg",h,i[0]||(i[0]=[e.createElementVNode("path",{id:"Empty Indicator",d:"M17.5 1L1.5 17",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"},null,-1)]))):e.createCommentVNode("",!0),t.type==="custom-picker"?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:2},o))):e.createCommentVNode("",!0)]),_:3},16,["class"]))}});exports.ColorSwatchSizes=c;exports.ColorSwatchTypes=l;exports._sfc_main=z;

package/dist/{ColorSwatch.vue_vue_type_style_index_0_lang-8sQWWbLp.js → ColorSwatch.vue_vue_type_style_index_0_lang-DmWOViyT.js}

@@ -1,22 +1,23 @@
-import { defineComponent as B, computed as s, useSlots as S, createBlock as d, openBlock as c, resolveDynamicComponent as _, mergeProps as n, unref as P, withCtx as i, createElementBlock as b, createCommentVNode as f, renderSlot as a, normalizeProps as r, createSlots as $, renderList as E, guardReactiveProps as y, createElementVNode as I } from "vue";
-import { _ as L } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-BEZ6FkRf.js";
-import { g as V } from "./options-JBqnVZUl.js";
-import { o as N } from "./omit-BEkBWXra.js";
-import { g as O, a as l } from "./class-DziTeW9B.js";
-import { cva as T } from "class-variance-authority";
-import { _ as j } from "./IconButton.vue_vue_type_script_setup_true_lang-DJGgntqa.js";
-const g = ["sm", "md"], D = ["color", "remover", "custom-picker"], M = {
+import { defineComponent as B, computed as s, useSlots as S, createBlock as d, openBlock as n, resolveDynamicComponent as _, mergeProps as c, unref as P, withCtx as i, createElementBlock as b, createCommentVNode as f, renderSlot as a, normalizeProps as r, createSlots as $, renderList as E, guardReactiveProps as y, createElementVNode as I } from "vue";
+import { _ as L } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-D0vD57ET.js";
+import { g as O } from "./options-JBqnVZUl.js";
+import { o as V } from "./omit-Beooz3Dl.js";
+import { g as D, a as l } from "./class-DziTeW9B.js";
+import { cva as N } from "class-variance-authority";
+import { _ as T } from "./IconButton.vue_vue_type_script_setup_true_lang-CruPwQ16.js";
+const g = ["sm", "md"], j = ["color", "remover", "custom-picker"], M = {
   key: 1,
   height: "100%",
   width: "100%",
   viewBox: "0 0 19 18",
   fill: "none"
 }, K = /* @__PURE__ */ B({
-  ...V("ColorTrigger"),
+  ...O("ColorTrigger"),
   __name: "ColorSwatch",
   props: {
     class: {},
     icon: {},
+    flipOnDir: {},
     fg: {},
     bg: {},
     br: {},
@@ -26,17 +27,17 @@ const g = ["sm", "md"], D = ["color", "remover", "custom-picker"], M = {
     customPickerIcon: { default: "tabler:palette" }
   },
   setup(k) {
-    const o = k, t = O("color_swatch"), v = T(t, {
+    const o = k, t = D("color_swatch"), v = N(t, {
       variants: {
         selected: l("selected", t),
         size: l(g, t),
-        type: l(D, t)
+        type: l(j, t)
       }
-    }), m = s(
+    }), p = s(
       () => o.size && g.includes(o.size) ? o.size : "md"
     ), z = s(() => ({
-      size: m.value,
-      ...N(
+      size: p.value,
+      ...V(
         o,
         "size",
         "class",
@@ -49,15 +50,15 @@ const g = ["sm", "md"], D = ["color", "remover", "custom-picker"], M = {
         case "color":
           return "div";
         case "custom-picker":
-          return j;
+          return T;
         case "remover":
           return "div";
       }
     }), w = s(() => {
       const e = {};
-      return o.type === "custom-picker" && (e.size = m.value, e.icon = o.customPickerIcon, e.color = "gray", e.type = "outline"), e;
+      return o.type === "custom-picker" && (e.size = p.value, e.icon = o.customPickerIcon, e.color = "gray", e.type = "outline"), e;
     });
-    return (e, p) => (c(), d(_(h.value), n({
+    return (e, m) => (n(), d(_(h.value), c({
       class: [
         P(v)({
           selected: e.type !== "custom-picker" && o.selected,
@@ -71,14 +72,14 @@ const g = ["sm", "md"], D = ["color", "remover", "custom-picker"], M = {
         a(e.$slots, "icon", r(y(o)))
       ]),
       default: i(() => [
-        e.type === "color" ? (c(), d(L, r(n({ key: 0 }, z.value)), $({ _: 2 }, [
+        e.type === "color" ? (n(), d(L, r(c({ key: 0 }, z.value)), $({ _: 2 }, [
           E(Object.keys(C), (u) => ({
             name: u,
             fn: i(() => [
               a(e.$slots, u, r(y(o)))
             ])
           }))
-        ]), 1040)) : e.type === "remover" ? (c(), b("svg", M, p[0] || (p[0] = [
+        ]), 1040)) : e.type === "remover" ? (n(), b("svg", M, m[0] || (m[0] = [
           I("path", {
             id: "Empty Indicator",
             d: "M17.5 1L1.5 17",
@@ -87,7 +88,7 @@ const g = ["sm", "md"], D = ["color", "remover", "custom-picker"], M = {
             "stroke-linecap": "round"
           }, null, -1)
         ]))) : f("", !0),
-        e.type === "custom-picker" ? a(e.$slots, "default", r(n({ key: 2 }, o))) : f("", !0)
+        e.type === "custom-picker" ? a(e.$slots, "default", r(c({ key: 2 }, o))) : f("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
@@ -96,5 +97,5 @@ const g = ["sm", "md"], D = ["color", "remover", "custom-picker"], M = {
 export {
   g as C,
   K as _,
-  D as a
+  j as a
 };