npm - @razorpay/blade - Versions diffs - 11.13.1 → 11.15.0 - Mend

@razorpay/blade 11.13.1 → 11.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (107) hide show

package/build/types/components/index.d.ts CHANGED Viewed

@@ -1265,7 +1265,7 @@ type CommonBoxVisualProps = MakeObjectResponsive<{
     borderTopRightRadius: keyof Border['radius'];
     borderBottomRightRadius: keyof Border['radius'];
     borderBottomLeftRadius: keyof Border['radius'];
-} & PickCSSByPlatform<'backgroundImage' | 'backgroundSize' | 'backgroundPosition' | 'backgroundOrigin' | 'backgroundRepeat' | 'pointerEvents' | 'opacity' | 'visibility' | 'transform' | 'transformOrigin' | 'clipPath'> & {
+} & PickCSSByPlatform<'backgroundImage' | 'backgroundSize' | 'backgroundPosition' | 'backgroundOrigin' | 'backgroundRepeat' | 'pointerEvents' | 'opacity' | 'visibility' | 'transform' | 'transformOrigin' | 'clipPath' | 'borderStyle' | 'borderTopStyle' | 'borderBottomStyle' | 'borderLeftStyle' | 'borderRightStyle'> & {
     /**
      * Sets the elevation for Box
      *
@@ -1289,7 +1289,7 @@ type BoxVisualProps = MakeObjectResponsive<{
 }> & {
     as: BoxAsType;
 };
-type StyledPropsBlade = Partial<Omit<MarginProps & Pick<FlexboxProps, 'alignSelf' | 'justifySelf' | 'placeSelf' | 'order'> & PositionProps & Pick<GridProps, 'gridColumn' | 'gridRow' | 'gridRowStart' | 'gridRowEnd' | 'gridColumnStart' | 'gridColumnEnd' | 'gridArea'> & Pick<LayoutProps, 'display'>, '__brand__'>>;
+type StyledPropsBlade = Partial<Omit<MarginProps & Pick<FlexboxProps, 'alignSelf' | 'justifySelf' | 'placeSelf' | 'order'> & PositionProps & Pick<GridProps, 'gridColumn' | 'gridRow' | 'gridRowStart' | 'gridRowEnd' | 'gridColumnStart' | 'gridColumnEnd' | 'gridArea'> & Pick<LayoutProps, 'display'> & Pick<CommonBoxVisualProps, 'visibility'>, '__brand__'>>;
 type BoxCallbackProps = Omit<Platform.Select<{
     web: {
         /**
@@ -2351,6 +2351,14 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
         readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
     };
+    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
+        readonly base?: csstype.Property.BorderBottomStyle | undefined;
+        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
+        readonly s?: csstype.Property.BorderBottomStyle | undefined;
+        readonly m?: csstype.Property.BorderBottomStyle | undefined;
+        readonly l?: csstype.Property.BorderBottomStyle | undefined;
+        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
+    } | undefined;
     borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
         readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
@@ -2367,6 +2375,14 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
         readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
     };
+    borderLeftStyle?: csstype.Property.BorderLeftStyle | {
+        readonly base?: csstype.Property.BorderLeftStyle | undefined;
+        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
+        readonly s?: csstype.Property.BorderLeftStyle | undefined;
+        readonly m?: csstype.Property.BorderLeftStyle | undefined;
+        readonly l?: csstype.Property.BorderLeftStyle | undefined;
+        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
+    } | undefined;
     borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
         readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
@@ -2383,6 +2399,14 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
         readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
     };
+    borderRightStyle?: csstype.Property.BorderRightStyle | {
+        readonly base?: csstype.Property.BorderRightStyle | undefined;
+        readonly xs?: csstype.Property.BorderRightStyle | undefined;
+        readonly s?: csstype.Property.BorderRightStyle | undefined;
+        readonly m?: csstype.Property.BorderRightStyle | undefined;
+        readonly l?: csstype.Property.BorderRightStyle | undefined;
+        readonly xl?: csstype.Property.BorderRightStyle | undefined;
+    } | undefined;
     borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
         readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
@@ -2415,6 +2439,14 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
         readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
     };
+    borderTopStyle?: csstype.Property.BorderTopStyle | {
+        readonly base?: csstype.Property.BorderTopStyle | undefined;
+        readonly xs?: csstype.Property.BorderTopStyle | undefined;
+        readonly s?: csstype.Property.BorderTopStyle | undefined;
+        readonly m?: csstype.Property.BorderTopStyle | undefined;
+        readonly l?: csstype.Property.BorderTopStyle | undefined;
+        readonly xl?: csstype.Property.BorderTopStyle | undefined;
+    } | undefined;
     borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
         readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
@@ -2495,6 +2527,14 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
         readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
     };
+    borderStyle?: csstype.Property.BorderStyle | {
+        readonly base?: csstype.Property.BorderStyle | undefined;
+        readonly xs?: csstype.Property.BorderStyle | undefined;
+        readonly s?: csstype.Property.BorderStyle | undefined;
+        readonly m?: csstype.Property.BorderStyle | undefined;
+        readonly l?: csstype.Property.BorderStyle | undefined;
+        readonly xl?: csstype.Property.BorderStyle | undefined;
+    } | undefined;
     borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
         readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
@@ -2832,6 +2872,10 @@ type AlertProps = {
      * A callback when the dismiss button is clicked
      */
     onDismiss?: () => void;
+    /**
+     * Can be used to render custom icon
+     */
+    icon?: IconComponent;
     /**
      * Can be set to `high` for a more prominent look. Not to be confused with a11y emphasis.
      *
@@ -2863,7 +2907,7 @@ type AlertProps = {
         secondary?: SecondaryAction;
     };
 } & TestID & StyledPropsBlade;
-declare const Alert: ({ description, title, isDismissible, onDismiss, emphasis, isFullWidth, color, actions, testID, ...styledProps }: AlertProps) => ReactElement | null;
+declare const Alert: ({ description, title, isDismissible, onDismiss, emphasis, isFullWidth, color, actions, testID, icon, ...styledProps }: AlertProps) => ReactElement | null;
 type AriaRoles = Exclude<AccessibilityRole, 'header' | 'adjustable' | 'image' | 'none' | 'summary'> | 'alert' | 'alertdialog' | 'application' | 'article' | 'banner' | 'button' | 'cell' | 'checkbox' | 'columnheader' | 'combobox' | 'complementary' | 'contentinfo' | 'definition' | 'dialog' | 'directory' | 'document' | 'feed' | 'figure' | 'form' | 'grid' | 'gridcell' | 'group' | 'heading' | 'img' | 'link' | 'list' | 'listbox' | 'listitem' | 'log' | 'main' | 'marquee' | 'math' | 'menu' | 'menubar' | 'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'meter' | 'navigation' | 'none' | 'note' | 'option' | 'presentation' | 'progressbar' | 'radio' | 'radiogroup' | 'region' | 'row' | 'rowgroup' | 'rowheader' | 'scrollbar' | 'search' | 'searchbox' | 'separator' | 'slider' | 'spinbutton' | 'status' | 'switch' | 'tab' | 'table' | 'tablist' | 'tabpanel' | 'term' | 'textbox' | 'timer' | 'toolbar' | 'tooltip' | 'tree' | 'treegrid' | 'treeitem';
 type AccessibilityProps = AriaAttributes;
@@ -4648,7 +4692,272 @@ declare const Checkbox: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-web" | undefined;
         readonly xl?: "platform-web" | undefined;
     } | undefined;
-}, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
+}, "display"> & Pick<{
+    elevation?: ElevationLevels | {
+        readonly base?: ElevationLevels | undefined;
+        readonly xs?: ElevationLevels | undefined;
+        readonly s?: ElevationLevels | undefined;
+        readonly m?: ElevationLevels | undefined;
+        readonly l?: ElevationLevels | undefined;
+        readonly xl?: ElevationLevels | undefined;
+    } | undefined;
+    backgroundImage?: csstype.Property.BackgroundImage | {
+        readonly base?: csstype.Property.BackgroundImage | undefined;
+        readonly xs?: csstype.Property.BackgroundImage | undefined;
+        readonly s?: csstype.Property.BackgroundImage | undefined;
+        readonly m?: csstype.Property.BackgroundImage | undefined;
+        readonly l?: csstype.Property.BackgroundImage | undefined;
+        readonly xl?: csstype.Property.BackgroundImage | undefined;
+    } | undefined;
+    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
+        readonly base?: csstype.Property.BackgroundOrigin | undefined;
+        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
+        readonly s?: csstype.Property.BackgroundOrigin | undefined;
+        readonly m?: csstype.Property.BackgroundOrigin | undefined;
+        readonly l?: csstype.Property.BackgroundOrigin | undefined;
+        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
+    } | undefined;
+    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
+        readonly base?: csstype.Property.BackgroundRepeat | undefined;
+        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
+        readonly s?: csstype.Property.BackgroundRepeat | undefined;
+        readonly m?: csstype.Property.BackgroundRepeat | undefined;
+        readonly l?: csstype.Property.BackgroundRepeat | undefined;
+        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
+    } | undefined;
+    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
+        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
+    } | undefined;
+    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderBottomLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
+        readonly base?: csstype.Property.BorderBottomStyle | undefined;
+        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
+        readonly s?: csstype.Property.BorderBottomStyle | undefined;
+        readonly m?: csstype.Property.BorderBottomStyle | undefined;
+        readonly l?: csstype.Property.BorderBottomStyle | undefined;
+        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
+    } | undefined;
+    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderLeftStyle?: csstype.Property.BorderLeftStyle | {
+        readonly base?: csstype.Property.BorderLeftStyle | undefined;
+        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
+        readonly s?: csstype.Property.BorderLeftStyle | undefined;
+        readonly m?: csstype.Property.BorderLeftStyle | undefined;
+        readonly l?: csstype.Property.BorderLeftStyle | undefined;
+        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
+    } | undefined;
+    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderRightStyle?: csstype.Property.BorderRightStyle | {
+        readonly base?: csstype.Property.BorderRightStyle | undefined;
+        readonly xs?: csstype.Property.BorderRightStyle | undefined;
+        readonly s?: csstype.Property.BorderRightStyle | undefined;
+        readonly m?: csstype.Property.BorderRightStyle | undefined;
+        readonly l?: csstype.Property.BorderRightStyle | undefined;
+        readonly xl?: csstype.Property.BorderRightStyle | undefined;
+    } | undefined;
+    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderTopLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderTopStyle?: csstype.Property.BorderTopStyle | {
+        readonly base?: csstype.Property.BorderTopStyle | undefined;
+        readonly xs?: csstype.Property.BorderTopStyle | undefined;
+        readonly s?: csstype.Property.BorderTopStyle | undefined;
+        readonly m?: csstype.Property.BorderTopStyle | undefined;
+        readonly l?: csstype.Property.BorderTopStyle | undefined;
+        readonly xl?: csstype.Property.BorderTopStyle | undefined;
+    } | undefined;
+    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    clipPath?: csstype.Property.ClipPath | {
+        readonly base?: csstype.Property.ClipPath | undefined;
+        readonly xs?: csstype.Property.ClipPath | undefined;
+        readonly s?: csstype.Property.ClipPath | undefined;
+        readonly m?: csstype.Property.ClipPath | undefined;
+        readonly l?: csstype.Property.ClipPath | undefined;
+        readonly xl?: csstype.Property.ClipPath | undefined;
+    } | undefined;
+    opacity?: csstype.Property.Opacity | {
+        readonly base?: csstype.Property.Opacity | undefined;
+        readonly xs?: csstype.Property.Opacity | undefined;
+        readonly s?: csstype.Property.Opacity | undefined;
+        readonly m?: csstype.Property.Opacity | undefined;
+        readonly l?: csstype.Property.Opacity | undefined;
+        readonly xl?: csstype.Property.Opacity | undefined;
+    } | undefined;
+    pointerEvents?: csstype.Property.PointerEvents | {
+        readonly base?: csstype.Property.PointerEvents | undefined;
+        readonly xs?: csstype.Property.PointerEvents | undefined;
+        readonly s?: csstype.Property.PointerEvents | undefined;
+        readonly m?: csstype.Property.PointerEvents | undefined;
+        readonly l?: csstype.Property.PointerEvents | undefined;
+        readonly xl?: csstype.Property.PointerEvents | undefined;
+    } | undefined;
+    transform?: csstype.Property.Transform | {
+        readonly base?: csstype.Property.Transform | undefined;
+        readonly xs?: csstype.Property.Transform | undefined;
+        readonly s?: csstype.Property.Transform | undefined;
+        readonly m?: csstype.Property.Transform | undefined;
+        readonly l?: csstype.Property.Transform | undefined;
+        readonly xl?: csstype.Property.Transform | undefined;
+    } | undefined;
+    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
+        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
+    } | undefined;
+    visibility?: csstype.Property.Visibility | {
+        readonly base?: csstype.Property.Visibility | undefined;
+        readonly xs?: csstype.Property.Visibility | undefined;
+        readonly s?: csstype.Property.Visibility | undefined;
+        readonly m?: csstype.Property.Visibility | undefined;
+        readonly l?: csstype.Property.Visibility | undefined;
+        readonly xl?: csstype.Property.Visibility | undefined;
+    } | undefined;
+    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
+        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
+    } | undefined;
+    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderStyle?: csstype.Property.BorderStyle | {
+        readonly base?: csstype.Property.BorderStyle | undefined;
+        readonly xs?: csstype.Property.BorderStyle | undefined;
+        readonly s?: csstype.Property.BorderStyle | undefined;
+        readonly m?: csstype.Property.BorderStyle | undefined;
+        readonly l?: csstype.Property.BorderStyle | undefined;
+        readonly xl?: csstype.Property.BorderStyle | undefined;
+    } | undefined;
+    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    __brand__?: "platform-web" | {
+        readonly base?: "platform-web" | undefined;
+        readonly xs?: "platform-web" | undefined;
+        readonly s?: "platform-web" | undefined;
+        readonly m?: "platform-web" | undefined;
+        readonly l?: "platform-web" | undefined;
+        readonly xl?: "platform-web" | undefined;
+    } | undefined;
+}, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
 type CheckboxGroupProps = {
     /**
@@ -5119,26 +5428,291 @@ declare const Chip: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-web" | undefined;
         readonly xl?: "platform-web" | undefined;
     } | undefined;
-}, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
-declare const ChipGroup: ({ accessibilityLabel, children, isDisabled, name, defaultValue, onChange, value, size, color, testID, selectionType, ...styledProps }: ChipGroupProps) => React__default.ReactElement;
-type CollapsibleProps = {
-    /**
-     * Composes `CollapsibleButton`, `CollapsibleLink`, `CollapsibleBody`
-     */
-    children: ReactNode;
-    /**
-     * Direction in which the content expands
-     *
-     * @default bottom
-     */
-    direction?: 'bottom' | 'top';
-    /**
-     * Expands the collapsible content by default (uncontrolled)
-     *
-     * @default false
-     */
+}, "display"> & Pick<{
+    elevation?: ElevationLevels | {
+        readonly base?: ElevationLevels | undefined;
+        readonly xs?: ElevationLevels | undefined;
+        readonly s?: ElevationLevels | undefined;
+        readonly m?: ElevationLevels | undefined;
+        readonly l?: ElevationLevels | undefined;
+        readonly xl?: ElevationLevels | undefined;
+    } | undefined;
+    backgroundImage?: csstype.Property.BackgroundImage | {
+        readonly base?: csstype.Property.BackgroundImage | undefined;
+        readonly xs?: csstype.Property.BackgroundImage | undefined;
+        readonly s?: csstype.Property.BackgroundImage | undefined;
+        readonly m?: csstype.Property.BackgroundImage | undefined;
+        readonly l?: csstype.Property.BackgroundImage | undefined;
+        readonly xl?: csstype.Property.BackgroundImage | undefined;
+    } | undefined;
+    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
+        readonly base?: csstype.Property.BackgroundOrigin | undefined;
+        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
+        readonly s?: csstype.Property.BackgroundOrigin | undefined;
+        readonly m?: csstype.Property.BackgroundOrigin | undefined;
+        readonly l?: csstype.Property.BackgroundOrigin | undefined;
+        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
+    } | undefined;
+    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
+        readonly base?: csstype.Property.BackgroundRepeat | undefined;
+        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
+        readonly s?: csstype.Property.BackgroundRepeat | undefined;
+        readonly m?: csstype.Property.BackgroundRepeat | undefined;
+        readonly l?: csstype.Property.BackgroundRepeat | undefined;
+        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
+    } | undefined;
+    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
+        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
+    } | undefined;
+    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderBottomLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
+        readonly base?: csstype.Property.BorderBottomStyle | undefined;
+        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
+        readonly s?: csstype.Property.BorderBottomStyle | undefined;
+        readonly m?: csstype.Property.BorderBottomStyle | undefined;
+        readonly l?: csstype.Property.BorderBottomStyle | undefined;
+        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
+    } | undefined;
+    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderLeftStyle?: csstype.Property.BorderLeftStyle | {
+        readonly base?: csstype.Property.BorderLeftStyle | undefined;
+        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
+        readonly s?: csstype.Property.BorderLeftStyle | undefined;
+        readonly m?: csstype.Property.BorderLeftStyle | undefined;
+        readonly l?: csstype.Property.BorderLeftStyle | undefined;
+        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
+    } | undefined;
+    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderRightStyle?: csstype.Property.BorderRightStyle | {
+        readonly base?: csstype.Property.BorderRightStyle | undefined;
+        readonly xs?: csstype.Property.BorderRightStyle | undefined;
+        readonly s?: csstype.Property.BorderRightStyle | undefined;
+        readonly m?: csstype.Property.BorderRightStyle | undefined;
+        readonly l?: csstype.Property.BorderRightStyle | undefined;
+        readonly xl?: csstype.Property.BorderRightStyle | undefined;
+    } | undefined;
+    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderTopLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderTopStyle?: csstype.Property.BorderTopStyle | {
+        readonly base?: csstype.Property.BorderTopStyle | undefined;
+        readonly xs?: csstype.Property.BorderTopStyle | undefined;
+        readonly s?: csstype.Property.BorderTopStyle | undefined;
+        readonly m?: csstype.Property.BorderTopStyle | undefined;
+        readonly l?: csstype.Property.BorderTopStyle | undefined;
+        readonly xl?: csstype.Property.BorderTopStyle | undefined;
+    } | undefined;
+    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    clipPath?: csstype.Property.ClipPath | {
+        readonly base?: csstype.Property.ClipPath | undefined;
+        readonly xs?: csstype.Property.ClipPath | undefined;
+        readonly s?: csstype.Property.ClipPath | undefined;
+        readonly m?: csstype.Property.ClipPath | undefined;
+        readonly l?: csstype.Property.ClipPath | undefined;
+        readonly xl?: csstype.Property.ClipPath | undefined;
+    } | undefined;
+    opacity?: csstype.Property.Opacity | {
+        readonly base?: csstype.Property.Opacity | undefined;
+        readonly xs?: csstype.Property.Opacity | undefined;
+        readonly s?: csstype.Property.Opacity | undefined;
+        readonly m?: csstype.Property.Opacity | undefined;
+        readonly l?: csstype.Property.Opacity | undefined;
+        readonly xl?: csstype.Property.Opacity | undefined;
+    } | undefined;
+    pointerEvents?: csstype.Property.PointerEvents | {
+        readonly base?: csstype.Property.PointerEvents | undefined;
+        readonly xs?: csstype.Property.PointerEvents | undefined;
+        readonly s?: csstype.Property.PointerEvents | undefined;
+        readonly m?: csstype.Property.PointerEvents | undefined;
+        readonly l?: csstype.Property.PointerEvents | undefined;
+        readonly xl?: csstype.Property.PointerEvents | undefined;
+    } | undefined;
+    transform?: csstype.Property.Transform | {
+        readonly base?: csstype.Property.Transform | undefined;
+        readonly xs?: csstype.Property.Transform | undefined;
+        readonly s?: csstype.Property.Transform | undefined;
+        readonly m?: csstype.Property.Transform | undefined;
+        readonly l?: csstype.Property.Transform | undefined;
+        readonly xl?: csstype.Property.Transform | undefined;
+    } | undefined;
+    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
+        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
+    } | undefined;
+    visibility?: csstype.Property.Visibility | {
+        readonly base?: csstype.Property.Visibility | undefined;
+        readonly xs?: csstype.Property.Visibility | undefined;
+        readonly s?: csstype.Property.Visibility | undefined;
+        readonly m?: csstype.Property.Visibility | undefined;
+        readonly l?: csstype.Property.Visibility | undefined;
+        readonly xl?: csstype.Property.Visibility | undefined;
+    } | undefined;
+    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
+        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
+    } | undefined;
+    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderStyle?: csstype.Property.BorderStyle | {
+        readonly base?: csstype.Property.BorderStyle | undefined;
+        readonly xs?: csstype.Property.BorderStyle | undefined;
+        readonly s?: csstype.Property.BorderStyle | undefined;
+        readonly m?: csstype.Property.BorderStyle | undefined;
+        readonly l?: csstype.Property.BorderStyle | undefined;
+        readonly xl?: csstype.Property.BorderStyle | undefined;
+    } | undefined;
+    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    __brand__?: "platform-web" | {
+        readonly base?: "platform-web" | undefined;
+        readonly xs?: "platform-web" | undefined;
+        readonly s?: "platform-web" | undefined;
+        readonly m?: "platform-web" | undefined;
+        readonly l?: "platform-web" | undefined;
+        readonly xl?: "platform-web" | undefined;
+    } | undefined;
+}, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
+declare const ChipGroup: ({ accessibilityLabel, children, isDisabled, name, defaultValue, onChange, value, size, color, testID, selectionType, ...styledProps }: ChipGroupProps) => React__default.ReactElement;
+type CollapsibleProps = {
+    /**
+     * Composes `CollapsibleButton`, `CollapsibleLink`, `CollapsibleBody`
+     */
+    children: ReactNode;
+    /**
+     * Direction in which the content expands
+     *
+     * @default bottom
+     */
+    direction?: 'bottom' | 'top';
+    /**
+     * Expands the collapsible content by default (uncontrolled)
+     *
+     * @default false
+     */
     defaultIsExpanded?: boolean;
     /**
      * Expands the collapsible content (controlled)
@@ -5594,7 +6168,7 @@ type IndicatorCommonProps = {
      *
      * @default neutral
      */
-    color?: FeedbackColors;
+    color?: FeedbackColors | 'primary';
     /**
      * Size of the indicator
      *
@@ -6691,13 +7265,278 @@ declare const PhoneNumberInput: React__default.ForwardRefExoticComponent<Partial
         readonly l?: "platform-web" | undefined;
         readonly xl?: "platform-web" | undefined;
     } | undefined;
-}, "display">, "__brand__">> & {
-    name?: string | undefined;
-    label?: string | undefined;
-    testID?: string | undefined;
-    size?: "medium" | "large" | undefined;
-    onBlur?: FormInputOnEvent | undefined;
-    onFocus?: FormInputOnEvent | undefined;
+}, "display"> & Pick<{
+    elevation?: ElevationLevels | {
+        readonly base?: ElevationLevels | undefined;
+        readonly xs?: ElevationLevels | undefined;
+        readonly s?: ElevationLevels | undefined;
+        readonly m?: ElevationLevels | undefined;
+        readonly l?: ElevationLevels | undefined;
+        readonly xl?: ElevationLevels | undefined;
+    } | undefined;
+    backgroundImage?: csstype.Property.BackgroundImage | {
+        readonly base?: csstype.Property.BackgroundImage | undefined;
+        readonly xs?: csstype.Property.BackgroundImage | undefined;
+        readonly s?: csstype.Property.BackgroundImage | undefined;
+        readonly m?: csstype.Property.BackgroundImage | undefined;
+        readonly l?: csstype.Property.BackgroundImage | undefined;
+        readonly xl?: csstype.Property.BackgroundImage | undefined;
+    } | undefined;
+    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
+        readonly base?: csstype.Property.BackgroundOrigin | undefined;
+        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
+        readonly s?: csstype.Property.BackgroundOrigin | undefined;
+        readonly m?: csstype.Property.BackgroundOrigin | undefined;
+        readonly l?: csstype.Property.BackgroundOrigin | undefined;
+        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
+    } | undefined;
+    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
+        readonly base?: csstype.Property.BackgroundRepeat | undefined;
+        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
+        readonly s?: csstype.Property.BackgroundRepeat | undefined;
+        readonly m?: csstype.Property.BackgroundRepeat | undefined;
+        readonly l?: csstype.Property.BackgroundRepeat | undefined;
+        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
+    } | undefined;
+    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
+        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
+    } | undefined;
+    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderBottomLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
+        readonly base?: csstype.Property.BorderBottomStyle | undefined;
+        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
+        readonly s?: csstype.Property.BorderBottomStyle | undefined;
+        readonly m?: csstype.Property.BorderBottomStyle | undefined;
+        readonly l?: csstype.Property.BorderBottomStyle | undefined;
+        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
+    } | undefined;
+    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderLeftStyle?: csstype.Property.BorderLeftStyle | {
+        readonly base?: csstype.Property.BorderLeftStyle | undefined;
+        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
+        readonly s?: csstype.Property.BorderLeftStyle | undefined;
+        readonly m?: csstype.Property.BorderLeftStyle | undefined;
+        readonly l?: csstype.Property.BorderLeftStyle | undefined;
+        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
+    } | undefined;
+    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderRightStyle?: csstype.Property.BorderRightStyle | {
+        readonly base?: csstype.Property.BorderRightStyle | undefined;
+        readonly xs?: csstype.Property.BorderRightStyle | undefined;
+        readonly s?: csstype.Property.BorderRightStyle | undefined;
+        readonly m?: csstype.Property.BorderRightStyle | undefined;
+        readonly l?: csstype.Property.BorderRightStyle | undefined;
+        readonly xl?: csstype.Property.BorderRightStyle | undefined;
+    } | undefined;
+    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderTopLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderTopStyle?: csstype.Property.BorderTopStyle | {
+        readonly base?: csstype.Property.BorderTopStyle | undefined;
+        readonly xs?: csstype.Property.BorderTopStyle | undefined;
+        readonly s?: csstype.Property.BorderTopStyle | undefined;
+        readonly m?: csstype.Property.BorderTopStyle | undefined;
+        readonly l?: csstype.Property.BorderTopStyle | undefined;
+        readonly xl?: csstype.Property.BorderTopStyle | undefined;
+    } | undefined;
+    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    clipPath?: csstype.Property.ClipPath | {
+        readonly base?: csstype.Property.ClipPath | undefined;
+        readonly xs?: csstype.Property.ClipPath | undefined;
+        readonly s?: csstype.Property.ClipPath | undefined;
+        readonly m?: csstype.Property.ClipPath | undefined;
+        readonly l?: csstype.Property.ClipPath | undefined;
+        readonly xl?: csstype.Property.ClipPath | undefined;
+    } | undefined;
+    opacity?: csstype.Property.Opacity | {
+        readonly base?: csstype.Property.Opacity | undefined;
+        readonly xs?: csstype.Property.Opacity | undefined;
+        readonly s?: csstype.Property.Opacity | undefined;
+        readonly m?: csstype.Property.Opacity | undefined;
+        readonly l?: csstype.Property.Opacity | undefined;
+        readonly xl?: csstype.Property.Opacity | undefined;
+    } | undefined;
+    pointerEvents?: csstype.Property.PointerEvents | {
+        readonly base?: csstype.Property.PointerEvents | undefined;
+        readonly xs?: csstype.Property.PointerEvents | undefined;
+        readonly s?: csstype.Property.PointerEvents | undefined;
+        readonly m?: csstype.Property.PointerEvents | undefined;
+        readonly l?: csstype.Property.PointerEvents | undefined;
+        readonly xl?: csstype.Property.PointerEvents | undefined;
+    } | undefined;
+    transform?: csstype.Property.Transform | {
+        readonly base?: csstype.Property.Transform | undefined;
+        readonly xs?: csstype.Property.Transform | undefined;
+        readonly s?: csstype.Property.Transform | undefined;
+        readonly m?: csstype.Property.Transform | undefined;
+        readonly l?: csstype.Property.Transform | undefined;
+        readonly xl?: csstype.Property.Transform | undefined;
+    } | undefined;
+    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
+        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
+    } | undefined;
+    visibility?: csstype.Property.Visibility | {
+        readonly base?: csstype.Property.Visibility | undefined;
+        readonly xs?: csstype.Property.Visibility | undefined;
+        readonly s?: csstype.Property.Visibility | undefined;
+        readonly m?: csstype.Property.Visibility | undefined;
+        readonly l?: csstype.Property.Visibility | undefined;
+        readonly xl?: csstype.Property.Visibility | undefined;
+    } | undefined;
+    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
+        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
+    } | undefined;
+    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderStyle?: csstype.Property.BorderStyle | {
+        readonly base?: csstype.Property.BorderStyle | undefined;
+        readonly xs?: csstype.Property.BorderStyle | undefined;
+        readonly s?: csstype.Property.BorderStyle | undefined;
+        readonly m?: csstype.Property.BorderStyle | undefined;
+        readonly l?: csstype.Property.BorderStyle | undefined;
+        readonly xl?: csstype.Property.BorderStyle | undefined;
+    } | undefined;
+    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    __brand__?: "platform-web" | {
+        readonly base?: "platform-web" | undefined;
+        readonly xs?: "platform-web" | undefined;
+        readonly s?: "platform-web" | undefined;
+        readonly m?: "platform-web" | undefined;
+        readonly l?: "platform-web" | undefined;
+        readonly xl?: "platform-web" | undefined;
+    } | undefined;
+}, "visibility">, "__brand__">> & {
+    name?: string | undefined;
+    label?: string | undefined;
+    testID?: string | undefined;
+    size?: "medium" | "large" | undefined;
+    onBlur?: FormInputOnEvent | undefined;
+    onFocus?: FormInputOnEvent | undefined;
     onClick?: FormInputOnEvent | undefined;
     defaultValue?: string | undefined;
     autoFocus?: boolean | undefined;
@@ -7483,28 +8322,293 @@ declare const Radio: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-web" | undefined;
         readonly xl?: "platform-web" | undefined;
     } | undefined;
-}, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
-type RadioGroupProps = {
-    /**
-     * Accepts multiple radios as children
-     */
-    children: React__default.ReactNode;
-    /**
-     * Help text of the radio group
-     */
-    helpText?: string;
-    /**
-     * Error text of the radio group
-     * Renders when `validationState` is set to 'error'
-     *
-     * Overrides helpText
-     */
-    errorText?: string;
-    /**
-     * Sets the error state of the radioGroup
-     * If set to `error` it will render the `errorText` of the group,
-     * and propagate `invalid` prop to every radio
+}, "display"> & Pick<{
+    elevation?: ElevationLevels | {
+        readonly base?: ElevationLevels | undefined;
+        readonly xs?: ElevationLevels | undefined;
+        readonly s?: ElevationLevels | undefined;
+        readonly m?: ElevationLevels | undefined;
+        readonly l?: ElevationLevels | undefined;
+        readonly xl?: ElevationLevels | undefined;
+    } | undefined;
+    backgroundImage?: csstype.Property.BackgroundImage | {
+        readonly base?: csstype.Property.BackgroundImage | undefined;
+        readonly xs?: csstype.Property.BackgroundImage | undefined;
+        readonly s?: csstype.Property.BackgroundImage | undefined;
+        readonly m?: csstype.Property.BackgroundImage | undefined;
+        readonly l?: csstype.Property.BackgroundImage | undefined;
+        readonly xl?: csstype.Property.BackgroundImage | undefined;
+    } | undefined;
+    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
+        readonly base?: csstype.Property.BackgroundOrigin | undefined;
+        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
+        readonly s?: csstype.Property.BackgroundOrigin | undefined;
+        readonly m?: csstype.Property.BackgroundOrigin | undefined;
+        readonly l?: csstype.Property.BackgroundOrigin | undefined;
+        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
+    } | undefined;
+    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
+        readonly base?: csstype.Property.BackgroundRepeat | undefined;
+        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
+        readonly s?: csstype.Property.BackgroundRepeat | undefined;
+        readonly m?: csstype.Property.BackgroundRepeat | undefined;
+        readonly l?: csstype.Property.BackgroundRepeat | undefined;
+        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
+    } | undefined;
+    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
+        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
+    } | undefined;
+    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderBottomLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
+        readonly base?: csstype.Property.BorderBottomStyle | undefined;
+        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
+        readonly s?: csstype.Property.BorderBottomStyle | undefined;
+        readonly m?: csstype.Property.BorderBottomStyle | undefined;
+        readonly l?: csstype.Property.BorderBottomStyle | undefined;
+        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
+    } | undefined;
+    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderLeftStyle?: csstype.Property.BorderLeftStyle | {
+        readonly base?: csstype.Property.BorderLeftStyle | undefined;
+        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
+        readonly s?: csstype.Property.BorderLeftStyle | undefined;
+        readonly m?: csstype.Property.BorderLeftStyle | undefined;
+        readonly l?: csstype.Property.BorderLeftStyle | undefined;
+        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
+    } | undefined;
+    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderRightStyle?: csstype.Property.BorderRightStyle | {
+        readonly base?: csstype.Property.BorderRightStyle | undefined;
+        readonly xs?: csstype.Property.BorderRightStyle | undefined;
+        readonly s?: csstype.Property.BorderRightStyle | undefined;
+        readonly m?: csstype.Property.BorderRightStyle | undefined;
+        readonly l?: csstype.Property.BorderRightStyle | undefined;
+        readonly xl?: csstype.Property.BorderRightStyle | undefined;
+    } | undefined;
+    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderTopLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderTopStyle?: csstype.Property.BorderTopStyle | {
+        readonly base?: csstype.Property.BorderTopStyle | undefined;
+        readonly xs?: csstype.Property.BorderTopStyle | undefined;
+        readonly s?: csstype.Property.BorderTopStyle | undefined;
+        readonly m?: csstype.Property.BorderTopStyle | undefined;
+        readonly l?: csstype.Property.BorderTopStyle | undefined;
+        readonly xl?: csstype.Property.BorderTopStyle | undefined;
+    } | undefined;
+    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    clipPath?: csstype.Property.ClipPath | {
+        readonly base?: csstype.Property.ClipPath | undefined;
+        readonly xs?: csstype.Property.ClipPath | undefined;
+        readonly s?: csstype.Property.ClipPath | undefined;
+        readonly m?: csstype.Property.ClipPath | undefined;
+        readonly l?: csstype.Property.ClipPath | undefined;
+        readonly xl?: csstype.Property.ClipPath | undefined;
+    } | undefined;
+    opacity?: csstype.Property.Opacity | {
+        readonly base?: csstype.Property.Opacity | undefined;
+        readonly xs?: csstype.Property.Opacity | undefined;
+        readonly s?: csstype.Property.Opacity | undefined;
+        readonly m?: csstype.Property.Opacity | undefined;
+        readonly l?: csstype.Property.Opacity | undefined;
+        readonly xl?: csstype.Property.Opacity | undefined;
+    } | undefined;
+    pointerEvents?: csstype.Property.PointerEvents | {
+        readonly base?: csstype.Property.PointerEvents | undefined;
+        readonly xs?: csstype.Property.PointerEvents | undefined;
+        readonly s?: csstype.Property.PointerEvents | undefined;
+        readonly m?: csstype.Property.PointerEvents | undefined;
+        readonly l?: csstype.Property.PointerEvents | undefined;
+        readonly xl?: csstype.Property.PointerEvents | undefined;
+    } | undefined;
+    transform?: csstype.Property.Transform | {
+        readonly base?: csstype.Property.Transform | undefined;
+        readonly xs?: csstype.Property.Transform | undefined;
+        readonly s?: csstype.Property.Transform | undefined;
+        readonly m?: csstype.Property.Transform | undefined;
+        readonly l?: csstype.Property.Transform | undefined;
+        readonly xl?: csstype.Property.Transform | undefined;
+    } | undefined;
+    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
+        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
+    } | undefined;
+    visibility?: csstype.Property.Visibility | {
+        readonly base?: csstype.Property.Visibility | undefined;
+        readonly xs?: csstype.Property.Visibility | undefined;
+        readonly s?: csstype.Property.Visibility | undefined;
+        readonly m?: csstype.Property.Visibility | undefined;
+        readonly l?: csstype.Property.Visibility | undefined;
+        readonly xl?: csstype.Property.Visibility | undefined;
+    } | undefined;
+    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
+        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
+    } | undefined;
+    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderStyle?: csstype.Property.BorderStyle | {
+        readonly base?: csstype.Property.BorderStyle | undefined;
+        readonly xs?: csstype.Property.BorderStyle | undefined;
+        readonly s?: csstype.Property.BorderStyle | undefined;
+        readonly m?: csstype.Property.BorderStyle | undefined;
+        readonly l?: csstype.Property.BorderStyle | undefined;
+        readonly xl?: csstype.Property.BorderStyle | undefined;
+    } | undefined;
+    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    __brand__?: "platform-web" | {
+        readonly base?: "platform-web" | undefined;
+        readonly xs?: "platform-web" | undefined;
+        readonly s?: "platform-web" | undefined;
+        readonly m?: "platform-web" | undefined;
+        readonly l?: "platform-web" | undefined;
+        readonly xl?: "platform-web" | undefined;
+    } | undefined;
+}, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
+type RadioGroupProps = {
+    /**
+     * Accepts multiple radios as children
+     */
+    children: React__default.ReactNode;
+    /**
+     * Help text of the radio group
+     */
+    helpText?: string;
+    /**
+     * Error text of the radio group
+     * Renders when `validationState` is set to 'error'
+     *
+     * Overrides helpText
+     */
+    errorText?: string;
+    /**
+     * Sets the error state of the radioGroup
+     * If set to `error` it will render the `errorText` of the group,
+     * and propagate `invalid` prop to every radio
      */
     validationState?: 'error' | 'none';
     /**
@@ -7701,36 +8805,190 @@ type SpotlightPopoverTourProps = {
     /**
      * Callback which fires when the `stopTour` method is called from the `steps` array
      */
-    onFinish?: () => void;
+    onFinish?: () => void;
+    /**
+     * Callback when the active step changes
+     */
+    onStepChange?: (step: number) => void;
+    /**
+     * Active step to be rendered
+     */
+    activeStep: number;
+    children: React.ReactNode;
+};
+type SpotlightPopoverTourStepProps = {
+    name: string;
+    children: React.ReactNode;
+};
+declare const SpotlightPopoverTour: ({ steps, activeStep, isOpen, onFinish, onOpenChange, onStepChange, children, }: SpotlightPopoverTourProps) => React__default.ReactElement;
+type SpotlightPopoverFooterAction = {
+    text?: string;
+} & Pick<ButtonProps, 'variant' | 'icon' | 'iconPosition' | 'isDisabled' | 'isLoading' | 'onClick'>;
+type SpotlightPopoverTourFooterProps = {
+    actions: {
+        primary?: SpotlightPopoverFooterAction;
+        secondary?: SpotlightPopoverFooterAction;
+    };
+};
+declare const SpotlightPopoverTourFooter: ({ activeStep, totalSteps, actions, }: SpotlightPopoverTourFooterProps & Pick<SpotlightPopoverStepRenderProps, 'activeStep' | 'totalSteps'>) => React.ReactElement;
+declare const SpotlightPopoverTourStep: React__default.MemoExoticComponent<({ name, children, }: SpotlightPopoverTourStepProps) => React__default.ReactElement>;
+type StepGroupProps = {
+    /**
+     * size of step group
+     *
+     * @default medium
+     */
+    size?: 'medium' | 'large';
+    /**
+     * orientation of step group
+     *
+     * @default vertical
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * children slot for StepItem components
+     */
+    children: React__default.ReactElement | React__default.ReactElement[];
+    /**
+     * Width of StepGroup. By default it takes the width of its items.
+     */
+    width?: BoxProps['width'];
+    /**
+     * minWidth prop of StepGroup
+     */
+    minWidth?: BoxProps['minWidth'];
+    /**
+     * maxWidth prop of StepGroup
+     *
+     * @default 100%
+     */
+    maxWidth?: BoxProps['maxWidth'];
+    /**
+     * @private
+     *
+     * DO NOT USE THIS PROP OR YOU WILL BE FIRED (joking. you won't be fired. But something bad will happen for sure)
+     *
+     * This is an internal prop to keep track of nestingLevel of StepGroup
+     */
+    _nestingLevel?: number;
+} & StyledPropsBlade & TestID;
+type StepItemProps = {
+    _index?: number;
+    _nestingLevel?: StepGroupProps['_nestingLevel'];
+    _totalIndex?: number;
+    /**
+     * title of StepItem
+     */
+    title: string;
+    /**
+     * A string that renders in italic font. Made for adding timestamp values.
+     *
+     * ```jsx
+     * timestamp="Thu, 11th Oct23 | 12:00pm"
+     * ```
+     */
+    timestamp?: string;
+    /**
+     * Description of StepItem
+     */
+    description?: string;
+    /**
+     * Progress line of step. When its start only starting part is highlighted and rest is kept dotted
+     *
+     * @default full
+     */
+    stepProgress?: 'start' | 'end' | 'full' | 'none';
+    /**
+     * marker JSX slot. It can be StepItemIndicator or StepItemIcon
+     *
+     * ```jsx
+     * marker={<StepItemIndicator color="positive" />}
+     * marker={<StepItemIcon icon={CheckIcon} color="positive" />}
+     * ```
+     */
+    marker?: React__default.ReactElement;
+    /**
+     * trailing slot for StepItem. Mostly meant for Badge
+     */
+    trailing?: React__default.ReactElement;
+    /**
+     * Controlled state of selected item
+     */
+    isSelected?: boolean;
+    /**
+     * Anchor tag's href value. Turns StepItem into interactive item and render it as `<a>` tag
+     */
+    href?: LinkProps['href'];
+    /**
+     * Anchjor tag's taget value. Meant to be used alongside `href` prop
+     */
+    target?: LinkProps['target'];
     /**
-     * Callback when the active step changes
+     * StepItem's click handler. Turns StepItem into interactive item and render it as button tag
      */
-    onStepChange?: (step: number) => void;
+    onClick?: (event: React__default.MouseEvent) => void;
     /**
-     * Active step to be rendered
+     * Children slot for adding additional custom elements to item
      */
-    activeStep: number;
-    children: React.ReactNode;
-};
-type SpotlightPopoverTourStepProps = {
-    name: string;
-    children: React.ReactNode;
+    children?: React__default.ReactNode;
 };
