@pantograph/vue 0.6.6 → 0.7.0

package/dist/Button/Button.d.ts

@@ -1,236 +1,10 @@
 import { BaseButtonSlots, BaseButtonProps } from '../Base/BaseButton/BaseButton';
 export type ButtonProps = Partial<Pick<BaseButtonProps, 'as' | 'class' | 'type' | 'color' | 'loading' | 'preIcon' | 'postIcon' | 'size' | 'text'>>;
 type ButtonSlots = Omit<BaseButtonSlots, 'icon' | 'badge'>;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<ButtonSlots> & ButtonSlots;
-    refs: {
-        buttonRef: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly class?: import('..').Class | undefined;
-                readonly text?: (string | number) | undefined;
-                readonly size?: import('..').ButtonSize | undefined;
-                readonly color?: import('..').ButtonColor | undefined;
-                readonly type?: import('..').ButtonType | undefined;
-                readonly variant?: 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').AsTag | import('vue').Component) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            } & {
-                buttonRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-                    asChild: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    as: {
-                        type: import('vue').PropType<import('radix-vue').AsTag | import('vue').Component>;
-                        default: string;
-                    };
-                }>>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                    [key: string]: any;
-                }>, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-                    asChild: boolean;
-                    as: import('radix-vue').AsTag | import('vue').Component;
-                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import('vue').ExtractPropTypes<{
-                    asChild: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    as: {
-                        type: import('vue').PropType<import('radix-vue').AsTag | import('vue').Component>;
-                        default: string;
-                    };
-                }>>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                    [key: string]: any;
-                }>, {}, {}, {}, {
-                    asChild: boolean;
-                    as: import('radix-vue').AsTag | import('vue').Component;
-                }> | null;
-            };
-            $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('..').ButtonType;
-                color: import('..').ButtonColor;
-                as: import('radix-vue').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('..').ButtonType;
-            color: import('..').ButtonColor;
-            as: import('radix-vue').AsTag | import('vue').Component;
-        }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "focus" | "blur" | ("type" | "color" | "as")> & import('vue').ShallowUnwrapRef<{
-            focus(): void;
-            blur(): void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Readonly<BaseButtonSlots> & BaseButtonSlots;
-        }) | null;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseButtonProps, "size" | "class" | "type" | "color" | "text" | "as" | "loading" | "preIcon" | "postIcon">>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Partial<Pick<BaseButtonProps, "size" | "class" | "type" | "color" | "text" | "as" | "loading" | "preIcon" | "postIcon">>, {
     focus(): void;
     blur(): void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<Pick<BaseButtonProps, "size" | "class" | "type" | "color" | "text" | "as" | "loading" | "preIcon" | "postIcon">>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    buttonRef: ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly class?: import('..').Class | undefined;
-            readonly text?: (string | number) | undefined;
-            readonly size?: import('..').ButtonSize | undefined;
-            readonly color?: import('..').ButtonColor | undefined;
-            readonly type?: import('..').ButtonType | undefined;
-            readonly variant?: 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').AsTag | import('vue').Component) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        } & {
-            buttonRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-                asChild: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                as: {
-                    type: import('vue').PropType<import('radix-vue').AsTag | import('vue').Component>;
-                    default: string;
-                };
-            }>>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                [key: string]: any;
-            }>, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-                asChild: boolean;
-                as: import('radix-vue').AsTag | import('vue').Component;
-            }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import('vue').ExtractPropTypes<{
-                asChild: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                as: {
-                    type: import('vue').PropType<import('radix-vue').AsTag | import('vue').Component>;
-                    default: string;
-                };
-            }>>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                [key: string]: any;
-            }>, {}, {}, {}, {
-                asChild: boolean;
-                as: import('radix-vue').AsTag | import('vue').Component;
-            }> | null;
-        };
-        $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('..').ButtonType;
-            color: import('..').ButtonColor;
-            as: import('radix-vue').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('..').ButtonType;
-        color: import('..').ButtonColor;
-        as: import('radix-vue').AsTag | import('vue').Component;
-    }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "focus" | "blur" | ("type" | "color" | "as")> & import('vue').ShallowUnwrapRef<{
-        focus(): void;
-        blur(): void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: Readonly<BaseButtonSlots> & BaseButtonSlots;
-    }) | null;
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<Pick<BaseButtonProps, "size" | "class" | "type" | "color" | "text" | "as" | "loading" | "preIcon" | "postIcon">>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<ButtonSlots> & ButtonSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -30,10 +30,10 @@ export declare const injectButtonGroupContext: <T extends {
     variant: ComputedRef<ButtonVariant | undefined>;
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ButtonGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
-    size: ButtonSize;
+    size: "sm" | "md" | "lg";
     split: boolean;
-    as: import('radix-vue').AsTag | import('vue').Component;
-    variant: ButtonVariant;
+    as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+    variant: "icon" | "simple" | "float";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;

package/dist/Checkbox/Checkbox.d.ts

@@ -23,8 +23,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ch
     onChange?: ((value: boolean | "indeterminate") => any) | undefined;
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
 }>, {
-    size: CheckboxSize;
-    as: import('radix-vue').AsTag | import('vue').Component;
+    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>, Readonly<CheckboxSlots> & CheckboxSlots>;

package/dist/Checkbox/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-GqiihInu.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.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-DsMbQaMY.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/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-GqiihInu.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.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-DsMbQaMY.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

@@ -23,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/utils.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
 export type Element = string | HTMLElement | Ref<string | HTMLElement>;
 export type Direction = 'ltr' | 'rtl';
-export declare const useDir: (changeAbleDirectionElement?: Element) => [Ref<Direction>, (value?: Direction) => void];
-export declare const useDark: (changeAbleDirectionElement?: Element) => [Ref<boolean>, (dark?: boolean) => void];
+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;
-    as: import('radix-vue').AsTag | import('vue').Component;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+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>, {
+    default?(_: {}): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {