@pantograph/vue 0.10.3 → 0.10.5

package/dist/ColorSwatchGroup/ColorSwatchGroup.d.ts

@@ -1,9 +1,9 @@
 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';
+import { VisibleColorFormat } from '../ColorPicker/types';
+import { PopoverProps } from '../Popover';
+import { ColorPickerProps } from '../ColorPicker';
 interface ColorObject extends Partial<Pick<ColorSwatchProps, 'bg' | 'fg' | 'br' | 'icon'>> {
     value: string;
 }

package/dist/ColorSwatchGroup/index.js.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-BiHYDJTg.js";
+import { _ as r, _ as t } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-Bqsu2-Pi.js";
 export {
   r as ColorSwatchGroup,
   t as default

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

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

package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-BiHYDJTg.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-Bqsu2-Pi.js}

@@ -1,16 +1,16 @@
 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-8sQWWbLp.js";
-import { i as B } from "./isString-BVAZt9W3.js";
-import { i as M } from "./_flatRest-CHX8vV1P.js";
+import { _ as y, C as Y } from "./ColorSwatch.vue_vue_type_style_index_0_lang-DmWOViyT.js";
+import { a as B } from "./index-iTlmMf0U.js";
+import { i as M } from "./_flatRest-BzXqWlYG.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-vZfwRHoU.js";
-import { _ as se } from "./ColorPicker.vue_vue_type_style_index_0_lang-Bj735O4E.js";
-import { p as S } from "./pick-DLskPTKb.js";
+import { o as te } from "./omit-Beooz3Dl.js";
+import { _ as re } from "./Popover.vue_vue_type_style_index_0_lang-BmWYJg2M.js";
+import { _ as se } from "./ColorPicker.vue_vue_type_style_index_0_lang-CMZ6my8r.js";
+import { p as S } from "./pick-Bwh_EsUP.js";
 const Ce = /* @__PURE__ */ G({
   ...W("ColorSwatchGroup"),
   __name: "ColorSwatchGroup",

package/dist/ColorSwatchGroup.vue_vue_type_style_index_0_lang-CfrcyIa2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),S=require("./options-B4iSAKol.js"),q=require("radix-vue"),i=require("./ColorSwatch.vue_vue_type_style_index_0_lang-DWbErEeg.js"),g=require("./index-BBeDQiz4.js"),m=require("./_flatRest-CreY2VBo.js"),$=require("@vueuse/core"),u=require("./class-CjZYGZDW.js"),j=require("class-variance-authority"),w=require("./omit-C4BrcXKG.js"),E=require("./Popover.vue_vue_type_style_index_0_lang-C7q9V9tc.js"),N=require("./ColorPicker.vue_vue_type_style_index_0_lang-BNdf9ydf.js"),k=require("./pick-Db06rbL5.js"),O=e.defineComponent({...S.getComponentOptions("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(C,{emit:b}){const t=C,_=e.useSlots(),p=b,l=$.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{...w.omit(o,"value"),icon:o.icon??t.icon,selected:l.value===o.value}},a=u.getBemBlock("color_swatch_group"),h=j.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=q.useEmitAsProps(p),M=e.computed(()=>({...k.pick(B,"onUpdate:format"),...k.pick(t,"format","defaultFormat","hideAlpha")}));return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.class,e.unref(h)({size:o.size})])},[_.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(N._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)],2))}});exports._sfc_main=O;

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-BNFu93Ns.js";
+import { _ as e, C as a, _ as g } from "../ColorTrigger.vue_vue_type_style_index_0_lang-DdGYFQWx.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-C8kPa338.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-lIncYku3.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 → ColorTrigger.vue_vue_type_style_index_0_lang-DdGYFQWx.js}

@@ -1,11 +1,11 @@
 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 { _ as w } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-D0vD57ET.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";
+import { _ as V } from "./Icon.vue_vue_type_style_index_0_lang-BVVc15Aa.js";
+import { a as G } from "./index-iTlmMf0U.js";
+import { p as L } from "./pick-Bwh_EsUP.js";
 const u = ["sm", "md", "lg"], N = ["disabled"], J = /* @__PURE__ */ _({
   ...O("ColorTrigger"),
   __name: "ColorTrigger",

package/dist/ColorTrigger.vue_vue_type_style_index_0_lang-lIncYku3.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),m=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-CshbWnRl.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-c9NvwoHi.js"),z=require("./index-BBeDQiz4.js"),b=require("./pick-Db06rbL5.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

@@ -1,19 +1,21 @@
 import { Config } from '@pantograph/tokens';
 import { ComputedRef, Ref } from 'vue';
-import { Direction } from './utils';
-export { type Direction };
+import { Direction, FlipOnDir } from './utils';
+export { type Direction, type FlipOnDir };
 interface _Config extends Config {
     init?: boolean;
 }
 export interface ConfigProviderProps {
     locale?: 'fa' | 'en' | object;
     theme?: _Config;
+    flipOnDir?: FlipOnDir;
     changeAbleDirectionElement?: string | HTMLElement | Ref<string | HTMLElement>;
     changeAbleDarkElement?: string | HTMLElement | Ref<string | HTMLElement>;
 }
 interface Context {
     theme: ComputedRef<Config>;
     dir: Ref<Direction>;
+    flipOnDir: ComputedRef<FlipOnDir | undefined>;
     dark: Ref<boolean>;
     changeDirection: (dir?: Direction) => void;
     changeTheme: (config: Config) => void;
@@ -25,6 +27,7 @@ export { provideConfigContext, injectConfigContext };
 export declare const ConfigProvider: import('vue').DefineComponent<{
     locale?: ("fa" | "en" | object) | undefined;
     theme?: _Config | undefined;
+    flipOnDir?: FlipOnDir | undefined;
     changeAbleDirectionElement?: (string | HTMLElement | Ref<string | HTMLElement>) | undefined;
     changeAbleDarkElement?: (string | HTMLElement | Ref<string | HTMLElement>) | undefined;
 }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
@@ -32,6 +35,7 @@ export declare const ConfigProvider: import('vue').DefineComponent<{
 }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     locale?: ("fa" | "en" | object) | undefined;
     theme?: _Config | undefined;
+    flipOnDir?: FlipOnDir | undefined;
     changeAbleDirectionElement?: (string | HTMLElement | Ref<string | HTMLElement>) | undefined;
     changeAbleDarkElement?: (string | HTMLElement | Ref<string | HTMLElement>) | undefined;
 }> & Readonly<{}>, {
@@ -39,3 +43,7 @@ export declare const ConfigProvider: import('vue').DefineComponent<{
     changeAbleDarkElement: string | HTMLElement | Ref<string | HTMLElement, string | HTMLElement>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default ConfigProvider;
+export declare const useConfig: () => {
+    config: Context;
+    getFlipOnDir: <T = object>(key: keyof T) => ComputedRef<FlipOnDir | undefined>;
+};

package/dist/ConfigProvider/index.js.js

@@ -1,121 +1,12 @@
-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
-          });
-        }
-      }
-    );
-  }
-});
+import "radix-vue";
+import "@pantograph/tokens";
+import "vue";
+import { C as n, C as p, i as a, p as f, u as s } from "../index-iTlmMf0U.js";
+import "../options-JBqnVZUl.js";
 export {
-  J as ConfigProvider,
-  J as default,
-  I as injectConfigContext,
-  j as provideConfigContext
+  n as ConfigProvider,
+  p as default,
+  a as injectConfigContext,
+  f as provideConfigContext,
+  s as useConfig
 };

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

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("radix-vue");require("@pantograph/tokens");require("vue");const e=require("../index-BBeDQiz4.js");require("../options-B4iSAKol.js");exports.ConfigProvider=e.ConfigProvider;exports.default=e.ConfigProvider;exports.injectConfigContext=e.injectConfigContext;exports.provideConfigContext=e.provideConfigContext;exports.useConfig=e.useConfig;

