@pantograph/vue 0.13.0 → 0.14.0

package/dist/ActionButton/ActionButton.d.ts

@@ -25,10 +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;
+                readonly flipOnDir?: import('../index.ts', { with: { "resolution-mode": "import" } }).FlipOnDir | undefined;
+                readonly preIconFlipOnDir?: import('../index.ts', { with: { "resolution-mode": "import" } }).FlipOnDir | undefined;
+                readonly postIconFlipOnDir?: import('../index.ts', { with: { "resolution-mode": "import" } }).FlipOnDir | undefined;
+                readonly badgeIconFlipOnDir?: import('../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

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

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-Bkuz_iUP.js → ActionButton.vue_vue_type_script_setup_true_lang-DaeklrrN.js}

@@ -1,6 +1,6 @@
 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-BsFVls5E.js";
-import { _ as x } from "./BaseButton.vue_vue_type_style_index_0_lang-hgXHwNIC.js";
+import { _ as x } from "./BaseButton.vue_vue_type_style_index_0_lang-jR9htGtl.js";
 import { g as y } from "./options-JBqnVZUl.js";
 const R = /* @__PURE__ */ p({
   ...y("ActionButton", !1),

package/dist/Alert/index.js

@@ -1,121 +1,6 @@
-import { defineComponent as $, useSlots as h, computed as S, createElementBlock as a, openBlock as i, normalizeStyle as V, normalizeClass as s, unref as o, createBlock as z, createCommentVNode as c, createElementVNode as A, createSlots as N, withCtx as P, renderSlot as n, createTextVNode as b, toDisplayString as f, createVNode as g, normalizeProps as w, guardReactiveProps as E } from "vue";
-import { getBemBlock as I, generateVariantClassList as T, getBemElement as r } from "@pantograph/utils";
-import { cva as D } from "class-variance-authority";
-import { g as L } from "../options-JBqnVZUl.js";
-import { _ as M } from "../IconButton.vue_vue_type_script_setup_true_lang-DwSwWylD.js";
-import "../Button.vue_vue_type_script_setup_true_lang-CJv66ooM.js";
-import { _ as O } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-B57gv_5O.js";
-import { _ as R } from "../Link.vue_vue_type_style_index_0_lang-Dp25vaUV.js";
-const j = ["info", "success", "danger", "warning", "hint"], W = /* @__PURE__ */ $({
-  ...L("Alert"),
-  __name: "Alert",
-  props: {
-    type: { default: "hint" },
-    closeable: { type: Boolean },
-    class: {},
-    icon: {},
-    iconCls: {},
-    bodyCls: {},
-    closeableCls: {},
-    fg: {},
-    br: {},
-    bg: {},
-    title: {},
-    titleCls: {},
-    description: {},
-    descriptionCls: {},
-    link: { type: Boolean },
-    linkProps: {}
-  },
-  emits: ["close"],
-  setup(y, { emit: u }) {
-    const p = y, k = u, l = I("alert"), C = D(l, {
-      variants: {
-        type: T(j, l)
-        // hasChild: generateVariantClassList('has-child', prefix),
-      }
-    }), t = h(), B = {
-      success: "tabler:circle-check",
-      warning: "tabler:alert-triangle",
-      danger: "tabler:circle-x",
-      hint: "tabler:bulb",
-      info: "tabler:info-circle"
-    }, m = S(() => p.icon ?? B[p.type]);
-    return (e, d) => (i(), a("div", {
-      class: s([
-        o(C)({
-          type: e.type
-        }),
-        p.class
-      ]),
-      style: V({
-        "--ptc-alert-fg": e.fg,
-        "--ptc-alert-bg": e.bg,
-        "--ptc-alert-br": e.br
-      })
-    }, [
-      t.icon || m.value ? (i(), z(O, {
-        key: 0,
-        size: "md",
-        icon: m.value,
-        class: s([o(r)(o(l), "icon"), e.iconCls])
-      }, N({ _: 2 }, [
-        t.icon ? {
-          name: "icon",
-          fn: P(() => [
-            n(e.$slots, "icon")
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["icon", "class"])) : c("", !0),
-      A("div", {
-        class: s([o(r)(o(l), "body"), e.bodyCls])
-      }, [
-        n(e.$slots, "default", {}, () => [
-          e.title || t.title ? (i(), a("div", {
-            key: 0,
-            class: s([o(r)(o(l), "title"), e.titleCls, "paragraph"])
-          }, [
-            n(e.$slots, "title", {}, () => [
-              b(f(e.title), 1)
-            ])
-          ], 2)) : c("", !0),
-          e.description || t.description ? (i(), a("div", {
-            key: 1,
-            class: s([o(r)(o(l), "description"), e.descriptionCls, "paragraph"])
-          }, [
-            n(e.$slots, "description", {}, () => [
-              b(f(e.description), 1)
-            ])
-          ], 2)) : c("", !0),
-          e.link || t.link ? (i(), a("div", {
-            key: 2,
-            class: s(o(r)(o(l), "action"))
-          }, [
-            n(e.$slots, "link", {}, () => [
-              g(R, w(E(e.linkProps)), null, 16)
-            ])
-          ], 2)) : c("", !0)
-        ])
-      ], 2),
-      p.closeable || t.closeable ? (i(), a("div", {
-        key: 1,
-        class: s([o(r)(o(l), "closeable"), e.closeableCls])
-      }, [
-        n(e.$slots, "closeable", {}, () => [
-          g(M, {
-            icon: "tabler:x",
-            color: "gray",
-            type: "ghost",
-            onClick: d[0] || (d[0] = (v) => k("close", v))
-          })
-        ])
-      ], 2)) : c("", !0)
-    ], 6));
-  }
-});
+import { _ as r, A as s, _ as t } from "../Alert.vue_vue_type_style_index_0_lang-BC_IaSi8.js";
 export {
-  W as Alert,
-  j as AlertTypes,
-  W as default
+  r as Alert,
+  s as AlertTypes,
+  t as default
 };

package/dist/Alert/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@pantograph/utils"),f=require("class-variance-authority"),B=require("../options-B4iSAKol.js"),k=require("../IconButton.vue_vue_type_script_setup_true_lang-CI37BUhQ.js");require("../Button.vue_vue_type_script_setup_true_lang-w8EXhfob.js");const C=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-DI3DhvVj.js"),b=require("../Link.vue_vue_type_style_index_0_lang-ZgPgAnUp.js"),i=["info","success","danger","warning","hint"],c=e.defineComponent({...B.getComponentOptions("Alert"),__name:"Alert",props:{type:{default:"hint"},closeable:{type:Boolean},class:{},icon:{},iconCls:{},bodyCls:{},closeableCls:{},fg:{},br:{},bg:{},title:{},titleCls:{},description:{},descriptionCls:{},link:{type:Boolean},linkProps:{}},emits:["close"],setup(u,{emit:p}){const r=u,m=p,l=o.getBemBlock("alert"),d=f.cva(l,{variants:{type:o.generateVariantClassList(i,l)}}),n=e.useSlots(),g={success:"tabler:circle-check",warning:"tabler:alert-triangle",danger:"tabler:circle-x",hint:"tabler:bulb",info:"tabler:info-circle"},s=e.computed(()=>r.icon??g[r.type]);return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(d)({type:t.type}),r.class]),style:e.normalizeStyle({"--ptc-alert-fg":t.fg,"--ptc-alert-bg":t.bg,"--ptc-alert-br":t.br})},[n.icon||s.value?(e.openBlock(),e.createBlock(C._sfc_main,{key:0,size:"md",icon:s.value,class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(l),"icon"),t.iconCls])},e.createSlots({_:2},[n.icon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),key:"0"}:void 0]),1032,["icon","class"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(l),"body"),t.bodyCls])},[e.renderSlot(t.$slots,"default",{},()=>[t.title||n.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(l),"title"),t.titleCls,"paragraph"])},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.description||n.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(l),"description"),t.descriptionCls,"paragraph"])},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.link||n.link?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(o.getBemElement)(e.unref(l),"action"))},[e.renderSlot(t.$slots,"link",{},()=>[e.createVNode(b._sfc_main,e.normalizeProps(e.guardReactiveProps(t.linkProps)),null,16)])],2)):e.createCommentVNode("",!0)])],2),r.closeable||n.closeable?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(l),"closeable"),t.closeableCls])},[e.renderSlot(t.$slots,"closeable",{},()=>[e.createVNode(k._sfc_main,{icon:"tabler:x",color:"gray",type:"ghost",onClick:a[0]||(a[0]=y=>m("close",y))})])],2)):e.createCommentVNode("",!0)],6))}});exports.Alert=c;exports.AlertTypes=i;exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Alert.vue_vue_type_style_index_0_lang--7bfc5C-.js");exports.Alert=e._sfc_main;exports.AlertTypes=e.AlertTypes;exports.default=e._sfc_main;

