@pantograph/vue 0.26.0 → 0.27.0

package/dist/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import { BaseButtonSlots, BaseButtonProps } from '../Base/BaseButton/BaseButton';
-export type ButtonProps = Partial<Pick<BaseButtonProps, 'class' | 'type' | 'noRing' | 'color' | 'loading' | 'preIcon' | 'postIcon' | 'size' | 'text' | 'block' | 'htmlType' | 'postIconFlipOnDir' | 'preIconFlipOnDir'>>;
+export type ButtonProps = Partial<Omit<BaseButtonProps, 'variant' | 'action' | 'active' | 'badgeText' | 'badgeIcon' | 'icon' | 'flipOnDir' | 'badgeIconFlipOnDir'>>;
 type ButtonSlots = Omit<BaseButtonSlots, 'icon' | 'badge'>;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -11,11 +11,11 @@ declare function __VLS_template(): {
             $props: {
                 readonly class?: import('clsx').ClassValue;
                 readonly text?: string | number | undefined;
-                readonly size?: import('..').ButtonSize | undefined;
-                readonly color?: import('..').ButtonColor | undefined;
+                readonly size?: import('../Base/BaseButton/BaseButton.model').ButtonSize | undefined;
+                readonly color?: import('../Base/BaseButton/BaseButton.model').ButtonColor | undefined;
                 readonly noRing?: boolean | undefined;
-                readonly type?: import('..').ButtonType | undefined;
-                readonly variant?: import('..').ButtonVariant | undefined;
+                readonly type?: import('../Base/BaseButton/BaseButton.model').ButtonType | undefined;
+                readonly variant?: import('../Base/BaseButton/BaseButton.model').ButtonVariant | undefined;
                 readonly loading?: boolean | undefined;
                 readonly action?: boolean | undefined;
                 readonly active?: boolean | undefined;
@@ -31,6 +31,7 @@ declare function __VLS_template(): {
                 readonly htmlType?: "reset" | "submit" | "button" | undefined;
                 readonly block?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
+                readonly hover?: boolean | undefined;
                 readonly href?: string | undefined;
                 readonly target?: string | undefined;
                 readonly onClick?: ((...args: any[]) => any) | undefined;
@@ -94,8 +95,9 @@ declare function __VLS_template(): {
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: (...args: any[]) => void;
             }, string, {
-                color: import('..').ButtonColor;
-                type: import('..').ButtonType;
+                color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
+                disabled: boolean;
+                type: import('../Base/BaseButton/BaseButton.model').ButtonType;
                 htmlType: "reset" | "submit" | "button";
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -118,12 +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('..').ButtonColor;
-            type: import('..').ButtonType;
+            color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
+            disabled: boolean;
+            type: import('../Base/BaseButton/BaseButton.model').ButtonType;
             htmlType: "reset" | "submit" | "button";
         }> & Omit<Readonly<BaseButtonProps> & Readonly<{
             onClick?: ((...args: any[]) => any) | undefined;
-        }>, "blur" | "focus" | ("color" | "type" | "htmlType")> & import('vue').ShallowUnwrapRef<{
+        }>, "blur" | "focus" | ("color" | "disabled" | "type" | "htmlType")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -133,21 +136,23 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseButtonProps, "size" | "color" | "class" | "type" | "text" | "noRing" | "loading" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "htmlType" | "block">>, {
+declare const __VLS_component: import('vue').DefineComponent<Partial<Omit<BaseButtonProps, "icon" | "flipOnDir" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir">>, {
     focus(): void;
     blur(): void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<Pick<BaseButtonProps, "size" | "color" | "class" | "type" | "text" | "noRing" | "loading" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "htmlType" | "block">>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<Omit<BaseButtonProps, "icon" | "flipOnDir" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir">>> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     buttonRef: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
             readonly class?: import('clsx').ClassValue;
             readonly text?: string | number | undefined;
-            readonly size?: import('..').ButtonSize | undefined;
-            readonly color?: import('..').ButtonColor | undefined;
+            readonly size?: import('../Base/BaseButton/BaseButton.model').ButtonSize | undefined;
+            readonly color?: import('../Base/BaseButton/BaseButton.model').ButtonColor | undefined;
             readonly noRing?: boolean | undefined;
-            readonly type?: import('..').ButtonType | undefined;
-            readonly variant?: import('..').ButtonVariant | undefined;
+            readonly type?: import('../Base/BaseButton/BaseButton.model').ButtonType | undefined;
+            readonly variant?: import('../Base/BaseButton/BaseButton.model').ButtonVariant | undefined;
             readonly loading?: boolean | undefined;
             readonly action?: boolean | undefined;
             readonly active?: boolean | undefined;
@@ -163,6 +168,7 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseBu
             readonly htmlType?: "reset" | "submit" | "button" | undefined;
             readonly block?: boolean | undefined;
             readonly disabled?: boolean | undefined;
+            readonly hover?: boolean | undefined;
             readonly href?: string | undefined;
             readonly target?: string | undefined;
             readonly onClick?: ((...args: any[]) => any) | undefined;
@@ -226,8 +232,9 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseBu
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             click: (...args: any[]) => void;
         }, string, {
-            color: import('..').ButtonColor;
-            type: import('..').ButtonType;
+            color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
+            disabled: boolean;
+            type: import('../Base/BaseButton/BaseButton.model').ButtonType;
             htmlType: "reset" | "submit" | "button";
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -250,12 +257,13 @@ 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<{
-        color: import('..').ButtonColor;
-        type: import('..').ButtonType;
+        color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
+        disabled: boolean;
+        type: import('../Base/BaseButton/BaseButton.model').ButtonType;
         htmlType: "reset" | "submit" | "button";
     }> & Omit<Readonly<BaseButtonProps> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
-    }>, "blur" | "focus" | ("color" | "type" | "htmlType")> & import('vue').ShallowUnwrapRef<{
+    }>, "blur" | "focus" | ("color" | "disabled" | "type" | "htmlType")> & 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-BGNxRN3s.js";
+import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-b801s6x6.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-C_XW_RxE.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-H1KQzfTW.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;

package/dist/Button.vue_vue_type_script_setup_true_lang-H1KQzfTW.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("es-toolkit"),l=require("./BaseButton.vue_vue_type_script_setup_true_lang-CfvlGfAR.js"),_=require("./options-CY2uxp5A.js");require("@pantograph/tokens");require("@pantograph/utils");require("./Icon.vue_vue_type_script_setup_true_lang-CXwAf04H.js");require("reka-ui");require("@vueuse/core");require("@tanstack/vue-virtual");const 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(n,{expose:s}){const i=n,a=e.useAttrs(),c=e.computed(()=>({...p.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(l._sfc_main,e.mergeProps(c.value,{variant:"simple",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),r=>({name:r,fn:e.withCtx(u=>[e.renderSlot(t.$slots,r,e.normalizeProps(e.guardReactiveProps(u)))])}))]),1040))}});exports._sfc_main=f;

package/dist/Button.vue_vue_type_script_setup_true_lang-b801s6x6.js

@@ -0,0 +1,72 @@
+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-BOEHDNrA.js";
+import { a as k } from "./options-J8HfRMSU.js";
+import "@pantograph/tokens";
+import "@pantograph/utils";
+import "./Icon.vue_vue_type_script_setup_true_lang-X8iOewkh.js";
+import "reka-ui";
+import "@vueuse/core";
+import "@tanstack/vue-virtual";
+const w = /* @__PURE__ */ c({
+  ...k("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: n }) {
+    const p = r, i = l(), a = m(() => ({
+      ...O(i, [
+        "variant",
+        "action",
+        "active",
+        "badgeText",
+        "badgeIcon",
+        "icon",
+        "flipOnDir",
+        "badgeIconFlipOnDir"
+      ]),
+      ...p
+    })), e = f();
+    return n({
+      focus() {
+        var o;
+        (o = e.value) == null || o.focus();
+      },
+      blur() {
+        var o;
+        (o = e.value) == null || o.blur();
+      }
+    }), (o, x) => (d(), u(h, b(a.value, {
+      variant: "simple",
+      ref_key: "buttonRef",
+      ref: e
+    }), g({ _: 2 }, [
+      _(Object.keys(o.$slots), (t) => ({
+        name: t,
+        fn: v((s) => [
+          y(o.$slots, t, B(I(s)))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  w as _
+};

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-DPtJY6ad.js";
+import { _ as u, _ as e, i as n, p } from "../ButtonGroup.vue_vue_type_script_setup_true_lang-BWfa7L2L.js";
 export {
   u as ButtonGroup,
   e as default,

package/dist/{ButtonGroup.vue_vue_type_script_setup_true_lang-DPtJY6ad.js → ButtonGroup.vue_vue_type_script_setup_true_lang-BWfa7L2L.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 { g as C } from "./options-Bh1s18jm.js";
+import { a as C } from "./options-J8HfRMSU.js";
 import { cva as v } from "class-variance-authority";
 import { createContext as G } from "reka-ui";
-import { P as z } from "./BaseBadge.model-D4ZfMIfM.js";
+import { P as z } from "./BaseBadge.model-CahZXsyM.js";
 const j = ["simple", "icon", "float"], w = ["fill", "outline", "ghost"], L = [
   "primary",
   "danger",
@@ -50,8 +50,8 @@ const j = ["simple", "icon", "float"], w = ["fill", "outline", "ghost"], L = [
 export {
   j as B,
   T as _,
-  w as a,
-  L as b,
+  L as a,
+  w as b,
   x as c,
   O as i,
   y as p

package/dist/Checkbox/Checkbox.d.ts

@@ -40,6 +40,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ch
 }>, {
     size: CheckboxSize;
     modelValue: boolean | "indeterminate" | null;
+    disabled: boolean;
     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_style_index_0_lang-QBA04hd1.js";
+import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_script_setup_true_lang-CgvdLwu5.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_style_index_0_lang-BftwQBSo.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-Bq7H8Hmk.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-Bq7H8Hmk.js

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

package/dist/Checkbox.vue_vue_type_script_setup_true_lang-CgvdLwu5.js

@@ -0,0 +1,226 @@
+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 { 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 { 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-X8iOewkh.js";
+import { u as ne, U as de } from "./useInputDataStates-Db6zJZ1T.js";
+import "@vueuse/core";
+import { omit as P } from "es-toolkit";
+import "@tanstack/vue-virtual";
+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__ */ _({
+  ...D("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(t, { emit: g }) {
+    const u = g, o = t, s = (e) => ({
+      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 ?? []);
+    G(
+      () => o.modelValue,
+      () => {
+        n.value = o.modelValue ?? [];
+      }
+    );
+    const k = d({
+      get() {
+        return o.modelValue ? o.modelValue : n.value;
+      },
+      set(e) {
+        o.modelValue || (n.value = e), u("update:modelValue", e), u("change", e);
+      }
+    });
+    return be({
+      model: k,
+      props: o
+    }), (e, v) => (p(), y(l(Y), {
+      as: e.as,
+      asChild: e.asChild
+    }, {
+      default: B(() => [
+        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, $({
+              key: i.value ?? i,
+              ref_for: !0
+            }, s(i)), null, 16))), 128)) : A("", !0)
+          ];
+        })
+      ]),
+      _: 3
+    }, 8, ["as", "asChild"]));
+  }
+}), me = ["for"], ve = /* @__PURE__ */ _({
+  ...D("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(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);
+    G(
+      () => [o.modelValue, o.checked],
+      () => {
+        v.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;
+      },
+      set(a) {
+        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(
+              (T) => T !== o.value
+            ));
+          }
+        } else
+          e.value === void 0 && (v.value = a), n("update:checked", a), n("update:modelValue", a), n("change", a);
+      }
+    }), { getDisabled: i } = ne({
+      getDisabled: () => {
+        var a;
+        return ((a = s.props) == null ? void 0 : a.disabled) ?? o.disabled;
+      }
+    }), x = d(() => o.id ?? le(u)), U = Z(n), j = d(() => ({
+      disabled: i.value,
+      ...F.value,
+      ...P(o, [
+        "size",
+        "class",
+        "label",
+        "disabled",
+        "modelValue",
+        "checked",
+        "id",
+        "rootCls",
+        "indicatorCls",
+        "indeterminateCls",
+        "labelCls"
+      ]),
+      ...P(U, ["onUpdate:modelValue", "onUpdate:checked"])
+    })), I = se(u, {
+      variants: {
+        size: te(ie, u)
+      }
+    }), q = d(() => o.label || k.default || o.value && o.valueAsLabel), E = 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(() => {
+      switch (z.value) {
+        case "xsm":
+          return "2xsm";
+        case "2xsm":
+        default:
+          return "3xsm";
+      }
+    }), { rootBindings: O, inputBindings: F } = de({
+      getDisabled: () => i.value,
+      emit: n
+    }), 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), $({
+        onKeyup: M(K, ["enter"])
+      }, j.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)
+      }), {
+        default: B(() => [
+          S(l(oe), {
+            class: V(l(m)(l(h)(l(u), "indicator"), a.indicatorCls)),
+            asChild: ""
+          }, {
+            default: B(() => [
+              e.value != "indeterminate" ? (p(), y(re, {
+                key: 0,
+                icon: "tabler:check",
+                size: N.value
+              }, null, 8, ["size"])) : (p(), C("span", {
+                key: 1,
+                class: V(l(m)(l(h)(l(u), "indeterminate"), a.indeterminateCls))
+              }, null, 2))
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ]),
+        _: 1
+      }, 16, ["modelValue", "id", "class"]),
+      q.value ? (p(), C("label", {
+        key: 0,
+        for: x.value,
+        class: V(l(m)(l(h)(l(u), "label"), a.labelCls))
+      }, [
+        w(a.$slots, "default", {
+          checked: e.value,
+          disabled: l(i),
+          required: a.required
+        }, () => [
+          Q(W(E.value), 1)
+        ])
+      ], 10, me)) : A("", !0)
+    ], 16));
+  }
+});
+export {
+  ie as C,
+  ve as _,
+  _e as a,
+  Le as b,
+  pe as i,
+  be as p,
+  Pe as u
+};

package/dist/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,6 +1,6 @@
 import { PrimitiveProps } from 'reka-ui';
 import { CheckboxSize } from '../Checkbox/Checkbox.model';
-import { ComputedRef, Ref } from 'vue';
+import { Ref } from 'vue';
 export interface CheckboxGroupOption {
     value?: string;
     disabled?: boolean;
@@ -16,10 +16,9 @@ export type CheckboxGroupProps = PrimitiveProps & {
 };
 interface Context {
     model?: Ref<Value>;
-    size?: ComputedRef<CheckboxGroupProps['size']>;
-    disabled?: ComputedRef<CheckboxGroupProps['disabled']>;
+    props: CheckboxGroupProps;
 }
-export declare const injectCheckboxGroupContext: <T extends Context | null | undefined = Context>(fallback?: T | undefined) => T extends null ? Context | null : Context, provideCheckboxGroupContext: (contextValue: Context) => 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;
@@ -27,6 +26,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ch
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
+    disabled: boolean;
     asChild: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;

package/dist/CheckboxGroup/index.js

@@ -1,4 +1,4 @@
-import { b as p, i as r, p as t } from "../Checkbox.vue_vue_type_style_index_0_lang-QBA04hd1.js";
+import { b as p, i as r, p as t } from "../Checkbox.vue_vue_type_script_setup_true_lang-CgvdLwu5.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_style_index_0_lang-BftwQBSo.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-Bq7H8Hmk.js");exports.CheckboxGroup=e._sfc_main$1;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;

package/dist/Chip/Chip.d.ts

@@ -1,4 +1,4 @@
-import { IconSize } from '../Icon/Icon.model';
+import { IconSize } from '../Icon';
 import { ChipColor, ChipSize } from './Chip.model';
 import { ClassValue } from 'class-variance-authority/types';
 export interface ChipProps {

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_style_index_0_lang-CRI3QwLZ.js";
+import { _ as C, a as i, C as o, _ as p } from "../Chip.vue_vue_type_script_setup_true_lang-BfaS9elh.js";
 export {
   C as Chip,
   i as ChipColors,

package/dist/Chip/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Chip.vue_vue_type_style_index_0_lang-z_hK7usq.js");exports.Chip=e._sfc_main;exports.ChipColors=e.ChipColors;exports.ChipSizes=e.ChipSizes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Chip.vue_vue_type_script_setup_true_lang-Bact--QN.js");exports.Chip=e._sfc_main;exports.ChipColors=e.ChipColors;exports.ChipSizes=e.ChipSizes;exports.default=e._sfc_main;

package/dist/Chip.vue_vue_type_script_setup_true_lang-Bact--QN.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("@pantograph/utils"),k=require("class-variance-authority"),p=require("./Icon.vue_vue_type_script_setup_true_lang-CXwAf04H.js"),S=require("./options-CY2uxp5A.js");require("es-toolkit");const E=require("reka-ui");require("@vueuse/core");require("@tanstack/vue-virtual");const I=require("./BaseBadge.model-DecqxaGN.js"),$=require("@pantograph/style/chip.css?raw"),A=require("./HoverCard.vue_vue_type_script_setup_true_lang-KbXPPPlZ.js");require("./Popover.vue_vue_type_script_setup_true_lang-DZu6h5sn.js");const N=require("@pantograph/style/chip_group.css?raw"),[x,P]=E.createContext("ChipGroup"),b=e.defineComponent({...S.getComponentOptions("ChipGroup"),__name:"ChipGroup",props:{color:{},size:{default:"md"},closeIcon:{},icon:{},overlayActions:{type:Boolean},selected:{type:Boolean},maxCount:{},popoverProps:{},truncateCls:{},noPopover:{type:Boolean},noWrap:{type:Boolean},closeable:{type:Boolean,default:!0}},emits:["close"],setup(v,{emit:f}){p.useComponentStyle("chip_group",N);const r=f,t=v,C=e.useSlots();P({props:t,onClose:(l,u)=>{r("close",l,u)}});const c=e.computed(()=>t.maxCount?Number(t.maxCount):0),g=()=>{const l=p.flattenChildren(C.default?C.default():[]),u=()=>e.h("div",{class:s.normCls(s.getBemElement(m,"truncate"),t.truncateCls)},`+${l.length-c.value}`);return c.value>=1&&l.length>c.value?[...l.filter((i,n)=>n<c.value),t.noPopover?u():e.h(A._sfc_main,{size:t.size==="md"?"md":"sm",...t.popoverProps??{}},{default:u,content:()=>e.h("div",{class:d(t)},{default:()=>l.filter((i,n)=>n>=c.value)})})]:l},m=s.getBemBlock("chip_group"),d=k.cva(m,{variants:{size:s.generateVariantClassList(y,m),noWrap:s.generateVariantClassList("no-wrap",m)}});return(l,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(d)(t))},[e.createVNode(g)],2))}}),y=["xsm","sm","md"],V=[...I.BadgeColors],G=e.defineComponent({...S.getComponentOptions("Chip"),__name:"Chip",props:{value:{},size:{default:"md"},class:{},actionsCls:{},textCls:{},iconCls:{},text:{},icon:{},closeIcon:{default:"tabler:x"},closeIconCls:{},color:{},overlayActions:{type:Boolean,default:void 0},stopPropagationOnClose:{type:Boolean},closeable:{type:Boolean,default:void 0},selected:{type:Boolean,default:void 0}},emits:["close"],setup(v,{emit:f}){p.useComponentStyle("chip",$);const r=v,t=x({}),C=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.size)??r.size}),z=e.computed(()=>{var o;return r.color??((o=t.props)==null?void 0:o.color)??"primary"}),c=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.overlayActions)??r.overlayActions}),g=e.computed(()=>{var o;return r.selected??((o=t.props)==null?void 0:o.selected)}),m=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.closeIcon)??r.closeIcon}),d=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.icon)??r.icon}),l=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.closeable)??r.closeable}),u=f,i=e.useSlots(),n=s.getBemBlock("chip"),q=k.cva(n,{variants:{size:s.generateVariantClassList(y,n),color:s.generateVariantClassList(V,n),overlayActions:s.generateVariantClassList("overlay-actions",n),selected:s.generateVariantClassList("selected",n)}}),B=o=>{t.onClose&&t.onClose(r,o),u("close",o)},a=e.computed(()=>({onClose:B,size:(()=>{switch(C.value){case"md":return"xsm";default:return"2xsm"}})()}));return(o,L)=>{var _,h;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s.normCls)(e.unref(q)({size:C.value,color:z.value,overlayActions:c.value,selected:g.value}),r.class))},[e.renderSlot(o.$slots,"leading",e.normalizeProps(e.guardReactiveProps(a.value)),()=>[d.value?(e.openBlock(),e.createBlock(e.unref(p._sfc_main$2),{key:0,size:a.value.size,icon:d.value,class:e.normalizeClass(o.iconCls)},null,8,["size","icon","class"])):e.createCommentVNode("",!0)]),!e.unref(p.isEmptyElement)((_=i.text)==null?void 0:_.call(i,a.value))||o.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(n),"text"),o.textCls))},[e.renderSlot(o.$slots,"text",e.normalizeProps(e.guardReactiveProps(a.value)),()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],2)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"trailing",e.normalizeProps(e.guardReactiveProps(a.value))),l.value||!e.unref(p.isEmptyElement)((h=i.overlayActions)==null?void 0:h.call(i,a.value))?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(n),"actions"),o.actionsCls))},[c.value?e.renderSlot(o.$slots,"overlayActions",e.normalizeProps(e.mergeProps({key:0},a.value))):e.createCommentVNode("",!0),l.value?e.renderSlot(o.$slots,"close",e.normalizeProps(e.mergeProps({key:1},a.value)),()=>[e.createVNode(e.unref(p._sfc_main$2),{onClick:e.withModifiers(B,["stop"]),size:a.value.size,icon:m.value,class:e.normalizeClass(e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(n),"close_icon"),o.closeIconCls))},null,8,["size","icon","class"])]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],2)}}});exports.ChipColors=V;exports.ChipSizes=y;exports._sfc_main=G;exports._sfc_main$1=b;exports.injectChipGroupContext=x;exports.provideChipGroupContext=P;