@pantograph/vue 0.6.5 → 0.7.0

package/dist/Checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import { CheckboxRootProps } from 'radix-vue';
 import { CheckboxSize } from './Checkbox.model';
 import { Class } from '../types';
-export interface CheckboxProps extends Omit<CheckboxRootProps, 'asChild'> {
+export interface CheckboxProps extends Omit<CheckboxRootProps, 'asChild' | 'value'> {
     size?: CheckboxSize;
     class?: Class;
     rootCls?: Class;
@@ -9,24 +9,25 @@ export interface CheckboxProps extends Omit<CheckboxRootProps, 'asChild'> {
     indeterminateCls?: Class;
     labelCls?: Class;
     label?: string;
+    value?: string;
     id?: string;
     valueAsLabel?: boolean;
 }
-declare function __VLS_template(): any;
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<CheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+export interface CheckboxSlots {
+    default?: (props: object) => never;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (value: boolean | "indeterminate") => any;
     "update:checked": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<CheckboxProps> & Readonly<{
     onChange?: ((value: boolean | "indeterminate") => any) | undefined;
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
 }>, {
-    size: CheckboxSize;
+    size: "2xsm" | "xsm";
     as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
     checked: boolean | "indeterminate";
     valueAsLabel: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<CheckboxSlots> & CheckboxSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/Checkbox/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Checkbox, type CheckboxProps, default } from './Checkbox';
-export * from './Checkbox.model.ts';
+export * from './Checkbox.model';

package/dist/Checkbox/{index.es.js → index.js.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-gsOfYgHe.js";
+import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-BY73A9jA.js";
 export {
   e as Checkbox,
   s as CheckboxSizes,

package/dist/Checkbox/{index.cjs.js → index.umd.cjs.js}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-BQeNpCYy.js");exports.Checkbox=e._sfc_main;exports.CheckboxSizes=e.CheckboxSizes;exports.default=e._sfc_main;exports.useColoredPantographCheckbox=e.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=e.useColoredPantographCheckboxGroup;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-BezXV-lY.js");exports.Checkbox=e._sfc_main;exports.CheckboxSizes=e.CheckboxSizes;exports.default=e._sfc_main;exports.useColoredPantographCheckbox=e.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=e.useColoredPantographCheckboxGroup;

package/dist/Checkbox.vue_vue_type_style_index_0_lang-BY73A9jA.js

@@ -0,0 +1,216 @@
+import { defineComponent as S, computed as l, ref as G, watch as P, createBlock as C, openBlock as u, unref as s, normalizeProps as R, guardReactiveProps as T, withCtx as k, renderSlot as V, createElementBlock as z, createCommentVNode as w, Fragment as j, renderList as D, mergeProps as y, useSlots as F, createVNode as L, normalizeClass as $, createTextVNode as U, toDisplayString as H } from "vue";
+import { createContext as J, Primitive as q, useId as K, CheckboxRoot as M, CheckboxIndicator as Q } from "radix-vue";
+import { prefixTokens as i } from "@pantograph/tokens";
+import { g as W, a as X, b as f } from "./class-DziTeW9B.js";
+import { cva as Y } from "class-variance-authority";
+import { g as A } from "./options-JBqnVZUl.js";
+import { o as Z } from "./omit-Cxaoa8oo.js";
+import { _ as ee } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
+import { p as ae } from "./pick-DKW6-a-5.js";
+const te = ["2xsm", "xsm"], he = (t) => ({
+  "--ptc-checkbox-bg": `var(--${i}-${t}-5)`,
+  "--ptc-checkbox-bg-hover": `var(--${i}-${t}-4)`,
+  "--ptc-checkbox-bg-focus": `var(--${i}-${t}-6)`,
+  "--ptc-checkbox-br-focus": `var(--${i}-${t}-6)`,
+  "--ptc-checkbox-bg-active": `var(--${i}-${t}-7)`
+}), fe = (t) => ({
+  "--ptc-group-checkbox-bg": `var(--${i}-${t}-5)`,
+  "--ptc-group-checkbox-bg-hover": `var(--${i}-${t}-4)`,
+  "--ptc-group-checkbox-bg-focus": `var(--${i}-${t}-6)`,
+  "--ptc-group-checkbox-br-focus": `var(--${i}-${t}-6)`,
+  "--ptc-group-checkbox-bg-active": `var(--${i}-${t}-7)`
+}), [se, oe] = J("CheckboxGroup"), ke = /* @__PURE__ */ S({
+  ...A("CheckboxGroup"),
+  __name: "CheckboxGroup",
+  props: {
+    asChild: { type: Boolean, default: !1 },
+    as: {},
+    value: {},
+    size: {},
+    disabled: { type: Boolean },
+    name: {},
+    options: {}
+  },
+  emits: ["update:value", "change"],
+  setup(t, { emit: g }) {
+    const c = g, e = t, o = l(() => ae(e, "asChild", "as")), d = G(e.value ?? []);
+    P(
+      () => e.value,
+      () => {
+        d.value = e.value ?? [];
+      }
+    );
+    const x = l({
+      get() {
+        return e.value ? e.value : d.value;
+      },
+      set(r) {
+        e.value || (d.value = r), c("update:value", r), c("change", r);
+      }
+    }), v = l(() => e.size), m = l(() => e.disabled ? !0 : void 0);
+    return oe({
+      model: x,
+      size: v,
+      disabled: m
+    }), (r, B) => (u(), C(s(q), R(T(o.value)), {
+      default: k(() => [
+        V(r.$slots, "default", {}, () => {
+          var b;
+          return [
+            (b = r.options) != null && b.length ? (u(!0), z(j, { key: 0 }, D(r.options, (n) => (u(), C(ce, y({
+              key: n.value,
+              ref_for: !0
+            }, n), null, 16))), 128)) : w("", !0)
+          ];
+        })
+      ]),
+      _: 3
+    }, 16));
+  }
+}), le = ["for"], ce = /* @__PURE__ */ S({
+  ...A("Checkbox"),
+  __name: "Checkbox",
+  props: {
+    size: { default: "xsm" },
+    class: {},
+    rootCls: {},
+    indicatorCls: {},
+    indeterminateCls: {},
+    labelCls: {},
+    label: {},
+    value: {},
+    id: {},
+    valueAsLabel: { type: Boolean, default: !0 },
+    defaultChecked: { type: Boolean },
+    checked: { type: [Boolean, String], default: void 0 },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    name: {},
+    as: { default: "div" }
+  },
+  emits: ["update:checked", "change"],
+  setup(t, { emit: g }) {
+    const c = W("checkbox"), e = t, o = se({}), d = g, x = F(), v = G(e.checked ?? !1);
+    P(
+      () => e.checked,
+      () => {
+        v.value = e.checked ?? !1;
+      }
+    );
+    const m = l({
+      get() {
+        var a;
+        return (a = o.model) != null && a.value ? e.value !== void 0 && o.model.value.includes(e.value) : e.checked !== void 0 ? e.checked : v.value;
+      },
+      set(a) {
+        var p;
+        if ((p = o.model) != null && p.value) {
+          if (e.value !== void 0) {
+            const h = o.model.value.indexOf(e.value);
+            a && h === -1 ? o.model.value = [...o.model.value, e.value] : !a && h !== -1 && (o.model.value = o.model.value.filter(
+              (O) => O !== e.value
+            ));
+          }
+        } else
+          e.checked === void 0 && (v.value = a), d("update:checked", a), d("change", a);
+      }
+    }), r = l(() => e.id ?? K(void 0, c)), B = l(() => {
+      var a;
+      return {
+        disabled: ((a = o.disabled) == null ? void 0 : a.value) ?? e.disabled,
+        ...Z(
+          e,
+          "size",
+          "class",
+          "label",
+          "as",
+          "disabled",
+          "checked",
+          "id",
+          "rootCls",
+          "indicatorCls",
+          "indeterminateCls",
+          "labelCls"
+        )
+      };
+    }), b = Y(c, {
+      variants: {
+        size: X(te, c)
+      }
+    }), n = l(() => e.label || x.default || e.value && e.valueAsLabel), N = l(() => {
+      if (e.label) return e.label;
+      if (e.value && e.valueAsLabel) return e.value;
+    }), E = l(() => ({
+      asChild: !n.value,
+      as: e.as
+    })), _ = l(() => {
+      var a;
+      return ((a = o.size) == null ? void 0 : a.value) ?? e.size;
+    }), I = l(() => {
+      switch (_.value) {
+        case "xsm":
+          return "2xsm";
+        case "2xsm":
+        default:
+          return "3xsm";
+      }
+    });
+    return (a, p) => (u(), C(s(q), y({
+      key: n.value
+    }, E.value, {
+      class: [{ [s(f)(s(c), "root")]: n.value }, n.value ? a.rootCls : void 0]
+    }), {
+      default: k(() => [
+        L(s(M), y(B.value, {
+          checked: m.value,
+          "onUpdate:checked": p[0] || (p[0] = (h) => m.value = h),
+          id: r.value,
+          class: [s(b)({ size: _.value }), e.class]
+        }), {
+          default: k(() => [
+            L(s(Q), {
+              class: $([s(f)(s(c), "indicator"), a.indicatorCls]),
+              asChild: ""
+            }, {
+              default: k(() => [
+                e.checked != "indeterminate" ? (u(), C(ee, {
+                  key: 0,
+                  icon: "tabler:check",
+                  size: I.value
+                }, null, 8, ["size"])) : (u(), z("span", {
+                  key: 1,
+                  class: $([s(f)(s(c), "indeterminate"), a.indeterminateCls])
+                }, null, 2))
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ]),
+          _: 1
+        }, 16, ["checked", "id", "class"]),
+        n.value ? (u(), z("label", {
+          key: 0,
+          for: r.value,
+          class: $([s(f)(s(c), "label"), a.labelCls])
+        }, [
+          V(a.$slots, "default", {
+            checked: a.checked,
+            disabled: a.disabled,
+            required: a.required
+          }, () => [
+            U(H(N.value), 1)
+          ])
+        ], 10, le)) : w("", !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  te as C,
+  ce as _,
+  fe as a,
+  ke as b,
+  se as i,
+  oe as p,
+  he as u
+};

package/dist/Checkbox.vue_vue_type_style_index_0_lang-BezXV-lY.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),d=require("radix-vue"),n=require("@pantograph/tokens"),u=require("./class-CjZYGZDW.js"),G=require("class-variance-authority"),g=require("./options-B4iSAKol.js"),S=require("./omit-1sFJ_mId.js"),V=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),w=require("./pick-DojrVogK.js"),B=["2xsm","xsm"],E=a=>({"--ptc-checkbox-bg":`var(--${n.prefixTokens}-${a}-5)`,"--ptc-checkbox-bg-hover":`var(--${n.prefixTokens}-${a}-4)`,"--ptc-checkbox-bg-focus":`var(--${n.prefixTokens}-${a}-6)`,"--ptc-checkbox-br-focus":`var(--${n.prefixTokens}-${a}-6)`,"--ptc-checkbox-bg-active":`var(--${n.prefixTokens}-${a}-7)`}),L=a=>({"--ptc-group-checkbox-bg":`var(--${n.prefixTokens}-${a}-5)`,"--ptc-group-checkbox-bg-hover":`var(--${n.prefixTokens}-${a}-4)`,"--ptc-group-checkbox-bg-focus":`var(--${n.prefixTokens}-${a}-6)`,"--ptc-group-checkbox-br-focus":`var(--${n.prefixTokens}-${a}-6)`,"--ptc-group-checkbox-bg-active":`var(--${n.prefixTokens}-${a}-7)`}),[$,_]=d.createContext("CheckboxGroup"),N=e.defineComponent({...g.getComponentOptions("CheckboxGroup"),__name:"CheckboxGroup",props:{asChild:{type:Boolean,default:!1},as:{},value:{},size:{},disabled:{type:Boolean},name:{},options:{}},emits:["update:value","change"],setup(a,{emit:h}){const c=h,o=a,s=e.computed(()=>w.pick(o,"asChild","as")),i=e.ref(o.value??[]);e.watch(()=>o.value,()=>{i.value=o.value??[]});const b=e.computed({get(){return o.value?o.value:i.value},set(l){o.value||(i.value=l),c("update:value",l),c("change",l)}}),p=e.computed(()=>o.size),k=e.computed(()=>o.disabled?!0:void 0);return _({model:b,size:p,disabled:k}),(l,C)=>(e.openBlock(),e.createBlock(e.unref(d.Primitive),e.normalizeProps(e.guardReactiveProps(s.value)),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},()=>{var m;return[(m=l.options)!=null&&m.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.options,r=>(e.openBlock(),e.createBlock(z,e.mergeProps({key:r.value,ref_for:!0},r),null,16))),128)):e.createCommentVNode("",!0)]})]),_:3},16))}}),A=["for"],z=e.defineComponent({...g.getComponentOptions("Checkbox"),__name:"Checkbox",props:{size:{default:"xsm"},class:{},rootCls:{},indicatorCls:{},indeterminateCls:{},labelCls:{},label:{},value:{},id:{},valueAsLabel:{type:Boolean,default:!0},defaultChecked:{type:Boolean},checked:{type:[Boolean,String],default:void 0},disabled:{type:Boolean},required:{type:Boolean},name:{},as:{default:"div"}},emits:["update:checked","change"],setup(a,{emit:h}){const c=u.getBemBlock("checkbox"),o=a,s=$({}),i=h,b=e.useSlots(),p=e.ref(o.checked??!1);e.watch(()=>o.checked,()=>{p.value=o.checked??!1});const k=e.computed({get(){var t;return(t=s.model)!=null&&t.value?o.value!==void 0&&s.model.value.includes(o.value):o.checked!==void 0?o.checked:p.value},set(t){var v;if((v=s.model)!=null&&v.value){if(o.value!==void 0){const f=s.model.value.indexOf(o.value);t&&f===-1?s.model.value=[...s.model.value,o.value]:!t&&f!==-1&&(s.model.value=s.model.value.filter(T=>T!==o.value))}}else o.checked===void 0&&(p.value=t),i("update:checked",t),i("change",t)}}),l=e.computed(()=>o.id??d.useId(void 0,c)),C=e.computed(()=>{var t;return{disabled:((t=s.disabled)==null?void 0:t.value)??o.disabled,...S.omit(o,"size","class","label","as","disabled","checked","id","rootCls","indicatorCls","indeterminateCls","labelCls")}}),m=G.cva(c,{variants:{size:u.generateVariantClassList(B,c)}}),r=e.computed(()=>o.label||b.default||o.value&&o.valueAsLabel),y=e.computed(()=>{if(o.label)return o.label;if(o.value&&o.valueAsLabel)return o.value}),q=e.computed(()=>({asChild:!r.value,as:o.as})),x=e.computed(()=>{var t;return((t=s.size)==null?void 0:t.value)??o.size}),P=e.computed(()=>{switch(x.value){case"xsm":return"2xsm";case"2xsm":default:return"3xsm"}});return(t,v)=>(e.openBlock(),e.createBlock(e.unref(d.Primitive),e.mergeProps({key:r.value},q.value,{class:[{[e.unref(u.getBemElement)(e.unref(c),"root")]:r.value},r.value?t.rootCls:void 0]}),{default:e.withCtx(()=>[e.createVNode(e.unref(d.CheckboxRoot),e.mergeProps(C.value,{checked:k.value,"onUpdate:checked":v[0]||(v[0]=f=>k.value=f),id:l.value,class:[e.unref(m)({size:x.value}),o.class]}),{default:e.withCtx(()=>[e.createVNode(e.unref(d.CheckboxIndicator),{class:e.normalizeClass([e.unref(u.getBemElement)(e.unref(c),"indicator"),t.indicatorCls]),asChild:""},{default:e.withCtx(()=>[o.checked!="indeterminate"?(e.openBlock(),e.createBlock(V._sfc_main,{key:0,icon:"tabler:check",size:P.value},null,8,["size"])):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(u.getBemElement)(e.unref(c),"indeterminate"),t.indeterminateCls])},null,2))]),_:1},8,["class"])]),_:1},16,["checked","id","class"]),r.value?(e.openBlock(),e.createElementBlock("label",{key:0,for:l.value,class:e.normalizeClass([e.unref(u.getBemElement)(e.unref(c),"label"),t.labelCls])},[e.renderSlot(t.$slots,"default",{checked:t.checked,disabled:t.disabled,required:t.required},()=>[e.createTextVNode(e.toDisplayString(y.value),1)])],10,A)):e.createCommentVNode("",!0)]),_:3},16,["class"]))}});exports.CheckboxSizes=B;exports._sfc_main=z;exports._sfc_main$1=N;exports.injectCheckboxGroupContext=$;exports.provideCheckboxGroupContext=_;exports.useColoredPantographCheckbox=E;exports.useColoredPantographCheckboxGroup=L;

package/dist/CheckboxGroup/CheckboxGroup.d.ts

@@ -6,17 +6,18 @@ export interface CheckboxGroupOption {
     disabled?: boolean;
     label?: string;
 }
+type Value = (number | string)[];
 export type CheckboxGroupProps = PrimitiveProps & {
-    value?: (number | string | boolean | null)[];
+    value?: Value;
     size?: CheckboxSize;
     disabled?: boolean;
     name?: string;
     options?: string[] | number[] | CheckboxGroupOption[];
 };
 interface Context {
-    model: Ref<CheckboxGroupProps['value']>;
-    size: ComputedRef<CheckboxGroupProps['size']>;
-    disabled: ComputedRef<CheckboxGroupProps['disabled']>;
+    model?: Ref<Value>;
+    size?: ComputedRef<CheckboxGroupProps['size']>;
+    disabled?: ComputedRef<CheckboxGroupProps['disabled']>;
 }
 export declare const injectCheckboxGroupContext: <T extends Context | null | undefined = Context>(fallback?: T | undefined) => T extends null ? Context | null : Context, provideCheckboxGroupContext: (contextValue: Context) => Context;
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CheckboxGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

package/dist/CheckboxGroup/{index.es.js → index.js.js}

@@ -1,4 +1,4 @@
-import { b as p, i as r, p as t } from "../Checkbox.vue_vue_type_style_index_0_lang-gsOfYgHe.js";
+import { b as p, i as r, p as t } from "../Checkbox.vue_vue_type_style_index_0_lang-BY73A9jA.js";
 export {
   p as CheckboxGroup,
   r as injectCheckboxGroupContext,

package/dist/CheckboxGroup/{index.cjs.js → index.umd.cjs.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-BQeNpCYy.js");exports.CheckboxGroup=e._sfc_main$1;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-BezXV-lY.js");exports.CheckboxGroup=e._sfc_main$1;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;

package/dist/ConfigProvider/index.d.ts

@@ -1,5 +1,7 @@
 import { Config } from '@pantograph/tokens';
 import { ComputedRef, Ref } from 'vue';
+import { Direction } from './utils';
+export { type Direction };
 interface _Config extends Config {
     init?: boolean;
 }
@@ -9,7 +11,6 @@ export interface ConfigProviderProps {
     changeAbleDirectionElement?: string | HTMLElement | Ref<string | HTMLElement>;
     changeAbleDarkElement?: string | HTMLElement | Ref<string | HTMLElement>;
 }
-export type Direction = 'ltr' | 'rtl';
 interface Context {
     theme: ComputedRef<Config>;
     dir: Ref<Direction>;
@@ -22,17 +23,17 @@ declare const provideConfigContext: (contextValue: Context) => Context;
 declare const injectConfigContext: () => Context;
 export { provideConfigContext, injectConfigContext };
 export declare const ConfigProvider: import('vue').DefineComponent<{
-    locale?: ("fa" | "en" | object) | undefined;
+    locale?: object | "fa" | "en" | undefined;
     theme?: _Config | undefined;
-    changeAbleDirectionElement?: (string | HTMLElement | Ref<string | HTMLElement>) | undefined;
-    changeAbleDarkElement?: (string | HTMLElement | Ref<string | HTMLElement>) | undefined;
+    changeAbleDirectionElement?: string | HTMLElement | Ref<string | HTMLElement, string | HTMLElement> | undefined;
+    changeAbleDarkElement?: string | HTMLElement | Ref<string | HTMLElement, string | HTMLElement> | undefined;
 }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    locale?: ("fa" | "en" | object) | undefined;
+    locale?: object | "fa" | "en" | undefined;
     theme?: _Config | undefined;
-    changeAbleDirectionElement?: (string | HTMLElement | Ref<string | HTMLElement>) | undefined;
-    changeAbleDarkElement?: (string | HTMLElement | Ref<string | HTMLElement>) | undefined;
+    changeAbleDirectionElement?: string | HTMLElement | Ref<string | HTMLElement, string | HTMLElement> | undefined;
+    changeAbleDarkElement?: string | HTMLElement | Ref<string | HTMLElement, string | HTMLElement> | undefined;
 }> & Readonly<{}>, {
     changeAbleDirectionElement: string | HTMLElement | Ref<string | HTMLElement, string | HTMLElement>;
     changeAbleDarkElement: string | HTMLElement | Ref<string | HTMLElement, string | HTMLElement>;

package/dist/ConfigProvider/index.js.js

@@ -0,0 +1,10 @@
+import "radix-vue";
+import "@pantograph/tokens";
+import "vue";
+import { C, C as n, i as p, p as a } from "../index-DgVKQuPc.js";
+export {
+  C as ConfigProvider,
+  n as default,
+  p as injectConfigContext,
+  a as provideConfigContext
+};

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

@@ -0,0 +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-BCJFpT7y.js");exports.ConfigProvider=e.ConfigProvider;exports.default=e.ConfigProvider;exports.injectConfigContext=e.injectConfigContext;exports.provideConfigContext=e.provideConfigContext;

package/dist/ConfigProvider/utils.d.ts

@@ -1,4 +1,5 @@
 import { Ref } from 'vue';
-import { ConfigProviderProps, Direction } from './index.js';
-export declare const useDir: (changeAbleDirectionElement?: ConfigProviderProps["changeAbleDirectionElement"]) => [Ref<Direction>, (dir?: Direction) => void];
-export declare const useDark: (changeAbleDirectionElement?: ConfigProviderProps["changeAbleDirectionElement"]) => [Ref<boolean>, (dark?: boolean) => void];
+export type Element = string | HTMLElement | Ref<string | HTMLElement>;
+export type Direction = 'ltr' | 'rtl';
+export declare const useDir: (changeAbleDirectionElement?: Element) => [Ref<Direction, Direction>, (value?: Direction) => void];
+export declare const useDark: (changeAbleDirectionElement?: Element) => [Ref<boolean, boolean>, (dark?: boolean) => void];

package/dist/Divider/Divider.d.ts

@@ -5,20 +5,12 @@ export interface DividerProps extends Omit<PrimitiveProps, 'asChild'> {
     type?: DividerType;
     class?: Class;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<DividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DividerProps> & Readonly<{}>, {
-    type: DividerType;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<DividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DividerProps> & Readonly<{}>, {
+    type: "horizontal" | "vertical";
     as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/Divider/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Divider, type DividerProps, default } from './Divider';
-export * from './Divider.model.ts';
+export * from './Divider.model';

package/dist/Divider/{index.es.js → index.js.js}

@@ -1,4 +1,4 @@
-import { _ as i, D as r, _ as s } from "../Divider.vue_vue_type_style_index_0_lang-SBMg48di.js";
+import { _ as i, D as r, _ as s } from "../Divider.vue_vue_type_style_index_0_lang-B_4XMyuu.js";
 export {
   i as Divider,
   r as DividerTypes,

package/dist/{Divider.vue_vue_type_style_index_0_lang-SBMg48di.js → Divider.vue_vue_type_style_index_0_lang-B_4XMyuu.js}

@@ -1,6 +1,6 @@
-import { defineComponent as i, openBlock as n, createBlock as p, unref as t, normalizeClass as l, withCtx as m, renderSlot as c } from "vue";
+import { defineComponent as i, createBlock as n, openBlock as p, unref as t, normalizeClass as l, withCtx as m, renderSlot as c } from "vue";
 import { Primitive as f } from "radix-vue";
-import { g as d, b as v } from "./class-DyU-Ox8D.js";
+import { g as d, a as v } from "./class-DziTeW9B.js";
 import { cva as u } from "class-variance-authority";
 import { g as C } from "./options-JBqnVZUl.js";
 const g = ["horizontal", "vertical"], z = /* @__PURE__ */ i({
@@ -12,13 +12,13 @@ const g = ["horizontal", "vertical"], z = /* @__PURE__ */ i({
     as: { default: "div" }
   },
   setup(a) {
-    const r = a, s = v("divider"), o = u(s, {
+    const r = a, s = d("divider"), o = u(s, {
       variants: {
-        type: d(g, s)
+        type: v(g, s)
         // hasChild: generateVariantClassList('has-child', prefix),
       }
     });
-    return (e, y) => (n(), p(t(f), {
+    return (e, y) => (p(), n(t(f), {
       as: e.as,
       class: l([
         t(o)({

package/dist/FloatButton/FloatButton.d.ts

@@ -3,158 +3,10 @@ export type FloatButtonProps = Partial<Pick<BaseButtonProps, 'as' | 'class' | 'c
     type?: 'fill' | 'outline';
 };
 type FloatButtonSlots = Omit<BaseButtonSlots, 'preIcon' | 'badge' | 'postIcon' | 'default'>;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<FloatButtonSlots> & FloatButtonSlots;
-    refs: {
-        buttonRef: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly class?: import('../index.ts', { with: { "resolution-mode": "import" } }).Class | undefined;
-                readonly text?: (string | number) | undefined;
-                readonly size?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonSize | undefined;
-                readonly color?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor | undefined;
-                readonly type?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType | undefined;
-                readonly variant?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonVariant | undefined;
-                readonly loading?: boolean | undefined;
-                readonly action?: boolean | undefined;
-                readonly active?: boolean | undefined;
-                readonly badgeText?: string | undefined;
-                readonly badgeIcon?: string | undefined;
-                readonly icon?: string | undefined;
-                readonly preIcon?: string | undefined;
-                readonly postIcon?: string | undefined;
-                readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: any;
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<BaseButtonProps> & Readonly<{}>, {
-                focus(): void;
-                blur(): void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                type: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType;
-                color: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor;
-                as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{
-            type: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType;
-            color: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor;
-            as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-        }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "blur" | "focus" | ("type" | "color" | "as")> & import('vue').ShallowUnwrapRef<{
-            focus(): void;
-            blur(): void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: any;
-        }) | null;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<FloatButtonProps, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<FloatButtonProps, {
     focus(): void;
     blur(): void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FloatButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    buttonRef: ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly class?: import('../index.ts', { with: { "resolution-mode": "import" } }).Class | undefined;
-            readonly text?: (string | number) | undefined;
-            readonly size?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonSize | undefined;
-            readonly color?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor | undefined;
-            readonly type?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType | undefined;
-            readonly variant?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonVariant | undefined;
-            readonly loading?: boolean | undefined;
-            readonly action?: boolean | undefined;
-            readonly active?: boolean | undefined;
-            readonly badgeText?: string | undefined;
-            readonly badgeIcon?: string | undefined;
-            readonly icon?: string | undefined;
-            readonly preIcon?: string | undefined;
-            readonly postIcon?: string | undefined;
-            readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: any;
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<BaseButtonProps> & Readonly<{}>, {
-            focus(): void;
-            blur(): void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-            type: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType;
-            color: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor;
-            as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import('vue').nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{
-        type: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType;
-        color: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor;
-        as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-    }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "blur" | "focus" | ("type" | "color" | "as")> & import('vue').ShallowUnwrapRef<{
-        focus(): void;
-        blur(): void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: any;
-    }) | null;
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FloatButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<FloatButtonSlots> & FloatButtonSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/FloatButton/{index.es.js → index.js.js}

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

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

package/dist/{FloatButton.vue_vue_type_script_setup_true_lang-BD8KDs-3.js → FloatButton.vue_vue_type_script_setup_true_lang-CtPvptQe.js}

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