@rei/cedar 16.3.1 → 17.0.0-alpha.0

package/dist/components/breadcrumb/CdrBreadcrumb.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,70 @@
+import e from "../../utils/uid.mjs";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, nextTick as s, normalizeClass as c, openBlock as l, ref as u, renderList as d, renderSlot as f, toDisplayString as p, unref as m, useCssModule as h, vShow as g, watch as _, withDirectives as v } from "vue";
+//#region src/components/breadcrumb/CdrBreadcrumb.vue?vue&type=script&setup=true&lang.ts
+var y = ["id"], b = ["id"], x = ["aria-controls", "aria-label"], S = ["href", "onClick"], C = /* @__PURE__ */ o({
+	name: "CdrBreadcrumb",
+	__name: "CdrBreadcrumb",
+	props: {
+		items: {},
+		truncationEnabled: {
+			type: Boolean,
+			default: !0
+		},
+		id: {}
+	},
+	emits: ["navigate"],
+	setup(o, { emit: C }) {
+		let w = o, T = C, E = h(), D = w.id ? w.id : e(), O = u(w.truncationEnabled && w.items.length > 2), k = u(null), A = u(null), j = n(() => {
+			let e = w.items.length - 2;
+			return `show ${e} more navigation level${e > 1 ? "s" : ""}`;
+		}), M = () => {
+			O.value = !1, s(() => {
+				A.value = k.value?.querySelector("li a") ?? null, A.value?.focus();
+			});
+		};
+		return _(() => w.items, () => {
+			O.value = w.truncationEnabled && w.items.length > 2;
+		}), (e, n) => (l(), i("nav", {
+			id: m(D),
+			class: c(m(E)["cdr-breadcrumb"]),
+			"aria-label": "breadcrumbs"
+		}, [a("ol", {
+			id: `${m(D)}List`,
+			ref_key: "itemListEl",
+			ref: k,
+			class: c(m(E)["cdr-breadcrumb__list"])
+		}, [O.value ? (l(), i("li", {
+			key: 0,
+			class: c(m(E)["cdr-breadcrumb__item"])
+		}, [a("button", {
+			class: c(m(E)["cdr-breadcrumb__ellipses"]),
+			"aria-controls": `${m(D)}List`,
+			"aria-label": j.value,
+			"aria-expanded": "false",
+			onClick: M
+		}, [a("span", {
+			class: c(m(E)["cdr-breadcrumb__ellipses-icon"]),
+			"aria-hidden": "true"
+		}, " . . . ", 2)], 10, x), a("span", {
+			class: c(m(E)["cdr-breadcrumb__delimiter"]),
+			"aria-hidden": "true"
+		}, " / ", 2)], 2)) : r("", !0), (l(!0), i(t, null, d(o.items, (t, n) => v((l(), i("li", {
+			key: t.item.id ?? t.item.name.replace(/ /g, "-").toLowerCase(),
+			class: c(m(E)["cdr-breadcrumb__item"])
+		}, [f(e.$slots, "link", {
+			class: c(m(E)["cdr-breadcrumb__link"]),
+			href: t.item.url,
+			content: t.item.name
+		}, () => [a("a", {
+			class: c(m(E)["cdr-breadcrumb__link"]),
+			href: t.item.url,
+			onClick: (e) => T("navigate", t, e)
+		}, p(t.item.name), 11, S)]), n < o.items.length - 1 ? (l(), i("span", {
+			key: 0,
+			class: c(m(E)["cdr-breadcrumb__delimiter"]),
+			"aria-hidden": "true"
+		}, " / ", 2)) : r("", !0)], 2)), [[g, !O.value || n >= o.items.length - 2]])), 128))], 10, b)], 10, y));
+	}
+});
+//#endregion
+export { C as default };

package/dist/components/breadcrumb/styles/CdrBreadcrumb.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,12 @@
+//#region src/components/breadcrumb/styles/CdrBreadcrumb.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = {
+	"cdr-breadcrumb": "cdr-breadcrumb_17-0-0-alpha-0",
+	"cdr-breadcrumb__list": "cdr-breadcrumb__list_17-0-0-alpha-0",
+	"cdr-breadcrumb__item": "cdr-breadcrumb__item_17-0-0-alpha-0",
+	"cdr-breadcrumb__link": "cdr-breadcrumb__link_17-0-0-alpha-0",
+	"cdr-breadcrumb__delimiter": "cdr-breadcrumb__delimiter_17-0-0-alpha-0",
+	"cdr-breadcrumb__ellipses": "cdr-breadcrumb__ellipses_17-0-0-alpha-0",
+	"cdr-breadcrumb__ellipses-icon": "cdr-breadcrumb__ellipses-icon_17-0-0-alpha-0"
+};
+//#endregion
+export { e as default };