package/dist/Alert.vue_vue_type_style_index_0_lang--7bfc5C-.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("@pantograph/utils"),y=require("class-variance-authority"),f=require("./options-B4iSAKol.js"),B=require("./IconButton.vue_vue_type_script_setup_true_lang-CI37BUhQ.js");require("./Button.vue_vue_type_script_setup_true_lang-w8EXhfob.js");const k=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-DI3DhvVj.js"),C=require("./Link.vue_vue_type_style_index_0_lang-ZgPgAnUp.js"),i=["info","success","danger","warning","hint"],b=e.defineComponent({...f.getComponentOptions("Alert"),__name:"Alert",props:{type:{default:"hint"},closeable:{type:Boolean},class:{},icon:{},iconCls:{},bodyCls:{},closeableCls:{},fg:{},br:{},bg:{},title:{},titleCls:{},description:{},descriptionCls:{},link:{type:Boolean},linkProps:{}},emits:["close"],setup(c,{emit:p}){const s=c,u=p,l=o.getBemBlock("alert"),m=y.cva(l,{variants:{type:o.generateVariantClassList(i,l)}}),n=e.useSlots(),d={success:"tabler:circle-check",warning:"tabler:alert-triangle",danger:"tabler:circle-x",hint:"tabler:bulb",info:"tabler:info-circle"},r=e.computed(()=>s.icon??d[s.type]);return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(m)({type:t.type}),s.class]),style:e.normalizeStyle({"--ptc-alert-fg":t.fg,"--ptc-alert-bg":t.bg,"--ptc-alert-br":t.br})},[n.icon||r.value?(e.openBlock(),e.createBlock(k._sfc_main,{key:0,size:"md",icon:r.value,class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(l),"icon"),t.iconCls])},e.createSlots({_:2},[n.icon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),key:"0"}:void 0]),1032,["icon","class"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(l),"body"),t.bodyCls])},[e.renderSlot(t.$slots,"default",{},()=>[t.title||n.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(l),"title"),t.titleCls,"paragraph"])},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.description||n.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(l),"description"),t.descriptionCls,"paragraph"])},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.link||n.link?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(o.getBemElement)(e.unref(l),"action"))},[e.renderSlot(t.$slots,"link",{},()=>[e.createVNode(C._sfc_main,e.normalizeProps(e.guardReactiveProps(t.linkProps)),null,16)])],2)):e.createCommentVNode("",!0)])],2),s.closeable||n.closeable?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(l),"closeable"),t.closeableCls])},[e.renderSlot(t.$slots,"closeable",{},()=>[e.createVNode(B._sfc_main,{icon:"tabler:x",color:"gray",type:"ghost",onClick:a[0]||(a[0]=g=>u("close",g))})])],2)):e.createCommentVNode("",!0)],6))}});exports.AlertTypes=i;exports._sfc_main=b;

