@rei/cedar 16.3.0 → 17.0.0-alpha.0

package/dist/components/fulfillmentTile/CdrFulfillmentTile.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,84 @@
+import { getSurfaceProps as e } from "../../utils/surface.mjs";
+import t from "../surfaceSelection/CdrSurfaceSelection.vue.mjs";
+import n from "../text/presets/CdrSubheadingSans.vue.mjs";
+import r from "../text/presets/CdrBody.vue.mjs";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, openBlock as p, renderSlot as m, unref as h, useCssModule as g, withCtx as _ } from "vue";
+//#region src/components/fulfillmentTile/CdrFulfillmentTile.vue?vue&type=script&setup=true&lang.ts
+var v = { key: 1 }, y = /* @__PURE__ */ u({
+	name: "CdrFulfillmentTile",
+	__name: "CdrFulfillmentTile",
+	props: {
+		checked: { type: Boolean },
+		disabled: { type: Boolean },
+		loading: { type: Boolean },
+		role: { default: "checkbox" },
+		layout: {},
+		background: {},
+		borderColor: { default: "primary" },
+		borderStyle: { default: "solid" },
+		borderWidth: { default: "sixteenth-x" },
+		borderRadius: { default: "soft" },
+		boxShadow: {},
+		tag: { default: "div" },
+		palette: {}
+	},
+	setup(u) {
+		let y = u, b = g(), x = i(() => ({
+			...e(y),
+			"aria-checked": y.checked,
+			"aria-disabled": y.disabled,
+			"data-loading": y.loading
+		}));
+		return (e, i) => (p(), a(t, d(x.value, {
+			class: h(b)["cdr-fulfillment-tile"],
+			tag: y.tag,
+			role: y.role
+		}), {
+			default: _(() => [c("div", { class: f(h(b)["cdr-fulfillment-tile__content"]) }, [e.$slots.header ? (p(), s("div", {
+				key: 0,
+				class: f(h(b)["cdr-fulfillment-tile__header"])
+			}, [
+				e.$slots["icon-left"] ? (p(), s("span", {
+					key: 0,
+					class: f(h(b)["cdr-fulfillment-tile-header__icon"])
+				}, [m(e.$slots, "icon-left")], 2)) : o("", !0),
+				e.$slots.header ? (p(), s("div", v, [l(n, {
+					strong: !0,
+					scale: "scale-minus-1",
+					tag: "span"
+				}, {
+					default: _(() => [m(e.$slots, "header")]),
+					_: 3
+				})])) : o("", !0),
+				e.$slots["icon-right"] ? (p(), s("span", {
+					key: 2,
+					class: f(h(b)["cdr-fulfillment-tile-header__icon"])
+				}, [m(e.$slots, "icon-right")], 2)) : o("", !0)
+			], 2)) : o("", !0), e.$slots.body || e.$slots.footer ? (p(), s("div", {
+				key: 1,
+				class: f(h(b)["cdr-fulfillment-tile__main"])
+			}, [e.$slots.body ? (p(), a(r, {
+				key: 0,
+				tag: "div",
+				scale: "scale-minus-2"
+			}, {
+				default: _(() => [m(e.$slots, "body")]),
+				_: 3
+			})) : o("", !0), e.$slots.footer ? (p(), a(r, {
+				key: 1,
+				tag: "div",
+				scale: "scale-minus-1"
+			}, {
+				default: _(() => [m(e.$slots, "footer")]),
+				_: 3
+			})) : o("", !0)], 2)) : o("", !0)], 2)]),
+			_: 3
+		}, 16, [
+			"class",
+			"tag",
+			"role"
+		]));
+	}
+});
+//#endregion
+export { y as default };

package/dist/components/fulfillmentTile/CdrFulfillmentTileIcon.vue.d.ts

@@ -0,0 +1,24 @@
+import { FulfillmentTileIcon } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** Where all default content should be placed. */
+        default(props: Record<string, never>): any;
+    }> & {
+        /** Where all default content should be placed. */
+        default(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<FulfillmentTileIcon, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FulfillmentTileIcon> & Readonly<{}>, {
+    type: import('../../lib').StatusType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+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/fulfillmentTile/CdrFulfillmentTileIcon.vue.mjs

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

@@ -0,0 +1,13 @@
+import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, unref as o, useCssModule as s } from "vue";
+//#region src/components/fulfillmentTile/CdrFulfillmentTileIcon.vue?vue&type=script&setup=true&lang.ts
+var c = "cdr-fulfillment-tile-icon", l = /* @__PURE__ */ n({
+	name: "CdrFulfillmentTileIcon",
+	__name: "CdrFulfillmentTileIcon",
+	props: { type: { default: "default" } },
+	setup(n) {
+		let l = n, u = s(), d = e(() => `${c}--${l.type}`);
+		return (e, n) => (i(), t("span", { class: r([o(u)[c], o(u)[d.value]]) }, [a(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/fulfillmentTile/styles/CdrFulfillmentTileIcon.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,11 @@
+//#region src/components/fulfillmentTile/styles/CdrFulfillmentTileIcon.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = {
+	"cdr-fulfillment-tile-icon": "cdr-fulfillment-tile-icon_17-0-0-alpha-0",
+	"cdr-fulfillment-tile-icon--default": "cdr-fulfillment-tile-icon--default_17-0-0-alpha-0",
+	"cdr-fulfillment-tile-icon--info": "cdr-fulfillment-tile-icon--info_17-0-0-alpha-0",
+	"cdr-fulfillment-tile-icon--warning": "cdr-fulfillment-tile-icon--warning_17-0-0-alpha-0",
+	"cdr-fulfillment-tile-icon--success": "cdr-fulfillment-tile-icon--success_17-0-0-alpha-0",
+	"cdr-fulfillment-tile-icon--error": "cdr-fulfillment-tile-icon--error_17-0-0-alpha-0"
+};
+//#endregion
+export { e as default };

package/dist/components/fulfillmentTile/styles/CdrFulfillmentTitle.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,11 @@
+//#region src/components/fulfillmentTile/styles/CdrFulfillmentTitle.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = {
+	"cdr-fulfillment-tile": "cdr-fulfillment-tile_17-0-0-alpha-0",
+	"cdr-fulfillment-tile__header": "cdr-fulfillment-tile__header_17-0-0-alpha-0",
+	"cdr-surface-selection__loading": "cdr-surface-selection__loading_17-0-0-alpha-0",
+	"cdr-surface-selection__layout": "cdr-surface-selection__layout_17-0-0-alpha-0",
+	"cdr-fulfillment-tile__content": "cdr-fulfillment-tile__content_17-0-0-alpha-0",
+	"cdr-fulfillment-tile__main": "cdr-fulfillment-tile__main_17-0-0-alpha-0"
+};
+//#endregion
+export { e as default };

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

@@ -0,0 +1,47 @@
+import { Component } from 'vue';
+import { TypeScale, StatusType } from '../../types/componentOptions';
+import { CdrSurfaceSelectionProps } from '../surfaceSelection/types';
+/**
+ * Content configuration for CdrFulfillmentTile component.
+ */
+export interface FulfillmentTileContent {
+    /**
+     * Sets the type scale for text sizing using Cedar values derived from cdr-tokens CdrTypeKey values.
+     * @type TypeScale
+     * @values scale-minus-2, scale-minus-1, scale-0, scale-1
+     */
+    scale?: Extract<TypeScale, 'scale-minus-2' | 'scale-minus-1' | 'scale-0' | 'scale-1'>;
+}
+/**
+ * Icon configuration for CdrFulfillmentTile component.
+ */
+export interface FulfillmentTileIcon {
+    /**
+     * The intent or type of message being displayed.
+     * @values info, warning, success, error, default
+     */
+    type?: StatusType;
+}
+/**
+ * Layout interface for fulfillment tile
+ */
+export interface FulfillmentTileLayout {
+    /** The component or HTML tag to render at the root level */
+    as?: Component | string;
+    [key: string]: any;
+}
+/**
+ * CdrFulfillmentTile component properties
+ * Selection variant of surface with interactive states for fulfillment options
+ */
+export type CdrFulfillmentTileProps = CdrSurfaceSelectionProps & {
+    /** Layout props that will be merged with selection defaults */
+    layout?: FulfillmentTileLayout;
+};
+/**
+ * CdrFulfillmentTileIcon component properties
+ */
+export type CdrFulfillmentTileIconProps = {
+    /** The intent or type of icon being displayed */
+    type?: StatusType;
+};

package/dist/components/grid/CdrGrid.vue.d.ts

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

@@ -1,9 +1,6 @@
-import s from "./CdrGrid.vue2.mjs";
-import o from "./styles/CdrGrid.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 "./CdrGrid.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrGrid.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/grid/CdrGrid.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,21 @@
+import e from "../../utils/mapClasses.mjs";
+import { responsiveModifyClass as t } from "../../utils/buildClass.mjs";
+import { computed as n, createBlock as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, resolveDynamicComponent as c, unref as l, useCssModule as u, withCtx as d } from "vue";
+//#region src/components/grid/CdrGrid.vue?vue&type=script&setup=true&lang.ts
+var f = "cdr-grid", p = /* @__PURE__ */ i({
+	name: "CdrGrid",
+	__name: "CdrGrid",
+	props: {
+		gutter: { default: "medium@xs medium@sm large@md large@lg" },
+		tag: { default: "div" }
+	},
+	setup(i) {
+		let p = i, m = u(), h = n(() => p.gutter ? t(f, "gutter-", p.gutter) : "");
+		return (t, n) => (o(), r(c(i.tag), { class: a(l(e)(l(m), f, h.value)) }, {
+			default: d(() => [s(t.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/grid/styles/CdrGrid.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,26 @@
+//#region src/components/grid/styles/CdrGrid.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = {
+	"cdr-grid": "cdr-grid_17-0-0-alpha-0",
+	"cdr-grid--gutter-none": "cdr-grid--gutter-none_17-0-0-alpha-0",
+	"cdr-grid--gutter-small": "cdr-grid--gutter-small_17-0-0-alpha-0",
+	"cdr-grid--gutter-medium": "cdr-grid--gutter-medium_17-0-0-alpha-0",
+	"cdr-grid--gutter-large": "cdr-grid--gutter-large_17-0-0-alpha-0",
+	"cdr-grid--gutter-none@xs": "cdr-grid--gutter-none@xs_17-0-0-alpha-0",
+	"cdr-grid--gutter-small@xs": "cdr-grid--gutter-small@xs_17-0-0-alpha-0",
+	"cdr-grid--gutter-medium@xs": "cdr-grid--gutter-medium@xs_17-0-0-alpha-0",
+	"cdr-grid--gutter-large@xs": "cdr-grid--gutter-large@xs_17-0-0-alpha-0",
+	"cdr-grid--gutter-none@sm": "cdr-grid--gutter-none@sm_17-0-0-alpha-0",
+	"cdr-grid--gutter-small@sm": "cdr-grid--gutter-small@sm_17-0-0-alpha-0",
+	"cdr-grid--gutter-medium@sm": "cdr-grid--gutter-medium@sm_17-0-0-alpha-0",
+	"cdr-grid--gutter-large@sm": "cdr-grid--gutter-large@sm_17-0-0-alpha-0",
+	"cdr-grid--gutter-none@md": "cdr-grid--gutter-none@md_17-0-0-alpha-0",
+	"cdr-grid--gutter-small@md": "cdr-grid--gutter-small@md_17-0-0-alpha-0",
+	"cdr-grid--gutter-medium@md": "cdr-grid--gutter-medium@md_17-0-0-alpha-0",
+	"cdr-grid--gutter-large@md": "cdr-grid--gutter-large@md_17-0-0-alpha-0",
+	"cdr-grid--gutter-none@lg": "cdr-grid--gutter-none@lg_17-0-0-alpha-0",
+	"cdr-grid--gutter-small@lg": "cdr-grid--gutter-small@lg_17-0-0-alpha-0",
+	"cdr-grid--gutter-medium@lg": "cdr-grid--gutter-medium@lg_17-0-0-alpha-0",
+	"cdr-grid--gutter-large@lg": "cdr-grid--gutter-large@lg_17-0-0-alpha-0"
+};
+//#endregion
+export { e as default };

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

@@ -0,0 +1,10 @@
+import { Tag } from '../../types/componentOptions';
+/**
+ * CdrGrid component properties
+ */
+export type CdrGridProps = {
+    /** Defines gutter size, accepts responsive values */
+    gutter?: string;
+    /** Sets the HTML tag for the grid element */
+    tag?: Tag;
+};

package/dist/components/icon/CdrIcon.vue.d.ts

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

@@ -1,9 +1,6 @@
-import o from "./CdrIcon.vue2.mjs";
-import s from "./styles/CdrIcon.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 "./CdrIcon.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrIcon.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/icon/CdrIcon.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,29 @@
+import e from "../../utils/mapClasses.mjs";
+import { responsiveModifyClass as t } from "../../utils/buildClass.mjs";
+import { computed as n, createCommentVNode as r, createElementBlock as i, defineComponent as a, mergeProps as o, normalizeProps as s, openBlock as c, renderSlot as l, unref as u, useAttrs as d, useCssModule as f } from "vue";
+//#region src/components/icon/CdrIcon.vue?vue&type=script&setup=true&lang.ts
+var p = "cdr-icon", m = /* @__PURE__ */ a({
+	name: "CdrIcon",
+	__name: "CdrIcon",
+	props: {
+		use: {},
+		inheritColor: {
+			type: Boolean,
+			default: !1
+		},
+		size: {}
+	},
+	setup(a) {
+		let m = a, h = f(), g = d(), _ = n(() => m.inheritColor ? `${p}--inherit-color` : ""), v = n(() => m.size ? t(p, "", m.size) : ""), y = n(() => ({
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 24 24",
+			"aria-hidden": !g["aria-label"] && !g["aria-labelledby"] ? "true" : void 0
+		})), b = n(() => ({
+			href: m.use,
+			"xlink:href": m.use
+		}));
+		return (t, n) => (c(), i("svg", o(y.value, { class: u(e)(u(h), p, v.value, _.value) }), [l(t.$slots, "default"), a.use ? (c(), i("use", s(o({ key: 0 }, b.value)), null, 16)) : r("", !0)], 16));
+	}
+});
+//#endregion
+export { m as default };

package/dist/components/icon/comps/account-profile-fill.vue.d.ts

@@ -0,0 +1,25 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: SVGSVGElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    props: {
+        type: ObjectConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    props: {
+        type: ObjectConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+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/icon/comps/account-profile-fill.vue.mjs

@@ -1,23 +1,5 @@
-import { defineComponent as r, createBlock as n, openBlock as l, normalizeProps as p, guardReactiveProps as a, withCtx as i, renderSlot as s, createElementVNode as c } from "vue";
-import f from "../CdrIcon.vue.mjs";
-const d = /* @__PURE__ */ r({
-  name: "AccountProfileFill",
-  __name: "account-profile-fill",
-  props: {
-    props: {
-      type: Object
-    }
-  },
-  setup(o) {
-    return (t, e) => (l(), n(f, p(a(o.props)), {
-      default: i(() => [s(t.$slots, "default"), e[0] || (e[0] = c("path", {
-        role: "presentation",
-        d: "M4 21a1 1 0 01-1-1h-.008a9.08 9.08 0 01.02-.159 9.08 9.08 0 015.454-7.127 5.5 5.5 0 117.068 0A9.08 9.08 0 0121.008 20H21a1 1 0 01-1 1H4z"
-      }, null, -1))]),
-      _: 3
-    }, 16));
-  }
-});
-export {
-  d as default
-};
+import e from "./account-profile-fill.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/icon/comps/account-profile-fill.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/icon/comps/account-profile-fill.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,19 @@
+import e from "../CdrIcon.vue.mjs";
+import { createBlock as t, createElementVNode as n, defineComponent as r, guardReactiveProps as i, normalizeProps as a, openBlock as o, renderSlot as s, withCtx as c } from "vue";
+//#region src/components/icon/comps/account-profile-fill.vue?vue&type=script&setup=true&lang.ts
+var l = /* @__PURE__ */ r({
+	name: "AccountProfileFill",
+	__name: "account-profile-fill",
+	props: { props: { type: Object } },
+	setup(r) {
+		return (l, u) => (o(), t(e, a(i(r.props)), {
+			default: c(() => [s(l.$slots, "default"), u[0] ||= n("path", {
+				role: "presentation",
+				d: "M4 21a1 1 0 01-1-1h-.008a9.08 9.08 0 01.02-.159 9.08 9.08 0 015.454-7.127 5.5 5.5 0 117.068 0A9.08 9.08 0 0121.008 20H21a1 1 0 01-1 1H4z"
+			}, null, -1)]),
+			_: 3
+		}, 16));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/icon/comps/account-profile.vue.d.ts

@@ -0,0 +1,25 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: SVGSVGElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    props: {
+        type: ObjectConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    props: {
+        type: ObjectConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+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/icon/comps/account-profile.vue.mjs

@@ -1,23 +1,5 @@
-import { defineComponent as r, createBlock as a, openBlock as n, normalizeProps as p, guardReactiveProps as l, withCtx as s, renderSlot as c, createElementVNode as m } from "vue";
-import i from "../CdrIcon.vue.mjs";
-const f = /* @__PURE__ */ r({
-  name: "AccountProfile",
-  __name: "account-profile",
-  props: {
-    props: {
-      type: Object
-    }
-  },
-  setup(o) {
-    return (t, e) => (n(), a(i, p(l(o.props)), {
-      default: s(() => [c(t.$slots, "default"), e[0] || (e[0] = m("path", {
-        role: "presentation",
-        d: "M12 12a3.5 3.5 0 100-7 3.5 3.5 0 000 7zm6.762 7a7.073 7.073 0 00-13.524 0h13.524zM4 21a1 1 0 01-1-1h-.008a9.08 9.08 0 01.02-.159 9.08 9.08 0 015.454-7.127 5.5 5.5 0 117.068 0A9.08 9.08 0 0121.008 20H21a1 1 0 01-1 1H4z"
-      }, null, -1))]),
-      _: 3
-    }, 16));
-  }
-});
-export {
-  f as default
-};
+import e from "./account-profile.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/icon/comps/account-profile.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/icon/comps/account-profile.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,19 @@
+import e from "../CdrIcon.vue.mjs";
+import { createBlock as t, createElementVNode as n, defineComponent as r, guardReactiveProps as i, normalizeProps as a, openBlock as o, renderSlot as s, withCtx as c } from "vue";
+//#region src/components/icon/comps/account-profile.vue?vue&type=script&setup=true&lang.ts
+var l = /* @__PURE__ */ r({
+	name: "AccountProfile",
+	__name: "account-profile",
+	props: { props: { type: Object } },
+	setup(r) {
+		return (l, u) => (o(), t(e, a(i(r.props)), {
+			default: c(() => [s(l.$slots, "default"), u[0] ||= n("path", {
+				role: "presentation",
+				d: "M12 12a3.5 3.5 0 100-7 3.5 3.5 0 000 7zm6.762 7a7.073 7.073 0 00-13.524 0h13.524zM4 21a1 1 0 01-1-1h-.008a9.08 9.08 0 01.02-.159 9.08 9.08 0 015.454-7.127 5.5 5.5 0 117.068 0A9.08 9.08 0 0121.008 20H21a1 1 0 01-1 1H4z"
+			}, null, -1)]),
+			_: 3
+		}, 16));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/icon/comps/arrow-down.vue.d.ts

@@ -0,0 +1,25 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: SVGSVGElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    props: {
+        type: ObjectConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    props: {
+        type: ObjectConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+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/icon/comps/arrow-down.vue.mjs

@@ -1,23 +1,5 @@
-import { defineComponent as t, createBlock as n, openBlock as a, normalizeProps as p, guardReactiveProps as l, withCtx as s, renderSlot as d, createElementVNode as m } from "vue";
-import i from "../CdrIcon.vue.mjs";
-const f = /* @__PURE__ */ t({
-  name: "ArrowDown",
-  __name: "arrow-down",
-  props: {
-    props: {
-      type: Object
-    }
-  },
-  setup(o) {
-    return (r, e) => (a(), n(i, p(l(o.props)), {
-      default: s(() => [d(r.$slots, "default"), e[0] || (e[0] = m("path", {
-        role: "presentation",
-        d: "M11 16.585L7.705 13.29a1 1 0 00-1.412 1.417l4.98 4.98a.997.997 0 001.429.025l5.005-5.005a1 1 0 00-1.414-1.414L13 16.586V5a1 1 0 00-2 0v11.585z"
-      }, null, -1))]),
-      _: 3
-    }, 16));
-  }
-});
-export {
-  f as default
-};
+import e from "./arrow-down.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/icon/comps/arrow-down.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/icon/comps/arrow-down.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,19 @@
+import e from "../CdrIcon.vue.mjs";
+import { createBlock as t, createElementVNode as n, defineComponent as r, guardReactiveProps as i, normalizeProps as a, openBlock as o, renderSlot as s, withCtx as c } from "vue";
+//#region src/components/icon/comps/arrow-down.vue?vue&type=script&setup=true&lang.ts
+var l = /* @__PURE__ */ r({
+	name: "ArrowDown",
+	__name: "arrow-down",
+	props: { props: { type: Object } },
+	setup(r) {
+		return (l, u) => (o(), t(e, a(i(r.props)), {
+			default: c(() => [s(l.$slots, "default"), u[0] ||= n("path", {
+				role: "presentation",
+				d: "M11 16.585L7.705 13.29a1 1 0 00-1.412 1.417l4.98 4.98a.997.997 0 001.429.025l5.005-5.005a1 1 0 00-1.414-1.414L13 16.586V5a1 1 0 00-2 0v11.585z"
+			}, null, -1)]),
+			_: 3
+		}, 16));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/icon/comps/arrow-left.vue.d.ts

@@ -0,0 +1,25 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: SVGSVGElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    props: {
+        type: ObjectConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    props: {
+        type: ObjectConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};