@rei/cedar 15.0.0-beta.0 → 15.0.0

package/dist/lib.d.ts

@@ -14,6 +14,12 @@ declare type __VLS_NonUndefinedable_11<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_12<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_13<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_14<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_15<T> = T extends undefined ? never : T;
+
 declare type __VLS_NonUndefinedable_2<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_3<T> = T extends undefined ? never : T;
@@ -46,6 +52,18 @@ declare type __VLS_Prettify_12<T> = {
     [K in keyof T]: T[K];
 } & {};
 
+declare type __VLS_Prettify_13<T> = {
+    [K in keyof T]: T[K];
+} & {};
+
+declare type __VLS_Prettify_14<T> = {
+    [K in keyof T]: T[K];
+} & {};
+
+declare type __VLS_Prettify_15<T> = {
+    [K in keyof T]: T[K];
+} & {};
+
 declare type __VLS_Prettify_2<T> = {
     [K in keyof T]: T[K];
 } & {};
@@ -114,6 +132,33 @@ declare type __VLS_TypePropsToRuntimeProps_12<T> = {
     };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_13<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_13<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_14<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_14<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_15<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_15<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
 declare type __VLS_TypePropsToRuntimeProps_2<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable_2<T[K]>>;
@@ -210,6 +255,24 @@ declare type __VLS_WithDefaults_12<P, D> = {
     }> : P[K];
 };
 