-declare const SpotlightPopoverTour: ({ steps, activeStep, isOpen, onFinish, onOpenChange, onStepChange, children, }: SpotlightPopoverTourProps) => React__default.ReactElement;
+/**
+ * ## StepGroup
+ *
+ * Step Group visualises sequential processes with a consistent structure. It can be interactive, guiding users through steps, or function as a timeline for reference.
+ *
+ * ### Usage
+ *
+ * ```jsx
+ * <StepGroup orientation="vertical" size="medium">
+ *   <StepItem title="Personal Details" />
+ *   <StepItem title="Business Details" />
+ * </StepGroup>
+ * ```
+ *
+ * ---
+ *
+ * Checkout {@link https://blade.razorpay.com/?path=/docs/components-stepgroup--docs StepGroup Documentation}
+ */
+declare const StepGroup: ({ size, orientation, children, testID, _nestingLevel, width, minWidth, maxWidth, ...styledProps }: StepGroupProps) => React__default.ReactElement;
-type SpotlightPopoverFooterAction = {
-    text?: string;
-} & Pick<ButtonProps, 'variant' | 'icon' | 'iconPosition' | 'isDisabled' | 'isLoading' | 'onClick'>;
-type SpotlightPopoverTourFooterProps = {
-    actions: {
-        primary?: SpotlightPopoverFooterAction;
-        secondary?: SpotlightPopoverFooterAction;
-    };
-};
-declare const SpotlightPopoverTourFooter: ({ activeStep, totalSteps, actions, }: SpotlightPopoverTourFooterProps & Pick<SpotlightPopoverStepRenderProps, 'activeStep' | 'totalSteps'>) => React.ReactElement;
+/**
+ * ## StepItem
+ *
+ * Component meant to be used inside the StepGroup parent component
+ *
+ * ### Usage
+ *
+ * ```jsx
+ * <StepGroup orientation="vertical" size="medium">
+ *   <StepItem
+ *      title="Personal Details"
+ *      timestamp="Thu 15th Oct'23 | 12:00pm"
+ *      description="Fill your personal details here"
+ *      marker={<StepItemIndicator color="negative" />}
+ *    />
+ * </StepGroup>
+ * ```
+ *
+ * ---
+ *
+ * Checkout {@link https://blade.razorpay.com/?path=/docs/components-stepgroup--docs StepGroup Documentation}
+ */
+declare const StepItem: ({ title, timestamp, description, stepProgress, marker, trailing, isSelected, href, target, onClick, children, _index, _totalIndex, _nestingLevel, }: StepItemProps) => React__default.ReactElement;
-declare const SpotlightPopoverTourStep: React__default.MemoExoticComponent<({ name, children, }: SpotlightPopoverTourStepProps) => React__default.ReactElement>;
+declare const StepItemIndicator: ({ color }: {
+    color: IndicatorProps['color'];
+}) => React.ReactElement;
+type StepItemIconProps = {
+    icon: IconComponent;
+    color: IndicatorProps['color'];
+};
+declare const StepItemIcon: ({ icon: Icon, color }: StepItemIconProps) => React.ReactElement;
 type OnChange = ({ isChecked, value, event, }: {
     isChecked: boolean;
@@ -8088,7 +9346,272 @@ declare const Switch: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-web" | undefined;
         readonly xl?: "platform-web" | undefined;
     } | undefined;
-}, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
+}, "display"> & Pick<{
+    elevation?: ElevationLevels | {
+        readonly base?: ElevationLevels | undefined;
+        readonly xs?: ElevationLevels | undefined;
+        readonly s?: ElevationLevels | undefined;
+        readonly m?: ElevationLevels | undefined;
+        readonly l?: ElevationLevels | undefined;
+        readonly xl?: ElevationLevels | undefined;
+    } | undefined;
+    backgroundImage?: csstype.Property.BackgroundImage | {
+        readonly base?: csstype.Property.BackgroundImage | undefined;
+        readonly xs?: csstype.Property.BackgroundImage | undefined;
+        readonly s?: csstype.Property.BackgroundImage | undefined;
+        readonly m?: csstype.Property.BackgroundImage | undefined;
+        readonly l?: csstype.Property.BackgroundImage | undefined;
+        readonly xl?: csstype.Property.BackgroundImage | undefined;
+    } | undefined;
+    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
+        readonly base?: csstype.Property.BackgroundOrigin | undefined;
+        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
+        readonly s?: csstype.Property.BackgroundOrigin | undefined;
+        readonly m?: csstype.Property.BackgroundOrigin | undefined;
+        readonly l?: csstype.Property.BackgroundOrigin | undefined;
+        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
+    } | undefined;
+    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
+        readonly base?: csstype.Property.BackgroundRepeat | undefined;
+        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
+        readonly s?: csstype.Property.BackgroundRepeat | undefined;
+        readonly m?: csstype.Property.BackgroundRepeat | undefined;
+        readonly l?: csstype.Property.BackgroundRepeat | undefined;
+        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
+    } | undefined;
+    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
+        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
+    } | undefined;
+    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderBottomLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
+        readonly base?: csstype.Property.BorderBottomStyle | undefined;
+        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
+        readonly s?: csstype.Property.BorderBottomStyle | undefined;
+        readonly m?: csstype.Property.BorderBottomStyle | undefined;
+        readonly l?: csstype.Property.BorderBottomStyle | undefined;
+        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
+    } | undefined;
+    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderLeftStyle?: csstype.Property.BorderLeftStyle | {
+        readonly base?: csstype.Property.BorderLeftStyle | undefined;
+        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
+        readonly s?: csstype.Property.BorderLeftStyle | undefined;
+        readonly m?: csstype.Property.BorderLeftStyle | undefined;
+        readonly l?: csstype.Property.BorderLeftStyle | undefined;
+        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
+    } | undefined;
+    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderRightStyle?: csstype.Property.BorderRightStyle | {
+        readonly base?: csstype.Property.BorderRightStyle | undefined;
+        readonly xs?: csstype.Property.BorderRightStyle | undefined;
+        readonly s?: csstype.Property.BorderRightStyle | undefined;
+        readonly m?: csstype.Property.BorderRightStyle | undefined;
+        readonly l?: csstype.Property.BorderRightStyle | undefined;
+        readonly xl?: csstype.Property.BorderRightStyle | undefined;
+    } | undefined;
+    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderTopLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderTopStyle?: csstype.Property.BorderTopStyle | {
+        readonly base?: csstype.Property.BorderTopStyle | undefined;
+        readonly xs?: csstype.Property.BorderTopStyle | undefined;
+        readonly s?: csstype.Property.BorderTopStyle | undefined;
+        readonly m?: csstype.Property.BorderTopStyle | undefined;
+        readonly l?: csstype.Property.BorderTopStyle | undefined;
+        readonly xl?: csstype.Property.BorderTopStyle | undefined;
+    } | undefined;
+    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    clipPath?: csstype.Property.ClipPath | {
+        readonly base?: csstype.Property.ClipPath | undefined;
+        readonly xs?: csstype.Property.ClipPath | undefined;
+        readonly s?: csstype.Property.ClipPath | undefined;
+        readonly m?: csstype.Property.ClipPath | undefined;
+        readonly l?: csstype.Property.ClipPath | undefined;
+        readonly xl?: csstype.Property.ClipPath | undefined;
+    } | undefined;
+    opacity?: csstype.Property.Opacity | {
+        readonly base?: csstype.Property.Opacity | undefined;
+        readonly xs?: csstype.Property.Opacity | undefined;
+        readonly s?: csstype.Property.Opacity | undefined;
+        readonly m?: csstype.Property.Opacity | undefined;
+        readonly l?: csstype.Property.Opacity | undefined;
+        readonly xl?: csstype.Property.Opacity | undefined;
+    } | undefined;
+    pointerEvents?: csstype.Property.PointerEvents | {
+        readonly base?: csstype.Property.PointerEvents | undefined;
+        readonly xs?: csstype.Property.PointerEvents | undefined;
+        readonly s?: csstype.Property.PointerEvents | undefined;
+        readonly m?: csstype.Property.PointerEvents | undefined;
+        readonly l?: csstype.Property.PointerEvents | undefined;
+        readonly xl?: csstype.Property.PointerEvents | undefined;
+    } | undefined;
+    transform?: csstype.Property.Transform | {
+        readonly base?: csstype.Property.Transform | undefined;
+        readonly xs?: csstype.Property.Transform | undefined;
+        readonly s?: csstype.Property.Transform | undefined;
+        readonly m?: csstype.Property.Transform | undefined;
+        readonly l?: csstype.Property.Transform | undefined;
+        readonly xl?: csstype.Property.Transform | undefined;
+    } | undefined;
+    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
+        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
+    } | undefined;
+    visibility?: csstype.Property.Visibility | {
+        readonly base?: csstype.Property.Visibility | undefined;
+        readonly xs?: csstype.Property.Visibility | undefined;
+        readonly s?: csstype.Property.Visibility | undefined;
+        readonly m?: csstype.Property.Visibility | undefined;
+        readonly l?: csstype.Property.Visibility | undefined;
+        readonly xl?: csstype.Property.Visibility | undefined;
+    } | undefined;
+    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
+        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
+    } | undefined;
+    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderStyle?: csstype.Property.BorderStyle | {
+        readonly base?: csstype.Property.BorderStyle | undefined;
+        readonly xs?: csstype.Property.BorderStyle | undefined;
+        readonly s?: csstype.Property.BorderStyle | undefined;
+        readonly m?: csstype.Property.BorderStyle | undefined;
+        readonly l?: csstype.Property.BorderStyle | undefined;
+        readonly xl?: csstype.Property.BorderStyle | undefined;
+    } | undefined;
+    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    __brand__?: "platform-web" | {
+        readonly base?: "platform-web" | undefined;
+        readonly xs?: "platform-web" | undefined;
+        readonly s?: "platform-web" | undefined;
+        readonly m?: "platform-web" | undefined;
+        readonly l?: "platform-web" | undefined;
+        readonly xl?: "platform-web" | undefined;
+    } | undefined;
+}, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
 type TableNode<Item> = Item & {
     id: Identifier;
@@ -8874,7 +10397,272 @@ declare const TabList: ({ children, ...props }: {
         readonly l?: "platform-web" | undefined;
         readonly xl?: "platform-web" | undefined;
     } | undefined;
-}, "display">, "__brand__">>) => React__default.ReactElement;
+}, "display"> & Pick<{
+    elevation?: ElevationLevels | {
+        readonly base?: ElevationLevels | undefined;
+        readonly xs?: ElevationLevels | undefined;
+        readonly s?: ElevationLevels | undefined;
+        readonly m?: ElevationLevels | undefined;
+        readonly l?: ElevationLevels | undefined;
+        readonly xl?: ElevationLevels | undefined;
+    } | undefined;
+    backgroundImage?: csstype.Property.BackgroundImage | {
+        readonly base?: csstype.Property.BackgroundImage | undefined;
+        readonly xs?: csstype.Property.BackgroundImage | undefined;
+        readonly s?: csstype.Property.BackgroundImage | undefined;
+        readonly m?: csstype.Property.BackgroundImage | undefined;
+        readonly l?: csstype.Property.BackgroundImage | undefined;
+        readonly xl?: csstype.Property.BackgroundImage | undefined;
+    } | undefined;
+    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
+        readonly base?: csstype.Property.BackgroundOrigin | undefined;
+        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
+        readonly s?: csstype.Property.BackgroundOrigin | undefined;
+        readonly m?: csstype.Property.BackgroundOrigin | undefined;
+        readonly l?: csstype.Property.BackgroundOrigin | undefined;
+        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
+    } | undefined;
+    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
+        readonly base?: csstype.Property.BackgroundRepeat | undefined;
+        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
+        readonly s?: csstype.Property.BackgroundRepeat | undefined;
+        readonly m?: csstype.Property.BackgroundRepeat | undefined;
+        readonly l?: csstype.Property.BackgroundRepeat | undefined;
+        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
+    } | undefined;
+    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
+        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
+        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
+    } | undefined;
+    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderBottomLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
+        readonly base?: csstype.Property.BorderBottomStyle | undefined;
+        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
+        readonly s?: csstype.Property.BorderBottomStyle | undefined;
+        readonly m?: csstype.Property.BorderBottomStyle | undefined;
+        readonly l?: csstype.Property.BorderBottomStyle | undefined;
+        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
+    } | undefined;
+    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderLeftStyle?: csstype.Property.BorderLeftStyle | {
+        readonly base?: csstype.Property.BorderLeftStyle | undefined;
+        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
+        readonly s?: csstype.Property.BorderLeftStyle | undefined;
+        readonly m?: csstype.Property.BorderLeftStyle | undefined;
+        readonly l?: csstype.Property.BorderLeftStyle | undefined;
+        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
+    } | undefined;
+    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderRightStyle?: csstype.Property.BorderRightStyle | {
+        readonly base?: csstype.Property.BorderRightStyle | undefined;
+        readonly xs?: csstype.Property.BorderRightStyle | undefined;
+        readonly s?: csstype.Property.BorderRightStyle | undefined;
+        readonly m?: csstype.Property.BorderRightStyle | undefined;
+        readonly l?: csstype.Property.BorderRightStyle | undefined;
+        readonly xl?: csstype.Property.BorderRightStyle | undefined;
+    } | undefined;
+    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderTopLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderTopStyle?: csstype.Property.BorderTopStyle | {
+        readonly base?: csstype.Property.BorderTopStyle | undefined;
+        readonly xs?: csstype.Property.BorderTopStyle | undefined;
+        readonly s?: csstype.Property.BorderTopStyle | undefined;
+        readonly m?: csstype.Property.BorderTopStyle | undefined;
+        readonly l?: csstype.Property.BorderTopStyle | undefined;
+        readonly xl?: csstype.Property.BorderTopStyle | undefined;
+    } | undefined;
+    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    clipPath?: csstype.Property.ClipPath | {
+        readonly base?: csstype.Property.ClipPath | undefined;
+        readonly xs?: csstype.Property.ClipPath | undefined;
+        readonly s?: csstype.Property.ClipPath | undefined;
+        readonly m?: csstype.Property.ClipPath | undefined;
+        readonly l?: csstype.Property.ClipPath | undefined;
+        readonly xl?: csstype.Property.ClipPath | undefined;
+    } | undefined;
+    opacity?: csstype.Property.Opacity | {
+        readonly base?: csstype.Property.Opacity | undefined;
+        readonly xs?: csstype.Property.Opacity | undefined;
+        readonly s?: csstype.Property.Opacity | undefined;
+        readonly m?: csstype.Property.Opacity | undefined;
+        readonly l?: csstype.Property.Opacity | undefined;
+        readonly xl?: csstype.Property.Opacity | undefined;
+    } | undefined;
+    pointerEvents?: csstype.Property.PointerEvents | {
+        readonly base?: csstype.Property.PointerEvents | undefined;
+        readonly xs?: csstype.Property.PointerEvents | undefined;
+        readonly s?: csstype.Property.PointerEvents | undefined;
+        readonly m?: csstype.Property.PointerEvents | undefined;
+        readonly l?: csstype.Property.PointerEvents | undefined;
+        readonly xl?: csstype.Property.PointerEvents | undefined;
+    } | undefined;
+    transform?: csstype.Property.Transform | {
+        readonly base?: csstype.Property.Transform | undefined;
+        readonly xs?: csstype.Property.Transform | undefined;
+        readonly s?: csstype.Property.Transform | undefined;
+        readonly m?: csstype.Property.Transform | undefined;
+        readonly l?: csstype.Property.Transform | undefined;
+        readonly xl?: csstype.Property.Transform | undefined;
+    } | undefined;
+    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
+        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
+        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
+    } | undefined;
+    visibility?: csstype.Property.Visibility | {
+        readonly base?: csstype.Property.Visibility | undefined;
+        readonly xs?: csstype.Property.Visibility | undefined;
+        readonly s?: csstype.Property.Visibility | undefined;
+        readonly m?: csstype.Property.Visibility | undefined;
+        readonly l?: csstype.Property.Visibility | undefined;
+        readonly xl?: csstype.Property.Visibility | undefined;
+    } | undefined;
+    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
+        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
+    } | undefined;
+    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderStyle?: csstype.Property.BorderStyle | {
+        readonly base?: csstype.Property.BorderStyle | undefined;
+        readonly xs?: csstype.Property.BorderStyle | undefined;
+        readonly s?: csstype.Property.BorderStyle | undefined;
+        readonly m?: csstype.Property.BorderStyle | undefined;
+        readonly l?: csstype.Property.BorderStyle | undefined;
+        readonly xl?: csstype.Property.BorderStyle | undefined;
+    } | undefined;
+    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    __brand__?: "platform-web" | {
+        readonly base?: "platform-web" | undefined;
+        readonly xs?: "platform-web" | undefined;
+        readonly s?: "platform-web" | undefined;
+        readonly m?: "platform-web" | undefined;
+        readonly l?: "platform-web" | undefined;
+        readonly xl?: "platform-web" | undefined;
+    } | undefined;
+}, "visibility">, "__brand__">>) => React__default.ReactElement;
 declare const TabPanel: ({ children, value }: TabPanelProps) => React__default.ReactElement;
