@pantograph/vue 0.0.2 → 0.0.3

package/dist/BaseButton.vue_vue_type_style_index_0_lang-F50Tg7IQ.js

@@ -0,0 +1,151 @@
+import { defineComponent as w, computed as l, useSlots as E, openBlock as r, createBlock as c, unref as n, normalizeClass as B, withCtx as u, createElementBlock as N, Fragment as P, renderSlot as p, createCommentVNode as I, createTextVNode as j, toDisplayString as A, createSlots as D } from "vue";
+import { Primitive as F } from "radix-vue";
+import { _ as y } from "./Icon.vue_vue_type_style_index_0_lang-CB4CYuWH.js";
+import { _ as G } from "./Spinner.vue_vue_type_style_index_0_lang-B5byV1za.js";
+import { _ as L } from "./Badge.vue_vue_type_script_setup_true_lang-CXfdGkKV.js";
+import { i as O, a as b, c as k, b as $, B as C } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-jtE0Gtp9.js";
+import { g as _, a, b as q, c as H } from "./options-B8rT2fg0.js";
+import { cva as J } from "class-variance-authority";
+const Z = /* @__PURE__ */ w({
+  ..._("BaseButton"),
+  __name: "BaseButton",
+  props: {
+    class: {},
+    text: {},
+    size: {},
+    color: { default: "primary" },
+    type: { default: "fill" },
+    variant: {},
+    loading: { type: Boolean },
+    action: { type: Boolean },
+    active: { type: Boolean },
+    badgeText: {},
+    badgeIcon: {},
+    icon: {},
+    preIcon: {},
+    postIcon: {},
+    as: { default: "button" }
+  },
+  setup(S) {
+    const t = H("button"), o = S, T = J(t, {
+      variants: {
+        size: a(k, t),
+        type: a(b, t),
+        color: a($, t),
+        variant: a(C, t),
+        action: a("action", t),
+        active: a("active", t),
+        text: a("text", t),
+        preIcon: a("preIcon", t),
+        postIcon: a("postIcon", t),
+        loading: a("loading", t)
+      }
+    }), z = O({
+      size: l(() => o.size),
+      variant: l(() => o.variant)
+    }), d = l(() => o.variant ?? z.variant.value ?? "simple"), i = l(() => ["icon", "float"].includes(d.value)), s = E(), h = l(() => {
+      let e = b.includes(o.type) ? o.type : "fill";
+      const m = o.size ?? z.size.value, V = m && k.includes(m) ? m : "md";
+      let f = o.color && $.includes(o.color) ? o.color : "primary", v = d.value && C.includes(d.value) ? d.value : "simple";
+      return o.action ? (v === "float" && (v = "icon"), e === "fill" && (e = "outline"), f = void 0) : v === "float" && (e === "ghost" && (e = "fill"), ["primary", "gray"].includes(f) || (f = "primary")), {
+        size: V,
+        type: e,
+        color: f,
+        variant: v,
+        action: o.action,
+        active: o.active,
+        loading: o.loading,
+        text: !i.value && !!(o.text || s.default),
+        preIcon: !i.value && !!(o.preIcon || s.preIcon),
+        postIcon: !i.value && !!(o.postIcon || s.postIcon)
+      };
+    }), g = l(() => {
+      switch (o.size) {
+        case "sm":
+          return "3xsm";
+        default:
+          return "2xsm";
+      }
+    }), x = l(() => {
+      switch (o.size) {
+        case "sm":
+          return "3xsm";
+        case "lg":
+          return "xsm";
+        case "md":
+        default:
+          return "2xsm";
+      }
+    });
+    return (e, m) => (r(), c(n(F), {
+      as: e.as,
+      class: B([n(T)(h.value), o.class]),
+      tabindex: "0"
+    }, {
+      default: u(() => [
+        e.loading ? (r(), c(G, {
+          key: 1,
+          class: B(n(q)(n(t), "loading")),
+          size: g.value
+        }, null, 8, ["class", "size"])) : (r(), N(P, { key: 0 }, [
+          (e.preIcon || n(s).preIcon) && !i.value ? (r(), c(y, {
+            key: 0,
+            icon: e.preIcon,
+            size: g.value
+          }, {
+            default: u(() => [
+              p(e.$slots, "preIcon")
+            ]),
+            _: 3
+          }, 8, ["icon", "size"])) : I("", !0),
+          i.value ? (r(), c(y, {
+            key: 1,
+            icon: e.icon,
+            size: x.value
+          }, {
+            default: u(() => [
+              p(e.$slots, "icon")
+            ]),
+            _: 3
+          }, 8, ["icon", "size"])) : p(e.$slots, "default", { key: 2 }, () => [
+            j(A(e.text), 1)
+          ]),
+          e.action && e.active && !i.value && (e.badgeText || n(s).badgeText || e.badgeIcon || n(s).badgeIcon) ? (r(), c(L, {
+            key: 3,
+            text: e.badgeText,
+            icon: e.badgeIcon,
+            color: e.$attrs.disabled ? "gray" : "primary",
+            size: "2xsm"
+          }, D({
+            default: u(() => [
+              p(e.$slots, "badgeText")
+            ]),
+            _: 2
+          }, [
+            e.badgeIcon || n(s).badgeIcon ? {
+              name: "icon",
+              fn: u(() => [
+                p(e.$slots, "badgeIcon")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["text", "icon", "color"])) : I("", !0),
+          (e.postIcon || n(s).postIcon) && !i.value ? (r(), c(y, {
+            key: 4,
+            icon: e.postIcon,
+            size: g.value
+          }, {
+            default: u(() => [
+              p(e.$slots, "postIcon")
+            ]),
+            _: 3
+          }, 8, ["icon", "size"])) : I("", !0)
+        ], 64))
+      ]),
+      _: 3
+    }, 8, ["as", "class"]));
+  }
+});
+export {
+  Z as _
+};

package/dist/Button/Button.d.ts

@@ -0,0 +1,17 @@
+import { BaseButtonProps } from '../Base/BaseButton/BaseButton';
+export type ButtonProps = Pick<BaseButtonProps, 'as' | 'class' | 'type' | 'color' | 'loading' | 'preIcon' | 'postIcon' | 'size' | 'text'>;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: any) => any>>;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Button/index.cjs.js

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

package/dist/Button/index.d.ts

@@ -0,0 +1 @@
+export { default as Button, type ButtonProps, default } from './Button';

package/dist/Button/index.es.js

@@ -0,0 +1,5 @@
+import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-XrPBGQq8.js";
+export {
+  o as Button,
+  e as default
+};

package/dist/Button.vue_vue_type_script_setup_true_lang-Crhe5sHQ.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("./BaseButton.vue_vue_type_style_index_0_lang-B-uDLmB_.js"),p=require("./options-B8SF1auT.js"),u=require("./omit-B0hUroNu.js"),_=e.defineComponent({...p.getComponentOptions("IconButton",!1),__name:"Button",props:{as:{},class:{},type:{},color:{},loading:{type:Boolean},preIcon:{},postIcon:{},size:{},text:{}},setup(o){const s=o,r=e.useAttrs(),c=e.computed(()=>({...u.omit(r,"variant","icon","action","active","badgeText"),...s}));return(t,l)=>(e.openBlock(),e.createBlock(a._sfc_main,e.mergeProps(c.value,{variant:"simple"}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(i=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(i)))])}))]),1040))}});exports._sfc_main=_;

package/dist/Button.vue_vue_type_script_setup_true_lang-XrPBGQq8.js

@@ -0,0 +1,36 @@
+import { defineComponent as i, useAttrs as p, computed as c, openBlock as m, createBlock as l, mergeProps as u, createSlots as f, renderList as _, withCtx as d, renderSlot as g, normalizeProps as v, guardReactiveProps as B } from "vue";
+import { _ as b } from "./BaseButton.vue_vue_type_style_index_0_lang-F50Tg7IQ.js";
+import { g as k } from "./options-B8rT2fg0.js";
+import { o as x } from "./omit-DU39EwuA.js";
+const h = /* @__PURE__ */ i({
+  ...k("IconButton", !1),
+  __name: "Button",
+  props: {
+    as: {},
+    class: {},
+    type: {},
+    color: {},
+    loading: { type: Boolean },
+    preIcon: {},
+    postIcon: {},
+    size: {},
+    text: {}
+  },
+  setup(e) {
+    const n = e, r = p(), s = c(() => ({
+      ...x(r, "variant", "icon", "action", "active", "badgeText"),
+      ...n
+    }));
+    return (o, y) => (m(), l(b, u(s.value, { variant: "simple" }), f({ _: 2 }, [
+      _(Object.keys(o.$slots), (t) => ({
+        name: t,
+        fn: d((a) => [
+          g(o.$slots, t, v(B(a)))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  h as _
+};

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,45 @@
+import { ButtonSize, ButtonVariant } from '../Base/BaseButton/BaseButton.model';
+import { PrimitiveProps } from 'radix-vue';
+import { ComputedRef } from 'vue';
+import { Class } from '../types';
+declare const ButtonGroupGaps: readonly ["sm", "md", "lg", "none"];
+export type ButtonGroupProps = Omit<PrimitiveProps, 'asChild'> & {
+    class?: Class;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+    gap?: (typeof ButtonGroupGaps)[number];
+    split?: boolean;
+};
+export declare const injectButtonGroupContext: <T extends {
+    size: ComputedRef<ButtonSize | undefined>;
+    variant: ComputedRef<ButtonVariant | undefined>;
+} | null | undefined = {
+    size: ComputedRef<ButtonSize | undefined>;
+    variant: ComputedRef<ButtonVariant | undefined>;
+}>(fallback?: T | undefined) => T extends null ? {
+    size: ComputedRef<ButtonSize | undefined>;
+    variant: ComputedRef<ButtonVariant | undefined>;
+} | null : {
+    size: ComputedRef<ButtonSize | undefined>;
+    variant: ComputedRef<ButtonVariant | undefined>;
+}, provideButtonGroupContext: (contextValue: {
+    size: ComputedRef<ButtonSize | undefined>;
+    variant: ComputedRef<ButtonVariant | undefined>;
+}) => {
+    size: ComputedRef<ButtonSize | undefined>;
+    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;
+    as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+    variant: ButtonVariant;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/ButtonGroup/index.cjs.js

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

package/dist/ButtonGroup/index.d.ts

@@ -0,0 +1 @@
+export { default as ButtonGroup, provideButtonGroupContext, injectButtonGroupContext, type ButtonGroupProps, default, } from './ButtonGroup';

package/dist/ButtonGroup/index.es.js

@@ -0,0 +1,7 @@
+import { _ as u, _ as e, i as n, p } from "../ButtonGroup.vue_vue_type_script_setup_true_lang-jtE0Gtp9.js";
+export {
+  u as ButtonGroup,
+  e as default,
+  n as injectButtonGroupContext,
+  p as provideButtonGroupContext
+};

package/dist/ButtonGroup.vue_vue_type_script_setup_true_lang-DmShg2d-.js

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

package/dist/ButtonGroup.vue_vue_type_script_setup_true_lang-jtE0Gtp9.js

@@ -0,0 +1,51 @@
+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 { createContext as g, Primitive as d } from "radix-vue";
+import { g as C, a as n, b as v, c as G } from "./options-B8rT2fg0.js";
+import { cva as z } from "class-variance-authority";
+const V = ["simple", "icon", "float"], j = ["fill", "outline", "ghost"], E = ["primary", "danger", "success", "warning", "gray"], x = ["sm", "md", "lg"], _ = [...x, "none"], [L, y] = g("ButtonGroup"), O = /* @__PURE__ */ l({
+  ...C("ButtonGroup"),
+  __name: "ButtonGroup",
+  props: {
+    as: { default: "div" },
+    class: {},
+    size: { default: "md" },
+    variant: { default: "simple" },
+    gap: {},
+    split: { type: Boolean, default: !1 }
+  },
+  setup(r) {
+    const t = r, i = G("button"), s = v(i, "group"), p = z(s, {
+      variants: {
+        gap: n(_, s),
+        split: n("split", s)
+      }
+    });
+    return y({
+      size: a(() => t.size),
+      variant: a(() => t.variant)
+    }), (o, b) => (u(), c(e(d), {
+      as: o.as,
+      class: m([
+        e(p)({
+          gap: t.gap ?? t.size,
+          split: o.split
+        }),
+        t.class
+      ])
+    }, {
+      default: f(() => [
+        B(o.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["as", "class"]));
+  }
+});
+export {
+  V as B,
+  O as _,
+  j as a,
+  E as b,
+  x as c,
+  L as i,
+  y as p
+};

package/dist/Checkbox/Checkbox.d.ts

@@ -0,0 +1,43 @@
+import { CheckboxRootProps } from 'radix-vue';
+import { CheckboxSize } from './Checkbox.model';
+import { Class } from '../types';
+export interface CheckboxProps extends Omit<CheckboxRootProps, 'asChild'> {
+    size?: CheckboxSize;
+    class?: Class;
+    labelAs?: CheckboxRootProps['as'];
+    label?: string;
+    valueAsLabel?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            checked: boolean | "indeterminate";
+            disabled: boolean | undefined;
+            required: boolean | undefined;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: boolean | "indeterminate") => any;
+    "update:checked": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<CheckboxProps> & Readonly<{
+    onChange?: ((value: boolean | "indeterminate") => any) | undefined;
+    "onUpdate:checked"?: ((value: boolean) => any) | undefined;
+}>, {
+    size: CheckboxSize;
+    as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+    checked: boolean | "indeterminate";
+    labelAs: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+    valueAsLabel: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Checkbox/Checkbox.model.d.ts

@@ -0,0 +1,18 @@
+export declare const CheckboxSizes: readonly ["2xsm", "xsm"];
+export type CheckboxSize = (typeof CheckboxSizes)[number];
+export declare const useColoredPantographCheckbox: (color: string) => {
+    '--ptc-checkbox-bg': string;
+    '--ptc-checkbox-bg-hover': string;
+    '--ptc-checkbox-bg-focus': string;
+    '--ptc-checkbox-br-focus': string;
+    '--ptc-checkbox-bg-active': string;
+    '--ptc-checkbox-shadow': string;
+};
+export declare const useColoredPantographCheckboxGroup: (color: string) => {
+    '--ptc-group-checkbox-bg': string;
+    '--ptc-group-checkbox-bg-hover': string;
+    '--ptc-group-checkbox-bg-focus': string;
+    '--ptc-group-checkbox-br-focus': string;
+    '--ptc-group-checkbox-bg-active': string;
+    '--ptc-group-checkbox-shadow': string;
+};

package/dist/Checkbox/index.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-BLvqKFXl.js");exports.Checkbox=e._sfc_main;exports.CheckboxSizes=e.CheckboxSizes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-BRJhkPIY.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/index.d.ts

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

package/dist/Checkbox/index.es.js

@@ -1,6 +1,8 @@
-import { _ as o, C as s, _ as x } from "../Checkbox.vue_vue_type_style_index_0_lang-DxEbn-Bk.js";
+import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-OQRmH46S.js";
 export {
-  o as Checkbox,
+  e as Checkbox,
   s as CheckboxSizes,
-  x as default
+  r as default,
+  C as useColoredPantographCheckbox,
+  h as useColoredPantographCheckboxGroup
 };

package/dist/Checkbox.vue_vue_type_style_index_0_lang-BRJhkPIY.js

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

package/dist/Checkbox.vue_vue_type_style_index_0_lang-OQRmH46S.js

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