package/dist/components/breadcrumb/types.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Breadcrumb navigation item data structure
+ */
+export interface BreadcrumbItem {
+    item: {
+        /** The URL for the breadcrumb link */
+        url: string;
+        /** The display name for the breadcrumb link */
+        name: string;
+        /** Optional unique identifier */
+        id?: string;
+    };
+}
+/**
+ * CdrBreadcrumb component properties
+ */
+export type CdrBreadcrumbProps = {
+    /** Array of breadcrumb items */
+    items: BreadcrumbItem[];
+    /** Enables truncation of breadcrumb items */
+    truncationEnabled?: boolean;
+    /** Unique id for the breadcrumb */
+    id?: string;
+};

package/dist/components/button/CdrButton.vue.d.ts

@@ -0,0 +1,37 @@
+import { CdrButtonProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** Icon to the left of text content */
+        'icon-left'(props: Record<string, never>): any;
+        icon(props: Record<string, never>): any;
+        default(props: Record<string, never>): any;
+        /** Icon to the right of text content */
+        'icon-right'(props: Record<string, never>): any;
+    }> & {
+        /** Icon to the left of text content */
+        'icon-left'(props: Record<string, never>): any;
+        icon(props: Record<string, never>): any;
+        default(props: Record<string, never>): any;
+        /** Icon to the right of text content */
+        'icon-right'(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CdrButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CdrButtonProps> & Readonly<{}>, {
+    tag: import('../../lib').ButtonTag;
+    type: import('../../lib').ButtonType;
+    modifier: import('../../lib').ButtonModifier;
+    fullWidth: boolean | string;
+    iconOnly: boolean;
+    withBackground: 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/components/button/CdrButton.vue.mjs

@@ -1,9 +1,6 @@
-import o from "./CdrButton.vue2.mjs";
-import s from "./styles/CdrButton.module.scss.mjs";
-import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const r = {
-  $style: s
-}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
-export {
-  f as default
-};
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrButton.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrButton.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
+export { r as default };

package/dist/components/button/CdrButton.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,43 @@
+import e from "../../utils/mapClasses.mjs";
+import { buildBooleanClass as t, responsiveModifyClass as n } from "../../utils/buildClass.mjs";
+import { computed as r, createBlock as i, defineComponent as a, normalizeClass as o, openBlock as s, renderSlot as c, resolveDynamicComponent as l, unref as u, useCssModule as d, useSlots as f, withCtx as p } from "vue";
+//#region src/components/button/CdrButton.vue?vue&type=script&setup=true&lang.ts
+var m = "cdr-button", h = /* @__PURE__ */ a({
+	name: "CdrButton",
+	__name: "CdrButton",
+	props: {
+		tag: { default: "button" },
+		type: { default: "button" },
+		modifier: { default: "primary" },
+		size: {},
+		fullWidth: {
+			type: [Boolean, String],
+			default: !1
+		},
+		iconOnly: {
+			type: Boolean,
+			default: !1
+		},
+		withBackground: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(a) {
+		let h = a, g = f(), _ = d(), v = r(() => h.tag === "button" ? h.type : null), y = r(() => `${m}--${h.modifier}`), b = r(() => !h.iconOnly && h.fullWidth ? t(m, h.fullWidth, "full-width") : ""), x = r(() => h.iconOnly ? `cdr-button--icon-only-${h.size ?? ""}` : n(m, "", h.size ?? "")), S = r(() => g["icon-left"] && g.default ? `${m}--has-icon-left` : ""), C = r(() => g["icon-right"] && g.default ? `${m}--has-icon-right` : ""), w = r(() => h.iconOnly ? `${m}--icon-only` : ""), T = r(() => h.iconOnly && h.withBackground ? `${m}--with-background` : "");
+		return (t, n) => (s(), i(l(a.tag), {
+			class: o(u(e)(u(_), m, y.value, x.value, b.value, w.value, S.value, C.value, T.value)),
+			type: v.value
+		}, {
+			default: p(() => [
+				c(t.$slots, "icon-left"),
+				c(t.$slots, "icon"),
+				c(t.$slots, "default"),
+				c(t.$slots, "icon-right")
+			]),
+			_: 3
+		}, 8, ["class", "type"]));
+	}
+});
+//#endregion
+export { h as default };

package/dist/components/button/styles/CdrButton.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,36 @@
+//#region src/components/button/styles/CdrButton.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = {
+	"cdr-button": "cdr-button_17-0-0-alpha-0",
+	"cdr-button--has-icon-left": "cdr-button--has-icon-left_17-0-0-alpha-0",
+	"cdr-button--has-icon-right": "cdr-button--has-icon-right_17-0-0-alpha-0",
+	"cdr-button--primary": "cdr-button--primary_17-0-0-alpha-0",
+	"cdr-button--secondary": "cdr-button--secondary_17-0-0-alpha-0",
+	"cdr-button--dark": "cdr-button--dark_17-0-0-alpha-0",
+	"cdr-button--sale": "cdr-button--sale_17-0-0-alpha-0",
+	"cdr-button--link": "cdr-button--link_17-0-0-alpha-0",
+	"cdr-button--large": "cdr-button--large_17-0-0-alpha-0",
+	"cdr-button--medium": "cdr-button--medium_17-0-0-alpha-0",
+	"cdr-button--small": "cdr-button--small_17-0-0-alpha-0",
+	"cdr-button--icon-only": "cdr-button--icon-only_17-0-0-alpha-0",
+	"cdr-button--icon-only-large": "cdr-button--icon-only-large_17-0-0-alpha-0",
+	"cdr-button--with-background": "cdr-button--with-background_17-0-0-alpha-0",
+	"cdr-button--full-width": "cdr-button--full-width_17-0-0-alpha-0",
+	"cdr-button--small@xs": "cdr-button--small@xs_17-0-0-alpha-0",
+	"cdr-button--medium@xs": "cdr-button--medium@xs_17-0-0-alpha-0",
+	"cdr-button--large@xs": "cdr-button--large@xs_17-0-0-alpha-0",
+	"cdr-button--full-width@xs": "cdr-button--full-width@xs_17-0-0-alpha-0",
+	"cdr-button--small@sm": "cdr-button--small@sm_17-0-0-alpha-0",
+	"cdr-button--medium@sm": "cdr-button--medium@sm_17-0-0-alpha-0",
+	"cdr-button--large@sm": "cdr-button--large@sm_17-0-0-alpha-0",
+	"cdr-button--full-width@sm": "cdr-button--full-width@sm_17-0-0-alpha-0",
+	"cdr-button--small@md": "cdr-button--small@md_17-0-0-alpha-0",
+	"cdr-button--medium@md": "cdr-button--medium@md_17-0-0-alpha-0",
+	"cdr-button--large@md": "cdr-button--large@md_17-0-0-alpha-0",
+	"cdr-button--full-width@md": "cdr-button--full-width@md_17-0-0-alpha-0",
+	"cdr-button--small@lg": "cdr-button--small@lg_17-0-0-alpha-0",
+	"cdr-button--medium@lg": "cdr-button--medium@lg_17-0-0-alpha-0",
+	"cdr-button--large@lg": "cdr-button--large@lg_17-0-0-alpha-0",
+	"cdr-button--full-width@lg": "cdr-button--full-width@lg_17-0-0-alpha-0"
+};
+//#endregion
+export { e as default };

package/dist/components/button/types.d.ts

@@ -0,0 +1,20 @@
+import { ButtonModifier, ButtonTag, ButtonType } from '../../types/componentOptions';
+/**
+ * CdrButton component properties
+ */
+export type CdrButtonProps = {
+    /** Renders CdrButton as a button or a element */
+    tag?: ButtonTag;
+    /** Sets the button type */
+    type?: ButtonType;
+    /** Modifies the style variant for this component */
+    modifier?: ButtonModifier;
+    /** Sets the button size; values can target responsive breakpoints */
+    size?: string;
+    /** Sets button width to 100% */
+    fullWidth?: boolean | string;
+    /** Renders an icon-only button */
+    iconOnly?: boolean;
+    /** Renders an icon-only button with a background color and border */
+    withBackground?: boolean;
+};

package/dist/components/caption/CdrCaption.vue.d.ts

@@ -0,0 +1,3 @@
+import { CdrCaptionProps } from './types';
+declare const _default: import('vue').DefineComponent<CdrCaptionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CdrCaptionProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/caption/CdrCaption.vue.mjs

@@ -1,9 +1,6 @@
-import o from "./CdrCaption.vue2.mjs";
-import s from "./styles/CdrCaption.module.scss.mjs";
-import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const r = {
-  $style: s
-}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
-export {
-  f as default
-};
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrCaption.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrCaption.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
+export { r as default };

package/dist/components/caption/CdrCaption.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,22 @@
+import { createCommentVNode as e, createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, toDisplayString as a, unref as o, useCssModule as s } from "vue";
+//#region src/components/caption/CdrCaption.vue?vue&type=script&setup=true&lang.ts
+var c = "cdr-caption", l = "cdr-caption__summary", u = "cdr-caption__cite", d = /* @__PURE__ */ n({
+	name: "CdrCaption",
+	__name: "CdrCaption",
+	props: {
+		summary: {},
+		credit: {}
+	},
+	setup(n) {
+		let d = s();
+		return (s, f) => (i(), t("div", { class: r(o(d)[c]) }, [n.summary ? (i(), t("p", {
+			key: 0,
+			class: r(o(d)[l])
+		}, a(n.summary), 3)) : e("", !0), n.credit ? (i(), t("cite", {
+			key: 1,
+			class: r(o(d)[u])
+		}, a(n.credit), 3)) : e("", !0)], 2));
+	}
+});
+//#endregion
+export { d as default };

package/dist/components/caption/styles/CdrCaption.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,7 @@
+//#region src/components/caption/styles/CdrCaption.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = {
+	"cdr-caption": "cdr-caption_17-0-0-alpha-0",
+	"cdr-caption__summary": "cdr-caption__summary_17-0-0-alpha-0"
+};
+//#endregion
+export { e as default };

package/dist/components/caption/types.d.ts

@@ -0,0 +1,9 @@
+/**
+ * CdrCaption component properties
+ */
+export type CdrCaptionProps = {
+    /** Sets the string content for the description body of the caption */
+    summary?: string;
+    /** Sets the string content for attribution */
+    credit?: string;
+};

package/dist/components/card/CdrCard.vue.d.ts

@@ -0,0 +1,25 @@
+import { CdrCardProps } from './types';
+import { Tag } from '../../types/componentOptions';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** CdrCard content */
+        default(props: Record<string, never>): any;
+    }> & {
+        /** CdrCard content */
+        default(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CdrCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CdrCardProps> & Readonly<{}>, {
+    tag: Tag;
+}, {}, {}, {}, 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/components/card/CdrCard.vue.mjs

@@ -1,9 +1,6 @@
-import s from "./CdrCard.vue2.mjs";
-import o from "./styles/CdrCard.module.scss.mjs";
-import r from "../../_virtual/_plugin-vue_export-helper.mjs";
-const t = {
-  $style: o
-}, f = /* @__PURE__ */ r(s, [["__cssModules", t]]);
-export {
-  f as default
-};
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrCard.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrCard.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
+export { r as default };

package/dist/components/card/CdrCard.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,16 @@
+import { createBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, renderSlot as i, resolveDynamicComponent as a, unref as o, useCssModule as s, withCtx as c } from "vue";
+//#region src/components/card/CdrCard.vue?vue&type=script&setup=true&lang.ts
+var l = "cdr-card", u = /* @__PURE__ */ t({
+	name: "CdrCard",
+	__name: "CdrCard",
+	props: { tag: { default: "article" } },
+	setup(t) {
+		let u = s();
+		return (s, d) => (r(), e(a(t.tag), { class: n(o(u)[l]) }, {
+			default: c(() => [i(s.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+});
+//#endregion
+export { u as default };

package/dist/components/card/styles/CdrCard.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,4 @@
+//#region src/components/card/styles/CdrCard.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = { "cdr-card": "cdr-card_17-0-0-alpha-0" };
+//#endregion
+export { e as default };

package/dist/components/card/types.d.ts

@@ -0,0 +1,8 @@
+import { Tag } from '../../types/componentOptions';
+/**
+ * CdrCard component properties
+ */
+export type CdrCardProps = {
+    /** Sets valid HTML container element tag */
+    tag?: Tag;
+};

package/dist/components/checkbox/CdrCheckbox.vue.d.ts

@@ -0,0 +1,175 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** Readable text for the label element */
+        default(props: Record<string, never>): any;
+    }> & {
+        /** Readable text for the label element */
+        default(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * Passes a CSS class to the label for custom styles
+     */
+    labelClass: StringConstructor;
+    /**
+     * Passes a CSS class to the input for custom styles
+     */
+    inputClass: StringConstructor;
+    /**
+     * Passes a CSS class to the slot wrapper for custom styles
+     */
+    contentClass: StringConstructor;
+    /**
+     * Show checkbox in indeterminate state. (NOTE: this is a visual-only state and there is no logic for when to show it)
+     */
+    indeterminate: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    /** Disables the checkbox */
+    disabled: BooleanConstructor;
+    /**
+     * The value when checked.
+     */
+    trueValue: {
+        type: (SymbolConstructor | ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor | ArrayConstructor | FunctionConstructor)[];
+        default: boolean;
+    };
+    /**
+     * The value when unchecked.
+     */
+    falseValue: {
+        type: (SymbolConstructor | ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor | ArrayConstructor | FunctionConstructor)[];
+        default: boolean;
+    };
+    /**
+     * The value when used in a checkbox group. Replaces `trueValue` and `falseValue`.
+     */
+    customValue: (SymbolConstructor | ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor | ArrayConstructor | FunctionConstructor)[];
+    /**
+     * Sets the background color the input is rendered on
+     * @values primary, secondary
+     */
+    background: {
+        type: () => "primary" | "secondary" | undefined;
+        default: string;
+    };
+    /**
+     * @demoSelectMultiple false
+     * @values small, medium, large
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Use `hide-figure` to hide the checkbox, which leaves the text label as the clickable element.
+     * Add appropriate custom styles to convey selected and unselected states.
+     * @values hide-figure
+     */
+    modifier: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /** @ignore */
+    modelValue: {
+        type: (SymbolConstructor | ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor | ArrayConstructor | FunctionConstructor)[];
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * Passes a CSS class to the label for custom styles
+     */
+    labelClass: StringConstructor;
+    /**
+     * Passes a CSS class to the input for custom styles
+     */
+    inputClass: StringConstructor;
+    /**
+     * Passes a CSS class to the slot wrapper for custom styles
+     */
+    contentClass: StringConstructor;
+    /**
+     * Show checkbox in indeterminate state. (NOTE: this is a visual-only state and there is no logic for when to show it)
+     */
+    indeterminate: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    /** Disables the checkbox */
+    disabled: BooleanConstructor;
+    /**
+     * The value when checked.
+     */
+    trueValue: {
+        type: (SymbolConstructor | ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor | ArrayConstructor | FunctionConstructor)[];
+        default: boolean;
+    };
+    /**
+     * The value when unchecked.
+     */
+    falseValue: {
+        type: (SymbolConstructor | ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor | ArrayConstructor | FunctionConstructor)[];
+        default: boolean;
+    };
+    /**
+     * The value when used in a checkbox group. Replaces `trueValue` and `falseValue`.
+     */
+    customValue: (SymbolConstructor | ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor | ArrayConstructor | FunctionConstructor)[];
+    /**
+     * Sets the background color the input is rendered on
+     * @values primary, secondary
+     */
+    background: {
+        type: () => "primary" | "secondary" | undefined;
+        default: string;
+    };
+    /**
+     * @demoSelectMultiple false
+     * @values small, medium, large
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Use `hide-figure` to hide the checkbox, which leaves the text label as the clickable element.
+     * Add appropriate custom styles to convey selected and unselected states.
+     * @values hide-figure
+     */
+    modifier: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /** @ignore */
+    modelValue: {
+        type: (SymbolConstructor | ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor | ArrayConstructor | FunctionConstructor)[];
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    size: string;
+    modifier: string;
+    background: "primary" | "secondary" | undefined;
+    disabled: boolean;
+    indeterminate: string | boolean;
+    trueValue: string | number | boolean | symbol | Function | unknown[] | Record<string, any>;
+    falseValue: string | number | boolean | symbol | Function | unknown[] | Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/components/checkbox/CdrCheckbox.vue.mjs

@@ -1,9 +1,6 @@
-import o from "./CdrCheckbox.vue2.mjs";
-import s from "./styles/CdrCheckbox.module.scss.mjs";
-import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const r = {
-  $style: s
-}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
-export {
-  f as default
-};
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrCheckbox.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrCheckbox.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
+export { r as default };