@@ -9349,6 +11137,14 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
         readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
         readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
     };
+    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
+        readonly base?: csstype.Property.BorderBottomStyle | undefined;
+        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
+        readonly s?: csstype.Property.BorderBottomStyle | undefined;
+        readonly m?: csstype.Property.BorderBottomStyle | undefined;
+        readonly l?: csstype.Property.BorderBottomStyle | undefined;
+        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
+    } | undefined;
     borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
         readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
@@ -9365,6 +11161,14 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
         readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
         readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
     };
+    borderLeftStyle?: csstype.Property.BorderLeftStyle | {
+        readonly base?: csstype.Property.BorderLeftStyle | undefined;
+        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
+        readonly s?: csstype.Property.BorderLeftStyle | undefined;
+        readonly m?: csstype.Property.BorderLeftStyle | undefined;
+        readonly l?: csstype.Property.BorderLeftStyle | undefined;
+        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
+    } | undefined;
     borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
         readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
@@ -9381,6 +11185,14 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
         readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
         readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
     };
+    borderRightStyle?: csstype.Property.BorderRightStyle | {
+        readonly base?: csstype.Property.BorderRightStyle | undefined;
+        readonly xs?: csstype.Property.BorderRightStyle | undefined;
+        readonly s?: csstype.Property.BorderRightStyle | undefined;
+        readonly m?: csstype.Property.BorderRightStyle | undefined;
+        readonly l?: csstype.Property.BorderRightStyle | undefined;
+        readonly xl?: csstype.Property.BorderRightStyle | undefined;
+    } | undefined;
     borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
         readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
