@pantograph/vue 0.6.4 → 0.6.6

package/dist/Button/Button.d.ts

@@ -9,12 +9,12 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly class?: import('../index.ts', { with: { "resolution-mode": "import" } }).Class | undefined;
+                readonly class?: 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 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;
@@ -23,12 +23,51 @@ declare function __VLS_template(): {
                 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;
+                readonly as?: (import('radix-vue').AsTag | import('vue').Component) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
             };
-            $refs: any;
+            $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;
             }>;
@@ -41,9 +80,9 @@ declare function __VLS_template(): {
                 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;
+                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)[];
@@ -65,14 +104,14 @@ declare function __VLS_template(): {
             $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<{
+            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: any;
+            $slots: Readonly<BaseButtonSlots> & BaseButtonSlots;
         }) | null;
     };
     rootEl: any;
@@ -86,12 +125,12 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseBu
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly class?: import('../index.ts', { with: { "resolution-mode": "import" } }).Class | undefined;
+            readonly class?: 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 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;
@@ -100,12 +139,51 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseBu
             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;
+            readonly as?: (import('radix-vue').AsTag | import('vue').Component) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
         };
-        $refs: any;
+        $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;
         }>;
@@ -118,9 +196,9 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseBu
             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;
+            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)[];
@@ -142,14 +220,14 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseBu
         $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<{
+        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: any;
+        $slots: Readonly<BaseButtonSlots> & BaseButtonSlots;
     }) | null;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

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

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

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