package/dist/Alert.vue_vue_type_style_index_0_lang-BC_IaSi8.js

@@ -0,0 +1,120 @@
+import { defineComponent as $, useSlots as h, computed as S, createElementBlock as a, openBlock as i, normalizeStyle as V, normalizeClass as l, unref as o, createBlock as z, createCommentVNode as c, createElementVNode as A, createSlots as N, withCtx as P, renderSlot as n, createTextVNode as b, toDisplayString as f, createVNode as g, normalizeProps as w, guardReactiveProps as E } from "vue";
+import { getBemBlock as I, generateVariantClassList as T, getBemElement as r } from "@pantograph/utils";
+import { cva as D } from "class-variance-authority";
+import { g as L } from "./options-JBqnVZUl.js";
+import { _ as M } from "./IconButton.vue_vue_type_script_setup_true_lang-aNYHKjEX.js";
+import "./Button.vue_vue_type_script_setup_true_lang-DxYAiv5-.js";
+import { _ as O } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-CnSiDVWQ.js";
+import { _ as R } from "./Link.vue_vue_type_style_index_0_lang-K7EUHqqW.js";
+const j = ["info", "success", "danger", "warning", "hint"], W = /* @__PURE__ */ $({
+  ...L("Alert"),
+  __name: "Alert",
+  props: {
+    type: { default: "hint" },
+    closeable: { type: Boolean },
+    class: {},
+    icon: {},
+    iconCls: {},
+    bodyCls: {},
+    closeableCls: {},
+    fg: {},
+    br: {},
+    bg: {},
+    title: {},
+    titleCls: {},
+    description: {},
+    descriptionCls: {},
+    link: { type: Boolean },
+    linkProps: {}
+  },
+  emits: ["close"],
+  setup(y, { emit: u }) {
+    const p = y, k = u, s = I("alert"), C = D(s, {
+      variants: {
+        type: T(j, s)
+        // hasChild: generateVariantClassList('has-child', prefix),
+      }
+    }), t = h(), B = {
+      success: "tabler:circle-check",
+      warning: "tabler:alert-triangle",
+      danger: "tabler:circle-x",
+      hint: "tabler:bulb",
+      info: "tabler:info-circle"
+    }, m = S(() => p.icon ?? B[p.type]);
+    return (e, d) => (i(), a("div", {
+      class: l([
+        o(C)({
+          type: e.type
+        }),
+        p.class
+      ]),
+      style: V({
+        "--ptc-alert-fg": e.fg,
+        "--ptc-alert-bg": e.bg,
+        "--ptc-alert-br": e.br
+      })
+    }, [
+      t.icon || m.value ? (i(), z(O, {
+        key: 0,
+        size: "md",
+        icon: m.value,
+        class: l([o(r)(o(s), "icon"), e.iconCls])
+      }, N({ _: 2 }, [
+        t.icon ? {
+          name: "icon",
+          fn: P(() => [
+            n(e.$slots, "icon")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["icon", "class"])) : c("", !0),
+      A("div", {
+        class: l([o(r)(o(s), "body"), e.bodyCls])
+      }, [
+        n(e.$slots, "default", {}, () => [
+          e.title || t.title ? (i(), a("div", {
+            key: 0,
+            class: l([o(r)(o(s), "title"), e.titleCls, "paragraph"])
+          }, [
+            n(e.$slots, "title", {}, () => [
+              b(f(e.title), 1)
+            ])
+          ], 2)) : c("", !0),
+          e.description || t.description ? (i(), a("div", {
+            key: 1,
+            class: l([o(r)(o(s), "description"), e.descriptionCls, "paragraph"])
+          }, [
+            n(e.$slots, "description", {}, () => [
+              b(f(e.description), 1)
+            ])
+          ], 2)) : c("", !0),
+          e.link || t.link ? (i(), a("div", {
+            key: 2,
+            class: l(o(r)(o(s), "action"))
+          }, [
+            n(e.$slots, "link", {}, () => [
+              g(R, w(E(e.linkProps)), null, 16)
+            ])
+          ], 2)) : c("", !0)
+        ])
+      ], 2),
+      p.closeable || t.closeable ? (i(), a("div", {
+        key: 1,
+        class: l([o(r)(o(s), "closeable"), e.closeableCls])
+      }, [
+        n(e.$slots, "closeable", {}, () => [
+          g(M, {
+            icon: "tabler:x",
+            color: "gray",
+            type: "ghost",
+            onClick: d[0] || (d[0] = (v) => k("close", v))
+          })
+        ])
+      ], 2)) : c("", !0)
+    ], 6));
+  }
+});
+export {
+  j as A,
+  W as _
+};

package/dist/Avatar/index.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-BHfzjXmT.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-Dlk0AXBn.js";
 export {
   t as Avatar,
   r as AvatarOnlineAlignments,

package/dist/{Avatar.vue_vue_type_style_index_0_lang-BHfzjXmT.js → Avatar.vue_vue_type_style_index_0_lang-Dlk0AXBn.js}

@@ -3,10 +3,10 @@ import { createContext as T, useEmitAsProps as H, AvatarRoot as J, AvatarImage a
 import { getBemBlock as O, getBemElement as v, generateVariantClassList as f } from "@pantograph/utils";
 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-CAikz7cp.js";
+import { _ as U } from "./Popover.vue_vue_type_style_index_0_lang-Bh6rugB0.js";
 import "@iconify/vue";
-import { _ as W } from "./Icon.vue_vue_type_style_index_0_lang-BFTlmCAO.js";
-import { _ as X } from "./Indicator.vue_vue_type_script_setup_true_lang-BNc4K0mZ.js";
+import { _ as W } from "./Icon.vue_vue_type_style_index_0_lang-BOEBJy1n.js";
+import { _ as X } from "./Indicator.vue_vue_type_script_setup_true_lang-CRmpJaKR.js";
 import { c as Y } from "./element-CayrDxFe.js";
 const [Z, ee] = T("AvatarGroup"), pe = /* @__PURE__ */ E({
   ...q("AvatarGroup"),

package/dist/AvatarGroup/index.js

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

package/dist/Badge/index.js

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

package/dist/{Badge.vue_vue_type_script_setup_true_lang-CeXpqXtw.js → Badge.vue_vue_type_script_setup_true_lang-Ck0gfAPv.js}

@@ -1,6 +1,6 @@
 import { defineComponent as f, useAttrs as u, computed as c, createBlock as b, openBlock as d, mergeProps as y, createSlots as C, renderList as _, withCtx as B, renderSlot as O, normalizeProps as $, guardReactiveProps as j } from "vue";
 import { o as k } from "./omit-BsFVls5E.js";
-import { B as a, a as n, _ as E } from "./BaseBadge.vue_vue_type_style_index_0_lang-DnB978eI.js";
+import { B as a, a as n, _ as E } from "./BaseBadge.vue_vue_type_style_index_0_lang-BoPWxJgb.js";
 import { g as h } from "./options-JBqnVZUl.js";
 import { getCssCoreColor as r } from "@pantograph/tokens";
 const z = /* @__PURE__ */ f({
@@ -16,10 +16,10 @@ const z = /* @__PURE__ */ f({
   },
   setup(p) {
     const o = p, i = u(), m = c(() => {
-      const t = [...n, ...a], l = {
-        ...Object.fromEntries(n.map((e) => [e, r(`${e}-5`)])),
+      const t = [...a, ...n], l = {
+        ...Object.fromEntries(a.map((e) => [e, r(`${e}-5`)])),
         ...Object.fromEntries(
-          a.map((e) => [
+          n.map((e) => [
             e,
             r(`${e.replace("-subtle", "")}-0`)
           ])
@@ -27,11 +27,11 @@ const z = /* @__PURE__ */ f({
         "gray-subtle": r("gray-1")
       }, s = {
         ...Object.fromEntries(
-          n.map((e) => [e, r("grayscale-light-0")])
+          a.map((e) => [e, r("grayscale-light-0")])
         ),
         yellow: r("grayscale-dark-0"),
         ...Object.fromEntries(
-          a.map((e) => [
+          n.map((e) => [
             e,
             r(`${e.replace("-subtle", "")}-5`)
           ])

package/dist/{BaseBadge.vue_vue_type_style_index_0_lang-DnB978eI.js → BaseBadge.vue_vue_type_style_index_0_lang-BoPWxJgb.js}

@@ -3,8 +3,8 @@ import { getBemBlock as I, generateVariantClassList as n } from "@pantograph/uti
 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-BFTlmCAO.js";
-import { u as L } from "./index-BCMo0YVL.js";
+import { _ as E } from "./Icon.vue_vue_type_style_index_0_lang-BOEBJy1n.js";
+import { u as L } from "./index-DXzWdQsN.js";
 const f = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], b = ["rect", "pill", "minify"], M = [
   "primary",
   "red",
@@ -120,9 +120,9 @@ const f = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], b = ["rect", "pill", "m
   }
 });
 export {
-  Q as B,
+  M as B,
   R as _,
-  M as a,
+  Q as a,
   f as b,
   b as c
 };

package/dist/{BaseButton.vue_vue_type_style_index_0_lang-hgXHwNIC.js → BaseButton.vue_vue_type_style_index_0_lang-jR9htGtl.js}

@@ -1,12 +1,12 @@
 import { defineComponent as A, computed as s, useSlots as G, ref as L, createElementBlock as D, openBlock as c, normalizeClass as O, unref as l, createBlock as v, Fragment as _, createCommentVNode as B, renderSlot as r, 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 b } from "./Icon.vue_vue_type_style_index_0_lang-BFTlmCAO.js";
-import { _ as U } from "./Spinner.vue_vue_type_style_index_0_lang-BXXS6me6.js";
-import { _ as W } from "./Badge.vue_vue_type_script_setup_true_lang-CeXpqXtw.js";
-import { B as k, b as $, a as C, c as F, i as X } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-pokTDMXb.js";
+import { _ as b } from "./Icon.vue_vue_type_style_index_0_lang-BOEBJy1n.js";
+import { _ as U } from "./Spinner.vue_vue_type_style_index_0_lang-CQL0u4nz.js";
+import { _ as W } from "./Badge.vue_vue_type_script_setup_true_lang-Ck0gfAPv.js";
+import { B as k, a as $, b as C, c as F, i as X } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-BCxUeTU6.js";
 import { getBemBlock as Y, generateVariantClassList as t, getBemElement as Z } from "@pantograph/utils";
 import { cva as ee } from "class-variance-authority";
 import { g as oe } from "./options-JBqnVZUl.js";
-import { u as ne } from "./index-BCMo0YVL.js";
+import { u as ne } from "./index-DXzWdQsN.js";
 const S = "2xsm", fe = /* @__PURE__ */ A({
   ...oe("BaseButton"),
   __name: "BaseButton",

package/dist/Button/Button.d.ts

@@ -22,10 +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;
+                readonly flipOnDir?: import('../index.ts', { with: { "resolution-mode": "import" } }).FlipOnDir | undefined;
+                readonly preIconFlipOnDir?: import('../index.ts', { with: { "resolution-mode": "import" } }).FlipOnDir | undefined;
+                readonly postIconFlipOnDir?: import('../index.ts', { with: { "resolution-mode": "import" } }).FlipOnDir | undefined;
+                readonly badgeIconFlipOnDir?: import('../index.ts', { with: { "resolution-mode": "import" } }).FlipOnDir | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;

package/dist/Button/index.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-CJv66ooM.js";
+import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-DxYAiv5-.js";
 export {
   o as Button,
   e as default

package/dist/{Button.vue_vue_type_script_setup_true_lang-CJv66ooM.js → Button.vue_vue_type_script_setup_true_lang-DxYAiv5-.js}

@@ -1,6 +1,6 @@
 import { defineComponent as c, 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-BsFVls5E.js";
-import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-hgXHwNIC.js";
+import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-jR9htGtl.js";
 import { g as O } from "./options-JBqnVZUl.js";
 const z = /* @__PURE__ */ c({
   ...O("Button", !1),

package/dist/ButtonGroup/index.js

@@ -1,4 +1,4 @@
-import { _ as u, _ as e, i as n, p } from "../ButtonGroup.vue_vue_type_script_setup_true_lang-pokTDMXb.js";
+import { _ as u, _ as e, i as n, p } from "../ButtonGroup.vue_vue_type_script_setup_true_lang-BCxUeTU6.js";
 export {
   u as ButtonGroup,
   e as default,

package/dist/{ButtonGroup.vue_vue_type_script_setup_true_lang-pokTDMXb.js → ButtonGroup.vue_vue_type_script_setup_true_lang-BCxUeTU6.js}

@@ -39,8 +39,8 @@ const S = ["simple", "icon", "float"], V = ["fill", "outline", "ghost"], j = ["p
 export {
   S as B,
   L as _,
-  V as a,
-  j as b,
+  j as a,
+  V as b,
   G as c,
   w as i,
   x as p

package/dist/Checkbox/index.js

@@ -1,4 +1,4 @@
-import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-Bj-0gSIp.js";
+import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-C741-uKz.js";
 export {
   e as Checkbox,
   s as CheckboxSizes,

package/dist/{Checkbox.vue_vue_type_style_index_0_lang-Bj-0gSIp.js → Checkbox.vue_vue_type_style_index_0_lang-C741-uKz.js}

@@ -5,7 +5,7 @@ import { getBemBlock as Q, usePCId as W, generateVariantClassList as X, getBemEl
 import { cva as Y } from "class-variance-authority";
 import { g as P } from "./options-JBqnVZUl.js";
 import { o as Z } from "./omit-BsFVls5E.js";
-import { _ as ee } from "./Icon.vue_vue_type_style_index_0_lang-BFTlmCAO.js";
+import { _ as ee } from "./Icon.vue_vue_type_style_index_0_lang-BOEBJy1n.js";
 import { U as te } from "./useInputDataStates-CZbdWpyp.js";
 const ae = ["2xsm", "xsm"], he = (a) => ({
   "--ptc-checkbox-bg": n(`${a}-5`),

package/dist/CheckboxGroup/index.js

@@ -1,4 +1,4 @@
-import { b as p, i as r, p as t } from "../Checkbox.vue_vue_type_style_index_0_lang-Bj-0gSIp.js";
+import { b as p, i as r, p as t } from "../Checkbox.vue_vue_type_style_index_0_lang-C741-uKz.js";
 export {
   p as CheckboxGroup,
   r as injectCheckboxGroupContext,

package/dist/ColorPicker/index.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t, i, p as a } from "../ColorPicker.vue_vue_type_style_index_0_lang-zw5qynUn.js";
+import { _ as r, _ as t, i, p as a } from "../ColorPicker.vue_vue_type_style_index_0_lang-CGOaJvqg.js";
 export {
   r as ColorPicker,
   t as default,

package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-zw5qynUn.js → ColorPicker.vue_vue_type_style_index_0_lang-CGOaJvqg.js}

@@ -1,7 +1,7 @@
 import { onUnmounted as we, defineComponent as ue, onMounted as ae, onBeforeUnmount as ye, createElementBlock as D, openBlock as C, normalizeClass as T, unref as v, createElementVNode as E, ref as j, computed as R, watch as xe, reactive as Ce, createVNode as Q, createCommentVNode as Z, createBlock as Y, Fragment as Te, renderList as Ve } from "vue";
-import { _ as ke } from "./ActionButton.vue_vue_type_script_setup_true_lang-Bkuz_iUP.js";
-import { _ as ee } from "./Input.vue_vue_type_style_index_0_lang-osOWuv4Y.js";
-import { _ as Ee } from "./Icon.vue_vue_type_style_index_0_lang-BFTlmCAO.js";
+import { _ as ke } from "./ActionButton.vue_vue_type_script_setup_true_lang-DaeklrrN.js";
+import { _ as ee } from "./Input.vue_vue_type_style_index_0_lang-07-tyz6h.js";
+import { _ as Ee } from "./Icon.vue_vue_type_style_index_0_lang-BOEBJy1n.js";
 import { useVModel as te } from "@vueuse/core";
 import { getBemElement as P, getBemBlock as Me, getBemModifier as ne } from "@pantograph/utils";
 import { createContext as _e } from "radix-vue";

package/dist/ColorSwatch/index.js

@@ -1,4 +1,4 @@
-import { _ as s, C as r, a as t, _ as e } from "../ColorSwatch.vue_vue_type_style_index_0_lang-IJyJA0LN.js";
+import { _ as s, C as r, a as t, _ as e } from "../ColorSwatch.vue_vue_type_style_index_0_lang-C_ucF_yu.js";
 export {
   s as ColorSwatch,
   r as ColorSwatchSizes,

package/dist/{ColorSwatch.vue_vue_type_style_index_0_lang-IJyJA0LN.js → ColorSwatch.vue_vue_type_style_index_0_lang-C_ucF_yu.js}

@@ -1,10 +1,10 @@
 import { defineComponent as B, computed as s, useSlots as S, createBlock as d, openBlock as n, resolveDynamicComponent as _, mergeProps as c, unref as P, withCtx as i, createElementBlock as b, createCommentVNode as f, renderSlot as a, normalizeProps as r, createSlots as $, renderList as E, guardReactiveProps as y, createElementVNode as I } from "vue";
-import { _ as L } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-B57gv_5O.js";
+import { _ as L } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-CnSiDVWQ.js";
 import { g as O } from "./options-JBqnVZUl.js";
 import { o as V } from "./omit-BsFVls5E.js";
 import { getBemBlock as D, generateVariantClassList as l } from "@pantograph/utils";
 import { cva as N } from "class-variance-authority";
-import { _ as T } from "./IconButton.vue_vue_type_script_setup_true_lang-DwSwWylD.js";
+import { _ as T } from "./IconButton.vue_vue_type_script_setup_true_lang-aNYHKjEX.js";
 const k = ["sm", "md"], j = ["color", "remover", "custom-picker"], M = {
   key: 1,
   height: "100%",

package/dist/ColorSwatchGroup/index.js

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

package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-DJDJEbIy.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-BtxjxG9e.js}

@@ -1,15 +1,15 @@
 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 { C as Y, _ as y } from "./ColorSwatch.vue_vue_type_style_index_0_lang-IJyJA0LN.js";
-import { a as B } from "./index-BCMo0YVL.js";
+import { C as Y, _ as y } from "./ColorSwatch.vue_vue_type_style_index_0_lang-C_ucF_yu.js";
+import { i as B } from "./index-DXzWdQsN.js";
 import { f as M } from "./_getTag-C1N7G_It.js";
 import { useVModel as Z } from "@vueuse/core";
 import { getBemBlock as x, generateVariantClassList as ee, getBemElement as j } from "@pantograph/utils";
 import { cva as oe } from "class-variance-authority";
 import { o as te } from "./omit-BsFVls5E.js";
-import { _ as re } from "./Popover.vue_vue_type_style_index_0_lang-CAikz7cp.js";
-import { _ as se } from "./ColorPicker.vue_vue_type_style_index_0_lang-zw5qynUn.js";
+import { _ as re } from "./Popover.vue_vue_type_style_index_0_lang-Bh6rugB0.js";
+import { _ as se } from "./ColorPicker.vue_vue_type_style_index_0_lang-CGOaJvqg.js";
 import { p as S } from "./pick-CJI0LhLm.js";
 const Ce = /* @__PURE__ */ G({
   ...W("ColorSwatchGroup"),

package/dist/ColorTrigger/index.js

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

package/dist/{ColorTrigger.vue_vue_type_style_index_0_lang-CmGF_rFV.js → ColorTrigger.vue_vue_type_style_index_0_lang-CpboYwky.js}

@@ -1,10 +1,10 @@
 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-B57gv_5O.js";
+import { _ as w } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-CnSiDVWQ.js";
 import { g as O } from "./options-JBqnVZUl.js";
 import { getBemBlock as $, generateVariantClassList as f } from "@pantograph/utils";
 import { cva as T } from "class-variance-authority";
-import { _ as V } from "./Icon.vue_vue_type_style_index_0_lang-BFTlmCAO.js";
-import { a as G } from "./index-BCMo0YVL.js";
+import { _ as V } from "./Icon.vue_vue_type_style_index_0_lang-BOEBJy1n.js";
+import { i as G } from "./index-DXzWdQsN.js";
 import { p as L } from "./pick-CJI0LhLm.js";
 const u = ["sm", "md", "lg"], N = ["disabled"], J = /* @__PURE__ */ _({
   ...O("ColorTrigger"),

package/dist/ConfigProvider/index.js

@@ -1,12 +1,12 @@
 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-BCMo0YVL.js";
+import { C as a, C as n, a as p, p as f, u as s } from "../index-DXzWdQsN.js";
 import "../options-JBqnVZUl.js";
 export {
-  n as ConfigProvider,
-  p as default,
-  a as injectConfigContext,
+  a as ConfigProvider,
+  n as default,
+  p as injectConfigContext,
   f as provideConfigContext,
   s as useConfig
 };