@pantograph/vue 0.9.0 → 0.10.1

package/dist/ColorSwatch.vue_vue_type_style_index_0_lang-DmLhCPh4.js

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

package/dist/ColorSwatchGroup/ColorSwatchGroup.d.ts

@@ -0,0 +1,60 @@
+import { PrimitiveProps } from 'radix-vue';
+import { Class } from '../types';
+import { ColorSwatchProps, ColorSwatchSlots } from '../ColorSwatch/ColorSwatch';
+import { ColorSwatchSize } from '../ColorSwatch/ColorSwatch.model';
+import { VisibleColorFormat } from '../ColorPicker/types.js';
+import { PopoverProps } from '../Popover/index.js';
+import { ColorPickerProps } from '../ColorPicker/index.js';
+interface ColorObject extends Partial<Pick<ColorSwatchProps, 'bg' | 'fg' | 'br' | 'icon'>> {
+    value: string;
+}
+export type ColorSwatchItem = ColorObject | string;
+type ColorMode = 'subtle' | 'bold';
+export type ColorSwatchGroupProps = Omit<PrimitiveProps, 'asChild'> & Omit<ColorPickerProps, 'class' | 'color' | 'defaultColor'> & Partial<Pick<ColorSwatchProps, 'size' | 'customPickerIcon' | 'icon'>> & {
+    class?: Class;
+    size?: ColorSwatchSize;
+    noRemover?: boolean;
+    noCustomPicker?: boolean;
+    modelValue?: string;
+    headerCls?: string;
+    header?: string;
+    colorsCls?: string;
+    defaultValue?: string;
+    colors?: ColorSwatchItem[];
+    colorMode?: ColorMode | {
+        fg?: ColorMode;
+        bg?: ColorMode;
+        br?: ColorMode;
+        value: ColorMode;
+    };
+    popoverProps?: PopoverProps;
+};
+export interface ColorSwatchGroupEmits {
+    (e: 'update:format', value: VisibleColorFormat): void;
+    (e: 'update:modelValue', value?: string): void;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ColorSwatchGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value?: string | undefined) => any;
+    "update:format": (value: VisibleColorFormat) => any;
+}, string, import('vue').PublicProps, Readonly<ColorSwatchGroupProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
+    "onUpdate:format"?: ((value: VisibleColorFormat) => any) | undefined;
+}>, {
+    size: "sm" | "md";
+    colorMode: ColorMode | {
+        fg?: ColorMode | undefined;
+        bg?: ColorMode | undefined;
+        br?: ColorMode | undefined;
+        value: ColorMode;
+    };
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<ColorSwatchSlots & {
+    header: () => never;
+}> & ColorSwatchSlots & {
+    header: () => never;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/ColorSwatchGroup/index.d.ts

@@ -0,0 +1 @@
+export { type ColorSwatchItem, type ColorSwatchGroupEmits, type ColorSwatchGroupProps, default, default as ColorSwatchGroup, } from './ColorSwatchGroup';

package/dist/ColorSwatchGroup/index.js.js

@@ -0,0 +1,5 @@
+import { _ as r, _ as t } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-CIkTvqD_.js";
+export {
+  r as ColorSwatchGroup,
+  t as default
+};

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

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

package/dist/ColorSwatchGroup.vue_vue_type_style_index_0_lang-CIkTvqD_.js

@@ -0,0 +1,165 @@
+import { defineComponent as G, useSlots as L, ref as U, computed as f, createBlock as m, openBlock as a, unref as l, normalizeClass as v, withCtx as n, createElementBlock as z, createCommentVNode as b, createElementVNode as T, renderSlot as g, createTextVNode as q, toDisplayString as H, Fragment as J, renderList as C, mergeProps as c, createSlots as V, createVNode as $, normalizeProps as K, guardReactiveProps as Q } from "vue";
+import { g as W } from "./options-JBqnVZUl.js";
+import { P as X } from "./Primitive-nOVjbfuc.js";
+import { useEmitAsProps as Y } from "radix-vue";
+import { _ as k, C as Z } from "./ColorSwatch.vue_vue_type_style_index_0_lang-DmLhCPh4.js";
+import { i as B } from "./isString-BVAZt9W3.js";
+import { i as y } from "./_flatRest-CHX8vV1P.js";
+import { useVModel as x } from "@vueuse/core";
+import { g as ee, a as oe, b as j } from "./class-DziTeW9B.js";
+import { cva as te } from "class-variance-authority";
+import { o as re } from "./omit-BEkBWXra.js";
+import { _ as se } from "./Popover.vue_vue_type_style_index_0_lang-C0IwnsU5.js";
+import { _ as le } from "./ColorPicker.vue_vue_type_style_index_0_lang-Dq-kFXox.js";
+import { p as S } from "./pick-DLskPTKb.js";
+const ye = /* @__PURE__ */ G({
+  ...W("ColorSwatchGroup"),
+  __name: "ColorSwatchGroup",
+  props: {
+    as: {},
+    format: {},
+    defaultFormat: {},
+    hideAlpha: { type: Boolean },
+    size: { default: "md" },
+    customPickerIcon: {},
+    icon: {},
+    class: {},
+    noRemover: { type: Boolean },
+    noCustomPicker: { type: Boolean },
+    modelValue: {},
+    headerCls: {},
+    header: {},
+    colorsCls: {},
+    defaultValue: {},
+    colors: {},
+    colorMode: { default: "bold" },
+    popoverProps: {}
+  },
+  emits: ["update:format", "update:modelValue"],
+  setup(w, { emit: I }) {
+    const o = w, A = L(), M = I, s = x(
+      o,
+      "modelValue",
+      M,
+      {
+        defaultValue: o.defaultValue,
+        passive: o.modelValue === void 0
+      }
+    ), E = (e) => {
+      if (B(e))
+        return {
+          selected: s.value === e,
+          icon: o.icon,
+          bg: e
+        };
+      if (y(e))
+        return {
+          ...re(e, "value"),
+          icon: e.icon ?? o.icon,
+          selected: s.value === e.value
+        };
+    }, u = ee("color_swatch_group"), N = te(u, {
+      variants: {
+        size: oe(Z, u)
+      }
+    }), h = U(!1), d = (e) => y(e) ? e.value : e ?? void 0, P = (e) => {
+      const t = d(e);
+      s.value = t, h.value = !t;
+    }, p = f(() => {
+      if (o.colors) return o.colors;
+      const e = ["red", "orange", "yellow", "lime", "green", "sky", "blue", "violet"];
+      return o.colorMode === "subtle" ? e.map((t) => `${t}-subtle`) : typeof o.colorMode == "object" && o.colorMode.value && (o.colorMode.bg || o.colorMode.br || o.colorMode.fg) ? e.map((t) => {
+        const r = {
+          value: typeof o.colorMode == "object" && o.colorMode.value === "subtle" ? `${t}-subtle` : t
+        };
+        return typeof o.colorMode == "object" && o.colorMode.bg && (r.bg = o.colorMode.bg === "subtle" ? `${t}-subtle` : t), typeof o.colorMode == "object" && o.colorMode.br && (r.br = o.colorMode.br === "subtle" ? `${t}-subtle` : t), typeof o.colorMode == "object" && o.colorMode.fg && (r.fg = o.colorMode.fg === "subtle" ? `${t}-subtle` : t), r;
+      }) : e;
+    }), O = f(() => {
+      var e;
+      if (!((e = p.value) != null && e.length && p.value.some(
+        (t) => B(t) && t === s.value || y(t) && s.value === t.value
+      )))
+        return s.value;
+    }), _ = (e) => {
+      e && (s.value = e);
+    }, F = Y(M), R = f(() => ({
+      ...S(F, "onUpdate:format"),
+      ...S(o, "format", "defaultFormat", "hideAlpha")
+    }));
+    return (e, t) => (a(), m(l(X), {
+      as: e.as,
+      class: v([o.class, l(N)({ size: e.size })])
+    }, {
+      default: n(() => [
+        A.header || e.header ? (a(), z("div", {
+          key: 0,
+          class: v([l(j)(l(u), "header"), e.headerCls])
+        }, [
+          g(e.$slots, "header", {}, () => [
+            q(H(e.header), 1)
+          ])
+        ], 2)) : b("", !0),
+        T("div", {
+          class: v([l(j)(l(u), "colors"), e.colorsCls])
+        }, [
+          e.noRemover ? b("", !0) : (a(), m(k, {
+            key: 0,
+            type: "remover",
+            size: e.size,
+            onClick: t[0] || (t[0] = (r) => P()),
+            selected: !l(s) && h.value
+          }, null, 8, ["size", "selected"])),
+          (a(!0), z(J, null, C(p.value, (r) => (a(), m(k, c({
+            type: "color",
+            size: e.size,
+            icon: e.icon,
+            ref_for: !0
+          }, E(r), {
+            key: d(r),
+            onClick: (i) => P(r)
+          }), V({ _: 2 }, [
+            C(Object.keys(e.$slots), (i) => ({
+              name: i,
+              fn: n((D) => [
+                g(e.$slots, i, c({ ref_for: !0 }, { ...D, value: d(r) }))
+              ])
+            }))
+          ]), 1040, ["size", "icon", "onClick"]))), 128)),
+          e.noCustomPicker ? b("", !0) : (a(), m(se, c({
+            key: 1,
+            trigger: "click",
+            "reverse-placement-on-dir": "rtl",
+            placement: "right-start",
+            "side-offset": 4
+          }, e.popoverProps || {}), {
+            content: n(() => [
+              $(le, c({
+                defaultColor: O.value,
+                "onUpdate:color": _
+              }, R.value), null, 16, ["defaultColor"])
+            ]),
+            default: n(() => [
+              $(k, {
+                type: "custom-picker",
+                size: e.size,
+                customPickerIcon: e.customPickerIcon
+              }, V({ _: 2 }, [
+                C(Object.keys(e.$slots), (r) => ({
+                  name: r,
+                  fn: n((i) => [
+                    g(e.$slots, r, K(Q(i)))
+                  ])
+                }))
+              ]), 1032, ["size", "customPickerIcon"])
+            ]),
+            _: 3
+          }, 16))
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["as", "class"]));
+  }
+});
+export {
+  ye as _
+};

package/dist/ColorSwatchGroup.vue_vue_type_style_index_0_lang-T_L-D2SS.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),S=require("./options-B4iSAKol.js"),q=require("./Primitive-BT1RjuGS.js"),$=require("radix-vue"),i=require("./ColorSwatch.vue_vue_type_style_index_0_lang-Bo-zDAyc.js"),g=require("./isString-CKmTJsel.js"),m=require("./_flatRest-R59G2N4m.js"),j=require("@vueuse/core"),u=require("./class-CjZYGZDW.js"),w=require("class-variance-authority"),N=require("./omit-BKPbELUG.js"),E=require("./Popover.vue_vue_type_style_index_0_lang-CM8qMFEi.js"),O=require("./ColorPicker.vue_vue_type_style_index_0_lang-C36JPo4m.js"),k=require("./pick-C-ap2Lj0.js"),A=e.defineComponent({...S.getComponentOptions("ColorSwatchGroup"),__name:"ColorSwatchGroup",props:{as:{},format:{},defaultFormat:{},hideAlpha:{type:Boolean},size:{default:"md"},customPickerIcon:{},icon:{},class:{},noRemover:{type:Boolean},noCustomPicker:{type:Boolean},modelValue:{},headerCls:{},header:{},colorsCls:{},defaultValue:{},colors:{},colorMode:{default:"bold"},popoverProps:{}},emits:["update:format","update:modelValue"],setup(C,{emit:b}){const t=C,_=e.useSlots(),p=b,l=j.useVModel(t,"modelValue",p,{defaultValue:t.defaultValue,passive:t.modelValue===void 0}),y=o=>{if(g.isString(o))return{selected:l.value===o,icon:t.icon,bg:o};if(m.isObject(o))return{...N.omit(o,"value"),icon:o.icon??t.icon,selected:l.value===o.value}},a=u.getBemBlock("color_swatch_group"),h=w.cva(a,{variants:{size:u.generateVariantClassList(i.ColorSwatchSizes,a)}}),f=e.ref(!1),c=o=>m.isObject(o)?o.value:o??void 0,v=o=>{const r=c(o);l.value=r,f.value=!r},d=e.computed(()=>{if(t.colors)return t.colors;const o=["red","orange","yellow","lime","green","sky","blue","violet"];return t.colorMode==="subtle"?o.map(r=>`${r}-subtle`):typeof t.colorMode=="object"&&t.colorMode.value&&(t.colorMode.bg||t.colorMode.br||t.colorMode.fg)?o.map(r=>{const s={value:typeof t.colorMode=="object"&&t.colorMode.value==="subtle"?`${r}-subtle`:r};return typeof t.colorMode=="object"&&t.colorMode.bg&&(s.bg=t.colorMode.bg==="subtle"?`${r}-subtle`:r),typeof t.colorMode=="object"&&t.colorMode.br&&(s.br=t.colorMode.br==="subtle"?`${r}-subtle`:r),typeof t.colorMode=="object"&&t.colorMode.fg&&(s.fg=t.colorMode.fg==="subtle"?`${r}-subtle`:r),s}):o}),P=e.computed(()=>{var o;if(!((o=d.value)!=null&&o.length&&d.value.some(r=>g.isString(r)&&r===l.value||m.isObject(r)&&l.value===r.value)))return l.value}),V=o=>{o&&(l.value=o)},B=$.useEmitAsProps(p),M=e.computed(()=>({...k.pick(B,"onUpdate:format"),...k.pick(t,"format","defaultFormat","hideAlpha")}));return(o,r)=>(e.openBlock(),e.createBlock(e.unref(q.Primitive),{as:o.as,class:e.normalizeClass([t.class,e.unref(h)({size:o.size})])},{default:e.withCtx(()=>[_.header||o.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(u.getBemElement)(e.unref(a),"header"),o.headerCls])},[e.renderSlot(o.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(o.header),1)])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(u.getBemElement)(e.unref(a),"colors"),o.colorsCls])},[o.noRemover?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(i._sfc_main,{key:0,type:"remover",size:o.size,onClick:r[0]||(r[0]=s=>v()),selected:!e.unref(l)&&f.value},null,8,["size","selected"])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,s=>(e.openBlock(),e.createBlock(i._sfc_main,e.mergeProps({type:"color",size:o.size,icon:o.icon,ref_for:!0},y(s),{key:c(s),onClick:n=>v(s)}),e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),n=>({name:n,fn:e.withCtx(z=>[e.renderSlot(o.$slots,n,e.mergeProps({ref_for:!0},{...z,value:c(s)}))])}))]),1040,["size","icon","onClick"]))),128)),o.noCustomPicker?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E._sfc_main,e.mergeProps({key:1,trigger:"click","reverse-placement-on-dir":"rtl",placement:"right-start","side-offset":4},o.popoverProps||{}),{content:e.withCtx(()=>[e.createVNode(O._sfc_main,e.mergeProps({defaultColor:P.value,"onUpdate:color":V},M.value),null,16,["defaultColor"])]),default:e.withCtx(()=>[e.createVNode(i._sfc_main,{type:"custom-picker",size:o.size,customPickerIcon:o.customPickerIcon},e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),s=>({name:s,fn:e.withCtx(n=>[e.renderSlot(o.$slots,s,e.normalizeProps(e.guardReactiveProps(n)))])}))]),1032,["size","customPickerIcon"])]),_:3},16))],2)]),_:3},8,["as","class"]))}});exports._sfc_main=A;

