@rei/cedar 16.3.0 → 17.0.0-alpha.0

package/dist/components/input/CdrInput.vue.d.ts

@@ -0,0 +1,242 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** Helper text above the input field */
+        'helper-text-top'(props: Record<string, never>): any;
+        /** Link or icon to the right above the input field. */
+        info(props: Record<string, never>): any;
+        /** Icon preceding text within the input field */
+        'pre-icon'(props: Record<string, never>): any;
+        /** Icon after text within the input field */
+        'post-icon'(props: Record<string, never>): any;
+        'info-action'(props: Record<string, never>): any;
+        /** Helper text below the input field */
+        'helper-text-bottom'(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 input field */
+        'helper-text-top'(props: Record<string, never>): any;
+        /** Link or icon to the right above the input field. */
+        info(props: Record<string, never>): any;
+        /** Icon preceding text within the input field */
+        'pre-icon'(props: Record<string, never>): any;
+        /** Icon after text within the input field */
+        'post-icon'(props: Record<string, never>): any;
+        'info-action'(props: Record<string, never>): any;
+        /** Helper text below the input field */
+        'helper-text-bottom'(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 randomly generated.
+     */
+    id: {
+        type: StringConstructor;
+    };
+    /**
+     *  'type' attribute for the input as defined by w3c.
+     *  Only supporting text|email|number|password|search|url|date|datetime-local.
+     *  The increment/decrement webkit psuedo element is hidden for number.
+     *  @demoSelectMultiple false
+     *  @values text, email, number, password, search, url, tel, date, datetime-local
+     */
+    type: {
+        type: StringConstructor[];
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the text value for the input label. Required for a11y compliance. Use ‘hideLabel’ if the label display is not desired. Required.
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Sets default attributes for an input that should launch a numeric keyboard but is not strictly a 'number' (credit card, security code, postal code, etc.). Should be used in conjunction with the default text type input. An `input` listener can be used to fully restrict input values to numerical characters only
+     */
+    numeric: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Removes the label element but sets the input `aria-label` to `label` text for a11y.
+     */
+    hideLabel: BooleanConstructor;
+    /**
+     * Number of rows for input. Converts component to text-area if rows greater than 1.
+     */
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Sets the background color the input is rendered on
+     * @values primary, secondary
+     */
+    background: {
+        type: StringConstructor[];
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the input field size
+     * @demoSelectMultiple true
+     * @values large
+     */
+    size: StringConstructor;
+    /**
+     * Sets the `role` attribute for the embedded error state messaging.
+     */
+    errorRole: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    /** Sets the input to an error state, displays the `error` slot if one is present. */
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    /**
+     * Sets the disabled state for the input field and label styling. Also, restricts user input.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * Sets aria-required on the input field and displays an asterisk next to the input label.
+     */
+    required: BooleanConstructor;
+    /**
+     * Displays '(optional)' text next to the input label.
+     */
+    optional: BooleanConstructor;
+    /** @ignore */
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /** Adds a custom class to the cdr-label-standalone container div */
+    inputContainerClass: StringConstructor;
+    /** Passes a custom class to the label for custom styles */
+    labelClass: StringConstructor;
+}>, {}, {}, {}, {}, 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 randomly generated.
+     */
+    id: {
+        type: StringConstructor;
+    };
+    /**
+     *  'type' attribute for the input as defined by w3c.
+     *  Only supporting text|email|number|password|search|url|date|datetime-local.
+     *  The increment/decrement webkit psuedo element is hidden for number.
+     *  @demoSelectMultiple false
+     *  @values text, email, number, password, search, url, tel, date, datetime-local
+     */
+    type: {
+        type: StringConstructor[];
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the text value for the input label. Required for a11y compliance. Use ‘hideLabel’ if the label display is not desired. Required.
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Sets default attributes for an input that should launch a numeric keyboard but is not strictly a 'number' (credit card, security code, postal code, etc.). Should be used in conjunction with the default text type input. An `input` listener can be used to fully restrict input values to numerical characters only
+     */
+    numeric: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Removes the label element but sets the input `aria-label` to `label` text for a11y.
+     */
+    hideLabel: BooleanConstructor;
+    /**
+     * Number of rows for input. Converts component to text-area if rows greater than 1.
+     */
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Sets the background color the input is rendered on
+     * @values primary, secondary
+     */
+    background: {
+        type: StringConstructor[];
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the input field size
+     * @demoSelectMultiple true
+     * @values large
+     */
+    size: StringConstructor;
+    /**
+     * Sets the `role` attribute for the embedded error state messaging.
+     */
+    errorRole: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    /** Sets the input to an error state, displays the `error` slot if one is present. */
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    /**
+     * Sets the disabled state for the input field and label styling. Also, restricts user input.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * Sets aria-required on the input field and displays an asterisk next to the input label.
+     */
+    required: BooleanConstructor;
+    /**
+     * Displays '(optional)' text next to the input label.
+     */
+    optional: BooleanConstructor;
+    /** @ignore */
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /** Adds a custom class to the cdr-label-standalone container div */
+    inputContainerClass: StringConstructor;
+    /** Passes a custom class to the label for custom styles */
+    labelClass: StringConstructor;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    error: string | boolean;
+    rows: number;
+    type: string;
+    required: boolean;
+    background: string;
+    disabled: boolean;
+    hideLabel: boolean;
+    optional: boolean;
+    numeric: boolean;
+    errorRole: string;
+}, {}, {}, {}, 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/input/CdrInput.vue.mjs

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

@@ -0,0 +1,201 @@
+import e from "../../utils/mapClasses.mjs";
+import t from "../../utils/propValidator.mjs";
+import n from "../../utils/uid.mjs";
+import ee from "../formError/CdrFormError.vue.mjs";
+import r from "../labelStandalone/CdrLabelStandalone.vue.mjs";
+import i from "../../props/background.mjs";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createVNode as d, defineComponent as f, mergeProps as p, normalizeClass as m, openBlock as h, ref as g, renderSlot as _, unref as v, useAttrs as y, useCssModule as b, useSlots as x, vModelDynamic as S, vModelText as C, withCtx as w, withDirectives as T } from "vue";
+//#region src/components/input/CdrInput.vue?vue&type=script&setup=true&lang.ts
+var E = [
+	"rows",
+	"id",
+	"disabled",
+	"aria-required",
+	"aria-invalid",
+	"aria-errormessage",
+	"aria-describedby"
+], D = [
+	"type",
+	"disabled",
+	"aria-required",
+	"aria-invalid",
+	"aria-errormessage",
+	"aria-describedby"
+], O = ["id"], k = "cdr-input", A = /* @__PURE__ */ f({
+	name: "CdrInput",
+	inheritAttrs: !1,
+	customOptions: {},
+	__name: "CdrInput",
+	props: {
+		id: { type: String },
+		type: {
+			type: [String],
+			default: "text",
+			validator: (e) => t(e, [
+				"text",
+				"email",
+				"number",
+				"password",
+				"search",
+				"url",
+				"tel",
+				"date",
+				"datetime-local"
+			])
+		},
+		label: {
+			type: String,
+			required: !0
+		},
+		numeric: {
+			type: Boolean,
+			default: !1
+		},
+		hideLabel: Boolean,
+		rows: {
+			type: Number,
+			default: 1
+		},
+		background: i,
+		size: String,
+		errorRole: {
+			type: String,
+			required: !1,
+			default: "status"
+		},
+		error: {
+			type: [Boolean, String],
+			default: !1
+		},
+		disabled: Boolean,
+		required: Boolean,
+		optional: Boolean,
+		modelValue: { type: [String, Number] },
+		inputContainerClass: String,
+		labelClass: String
+	},
+	emits: { "update:modelValue": null },
+	setup(t, { emit: i }) {
+		let f = t, A = i, j = x(), M = y(), N = b(), P = g(!1), F = a(() => !!j["helper-text-top"]), I = a(() => !!j["helper-text-bottom"]), L = a(() => !!j["pre-icon"]), R = a(() => !!j["post-icon"]), z = a(() => j["post-icon"] ? j["post-icon"]({}).length > 1 : !1), B = a(() => !!j.info), V = a(() => !!j["info-action"]), H = f.id ? f.id : n(), U = a(() => f.rows > 1 ? "cdr-input--multiline" : ""), W = a(() => L.value ? "cdr-input--preicon" : ""), G = a(() => R.value ? "cdr-input--posticon" : ""), K = a(() => z.value ? "cdr-input--posticons" : ""), q = a(() => f.error ? "cdr-input--error" : ""), J = a(() => `cdr-input--${f.background}`), Y = a(() => f.size ? `${k}--${f.size}` : ""), X = a(() => P.value ? "cdr-input--focus" : ""), Z = a(() => {
+			let e = [
+				j["helper-text-top"] ? `${H}-helper-text-top` : "",
+				j["helper-text-bottom"] ? `${H}-helper-text-bottom` : "",
+				M["aria-describedby"]
+			].filter((e) => e).join(" ");
+			return f.error ? `${H}-error` : e;
+		}), Q = a(() => {
+			let e = f.numeric || f.type === "number";
+			return {
+				id: H,
+				autocomplete: "off",
+				pattern: e ? "[0-9]*" : void 0,
+				inputmode: e ? "numeric" : void 0,
+				...M
+			};
+		}), $ = a({
+			get() {
+				return f.modelValue;
+			},
+			set(e) {
+				A("update:modelValue", e);
+			}
+		});
+		return (n, i) => (h(), o(r, {
+			"for-id": v(H),
+			label: t.label,
+			"hide-label": t.hideLabel,
+			required: t.required,
+			optional: t.optional,
+			disabled: t.disabled,
+			class: m(t.inputContainerClass),
+			"label-class": t.labelClass
+		}, u({
+			error: w(() => [d(ee, {
+				error: t.error,
+				id: `${v(H)}-error`,
+				role: t.errorRole
+			}, {
+				error: w(() => [_(n.$slots, "error")]),
+				_: 3
+			}, 8, [
+				"error",
+				"id",
+				"role"
+			])]),
+			default: w(() => [l("div", { class: m(v(e)(v(N), "cdr-input-wrap", X.value)) }, [
+				t.rows && t.rows > 1 ? T((h(), c("textarea", p({
+					key: 0,
+					rows: t.rows,
+					class: v(e)(v(N), k, U.value, W.value, G.value, K.value, q.value, J.value, Y.value),
+					id: v(H),
+					disabled: t.disabled,
+					"aria-required": t.required || void 0,
+					"aria-invalid": !!t.error || void 0,
+					"aria-errormessage": !!t.error && `${v(H)}-error` || void 0,
+					"aria-describedby": Z.value || void 0
+				}, n.$attrs, {
+					onFocus: i[0] ||= (e) => P.value = !0,
+					onBlur: i[1] ||= (e) => P.value = !1,
+					"onUpdate:modelValue": i[2] ||= (e) => $.value = e
+				}), null, 16, E)), [[C, $.value]]) : T((h(), c("input", p({
+					key: 1,
+					type: t.type,
+					class: v(e)(v(N), k, W.value, G.value, K.value, q.value, J.value, Y.value),
+					disabled: t.disabled,
+					"aria-required": t.required || void 0,
+					"aria-invalid": !!t.error || void 0,
+					"aria-errormessage": !!t.error && `${v(H)}-error` || void 0
+				}, Q.value, {
+					"aria-describedby": Z.value || void 0,
+					onFocus: i[3] ||= (e) => P.value = !0,
+					onBlur: i[4] ||= (e) => P.value = !1,
+					"onUpdate:modelValue": i[5] ||= (e) => $.value = e
+				}), null, 16, D)), [[S, $.value]]),
+				L.value ? (h(), c("span", {
+					key: 2,
+					class: m(v(N)["cdr-input__pre-icon"])
+				}, [_(n.$slots, "pre-icon")], 2)) : s("", !0),
+				R.value ? (h(), c("span", {
+					key: 3,
+					class: m(v(N)["cdr-input__post-icon"])
+				}, [_(n.$slots, "post-icon")], 2)) : s("", !0)
+			], 2)]),
+			_: 2
+		}, [
+			F.value ? {
+				name: "helper",
+				fn: w(() => [_(n.$slots, "helper-text-top")]),
+				key: "0"
+			} : void 0,
+			B.value ? {
+				name: "info",
+				fn: w(() => [_(n.$slots, "info")]),
+				key: "1"
+			} : void 0,
+			V.value ? {
+				name: "info-action",
+				fn: w(() => [_(n.$slots, "info-action")]),
+				key: "2"
+			} : void 0,
+			I.value && !t.error ? {
+				name: "helper-text-bottom",
+				fn: w(() => [l("span", {
+					id: `${v(H)}-helper-text-bottom`,
+					class: m(v(N)["cdr-input__helper-text"])
+				}, [_(n.$slots, "helper-text-bottom")], 10, O)]),
+				key: "3"
+			} : void 0
+		]), 1032, [
+			"for-id",
+			"label",
+			"hide-label",
+			"required",
+			"optional",
+			"disabled",
+			"class",
+			"label-class"
+		]));
+	}
+});
+//#endregion
+export { A as default };

package/dist/components/input/styles/CdrInput.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,38 @@
+//#region src/components/input/styles/CdrInput.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = {
+	"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-input": "cdr-input_17-0-0-alpha-0",
+	"cdr-input--focus": "cdr-input--focus_17-0-0-alpha-0",
+	"cdr-input--multiline": "cdr-input--multiline_17-0-0-alpha-0",
+	"cdr-input--preicon": "cdr-input--preicon_17-0-0-alpha-0",
+	"cdr-input--posticon": "cdr-input--posticon_17-0-0-alpha-0",
+	"cdr-input--posticons": "cdr-input--posticons_17-0-0-alpha-0",
+	"cdr-input--primary": "cdr-input--primary_17-0-0-alpha-0",
+	"cdr-input--secondary": "cdr-input--secondary_17-0-0-alpha-0",
+	"cdr-input--error": "cdr-input--error_17-0-0-alpha-0",
+	"cdr-input--large": "cdr-input--large_17-0-0-alpha-0",
+	"cdr-input--large@xs": "cdr-input--large@xs_17-0-0-alpha-0",
+	"cdr-input--large@sm": "cdr-input--large@sm_17-0-0-alpha-0",
+	"cdr-input--large@md": "cdr-input--large@md_17-0-0-alpha-0",
+	"cdr-input--large@lg": "cdr-input--large@lg_17-0-0-alpha-0",
+	"cdr-input__pre-icon": "cdr-input__pre-icon_17-0-0-alpha-0",
+	"cdr-input__post-icon": "cdr-input__post-icon_17-0-0-alpha-0",
+	"cdr-input__helper-text": "cdr-input__helper-text_17-0-0-alpha-0",
+	"cdr-input-wrap": "cdr-input-wrap_17-0-0-alpha-0"
+};
+//#endregion
+export { e as default };

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

@@ -0,0 +1,38 @@
+import { InputType, PrimarySecondary } from '../../types/componentOptions';
+/**
+ * CdrInput component properties
+ */
+export type CdrInputProps = {
+    /** Custom ID that is mapped to the label 'for' attribute. If this value is not set, it will be randomly generated. */
+    id?: string;
+    /** 'type' attribute for the input as defined by w3c. Only supporting text|email|number|password|search|url|tel|date|datetime-local. */
+    type?: InputType;
+    /** Sets the text value for the input label. Required for a11y compliance. */
+    label: string;
+    /** Sets default attributes for an input that should launch a numeric keyboard */
+    numeric?: boolean;
+    /** Removes the label element but sets the input `aria-label` to `label` text for a11y. */
+    hideLabel?: boolean;
+    /** Number of rows for input. Converts component to text-area if rows greater than 1. */
+    rows?: number;
+    /** Sets the background color the input is rendered on */
+    background?: PrimarySecondary;
+    /** Sets the input field size */
+    size?: string;
+    /** Sets the `role` attribute for the embedded error state messaging. */
+    errorRole?: string;
+    /** Sets the input to an error state, displays the `error` slot if one is present. */
+    error?: boolean | string;
+    /** Sets the disabled state for the input field and label styling. */
+    disabled?: boolean;
+    /** Sets aria-required on the input field and displays an asterisk next to the input label. */
+    required?: boolean;
+    /** Displays '(optional)' text next to the input label. */
+    optional?: boolean;
+    /** The v-model value for the input */
+    modelValue?: string | number;
+    /** Adds a custom class to the cdr-label-standalone container div */
+    inputContainerClass?: string;
+    /** Passes a custom class to the label for custom styles */
+    labelClass?: string;
+};

package/dist/components/kicker/CdrKicker.vue.d.ts

@@ -0,0 +1,22 @@
+import { CdrKickerProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(props: Record<string, never>): any;
+    }> & {
+        default(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CdrKickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CdrKickerProps> & Readonly<{}>, {
+    tag: import('../../lib').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/kicker/CdrKicker.vue.mjs

@@ -1,9 +1,6 @@
-import s from "./CdrKicker.vue2.mjs";
-import o from "./styles/CdrKicker.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 "./CdrKicker.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrKicker.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/kicker/CdrKicker.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/kicker/CdrKicker.vue?vue&type=script&setup=true&lang.ts
+var l = "cdr-kicker", u = /* @__PURE__ */ t({
+	name: "CdrKicker",
+	__name: "CdrKicker",
+	props: { tag: { default: "span" } },
+	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/kicker/styles/CdrKicker.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

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

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

@@ -0,0 +1,9 @@
+import { Tag } from '../../types/componentOptions';
+/**
+ * CdrKicker component properties
+ * Text component for kicker/eyebrow content above headlines
+ */
+export type CdrKickerProps = {
+    /** Sets the HTML tag (p, span, h1, h2, etc) */
+    tag?: Tag;
+};

package/dist/components/labelStandalone/CdrLabelStandalone.vue.d.ts

@@ -0,0 +1,32 @@
+import { CdrLabelStandaloneProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        helper(props: Record<string, never>): any;
+        default(props: Record<string, never>): any;
+        'info-action'(props: Record<string, never>): any;
+        info(props: Record<string, never>): any;
+        'helper-text-bottom'(props: Record<string, never>): any;
+        error(props: Record<string, never>): any;
+    }> & {
+        helper(props: Record<string, never>): any;
+        default(props: Record<string, never>): any;
+        'info-action'(props: Record<string, never>): any;
+        info(props: Record<string, never>): any;
+        'helper-text-bottom'(props: Record<string, never>): any;
+        error(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CdrLabelStandaloneProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CdrLabelStandaloneProps> & Readonly<{}>, {
+    labelClass: string;
+}, {}, {}, {}, 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/labelStandalone/CdrLabelStandalone.vue.mjs

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