package/dist/ConfigProvider/utils.d.ts

@@ -1,5 +1,6 @@
 import { Ref } from 'vue';
 export type Element = string | HTMLElement | Ref<string | HTMLElement>;
 export type Direction = 'ltr' | 'rtl';
+export type FlipOnDir = Direction | 'none';
 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,5 +1,5 @@
 import { Class } from '../types';
-import { DividerType } from './Divider.model.js';
+import { DividerType } from './Divider.model';
 export interface DividerProps {
     type?: DividerType;
     class?: Class;

package/dist/Empty/Empty.d.ts

@@ -0,0 +1,38 @@
+import { Class } from '../types';
+import { EmptyType } from './Empty.model';
+export interface EmptyProps {
+    type?: EmptyType;
+    class?: Class;
+    imageCls?: Class;
+    titleCls?: Class;
+    descriptionCls?: Class;
+    contentCls?: Class;
+    textCls?: Class;
+    actionsCls?: Class;
+    icon?: string;
+    title?: string;
+    description?: string;
+}
+export interface EmptySlots {
+    title: () => never;
+    description: () => never;
+    actions: () => never;
+    image: () => never;
+}
+declare function __VLS_template(): {
+    slots: Readonly<EmptySlots> & EmptySlots;
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<EmptyProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EmptyProps> & Readonly<{}>, {
+    type: EmptyType;
+    icon: 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 (): {
+        $slots: S;
+    };
+};

package/dist/Empty/Empty.model.d.ts

@@ -0,0 +1,2 @@
+export declare const EmptyTypes: readonly ["simple", "advance"];
+export type EmptyType = (typeof EmptyTypes)[number];

package/dist/Empty/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Empty/index.js.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1 @@
+"use strict";

package/dist/FloatButton/FloatButton.d.ts

@@ -1,5 +1,5 @@
 import { BaseButtonSlots, BaseButtonProps } from '../Base/BaseButton/BaseButton';
-export type FloatButtonProps = Partial<Pick<BaseButtonProps, 'class' | 'color' | 'loading' | 'size' | 'icon'>> & {
+export type FloatButtonProps = Partial<Pick<BaseButtonProps, 'class' | 'color' | 'loading' | 'size' | 'icon' | 'flipOnDir'>> & {
     type?: 'fill' | 'outline';
 };
 type FloatButtonSlots = Omit<BaseButtonSlots, 'preIcon' | 'badge' | 'postIcon' | 'default'>;
@@ -24,6 +24,10 @@ declare function __VLS_template(): {
                 readonly icon?: string | undefined;
                 readonly preIcon?: string | undefined;
                 readonly postIcon?: string | undefined;
+                readonly flipOnDir?: import('../ConfigProvider/index.ts', { with: { "resolution-mode": "import" } }).FlipOnDir | undefined;
+                readonly preIconFlipOnDir?: import('../ConfigProvider/index.ts', { with: { "resolution-mode": "import" } }).FlipOnDir | undefined;
+                readonly postIconFlipOnDir?: import('../ConfigProvider/index.ts', { with: { "resolution-mode": "import" } }).FlipOnDir | undefined;
+                readonly badgeIconFlipOnDir?: import('../ConfigProvider/index.ts', { with: { "resolution-mode": "import" } }).FlipOnDir | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;

package/dist/FloatButton/index.js.js

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

package/dist/{FloatButton.vue_vue_type_script_setup_true_lang-Bg4MdrWW.js → FloatButton.vue_vue_type_script_setup_true_lang-BZreRcZ1.js}

@@ -1,9 +1,9 @@
-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-CEY27kcT.js";
-import { g as P } from "./options-JBqnVZUl.js";
-const I = /* @__PURE__ */ i({
-  ...P("FloatButton", !1),
+import { defineComponent as p, useAttrs as l, computed as f, ref as m, createBlock as u, openBlock as _, mergeProps as d, createSlots as b, renderList as g, withCtx as v, renderSlot as B, normalizeProps as k, guardReactiveProps as x } from "vue";
+import { o as y } from "./omit-Beooz3Dl.js";
+import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-CoUA_gDr.js";
+import { g as O } from "./options-JBqnVZUl.js";
+const F = /* @__PURE__ */ p({
+  ...O("FloatButton", !1),
   __name: "FloatButton",
   props: {
     class: {},
@@ -11,13 +11,14 @@ const I = /* @__PURE__ */ i({
     loading: { type: Boolean },
     size: {},
     icon: {},
+    flipOnDir: {},
     type: {}
   },
   setup(r, { expose: n }) {
-    const s = r, a = l(), c = m(() => ({
+    const s = r, a = l(), c = f(() => ({
       ...y(a, "variant", "text", "preIcon", "postIcon", "action", "active", "badgeText"),
       ...s
-    })), t = u();
+    })), t = m();
     return n({
       focus() {
         var o;
@@ -27,20 +28,20 @@ const I = /* @__PURE__ */ i({
         var o;
         (o = t.value) == null || o.blur();
       }
-    }), (o, R) => (_(), f(C, d(c.value, {
+    }), (o, P) => (_(), u(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)))
+        fn: v((i) => [
+          B(o.$slots, e, k(x(i)))
         ])
       }))
     ]), 1040));
   }
 });
 export {
-  I as _
+  F as _
 };

package/dist/FloatButton.vue_vue_type_script_setup_true_lang-io7at7GI.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("./omit-C4BrcXKG.js"),p=require("./BaseButton.vue_vue_type_style_index_0_lang-D0Qoa28N.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("FloatButton",!1),__name:"FloatButton",props:{class:{},color:{},loading:{type:Boolean},size:{},icon:{},flipOnDir:{},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,7 +1,7 @@
 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, 'class' | 'icon'>> & {
+import { GraphicalObjectBG, GraphicalObjectBR, GraphicalObjectFG } from './GraphicalObject.model';
+export type GraphicalObjectProps = Partial<Pick<BaseBadgeProps, 'class' | 'icon' | 'flipOnDir'>> & {
     fg?: GraphicalObjectFG | string;
     bg?: GraphicalObjectBG | string;
     br?: GraphicalObjectBR | string;

package/dist/GraphicalObject/index.js.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-BEZ6FkRf.js";
+import { _ as r, _ as t } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-D0vD57ET.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-CdO2zArd.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-CshbWnRl.js");exports.GraphicalObject=e._sfc_main;exports.default=e._sfc_main;

package/dist/GraphicalObject.vue_vue_type_script_setup_true_lang-CshbWnRl.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),u=require("./omit-C4BrcXKG.js"),g=require("./BaseBadge.vue_vue_type_style_index_0_lang-PmBe2V25.js"),b=require("./options-B4iSAKol.js"),t=require("@pantograph/tokens"),f=e.defineComponent({...b.getComponentOptions("GraphicalObject",!1),__name:"GraphicalObject",props:{class:{},icon:{},flipOnDir:{},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=f;

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

@@ -1,14 +1,15 @@
-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-Bh1152XC.js";
+import { defineComponent as l, 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-Beooz3Dl.js";
+import { B, a as $, _ as k } from "./BaseBadge.vue_vue_type_style_index_0_lang-CKBk5zhg.js";
 import { g as v } from "./options-JBqnVZUl.js";
 import { getCssVar as t } from "@pantograph/tokens";
-const z = /* @__PURE__ */ i({
+const z = /* @__PURE__ */ l({
   ...v("GraphicalObject", !1),
   __name: "GraphicalObject",
   props: {
     class: {},
     icon: {},
+    flipOnDir: {},
     fg: {},
     bg: {},
     br: {},
@@ -38,12 +39,12 @@ const z = /* @__PURE__ */ i({
         br: o[e.br] ?? (e.bg === "transparent" ? t("gray-2") : void 0),
         fg: s[e.fg ?? "default"] ?? e.fg
       };
-    }), c = m(), l = n(() => ({
+    }), c = m(), i = n(() => ({
       ...j(c, "type", "text"),
       ...e,
       ...g.value
     }));
-    return (a, o) => (f(), b(k, u(l.value, { type: "rect" }), d({ _: 2 }, [
+    return (a, o) => (f(), b(k, u(i.value, { type: "rect" }), d({ _: 2 }, [
       y(Object.keys(a.$slots), (s) => ({
         name: s,
         fn: _((r) => [

package/dist/Icon/Icon.d.ts

@@ -1,10 +1,11 @@
 import { Class } from '../types';
 import { IconSize } from './Icon.model';
+import { FlipOnDir } from '../ConfigProvider';
 export interface IconProps {
     size?: IconSize;
     class?: Class;
     icon?: string;
-    flipOnDir?: 'ltr' | 'rtl';
+    flipOnDir?: FlipOnDir;
     flipX?: boolean;
     flipY?: boolean;
 }

package/dist/Icon/index.js.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-BfPcw6PU.js";
+import { _ as l, I as d, _ as r } from "../Icon.vue_vue_type_style_index_0_lang-BVVc15Aa.js";
 const e = async (o, a = "") => {
   const { addCollection: c } = await import("@iconify/vue");
   c(o, a);

package/dist/Icon/index.umd.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-BvHCdzZP.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-c9NvwoHi.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.vue_vue_type_style_index_0_lang-BVVc15Aa.js

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

package/dist/Icon.vue_vue_type_style_index_0_lang-c9NvwoHi.js

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