@pantograph/vue 0.9.0 → 0.10.0

package/dist/ConfigProvider/index.js.js

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

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

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

package/dist/FloatButton/index.js.js

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

package/dist/{FloatButton.vue_vue_type_script_setup_true_lang-CQIk1UgJ.js → FloatButton.vue_vue_type_script_setup_true_lang-DARsq4US.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),l=require("./omit-CMPOmOGF.js"),p=require("./BaseButton.vue_vue_type_style_index_0_lang-CfBRZCKS.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("FloatButton",!1),__name:"FloatButton",props:{as:{},class:{},color:{},loading:{type:Boolean},size:{},icon:{},type:{}},setup(s,{expose:r}){const a=s,c=e.useAttrs(),i=e.computed(()=>({...l.omit(c,"variant","text","preIcon","postIcon","action","active","badgeText"),...a})),o=e.ref();return r({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,m)=>(e.openBlock(),e.createBlock(p._sfc_main,e.mergeProps(i.value,{variant:"float",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(u=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(u)))])}))]),1040))}});exports._sfc_main=f;
+"use strict";const e=require("vue"),l=require("./omit-DlH5U9Jc.js"),p=require("./BaseButton.vue_vue_type_style_index_0_lang-gzePKYHN.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("FloatButton",!1),__name:"FloatButton",props:{as:{},class:{},color:{},loading:{type:Boolean},size:{},icon:{},type:{}},setup(s,{expose:r}){const a=s,c=e.useAttrs(),i=e.computed(()=>({...l.omit(c,"variant","text","preIcon","postIcon","action","active","badgeText"),...a})),o=e.ref();return r({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,m)=>(e.openBlock(),e.createBlock(p._sfc_main,e.mergeProps(i.value,{variant:"float",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(u=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(u)))])}))]),1040))}});exports._sfc_main=f;

package/dist/{FloatButton.vue_vue_type_script_setup_true_lang-Bhc5xjck.js → FloatButton.vue_vue_type_script_setup_true_lang-iElZdgSE.js}

@@ -1,6 +1,6 @@
 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-wqhC12f_.js";
-import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-D99yMq5W.js";
+import { o as y } from "./omit-BHZMfUBv.js";
+import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-s4G57j5o.js";
 import { g as P } from "./options-JBqnVZUl.js";
 const I = /* @__PURE__ */ i({
   ...P("FloatButton", !1),

package/dist/GraphicalObject/index.js.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-DYCUqEs3.js";
+import { _ as r, _ as t } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-Cc4PxUnd.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-8ZXdETpQ.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-Bouixpu2.js");exports.GraphicalObject=e._sfc_main;exports.default=e._sfc_main;

package/dist/{GraphicalObject.vue_vue_type_script_setup_true_lang-8ZXdETpQ.js → GraphicalObject.vue_vue_type_script_setup_true_lang-Bouixpu2.js}

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

package/dist/{GraphicalObject.vue_vue_type_script_setup_true_lang-DYCUqEs3.js → GraphicalObject.vue_vue_type_script_setup_true_lang-Cc4PxUnd.js}

@@ -1,5 +1,5 @@
 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-wqhC12f_.js";
+import { o as j } from "./omit-BHZMfUBv.js";
 import { a as B, B as $, _ as k } from "./BaseBadge.vue_vue_type_style_index_0_lang-MM6bsdzR.js";
 import { g as v } from "./options-JBqnVZUl.js";
 import { getCssVar as t } from "@pantograph/tokens";

package/dist/IconButton/index.js.js

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

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

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

package/dist/{IconButton.vue_vue_type_script_setup_true_lang-BMbK9bu3.js → IconButton.vue_vue_type_script_setup_true_lang-CufKPHFD.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("./omit-CMPOmOGF.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-CfBRZCKS.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("IconButton",!1),__name:"IconButton",props:{as:{},class:{},type:{},color:{},loading:{type:Boolean},icon:{},size:{}},setup(s,{expose:r}){const c=s,a=e.useAttrs(),i=e.computed(()=>({...p.omit(a,"variant","preIcon","postIcon","text","action","active","badgeText"),...c})),o=e.ref();return r({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,m)=>(e.openBlock(),e.createBlock(l._sfc_main,e.mergeProps(i.value,{variant:"icon",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(u=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(u)))])}))]),1040))}});exports._sfc_main=f;
+"use strict";const e=require("vue"),p=require("./omit-DlH5U9Jc.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-gzePKYHN.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("IconButton",!1),__name:"IconButton",props:{as:{},class:{},type:{},color:{},loading:{type:Boolean},icon:{},size:{}},setup(s,{expose:r}){const c=s,a=e.useAttrs(),i=e.computed(()=>({...p.omit(a,"variant","preIcon","postIcon","text","action","active","badgeText"),...c})),o=e.ref();return r({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,m)=>(e.openBlock(),e.createBlock(l._sfc_main,e.mergeProps(i.value,{variant:"icon",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(u=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(u)))])}))]),1040))}});exports._sfc_main=f;

package/dist/{IconButton.vue_vue_type_script_setup_true_lang-Dv60wNuX.js → IconButton.vue_vue_type_script_setup_true_lang-D1nK8pEU.js}

@@ -1,6 +1,6 @@
 import { defineComponent as p, useAttrs as m, computed as u, ref as f, createBlock as l, 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-wqhC12f_.js";
-import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-D99yMq5W.js";
+import { o as y } from "./omit-BHZMfUBv.js";
+import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-s4G57j5o.js";
 import { g as C } from "./options-JBqnVZUl.js";
 const O = /* @__PURE__ */ p({
   ...C("IconButton", !1),

package/dist/IndentLevel/index.js.js

@@ -1,4 +1,4 @@
-import { _ as a, a as s, I as t, _ as d } from "../IndentLevel.vue_vue_type_style_index_0_lang-CBV4A9Mh.js";
+import { _ as a, a as s, I as t, _ as d } from "../IndentLevel.vue_vue_type_style_index_0_lang-CKJpRLV6.js";
 export {
   a as IndentLevel,
   s as IndentLevelShowLines,

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

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

package/dist/{IndentLevel.vue_vue_type_style_index_0_lang-C0p5Alem.js → IndentLevel.vue_vue_type_style_index_0_lang-C9mNx1Zx.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),a=require("./class-CjZYGZDW.js"),u=require("radix-vue"),k=require("class-variance-authority"),g=require("./options-B4iSAKol.js"),d=require("./Divider.vue_vue_type_style_index_0_lang-C6Suy0tD.js"),L=require("./Spinner.vue_vue_type_style_index_0_lang-CxNO28J7.js"),_=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-8ZXdETpQ.js"),y=require("./isNumber-eaDdxhkG.js"),m=["2xsm","xsm","sm"],C=["last","all","before","self"],b={key:0},w=e.defineComponent({...g.getComponentOptions("IndentLevel"),__name:"IndentLevel",props:{size:{default:"xsm"},showLine:{type:[Number,Boolean]},children:{type:Boolean},level:{default:1},expanded:{type:Boolean},loading:{type:Boolean},class:{},branchIcon:{default:"tabler:chevron-right"},noRotateBranch:{type:Boolean},as:{}},setup(p){const t=p,s=a.getBemBlock("indent_level"),i=a.getBemElement(s,"item"),f=a.getBemElement(i,"branch"),v=k.cva(s,{variants:{size:a.generateVariantClassList(m,s),expanded:a.generateVariantClassList("expanded",s),branchSlot:a.generateVariantClassList("branch-slot",s),selfDivider:a.generateVariantClassList("self-divider",s),noRotateBranch:a.generateVariantClassList("no-rotate-branch",s),loading:a.generateVariantClassList("loading",s)}}),r=e.computed(()=>{const n=Number(t.level);return n<1?1:n%10===0?n:Math.floor(n)}),l=e.computed(()=>{if(t.showLine)return typeof t.showLine=="string"?["all","self"].includes(t.showLine):y.isNumber(t.showLine)&&t.showLine<=Number(t.level)}),h=n=>typeof t.showLine=="number"?t.showLine<=Number(n):!1;return(n,c)=>(e.openBlock(),e.createBlock(e.unref(u.Primitive),{as:n.as,class:e.normalizeClass([e.unref(v)({size:n.size,expanded:n.expanded,noRotateBranch:n.noRotateBranch,branchSlot:n.$slots.default,selfDivider:l.value,loading:n.loading}),t.class])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,o=>(e.openBlock(),e.createBlock(e.unref(u.Primitive),{as:n.as,class:e.normalizeClass([e.unref(i),{[e.unref(a.getBemModifier)(e.unref(s),"expand")]:o===r.value}]),key:o},{default:e.withCtx(()=>[o===r.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.children?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.loading?(e.openBlock(),e.createBlock(L._sfc_main,{key:1,size:n.size},null,8,["size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.expanded&&l.value?(e.openBlock(),e.createElementBlock("div",b)):e.createCommentVNode("",!0),e.createVNode(_._sfc_main,{size:n.size,icon:n.branchIcon,color:"none",class:e.normalizeClass(e.unref(f)),onClick:c[0]||(c[0]=B=>n.$emit("toggleExpand",B))},{icon:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},8,["size","icon","class"]),n.expanded&&l.value?(e.openBlock(),e.createBlock(d._sfc_main,{key:1,type:"vertical"})):e.createCommentVNode("",!0)],64))],64)):e.createCommentVNode("",!0)],64)):["all","before"].includes(n.showLine)||n.showLine==="last"&&o===r.value-1||h(o)?(e.openBlock(),e.createBlock(d._sfc_main,{key:1,type:"vertical"})):e.createCommentVNode("",!0)]),_:2},1032,["as","class"]))),128))]),_:3},8,["as","class"]))}});exports.IndentLevelShowLines=C;exports.IndentLevelSizes=m;exports._sfc_main=w;
+"use strict";const e=require("vue"),a=require("./class-CjZYGZDW.js"),u=require("radix-vue"),k=require("class-variance-authority"),g=require("./options-B4iSAKol.js"),d=require("./Divider.vue_vue_type_style_index_0_lang-C6Suy0tD.js"),L=require("./Spinner.vue_vue_type_style_index_0_lang-CxNO28J7.js"),_=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-Bouixpu2.js"),y=require("./isNumber-eaDdxhkG.js"),m=["2xsm","xsm","sm"],C=["last","all","before","self"],b={key:0},w=e.defineComponent({...g.getComponentOptions("IndentLevel"),__name:"IndentLevel",props:{size:{default:"xsm"},showLine:{type:[Number,Boolean]},children:{type:Boolean},level:{default:1},expanded:{type:Boolean},loading:{type:Boolean},class:{},branchIcon:{default:"tabler:chevron-right"},noRotateBranch:{type:Boolean},as:{}},setup(p){const t=p,s=a.getBemBlock("indent_level"),i=a.getBemElement(s,"item"),f=a.getBemElement(i,"branch"),v=k.cva(s,{variants:{size:a.generateVariantClassList(m,s),expanded:a.generateVariantClassList("expanded",s),branchSlot:a.generateVariantClassList("branch-slot",s),selfDivider:a.generateVariantClassList("self-divider",s),noRotateBranch:a.generateVariantClassList("no-rotate-branch",s),loading:a.generateVariantClassList("loading",s)}}),r=e.computed(()=>{const n=Number(t.level);return n<1?1:n%10===0?n:Math.floor(n)}),l=e.computed(()=>{if(t.showLine)return typeof t.showLine=="string"?["all","self"].includes(t.showLine):y.isNumber(t.showLine)&&t.showLine<=Number(t.level)}),h=n=>typeof t.showLine=="number"?t.showLine<=Number(n):!1;return(n,c)=>(e.openBlock(),e.createBlock(e.unref(u.Primitive),{as:n.as,class:e.normalizeClass([e.unref(v)({size:n.size,expanded:n.expanded,noRotateBranch:n.noRotateBranch,branchSlot:n.$slots.default,selfDivider:l.value,loading:n.loading}),t.class])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,o=>(e.openBlock(),e.createBlock(e.unref(u.Primitive),{as:n.as,class:e.normalizeClass([e.unref(i),{[e.unref(a.getBemModifier)(e.unref(s),"expand")]:o===r.value}]),key:o},{default:e.withCtx(()=>[o===r.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.children?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.loading?(e.openBlock(),e.createBlock(L._sfc_main,{key:1,size:n.size},null,8,["size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.expanded&&l.value?(e.openBlock(),e.createElementBlock("div",b)):e.createCommentVNode("",!0),e.createVNode(_._sfc_main,{size:n.size,icon:n.branchIcon,color:"none",class:e.normalizeClass(e.unref(f)),onClick:c[0]||(c[0]=B=>n.$emit("toggleExpand",B))},{icon:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},8,["size","icon","class"]),n.expanded&&l.value?(e.openBlock(),e.createBlock(d._sfc_main,{key:1,type:"vertical"})):e.createCommentVNode("",!0)],64))],64)):e.createCommentVNode("",!0)],64)):["all","before"].includes(n.showLine)||n.showLine==="last"&&o===r.value-1||h(o)?(e.openBlock(),e.createBlock(d._sfc_main,{key:1,type:"vertical"})):e.createCommentVNode("",!0)]),_:2},1032,["as","class"]))),128))]),_:3},8,["as","class"]))}});exports.IndentLevelShowLines=C;exports.IndentLevelSizes=m;exports._sfc_main=w;