@@ -9413,6 +11225,14 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
         readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
         readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
     };
+    borderTopStyle?: csstype.Property.BorderTopStyle | {
+        readonly base?: csstype.Property.BorderTopStyle | undefined;
+        readonly xs?: csstype.Property.BorderTopStyle | undefined;
+        readonly s?: csstype.Property.BorderTopStyle | undefined;
+        readonly m?: csstype.Property.BorderTopStyle | undefined;
+        readonly l?: csstype.Property.BorderTopStyle | undefined;
+        readonly xl?: csstype.Property.BorderTopStyle | undefined;
+    } | undefined;
     borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
         readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
@@ -9493,6 +11313,14 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
         readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
         readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
     };
+    borderStyle?: csstype.Property.BorderStyle | {
+        readonly base?: csstype.Property.BorderStyle | undefined;
+        readonly xs?: csstype.Property.BorderStyle | undefined;
+        readonly s?: csstype.Property.BorderStyle | undefined;
+        readonly m?: csstype.Property.BorderStyle | undefined;
+        readonly l?: csstype.Property.BorderStyle | undefined;
+        readonly xl?: csstype.Property.BorderStyle | undefined;
+    } | undefined;
     borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
         readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
@@ -9713,4 +11541,4 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => Rea
  */
 declare const screenReaderStyles: CSSObject;
-export { Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertTriangleIcon as AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon$1 as AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, Attachment as AttachmentIcon, AutoComplete, AutoCompleteProps, AwardIcon, Badge, BadgeProps, BankIcon, BarChartAltIcon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BillIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BulkPayoutsIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodepenIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, Identifier, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonsIcon, PaymentLinksIcon, PaymentPagesIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RefreshIcon, RepeatIcon, ReportsIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaveIcon, ScissorsIcon, SearchIcon, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabPanel, TabPanelProps, Table, TableBackgroundColors, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationCommonProps, TablePaginationProps, TablePaginationType, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };
+export { Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertTriangleIcon as AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon$1 as AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, Attachment as AttachmentIcon, AutoComplete, AutoCompleteProps, AwardIcon, Badge, BadgeProps, BankIcon, BarChartAltIcon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BillIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BulkPayoutsIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodepenIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, Identifier, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonsIcon, PaymentLinksIcon, PaymentPagesIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RefreshIcon, RepeatIcon, ReportsIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaveIcon, ScissorsIcon, SearchIcon, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabPanel, TabPanelProps, Table, TableBackgroundColors, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationCommonProps, TablePaginationProps, TablePaginationType, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };