@pantograph/vue 0.0.3 → 0.5.0

package/dist/FloatButton/FloatButton.d.ts

@@ -1,15 +1,159 @@
-import { BaseButtonProps } from '../Base/BaseButton/BaseButton';
-export type FloatButtonProps = Pick<BaseButtonProps, 'as' | 'class' | 'color' | 'loading' | 'size' | 'icon'> & {
+import { BaseButtonSlots, BaseButtonProps } from '../Base/BaseButton/BaseButton';
+export type FloatButtonProps = Partial<Pick<BaseButtonProps, 'as' | 'class' | 'color' | 'loading' | 'size' | 'icon'>> & {
     type?: 'fill' | 'outline';
 };
+type FloatButtonSlots = Omit<BaseButtonSlots, 'preIcon' | 'badge' | 'postIcon' | 'default'>;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Partial<Record<string, (_: any) => any>>;
-    refs: {};
+    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;
+                readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: any;
+            $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;
+                as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+            }, {}, 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;
+            as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+        }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "blur" | "focus" | ("type" | "color" | "as")> & import('vue').ShallowUnwrapRef<{
+            focus(): void;
+            blur(): void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: any;
+        }) | null;
+    };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<FloatButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FloatButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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, {
+    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;
+            readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: any;
+        $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;
+            as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+        }, {}, 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;
+        as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+    }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "blur" | "focus" | ("type" | "color" | "as")> & import('vue').ShallowUnwrapRef<{
+        focus(): void;
+        blur(): void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: any;
+    }) | null;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/FloatButton/index.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-Bu9Ndwxm.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-BD8KDs-3.js");exports.FloatButton=e._sfc_main;exports.default=e._sfc_main;

package/dist/FloatButton/index.es.js

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

package/dist/FloatButton.vue_vue_type_script_setup_true_lang-BD8KDs-3.js

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

package/dist/FloatButton.vue_vue_type_script_setup_true_lang-CLL_AR_I.js

