@rei/cedar 16.3.0 → 17.0.0-alpha.0

package/dist/components/icon/comps/youtube.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/youtube.vue?vue&type=script&setup=true&lang.ts
+var l = /* @__PURE__ */ r({
+	name: "Youtube",
+	__name: "youtube",
+	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: "M18.941 5.225s1.716.06 2.387 1.336c0 0 .67.925.67 5.439v.041c.004.352.018 2.86-.277 4.239-.318 1.485-1.02 1.92-1.02 1.92s-.45.433-1.443.551c-.993.119-4.213.249-7.273.249 0 0-5.603-.003-7.49-.313-1.82-.298-2.13-1.936-2.15-2.052l-.01-.06c-.084-.514-.715-4.683.008-9.198 0 0 .224-1.926 2.479-2.152 0 0 2.318-.213 6.795-.225h.368c4.717 0 6.956.225 6.956.225zM9.925 9.143v5.495l5.469-2.747-5.469-2.748z"
+			}, null, -1)]),
+			_: 3
+		}, 16));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/icon/comps/zoom-in.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/zoom-in.vue.mjs

@@ -1,23 +1,5 @@
-import { defineComponent as r, createBlock as a, openBlock as n, normalizeProps as p, guardReactiveProps as l, withCtx as m, renderSlot as s, createElementVNode as d } from "vue";
-import i from "../CdrIcon.vue.mjs";
-const f = /* @__PURE__ */ r({
-  name: "ZoomIn",
-  __name: "zoom-in",
-  props: {
-    props: {
-      type: Object
-    }
-  },
-  setup(o) {
-    return (t, e) => (n(), a(i, p(l(o.props)), {
-      default: m(() => [s(t.$slots, "default"), e[0] || (e[0] = d("path", {
-        role: "presentation",
-        d: "M10.5 3a7.5 7.5 0 015.963 12.05l4.247 4.242a1 1 0 01-1.415 1.414l-4.246-4.243A7.5 7.5 0 1110.5 3zm0 2a5.5 5.5 0 100 11 5.5 5.5 0 000-11zm0 1.5a.75.75 0 01.75.75v2.5h2.5a.75.75 0 110 1.5h-2.5v2.5a.75.75 0 11-1.5 0v-2.5h-2.5a.75.75 0 110-1.5h2.5v-2.5a.75.75 0 01.75-.75z"
-      }, null, -1))]),
-      _: 3
-    }, 16));
-  }
-});
-export {
-  f as default
-};
+import e from "./zoom-in.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/icon/comps/zoom-in.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/icon/comps/zoom-in.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/zoom-in.vue?vue&type=script&setup=true&lang.ts
+var l = /* @__PURE__ */ r({
+	name: "ZoomIn",
+	__name: "zoom-in",
+	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: "M10.5 3a7.5 7.5 0 015.963 12.05l4.247 4.242a1 1 0 01-1.415 1.414l-4.246-4.243A7.5 7.5 0 1110.5 3zm0 2a5.5 5.5 0 100 11 5.5 5.5 0 000-11zm0 1.5a.75.75 0 01.75.75v2.5h2.5a.75.75 0 110 1.5h-2.5v2.5a.75.75 0 11-1.5 0v-2.5h-2.5a.75.75 0 110-1.5h2.5v-2.5a.75.75 0 01.75-.75z"
+			}, null, -1)]),
+			_: 3
+		}, 16));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/icon/comps/zoom-out.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/zoom-out.vue.mjs

@@ -1,23 +1,5 @@
-import { defineComponent as r, createBlock as a, openBlock as n, normalizeProps as p, guardReactiveProps as l, withCtx as m, renderSlot as s, createElementVNode as u } from "vue";
-import d from "../CdrIcon.vue.mjs";
-const f = /* @__PURE__ */ r({
-  name: "ZoomOut",
-  __name: "zoom-out",
-  props: {
-    props: {
-      type: Object
-    }
-  },
-  setup(o) {
-    return (t, e) => (n(), a(d, p(l(o.props)), {
-      default: m(() => [s(t.$slots, "default"), e[0] || (e[0] = u("path", {
-        role: "presentation",
-        d: "M20.706 19.296a1 1 0 01-1.414 1.414l-4.243-4.247a7.5 7.5 0 111.414-1.414l4.243 4.247zM10.5 16a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM7.25 9.75h6.5a.75.75 0 110 1.5h-6.5a.75.75 0 110-1.5z"
-      }, null, -1))]),
-      _: 3
-    }, 16));
-  }
-});
-export {
-  f as default
-};
+import e from "./zoom-out.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/icon/comps/zoom-out.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/icon/comps/zoom-out.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/zoom-out.vue?vue&type=script&setup=true&lang.ts
+var l = /* @__PURE__ */ r({
+	name: "ZoomOut",
+	__name: "zoom-out",
+	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: "M20.706 19.296a1 1 0 01-1.414 1.414l-4.243-4.247a7.5 7.5 0 111.414-1.414l4.243 4.247zM10.5 16a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM7.25 9.75h6.5a.75.75 0 110 1.5h-6.5a.75.75 0 110-1.5z"
+			}, null, -1)]),
+			_: 3
+		}, 16));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/icon/index.d.ts

