@pantograph/vue 0.10.1 → 0.10.2

package/dist/ColorSwatchGroup.vue_vue_type_style_index_0_lang-Cwh2REmh.js

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

package/dist/ColorTrigger/ColorTrigger.d.ts

@@ -1,7 +1,8 @@
 import { GraphicalObjectProps } from '../GraphicalObject/GraphicalObject';
 import { ColorTriggerSize } from './ColorTrigger.model';
-export type ColorTriggerProps = Partial<Pick<GraphicalObjectProps, 'icon' | 'bg' | 'br' | 'fg' | 'as' | 'class'>> & {
+export type ColorTriggerProps = Partial<Pick<GraphicalObjectProps, 'icon' | 'bg' | 'br' | 'fg' | 'class'>> & {
     size?: ColorTriggerSize;
+    disabled?: boolean;
     borderless?: boolean;
     suffixIcon?: boolean | string;
 };
@@ -10,10 +11,17 @@ export interface ColorTriggerSlots {
     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>;
+declare function __VLS_template(): {
+    slots: Readonly<ColorTriggerSlots> & ColorTriggerSlots;
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ColorTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ColorTriggerProps> & Readonly<{}>, {
+    size: ColorTriggerSize;
+    suffixIcon: boolean | string;
+}, {}, {}, {}, 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 (): {

package/dist/ColorTrigger/index.js.js

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

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

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

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

package/dist/ColorTrigger.vue_vue_type_style_index_0_lang-C8kPa338.js

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

package/dist/ConfigProvider/index.d.ts

@@ -23,17 +23,17 @@ declare const provideConfigContext: (contextValue: Context) => Context;
 declare const injectConfigContext: () => Context;
 export { provideConfigContext, injectConfigContext };
 export declare const ConfigProvider: import('vue').DefineComponent<{
-    locale?: object | "fa" | "en" | undefined;
+    locale?: ("fa" | "en" | object) | undefined;
     theme?: _Config | undefined;
-    changeAbleDirectionElement?: string | HTMLElement | Ref<string | HTMLElement, string | HTMLElement> | undefined;
-    changeAbleDarkElement?: string | HTMLElement | Ref<string | HTMLElement, string | HTMLElement> | undefined;
+    changeAbleDirectionElement?: (string | HTMLElement | Ref<string | HTMLElement>) | undefined;
+    changeAbleDarkElement?: (string | HTMLElement | Ref<string | HTMLElement>) | undefined;
 }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    locale?: object | "fa" | "en" | undefined;
+    locale?: ("fa" | "en" | object) | undefined;
     theme?: _Config | undefined;
-    changeAbleDirectionElement?: string | HTMLElement | Ref<string | HTMLElement, string | HTMLElement> | undefined;
-    changeAbleDarkElement?: string | HTMLElement | Ref<string | HTMLElement, string | HTMLElement> | undefined;
+    changeAbleDirectionElement?: (string | HTMLElement | Ref<string | HTMLElement>) | undefined;
+    changeAbleDarkElement?: (string | HTMLElement | Ref<string | HTMLElement>) | undefined;
 }> & Readonly<{}>, {
     changeAbleDirectionElement: string | HTMLElement | Ref<string | HTMLElement, string | HTMLElement>;
     changeAbleDarkElement: string | HTMLElement | Ref<string | HTMLElement, string | HTMLElement>;

package/dist/ConfigProvider/utils.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
 export type Element = string | HTMLElement | Ref<string | HTMLElement>;
 export type Direction = 'ltr' | 'rtl';
-export declare const useDir: (changeAbleDirectionElement?: Element) => [Ref<Direction, Direction>, (value?: Direction) => void];
-export declare const useDark: (changeAbleDirectionElement?: Element) => [Ref<boolean, boolean>, (dark?: boolean) => void];
+export declare const useDir: (changeAbleDirectionElement?: Element) => [Ref<Direction>, (value?: Direction) => void];
+export declare const useDark: (changeAbleDirectionElement?: Element) => [Ref<boolean>, (dark?: boolean) => void];

package/dist/Divider/Divider.d.ts

@@ -1,16 +1,21 @@
-import { PrimitiveProps } from 'radix-vue';
 import { Class } from '../types';
 import { DividerType } from './Divider.model.js';
-export interface DividerProps extends Omit<PrimitiveProps, 'asChild'> {
+export interface DividerProps {
     type?: DividerType;
     class?: Class;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<DividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DividerProps> & Readonly<{}>, {
-    type: "horizontal" | "vertical";
-    as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
-}>;
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DividerProps> & Readonly<{}>, {
+    type: DividerType;
+}, {}, {}, {}, 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 (): {

package/dist/Divider/index.js.js

@@ -1,4 +1,4 @@
-import { _ as i, D as r, _ as s } from "../Divider.vue_vue_type_style_index_0_lang-B_4XMyuu.js";
+import { _ as i, D as r, _ as s } from "../Divider.vue_vue_type_style_index_0_lang-CRs1KEcj.js";
 export {
   i as Divider,
   r as DividerTypes,

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

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

package/dist/Divider.vue_vue_type_style_index_0_lang-BELWThBf.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),r=require("./class-CjZYGZDW.js"),c=require("class-variance-authority"),l=require("./options-B4iSAKol.js"),n=["horizontal","vertical"],p=e.defineComponent({...l.getComponentOptions("Divider"),__name:"Divider",props:{type:{default:"horizontal"},class:{}},setup(i){const o=i,s=r.getBemBlock("divider"),a=c.cva(s,{variants:{type:r.generateVariantClassList(n,s)}});return(t,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(a)({type:t.type}),o.class])},[e.renderSlot(t.$slots,"default")],2))}});exports.DividerTypes=n;exports._sfc_main=p;

package/dist/Divider.vue_vue_type_style_index_0_lang-CRs1KEcj.js

@@ -0,0 +1,34 @@
+import { defineComponent as a, createElementBlock as n, openBlock as i, normalizeClass as p, unref as l, renderSlot as c } from "vue";
+import { g as m, a as d } from "./class-DziTeW9B.js";
+import { cva as f } from "class-variance-authority";
+import { g as v } from "./options-JBqnVZUl.js";
+const u = ["horizontal", "vertical"], D = /* @__PURE__ */ a({
+  ...v("Divider"),
+  __name: "Divider",
+  props: {
+    type: { default: "horizontal" },
+    class: {}
+  },
+  setup(s) {
+    const o = s, e = m("divider"), r = f(e, {
+      variants: {
+        type: d(u, e)
+        // hasChild: generateVariantClassList('has-child', prefix),
+      }
+    });
+    return (t, g) => (i(), n("div", {
+      class: p([
+        l(r)({
+          type: t.type
+        }),
+        o.class
+      ])
+    }, [
+      c(t.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  u as D,
+  D as _
+};

package/dist/FloatButton/FloatButton.d.ts

@@ -1,12 +1,88 @@
 import { BaseButtonSlots, BaseButtonProps } from '../Base/BaseButton/BaseButton';
-export type FloatButtonProps = Partial<Pick<BaseButtonProps, 'as' | 'class' | 'color' | 'loading' | 'size' | 'icon'>> & {
+export type FloatButtonProps = Partial<Pick<BaseButtonProps, 'class' | 'color' | 'loading' | 'size' | 'icon'>> & {
     type?: 'fill' | 'outline';
 };
 type FloatButtonSlots = Omit<BaseButtonSlots, 'preIcon' | 'badge' | 'postIcon' | 'default'>;
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<FloatButtonProps, {
+declare function __VLS_template(): {
+    slots: Readonly<FloatButtonSlots> & FloatButtonSlots;
+    refs: {
+        buttonRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly class?: import('../index.ts', { with: { "resolution-mode": "import" } }).Class | undefined;
+                readonly text?: (string | number) | undefined;
+                readonly size?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonSize | undefined;
+                readonly color?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor | undefined;
+                readonly type?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType | undefined;
+                readonly variant?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonVariant | undefined;
+                readonly loading?: boolean | undefined;
+                readonly action?: boolean | undefined;
+                readonly active?: boolean | undefined;
+                readonly badgeText?: string | undefined;
+                readonly badgeIcon?: string | undefined;
+                readonly icon?: string | undefined;
+                readonly preIcon?: string | undefined;
+                readonly postIcon?: string | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<BaseButtonProps> & Readonly<{}>, {
+                focus(): void;
+                blur(): void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                type: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType;
+                color: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            type: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType;
+            color: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor;
+        }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "blur" | "focus" | ("type" | "color")> & import('vue').ShallowUnwrapRef<{
+            focus(): void;
+            blur(): void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Readonly<BaseButtonSlots> & BaseButtonSlots;
+        }) | null;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<FloatButtonProps, {
     focus(): void;
     blur(): void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FloatButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<FloatButtonSlots> & FloatButtonSlots>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FloatButtonProps> & Readonly<{}>, {}, {}, {}, {}, 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 (): {

package/dist/FloatButton/index.js.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as e } from "../FloatButton.vue_vue_type_script_setup_true_lang-Bapsnc_p.js";
+import { _ as o, _ as e } from "../FloatButton.vue_vue_type_script_setup_true_lang-BAxKXFb0.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-C56u1xaL.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-C5hAAZZQ.js");exports.FloatButton=e._sfc_main;exports.default=e._sfc_main;

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

@@ -1,12 +1,11 @@
 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-BEkBWXra.js";
-import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-BrQJfrgg.js";
+import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-D7irHU-6.js";
 import { g as P } from "./options-JBqnVZUl.js";
 const I = /* @__PURE__ */ i({
   ...P("FloatButton", !1),
   __name: "FloatButton",
   props: {
-    as: {},
     class: {},
     color: {},
     loading: { type: Boolean },

package/dist/FloatButton.vue_vue_type_script_setup_true_lang-C5hAAZZQ.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("./omit-BKPbELUG.js"),p=require("./BaseButton.vue_vue_type_style_index_0_lang-CgEN8K4D.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("FloatButton",!1),__name:"FloatButton",props:{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;

package/dist/GraphicalObject/GraphicalObject.d.ts

@@ -1,13 +1,20 @@
 import { BaseBadgeSlots, BaseBadgeProps } from '../Base/BaseBadge/BaseBadge';
 import { BadgeSize } from '../Base/BaseBadge/BaseBadge.model';
 import { GraphicalObjectBG, GraphicalObjectBR, GraphicalObjectFG } from './GraphicalObject.model.js';
-export type GraphicalObjectProps = Partial<Pick<BaseBadgeProps, 'as' | 'class' | 'icon'>> & {
+export type GraphicalObjectProps = Partial<Pick<BaseBadgeProps, 'class' | 'icon'>> & {
     fg?: GraphicalObjectFG | string;
     bg?: GraphicalObjectBG | string;
     br?: GraphicalObjectBR | string;
     size?: Exclude<BadgeSize, 'tiny' | 'tinier'>;
 };
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<GraphicalObjectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GraphicalObjectProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<BaseBadgeSlots> & BaseBadgeSlots>;
+declare function __VLS_template(): {
+    slots: Readonly<BaseBadgeSlots> & BaseBadgeSlots;
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<GraphicalObjectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GraphicalObjectProps> & Readonly<{}>, {}, {}, {}, {}, 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 (): {

package/dist/GraphicalObject/index.js.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-B3FouRlw.js";
+import { _ as r, _ as t } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-BEZ6FkRf.js";
 export {
   r as GraphicalObject,
   t as default

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

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

package/dist/{GraphicalObject.vue_vue_type_script_setup_true_lang-B3FouRlw.js → GraphicalObject.vue_vue_type_script_setup_true_lang-BEZ6FkRf.js}

@@ -1,13 +1,12 @@
 import { defineComponent as i, computed as n, useAttrs as m, createBlock as b, openBlock as f, mergeProps as u, createSlots as d, renderList as y, withCtx as _, renderSlot as h, normalizeProps as C, guardReactiveProps as O } from "vue";
 import { o as j } from "./omit-BEkBWXra.js";
-import { a as B, B as $, _ as k } from "./BaseBadge.vue_vue_type_style_index_0_lang-MM6bsdzR.js";
+import { a as B, B as $, _ as k } from "./BaseBadge.vue_vue_type_style_index_0_lang-Bh1152XC.js";
 import { g as v } from "./options-JBqnVZUl.js";
 import { getCssVar as t } from "@pantograph/tokens";
 const z = /* @__PURE__ */ i({
   ...v("GraphicalObject", !1),
   __name: "GraphicalObject",
   props: {
-    as: {},
     class: {},
     icon: {},
     fg: {},

package/dist/GraphicalObject.vue_vue_type_script_setup_true_lang-CdO2zArd.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),u=require("./omit-BKPbELUG.js"),g=require("./BaseBadge.vue_vue_type_style_index_0_lang-BNs69VP4.js"),b=require("./options-B4iSAKol.js"),t=require("@pantograph/tokens"),m=e.defineComponent({...b.getComponentOptions("GraphicalObject",!1),__name:"GraphicalObject",props:{class:{},icon:{},fg:{},bg:{},br:{},size:{}},setup(c){const s=c,i=e.computed(()=>{const a=Object.fromEntries(g.BadgeColors.map(r=>[r,t.getCssVar(`${r}-5`)])),o={...a,...Object.fromEntries(g.BadgeColorsSubtle.map(r=>[r,t.getCssVar(`${r.replace("-subtle","")}-0`)])),transparent:"transparent","gray-subtle":t.getCssVar("gray-1")},n={...a,gray:t.getCssVar("gray-6"),default:t.getCssVar("gray-8"),"default-subtle":t.getCssVar("gray-5"),white:t.getCssVar("grayscale-light-0"),black:t.getCssVar("grayscale-light-10")};return{bg:o[s.bg]??s.bg,br:o[s.br]??(s.bg==="transparent"?t.getCssVar("gray-2"):void 0),fg:n[s.fg??"default"]??s.fg}}),l=e.useAttrs(),p=e.computed(()=>({...u.omit(l,"type","text"),...s,...i.value}));return(a,o)=>(e.openBlock(),e.createBlock(g._sfc_main,e.mergeProps(p.value,{type:"rect"}),e.createSlots({_:2},[e.renderList(Object.keys(a.$slots),n=>({name:n,fn:e.withCtx(r=>[e.renderSlot(a.$slots,n,e.normalizeProps(e.guardReactiveProps(r)))])}))]),1040))}});exports._sfc_main=m;

package/dist/Icon/Icon.d.ts

@@ -8,11 +8,18 @@ export interface IconProps {
     flipX?: boolean;
     flipY?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IconProps> & Readonly<{}>, {
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IconProps> & Readonly<{}>, {
     size: IconSize;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
-}>;
+}, {}, {}, {}, 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 (): {