@rei/cedar 16.3.1 → 17.0.0-alpha.0

package/dist/components/select/CdrSelect.vue.d.ts

@@ -0,0 +1,210 @@
+import { PropType } from 'vue';
+import { SelectOption } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** Helper text above the select field */
+        'helper-text'(props: Record<string, never>): any;
+        /** Link or icon to the right above the select field. */
+        info(props: Record<string, never>): any;
+        /** Icon preceding text within the select field */
+        'pre-icon'(props: Record<string, never>): any;
+        /** CdrSelect content (<option> tags). Leave empty if using the `options` prop. */
+        default(props: Record<string, never>): any;
+        'info-action'(props: Record<string, never>): any;
+        /** Error messaging text that is displayed when the `error` prop is true. */
+        error(props: Record<string, never>): any;
+    }> & {
+        /** Helper text above the select field */
+        'helper-text'(props: Record<string, never>): any;
+        /** Link or icon to the right above the select field. */
+        info(props: Record<string, never>): any;
+        /** Icon preceding text within the select field */
+        'pre-icon'(props: Record<string, never>): any;
+        /** CdrSelect content (<option> tags). Leave empty if using the `options` prop. */
+        default(props: Record<string, never>): any;
+        'info-action'(props: Record<string, never>): any;
+        /** Error messaging text that is displayed when the `error` prop is true. */
+        error(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<{
+    /**
+     * Custom ID that is mapped to the label ‘for’ attribute. If this value is not set, it will be auto-generated.
+     */
+    id: {
+        type: StringConstructor;
+    };
+    /**
+     * Sets the text value for the select label.
+     * Required for accessibility compliance. Use ‘hideLabel’ to
+     * visually hide the label but keep it available to screenreaders.
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Visually hides the label element, but leaves it available to screen readers for accessibility compliance.
+     */
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Adds an option that is disabled and selected by default to serve as a `placeholder` for the select.
+     */
+    prompt: StringConstructor;
+    /**
+     * Build options programmatically with data.
+     * Provide an array of objects [{ text: String, value: String}] for greater control
+     * or provide an array of strings ['String'] for simpler setup (value and text will be the same).
+     */
+    options: {
+        type: PropType<SelectOption[] | string[]>;
+    };
+    /**
+     * Sets the background color the radio button is rendered on
+     * @values primary, secondary
+     */
+    background: {
+        type: StringConstructor[];
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the component's size; values can target responsive breakpoints. Example `large@lg`
+     * @demoSelectMultiple true
+     * @values large
+     */
+    size: StringConstructor;
+    /** Sets the select to an error state, displays the `error` slot if one is present. */
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    /**
+     * Sets the `role` attribute for the embedded error state messaging.
+     */
+    errorRole: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @ignore */
+    modelValue: {
+        type: (SymbolConstructor | ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor | ArrayConstructor | FunctionConstructor)[];
+    };
+    /** Disables the input and sets appropriate styling */
+    disabled: BooleanConstructor;
+    /** Sets aria-required on the input field and displays an asterisk next to the select label */
+    required: BooleanConstructor;
+    /** Displays '(optional)' text next to the select label. */
+    optional: BooleanConstructor;
+    /** Turns CdrSelect into a multi-select element. */
+    multiple: BooleanConstructor;
+    /** Sets the height of the CdrSelect when using the multiple option.
+     * This number corresponds to the number of select options that will be visible without scrolling.
+     */
+    multipleSize: NumberConstructor;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * Custom ID that is mapped to the label ‘for’ attribute. If this value is not set, it will be auto-generated.
+     */
+    id: {
+        type: StringConstructor;
+    };
+    /**
+     * Sets the text value for the select label.
+     * Required for accessibility compliance. Use ‘hideLabel’ to
+     * visually hide the label but keep it available to screenreaders.
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Visually hides the label element, but leaves it available to screen readers for accessibility compliance.
+     */
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Adds an option that is disabled and selected by default to serve as a `placeholder` for the select.
+     */
+    prompt: StringConstructor;
+    /**
+     * Build options programmatically with data.
+     * Provide an array of objects [{ text: String, value: String}] for greater control
+     * or provide an array of strings ['String'] for simpler setup (value and text will be the same).
+     */
+    options: {
+        type: PropType<SelectOption[] | string[]>;
+    };
+    /**
+     * Sets the background color the radio button is rendered on
+     * @values primary, secondary
+     */
+    background: {
+        type: StringConstructor[];
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the component's size; values can target responsive breakpoints. Example `large@lg`
+     * @demoSelectMultiple true
+     * @values large
+     */
+    size: StringConstructor;
+    /** Sets the select to an error state, displays the `error` slot if one is present. */
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    /**
+     * Sets the `role` attribute for the embedded error state messaging.
+     */
+    errorRole: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @ignore */
+    modelValue: {
+        type: (SymbolConstructor | ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor | ArrayConstructor | FunctionConstructor)[];
+    };
+    /** Disables the input and sets appropriate styling */
+    disabled: BooleanConstructor;
+    /** Sets aria-required on the input field and displays an asterisk next to the select label */
+    required: BooleanConstructor;
+    /** Displays '(optional)' text next to the select label. */
+    optional: BooleanConstructor;
+    /** Turns CdrSelect into a multi-select element. */
+    multiple: BooleanConstructor;
+    /** Sets the height of the CdrSelect when using the multiple option.
+     * This number corresponds to the number of select options that will be visible without scrolling.
+     */
+    multipleSize: NumberConstructor;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    error: string | boolean;
+    required: boolean;
+    background: string;
+    disabled: boolean;
+    hideLabel: boolean;
+    optional: boolean;
+    errorRole: string;
+    multiple: boolean;
+}, {}, {}, {}, 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/select/CdrSelect.vue.mjs

@@ -1,9 +1,6 @@
-import s from "./CdrSelect.vue2.mjs";
-import o from "./styles/CdrSelect.module.scss.mjs";
-import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const e = {
-  $style: o
-}, f = /* @__PURE__ */ t(s, [["__cssModules", e]]);
-export {
-  f as default
-};
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrSelect.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrSelect.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/select/CdrSelect.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,173 @@
+import e from "../../utils/mapClasses.mjs";
+import t from "../icon/comps/caret-down.vue.mjs";
+import n from "../../utils/uid.mjs";
+import r from "../formError/CdrFormError.vue.mjs";
+import i from "../labelStandalone/CdrLabelStandalone.vue.mjs";
+import a from "../../props/background.mjs";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as f, createVNode as p, defineComponent as m, mergeProps as h, normalizeClass as g, openBlock as _, renderList as v, renderSlot as y, toDisplayString as b, unref as x, useAttrs as S, useCssModule as C, useSlots as w, vModelSelect as T, withCtx as E, withDirectives as D } from "vue";
+//#region src/components/select/CdrSelect.vue?vue&type=script&setup=true&lang.ts
+var O = [
+	"id",
+	"multiple",
+	"size",
+	"disabled",
+	"aria-required",
+	"aria-invalid",
+	"aria-errormessage",
+	"aria-describedby"
+], k = ["value"], A = "cdr-select", j = /* @__PURE__ */ m({
+	name: "CdrSelect",
+	inheritAttrs: !1,
+	customOptions: {},
+	__name: "CdrSelect",
+	props: {
+		id: { type: String },
+		label: {
+			type: String,
+			required: !0
+		},
+		hideLabel: {
+			type: Boolean,
+			default: !1
+		},
+		prompt: String,
+		options: { type: Array },
+		background: a,
+		size: String,
+		error: {
+			type: [Boolean, String],
+			default: !1
+		},
+		errorRole: {
+			type: String,
+			default: "status"
+		},
+		modelValue: { type: [
+			String,
+			Number,
+			Boolean,
+			Object,
+			Array,
+			Symbol,
+			Function
+		] },
+		disabled: Boolean,
+		required: Boolean,
+		optional: Boolean,
+		multiple: Boolean,
+		multipleSize: Number
+	},
+	emits: { "update:modelValue": null },
+	setup(a, { emit: m }) {
+		let j = a, M = m, N = C(), P = w(), F = S(), I = s(() => !!P["helper-text"]), L = s(() => !!P.info), R = s(() => !!P["info-action"]), z = s(() => !!P["pre-icon"]), B = j.id ? j.id : n(), V = s(() => j.multiple ? "cdr-select--multiple" : ""), H = s(() => j.modelValue ? "" : "cdr-select__prompt"), U = s(() => z.value ? "cdr-select--preicon" : ""), W = s(() => j.error ? "cdr-select--error" : ""), G = s(() => `cdr-select--${j.background}`), K = s(() => j.size ? `${A}--${j.size}` : ""), q = s(() => j.disabled ? "cdr-select__caret--disabled" : ""), J = s(() => {
+			let e = [P["helper-text"] ? `${B}-helper-text-top` : "", F["aria-describedby"]].filter((e) => e).join(" ");
+			return j.error ? `${B}-error` : e;
+		}), Y = s(() => {
+			let e = [];
+			return j.options && j.options.forEach((t) => {
+				let n = {
+					text: "",
+					value: ""
+				}, r = "", i = "";
+				if (typeof t == "string") r = t, i = t;
+				else {
+					let { text: e, value: n } = t;
+					r = e, i = n;
+				}
+				n.text = r, n.value = i, e.push(n);
+			}), e;
+		}), X = s({
+			get() {
+				return j.modelValue;
+			},
+			set(e) {
+				M("update:modelValue", e);
+			}
+		});
+		return (n, s) => (_(), c(i, {
+			"for-id": x(B),
+			label: a.label,
+			"hide-label": a.hideLabel,
+			required: a.required,
+			optional: a.optional,
+			disabled: a.disabled
+		}, f({
+			default: E(() => [d("div", { class: g(x(N)["cdr-select-wrap"]) }, [
+				z.value ? (_(), u("span", {
+					key: 0,
+					class: g(x(N)["cdr-select__pre-icon"])
+				}, [y(n.$slots, "pre-icon")], 2)) : l("", !0),
+				D(d("select", h({
+					id: x(B),
+					class: x(e)(x(N), A, K.value, H.value, V.value, G.value, W.value, U.value),
+					multiple: a.multiple,
+					size: a.multipleSize,
+					disabled: a.disabled,
+					"aria-required": a.required || void 0,
+					"aria-invalid": !!a.error || void 0,
+					"aria-errormessage": !!a.error && `${x(B)}-error` || void 0
+				}, n.$attrs, {
+					"aria-describedby": J.value || void 0,
+					"onUpdate:modelValue": s[0] ||= (e) => X.value = e
+				}), [
+					a.prompt ? (_(), u("option", {
+						key: 0,
+						class: g(x(N)["cdr-select__prompt"]),
+						value: "",
+						disabled: ""
+					}, b(a.prompt), 3)) : l("", !0),
+					(_(!0), u(o, null, v(Y.value, (e) => (_(), u("option", {
+						key: e.text,
+						value: e.value
+					}, b(e.text), 9, k))), 128)),
+					y(n.$slots, "default")
+				], 16, O), [[T, X.value]]),
+				p(t, { class: g(x(e)(x(N), "cdr-select__caret", q.value)) }, null, 8, ["class"])
+			], 2)]),
+			_: 2
+		}, [
+			I.value ? {
+				name: "helper",
+				fn: E(() => [y(n.$slots, "helper-text")]),
+				key: "0"
+			} : void 0,
+			L.value ? {
+				name: "info",
+				fn: E(() => [y(n.$slots, "info")]),
+				key: "1"
+			} : void 0,
+			R.value ? {
+				name: "info-action",
+				fn: E(() => [y(n.$slots, "info-action")]),
+				key: "2"
+			} : void 0,
+			a.error ? {
+				name: "error",
+				fn: E(() => [a.error ? (_(), c(r, {
+					key: 0,
+					error: a.error,
+					role: a.errorRole,
+					id: `${x(B)}-error`,
+					"aria-live": "polite"
+				}, {
+					error: E(() => [y(n.$slots, "error")]),
+					_: 3
+				}, 8, [
+					"error",
+					"role",
+					"id"
+				])) : l("", !0)]),
+				key: "3"
+			} : void 0
+		]), 1032, [
+			"for-id",
+			"label",
+			"hide-label",
+			"required",
+			"optional",
+			"disabled"
+		]));
+	}
+});
+//#endregion
+export { j as default };

package/dist/components/select/styles/CdrSelect.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,48 @@
+//#region src/components/select/styles/CdrSelect.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = {
+	"cdr-icon": "cdr-icon_17-0-0-alpha-0",
+	"cdr-icon--small": "cdr-icon--small_17-0-0-alpha-0",
+	"cdr-icon--large": "cdr-icon--large_17-0-0-alpha-0",
+	"cdr-icon--small@xs": "cdr-icon--small@xs_17-0-0-alpha-0",
+	"cdr-icon--large@xs": "cdr-icon--large@xs_17-0-0-alpha-0",
+	"cdr-icon--small@sm": "cdr-icon--small@sm_17-0-0-alpha-0",
+	"cdr-icon--large@sm": "cdr-icon--large@sm_17-0-0-alpha-0",
+	"cdr-icon--small@md": "cdr-icon--small@md_17-0-0-alpha-0",
+	"cdr-icon--large@md": "cdr-icon--large@md_17-0-0-alpha-0",
+	"cdr-icon--small@lg": "cdr-icon--small@lg_17-0-0-alpha-0",
+	"cdr-icon--large@lg": "cdr-icon--large@lg_17-0-0-alpha-0",
+	"cdr-icon--inherit-color": "cdr-icon--inherit-color_17-0-0-alpha-0",
+	"cdr-label-standalone": "cdr-label-standalone_17-0-0-alpha-0",
+	"cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_17-0-0-alpha-0",
+	"cdr-label-standalone__label": "cdr-label-standalone__label_17-0-0-alpha-0",
+	"cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_17-0-0-alpha-0",
+	"cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_17-0-0-alpha-0",
+	"cdr-label-standalone__optional": "cdr-label-standalone__optional_17-0-0-alpha-0",
+	"cdr-label-standalone__helper": "cdr-label-standalone__helper_17-0-0-alpha-0",
+	"cdr-label-standalone__info": "cdr-label-standalone__info_17-0-0-alpha-0",
+	"cdr-label-standalone__post-content": "cdr-label-standalone__post-content_17-0-0-alpha-0",
+	"cdr-label-standalone__info-action": "cdr-label-standalone__info-action_17-0-0-alpha-0",
+	"cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_17-0-0-alpha-0",
+	"cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_17-0-0-alpha-0",
+	"cdr-form-error": "cdr-form-error_17-0-0-alpha-0",
+	"cdr-form-error__icon": "cdr-form-error__icon_17-0-0-alpha-0",
+	"cdr-form-error--active": "cdr-form-error--active_17-0-0-alpha-0",
+	"cdr-select": "cdr-select_17-0-0-alpha-0",
+	"cdr-select--primary": "cdr-select--primary_17-0-0-alpha-0",
+	"cdr-select--secondary": "cdr-select--secondary_17-0-0-alpha-0",
+	"cdr-select--error": "cdr-select--error_17-0-0-alpha-0",
+	"cdr-select--preicon": "cdr-select--preicon_17-0-0-alpha-0",
+	"cdr-select__prompt": "cdr-select__prompt_17-0-0-alpha-0",
+	"cdr-select__caret": "cdr-select__caret_17-0-0-alpha-0",
+	"cdr-select__caret--disabled": "cdr-select__caret--disabled_17-0-0-alpha-0",
+	"cdr-select__pre-icon": "cdr-select__pre-icon_17-0-0-alpha-0",
+	"cdr-select--multiple": "cdr-select--multiple_17-0-0-alpha-0",
+	"cdr-select--large@xs": "cdr-select--large@xs_17-0-0-alpha-0",
+	"cdr-select--large": "cdr-select--large_17-0-0-alpha-0",
+	"cdr-select--large@sm": "cdr-select--large@sm_17-0-0-alpha-0",
+	"cdr-select--large@md": "cdr-select--large@md_17-0-0-alpha-0",
+	"cdr-select--large@lg": "cdr-select--large@lg_17-0-0-alpha-0",
+	"cdr-select-wrap": "cdr-select-wrap_17-0-0-alpha-0"
+};
+//#endregion
+export { e as default };

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

@@ -0,0 +1,46 @@
+import { PrimarySecondary } from '../../types/componentOptions';
+/**
+ * Option data structure for select/dropdown components
+ */
+export interface SelectOption {
+    /** The displayed label text for the option */
+    text: string;
+    /** The underlying value for the option */
+    value: string;
+}
+/**
+ * CdrSelect component properties
+ * Allows the selection of one or more options from a dropdown list
+ */
+export type CdrSelectProps = {
+    /** Custom ID that is mapped to the label 'for' attribute. If this value is not set, it will be auto-generated */
+    id?: string;
+    /** Sets the text value for the select label. Required for accessibility compliance */
+    label: string;
+    /** Visually hides the label element, but leaves it available to screen readers for accessibility compliance */
+    hideLabel?: boolean;
+    /** Adds an option that is disabled and selected by default to serve as a placeholder for the select */
+    prompt?: string;
+    /** Build options programmatically with data. Provide an array of objects or an array of strings */
+    options?: SelectOption[] | string[];
+    /** Sets the background color the select is rendered on */
+    background?: PrimarySecondary;
+    /** Sets the component's size; values can target responsive breakpoints */
+    size?: string;
+    /** Sets the select to an error state, displays the error slot if one is present */
+    error?: boolean | string;
+    /** Sets the role attribute for the embedded error state messaging */
+    errorRole?: string;
+    /** v-model binding */
+    modelValue?: string | number | boolean | object | unknown[] | symbol | ((...args: any[]) => any);
+    /** Disables the input and sets appropriate styling */
+    disabled?: boolean;
+    /** Sets aria-required on the input field and displays an asterisk next to the select label */
+    required?: boolean;
+    /** Displays '(optional)' text next to the select label */
+    optional?: boolean;
+    /** Turns CdrSelect into a multi-select element */
+    multiple?: boolean;
+    /** Sets the height of the CdrSelect when using the multiple option */
+    multipleSize?: number;
+};

package/dist/components/skeleton/CdrSkeleton.vue.d.ts

@@ -0,0 +1,24 @@
+import { CdrSkeletonProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** CdrSkeleton content (CdrSkeletonBone components) */
+        default(props: Record<string, never>): any;
+    }> & {
+        /** CdrSkeleton content (CdrSkeletonBone components) */
+        default(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CdrSkeletonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CdrSkeletonProps> & Readonly<{}>, {
+    motion: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+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/skeleton/CdrSkeleton.vue.mjs

@@ -1,9 +1,6 @@
-import o from "./CdrSkeleton.vue2.mjs";
-import s from "./styles/CdrSkeleton.module.scss.mjs";
-import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const e = {
-  $style: s
-}, f = /* @__PURE__ */ t(o, [["__cssModules", e]]);
-export {
-  f as default
-};
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrSkeleton.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrSkeleton.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/skeleton/CdrSkeleton.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,21 @@
+import { motionKey as e } from "../../types/symbols.mjs";
+import { createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, provide as a, renderSlot as o, toRef as s, unref as c, useCssModule as l } from "vue";
+//#region src/components/skeleton/CdrSkeleton.vue?vue&type=script&setup=true&lang.ts
+var u = "cdr-skeleton", d = /* @__PURE__ */ n({
+	name: "CdrSkeleton",
+	__name: "CdrSkeleton",
+	props: { motion: {
+		type: Boolean,
+		default: !0
+	} },
+	setup(n) {
+		let d = n, f = l();
+		return a(e, s(d, "motion")), (e, n) => (i(), t("div", {
+			class: r(c(f)[u]),
+			"aria-live": "polite",
+			"aria-busy": "true"
+		}, [o(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { d as default };

package/dist/components/skeleton/CdrSkeletonBone.vue.d.ts

@@ -0,0 +1,5 @@
+import { CdrSkeletonBoneProps } from './types';
+declare const _default: import('vue').DefineComponent<CdrSkeletonBoneProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CdrSkeletonBoneProps> & Readonly<{}>, {
+    type: "default" | "heading" | "line" | "rectangle" | "square";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/skeleton/CdrSkeletonBone.vue.mjs

@@ -1,9 +1,6 @@
-import o from "./CdrSkeletonBone.vue2.mjs";
-import s from "./styles/CdrSkeletonBone.module.scss.mjs";
-import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const e = {
-  $style: s
-}, f = /* @__PURE__ */ t(o, [["__cssModules", e]]);
-export {
-  f as default
-};
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrSkeletonBone.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrSkeletonBone.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/skeleton/CdrSkeletonBone.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,15 @@
+import e from "../../utils/mapClasses.mjs";
+import { motionKey as t } from "../../types/symbols.mjs";
+import { computed as n, createElementBlock as r, defineComponent as i, inject as a, normalizeClass as o, openBlock as s, ref as c, unref as l, useCssModule as u } from "vue";
+//#region src/components/skeleton/CdrSkeletonBone.vue?vue&type=script&setup=true&lang.ts
+var d = "cdr-skeleton-bone", f = /* @__PURE__ */ i({
+	name: "CdrSkeletonBone",
+	__name: "CdrSkeletonBone",
+	props: { type: { default: "default" } },
+	setup(i) {
+		let f = i, p = u(), m = n(() => `${d}--${f.type}`), h = a(t, c(!0)), g = n(() => h.value ? `${d}__shimmer` : "");
+		return (t, n) => (s(), r("div", { class: o(l(e)(l(p), d, m.value, g.value)) }, null, 2));
+	}
+});
+//#endregion
+export { f as default };

package/dist/components/skeleton/styles/CdrSkeleton.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

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

package/dist/components/skeleton/styles/CdrSkeletonBone.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,12 @@
+//#region src/components/skeleton/styles/CdrSkeletonBone.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = "shimmer_17-0-0-alpha-0", t = {
+	"cdr-skeleton-bone": "cdr-skeleton-bone_17-0-0-alpha-0",
+	"cdr-skeleton-bone__shimmer": "cdr-skeleton-bone__shimmer_17-0-0-alpha-0",
+	shimmer: e,
+	"cdr-skeleton-bone--line": "cdr-skeleton-bone--line_17-0-0-alpha-0",
+	"cdr-skeleton-bone--heading": "cdr-skeleton-bone--heading_17-0-0-alpha-0",
+	"cdr-skeleton-bone--rectangle": "cdr-skeleton-bone--rectangle_17-0-0-alpha-0",
+	"cdr-skeleton-bone--square": "cdr-skeleton-bone--square_17-0-0-alpha-0"
+};
+//#endregion
+export { t as default };

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

@@ -0,0 +1,16 @@
+/**
+ * CdrSkeleton component properties
+ * Visually communicates content is in the process of loading
+ */
+export type CdrSkeletonProps = {
+    /** Toggle animation on/off. Automatically disabled if prefers-reduced-motion is set by user */
+    motion?: boolean;
+};
+/**
+ * CdrSkeletonBone component properties
+ * Individual skeleton placeholder element
+ */
+export type CdrSkeletonBoneProps = {
+    /** Sets the type of content placeholder */
+    type?: 'default' | 'heading' | 'line' | 'rectangle' | 'square';
+};

package/dist/components/splitSurface/CdrSplitSurface.vue.d.ts

@@ -0,0 +1,29 @@
+import { CdrSplitSurfaceProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** top slot */
+        top(props: Record<string, never>): any;
+        /** bottom slot */
+        bottom(props: Record<string, never>): any;
+    }> & {
+        /** top slot */
+        top(props: Record<string, never>): any;
+        /** bottom slot */
+        bottom(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CdrSplitSurfaceProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CdrSplitSurfaceProps> & Readonly<{}>, {
+    tag: string;
+    surface: "top" | "bottom";
+}, {}, {}, {}, 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;
+    };
+};