@pantograph/vue 0.27.2 → 0.27.4

package/dist/Button/Button.d.ts

@@ -11,11 +11,11 @@ declare function __VLS_template(): {
             $props: {
                 readonly class?: import('clsx').ClassValue;
                 readonly text?: string | number | undefined;
-                readonly size?: import('../Base/BaseButton/BaseButton.model').ButtonSize | undefined;
-                readonly color?: import('../Base/BaseButton/BaseButton.model').ButtonColor | undefined;
+                readonly size?: import('..').ButtonSize | undefined;
+                readonly color?: import('..').ButtonColor | undefined;
                 readonly noRing?: boolean | undefined;
-                readonly type?: import('../Base/BaseButton/BaseButton.model').ButtonType | undefined;
-                readonly variant?: import('../Base/BaseButton/BaseButton.model').ButtonVariant | undefined;
+                readonly type?: import('..').ButtonType | undefined;
+                readonly variant?: import('..').ButtonVariant | undefined;
                 readonly loading?: boolean | undefined;
                 readonly action?: boolean | undefined;
                 readonly active?: boolean | undefined;
@@ -95,10 +95,10 @@ declare function __VLS_template(): {
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: (...args: any[]) => void;
             }, string, {
-                color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
-                disabled: boolean;
-                type: import('../Base/BaseButton/BaseButton.model').ButtonType;
+                color: import('..').ButtonColor;
+                type: import('..').ButtonType;
                 htmlType: "reset" | "submit" | "button";
+                disabled: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -120,13 +120,13 @@ 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<{
-            color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
-            disabled: boolean;
-            type: import('../Base/BaseButton/BaseButton.model').ButtonType;
+            color: import('..').ButtonColor;
+            type: import('..').ButtonType;
             htmlType: "reset" | "submit" | "button";
+            disabled: boolean;
         }> & Omit<Readonly<BaseButtonProps> & Readonly<{
             onClick?: ((...args: any[]) => any) | undefined;
-        }>, "blur" | "focus" | ("color" | "disabled" | "type" | "htmlType")> & import('vue').ShallowUnwrapRef<{
+        }>, "blur" | "focus" | ("color" | "type" | "htmlType" | "disabled")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -136,10 +136,10 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Partial<Omit<BaseButtonProps, "icon" | "flipOnDir" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir">>, {
+declare const __VLS_component: import('vue').DefineComponent<Partial<Omit<BaseButtonProps, "flipOnDir" | "icon" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir">>, {
     focus(): void;
     blur(): void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<Omit<BaseButtonProps, "icon" | "flipOnDir" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir">>> & Readonly<{}>, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<Omit<BaseButtonProps, "flipOnDir" | "icon" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir">>> & Readonly<{}>, {
     disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     buttonRef: ({
@@ -148,11 +148,11 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Omit<BaseBu
         $props: {
             readonly class?: import('clsx').ClassValue;
             readonly text?: string | number | undefined;
-            readonly size?: import('../Base/BaseButton/BaseButton.model').ButtonSize | undefined;
-            readonly color?: import('../Base/BaseButton/BaseButton.model').ButtonColor | undefined;
+            readonly size?: import('..').ButtonSize | undefined;
+            readonly color?: import('..').ButtonColor | undefined;
             readonly noRing?: boolean | undefined;
-            readonly type?: import('../Base/BaseButton/BaseButton.model').ButtonType | undefined;
-            readonly variant?: import('../Base/BaseButton/BaseButton.model').ButtonVariant | undefined;
+            readonly type?: import('..').ButtonType | undefined;
+            readonly variant?: import('..').ButtonVariant | undefined;
             readonly loading?: boolean | undefined;
             readonly action?: boolean | undefined;
             readonly active?: boolean | undefined;
@@ -232,10 +232,10 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Omit<BaseBu
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             click: (...args: any[]) => void;
         }, string, {
-            color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
-            disabled: boolean;
-            type: import('../Base/BaseButton/BaseButton.model').ButtonType;
+            color: import('..').ButtonColor;
+            type: import('..').ButtonType;
             htmlType: "reset" | "submit" | "button";
+            disabled: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -257,13 +257,13 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Omit<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<{
-        color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
-        disabled: boolean;
-        type: import('../Base/BaseButton/BaseButton.model').ButtonType;
+        color: import('..').ButtonColor;
+        type: import('..').ButtonType;
         htmlType: "reset" | "submit" | "button";
+        disabled: boolean;
     }> & Omit<Readonly<BaseButtonProps> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
-    }>, "blur" | "focus" | ("color" | "disabled" | "type" | "htmlType")> & import('vue').ShallowUnwrapRef<{
+    }>, "blur" | "focus" | ("color" | "type" | "htmlType" | "disabled")> & import('vue').ShallowUnwrapRef<{
         focus(): void;
         blur(): void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {

package/dist/Button/index.js

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

package/dist/Button/index.umd.cjs

@@ -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-3EriUXFH.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-CdtU8pJ8.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;

package/dist/{Button.vue_vue_type_script_setup_true_lang-CSKn-kYb.js → Button.vue_vue_type_script_setup_true_lang-BwYhOQBC.js}

@@ -1,14 +1,8 @@
 import { defineComponent as c, useAttrs as l, computed as m, ref as f, createBlock as u, openBlock as d, mergeProps as b, createSlots as g, renderList as _, withCtx as v, renderSlot as y, normalizeProps as B, guardReactiveProps as I } from "vue";
 import { omit as O } from "es-toolkit";
-import { _ as h } from "./BaseButton.vue_vue_type_script_setup_true_lang-u4Fvon7Z.js";
-import { a as k } from "./options-J8HfRMSU.js";
-import "@pantograph/tokens";
-import "@pantograph/utils";
-import "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
-import "reka-ui";
-import "@vueuse/core";
-import "@tanstack/vue-virtual";
-const w = /* @__PURE__ */ c({
+import { _ as h } from "./BaseButton.vue_vue_type_script_setup_true_lang-C0M_v3YX.js";
+import { getComponentOptions as k } from "@pantograph/utils-vue";
+const P = /* @__PURE__ */ c({
   ...k("Button", !1),
   __name: "Button",
   props: {
@@ -30,9 +24,9 @@ const w = /* @__PURE__ */ c({
     href: {},
     target: {}
   },
-  setup(r, { expose: n }) {
-    const p = r, i = l(), a = m(() => ({
-      ...O(i, [
+  setup(n, { expose: r }) {
+    const s = n, a = l(), p = m(() => ({
+      ...O(a, [
         "variant",
         "action",
         "active",
@@ -42,31 +36,31 @@ const w = /* @__PURE__ */ c({
         "flipOnDir",
         "badgeIconFlipOnDir"
       ]),
-      ...p
-    })), e = f();
-    return n({
+      ...s
+    })), o = f();
+    return r({
       focus() {
-        var o;
-        (o = e.value) == null || o.focus();
+        var e;
+        (e = o.value) == null || e.focus();
       },
       blur() {
-        var o;
-        (o = e.value) == null || o.blur();
+        var e;
+        (e = o.value) == null || e.blur();
       }
-    }), (o, x) => (d(), u(h, b(a.value, {
+    }), (e, x) => (d(), u(h, b(p.value, {
       variant: "simple",
       ref_key: "buttonRef",
-      ref: e
+      ref: o
     }), g({ _: 2 }, [
-      _(Object.keys(o.$slots), (t) => ({
+      _(Object.keys(e.$slots), (t) => ({
         name: t,
-        fn: v((s) => [
-          y(o.$slots, t, B(I(s)))
+        fn: v((i) => [
+          y(e.$slots, t, B(I(i)))
         ])
       }))
     ]), 1040));
   }
 });
 export {
-  w as _
+  P as _
 };

package/dist/Button.vue_vue_type_script_setup_true_lang-CdtU8pJ8.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("es-toolkit"),u=require("./BaseButton.vue_vue_type_script_setup_true_lang-Bo_ZJcOQ.js"),_=require("@pantograph/utils-vue"),f=e.defineComponent({..._.getComponentOptions("Button",!1),__name:"Button",props:{class:{},text:{},size:{},color:{},noRing:{type:Boolean},type:{},loading:{type:Boolean},preIcon:{},postIcon:{},preIconFlipOnDir:{},postIconFlipOnDir:{},htmlType:{},block:{type:Boolean},disabled:{type:Boolean,default:void 0},hover:{type:Boolean},href:{},target:{}},setup(r,{expose:s}){const i=r,a=e.useAttrs(),c=e.computed(()=>({...l.omit(a,["variant","action","active","badgeText","badgeIcon","icon","flipOnDir","badgeIconFlipOnDir"]),...i})),o=e.ref();return s({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,d)=>(e.openBlock(),e.createBlock(u._sfc_main,e.mergeProps(c.value,{variant:"simple",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(p=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(p)))])}))]),1040))}});exports._sfc_main=f;

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -29,8 +29,8 @@ 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;
     split: boolean;
+    size: ButtonSize;
     variant: ButtonVariant;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
     default?(_: {}): any;

package/dist/ButtonGroup/index.js

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

package/dist/ButtonGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../ButtonGroup.vue_vue_type_script_setup_true_lang-DwaBBOgk.js");exports.ButtonGroup=t._sfc_main;exports.default=t._sfc_main;exports.injectButtonGroupContext=t.injectButtonGroupContext;exports.provideButtonGroupContext=t.provideButtonGroupContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../ButtonGroup.vue_vue_type_script_setup_true_lang-aMsUnJ9c.js");exports.ButtonGroup=t._sfc_main;exports.default=t._sfc_main;exports.injectButtonGroupContext=t.injectButtonGroupContext;exports.provideButtonGroupContext=t.provideButtonGroupContext;

package/dist/{ButtonGroup.vue_vue_type_script_setup_true_lang-BWfa7L2L.js → ButtonGroup.vue_vue_type_script_setup_true_lang-DGuzTQhm.js}

@@ -1,9 +1,9 @@
 import { defineComponent as l, computed as n, createElementBlock as u, openBlock as m, normalizeClass as c, unref as e, renderSlot as B } from "vue";
-import { getBemBlock as f, getBemElement as g, generateVariantClassList as a, normCls as d } from "@pantograph/utils";
-import { a as C } from "./options-J8HfRMSU.js";
+import { getBemBlock as f, getBemElement as g, generateVariantClassList as r, normCls as d } from "@pantograph/utils";
+import { getComponentOptions as C } from "@pantograph/utils-vue";
 import { cva as v } from "class-variance-authority";
 import { createContext as G } from "reka-ui";
-import { P as z } from "./BaseBadge.model-CahZXsyM.js";
+import { P as z } from "./BaseBadge.model-DCiuNKoh.js";
 const j = ["simple", "icon", "float"], w = ["fill", "outline", "ghost"], L = [
   "primary",
   "danger",
@@ -22,11 +22,11 @@ const j = ["simple", "icon", "float"], w = ["fill", "outline", "ghost"], L = [
     gap: {},
     split: { type: Boolean, default: !0 }
   },
-  setup(r) {
-    const t = r, i = f("button"), o = g(i, "group"), p = v(o, {
+  setup(a) {
+    const t = a, i = f("button"), o = g(i, "group"), p = v(o, {
       variants: {
-        gap: a(_, o),
-        split: a("split", o)
+        gap: r(_, o),
+        split: r("split", o)
       }
     });
     return y({
@@ -50,8 +50,8 @@ const j = ["simple", "icon", "float"], w = ["fill", "outline", "ghost"], L = [
 export {
   j as B,
   T as _,
-  L as a,
-  w as b,
+  w as a,
+  L as b,
   x as c,
   O as i,
   y as p

package/dist/{ButtonGroup.vue_vue_type_script_setup_true_lang-DwaBBOgk.js → ButtonGroup.vue_vue_type_script_setup_true_lang-aMsUnJ9c.js}

@@ -1 +1 @@
-"use strict";const t=require("vue"),o=require("@pantograph/utils"),l=require("./options-CY2uxp5A.js"),c=require("class-variance-authority"),B=require("reka-ui"),m=require("./BaseBadge.model-DecqxaGN.js"),d=["simple","icon","float"],g=["fill","outline","ghost"],C=["primary","danger","success","warning","neutral",...m.PrimitiveColors,"gray"],r=["sm","md","lg"],f=[...r,"none"],[v,a]=B.createContext("ButtonGroup"),G=t.defineComponent({...l.getComponentOptions("ButtonGroup"),__name:"ButtonGroup",props:{class:{},size:{default:"md"},variant:{default:"simple"},gap:{},split:{type:Boolean,default:!0}},setup(i){const e=i,u=o.getBemBlock("button"),n=o.getBemElement(u,"group"),p=c.cva(n,{variants:{gap:o.generateVariantClassList(f,n),split:o.generateVariantClassList("split",n)}});return a({size:t.computed(()=>e.size),variant:t.computed(()=>e.variant)}),(s,z)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(o.normCls)(t.unref(p)({gap:e.gap??e.size,split:s.split}),e.class))},[t.renderSlot(s.$slots,"default")],2))}});exports.ButtonColors=C;exports.ButtonSizes=r;exports.ButtonTypes=g;exports.ButtonVariants=d;exports._sfc_main=G;exports.injectButtonGroupContext=v;exports.provideButtonGroupContext=a;
+"use strict";const t=require("vue"),o=require("@pantograph/utils"),p=require("@pantograph/utils-vue"),c=require("class-variance-authority"),B=require("reka-ui"),m=require("./BaseBadge.model-DecqxaGN.js"),d=["simple","icon","float"],g=["fill","outline","ghost"],C=["primary","danger","success","warning","neutral",...m.PrimitiveColors,"gray"],r=["sm","md","lg"],f=[...r,"none"],[v,a]=B.createContext("ButtonGroup"),G=t.defineComponent({...p.getComponentOptions("ButtonGroup"),__name:"ButtonGroup",props:{class:{},size:{default:"md"},variant:{default:"simple"},gap:{},split:{type:Boolean,default:!0}},setup(i){const e=i,u=o.getBemBlock("button"),n=o.getBemElement(u,"group"),l=c.cva(n,{variants:{gap:o.generateVariantClassList(f,n),split:o.generateVariantClassList("split",n)}});return a({size:t.computed(()=>e.size),variant:t.computed(()=>e.variant)}),(s,z)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(o.normCls)(t.unref(l)({gap:e.gap??e.size,split:s.split}),e.class))},[t.renderSlot(s.$slots,"default")],2))}});exports.ButtonColors=C;exports.ButtonSizes=r;exports.ButtonTypes=g;exports.ButtonVariants=d;exports._sfc_main=G;exports.injectButtonGroupContext=v;exports.provideButtonGroupContext=a;

package/dist/Checkbox/Checkbox.d.ts

@@ -26,21 +26,21 @@ export type CheckboxEmits = CheckboxRootEmits & {
     focus: [event: InputEvent];
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean | "indeterminate") => any;
     blur: (event: InputEvent) => any;
     change: (value: boolean) => any;
     focus: (event: InputEvent) => any;
+    "update:modelValue": (value: boolean | "indeterminate") => any;
     "update:checked": (value: boolean | "indeterminate") => any;
 }, string, import('vue').PublicProps, Readonly<CheckboxProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
     onBlur?: ((event: InputEvent) => any) | undefined;
     onChange?: ((value: boolean) => any) | undefined;
     onFocus?: ((event: InputEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
     "onUpdate:checked"?: ((value: boolean | "indeterminate") => any) | undefined;
 }>, {
     size: CheckboxSize;
-    modelValue: boolean | "indeterminate" | null;
     disabled: boolean;
+    modelValue: boolean | "indeterminate" | null;
     checked: boolean | "indeterminate" | null;
     valueAsLabel: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<CheckboxSlots> & CheckboxSlots>;

package/dist/Checkbox/index.js

@@ -1,4 +1,4 @@
-import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_script_setup_true_lang-DiG3cLmy.js";
+import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_script_setup_true_lang-DVmFg39-.js";
 export {
   e as Checkbox,
   s as CheckboxSizes,

package/dist/Checkbox/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Checkbox.vue_vue_type_script_setup_true_lang-B5hrYP5E.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_script_setup_true_lang-DdF-cXiP.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_script_setup_true_lang-DiG3cLmy.js → Checkbox.vue_vue_type_script_setup_true_lang-DVmFg39-.js}

@@ -1,28 +1,25 @@
-import { defineComponent as _, ref as L, watch as G, computed as d, createBlock as y, openBlock as p, unref as l, withCtx as B, renderSlot as w, createElementBlock as C, createCommentVNode as A, Fragment as R, renderList as H, mergeProps as $, useSlots as J, createVNode as S, withKeys as M, normalizeClass as V, createTextVNode as Q, toDisplayString as W } from "vue";
+import { defineComponent as P, ref as L, watch as G, computed as d, createBlock as y, openBlock as p, unref as a, withCtx as B, renderSlot as w, createElementBlock as C, createCommentVNode as A, Fragment as R, renderList as H, mergeProps as $, useSlots as J, createVNode as S, withKeys as M, normalizeClass as V, createTextVNode as Q, toDisplayString as W } from "vue";
 import { createContext as X, Primitive as Y, useEmitAsProps as Z, CheckboxRoot as ee, CheckboxIndicator as oe } from "reka-ui";
-import { getCssCoreColor as r } from "@pantograph/tokens";
-import { getBemBlock as ae, usePCId as le, generateVariantClassList as te, normCls as m, getBemElement as h } from "@pantograph/utils";
+import { getCssCoreColor as n } from "@pantograph/tokens";
+import { getBemBlock as le, usePCId as ae, generateVariantClassList as te, normCls as v, getBemElement as h } from "@pantograph/utils";
 import { cva as se } from "class-variance-authority";
-import { a as D } from "./options-J8HfRMSU.js";
-import { u as ue, e as re } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
-import { u as ne, U as de } from "./useInputDataStates-DCxDvkM-.js";
-import "@vueuse/core";
-import { omit as P } from "es-toolkit";
-import "@tanstack/vue-virtual";
+import { getComponentOptions as D, useComponentStyle as ue, useFormInput as ne, useInputDataStates as re } from "@pantograph/utils-vue";
+import { omit as _ } from "es-toolkit";
+import { _ as de } from "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
 import ce from "@pantograph/style/checkbox.css?raw";
-const ie = ["2xsm", "xsm"], Pe = (t) => ({
-  "--ptc-checkbox-bg": r(`${t}-5`),
-  "--ptc-checkbox-bg-hover": r(`${t}-4`),
-  "--ptc-checkbox-bg-focus": r(`${t}-6`),
-  "--ptc-checkbox-br-focus": r(`${t}-6`),
-  "--ptc-checkbox-bg-active": r(`${t}-7`)
-}), _e = (t) => ({
-  "--ptc-group-checkbox-bg": r(`${t}-5`),
-  "--ptc-group-checkbox-bg-hover": r(`${t}-4`),
-  "--ptc-group-checkbox-bg-focus": r(`${t}-6`),
-  "--ptc-group-checkbox-br-focus": r(`${t}-6`),
-  "--ptc-group-checkbox-bg-active": r(`${t}-7`)
-}), [pe, be] = X("CheckboxGroup"), Le = /* @__PURE__ */ _({
+const ie = ["2xsm", "xsm"], $e = (t) => ({
+  "--ptc-checkbox-bg": n(`${t}-5`),
+  "--ptc-checkbox-bg-hover": n(`${t}-4`),
+  "--ptc-checkbox-bg-focus": n(`${t}-6`),
+  "--ptc-checkbox-br-focus": n(`${t}-6`),
+  "--ptc-checkbox-bg-active": n(`${t}-7`)
+}), ze = (t) => ({
+  "--ptc-group-checkbox-bg": n(`${t}-5`),
+  "--ptc-group-checkbox-bg-hover": n(`${t}-4`),
+  "--ptc-group-checkbox-bg-focus": n(`${t}-6`),
+  "--ptc-group-checkbox-br-focus": n(`${t}-6`),
+  "--ptc-group-checkbox-bg-active": n(`${t}-7`)
+}), [pe, be] = X("CheckboxGroup"), Se = /* @__PURE__ */ P({
   ...D("CheckboxGroup"),
   __name: "CheckboxGroup",
   props: {
@@ -40,25 +37,25 @@ const ie = ["2xsm", "xsm"], Pe = (t) => ({
       value: typeof e == "object" ? e == null ? void 0 : e.value : e,
       disabled: typeof e == "object" ? e == null ? void 0 : e.disabled : void 0,
       label: typeof e == "object" ? (e == null ? void 0 : e.label) ?? (e == null ? void 0 : e.value) : e
-    }), n = L(o.modelValue ?? []);
+    }), r = L(o.modelValue ?? []);
     G(
       () => o.modelValue,
       () => {
-        n.value = o.modelValue ?? [];
+        r.value = o.modelValue ?? [];
       }
     );
     const k = d({
       get() {
-        return o.modelValue ? o.modelValue : n.value;
+        return o.modelValue ? o.modelValue : r.value;
       },
       set(e) {
-        o.modelValue || (n.value = e), u("update:modelValue", e), u("change", e);
+        o.modelValue || (r.value = e), u("update:modelValue", e), u("change", e);
       }
     });
     return be({
       model: k,
       props: o
-    }), (e, v) => (p(), y(l(Y), {
+    }), (e, m) => (p(), y(a(Y), {
       as: e.as,
       asChild: e.asChild
     }, {
@@ -66,7 +63,7 @@ const ie = ["2xsm", "xsm"], Pe = (t) => ({
         w(e.$slots, "default", {}, () => {
           var c;
           return [
-            (c = e.options) != null && c.length ? (p(!0), C(R, { key: 0 }, H(e.options, (i, x) => (p(), y(ve, $({
+            (c = e.options) != null && c.length ? (p(!0), C(R, { key: 0 }, H(e.options, (i, x) => (p(), y(me, $({
               key: i.value ?? i,
               ref_for: !0
             }, s(i)), null, 16))), 128)) : A("", !0)
@@ -76,7 +73,7 @@ const ie = ["2xsm", "xsm"], Pe = (t) => ({
       _: 3
     }, 8, ["as", "asChild"]));
   }
-}), me = ["for"], ve = /* @__PURE__ */ _({
+}), ve = ["for"], me = /* @__PURE__ */ P({
   ...D("Checkbox"),
   __name: "Checkbox",
   props: {
@@ -100,39 +97,39 @@ const ie = ["2xsm", "xsm"], Pe = (t) => ({
   emits: ["update:modelValue", "update:checked", "change", "blur", "focus"],
   setup(t, { emit: g }) {
     ue("checkbox", ce);
-    const u = ae("checkbox"), o = t, s = pe({}), n = g, k = J(), e = d(() => o.modelValue ?? o.checked), v = L(e.value ?? !1);
+    const u = le("checkbox"), o = t, s = pe({}), r = g, k = J(), e = d(() => o.modelValue ?? o.checked), m = L(e.value ?? !1);
     G(
       () => [o.modelValue, o.checked],
       () => {
-        v.value = e.value ?? !1;
+        m.value = e.value ?? !1;
       }
     );
     const c = d({
       get() {
-        var a;
-        return (a = s.model) != null && a.value ? o.value !== void 0 && s.model.value.includes(o.value) : e.value !== void 0 ? e.value : v.value;
+        var l;
+        return (l = s.model) != null && l.value ? o.value !== void 0 && s.model.value.includes(o.value) : e.value !== void 0 ? e.value : m.value;
       },
-      set(a) {
+      set(l) {
         var b;
         if ((b = s.model) != null && b.value) {
           if (o.value !== void 0) {
             const f = s.model.value.indexOf(o.value);
-            a && f === -1 ? s.model.value = [...s.model.value, o.value] : !a && f !== -1 && (s.model.value = s.model.value.filter(
+            l && f === -1 ? s.model.value = [...s.model.value, o.value] : !l && f !== -1 && (s.model.value = s.model.value.filter(
               (T) => T !== o.value
             ));
           }
         } else
-          e.value === void 0 && (v.value = a), n("update:checked", a), n("update:modelValue", a), n("change", a);
+          e.value === void 0 && (m.value = l), r("update:checked", l), r("update:modelValue", l), r("change", l);
       }
     }), { getDisabled: i } = ne({
       getDisabled: () => {
-        var a;
-        return ((a = s.props) == null ? void 0 : a.disabled) ?? o.disabled;
+        var l;
+        return ((l = s.props) == null ? void 0 : l.disabled) ?? o.disabled;
       }
-    }), x = d(() => o.id ?? le(u)), U = Z(n), j = d(() => ({
+    }), x = d(() => o.id ?? ae(u)), j = Z(r), I = d(() => ({
       disabled: i.value,
       ...F.value,
-      ...P(o, [
+      ..._(o, [
         "size",
         "class",
         "label",
@@ -145,18 +142,18 @@ const ie = ["2xsm", "xsm"], Pe = (t) => ({
         "indeterminateCls",
         "labelCls"
       ]),
-      ...P(U, ["onUpdate:modelValue", "onUpdate:checked"])
-    })), I = se(u, {
+      ..._(j, ["onUpdate:modelValue", "onUpdate:checked"])
+    })), q = se(u, {
       variants: {
         size: te(ie, u)
       }
-    }), q = d(() => o.label || k.default || o.value && o.valueAsLabel), E = d(() => {
+    }), E = d(() => o.label || k.default || o.value && o.valueAsLabel), N = d(() => {
       if (o.label) return o.label;
       if (o.value && o.valueAsLabel) return o.value;
     }), z = d(() => {
-      var a;
-      return ((a = s.props) == null ? void 0 : a.size) ?? o.size;
-    }), N = d(() => {
+      var l;
+      return ((l = s.props) == null ? void 0 : l.size) ?? o.size;
+    }), O = d(() => {
       switch (z.value) {
         case "xsm":
           return "2xsm";
@@ -164,34 +161,34 @@ const ie = ["2xsm", "xsm"], Pe = (t) => ({
         default:
           return "3xsm";
       }
-    }), { rootBindings: O, inputBindings: F } = de({
+    }), { rootBindings: U, inputBindings: F } = re({
       getDisabled: () => i.value,
-      emit: n
+      emit: r
     }), K = () => c.value = !c.value;
-    return (a, b) => (p(), C("div", $({
-      class: l(m)(l(h)(l(u), "root"), a.rootCls)
-    }, l(O)), [
-      S(l(ee), $({
+    return (l, b) => (p(), C("div", $({
+      class: a(v)(a(h)(a(u), "root"), l.rootCls)
+    }, a(U)), [
+      S(a(ee), $({
         onKeyup: M(K, ["enter"])
-      }, j.value, {
+      }, I.value, {
         modelValue: c.value,
         "onUpdate:modelValue": b[0] || (b[0] = (f) => c.value = f),
         id: x.value,
-        class: l(m)(l(I)({ size: z.value }), o.class)
+        class: a(v)(a(q)({ size: z.value }), o.class)
       }), {
         default: B(() => [
-          S(l(oe), {
-            class: V(l(m)(l(h)(l(u), "indicator"), a.indicatorCls)),
+          S(a(oe), {
+            class: V(a(v)(a(h)(a(u), "indicator"), l.indicatorCls)),
             asChild: ""
           }, {
             default: B(() => [
-              e.value != "indeterminate" ? (p(), y(re, {
+              e.value != "indeterminate" ? (p(), y(de, {
                 key: 0,
                 icon: "tabler:check",
-                size: N.value
+                size: O.value
               }, null, 8, ["size"])) : (p(), C("span", {
                 key: 1,
-                class: V(l(m)(l(h)(l(u), "indeterminate"), a.indeterminateCls))
+                class: V(a(v)(a(h)(a(u), "indeterminate"), l.indeterminateCls))
               }, null, 2))
             ]),
             _: 1
@@ -199,28 +196,28 @@ const ie = ["2xsm", "xsm"], Pe = (t) => ({
         ]),
         _: 1
       }, 16, ["modelValue", "id", "class"]),
-      q.value ? (p(), C("label", {
+      E.value ? (p(), C("label", {
         key: 0,
         for: x.value,
-        class: V(l(m)(l(h)(l(u), "label"), a.labelCls))
+        class: V(a(v)(a(h)(a(u), "label"), l.labelCls))
       }, [
-        w(a.$slots, "default", {
+        w(l.$slots, "default", {
           checked: e.value,
-          disabled: l(i),
-          required: a.required
+          disabled: a(i),
+          required: l.required
         }, () => [
-          Q(W(E.value), 1)
+          Q(W(N.value), 1)
         ])
-      ], 10, me)) : A("", !0)
+      ], 10, ve)) : A("", !0)
     ], 16));
   }
 });
 export {
   ie as C,
-  ve as _,
-  _e as a,
-  Le as b,
+  me as _,
+  ze as a,
+  Se as b,
   pe as i,
   be as p,
-  Pe as u
+  $e as u
 };

package/dist/Checkbox.vue_vue_type_script_setup_true_lang-DdF-cXiP.js

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

package/dist/CheckboxGroup/CheckboxGroup.d.ts

@@ -20,11 +20,11 @@ interface Context {
 }
 export declare const injectCheckboxGroupContext: <T extends Partial<Context> | null | undefined = Partial<Context>>(fallback?: T | undefined) => T extends null ? Partial<Context> | null : Partial<Context>, provideCheckboxGroupContext: (contextValue: Partial<Context>) => Partial<Context>;
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CheckboxGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
     change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<CheckboxGroupProps> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
     asChild: boolean;

package/dist/CheckboxGroup/index.js

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

package/dist/CheckboxGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.vue_vue_type_script_setup_true_lang-B5hrYP5E.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_script_setup_true_lang-DdF-cXiP.js");exports.CheckboxGroup=e._sfc_main$1;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;

package/dist/Chip/index.js

@@ -1,4 +1,4 @@
-import { _ as C, a as i, C as o, _ as p } from "../Chip.vue_vue_type_script_setup_true_lang-DOIPsHk_.js";
+import { _ as C, a as i, C as o, _ as p } from "../Chip.vue_vue_type_script_setup_true_lang-B0_Xt99k.js";
 export {
   C as Chip,
   i as ChipColors,