@@ -0,0 +1,186 @@
+export { default as IconAccountProfileFill } from './comps/account-profile-fill.vue';
+export { default as IconAccountProfile } from './comps/account-profile.vue';
+export { default as IconArrowDown } from './comps/arrow-down.vue';
+export { default as IconArrowLeft } from './comps/arrow-left.vue';
+export { default as IconArrowRight } from './comps/arrow-right.vue';
+export { default as IconArrowUp } from './comps/arrow-up.vue';
+export { default as IconAtv } from './comps/atv.vue';
+export { default as IconBedOutline } from './comps/bed-outline.vue';
+export { default as IconBikeShop } from './comps/bike-shop.vue';
+export { default as IconBinoculars } from './comps/binoculars.vue';
+export { default as IconBirding } from './comps/birding.vue';
+export { default as IconBoat } from './comps/boat.vue';
+export { default as IconBoating } from './comps/boating.vue';
+export { default as IconBookmarkFill } from './comps/bookmark-fill.vue';
+export { default as IconBookmarkStroke } from './comps/bookmark-stroke.vue';
+export { default as IconBrandAbstract } from './comps/brand-abstract.vue';
+export { default as IconBrandCodeSandbox } from './comps/brand-code-sandbox.vue';
+export { default as IconBrandGithub } from './comps/brand-github.vue';
+export { default as IconBrandLinkedin } from './comps/brand-linkedin.vue';
+export { default as IconBrandReiIceAxes } from './comps/brand-rei-ice-axes.vue';
+export { default as IconBrandSketch } from './comps/brand-sketch.vue';
+export { default as IconBrandTiktok } from './comps/brand-tiktok.vue';
+export { default as IconBuddies } from './comps/buddies.vue';
+export { default as IconBus } from './comps/bus.vue';
+export { default as IconCalendar } from './comps/calendar.vue';
+export { default as IconCamera } from './comps/camera.vue';
+export { default as IconCanoe } from './comps/canoe.vue';
+export { default as IconCar } from './comps/car.vue';
+export { default as IconCaretDown } from './comps/caret-down.vue';
+export { default as IconCaretLeft } from './comps/caret-left.vue';
+export { default as IconCaretRight } from './comps/caret-right.vue';
+export { default as IconCaretUp } from './comps/caret-up.vue';
+export { default as IconCartFill } from './comps/cart-fill.vue';
+export { default as IconCart } from './comps/cart.vue';
+export { default as IconChainLink } from './comps/chain-link.vue';
+export { default as IconChat } from './comps/chat.vue';
+export { default as IconCheckFill } from './comps/check-fill.vue';
+export { default as IconCheckLg } from './comps/check-lg.vue';
+export { default as IconCheckSm } from './comps/check-sm.vue';
+export { default as IconCheckStroke } from './comps/check-stroke.vue';
+export { default as IconClimb } from './comps/climb.vue';
+export { default as IconClipboard } from './comps/clipboard.vue';
+export { default as IconClock } from './comps/clock.vue';
+export { default as IconCodeHtml } from './comps/code-html.vue';
+export { default as IconCodeJs } from './comps/code-js.vue';
+export { default as IconCompass } from './comps/compass.vue';
+export { default as IconCopy } from './comps/copy.vue';
+export { default as IconCouponFill } from './comps/coupon-fill.vue';
+export { default as IconCouponStroke } from './comps/coupon-stroke.vue';
+export { default as IconCreditCard } from './comps/credit-card.vue';
+export { default as IconCurbsidePickup } from './comps/curbside-pickup.vue';
+export { default as IconDay } from './comps/day.vue';
+export { default as IconDiving } from './comps/diving.vue';
+export { default as IconDog } from './comps/dog.vue';
+export { default as IconDownload } from './comps/download.vue';
+export { default as IconDuplicate } from './comps/duplicate.vue';
+export { default as IconEdit } from './comps/edit.vue';
+export { default as IconElevation } from './comps/elevation.vue';
+export { default as IconErrorFill } from './comps/error-fill.vue';
+export { default as IconErrorStroke } from './comps/error-stroke.vue';
+export { default as IconExpand } from './comps/expand.vue';
+export { default as IconExperiencesBackpacking } from './comps/experiences-backpacking.vue';
+export { default as IconExperiencesCamping } from './comps/experiences-camping.vue';
+export { default as IconExperiencesClimbing } from './comps/experiences-climbing.vue';
+export { default as IconExperiencesClothing } from './comps/experiences-clothing.vue';
+export { default as IconExperiencesCycling } from './comps/experiences-cycling.vue';
+export { default as IconExperiencesFamily } from './comps/experiences-family.vue';
+export { default as IconExperiencesFitness } from './comps/experiences-fitness.vue';
+export { default as IconExperiencesHiking } from './comps/experiences-hiking.vue';
+export { default as IconExperiencesOutdoorBasics } from './comps/experiences-outdoor-basics.vue';
+export { default as IconExperiencesPaddling } from './comps/experiences-paddling.vue';
+export { default as IconExperiencesRentals } from './comps/experiences-rentals.vue';
+export { default as IconExperiencesRunning } from './comps/experiences-running.vue';
+export { default as IconExperiencesSnowsports } from './comps/experiences-snowsports.vue';
+export { default as IconExperiencesTravel } from './comps/experiences-travel.vue';
+export { default as IconExternalLinkAlt } from './comps/external-link-alt.vue';
+export { default as IconExternalLink } from './comps/external-link.vue';
+export { default as IconEyeHide } from './comps/eye-hide.vue';
+export { default as IconEyeShow } from './comps/eye-show.vue';
+export { default as IconFacebook } from './comps/facebook.vue';
+export { default as IconFilterAlt } from './comps/filter-alt.vue';
+export { default as IconFilter } from './comps/filter.vue';
+export { default as IconFindLocation } from './comps/find-location.vue';
+export { default as IconFire } from './comps/fire.vue';
+export { default as IconFishing } from './comps/fishing.vue';
+export { default as IconFreeProduct } from './comps/free-product.vue';
+export { default as IconGridView } from './comps/grid-view.vue';
+export { default as IconHeartFill } from './comps/heart-fill.vue';
+export { default as IconHeartStroke } from './comps/heart-stroke.vue';
+export { default as IconHike } from './comps/hike.vue';
+export { default as IconHistory } from './comps/history.vue';
+export { default as IconHome } from './comps/home.vue';
+export { default as IconHorse } from './comps/horse.vue';
+export { default as IconHorseshoe } from './comps/horseshoe.vue';
+export { default as IconImage } from './comps/image.vue';
+export { default as IconInformationFill } from './comps/information-fill.vue';
+export { default as IconInformationStroke } from './comps/information-stroke.vue';
+export { default as IconInstagram } from './comps/instagram.vue';
+export { default as IconKayak } from './comps/kayak.vue';
+export { default as IconLinkAlt } from './comps/link-alt.vue';
+export { default as IconListRagged } from './comps/list-ragged.vue';
+export { default as IconListView } from './comps/list-view.vue';
+export { default as IconLocationPinFill } from './comps/location-pin-fill.vue';
+export { default as IconLocationPinStroke } from './comps/location-pin-stroke.vue';
+export { default as IconLockLockedFill } from './comps/lock-locked-fill.vue';
+export { default as IconLockLockedStroke } from './comps/lock-locked-stroke.vue';
+export { default as IconLockUnlockedStroke } from './comps/lock-unlocked-stroke.vue';
+export { default as IconMail } from './comps/mail.vue';
+export { default as IconMap } from './comps/map.vue';
+export { default as IconMemberCard } from './comps/member-card.vue';
+export { default as IconMembership } from './comps/membership.vue';
+export { default as IconMicrophone } from './comps/microphone.vue';
+export { default as IconMinusFill } from './comps/minus-fill.vue';
+export { default as IconMinusLg } from './comps/minus-lg.vue';
+export { default as IconMinusSm } from './comps/minus-sm.vue';
+export { default as IconMinusStroke } from './comps/minus-stroke.vue';
+export { default as IconMoreFunctions } from './comps/more-functions.vue';
+export { default as IconMyLocation } from './comps/my-location.vue';
+export { default as IconNavigationMenu } from './comps/navigation-menu.vue';
+export { default as IconNight } from './comps/night.vue';
+export { default as IconPaddle } from './comps/paddle.vue';
+export { default as IconPauseFill } from './comps/pause-fill.vue';
+export { default as IconPauseStroke } from './comps/pause-stroke.vue';
+export { default as IconPause } from './comps/pause.vue';
+export { default as IconPhotography } from './comps/photography.vue';
+export { default as IconPicnic } from './comps/picnic.vue';
+export { default as IconPinterest } from './comps/pinterest.vue';
+export { default as IconPlane } from './comps/plane.vue';
+export { default as IconPlayFill } from './comps/play-fill.vue';
+export { default as IconPlayStroke } from './comps/play-stroke.vue';
+export { default as IconPlay } from './comps/play.vue';
+export { default as IconPlayground } from './comps/playground.vue';
+export { default as IconPlugin } from './comps/plugin.vue';
+export { default as IconPlusFill } from './comps/plus-fill.vue';
+export { default as IconPlusLg } from './comps/plus-lg.vue';
+export { default as IconPlusSm } from './comps/plus-sm.vue';
+export { default as IconPlusStroke } from './comps/plus-stroke.vue';
+export { default as IconPrint } from './comps/print.vue';
+export { default as IconProtectionFill } from './comps/protection-fill.vue';
+export { default as IconProtectionStroke } from './comps/protection-stroke.vue';
+export { default as IconQuestionFill } from './comps/question-fill.vue';
+export { default as IconQuestionStroke } from './comps/question-stroke.vue';
+export { default as IconRefresh } from './comps/refresh.vue';
+export { default as IconReload } from './comps/reload.vue';
+export { default as IconReturns } from './comps/returns.vue';
+export { default as IconRun } from './comps/run.vue';
+export { default as IconScanBarcode } from './comps/scan-barcode.vue';
+export { default as IconSearch } from './comps/search.vue';
+export { default as IconServiceShop } from './comps/service-shop.vue';
+export { default as IconShippingPrep } from './comps/shipping-prep.vue';
+export { default as IconShippingTruck } from './comps/shipping-truck.vue';
+export { default as IconShipping } from './comps/shipping.vue';
+export { default as IconShoppingBagFill } from './comps/shopping-bag-fill.vue';
+export { default as IconShoppingBag } from './comps/shopping-bag.vue';
+export { default as IconShrink } from './comps/shrink.vue';
+export { default as IconSizeChart } from './comps/size-chart.vue';
+export { default as IconSkiBoot } from './comps/ski-boot.vue';
+export { default as IconSki } from './comps/ski.vue';
+export { default as IconSnowShop } from './comps/snow-shop.vue';
+export { default as IconSnow } from './comps/snow.vue';
+export { default as IconSort } from './comps/sort.vue';
+export { default as IconStar100 } from './comps/star-100.vue';
+export { default as IconStar25 } from './comps/star-25.vue';
+export { default as IconStar50 } from './comps/star-50.vue';
+export { default as IconStar75 } from './comps/star-75.vue';
+export { default as IconStarStroke } from './comps/star-stroke.vue';
+export { default as IconStorefront } from './comps/storefront.vue';
+export { default as IconSwim } from './comps/swim.vue';
+export { default as IconTelephone } from './comps/telephone.vue';
+export { default as IconTent } from './comps/tent.vue';
+export { default as IconTrash } from './comps/trash.vue';
+export { default as IconTwitter } from './comps/twitter.vue';
+export { default as IconUpload } from './comps/upload.vue';
+export { default as IconVerifiedPurchaser } from './comps/verified-purchaser.vue';
+export { default as IconVirtualOutfitting } from './comps/virtual-outfitting.vue';
+export { default as IconWarningFill } from './comps/warning-fill.vue';
+export { default as IconWarningStroke } from './comps/warning-stroke.vue';
+export { default as IconWater } from './comps/water.vue';
+export { default as IconWilderness } from './comps/wilderness.vue';
+export { default as IconXFill } from './comps/x-fill.vue';
+export { default as IconXLg } from './comps/x-lg.vue';
+export { default as IconXSm } from './comps/x-sm.vue';
+export { default as IconXStroke } from './comps/x-stroke.vue';
+export { default as IconYoutube } from './comps/youtube.vue';
+export { default as IconZoomIn } from './comps/zoom-in.vue';
+export { default as IconZoomOut } from './comps/zoom-out.vue';