package/dist/ColorTrigger/ColorTrigger.d.ts

@@ -0,0 +1,22 @@
+import { GraphicalObjectProps } from '../GraphicalObject/GraphicalObject';
+import { ColorTriggerSize } from './ColorTrigger.model';
+export type ColorTriggerProps = Partial<Pick<GraphicalObjectProps, 'icon' | 'bg' | 'br' | 'fg' | 'as' | 'class'>> & {
+    size?: ColorTriggerSize;
+    borderless?: boolean;
+    suffixIcon?: boolean | string;
+};
+export interface ColorTriggerSlots {
+    default?: () => never;
+    icon?: () => never;
+    suffixIcon?: () => never;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ColorTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ColorTriggerProps> & Readonly<{}>, {
+    size: "sm" | "md" | "lg";
+    suffixIcon: string | boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<ColorTriggerSlots> & ColorTriggerSlots>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/ColorTrigger/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ColorTrigger, default, type ColorTriggerSlots, type ColorTriggerProps, } from './ColorTrigger';
+export * from './ColorTrigger.model';

package/dist/ColorTrigger/index.js.js

@@ -0,0 +1,6 @@
+import { _ as e, C as a, _ as g } from "../ColorTrigger.vue_vue_type_style_index_0_lang-DSZ8fAZ9.js";
+export {
+  e as ColorTrigger,
+  a as ColorTriggerSizes,
+  g as default
+};

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

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

package/dist/ColorTrigger.vue_vue_type_style_index_0_lang-DSZ8fAZ9.js

@@ -0,0 +1,91 @@
+import { defineComponent as S, computed as o, useSlots as _, createBlock as c, openBlock as m, unref as i, normalizeClass as x, withCtx as t, createVNode as B, createCommentVNode as k, normalizeProps as l, guardReactiveProps as f, createSlots as I, renderList as h, renderSlot as u } from "vue";
+import { _ as w } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-B3FouRlw.js";
+import { g as y } from "./options-JBqnVZUl.js";
+import { g as O, a as g } from "./class-DziTeW9B.js";
+import { cva as P } from "class-variance-authority";
+import { P as $ } from "./Primitive-nOVjbfuc.js";
+import { _ as T } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
+import { i as V } from "./isString-BVAZt9W3.js";
+import { p as G } from "./pick-DLskPTKb.js";
+const p = ["sm", "md", "lg"], J = /* @__PURE__ */ S({
+  ...y("ColorTrigger"),
+  __name: "ColorTrigger",
+  props: {
+    icon: {},
+    bg: {},
+    br: {},
+    fg: {},
+    as: {},
+    class: {},
+    size: { default: "md" },
+    borderless: { type: Boolean },
+    suffixIcon: { type: [Boolean, String], default: "tabler:chevron-down" }
+  },
+  setup(d) {
+    const e = d, r = O("color_trigger"), z = P(r, {
+      variants: {
+        size: g(p, r),
+        borderless: g("borderless", r)
+      }
+    }), b = o(
+      () => e.size && p.includes(e.size) ? e.size : "md"
+    ), C = o(() => ({
+      size: (() => {
+        switch (e.size) {
+          case "sm":
+            return "2xsm";
+          case "md":
+            return "xsm";
+          case "lg":
+            return "sm";
+        }
+      })(),
+      ...G(e, "icon", "bg", "br", "fg")
+    })), n = _(), v = o(() => {
+      switch (e.size) {
+        case "sm":
+          return "2xsm";
+        case "md":
+        case "lg":
+          return "xsm";
+      }
+    });
+    return (s, L) => (m(), c(i($), {
+      as: s.as,
+      class: x([
+        i(z)({
+          size: b.value,
+          borderless: s.borderless
+        }),
+        e.class
+      ]),
+      tabindex: "0"
+    }, {
+      default: t(() => [
+        B(w, l(f(C.value)), I({ _: 2 }, [
+          h(Object.keys(n), (a) => ({
+            name: a,
+            fn: t(() => [
+              u(s.$slots, a, l(f(e)))
+            ])
+          }))
+        ]), 1040),
+        s.suffixIcon || n.suffixIcon ? (m(), c(T, {
+          key: 0,
+          icon: i(V)(s.suffixIcon) ? s.suffixIcon : void 0,
+          size: v.value
+        }, {
+          default: t(() => [
+            u(s.$slots, "suffixIcon")
+          ]),
+          _: 3
+        }, 8, ["icon", "size"])) : k("", !0)
+      ]),
+      _: 3
+    }, 8, ["as", "class"]));
+  }
+});
+export {
+  p as C,
+  J as _
+};

package/dist/ColorTrigger.vue_vue_type_style_index_0_lang-DwyinKNj.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),d=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-DlMeNk_1.js"),f=require("./options-B4iSAKol.js"),o=require("./class-CjZYGZDW.js"),p=require("class-variance-authority"),_=require("./Primitive-BT1RjuGS.js"),z=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),v=require("./isString-CKmTJsel.js"),C=require("./pick-C-ap2Lj0.js"),i=["sm","md","lg"],b=e.defineComponent({...f.getComponentOptions("ColorTrigger"),__name:"ColorTrigger",props:{icon:{},bg:{},br:{},fg:{},as:{},class:{},size:{default:"md"},borderless:{type:Boolean},suffixIcon:{type:[Boolean,String],default:"tabler:chevron-down"}},setup(a){const s=a,t=o.getBemBlock("color_trigger"),l=p.cva(t,{variants:{size:o.generateVariantClassList(i,t),borderless:o.generateVariantClassList("borderless",t)}}),u=e.computed(()=>s.size&&i.includes(s.size)?s.size:"md"),g=e.computed(()=>({size:(()=>{switch(s.size){case"sm":return"2xsm";case"md":return"xsm";case"lg":return"sm"}})(),...C.pick(s,"icon","bg","br","fg")})),n=e.useSlots(),m=e.computed(()=>{switch(s.size){case"sm":return"2xsm";case"md":case"lg":return"xsm"}});return(r,S)=>(e.openBlock(),e.createBlock(e.unref(_.Primitive),{as:r.as,class:e.normalizeClass([e.unref(l)({size:u.value,borderless:r.borderless}),s.class]),tabindex:"0"},{default:e.withCtx(()=>[e.createVNode(d._sfc_main,e.normalizeProps(e.guardReactiveProps(g.value)),e.createSlots({_:2},[e.renderList(Object.keys(n),c=>({name:c,fn:e.withCtx(()=>[e.renderSlot(r.$slots,c,e.normalizeProps(e.guardReactiveProps(s)))])}))]),1040),r.suffixIcon||n.suffixIcon?(e.openBlock(),e.createBlock(z._sfc_main,{key:0,icon:e.unref(v.isString)(r.suffixIcon)?r.suffixIcon:void 0,size:m.value},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"suffixIcon")]),_:3},8,["icon","size"])):e.createCommentVNode("",!0)]),_:3},8,["as","class"]))}});exports.ColorTriggerSizes=i;exports._sfc_main=b;