+declare type __VLS_WithDefaults_13<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_13<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+
+declare type __VLS_WithDefaults_14<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_14<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+
+declare type __VLS_WithDefaults_15<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_15<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+
 declare type __VLS_WithDefaults_2<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_2<P[K] & {
         default: D[K];
@@ -1638,36 +1701,39 @@ declare type __VLS_WithTemplateSlots_99<T, S> = T & {
  * @interface baseImageProps
  *
  */
-declare interface baseImageProps {
+export declare interface baseImageProps {
     /** The image src */
     src: string;
     /** The image alt. Defaults to empty string. */
     alt?: string;
-    /** Comma seperated list of image sources */
+    /** Comma separated list of image sources */
     srcset?: string;
-    /** Comma seperated list of source sizes */
+    /** Comma separated list of source sizes */
     sizes?: string;
     /**
-     * Aspect ratio of the image, passes to the CSS aspect-ratio property.
-     * @demoTextField true
-     * @demoPlaceholderText Example: '16-9'
+     * Object fit of the image, passes value to CSS object-fit property
+     * @demoSelectMultiple false
+     * @values none,contain,cover,fill,scale-down
      */
-    ratio?: string;
+    fit?: "contain" | "cover" | "fill" | "none" | "scale-down";
     /**
      * Object position of the image, passes value to CSS object-position property.
-     * @demoTextField true
+     * @demoSelectMultiple true
+     * @values center,top,right,bottom,left
      */
     position?: string;
-    /**
-     * Object fit of the image, passes value to CSS object-fit property
-     * @demoTextField true
-     */
-    fit?: string;
     /**
      * Border radius of the image. Accepts shorthand for cedar radius tokens ("soft", "softer", "round") or a custom value which is passed ot the CSS border-radius property.
-     * @demoTextField true
+     * @demoSelectMultiple false
+     * @values unset, soft, softer, round, 10%
      */
     radius?: "soft" | "softer" | "round" | 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
@@ -1689,7 +1755,7 @@ declare interface baseImageProps {
  * Text component properties
  * @interface baseTextProps
  */
-declare interface baseTextProps {
+export declare interface baseTextProps {
     /** Sets the HTML tag (p, span, h1, h2, etc) */
     tag?: string;
 }
@@ -1721,19 +1787,11 @@ export declare interface breadcrumbItem {
     };
 }
 
-export declare const CdrAbstract: __VLS_WithTemplateSlots<DefineComponent<{
-    /** Sets the HTML tag (p, span, h1, h2, etc) */
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
-    /** Sets the HTML tag (p, span, h1, h2, etc) */
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>, {
+export declare const CdrAbstract: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<baseTextProps>, {
+    tag: string;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<baseTextProps>, {
+    tag: string;
+}>>>, {
     tag: string;
 }, {}>, {
     default?(_: {}): any;
@@ -1865,7 +1923,7 @@ export declare const CdrAccordionGroup: __VLS_WithTemplateSlots_3<DefineComponen
      * @values @xs, @sm, @md, @lg, true
      */
     unwrap: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
         validator: (value: string) => boolean;
     };
@@ -1875,7 +1933,7 @@ export declare const CdrAccordionGroup: __VLS_WithTemplateSlots_3<DefineComponen
      * @values @xs, @sm, @md, @lg, true
      */
     unwrap: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
         validator: (value: string) => boolean;
     };
@@ -1917,11 +1975,11 @@ export declare const CdrBanner: __VLS_WithTemplateSlots_4<DefineComponent<{
     "info-action"?(_: {}): any;
 }>;
 
-export declare const CdrBody: __VLS_WithTemplateSlots_228<DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<bodyTextProps>, {
+export declare const CdrBody: __VLS_WithTemplateSlots_228<DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<bodyTextProps>, {
     tag: string;
     scale: string;
     strong: boolean;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<bodyTextProps>, {
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<bodyTextProps>, {
     tag: string;
     scale: string;
     strong: boolean;
@@ -2041,7 +2099,7 @@ export declare const CdrButton: __VLS_WithTemplateSlots_6<DefineComponent<{
      * Sets button width to 100%. Setting this value to true will set the button width to 100% of the parent container. Use the 'fullWidth' prop with the 'size' prop to control top and bottom padding.
      */
     fullWidth: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
         validator: (value: string) => boolean;
     };
@@ -2104,7 +2162,7 @@ export declare const CdrButton: __VLS_WithTemplateSlots_6<DefineComponent<{
      * Sets button width to 100%. Setting this value to true will set the button width to 100% of the parent container. Use the 'fullWidth' prop with the 'size' prop to control top and bottom padding.
      */
     fullWidth: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
         validator: (value: string) => boolean;
     };
@@ -2204,7 +2262,7 @@ export declare const CdrCheckbox: __VLS_WithTemplateSlots_8<DefineComponent<{
      * Show checkbox in indeterminate state. (NOTE: this is a visual-only state and there is no logic for when to show it)
      */
     indeterminate: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
     /** Disables the checkbox */
@@ -2213,20 +2271,20 @@ export declare const CdrCheckbox: __VLS_WithTemplateSlots_8<DefineComponent<{
      * The value when checked.
      */
     trueValue: {
-        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+        type: (SymbolConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
         default: boolean;
     };
     /**
      * The value when unchecked.
      */
     falseValue: {
-        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+        type: (SymbolConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
         default: boolean;
     };
     /**
      * The value when used in a checkbox group. Replaces `trueValue` and `falseValue`.
      */
-    customValue: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+    customValue: (SymbolConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
     /**
      * Sets the background color the input is rendered on
      * @values primary, secondary
@@ -2257,7 +2315,7 @@ export declare const CdrCheckbox: __VLS_WithTemplateSlots_8<DefineComponent<{
     };
     /** @ignore */
     modelValue: {
-        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+        type: (SymbolConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
     };
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
@@ -2278,7 +2336,7 @@ export declare const CdrCheckbox: __VLS_WithTemplateSlots_8<DefineComponent<{
      * Show checkbox in indeterminate state. (NOTE: this is a visual-only state and there is no logic for when to show it)
      */
     indeterminate: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
     /** Disables the checkbox */
@@ -2287,20 +2345,20 @@ export declare const CdrCheckbox: __VLS_WithTemplateSlots_8<DefineComponent<{
      * The value when checked.
      */
     trueValue: {
-        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+        type: (SymbolConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
         default: boolean;
     };
     /**
      * The value when unchecked.
      */
     falseValue: {
-        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+        type: (SymbolConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
         default: boolean;
     };
     /**
      * The value when used in a checkbox group. Replaces `trueValue` and `falseValue`.
      */
-    customValue: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+    customValue: (SymbolConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
     /**
      * Sets the background color the input is rendered on
      * @values primary, secondary
@@ -2331,7 +2389,7 @@ export declare const CdrCheckbox: __VLS_WithTemplateSlots_8<DefineComponent<{
     };
     /** @ignore */
     modelValue: {
-        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+        type: (SymbolConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -2443,9 +2501,9 @@ export declare const CdrContainer: __VLS_WithTemplateSlots_11<DefineComponent<{
     default?(_: {}): any;
 }>;
 
-export declare const CdrEyebrow: __VLS_WithTemplateSlots_229<DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<baseTextProps>, {
+export declare const CdrEyebrow: __VLS_WithTemplateSlots_229<DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<baseTextProps>, {
     tag: string;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<baseTextProps>, {
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<baseTextProps>, {
     tag: string;
 }>>>, {
     tag: string;
@@ -2472,7 +2530,7 @@ export declare const CdrFormGroup: __VLS_WithTemplateSlots_12<DefineComponent<{
      * Sets the form group to an error state, displays the `error` slot if one is present.
      */
     error: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
     /** Adds required label to the form group. */
@@ -2503,7 +2561,7 @@ export declare const CdrFormGroup: __VLS_WithTemplateSlots_12<DefineComponent<{
      * Sets the form group to an error state, displays the `error` slot if one is present.
      */
     error: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
     /** Adds required label to the form group. */
@@ -2566,10 +2624,10 @@ export declare const CdrGrid: __VLS_WithTemplateSlots_13<DefineComponent<{
     default?(_: {}): any;
 }>;
 
-export declare const CdrHeadingDisplay: __VLS_WithTemplateSlots_222<DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<headingDisplayTextProps>, {
+export declare const CdrHeadingDisplay: __VLS_WithTemplateSlots_222<DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<headingDisplayTextProps>, {
     tag: string;
     scale: string;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<headingDisplayTextProps>, {
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<headingDisplayTextProps>, {
     tag: string;
     scale: string;
 }>>>, {
@@ -2579,10 +2637,10 @@ export declare const CdrHeadingDisplay: __VLS_WithTemplateSlots_222<DefineCompon
     default?(_: {}): any;
 }>;
 
-export declare const CdrHeadingSans: __VLS_WithTemplateSlots_224<DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<headingSansTextProps>, {
+export declare const CdrHeadingSans: __VLS_WithTemplateSlots_224<DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<headingSansTextProps>, {
     tag: string;
     scale: string;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<headingSansTextProps>, {
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<headingSansTextProps>, {
     tag: string;
     scale: string;
 }>>>, {
@@ -2592,11 +2650,11 @@ export declare const CdrHeadingSans: __VLS_WithTemplateSlots_224<DefineComponent
     default?(_: {}): any;
 }>;
 
-export declare const CdrHeadingSerif: __VLS_WithTemplateSlots_223<DefineComponent<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<headingSerifTextProps>, {
+export declare const CdrHeadingSerif: __VLS_WithTemplateSlots_223<DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<headingSerifTextProps>, {
     tag: string;
     scale: string;
     strong: boolean;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<headingSerifTextProps>, {
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<headingSerifTextProps>, {
     tag: string;
     scale: string;
     strong: boolean;
@@ -2649,9 +2707,9 @@ export declare const CdrIcon: __VLS_WithTemplateSlots_14<DefineComponent<{
     default?(_: {}): any;
 }>;
 
-export declare const CdrImg: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<baseImageProps>, {
+export declare const CdrImg: DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<baseImageProps>, {
     alt: string;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<baseImageProps>, {
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<baseImageProps>, {
     alt: string;
 }>>>, {
     alt: string;
@@ -2726,7 +2784,7 @@ export declare const CdrInput: __VLS_WithTemplateSlots_15<DefineComponent<{
     };
     /** Sets the input to an error state, displays the `error` slot if one is present. */
     error: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
     /**
@@ -2745,7 +2803,9 @@ export declare const CdrInput: __VLS_WithTemplateSlots_15<DefineComponent<{
     modelValue: {
         type: (StringConstructor | NumberConstructor)[];
     };
-    /** Adds a custom class to the cdr-label-standalone wrapping div */
+    /** 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;
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
@@ -2818,7 +2878,7 @@ export declare const CdrInput: __VLS_WithTemplateSlots_15<DefineComponent<{
     };
     /** Sets the input to an error state, displays the `error` slot if one is present. */
     error: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
     /**
@@ -2837,7 +2897,9 @@ export declare const CdrInput: __VLS_WithTemplateSlots_15<DefineComponent<{
     modelValue: {
         type: (StringConstructor | NumberConstructor)[];
     };
-    /** Adds a custom class to the cdr-label-standalone wrapping div */
+    /** 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;
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -2862,82 +2924,75 @@ export declare const CdrInput: __VLS_WithTemplateSlots_15<DefineComponent<{
     error?(_: {}): any;
 }>;
 
-export declare const CdrKicker: __VLS_WithTemplateSlots_16<DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}, {}>, {
+export declare const CdrKicker: __VLS_WithTemplateSlots_16<DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<baseTextProps>, {
+    tag: string;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<baseTextProps>, {
+    tag: string;
+}>>>, {
+    tag: string;
+}, {}>, {
     default?(_: {}): any;
 }>;
 
 export declare const CdrLandingLead: DefineComponent<{
-    /** Sets the lead's image source  */
+    /** Sets the landing lead's image source  */
     imgSrc: {
         type: StringConstructor;
-        default: string;
+        required: true;
     };
-    /** Comma-seperated list of img srcsets */
+    /** Comma-separated list of img srcsets */
     imgSrcset: {
         type: StringConstructor;
         default: undefined;
     };
-    /** Sets the lead's image alt  */
+    /** Sets the landing lead's image alt  */
     imgAlt: {
         type: StringConstructor;
         default: string;
     };
-    /** Sets the lead's heading  */
+    /** Sets the landing lead's heading  */
     heading: {
         type: StringConstructor;
-        default: undefined;
+        required: true;
     };
-    /** Sets the lead's subheading  */
+    /** Sets the landing lead's subheading  */
     subheading: {
         type: StringConstructor;
         default: undefined;
     };
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
-    /** Sets the lead's image source  */
+    /** Sets the landing lead's image source  */
     imgSrc: {
         type: StringConstructor;
-        default: string;
+        required: true;
     };
-    /** Comma-seperated list of img srcsets */
+    /** Comma-separated list of img srcsets */
     imgSrcset: {
         type: StringConstructor;
         default: undefined;
     };
-    /** Sets the lead's image alt  */
+    /** Sets the landing lead's image alt  */
     imgAlt: {
         type: StringConstructor;
         default: string;
     };
-    /** Sets the lead's heading  */
+    /** Sets the landing lead's heading  */
     heading: {
         type: StringConstructor;
-        default: undefined;
+        required: true;
     };
-    /** Sets the lead's subheading  */
+    /** Sets the landing lead's subheading  */
     subheading: {
         type: StringConstructor;
         default: undefined;
     };
 }>>, {
-    imgSrc: string;
     imgSrcset: string;
     imgAlt: string;
-    heading: string;
     subheading: string;
 }, {}>;
 
-export declare const CdrLead: __VLS_WithTemplateSlots_17<DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<leadProps>, {
-    surface: string;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<leadProps>, {
-    surface: string;
-}>>>, {
-    surface: "bottom" | "top";
-}, {}>, {
-    top?(_: {}): any;
-    bottom?(_: {}): any;
-}>;
-
-export declare const CdrLink: __VLS_WithTemplateSlots_18<DefineComponent<{
+export declare const CdrLink: __VLS_WithTemplateSlots_17<DefineComponent<{
     /**
      * Sets valid HTML element tag
      * @values a, button
@@ -3018,7 +3073,7 @@ export declare const CdrLink: __VLS_WithTemplateSlots_18<DefineComponent<{
     default?(_: {}): any;
 }>;
 
-export declare const CdrList: __VLS_WithTemplateSlots_19<DefineComponent<{
+export declare const CdrList: __VLS_WithTemplateSlots_18<DefineComponent<{
     /**
      * Sets list type and HTML element as "unordered" or "ordered"
      * @values ul, ol
@@ -3065,7 +3120,7 @@ export declare const CdrList: __VLS_WithTemplateSlots_19<DefineComponent<{
     default?(_: {}): any;
 }>;
 
-export declare const CdrModal: __VLS_WithTemplateSlots_20<DefineComponent<{
+export declare const CdrModal: __VLS_WithTemplateSlots_19<DefineComponent<{
     /**
      * Toggles the state of the modal
      * @demoIgnore true
@@ -3313,15 +3368,15 @@ export declare const CdrPagination: DefineComponent<{
     forLabel: string;
 }, {}>;
 
-export declare const CdrPicture: DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<pictureProps>, {
+export declare const CdrPicture: DefineComponent<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<pictureProps>, {
     alt: string;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<pictureProps>, {
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<pictureProps>, {
     alt: string;
 }>>>, {
     alt: string;
 }, {}>;
 
-export declare const CdrPopover: __VLS_WithTemplateSlots_21<DefineComponent<{
+export declare const CdrPopover: __VLS_WithTemplateSlots_20<DefineComponent<{
     /**
      * Sets the position where the popover will render relative to the trigger element.
      * @demoSelectMultiple false
@@ -3430,7 +3485,7 @@ export declare const CdrPopover: __VLS_WithTemplateSlots_21<DefineComponent<{
     icon?(_: {}): any;
 }>;
 
-export declare const CdrQuote: __VLS_WithTemplateSlots_22<DefineComponent<{
+export declare const CdrQuote: __VLS_WithTemplateSlots_21<DefineComponent<{
     /**
      * Sets the semantic HTML element for the quote.
      * @values blockquote, aside, q, div
@@ -3442,8 +3497,7 @@ export declare const CdrQuote: __VLS_WithTemplateSlots_22<DefineComponent<{
     };
     /**
      * Modifies the style variant for the quote
-     * @demoSelectMultiple true
-     * @values pull
+     * @demoIgnore true
      */
     modifier: {
         type: StringConstructor;
@@ -3466,8 +3520,7 @@ export declare const CdrQuote: __VLS_WithTemplateSlots_22<DefineComponent<{
     };
     /**
      * Modifies the style variant for the quote
-     * @demoSelectMultiple true
-     * @values pull
+     * @demoIgnore true
      */
     modifier: {
         type: StringConstructor;
@@ -3485,7 +3538,7 @@ export declare const CdrQuote: __VLS_WithTemplateSlots_22<DefineComponent<{
     default?(_: {}): any;
 }>;
 
-export declare const CdrRadio: __VLS_WithTemplateSlots_23<DefineComponent<{
+export declare const CdrRadio: __VLS_WithTemplateSlots_22<DefineComponent<{
     /**
      * Adds CSS class to the label for custom styles.
      */
@@ -3540,11 +3593,11 @@ export declare const CdrRadio: __VLS_WithTemplateSlots_23<DefineComponent<{
      * Sets the value of the radio.
      */
     customValue: {
-        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+        type: (SymbolConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
     };
     /** @ignore v-model binding */
     modelValue: {
-        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+        type: (SymbolConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
     };
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
@@ -3603,11 +3656,11 @@ export declare const CdrRadio: __VLS_WithTemplateSlots_23<DefineComponent<{
      * Sets the value of the radio.
      */
     customValue: {
-        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+        type: (SymbolConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
     };
     /** @ignore v-model binding */
     modelValue: {
-        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+        type: (SymbolConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -3707,7 +3760,7 @@ export declare const CdrRating: DefineComponent<{
     count: string | number;
 }, {}>;
 
-export declare const CdrSelect: __VLS_WithTemplateSlots_24<DefineComponent<{
+export declare const CdrSelect: __VLS_WithTemplateSlots_23<DefineComponent<{
     /**
      * Custom ID that is mapped to the label ‘for’ attribute. If this value is not set, it will be auto-generated.
      */
@@ -3759,7 +3812,7 @@ export declare const CdrSelect: __VLS_WithTemplateSlots_24<DefineComponent<{
     size: StringConstructor;
     /** Sets the select to an error state, displays the `error` slot if one is present. */
     error: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
     /**
@@ -3771,7 +3824,7 @@ export declare const CdrSelect: __VLS_WithTemplateSlots_24<DefineComponent<{
     };
     /** @ignore */
     modelValue: {
-        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+        type: (SymbolConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
     };
     /** Disables the input and sets appropriate styling */
     disabled: BooleanConstructor;
@@ -3839,7 +3892,7 @@ export declare const CdrSelect: __VLS_WithTemplateSlots_24<DefineComponent<{
     size: StringConstructor;
     /** Sets the select to an error state, displays the `error` slot if one is present. */
     error: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
     /**
@@ -3851,7 +3904,7 @@ export declare const CdrSelect: __VLS_WithTemplateSlots_24<DefineComponent<{
     };
     /** @ignore */
     modelValue: {
-        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+        type: (SymbolConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
     };
     /** Disables the input and sets appropriate styling */
     disabled: BooleanConstructor;
@@ -3885,7 +3938,7 @@ export declare const CdrSelect: __VLS_WithTemplateSlots_24<DefineComponent<{
     error?(_: {}): any;
 }>;
 
-export declare const CdrSkeleton: __VLS_WithTemplateSlots_25<DefineComponent<{
+export declare const CdrSkeleton: __VLS_WithTemplateSlots_24<DefineComponent<{
     /**
      * Toggle animation on/off.
      * When `true`, animated gradient will be used while loading.
@@ -3939,10 +3992,24 @@ export declare const CdrSkeletonBone: DefineComponent<{
     type: string;
 }, {}>;
 
-export declare const CdrSubheadingSans: __VLS_WithTemplateSlots_225<DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<subheadingSansTextProps>, {
+export declare const CdrSplitSurface: __VLS_WithTemplateSlots_25<DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<splitSurfaceProps>, {
+    surface: string;
+    tag: string;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<splitSurfaceProps>, {
+    surface: string;
+    tag: string;
+}>>>, {
+    tag: string;
+    surface: "bottom" | "top";
+}, {}>, {
+    top?(_: {}): any;
+    bottom?(_: {}): any;
+}>;
+
+export declare const CdrSubheadingSans: __VLS_WithTemplateSlots_225<DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<subheadingSansTextProps>, {
     tag: string;
     scale: string;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<subheadingSansTextProps>, {
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<subheadingSansTextProps>, {
     tag: string;
     scale: string;
 }>>>, {
@@ -4040,7 +4107,7 @@ export declare const CdrTable: __VLS_WithTemplateSlots_26<DefineComponent<{
     };
     /** Sets the width to 100%. Also accepts space separated strings for breakpoints that it should be full width: { '@xs' | '@sm' | '@md' | '@lg' } */
     fullWidth: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
     /** Makes the table scroll horizontally when it would overflow its container */
@@ -4078,7 +4145,7 @@ export declare const CdrTable: __VLS_WithTemplateSlots_26<DefineComponent<{
     };
     /** Sets the width to 100%. Also accepts space separated strings for breakpoints that it should be full width: { '@xs' | '@sm' | '@md' | '@lg' } */
     fullWidth: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
     /** Makes the table scroll horizontally when it would overflow its container */
@@ -4212,9 +4279,9 @@ export declare const CdrTabs: __VLS_WithTemplateSlots_28<DefineComponent<{
     default?(_: {}): any;
 }>;
 
-export declare const CdrText: __VLS_WithTemplateSlots_29<DefineComponent<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<baseTextProps>, {
+export declare const CdrText: __VLS_WithTemplateSlots_29<DefineComponent<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<baseTextProps>, {
     tag: string;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<baseTextProps>, {
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<baseTextProps>, {
     tag: string;
 }>>>, {
     tag: string;
@@ -4222,19 +4289,11 @@ export declare const CdrText: __VLS_WithTemplateSlots_29<DefineComponent<__VLS_W
     default?(_: {}): any;
 }>;
 
-export declare const CdrTitle: __VLS_WithTemplateSlots_30<DefineComponent<{
-    /** Sets the HTML tag (p, span, h1, h2, etc) */
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
-    /** Sets the HTML tag (p, span, h1, h2, etc) */
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>, {
+export declare const CdrTitle: __VLS_WithTemplateSlots_30<DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<baseTextProps>, {
+    tag: string;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<baseTextProps>, {
+    tag: string;
+}>>>, {
     tag: string;
 }, {}>, {
     default?(_: {}): any;
@@ -4338,7 +4397,7 @@ export declare const CdrToggleButton: __VLS_WithTemplateSlots_32<DefineComponent
 export declare const CdrToggleGroup: __VLS_WithTemplateSlots_33<DefineComponent<{
     /** @ignore */
     modelValue: {
-        type: (StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor)[];
         required: true;
     };
     /**
@@ -4356,7 +4415,7 @@ export declare const CdrToggleGroup: __VLS_WithTemplateSlots_33<DefineComponent<
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     /** @ignore */
     modelValue: {
-        type: (StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor)[];
         required: true;
     };
     /**
@@ -4401,7 +4460,6 @@ export declare const CdrTooltip: __VLS_WithTemplateSlots_35<DefineComponent<{
     /** ID for the tooltip element, required for accessibility */
     id: {
         type: StringConstructor;
-        required: true;
     };
     /** Add custom class to the tooltip content wrapper. Allows for overriding size, styling, etc. */
     contentClass: {
@@ -4443,7 +4501,6 @@ export declare const CdrTooltip: __VLS_WithTemplateSlots_35<DefineComponent<{
     /** ID for the tooltip element, required for accessibility */
     id: {
         type: StringConstructor;
-        required: true;
     };
     /** Add custom class to the tooltip content wrapper. Allows for overriding size, styling, etc. */
     contentClass: {
@@ -4470,11 +4527,11 @@ export declare const CdrTooltip: __VLS_WithTemplateSlots_35<DefineComponent<{
     default?(_: {}): any;
 }>;
 
-export declare const CdrUtilitySans: __VLS_WithTemplateSlots_226<DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<utilitySansTextProps>, {
+export declare const CdrUtilitySans: __VLS_WithTemplateSlots_226<DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<utilitySansTextProps>, {
     tag: string;
     scale: string;
     strong: boolean;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<utilitySansTextProps>, {
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<utilitySansTextProps>, {
     tag: string;
     scale: string;
     strong: boolean;
@@ -4486,11 +4543,11 @@ export declare const CdrUtilitySans: __VLS_WithTemplateSlots_226<DefineComponent
     default?(_: {}): any;
 }>;
 
-export declare const CdrUtilitySerif: __VLS_WithTemplateSlots_227<DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<utilitySerifTextProps>, {
+export declare const CdrUtilitySerif: __VLS_WithTemplateSlots_227<DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<utilitySerifTextProps>, {
     tag: string;
     scale: string;
     strong: boolean;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<utilitySerifTextProps>, {
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<utilitySerifTextProps>, {
     tag: string;
     scale: string;
     strong: boolean;
@@ -6769,15 +6826,6 @@ export declare const IconZoomOut: __VLS_WithTemplateSlots_221<DefineComponent<{
     default?(_: {}): any;
 }>;
 
-declare interface leadProps {
-    /**
-     * Sets the orientation of the background surface
-     * @demoSelectMultiple false
-     * @values top, bottom
-     */
-    surface?: 'top' | 'bottom';
-}
-
 /**
  * Pagination data object
  *
@@ -6826,6 +6874,17 @@ export declare interface selectOption {
     value: string;
 }
 
+declare interface splitSurfaceProps {
+    /**
+     * Sets the orientation of the surface to the top or bottom slot
+     * @demoSelectMultiple false
+     * @values top, bottom
+     */
+    surface?: 'top' | 'bottom';
+    /** Sets the HTML tag for the split-surface element */
+    tag?: string;
+}
+
 declare interface subheadingSansTextProps extends baseTextProps {
     /**
      * Sets the type scale