package/dist/components/icon/styles/CdrIcon.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,17 @@
+//#region src/components/icon/styles/CdrIcon.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"
+};
+//#endregion
+export { e as default };

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

@@ -0,0 +1,11 @@
+/**
+ * CdrIcon component properties
+ */
+export type CdrIconProps = {
+    /** Sets the href attribute for use with SVG symbol sprite */
+    use?: string;
+    /** Sets icon fill to inherit from parent */
+    inheritColor?: boolean;
+    /** Sets the icon size */
+    size?: 'small' | 'medium' | 'large' | string;
+};

package/dist/components/image/CdrImg.vue.d.ts

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

package/dist/components/image/CdrImg.vue.mjs

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

@@ -0,0 +1,53 @@
+import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, normalizeStyle as i, openBlock as a, unref as o, useCssModule as s } from "vue";
+import { CdrRadiusRound as c, CdrRadiusSoft as l, CdrRadiusSofter as u } from "@rei/cdr-tokens/tokens";
+//#region src/components/image/CdrImg.vue?vue&type=script&setup=true&lang.ts
+var d = [
+	"src",
+	"alt",
+	"srcset",
+	"sizes",
+	"loading",
+	"decoding",
+	"fetchpriority"
+], f = "cdr-image", p = /* @__PURE__ */ n({
+	name: "CdrImg",
+	__name: "CdrImg",
+	props: {
+		src: {},
+		alt: { default: "" },
+		srcset: {},
+		sizes: {},
+		fit: {},
+		position: {},
+		radius: {},
+		ratio: {},
+		loading: {},
+		decoding: {},
+		fetchpriority: {}
+	},
+	setup(n) {
+		let p = n, m = s(), h = new Map([
+			["soft", l],
+			["softer", u],
+			["round", c]
+		]), g = e(() => h.get(p.radius) ? `${h.get(p.radius)}rem` : p.radius), _ = e(() => ({
+			"--cdr-img-aspect-ratio": p.ratio,
+			"--cdr-img-object-position": p.position,
+			"--cdr-img-object-fit": p.fit,
+			"--cdr-img-border-radius": g.value
+		}));
+		return (e, s) => (a(), t("img", {
+			class: r(o(m)[f]),
+			style: i(_.value),
+			src: n.src,
+			alt: n.alt,
+			srcset: n.srcset,
+			sizes: n.sizes,
+			loading: n.loading,
+			decoding: n.decoding,
+			fetchpriority: n.fetchpriority
+		}, null, 14, d));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/image/styles/CdrImg.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

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

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

@@ -0,0 +1,59 @@
+import { ImageFit, ImageLoading, ImageRadius } from '../../types/componentOptions';
+/**
+ * Base properties for image components (CdrImg, CdrPicture)
+ * Provides common image attributes and styling options
+ */
+export interface BaseImageProps {
+    /** The image src */
+    src: string;
+    /** The image alt. Defaults to empty string. */
+    alt?: string;
+    /** Comma separated list of image sources */
+    srcset?: string;
+    /** Comma separated list of source sizes */
+    sizes?: string;
+    /**
+     * Object fit of the image, passes value to CSS object-fit property
+     * @demoSelectMultiple false
+     * @values none,contain,cover,fill,scale-down
+     */
+    fit?: ImageFit;
+    /**
+     * Object position of the image, passes value to CSS object-position property.
+     * @demoSelectMultiple true
+     * @values center,top,right,bottom,left
+     */
+    position?: string;
+    /**
+     * Border radius of the image. Accepts shorthand for cedar radius tokens ("soft", "softer", "round") or a custom value which is passed to the CSS border-radius property.
+     * @demoSelectMultiple false
+     * @values unset, soft, softer, round, 10%
+     */
+    radius?: ImageRadius | string;
+    /**
+     * Aspect ratio of the image, passes to the CSS aspect-ratio property.
+     * @demoSelectMultiple false
+     * @values auto,1/1,1/2,3/4,9/16,2/1,4/3,16/9
+     */
+    ratio?: string;
+    /**
+     * Value for loading attribute ("lazy", "eager", "auto")
+     * @demoIgnore
+     */
+    loading?: ImageLoading;
+    /**
+     * value for decoding attribute ()
+     * @demoIgnore
+     */
+    decoding?: 'async' | 'sync' | 'auto';
+    /**
+     * value for fetch priority attribute
+     * @demoIgnore
+     */
+    fetchpriority?: 'high' | 'low' | 'auto';
+}
+/**
+ * CdrImg component properties
+ * Image component with responsive and performance optimization features
+ */
+export type CdrImgProps = BaseImageProps;