@@ -0,0 +1,47 @@
+import { defineComponent as i, useAttrs as l, computed as m, ref as u, openBlock as f, createBlock 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-DtumnYm5.js";
+import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-BLGNTber.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 },
+    size: {},
+    icon: {},
+    type: {}
+  },
+  setup(r, { expose: n }) {
+    const s = r, a = l(), c = m(() => ({
+      ...y(a, "variant", "text", "preIcon", "postIcon", "action", "active", "badgeText"),
+      ...s
+    })), t = u();
+    return n({
+      focus() {
+        var o;
+        (o = t.value) == null || o.focus();
+      },
+      blur() {
+        var o;
+        (o = t.value) == null || o.blur();
+      }
+    }), (o, R) => (f(), _(C, d(c.value, {
+      variant: "float",
+      ref_key: "buttonRef",
+      ref: t
+    }), b({ _: 2 }, [
+      g(Object.keys(o.$slots), (e) => ({
+        name: e,
+        fn: v((p) => [
+          B(o.$slots, e, k(x(p)))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  I as _
+};

package/dist/GraphicalObject/GraphicalObject.d.ts

@@ -1,10 +1,10 @@
-import { BaseBadgeProps } from '../Base/BaseBadge/BaseBadge';
-export type GraphicalObjectProps = Pick<BaseBadgeProps, 'as' | 'class' | 'mode' | 'icon' | 'color'> & {
+import { BadgeSlots, BaseBadgeProps } from '../Base/BaseBadge/BaseBadge';
+export type GraphicalObjectProps = Partial<Pick<BaseBadgeProps, 'as' | 'class' | 'mode' | 'icon' | 'color'>> & {
     size?: Exclude<BaseBadgeProps['size'], 'tiny' | 'tinier'>;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Partial<Record<string, (_: any) => any>>;
+    slots: Readonly<BadgeSlots> & BadgeSlots;
     refs: {};
     rootEl: any;
 };

package/dist/GraphicalObject/index.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-BhMxC00o.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-BKYCNg9l.js");exports.GraphicalObject=e._sfc_main;exports.default=e._sfc_main;

package/dist/GraphicalObject/index.es.js

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

package/dist/GraphicalObject.vue_vue_type_script_setup_true_lang-BKYCNg9l.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("./omit-C_ZXwm9T.js"),p=require("./BaseBadge.vue_vue_type_style_index_0_lang-B1Va5X21.js"),u=require("./options-B4iSAKol.js"),_=e.defineComponent({...u.getComponentOptions("GraphicalObject",!1),__name:"GraphicalObject",props:{as:{},class:{},mode:{},icon:{},color:{},size:{}},setup(r){const o=r,n=e.useAttrs(),c=e.computed(()=>({...a.omit(n,"type","text"),...o}));return(t,l)=>(e.openBlock(),e.createBlock(p._sfc_main,e.mergeProps(c.value,{type:"rect"}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),s=>({name:s,fn:e.withCtx(i=>[e.renderSlot(t.$slots,s,e.normalizeProps(e.guardReactiveProps(i)))])}))]),1040))}});exports._sfc_main=_;

package/dist/{GraphicalObject.vue_vue_type_script_setup_true_lang-CcI-aIS4.js → GraphicalObject.vue_vue_type_script_setup_true_lang-DqfDSUXz.js}

@@ -1,7 +1,8 @@
-import { defineComponent as c, useAttrs as p, computed as i, openBlock as m, createBlock as l, mergeProps as _, createSlots as f, renderList as u, withCtx as d, renderSlot as g, normalizeProps as b, guardReactiveProps as h } from "vue";
-import { o as O, _ as j } from "./omit-DU39EwuA.js";
-import { g as k } from "./options-B8rT2fg0.js";
-const v = /* @__PURE__ */ c({
+import { defineComponent as c, useAttrs as p, computed as i, openBlock as m, createBlock as l, mergeProps as f, createSlots as _, renderList as u, withCtx as d, renderSlot as g, normalizeProps as b, guardReactiveProps as h } from "vue";
+import { o as O } from "./omit-DtumnYm5.js";
+import { _ as j } from "./BaseBadge.vue_vue_type_style_index_0_lang-CHhhflIH.js";
+import { g as k } from "./options-JBqnVZUl.js";
+const x = /* @__PURE__ */ c({
   ...k("GraphicalObject", !1),
   __name: "GraphicalObject",
   props: {
@@ -17,7 +18,7 @@ const v = /* @__PURE__ */ c({
       ...O(s, "type", "text"),
       ...r
     }));
-    return (e, y) => (m(), l(j, _(n.value, { type: "rect" }), f({ _: 2 }, [
+    return (e, y) => (m(), l(j, f(n.value, { type: "rect" }), _({ _: 2 }, [
       u(Object.keys(e.$slots), (t) => ({
         name: t,
         fn: d((a) => [
@@ -28,5 +29,5 @@ const v = /* @__PURE__ */ c({
   }
 });
 export {
-  v as _
+  x as _
 };

package/dist/Icon/Icon.d.ts

@@ -1,5 +1,5 @@
-import { IconSize } from './Icon.model.ts';
 import { Class } from '../types';
+import { IconSize } from './Icon.model.ts';
 export interface IconProps {
     size?: IconSize;
     class?: Class;

package/dist/Icon/index.cjs.js

@@ -1 +1 @@
-"use strict";var s=Object.create;var t=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var r=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var I=(e,o,c,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of d(o))!u.call(e,n)&&n!==c&&t(e,n,{get:()=>o[n],enumerable:!(i=_(o,n))||i.enumerable});return e};var l=(e,o,c)=>(c=e!=null?s(r(e)):{},I(o||!e||!e.__esModule?t(c,"default",{value:e,enumerable:!0}):c,e));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@iconify/vue");const a=require("../Icon.vue_vue_type_style_index_0_lang-CV1YvIs-.js"),f=async(e,o="")=>{const{addCollection:c}=await import("@iconify/vue");c(e,o)},C=async e=>{const{disableCache:o}=await import("@iconify/vue");o(e??"all")};exports.Icon=a._sfc_main;exports.IconSizes=a.IconSizes;exports.default=a._sfc_main;exports.defineLocaleIconCollection=f;exports.disableIconCache=C;
+"use strict";var s=Object.create;var t=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var r=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var I=(e,o,c,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of d(o))!u.call(e,n)&&n!==c&&t(e,n,{get:()=>o[n],enumerable:!(i=_(o,n))||i.enumerable});return e};var l=(e,o,c)=>(c=e!=null?s(r(e)):{},I(o||!e||!e.__esModule?t(c,"default",{value:e,enumerable:!0}):c,e));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@iconify/vue");const a=require("../Icon.vue_vue_type_style_index_0_lang-D-jaUivh.js"),f=async(e,o="")=>{const{addCollection:c}=await import("@iconify/vue");c(e,o)},C=async e=>{const{disableCache:o}=await import("@iconify/vue");o(e??"all")};exports.Icon=a._sfc_main;exports.IconSizes=a.IconSizes;exports.default=a._sfc_main;exports.defineLocaleIconCollection=f;exports.disableIconCache=C;

package/dist/Icon/index.es.js

@@ -1,5 +1,5 @@
 import "@iconify/vue";
-import { _ as l, I as d, _ as r } from "../Icon.vue_vue_type_style_index_0_lang-CB4CYuWH.js";
+import { _ as l, I as d, _ as r } from "../Icon.vue_vue_type_style_index_0_lang-W7sippxn.js";
 const e = async (o, a = "") => {
   const { addCollection: c } = await import("@iconify/vue");
   c(o, a);

package/dist/Icon.vue_vue_type_style_index_0_lang-D-jaUivh.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),d=require("@iconify/vue"),t=require("./class-CjZYGZDW.js"),z=require("class-variance-authority"),B=require("./options-B4iSAKol.js"),o=["3xsm","2xsm","xsm","sm"],g=e.defineComponent({...B.getComponentOptions("Icon"),__name:"Icon",props:{size:{default:"xsm"},class:{},icon:{},flipOnDir:{},flipX:{type:Boolean},flipY:{type:Boolean}},setup(l){const i=l,n=t.getBemBlock("icon"),c=z.cva(n,{variants:{size:t.generateVariantClassList(o,n)}}),p=e.computed(()=>{if(Number(i.size)>0)return`${i.size}px`;if(typeof i.size=="string"&&!o.includes(i.size))return i.size}),a=e.computed(()=>{const s=[],r=t.getBemModifier(n,"flip-x"),f=t.getBemModifier(n,"flip-y"),u=t.getBemModifier(n,"flip-rtl"),m=t.getBemModifier(n,"flip-ltr");return i.flipX?s.push(r):(i.flipOnDir==="rtl"&&s.push(u),i.flipOnDir==="ltr"&&s.push(m)),i.flipY&&s.push(f),s.join(" ")});return(s,r)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([e.unref(c)({size:s.size}),a.value,i.class]),style:e.normalizeStyle({"--pt-icon-size":p.value})},[e.renderSlot(s.$slots,"default",{},()=>[s.icon?(e.openBlock(),e.createBlock(e.unref(d.Icon),{key:0,icon:s.icon,ssr:""},null,8,["icon"])):e.createCommentVNode("",!0)])],6))}});exports.IconSizes=o;exports._sfc_main=g;

package/dist/Icon.vue_vue_type_style_index_0_lang-W7sippxn.js

@@ -0,0 +1,48 @@
+import { defineComponent as B, computed as t, openBlock as r, createElementBlock as g, normalizeClass as y, unref as l, normalizeStyle as C, renderSlot as h, createBlock as k, createCommentVNode as v } from "vue";
+import { Icon as x } from "@iconify/vue";
+import { g as I, b as O, c as n } from "./class-DyU-Ox8D.js";
+import { cva as S } from "class-variance-authority";
+import { g as D } from "./options-JBqnVZUl.js";
+const p = ["3xsm", "2xsm", "xsm", "sm"], N = /* @__PURE__ */ B({
+  ...D("Icon"),
+  __name: "Icon",
+  props: {
+    size: { default: "xsm" },
+    class: {},
+    icon: {},
+    flipOnDir: {},
+    flipX: { type: Boolean },
+    flipY: { type: Boolean }
+  },
+  setup(c) {
+    const e = c, i = O("icon"), a = S(i, {
+      variants: {
+        size: I(p, i)
+      }
+    }), f = t(() => {
+      if (Number(e.size) > 0)
+        return `${e.size}px`;
+      if (typeof e.size == "string" && !p.includes(e.size))
+        return e.size;
+    }), m = t(() => {
+      const s = [], o = n(i, "flip-x"), u = n(i, "flip-y"), z = n(i, "flip-rtl"), d = n(i, "flip-ltr");
+      return e.flipX ? s.push(o) : (e.flipOnDir === "rtl" && s.push(z), e.flipOnDir === "ltr" && s.push(d)), e.flipY && s.push(u), s.join(" ");
+    });
+    return (s, o) => (r(), g("span", {
+      class: y([l(a)({ size: s.size }), m.value, e.class]),
+      style: C({ "--pt-icon-size": f.value })
+    }, [
+      h(s.$slots, "default", {}, () => [
+        s.icon ? (r(), k(l(x), {
+          key: 0,
+          icon: s.icon,
+          ssr: ""
+        }, null, 8, ["icon"])) : v("", !0)
+      ])
+    ], 6));
+  }
+});
+export {
+  p as I,
+  N as _
+};

package/dist/IconButton/IconButton.d.ts

@@ -1,13 +1,157 @@
-import { BaseButtonProps } from '../Base/BaseButton/BaseButton';
-export type IconButtonProps = Pick<BaseButtonProps, 'as' | 'class' | 'type' | 'color' | 'loading' | 'icon' | 'size'>;
+import { BaseButtonSlots, BaseButtonProps } from '../Base/BaseButton/BaseButton';
+export type IconButtonProps = Partial<Pick<BaseButtonProps, 'as' | 'class' | 'type' | 'color' | 'loading' | 'icon' | 'size'>>;
+type IconButtonSlots = Omit<BaseButtonSlots, 'preIcon' | 'badge' | 'postIcon' | 'default'>;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Partial<Record<string, (_: any) => any>>;
-    refs: {};
+    slots: Readonly<IconButtonSlots> & IconButtonSlots;
+    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;
+                readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: any;
+            $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;
+                as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+            }, {}, 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;
+            as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+        }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "blur" | "focus" | ("type" | "color" | "as")> & import('vue').ShallowUnwrapRef<{
+            focus(): void;
+            blur(): void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: any;
+        }) | null;
+    };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<IconButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IconButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseButtonProps, "size" | "class" | "icon" | "type" | "color" | "as" | "loading">>, {
+    focus(): void;
+    blur(): void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<Pick<BaseButtonProps, "size" | "class" | "icon" | "type" | "color" | "as" | "loading">>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    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;
+            readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: any;
+        $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;
+            as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+        }, {}, 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;
+        as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+    }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "blur" | "focus" | ("type" | "color" | "as")> & import('vue').ShallowUnwrapRef<{
+        focus(): void;
+        blur(): void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: any;
+    }) | null;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/IconButton/index.cjs.js

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

package/dist/IconButton/index.es.js

@@ -1,4 +1,4 @@
-import { _ as a, _ as e } from "../IconButton.vue_vue_type_script_setup_true_lang-BTG_oQuF.js";
+import { _ as a, _ as e } from "../IconButton.vue_vue_type_script_setup_true_lang-DCrUZOP9.js";
 export {
   a as IconButton,
   e as default

package/dist/IconButton.vue_vue_type_script_setup_true_lang-DCrUZOP9.js

@@ -0,0 +1,47 @@
+import { defineComponent as p, useAttrs as m, computed as u, ref as f, openBlock as l, createBlock 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-DtumnYm5.js";
+import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-BLGNTber.js";
+import { g as C } from "./options-JBqnVZUl.js";
+const O = /* @__PURE__ */ p({
+  ...C("IconButton", !1),
+  __name: "IconButton",
+  props: {
+    as: {},
+    class: {},
+    type: {},
+    color: {},
+    loading: { type: Boolean },
+    icon: {},
+    size: {}
+  },
+  setup(n, { expose: r }) {
+    const s = n, a = m(), c = u(() => ({
+      ...y(a, "variant", "preIcon", "postIcon", "text", "action", "active", "badgeText"),
+      ...s
+    })), e = f();
+    return r({
+      focus() {
+        var o;
+        (o = e.value) == null || o.focus();
+      },
+      blur() {
+        var o;
+        (o = e.value) == null || o.blur();
+      }
+    }), (o, P) => (l(), _(I, d(c.value, {
+      variant: "icon",
+      ref_key: "buttonRef",
+      ref: e
+    }), b({ _: 2 }, [
+      g(Object.keys(o.$slots), (t) => ({
+        name: t,
+        fn: v((i) => [
+          B(o.$slots, t, k(x(i)))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  O as _
+};

package/dist/IconButton.vue_vue_type_script_setup_true_lang-DVbz9uji.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("./omit-C_ZXwm9T.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-HdsdAsR3.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("IconButton",!1),__name:"IconButton",props:{as:{},class:{},type:{},color:{},loading:{type:Boolean},icon:{},size:{}},setup(s,{expose:r}){const c=s,a=e.useAttrs(),i=e.computed(()=>({...p.omit(a,"variant","preIcon","postIcon","text","action","active","badgeText"),...c})),o=e.ref();return r({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,m)=>(e.openBlock(),e.createBlock(l._sfc_main,e.mergeProps(i.value,{variant:"icon",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;