package/dist/{Button.vue_vue_type_script_setup_true_lang-DNpM6F5j.js → Button.vue_vue_type_script_setup_true_lang-BjTrpQi-.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("./omit-C_ZXwm9T.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-HdsdAsR3.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("IconButton",!1),__name:"Button",props:{as:{},class:{},type:{},color:{},loading:{type:Boolean},preIcon:{},postIcon:{},size:{},text:{}},setup(s,{expose:r}){const c=s,a=e.useAttrs(),i=e.computed(()=>({...p.omit(a,"variant","icon","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:"simple",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-1sFJ_mId.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-BaS_JGCX.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("IconButton",!1),__name:"Button",props:{as:{},class:{},type:{},color:{},loading:{type:Boolean},preIcon:{},postIcon:{},size:{},text:{}},setup(s,{expose:r}){const c=s,a=e.useAttrs(),i=e.computed(()=>({...p.omit(a,"variant","icon","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:"simple",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/{Button.vue_vue_type_script_setup_true_lang-DMOtqE4k.js → Button.vue_vue_type_script_setup_true_lang-CVePGLAE.js}

@@ -1,6 +1,6 @@
-import { defineComponent as i, useAttrs as m, computed as u, ref as l, openBlock as f, createBlock 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-DtumnYm5.js";
-import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-BLGNTber.js";
+import { defineComponent as i, useAttrs as m, computed as u, ref as l, 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-Cxaoa8oo.js";
+import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-D1NHQaTM.js";
 import { g as I } from "./options-JBqnVZUl.js";
 const O = /* @__PURE__ */ i({
   ...I("IconButton", !1),
@@ -30,7 +30,7 @@ const O = /* @__PURE__ */ i({
         var e;
         (e = o.value) == null || e.blur();
       }
-    }), (e, P) => (f(), _(C, d(c.value, {
+    }), (e, P) => (_(), f(C, d(c.value, {
       variant: "simple",
       ref_key: "buttonRef",
       ref: o

package/dist/ButtonGroup/ButtonGroup.d.ts

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

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

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

package/dist/{ButtonGroup.vue_vue_type_script_setup_true_lang-DBq7tYaO.js → ButtonGroup.vue_vue_type_script_setup_true_lang-CdSgBboA.js}

@@ -1,6 +1,6 @@
-import { defineComponent as l, computed as a, openBlock as u, createBlock as c, unref as e, normalizeClass as m, withCtx as f, renderSlot as B } from "vue";
+import { defineComponent as l, computed as a, createBlock as u, openBlock as c, unref as e, normalizeClass as m, withCtx as f, renderSlot as B } from "vue";
 import { createContext as g, Primitive as d } from "radix-vue";
-import { g as n, a as C, b as v } from "./class-DyU-Ox8D.js";
+import { b as C, a as n, g as v } from "./class-DziTeW9B.js";
 import { g as G } from "./options-JBqnVZUl.js";
 import { cva as z } from "class-variance-authority";
 const j = ["simple", "icon", "float"], E = ["fill", "outline", "ghost"], L = ["primary", "danger", "success", "warning", "gray"], x = ["sm", "md", "lg"], _ = [...x, "none"], [O, y] = g("ButtonGroup"), P = /* @__PURE__ */ l({
@@ -24,7 +24,7 @@ const j = ["simple", "icon", "float"], E = ["fill", "outline", "ghost"], L = ["p
     return y({
       size: a(() => t.size),
       variant: a(() => t.variant)
-    }), (o, b) => (u(), c(e(d), {
+    }), (o, b) => (c(), u(e(d), {
       as: o.as,
       class: m([
         e(p)({

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,12 +9,14 @@ 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<{
@@ -22,11 +24,10 @@ declare const __VLS_component: import('vue').DefineComponent<CheckboxProps, {},
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
 }>, {
     size: CheckboxSize;
-    as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+    as: import('radix-vue').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-GqiihInu.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-DsMbQaMY.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-DsMbQaMY.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"),B=require("./options-B4iSAKol.js"),S=require("./omit-1sFJ_mId.js"),V=require("./pick-DojrVogK.js"),$=["2xsm","xsm"],w=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)`}),E=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)`}),[z,y]=d.createContext("CheckboxGroup"),L=e.defineComponent({...B.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(()=>V.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 y({model:b,size:p,disabled:k}),(l,x)=>(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(_,e.mergeProps({key:r.value,ref_for:!0},r),null,16))),128)):e.createCommentVNode("",!0)]})]),_:3},16))}}),N=["for"],_=e.defineComponent({...B.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=z({}),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(C=>C!==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)),x=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($,c)}}),r=e.computed(()=>o.label||b.default||o.value&&o.valueAsLabel),q=e.computed(()=>{if(o.label)return o.label;if(o.value&&o.valueAsLabel)return o.value}),P=e.computed(()=>({asChild:!r.value,as:o.as})),g=e.computed(()=>{var t;return((t=s.size)==null?void 0:t.value)??o.size}),T=e.computed(()=>{switch(g.value){case"xsm":return"2xsm";case"2xsm":default:return"3xsm"}});return(t,v)=>{const f=e.resolveComponent("Icon");return e.openBlock(),e.createBlock(e.unref(d.Primitive),e.mergeProps({key:r.value},P.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(x.value,{checked:k.value,"onUpdate:checked":v[0]||(v[0]=C=>k.value=C),id:l.value,class:[e.unref(m)({size:g.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(f,{key:0,icon:"tabler:check",size:T.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(q.value),1)])],10,N)):e.createCommentVNode("",!0)]),_:3},16,["class"])}}});exports.CheckboxSizes=$;exports._sfc_main=_;exports._sfc_main$1=L;exports.injectCheckboxGroupContext=z;exports.provideCheckboxGroupContext=y;exports.useColoredPantographCheckbox=w;exports.useColoredPantographCheckboxGroup=E;

package/dist/Checkbox.vue_vue_type_style_index_0_lang-GqiihInu.js

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

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-GqiihInu.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-DsMbQaMY.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>;
@@ -18,8 +19,8 @@ interface Context {
     changeTheme: (config: Config) => void;
     toggleDark: (dark?: boolean, element?: Config['element']) => void;
 }
-declare const provideConfigContext: (contextValue: object | Context) => object | Context;
-declare const injectConfigContext: () => object | Context;
+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;