package/dist/{IndentLevel.vue_vue_type_style_index_0_lang-CBV4A9Mh.js → IndentLevel.vue_vue_type_style_index_0_lang-CKJpRLV6.js}

@@ -5,7 +5,7 @@ import { cva as E } from "class-variance-authority";
 import { g as V } from "./options-JBqnVZUl.js";
 import { _ as y } from "./Divider.vue_vue_type_style_index_0_lang-B_4XMyuu.js";
 import { _ } from "./Spinner.vue_vue_type_style_index_0_lang-D6nB06Z8.js";
-import { _ as M } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-DYCUqEs3.js";
+import { _ as M } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-Cc4PxUnd.js";
 import { i as F } from "./isNumber-DlKYWCo3.js";
 const O = ["2xsm", "xsm", "sm"], U = ["last", "all", "before", "self"], P = { key: 0 }, W = /* @__PURE__ */ C({
   ...V("IndentLevel"),

package/dist/Indicator/index.js.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t } from "../Indicator.vue_vue_type_script_setup_true_lang-BHIE3kZG.js";
+import { _ as r, _ as t } from "../Indicator.vue_vue_type_script_setup_true_lang-DURlzRTQ.js";
 export {
   r as Indicator,
   t as default

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

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

package/dist/{Indicator.vue_vue_type_script_setup_true_lang-BHIE3kZG.js → Indicator.vue_vue_type_script_setup_true_lang-DURlzRTQ.js}

@@ -1,5 +1,5 @@
 import { defineComponent as d, useAttrs as f, computed as s, useSlots as u, createBlock as g, openBlock as _, mergeProps as b, createSlots as y, renderList as C, withCtx as k, renderSlot as v, normalizeProps as x, guardReactiveProps as B } from "vue";
-import { o as O } from "./omit-wqhC12f_.js";
+import { o as O } from "./omit-BHZMfUBv.js";
 import { a as P, _ as S } from "./BaseBadge.vue_vue_type_style_index_0_lang-MM6bsdzR.js";
 import { g as $ } from "./options-JBqnVZUl.js";
 import { getCssVar as n } from "@pantograph/tokens";

package/dist/{Indicator.vue_vue_type_script_setup_true_lang-DzKJMO-h.js → Indicator.vue_vue_type_script_setup_true_lang-DpPAMjWw.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),_=require("./omit-CMPOmOGF.js"),n=require("./BaseBadge.vue_vue_type_style_index_0_lang-OEeJw0Sy.js"),d=require("./options-B4iSAKol.js"),c=require("@pantograph/tokens"),g=e.defineComponent({...d.getComponentOptions("Indicator",!1),__name:"Indicator",props:{as:{},class:{},size:{},color:{}},setup(a){const s=a,i=e.useAttrs(),p=e.computed(()=>({bg:Object.fromEntries(n.BadgeColors.map(t=>[t,c.getCssVar(`${t}-5`)]))[s.color]??c.getCssVar("primary-5")})),u=e.computed(()=>({..._.omit(i,"type","text","icon","mode"),...s,...p.value})),m=e.useSlots();return(o,t)=>(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps(u.value,{type:"minify",mode:"bold"}),e.createSlots({_:2},[e.renderList(Object.keys(m),r=>({name:r,fn:e.withCtx(l=>[e.renderSlot(o.$slots,r,e.normalizeProps(e.guardReactiveProps(l)))])}))]),1040))}});exports._sfc_main=g;
+"use strict";const e=require("vue"),_=require("./omit-DlH5U9Jc.js"),n=require("./BaseBadge.vue_vue_type_style_index_0_lang-OEeJw0Sy.js"),d=require("./options-B4iSAKol.js"),c=require("@pantograph/tokens"),g=e.defineComponent({...d.getComponentOptions("Indicator",!1),__name:"Indicator",props:{as:{},class:{},size:{},color:{}},setup(a){const s=a,i=e.useAttrs(),p=e.computed(()=>({bg:Object.fromEntries(n.BadgeColors.map(t=>[t,c.getCssVar(`${t}-5`)]))[s.color]??c.getCssVar("primary-5")})),u=e.computed(()=>({..._.omit(i,"type","text","icon","mode"),...s,...p.value})),m=e.useSlots();return(o,t)=>(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps(u.value,{type:"minify",mode:"bold"}),e.createSlots({_:2},[e.renderList(Object.keys(m),r=>({name:r,fn:e.withCtx(l=>[e.renderSlot(o.$slots,r,e.normalizeProps(e.guardReactiveProps(l)))])}))]),1040))}});exports._sfc_main=g;