package/dist/ConfigProvider/index.js.js

@@ -1,11 +1,121 @@
-import "radix-vue";
-import "@pantograph/tokens";
-import "vue";
-import { C, C as n, i as a, p as f } from "../index-CRYvpN0O.js";
-import "../options-JBqnVZUl.js";
+import { createContext as C, ConfigProvider as E } from "radix-vue";
+import { toggleDark as T, getThemeConfig as s, init as _, defineTheme as u } from "@pantograph/tokens";
+import { computed as m, unref as h, ref as g, defineComponent as p, watch as y, h as L } from "vue";
+import { i as v } from "../isString-BVAZt9W3.js";
+import { useMutationObserver as D } from "@vueuse/core";
+import { c as M } from "../options-JBqnVZUl.js";
+const k = (n) => {
+  const t = m(() => {
+    const e = h(n);
+    return v(e) ? document.querySelector(e) : e instanceof HTMLElement ? e : document.documentElement;
+  }), r = g("ltr"), o = () => {
+    t.value instanceof HTMLElement && (r.value = getComputedStyle(t.value).direction);
+  };
+  o();
+  const c = (e) => {
+    let i = e;
+    (!e || !["rtl", "ltr"].includes(e)) && (i = r.value === "ltr" ? "rtl" : "ltr"), t.value && (t.value.dir = i);
+  };
+  return D(t, o, {
+    attributes: !0,
+    attributeFilter: ["dir", "class", "style"]
+  }), [r, c];
+}, b = (n) => {
+  const t = m(() => {
+    const e = h(n);
+    return v(e) ? document.querySelector(e) : e instanceof HTMLElement ? e : document.documentElement;
+  }), r = g(!1), o = () => {
+    var e, i;
+    t.value instanceof HTMLElement && (r.value = ((i = (e = t.value) == null ? void 0 : e.classList) == null ? void 0 : i.contains("dark")) ?? !1);
+  };
+  o();
+  const c = (e) => {
+    let i = e;
+    [!0, !1].includes(e) || (i = !r.value), t.value && T(i, t.value);
+  };
+  return D(t, o, {
+    attributes: !0,
+    attributeFilter: ["class", "data-theme"]
+  }), [r, c];
+}, [S, j] = C("config-provider"), [x, H] = k(), [w, A] = b(), O = {
+  dir: x,
+  changeDirection: H,
+  dark: w,
+  toggleDark: A,
+  changeTheme: u,
+  theme: m(() => s())
+}, I = () => S(O), J = p({
+  name: `${M}ConfigProvider`,
+  inheritAttrs: !1,
+  props: {
+    locale: {
+      type: [String, Object],
+      required: !1
+    },
+    theme: {
+      type: Object,
+      required: !1
+    },
+    changeAbleDirectionElement: {
+      type: [String, HTMLElement, Object],
+      default: "html"
+    },
+    changeAbleDarkElement: {
+      type: [String, HTMLElement, Object],
+      default: "html"
+    }
+  },
+  setup(n, {
+    slots: t
+  }) {
+    const [r, o] = k(n.changeAbleDirectionElement), [c, e] = b(n.changeAbleDarkElement);
+    y(
+      () => n.theme,
+      () => {
+        var a, l;
+        if ((a = n.theme) != null && a.init || (l = n.theme) != null && l.element) {
+          const { init: P, ...f } = n.theme;
+          window.pantographThemeDefined ? u(f) : (_(f), Promise.resolve({           }), window.pantographThemeDefined = !0);
+        }
+      },
+      { immediate: !0 }
+    );
+    const i = m(() => ({
+      ...s(n.theme),
+      dark: c.value
+    })), d = (a) => {
+      var l;
+      return u({ element: (l = n.theme) == null ? void 0 : l.element, ...a });
+    };
+    return j({
+      dir: r,
+      theme: i,
+      dark: c,
+      changeDirection: o,
+      changeTheme: d,
+      toggleDark: e
+    }), () => L(
+      E,
+      { dir: r.value },
+      {
+        default: () => {
+          var a;
+          return (a = t.default) == null ? void 0 : a.call(t, {
+            dir: r.value,
+            theme: i.value,
+            dark: c.value,
+            changeDirection: o,
+            changeTheme: d,
+            toggleDark: e
+          });
+        }
+      }
+    );
+  }
+});
 export {
-  C as ConfigProvider,
-  n as default,
-  a as injectConfigContext,
-  f as provideConfigContext
+  J as ConfigProvider,
+  J as default,
+  I as injectConfigContext,
+  j as provideConfigContext
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("radix-vue");require("@pantograph/tokens");require("vue");const e=require("../index-JUGW3BX8.js");require("../options-B4iSAKol.js");exports.ConfigProvider=e.ConfigProvider;exports.default=e.ConfigProvider;exports.injectConfigContext=e.injectConfigContext;exports.provideConfigContext=e.provideConfigContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("radix-vue"),u=require("@pantograph/tokens"),o=require("vue"),g=require("../isString-CKmTJsel.js"),h=require("@vueuse/core"),b=require("../options-B4iSAKol.js"),v=n=>{const t=o.computed(()=>{const e=o.unref(n);return g.isString(e)?document.querySelector(e):e instanceof HTMLElement?e:document.documentElement}),r=o.ref("ltr"),c=()=>{t.value instanceof HTMLElement&&(r.value=getComputedStyle(t.value).direction)};c();const l=e=>{let i=e;(!e||!["rtl","ltr"].includes(e))&&(i=r.value==="ltr"?"rtl":"ltr"),t.value&&(t.value.dir=i)};return h.useMutationObserver(t,c,{attributes:!0,attributeFilter:["dir","class","style"]}),[r,l]},D=n=>{const t=o.computed(()=>{const e=o.unref(n);return g.isString(e)?document.querySelector(e):e instanceof HTMLElement?e:document.documentElement}),r=o.ref(!1),c=()=>{var e,i;t.value instanceof HTMLElement&&(r.value=((i=(e=t.value)==null?void 0:e.classList)==null?void 0:i.contains("dark"))??!1)};c();const l=e=>{let i=e;[!0,!1].includes(e)||(i=!r.value),t.value&&u.toggleDark(i,t.value)};return h.useMutationObserver(t,c,{attributes:!0,attributeFilter:["class","data-theme"]}),[r,l]},[T,k]=f.createContext("config-provider"),[_,E]=v(),[q,S]=D(),M={dir:_,changeDirection:E,dark:q,toggleDark:S,changeTheme:u.defineTheme,theme:o.computed(()=>u.getThemeConfig())},p=()=>T(M),C=o.defineComponent({name:`${b.componentPrefix}ConfigProvider`,inheritAttrs:!1,props:{locale:{type:[String,Object],required:!1},theme:{type:Object,required:!1},changeAbleDirectionElement:{type:[String,HTMLElement,Object],default:"html"},changeAbleDarkElement:{type:[String,HTMLElement,Object],default:"html"}},setup(n,{slots:t}){const[r,c]=v(n.changeAbleDirectionElement),[l,e]=D(n.changeAbleDarkElement);o.watch(()=>n.theme,()=>{var a,s;if((a=n.theme)!=null&&a.init||(s=n.theme)!=null&&s.element){const{init:y,...m}=n.theme;window.pantographThemeDefined?u.defineTheme(m):(u.init(m),Promise.resolve().then(()=>require("../index-Dyvby5gX.js")),window.pantographThemeDefined=!0)}},{immediate:!0});const i=o.computed(()=>({...u.getThemeConfig(n.theme),dark:l.value})),d=a=>{var s;return u.defineTheme({element:(s=n.theme)==null?void 0:s.element,...a})};return k({dir:r,theme:i,dark:l,changeDirection:c,changeTheme:d,toggleDark:e}),()=>o.h(f.ConfigProvider,{dir:r.value},{default:()=>{var a;return(a=t.default)==null?void 0:a.call(t,{dir:r.value,theme:i.value,dark:l.value,changeDirection:c,changeTheme:d,toggleDark:e})}})}});exports.ConfigProvider=C;exports.default=C;exports.injectConfigContext=p;exports.provideConfigContext=k;

package/dist/FloatButton/index.js.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as e } from "../FloatButton.vue_vue_type_script_setup_true_lang-Bhc5xjck.js";
+import { _ as o, _ as e } from "../FloatButton.vue_vue_type_script_setup_true_lang-Bapsnc_p.js";
 export {
   o as FloatButton,
   e as default

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

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

package/dist/{FloatButton.vue_vue_type_script_setup_true_lang-Bhc5xjck.js → FloatButton.vue_vue_type_script_setup_true_lang-Bapsnc_p.js}

@@ -1,6 +1,6 @@
 import { defineComponent as i, 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-wqhC12f_.js";
-import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-D99yMq5W.js";
+import { o as y } from "./omit-BEkBWXra.js";
+import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-BrQJfrgg.js";
 import { g as P } from "./options-JBqnVZUl.js";
 const I = /* @__PURE__ */ i({
   ...P("FloatButton", !1),

package/dist/{FloatButton.vue_vue_type_script_setup_true_lang-CQIk1UgJ.js → FloatButton.vue_vue_type_script_setup_true_lang-C56u1xaL.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),l=require("./omit-CMPOmOGF.js"),p=require("./BaseButton.vue_vue_type_style_index_0_lang-CfBRZCKS.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("FloatButton",!1),__name:"FloatButton",props:{as:{},class:{},color:{},loading:{type:Boolean},size:{},icon:{},type:{}},setup(s,{expose:r}){const a=s,c=e.useAttrs(),i=e.computed(()=>({...l.omit(c,"variant","text","preIcon","postIcon","action","active","badgeText"),...a})),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(p._sfc_main,e.mergeProps(i.value,{variant:"float",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"),l=require("./omit-BKPbELUG.js"),p=require("./BaseButton.vue_vue_type_style_index_0_lang-CTK5nNR6.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("FloatButton",!1),__name:"FloatButton",props:{as:{},class:{},color:{},loading:{type:Boolean},size:{},icon:{},type:{}},setup(s,{expose:r}){const a=s,c=e.useAttrs(),i=e.computed(()=>({...l.omit(c,"variant","text","preIcon","postIcon","action","active","badgeText"),...a})),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(p._sfc_main,e.mergeProps(i.value,{variant:"float",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;