@pantograph/vue 0.10.3 → 0.10.4

package/dist/ActionButton/ActionButton.d.ts

@@ -1,6 +1,6 @@
 import { BaseButtonSlots, BaseButtonProps } from '../Base/BaseButton/BaseButton';
 import { ButtonType, ButtonVariant } from '../Base/BaseButton/BaseButton.model';
-export type ActionButtonProps = Partial<Pick<BaseButtonProps, 'class' | 'preIcon' | 'postIcon' | 'size' | 'text' | 'icon' | 'active' | 'badgeText' | 'badgeIcon'>> & {
+export type ActionButtonProps = Partial<Pick<BaseButtonProps, 'class' | 'preIcon' | 'postIcon' | 'size' | 'text' | 'icon' | 'active' | 'badgeText' | 'badgeIcon' | 'postIconFlipOnDir' | 'preIconFlipOnDir' | 'badgeIconFlipOnDir'>> & {
     type?: Exclude<ButtonType, 'fill'>;
     variant?: Exclude<ButtonVariant, 'float'>;
 };
@@ -25,6 +25,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/ActionButton/index.js.js

@@ -1,4 +1,4 @@
-import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-Bmld__SV.js";
+import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-XYkQJLWE.js";
 export {
   a as ActionButton,
   e as default

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

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

package/dist/ActionButton.vue_vue_type_script_setup_true_lang-DZY7N5gS.js

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

@@ -0,0 +1,54 @@
+import { defineComponent as p, useAttrs as l, computed as m, ref as u, createBlock as f, openBlock as d, mergeProps as _, createSlots as b, renderList as g, withCtx as v, renderSlot as I, normalizeProps as B, guardReactiveProps as O } from "vue";
+import { o as k } from "./omit-gDFhewvU.js";
+import { _ as x } from "./BaseButton.vue_vue_type_style_index_0_lang-C0nSQYiX.js";
+import { g as y } from "./options-JBqnVZUl.js";
+const R = /* @__PURE__ */ p({
+  ...y("ActionButton", !1),
+  __name: "ActionButton",
+  props: {
+    class: {},
+    preIcon: {},
+    postIcon: {},
+    size: {},
+    text: {},
+    icon: {},
+    active: { type: Boolean },
+    badgeText: {},
+    badgeIcon: {},
+    postIconFlipOnDir: {},
+    preIconFlipOnDir: {},
+    badgeIconFlipOnDir: {},
+    type: {},
+    variant: {}
+  },
+  setup(n, { expose: r }) {
+    const s = n, a = l(), c = m(() => ({
+      ...k(a, "variant", "loading", "color"),
+      ...s
+    })), e = u();
+    return r({
+      focus() {
+        var o;
+        (o = e.value) == null || o.focus();
+      },
+      blur() {
+        var o;
+        (o = e.value) == null || o.blur();
+      }
+    }), (o, A) => (d(), f(x, _(c.value, {
+      action: "",
+      ref_key: "buttonRef",
+      ref: e
+    }), b({ _: 2 }, [
+      g(Object.keys(o.$slots), (t) => ({
+        name: t,
+        fn: v((i) => [
+          I(o.$slots, t, B(O(i)))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  R as _
+};

package/dist/Avatar/index.js.js

@@ -1,4 +1,4 @@
-import { _ as t, c as r, b as e, A, a as v, _ as n } from "../Avatar.vue_vue_type_style_index_0_lang-ZqNWAzDy.js";
+import { _ as t, c as r, b as e, A, a as v, _ as n } from "../Avatar.vue_vue_type_style_index_0_lang-B3h6--NG.js";
 export {
   t as Avatar,
   r as AvatarOnlineAlignments,

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Avatar.vue_vue_type_style_index_0_lang-BBmLnOBV.js");exports.Avatar=e._sfc_main;exports.AvatarOnlineAlignments=e.AvatarOnlineAlignments;exports.AvatarShapes=e.AvatarShapes;exports.AvatarSizes=e.AvatarSizes;exports.AvatarStrokes=e.AvatarStrokes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Avatar.vue_vue_type_style_index_0_lang-B62H7K8P.js");exports.Avatar=e._sfc_main;exports.AvatarOnlineAlignments=e.AvatarOnlineAlignments;exports.AvatarShapes=e.AvatarShapes;exports.AvatarSizes=e.AvatarSizes;exports.AvatarStrokes=e.AvatarStrokes;exports.default=e._sfc_main;

package/dist/{Avatar.vue_vue_type_style_index_0_lang-ZqNWAzDy.js → Avatar.vue_vue_type_style_index_0_lang-B3h6--NG.js}

@@ -3,10 +3,10 @@ import { createContext as T, useEmitAsProps as H, AvatarRoot as J, AvatarImage a
 import { b as v, a as f, g as O } from "./class-DziTeW9B.js";
 import { cva as j } from "class-variance-authority";
 import { g as q } from "./options-JBqnVZUl.js";
-import { _ as U } from "./Popover.vue_vue_type_style_index_0_lang-vZfwRHoU.js";
+import { _ as U } from "./Popover.vue_vue_type_style_index_0_lang-CCfVt5eZ.js";
 import "@iconify/vue";
-import { _ as W } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
-import { _ as X } from "./Indicator.vue_vue_type_script_setup_true_lang-B16OmZLF.js";
+import { _ as W } from "./Icon.vue_vue_type_style_index_0_lang-BVVc15Aa.js";
+import { _ as X } from "./Indicator.vue_vue_type_script_setup_true_lang-DYFKQ-dL.js";
 const [Y, Z] = T("AvatarGroup"), ue = /* @__PURE__ */ E({
   ...q("AvatarGroup"),
   __name: "AvatarGroup",

package/dist/{Avatar.vue_vue_type_style_index_0_lang-BBmLnOBV.js → Avatar.vue_vue_type_style_index_0_lang-B62H7K8P.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),m=require("radix-vue"),s=require("./class-CjZYGZDW.js"),z=require("class-variance-authority"),x=require("./options-B4iSAKol.js"),b=require("./Popover.vue_vue_type_style_index_0_lang-DRMPu5Ij.js");require("@iconify/vue");const N=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),G=require("./Indicator.vue_vue_type_script_setup_true_lang-BibzfVax.js"),[y,S]=m.createContext("AvatarGroup"),P=e.defineComponent({...x.getComponentOptions("AvatarGroup"),__name:"AvatarGroup",props:{class:{},gutter:{type:Boolean},size:{},shape:{},popoverCls:{},maxCount:{}},setup(f){const r=f,p=e.useSlots(),n=e.computed(()=>r.size),a=e.computed(()=>r.shape),g=s.getBemBlock("avatar"),v=s.getBemElement(g,"group"),C=z.cva(v,{variants:{gutter:s.generateVariantClassList("gutter",v)}});S({size:n,shape:a});const l=e.computed(()=>r.maxCount?Number(r.maxCount):0),c=e.computed(()=>C({gutter:r.gutter})),u=()=>{const o=p.default?p.default():[];return l.value>1&&o.length>l.value?[...o.filter((d,i)=>i<l.value-1),e.h(b._sfc_main,{containerCls:r.popoverCls},{default:()=>e.h(V,{text:`+${o.length-l.value+1}`}),content:()=>e.h("div",{class:[c.value,r.class]},{default:()=>o.filter((d,i)=>i>=l.value-1)})})]:o};return(o,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([c.value,r.class])},[e.createVNode(u,{maxCount:o.maxCount},null,8,["maxCount"])],2))}}),_=["2xsm","xsm","sm","md","lg","xlg"],k=["gray","white"],A=["circle","square","rect"],h={start:"online-start",end:"online-end"},V=e.defineComponent({...x.getComponentOptions("Avatar"),__name:"Avatar",props:{src:{default:""},class:{},onlineColor:{default:"lime"},size:{default:"md"},stroke:{},shape:{default:"circle"},online:{type:Boolean},alt:{},fallback:{},text:{},icon:{default:"tabler:user"},onlineAlignment:{default:"start"},referrerPolicy:{},delayMs:{}},emits:["loadingStatusChange"],setup(f,{emit:r}){const p=e.useSlots(),n=s.getBemBlock("avatar"),a=f,g=r,v=m.useEmitAsProps(g),C=z.cva(n,{variants:{size:s.generateVariantClassList(_,n),stroke:s.generateVariantClassList(k,n),shape:s.generateVariantClassList(A,n),onlineAlignment:s.generateVariantClassList(h,n)}}),l=y({size:e.computed(()=>a.size),shape:e.computed(()=>a.shape)}),c=e.computed(()=>l.size.value??a.size),u=e.computed(()=>l.shape.value??a.shape),o=e.computed(()=>{const t=c.value&&_.includes(c.value)?c.value:"md",B=a.stroke&&k.includes(a.stroke)?a.stroke:"none",q=u.value&&A.includes(u.value)?u.value:"circle",E=h[a.onlineAlignment]?a.onlineAlignment:"start";return{size:t,stroke:B,shape:q,onlineAlignment:E}}),d=e.computed(()=>{switch(c.value){case"lg":case"xlg":return"tiny";default:return"tinier"}}),i=e.computed(()=>{switch(c.value){case"lg":case"xlg":return"sm";case"xsm":case"2xsm":return"3xsm";case"sm":case"md":default:return"xsm"}});return(t,B)=>(e.openBlock(),e.createBlock(e.unref(m.AvatarRoot),{as:"div",class:e.normalizeClass([e.unref(C)(o.value),a.class])},{default:e.withCtx(()=>[!p.default&&!t.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.src?(e.openBlock(),e.createBlock(e.unref(m.AvatarImage),e.mergeProps({key:0},e.unref(v),{src:t.src,alt:t.alt,class:e.unref(s.getBemElement)(e.unref(n),"image")}),null,16,["src","alt","class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(m.AvatarFallback),{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(n),"fallback"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"fallback",{},()=>[t.fallback?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(N._sfc_main),{key:0,icon:t.icon,size:i.value},null,8,["icon","size"])),e.createTextVNode(" "+e.toDisplayString(t.fallback),1)])]),_:3},8,["class"])],64)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(n),"image"))},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])],2)),t.online?(e.openBlock(),e.createBlock(G._sfc_main,{key:2,color:t.onlineColor,size:d.value,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(n),"online"))},null,8,["color","size","class"])):e.createCommentVNode("",!0)]),_:3},8,["class"]))}});exports.AvatarOnlineAlignments=h;exports.AvatarShapes=A;exports.AvatarSizes=_;exports.AvatarStrokes=k;exports._sfc_main=V;exports._sfc_main$1=P;exports.injectAvatarGroupContext=y;exports.provideAvatarGroupContext=S;
+"use strict";const e=require("vue"),m=require("radix-vue"),s=require("./class-CjZYGZDW.js"),z=require("class-variance-authority"),x=require("./options-B4iSAKol.js"),b=require("./Popover.vue_vue_type_style_index_0_lang-DyKW40kh.js");require("@iconify/vue");const N=require("./Icon.vue_vue_type_style_index_0_lang-c9NvwoHi.js"),G=require("./Indicator.vue_vue_type_script_setup_true_lang-DmGmSuAJ.js"),[y,S]=m.createContext("AvatarGroup"),P=e.defineComponent({...x.getComponentOptions("AvatarGroup"),__name:"AvatarGroup",props:{class:{},gutter:{type:Boolean},size:{},shape:{},popoverCls:{},maxCount:{}},setup(f){const r=f,p=e.useSlots(),n=e.computed(()=>r.size),a=e.computed(()=>r.shape),g=s.getBemBlock("avatar"),v=s.getBemElement(g,"group"),C=z.cva(v,{variants:{gutter:s.generateVariantClassList("gutter",v)}});S({size:n,shape:a});const l=e.computed(()=>r.maxCount?Number(r.maxCount):0),c=e.computed(()=>C({gutter:r.gutter})),u=()=>{const o=p.default?p.default():[];return l.value>1&&o.length>l.value?[...o.filter((d,i)=>i<l.value-1),e.h(b._sfc_main,{containerCls:r.popoverCls},{default:()=>e.h(V,{text:`+${o.length-l.value+1}`}),content:()=>e.h("div",{class:[c.value,r.class]},{default:()=>o.filter((d,i)=>i>=l.value-1)})})]:o};return(o,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([c.value,r.class])},[e.createVNode(u,{maxCount:o.maxCount},null,8,["maxCount"])],2))}}),_=["2xsm","xsm","sm","md","lg","xlg"],k=["gray","white"],A=["circle","square","rect"],h={start:"online-start",end:"online-end"},V=e.defineComponent({...x.getComponentOptions("Avatar"),__name:"Avatar",props:{src:{default:""},class:{},onlineColor:{default:"lime"},size:{default:"md"},stroke:{},shape:{default:"circle"},online:{type:Boolean},alt:{},fallback:{},text:{},icon:{default:"tabler:user"},onlineAlignment:{default:"start"},referrerPolicy:{},delayMs:{}},emits:["loadingStatusChange"],setup(f,{emit:r}){const p=e.useSlots(),n=s.getBemBlock("avatar"),a=f,g=r,v=m.useEmitAsProps(g),C=z.cva(n,{variants:{size:s.generateVariantClassList(_,n),stroke:s.generateVariantClassList(k,n),shape:s.generateVariantClassList(A,n),onlineAlignment:s.generateVariantClassList(h,n)}}),l=y({size:e.computed(()=>a.size),shape:e.computed(()=>a.shape)}),c=e.computed(()=>l.size.value??a.size),u=e.computed(()=>l.shape.value??a.shape),o=e.computed(()=>{const t=c.value&&_.includes(c.value)?c.value:"md",B=a.stroke&&k.includes(a.stroke)?a.stroke:"none",q=u.value&&A.includes(u.value)?u.value:"circle",E=h[a.onlineAlignment]?a.onlineAlignment:"start";return{size:t,stroke:B,shape:q,onlineAlignment:E}}),d=e.computed(()=>{switch(c.value){case"lg":case"xlg":return"tiny";default:return"tinier"}}),i=e.computed(()=>{switch(c.value){case"lg":case"xlg":return"sm";case"xsm":case"2xsm":return"3xsm";case"sm":case"md":default:return"xsm"}});return(t,B)=>(e.openBlock(),e.createBlock(e.unref(m.AvatarRoot),{as:"div",class:e.normalizeClass([e.unref(C)(o.value),a.class])},{default:e.withCtx(()=>[!p.default&&!t.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.src?(e.openBlock(),e.createBlock(e.unref(m.AvatarImage),e.mergeProps({key:0},e.unref(v),{src:t.src,alt:t.alt,class:e.unref(s.getBemElement)(e.unref(n),"image")}),null,16,["src","alt","class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(m.AvatarFallback),{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(n),"fallback"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"fallback",{},()=>[t.fallback?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(N._sfc_main),{key:0,icon:t.icon,size:i.value},null,8,["icon","size"])),e.createTextVNode(" "+e.toDisplayString(t.fallback),1)])]),_:3},8,["class"])],64)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(n),"image"))},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])],2)),t.online?(e.openBlock(),e.createBlock(G._sfc_main,{key:2,color:t.onlineColor,size:d.value,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(n),"online"))},null,8,["color","size","class"])):e.createCommentVNode("",!0)]),_:3},8,["class"]))}});exports.AvatarOnlineAlignments=h;exports.AvatarShapes=A;exports.AvatarSizes=_;exports.AvatarStrokes=k;exports._sfc_main=V;exports._sfc_main$1=P;exports.injectAvatarGroupContext=y;exports.provideAvatarGroupContext=S;

package/dist/AvatarGroup/index.js.js

@@ -1,4 +1,4 @@
-import { d as t, i as o, p } from "../Avatar.vue_vue_type_style_index_0_lang-ZqNWAzDy.js";
+import { d as t, i as o, p } from "../Avatar.vue_vue_type_style_index_0_lang-B3h6--NG.js";
 export {
   t as AvatarGroup,
   o as injectAvatarGroupContext,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Avatar.vue_vue_type_style_index_0_lang-BBmLnOBV.js");exports.AvatarGroup=t._sfc_main$1;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Avatar.vue_vue_type_style_index_0_lang-B62H7K8P.js");exports.AvatarGroup=t._sfc_main$1;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;

package/dist/Badge/Badge.d.ts

@@ -1,6 +1,6 @@
 import { BaseBadgeSlots, BaseBadgeProps } from '../Base/BaseBadge/BaseBadge';
 import { BadgeColor, BadgeColorSubtle } from '../Base/BaseBadge/BaseBadge.model.js';
-export type BadgeProps = Partial<Pick<BaseBadgeProps, 'class' | 'text' | 'icon'>> & {
+export type BadgeProps = Partial<Pick<BaseBadgeProps, 'class' | 'text' | 'icon' | 'flipOnDir'>> & {
     size?: Exclude<BaseBadgeProps['size'], 'sm' | 'tiny' | 'tinier'>;
     color?: BadgeColor | BadgeColorSubtle;
 };

package/dist/Badge/index.js.js

@@ -1,4 +1,4 @@
-import { _ as d, _ as f } from "../Badge.vue_vue_type_script_setup_true_lang-CCIamdNB.js";
+import { _ as d, _ as f } from "../Badge.vue_vue_type_script_setup_true_lang-BY-B21u1.js";
 export {
   d as Badge,
   f as default

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

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

package/dist/{Badge.vue_vue_type_script_setup_true_lang-CCIamdNB.js → Badge.vue_vue_type_script_setup_true_lang-BY-B21u1.js}

@@ -1,6 +1,6 @@
 import { defineComponent as f, useAttrs as u, computed as l, createBlock as b, openBlock as d, mergeProps as y, createSlots as _, renderList as B, withCtx as C, renderSlot as O, normalizeProps as $, guardReactiveProps as j } from "vue";
-import { o as k } from "./omit-BEkBWXra.js";
-import { B as a, a as n, _ as E } from "./BaseBadge.vue_vue_type_style_index_0_lang-Bh1152XC.js";
+import { o as k } from "./omit-gDFhewvU.js";
+import { B as a, a as n, _ as E } from "./BaseBadge.vue_vue_type_style_index_0_lang-BaxHfiNY.js";
 import { g as h } from "./options-JBqnVZUl.js";
 import { getCssVar as r } from "@pantograph/tokens";
 const z = /* @__PURE__ */ f({
@@ -10,11 +10,12 @@ const z = /* @__PURE__ */ f({
     class: {},
     text: {},
     icon: {},
+    flipOnDir: {},
     size: {},
     color: {}
   },
   setup(p) {
-    const o = p, m = u(), i = l(() => {
+    const o = p, i = u(), m = l(() => {
       const t = [...n, ...a], c = {
         ...Object.fromEntries(n.map((e) => [e, r(`${e}-5`)])),
         ...Object.fromEntries(
@@ -37,9 +38,9 @@ const z = /* @__PURE__ */ f({
         fg: r("primary-oncolor")
       };
     }), g = l(() => ({
-      ...k(m, "type"),
+      ...k(i, "type"),
       ...o,
-      ...i.value
+      ...m.value
     }));
     return (t, c) => (d(), b(E, y(g.value, { type: "pill" }), _({ _: 2 }, [
       B(Object.keys(t.$slots), (s) => ({

package/dist/Badge.vue_vue_type_script_setup_true_lang-CrMJ4fbZ.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),u=require("./omit-C4BrcXKG.js"),t=require("./BaseBadge.vue_vue_type_style_index_0_lang-PmBe2V25.js"),m=require("./options-B4iSAKol.js"),r=require("@pantograph/tokens"),d=e.defineComponent({...m.getComponentOptions("Badge",!1),__name:"Badge",props:{class:{},text:{},icon:{},flipOnDir:{},size:{},color:{}},setup(l){const o=l,g=e.useAttrs(),i=e.computed(()=>{const a=[...t.BadgeColors,...t.BadgeColorsSubtle],c={...Object.fromEntries(t.BadgeColors.map(s=>[s,r.getCssVar(`${s}-5`)])),...Object.fromEntries(t.BadgeColorsSubtle.map(s=>[s,r.getCssVar(`${s.replace("-subtle","")}-0`)])),"gray-subtle":r.getCssVar("gray-1")},n={...Object.fromEntries(t.BadgeColors.map(s=>[s,r.getCssVar("grayscale-light-0")])),yellow:r.getCssVar("grayscale-dark-0"),...Object.fromEntries(t.BadgeColorsSubtle.map(s=>[s,r.getCssVar(`${s.replace("-subtle","")}-5`)])),"gray-subtle":r.getCssVar("gray-6")};return o.color&&a.includes(o.color)?{bg:c[o.color],fg:n[o.color]}:{bg:r.getCssVar("primary-5"),fg:r.getCssVar("primary-oncolor")}}),p=e.computed(()=>({...u.omit(g,"type"),...o,...i.value}));return(a,c)=>(e.openBlock(),e.createBlock(t._sfc_main,e.mergeProps(p.value,{type:"pill"}),e.createSlots({_:2},[e.renderList(Object.keys(a.$slots),n=>({name:n,fn:e.withCtx(s=>[e.renderSlot(a.$slots,n,e.normalizeProps(e.guardReactiveProps(s)))])}))]),1040))}});exports._sfc_main=d;

package/dist/Base/BaseBadge/BaseBadge.d.ts

@@ -1,5 +1,6 @@
 import { Class } from '../../types';
 import { BadgeColor, BadgeColorSubtle, BadgeSize, BadgeType } from './BaseBadge.model';
+import { FlipOnDir } from '../../ConfigProvider';
 export interface BaseBadgeProps {
     size?: BadgeSize;
     class?: Class;
@@ -9,6 +10,7 @@ export interface BaseBadgeProps {
     br?: BadgeColor | BadgeColorSubtle | string;
     type?: BadgeType;
     icon?: string;
+    flipOnDir?: FlipOnDir;
 }
 export interface BaseBadgeSlots {
     default?: () => never;
@@ -21,8 +23,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<BaseBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseBadgeProps> & Readonly<{}>, {
-    size: BadgeSize;
     type: BadgeType;
+    size: BadgeSize;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/Base/BaseButton/BaseButton.d.ts

@@ -2,6 +2,7 @@ import { ButtonColor, ButtonSize, ButtonType, ButtonVariant } from './BaseButton
 import { Class } from '../../types';
 import { BadgeSize } from '../BaseBadge/BaseBadge.model';
 import { BaseBadgeSlots } from '../BaseBadge/BaseBadge';
+import { FlipOnDir } from '../../ConfigProvider';
 export interface BaseButtonProps {
     class?: Class;
     text?: string | number;
@@ -17,6 +18,10 @@ export interface BaseButtonProps {
     icon?: string;
     preIcon?: string;
     postIcon?: string;
+    flipOnDir?: FlipOnDir;
+    preIconFlipOnDir?: FlipOnDir;
+    postIconFlipOnDir?: FlipOnDir;
+    badgeIconFlipOnDir?: FlipOnDir;
 }
 export interface BaseButtonSlots {
     default?: () => never;

package/dist/{BaseBadge.vue_vue_type_style_index_0_lang-Bh1152XC.js → BaseBadge.vue_vue_type_style_index_0_lang-BaxHfiNY.js}

@@ -1,10 +1,11 @@
-import { defineComponent as k, useSlots as _, computed as a, createElementBlock as c, openBlock as o, normalizeStyle as C, normalizeClass as h, unref as u, createCommentVNode as m, Fragment as S, createBlock as w, renderSlot as p, withCtx as V, createTextVNode as $, toDisplayString as I } from "vue";
-import { g as N, a as l } from "./class-DziTeW9B.js";
-import { cva as T } from "class-variance-authority";
-import { g as D } from "./options-JBqnVZUl.js";
+import { defineComponent as _, useSlots as h, computed as i, createElementBlock as u, openBlock as o, normalizeStyle as S, normalizeClass as D, unref as r, createCommentVNode as m, Fragment as O, createBlock as w, renderSlot as p, withCtx as V, createTextVNode as $, toDisplayString as F } from "vue";
+import { g as I, a as l } from "./class-DziTeW9B.js";
+import { cva as N } from "class-variance-authority";
+import { g as T } from "./options-JBqnVZUl.js";
 import "@iconify/vue";
-import { _ as E } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
-const b = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], d = ["rect", "pill", "minify"], G = [
+import { _ as E } from "./Icon.vue_vue_type_style_index_0_lang-BVVc15Aa.js";
+import { u as L } from "./index-iTlmMf0U.js";
+const f = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], b = ["rect", "pill", "minify"], M = [
   "primary",
   "red",
   "orange",
@@ -22,7 +23,7 @@ const b = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], d = ["rect", "pill", "m
   "fuchsia",
   "pink",
   "gray"
-], H = [
+], Q = [
   "primary-subtle",
   "red-subtle",
   "orange-subtle",
@@ -40,8 +41,8 @@ const b = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], d = ["rect", "pill", "m
   "fuchsia-subtle",
   "pink-subtle",
   "gray-subtle"
-], J = /* @__PURE__ */ k({
-  ...D("BaseBadge"),
+], R = /* @__PURE__ */ _({
+  ...T("BaseBadge"),
   __name: "BaseBadge",
   props: {
     size: { default: "md" },
@@ -51,22 +52,23 @@ const b = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], d = ["rect", "pill", "m
     fg: {},
     br: {},
     type: { default: "pill" },
-    icon: {}
+    icon: {},
+    flipOnDir: {}
   },
-  setup(f) {
-    const n = N("badge"), t = f, y = T(n, {
+  setup(d) {
+    const { getFlipOnDir: y } = L(), g = y("flipOnDir"), n = I("badge"), t = d, v = N(n, {
       variants: {
-        size: l(b, n),
-        type: l(d, n),
+        size: l(f, n),
+        type: l(b, n),
         text: l("text", n),
         icon: l("icon", n),
         br: l("br", n)
       }
-    }), i = _(), s = a(() => d.includes(t.type) ? t.type : "pill"), g = a(() => !!(t.text || i.default)), v = a(() => !!(t.icon || i.icon)), r = a(() => {
-      let e = b.includes(t.size) ? t.size : "md";
+    }), a = h(), s = i(() => b.includes(t.type) ? t.type : "pill"), B = i(() => !!(t.text || a.default)), x = i(() => !!(t.icon || a.icon)), c = i(() => {
+      let e = f.includes(t.size) ? t.size : "md";
       return e === "sm" && s.value !== "rect" ? s.value === "minify" ? e = "tiny" : s.value === "pill" && (e = "md") : s.value === "minify" && !["tiny", "tinier"].includes(e) ? e = "tiny" : s.value !== "minify" && ["tiny", "tinier"].includes(e) && (e = "md"), e;
-    }), B = a(() => {
-      switch (r.value) {
+    }), z = i(() => {
+      switch (c.value) {
         case "sm":
           return "xsm";
         case "xsm":
@@ -77,47 +79,48 @@ const b = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], d = ["rect", "pill", "m
         default:
           return "sm";
       }
-    }), x = a(() => ({
-      size: r.value,
+    }), k = i(() => ({
+      size: c.value,
       // color,
       type: s.value,
-      text: g.value,
-      icon: v.value,
+      text: B.value,
+      icon: x.value,
       br: !!t.br
-    })), z = a(() => {
-      const e = i.icon ?? t.icon;
-      return t.type === "rect" && (i.default || t.text) ? !1 : e;
+    })), C = i(() => {
+      const e = a.icon ?? t.icon;
+      return t.type === "rect" && (a.default || t.text) ? !1 : e;
     });
-    return (e, F) => (o(), c("div", {
-      class: h([u(y)(x.value), t.class]),
-      style: C({
+    return (e, P) => (o(), u("div", {
+      class: D([r(v)(k.value), t.class]),
+      style: S({
         "--ptc-badge-fg": t.fg,
         "--ptc-badge-bg": t.bg,
         "--ptc-badge-br": t.br
       })
     }, [
-      s.value !== "minify" ? (o(), c(S, { key: 0 }, [
-        z.value ? (o(), w(u(E), {
+      s.value !== "minify" ? (o(), u(O, { key: 0 }, [
+        C.value ? (o(), w(r(E), {
           key: 0,
           icon: e.icon,
-          size: B.value
+          size: z.value,
+          flipOnDir: r(g)
         }, {
           default: V(() => [
             p(e.$slots, "icon")
           ]),
           _: 3
-        }, 8, ["icon", "size"])) : m("", !0),
+        }, 8, ["icon", "size", "flipOnDir"])) : m("", !0),
         p(e.$slots, "default", {}, () => [
-          $(I(e.text), 1)
+          $(F(e.text), 1)
         ])
       ], 64)) : m("", !0)
     ], 6));
   }
 });
 export {
-  H as B,
-  J as _,
-  G as a,
-  b,
-  d as c
+  Q as B,
+  R as _,
+  M as a,
+  f as b,
+  b as c
 };

package/dist/BaseBadge.vue_vue_type_style_index_0_lang-PmBe2V25.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("./class-CjZYGZDW.js"),B=require("class-variance-authority"),C=require("./options-B4iSAKol.js");require("@iconify/vue");const _=require("./Icon.vue_vue_type_style_index_0_lang-c9NvwoHi.js"),x=require("./index-BBeDQiz4.js"),r=["2xsm","xsm","sm","md","tiny","tinier"],o=["rect","pill","minify"],z=["primary","red","orange","amber","yellow","lime","green","teal","cyan","sky","blue","ocean","violet","amethyst","fuchsia","pink","gray"],k=["primary-subtle","red-subtle","orange-subtle","amber-subtle","yellow-subtle","lime-subtle","green-subtle","teal-subtle","cyan-subtle","sky-subtle","blue-subtle","ocean-subtle","violet-subtle","amethyst-subtle","fuchsia-subtle","pink-subtle","gray-subtle"],S=e.defineComponent({...C.getComponentOptions("BaseBadge"),__name:"BaseBadge",props:{size:{default:"md"},class:{},text:{},bg:{},fg:{},br:{},type:{default:"pill"},icon:{},flipOnDir:{}},setup(u){const{getFlipOnDir:m}=x.useConfig(),d=m("flipOnDir"),i=l.getBemBlock("badge"),s=u,p=B.cva(i,{variants:{size:l.generateVariantClassList(r,i),type:l.generateVariantClassList(o,i),text:l.generateVariantClassList("text",i),icon:l.generateVariantClassList("icon",i),br:l.generateVariantClassList("br",i)}}),a=e.useSlots(),n=e.computed(()=>o.includes(s.type)?s.type:"pill"),f=e.computed(()=>!!(s.text||a.default)),g=e.computed(()=>!!(s.icon||a.icon)),c=e.computed(()=>{let t=r.includes(s.size)?s.size:"md";return t==="sm"&&n.value!=="rect"?n.value==="minify"?t="tiny":n.value==="pill"&&(t="md"):n.value==="minify"&&!["tiny","tinier"].includes(t)?t="tiny":n.value!=="minify"&&["tiny","tinier"].includes(t)&&(t="md"),t}),y=e.computed(()=>{switch(c.value){case"sm":return"xsm";case"xsm":return"2xsm";case"2xsm":return"3xsm";case"md":default:return"sm"}}),b=e.computed(()=>({size:c.value,type:n.value,text:f.value,icon:g.value,br:!!s.br})),v=e.computed(()=>{const t=a.icon??s.icon;return s.type==="rect"&&(a.default||s.text)?!1:t});return(t,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(p)(b.value),s.class]),style:e.normalizeStyle({"--ptc-badge-fg":s.fg,"--ptc-badge-bg":s.bg,"--ptc-badge-br":s.br})},[n.value!=="minify"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[v.value?(e.openBlock(),e.createBlock(e.unref(_._sfc_main),{key:0,icon:t.icon,size:y.value,flipOnDir:e.unref(d)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["icon","size","flipOnDir"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])],64)):e.createCommentVNode("",!0)],6))}});exports.BadgeColors=z;exports.BadgeColorsSubtle=k;exports.BadgeSizes=r;exports.BadgeTypes=o;exports._sfc_main=S;

package/dist/BaseButton.vue_vue_type_style_index_0_lang-C0nSQYiX.js

@@ -0,0 +1,169 @@
+import { defineComponent as A, computed as s, useSlots as G, ref as L, createElementBlock as D, openBlock as c, normalizeClass as O, unref as r, createBlock as v, Fragment as _, createCommentVNode as b, renderSlot as l, withCtx as p, createTextVNode as q, toDisplayString as H, normalizeProps as J, mergeProps as K, createVNode as M, createSlots as Q } from "vue";
+import { _ as z } from "./Icon.vue_vue_type_style_index_0_lang-BVVc15Aa.js";
+import { _ as U } from "./Spinner.vue_vue_type_style_index_0_lang-Birom5mO.js";
+import { _ as W } from "./Badge.vue_vue_type_script_setup_true_lang-BY-B21u1.js";
+import { i as X, a as k, c as $, b as C, B as F } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-CT_Kgpjf.js";
+import { g as Y, a as t, b as Z } from "./class-DziTeW9B.js";
+import { cva as ee } from "class-variance-authority";
+import { g as oe } from "./options-JBqnVZUl.js";
+import { u as ne } from "./index-iTlmMf0U.js";
+const S = "2xsm", fe = /* @__PURE__ */ A({
+  ...oe("BaseButton"),
+  __name: "BaseButton",
+  props: {
+    class: {},
+    text: {},
+    size: {},
+    color: { default: "primary" },
+    type: { default: "fill" },
+    variant: {},
+    loading: { type: Boolean },
+    action: { type: Boolean },
+    active: { type: Boolean },
+    badgeText: {},
+    badgeIcon: {},
+    icon: {},
+    preIcon: {},
+    postIcon: {},
+    flipOnDir: {},
+    preIconFlipOnDir: {},
+    postIconFlipOnDir: {},
+    badgeIconFlipOnDir: {}
+  },
+  setup(T, { expose: x }) {
+    const o = T, { getFlipOnDir: u } = ne(), h = u("flipOnDir"), P = u("preIconFlipOnDir"), V = u("postIconFlipOnDir"), w = u("badgeIconFlipOnDir"), n = Y("button"), N = ee(n, {
+      variants: {
+        size: t($, n),
+        type: t(k, n),
+        color: t(C, n),
+        variant: t(F, n),
+        action: t("action", n),
+        active: t("active", n),
+        text: t("text", n),
+        preIcon: t("preIcon", n),
+        postIcon: t("postIcon", n),
+        loading: t("loading", n)
+      }
+    }), B = X({
+      size: s(() => o.size),
+      variant: s(() => o.variant)
+    }), f = s(() => o.variant ?? B.variant.value ?? "simple"), a = s(() => ["icon", "float"].includes(f.value)), i = G(), E = s(() => {
+      let e = k.includes(o.type) ? o.type : "fill";
+      const d = o.size ?? B.size.value, j = d && $.includes(d) ? d : "md";
+      let m = o.color && C.includes(o.color) ? o.color : "primary", g = f.value && F.includes(f.value) ? f.value : "simple";
+      return o.action ? (g === "float" && (g = "icon"), e === "fill" && (e = "outline"), m = void 0) : g === "float" && (e === "ghost" && (e = "fill"), ["primary", "gray"].includes(m) || (m = "primary")), {
+        size: j,
+        type: e,
+        color: m,
+        variant: g,
+        action: o.action,
+        active: o.active,
+        loading: o.loading,
+        text: !a.value && !!(o.text || i.default),
+        preIcon: !a.value && !!(o.preIcon || i.preIcon),
+        postIcon: !a.value && !!(o.postIcon || i.postIcon)
+      };
+    }), I = s(() => {
+      switch (o.size) {
+        case "sm":
+          return "3xsm";
+        default:
+          return "2xsm";
+      }
+    }), R = s(() => {
+      switch (o.size) {
+        case "sm":
+          return "3xsm";
+        case "lg":
+          return "xsm";
+        case "md":
+        default:
+          return "2xsm";
+      }
+    }), y = L();
+    return x({
+      focus() {
+        var e;
+        (e = y.value) == null || e.focus();
+      },
+      blur() {
+        var e;
+        (e = y.value) == null || e.blur();
+      }
+    }), (e, d) => (c(), D("button", {
+      class: O([r(N)(E.value), o.class]),
+      tabindex: "0",
+      ref_key: "buttonRef",
+      ref: y
+    }, [
+      e.loading ? (c(), v(U, {
+        key: 1,
+        class: O(r(Z)(r(n), "loading")),
+        size: I.value
+      }, null, 8, ["class", "size"])) : (c(), D(_, { key: 0 }, [
+        (e.preIcon || i.preIcon) && !a.value ? (c(), v(z, {
+          key: 0,
+          flipOnDir: r(P),
+          icon: e.preIcon,
+          size: I.value
+        }, {
+          default: p(() => [
+            l(e.$slots, "preIcon")
+          ]),
+          _: 3
+        }, 8, ["flipOnDir", "icon", "size"])) : b("", !0),
+        a.value ? (c(), v(z, {
+          key: 1,
+          icon: e.icon,
+          size: R.value,
+          flipOnDir: r(h)
+        }, {
+          default: p(() => [
+            l(e.$slots, "icon")
+          ]),
+          _: 3
+        }, 8, ["icon", "size", "flipOnDir"])) : l(e.$slots, "default", { key: 2 }, () => [
+          q(H(e.text), 1)
+        ]),
+        e.action && e.active && !a.value && (e.badgeText || i.badgeText || e.badgeIcon || i.badgeIcon) ? l(e.$slots, "badge", J(K({ key: 3 }, { color: e.$attrs.disabled ? "gray" : "primary", size: S })), () => [
+          M(W, {
+            text: e.badgeText,
+            icon: e.badgeIcon,
+            flipOnDir: r(w),
+            color: e.$attrs.disabled ? "gray" : "primary",
+            size: S
+          }, Q({ _: 2 }, [
+            i.badgeText ? {
+              name: "default",
+              fn: p(() => [
+                l(e.$slots, "badgeText")
+              ]),
+              key: "0"
+            } : void 0,
+            i.badgeIcon ? {
+              name: "icon",
+              fn: p(() => [
+                l(e.$slots, "badgeIcon")
+              ]),
+              key: "1"
+            } : void 0
+          ]), 1032, ["text", "icon", "flipOnDir", "color"])
+        ]) : b("", !0),
+        (e.postIcon || i.postIcon) && !a.value ? (c(), v(z, {
+          key: 4,
+          flipOnDir: r(V),
+          icon: e.postIcon,
+          size: I.value
+        }, {
+          default: p(() => [
+            l(e.$slots, "postIcon")
+          ]),
+          _: 3
+        }, 8, ["flipOnDir", "icon", "size"])) : b("", !0)
+      ], 64))
+    ], 2));
+  }
+});
+export {
+  fe as _
+};

package/dist/BaseButton.vue_vue_type_style_index_0_lang-dcMigyCt.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),m=require("./Icon.vue_vue_type_style_index_0_lang-c9NvwoHi.js"),S=require("./Spinner.vue_vue_type_style_index_0_lang-BFKOyKva.js"),x=require("./Badge.vue_vue_type_script_setup_true_lang-CrMJ4fbZ.js"),s=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-D486_o-Z.js"),a=require("./class-CjZYGZDW.js"),h=require("class-variance-authority"),L=require("./options-B4iSAKol.js"),q=require("./index-BBeDQiz4.js"),I="2xsm",T=e.defineComponent({...L.getComponentOptions("BaseButton"),__name:"BaseButton",props:{class:{},text:{},size:{},color:{default:"primary"},type:{default:"fill"},variant:{},loading:{type:Boolean},action:{type:Boolean},active:{type:Boolean},badgeText:{},badgeIcon:{},icon:{},preIcon:{},postIcon:{},flipOnDir:{},preIconFlipOnDir:{},postIconFlipOnDir:{},badgeIconFlipOnDir:{}},setup(B,{expose:y}){const n=B,{getFlipOnDir:l}=q.useConfig(),_=l("flipOnDir"),z=l("preIconFlipOnDir"),C=l("postIconFlipOnDir"),b=l("badgeIconFlipOnDir"),o=a.getBemBlock("button"),k=h.cva(o,{variants:{size:a.generateVariantClassList(s.ButtonSizes,o),type:a.generateVariantClassList(s.ButtonTypes,o),color:a.generateVariantClassList(s.ButtonColors,o),variant:a.generateVariantClassList(s.ButtonVariants,o),action:a.generateVariantClassList("action",o),active:a.generateVariantClassList("active",o),text:a.generateVariantClassList("text",o),preIcon:a.generateVariantClassList("preIcon",o),postIcon:a.generateVariantClassList("postIcon",o),loading:a.generateVariantClassList("loading",o)}}),v=s.injectButtonGroupContext({size:e.computed(()=>n.size),variant:e.computed(()=>n.variant)}),c=e.computed(()=>n.variant??v.variant.value??"simple"),r=e.computed(()=>["icon","float"].includes(c.value)),i=e.useSlots(),D=e.computed(()=>{let t=s.ButtonTypes.includes(n.type)?n.type:"fill";const u=n.size??v.size.value,V=u&&s.ButtonSizes.includes(u)?u:"md";let p=n.color&&s.ButtonColors.includes(n.color)?n.color:"primary",d=c.value&&s.ButtonVariants.includes(c.value)?c.value:"simple";return n.action?(d==="float"&&(d="icon"),t==="fill"&&(t="outline"),p=void 0):d==="float"&&(t==="ghost"&&(t="fill"),["primary","gray"].includes(p)||(p="primary")),{size:V,type:t,color:p,variant:d,action:n.action,active:n.active,loading:n.loading,text:!r.value&&!!(n.text||i.default),preIcon:!r.value&&!!(n.preIcon||i.preIcon),postIcon:!r.value&&!!(n.postIcon||i.postIcon)}}),f=e.computed(()=>{switch(n.size){case"sm":return"3xsm";default:return"2xsm"}}),O=e.computed(()=>{switch(n.size){case"sm":return"3xsm";case"lg":return"xsm";case"md":default:return"2xsm"}}),g=e.ref();return y({focus(){var t;(t=g.value)==null||t.focus()},blur(){var t;(t=g.value)==null||t.blur()}}),(t,u)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass([e.unref(k)(D.value),n.class]),tabindex:"0",ref_key:"buttonRef",ref:g},[t.loading?(e.openBlock(),e.createBlock(S._sfc_main,{key:1,class:e.normalizeClass(e.unref(a.getBemElement)(e.unref(o),"loading")),size:f.value},null,8,["class","size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(t.preIcon||i.preIcon)&&!r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:0,flipOnDir:e.unref(z),icon:t.preIcon,size:f.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"preIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:1,icon:t.icon,size:O.value,flipOnDir:e.unref(_)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["icon","size","flipOnDir"])):e.renderSlot(t.$slots,"default",{key:2},()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),t.action&&t.active&&!r.value&&(t.badgeText||i.badgeText||t.badgeIcon||i.badgeIcon)?e.renderSlot(t.$slots,"badge",e.normalizeProps(e.mergeProps({key:3},{color:t.$attrs.disabled?"gray":"primary",size:I})),()=>[e.createVNode(x._sfc_main,{text:t.badgeText,icon:t.badgeIcon,flipOnDir:e.unref(b),color:t.$attrs.disabled?"gray":"primary",size:I},e.createSlots({_:2},[i.badgeText?{name:"default",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeText")]),key:"0"}:void 0,i.badgeIcon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeIcon")]),key:"1"}:void 0]),1032,["text","icon","flipOnDir","color"])]):e.createCommentVNode("",!0),(t.postIcon||i.postIcon)&&!r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:4,flipOnDir:e.unref(C),icon:t.postIcon,size:f.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"postIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0)],64))],2))}});exports._sfc_main=T;

package/dist/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import { BaseButtonSlots, BaseButtonProps } from '../Base/BaseButton/BaseButton';
-export type ButtonProps = Partial<Pick<BaseButtonProps, 'class' | 'type' | 'color' | 'loading' | 'preIcon' | 'postIcon' | 'size' | 'text'>>;
+export type ButtonProps = Partial<Pick<BaseButtonProps, 'class' | 'type' | 'color' | 'loading' | 'preIcon' | 'postIcon' | 'size' | 'text' | 'postIconFlipOnDir' | 'preIconFlipOnDir'>>;
 type ButtonSlots = Omit<BaseButtonSlots, 'icon' | 'badge'>;
 declare function __VLS_template(): {
     slots: Readonly<ButtonSlots> & ButtonSlots;
@@ -22,6 +22,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;
@@ -76,10 +80,10 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseButtonProps, "size" | "class" | "type" | "color" | "text" | "loading" | "preIcon" | "postIcon">>, {
+declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseButtonProps, "text" | "class" | "type" | "size" | "color" | "loading" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir">>, {
     focus(): void;
     blur(): void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<Pick<BaseButtonProps, "size" | "class" | "type" | "color" | "text" | "loading" | "preIcon" | "postIcon">>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<Pick<BaseButtonProps, "text" | "class" | "type" | "size" | "color" | "loading" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir">>> & 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 & {