package/dist/Input/Input.d.ts

@@ -0,0 +1,67 @@
+import { Class } from '../types';
+import { InputSize, InputStatus } from './Input.model';
+import { IconSize } from '../Icon/Icon.model';
+export interface InputProps {
+    id?: string;
+    maxlength?: number;
+    type?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    modelValue?: string | null;
+    defaultValue?: string | null;
+    leading?: string;
+    trailing?: string;
+    clearIcon?: string;
+    trailingCls?: Class;
+    clearIconCls?: Class;
+    dividerCls?: Class;
+    leadingCls?: Class;
+    class?: Class;
+    allowClear?: boolean;
+    bordered?: boolean;
+    size?: InputSize;
+    status?: InputStatus;
+}
+export interface InputSlots {
+    leading?: (data: {
+        iconSize: IconSize;
+    }) => never;
+    trailing?: (data: {
+        iconSize: IconSize;
+    }) => never;
+    clearIcon?: () => never;
+}
+export interface InputEmits {
+    (e: 'update:modelValue', value?: string): void;
+    (e: 'clear'): void;
+    (e: 'blur', event: InputEvent): void;
+    (e: 'focus', event: InputEvent): void;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<InputProps, {
+    input: import('vue').Ref<any, any>;
+    focus: (option?: FocusOptions | undefined) => any;
+    blur: () => any;
+    select: () => any;
+    setSelectionRange: (start: number, end: number, direction?: "none" | "forward" | "backward" | undefined) => any;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    blur: (event: InputEvent) => any;
+    focus: (event: InputEvent) => any;
+    clear: () => any;
+    "update:modelValue": (value?: string | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<InputProps> & Readonly<{
+    onBlur?: ((event: InputEvent) => any) | undefined;
+    onFocus?: ((event: InputEvent) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
+}>, {
+    disabled: boolean;
+    clearIcon: string;
+    bordered: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<InputSlots> & InputSlots>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Menu/index.js.js

@@ -1,4 +1,4 @@
-import { _ as n, M as t, _ as s, i as o, p as u } from "../Menu.vue_vue_type_style_index_0_lang-oedL61ps.js";
+import { _ as n, M as t, _ as s, i as o, p as u } from "../Menu.vue_vue_type_style_index_0_lang-Danl_w4K.js";
 export {
   n as Menu,
   t as MenuGaps,

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Menu.vue_vue_type_style_index_0_lang-C_lbO09l.js");exports.Menu=e._sfc_main;exports.MenuGaps=e.MenuGaps;exports.default=e._sfc_main;exports.injectMenuContext=e.injectMenuContext;exports.provideMenuContext=e.provideMenuContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Menu.vue_vue_type_style_index_0_lang-eKNVzfnz.js");exports.Menu=e._sfc_main;exports.MenuGaps=e.MenuGaps;exports.default=e._sfc_main;exports.injectMenuContext=e.injectMenuContext;exports.provideMenuContext=e.provideMenuContext;