@marwes-ui/core 1.2.0 → 1.4.0

package/dist/index.d.ts

@@ -1,3 +1,17 @@
+/**
+ * Non-heading text typography variants.
+ * Use `TextVariant.display` for type-safe runtime access.
+ */
+declare const TextVariant: {
+    readonly display: "display";
+    readonly label: "label";
+    readonly labelSmall: "label-small";
+    readonly caption: "caption";
+    readonly overline: "overline";
+    readonly micro: "micro";
+};
+type TextVariant = (typeof TextVariant)[keyof typeof TextVariant];
+
 interface ColorRole {
     base: string;
     hover: string;
@@ -28,9 +42,34 @@ type ToneDefinition = Pick<Partial<ThemeInput>, "font" | "ui" | "typography">;
  */
 declare function resolveTone(tone: ToneName): ToneDefinition;
 
+/**
+ * Personality is an optional visual identity axis. It adds signature visual
+ * effects (shadows, glow, outlines) on top of the token layer without
+ * changing colors or typography. Default is "flat" — no additional CSS is
+ * applied, so existing themes remain unchanged.
+ */
+type PersonalityName = "flat" | "glow" | "print" | "soft" | "outlined";
 type Density = "compact" | "comfortable" | "spacious";
-type HeadingSize = "h1" | "h2" | "h3";
+type HeadingSize = "display" | "h1" | "h2" | "h3";
 type ParagraphSize = "sm" | "md" | "lg";
+type TextTransform = "none" | "uppercase";
+interface TypographyStyle {
+    fontSize: number;
+    lineHeight: number;
+    fontWeight: number;
+    letterSpacing: number;
+}
+interface TextTypographyStyle extends TypographyStyle {
+    textTransform?: TextTransform;
+}
+type StatusColorTokens = {
+    background: string;
+    text: string;
+    icon: string;
+    border: string;
+    borderAccessible?: string;
+    borderStrong: string;
+};
 /**
  * Theme mode determines which default color palette is used.
  * - 'light': Uses light mode color defaults (dark text on light backgrounds)
@@ -43,6 +82,9 @@ declare const ThemeMode: {
 type ThemeMode = (typeof ThemeMode)[keyof typeof ThemeMode];
 type ThemePreference = ThemeMode | "system";
 type ThemeVariableStrategy = "inline" | "style-tag";
+type ThemeBreakpointName = "mobile" | "tablet" | "desktop" | "wideDesktop";
+type ThemeBreakpoints = Record<ThemeBreakpointName, number>;
+declare const defaultThemeBreakpoints: ThemeBreakpoints;
 type Theme = {
     /**
      * The current theme mode. This determines which color defaults are applied.
@@ -53,7 +95,9 @@ type Theme = {
         primary: string;
         background: string;
         surface: string;
+        surfacePrimary: string;
         surfaceSubtle: string;
+        surfaceBrand: string;
         surfaceElevated: string;
         surfaceDisabled: string;
         surfaceInverted: string;
@@ -62,10 +106,16 @@ type Theme = {
         textSubtle: string;
         textDisabled: string;
         textInverted: string;
+        textBrand: string;
+        textLink: string;
+        iconMuted: string;
+        borderLow: string;
         border: string;
         borderSubtle: string;
         borderStrong: string;
         borderDisabled: string;
+        borderBrand: string;
+        borderFull: string;
         /**
          * Focus color used for focus-visible outlines on interactive elements.
          * Defaults to the source focus ring token from docs/marwes-colors.json.
@@ -74,6 +124,12 @@ type Theme = {
         danger: string;
         success: string;
         warning: string;
+        status: {
+            success: StatusColorTokens;
+            warning: StatusColorTokens;
+            error: StatusColorTokens;
+            info: StatusColorTokens;
+        };
     };
     font: {
         primary: string;
@@ -84,25 +140,13 @@ type Theme = {
         radius: number;
         density: Density;
     };
+    breakpoint: ThemeBreakpoints;
     typography: {
-        h1: {
-            fontSize: number;
-            lineHeight: number;
-            fontWeight: number;
-            letterSpacing: number;
-        };
-        h2: {
-            fontSize: number;
-            lineHeight: number;
-            fontWeight: number;
-            letterSpacing: number;
-        };
-        h3: {
-            fontSize: number;
-            lineHeight: number;
-            fontWeight: number;
-            letterSpacing: number;
-        };
+        display: TypographyStyle;
+        h1: TypographyStyle;
+        h2: TypographyStyle;
+        h3: TypographyStyle;
+        text: Record<TextVariant, TextTypographyStyle>;
         paragraph: {
             sm: {
                 fontSize: number;
@@ -127,7 +171,9 @@ interface ThemeInputColor {
     warning: ColorInput;
     background: string;
     surface: string;
+    surfacePrimary: string;
     surfaceSubtle: string;
+    surfaceBrand: string;
     surfaceElevated: string;
     surfaceDisabled: string;
     surfaceInverted: string;
@@ -136,10 +182,14 @@ interface ThemeInputColor {
     textSubtle: string;
     textDisabled: string;
     textInverted: string;
+    textLink: string;
+    iconMuted: string;
+    borderLow: string;
     border: string;
     borderSubtle: string;
     borderStrong: string;
     borderDisabled: string;
+    borderFull: string;
     focus: string;
     /** @deprecated Removed in v3. Label color is now derived via WCAG contrast. Remove this field. */
     onPrimary?: never;
@@ -153,13 +203,17 @@ interface ThemeInputColor {
 interface ThemeInput {
     mode?: ThemeMode;
     tone?: ToneName;
+    personality?: PersonalityName;
     color?: Partial<ThemeInputColor>;
     font?: Partial<Theme["font"]>;
     ui?: Partial<Theme["ui"]>;
+    breakpoint?: Partial<ThemeBreakpoints>;
     typography?: Partial<{
+        display?: Partial<Theme["typography"]["display"]>;
         h1?: Partial<Theme["typography"]["h1"]>;
         h2?: Partial<Theme["typography"]["h2"]>;
         h3?: Partial<Theme["typography"]["h3"]>;
+        text?: Partial<Record<TextVariant, Partial<TextTypographyStyle>>>;
         paragraph?: Partial<{
             sm?: Partial<Theme["typography"]["paragraph"]["sm"]>;
             md?: Partial<Theme["typography"]["paragraph"]["md"]>;
@@ -176,6 +230,7 @@ declare function nextThemeMode(mode: ThemeMode): ThemeMode;
 
 interface ResolvedTheme {
     mode: ThemeMode;
+    personality: PersonalityName;
     color: {
         primary: ColorRole;
         secondary: SecondaryColorRole;
@@ -185,7 +240,9 @@ interface ResolvedTheme {
         info: ColorRole;
         background: string;
         surface: string;
+        surfacePrimary: string;
         surfaceSubtle: string;
+        surfaceBrand: string;
         surfaceElevated: string;
         surfaceDisabled: string;
         surfaceInverted: string;
@@ -194,11 +251,23 @@ interface ResolvedTheme {
         textSubtle: string;
         textDisabled: string;
         textInverted: string;
+        textBrand: string;
+        textLink: string;
+        iconMuted: string;
+        borderLow: string;
         border: string;
         borderSubtle: string;
         borderStrong: string;
         borderDisabled: string;
+        borderBrand: string;
+        borderFull: string;
         focus: string;
+        status: {
+            success: StatusColorTokens;
+            warning: StatusColorTokens;
+            error: StatusColorTokens;
+            info: StatusColorTokens;
+        };
     };
     font: {
         primary: string;
@@ -209,25 +278,13 @@ interface ResolvedTheme {
         radius: number;
         density: Density;
     };
+    breakpoint: ThemeBreakpoints;
     typography: {
-        h1: {
-            fontSize: number;
-            lineHeight: number;
-            fontWeight: number;
-            letterSpacing: number;
-        };
-        h2: {
-            fontSize: number;
-            lineHeight: number;
-            fontWeight: number;
-            letterSpacing: number;
-        };
-        h3: {
-            fontSize: number;
-            lineHeight: number;
-            fontWeight: number;
-            letterSpacing: number;
-        };
+        display: TypographyStyle;
+        h1: TypographyStyle;
+        h2: TypographyStyle;
+        h3: TypographyStyle;
+        text: Record<TextVariant, TextTypographyStyle>;
         paragraph: {
             sm: {
                 fontSize: number;
@@ -246,7 +303,7 @@ interface ResolvedTheme {
 }
 /**
  * Maps every field of a resolved theme to its CSS custom property name.
- * Returns 86 entries total. `variant` is excluded — it is deprecated.
+ * Returns 149 entries total. `variant` is excluded — it is deprecated.
  * Density is emitted as 10 `--mw-density-*` vars via densityToCSSVars.
  *
  * Variable naming follows D11: --mw-color-{role}-{state}, --mw-font-*, etc.
@@ -311,12 +368,23 @@ declare function resolveThemeInput(input: ThemeInput): ResolvedTheme;
 
 type MwThemeVarName = `--mw-${string}`;
 type MwThemeVarReference = `var(${MwThemeVarName})` | `var(${MwThemeVarName}, ${string})`;
+type MwThemeMedia = {
+    mobileAndAbove: string;
+    tabletAndAbove: string;
+    desktopAndAbove: string;
+    wideDesktopAndAbove: string;
+    mobileAndBelow: string;
+    tabletAndBelow: string;
+    desktopAndBelow: string;
+    wideDesktopAndBelow: string;
+};
 /**
  * Wraps a Marwes CSS custom property name in `var(...)`, with an optional fallback.
  * Use this as the escape hatch for custom or advanced `--mw-*` variables.
  */
 declare function mwVar<const TName extends MwThemeVarName>(name: TName): `var(${TName})`;
 declare function mwVar<const TName extends MwThemeVarName>(name: TName, fallback: string): `var(${TName}, ${string})`;
+declare function createMwThemeMedia(breakpoint: ThemeBreakpoints): MwThemeMedia;
 /**
  * Raw Marwes CSS custom property names, without `var(...)`.
  * Use these when assigning variables, inspecting tokens, writing tests, or building adapter/tooling bridges.
@@ -375,7 +443,9 @@ declare const mwThemeVarNames: {
         };
         readonly background: "--mw-color-background";
         readonly surface: "--mw-color-surface";
+        readonly surfacePrimary: "--mw-color-surface-primary";
         readonly surfaceSubtle: "--mw-color-surface-subtle";
+        readonly surfaceBrand: "--mw-color-surface-brand";
         readonly surfaceElevated: "--mw-color-surface-elevated";
         readonly surfaceDisabled: "--mw-color-surface-disabled";
         readonly surfaceInverted: "--mw-color-surface-inverted";
@@ -384,17 +454,55 @@ declare const mwThemeVarNames: {
         readonly textSubtle: "--mw-color-text-subtle";
         readonly textDisabled: "--mw-color-text-disabled";
         readonly textInverted: "--mw-color-text-inverted";
+        readonly textBrand: "--mw-color-text-brand";
+        readonly textLink: "--mw-color-text-link";
+        readonly iconMuted: "--mw-color-icon-muted";
+        readonly borderLow: "--mw-color-border-low";
         readonly border: "--mw-color-border";
         readonly borderSubtle: "--mw-color-border-subtle";
         readonly borderStrong: "--mw-color-border-strong";
         readonly borderDisabled: "--mw-color-border-disabled";
+        readonly borderBrand: "--mw-color-border-brand";
+        readonly borderFull: "--mw-color-border-full";
         readonly focus: "--mw-color-focus";
+        readonly status: {
+            readonly success: {
+                readonly background: "--mw-color-status-success-background";
+                readonly text: "--mw-color-status-success-text";
+                readonly icon: "--mw-color-status-success-icon";
+                readonly border: "--mw-color-status-success-border";
+                readonly borderStrong: "--mw-color-status-success-border-strong";
+            };
+            readonly warning: {
+                readonly background: "--mw-color-status-warning-background";
+                readonly text: "--mw-color-status-warning-text";
+                readonly icon: "--mw-color-status-warning-icon";
+                readonly border: "--mw-color-status-warning-border";
+                readonly borderAccessible: "--mw-color-status-warning-border-accessible";
+                readonly borderStrong: "--mw-color-status-warning-border-strong";
+            };
+            readonly error: {
+                readonly background: "--mw-color-status-error-background";
+                readonly text: "--mw-color-status-error-text";
+                readonly icon: "--mw-color-status-error-icon";
+                readonly border: "--mw-color-status-error-border";
+                readonly borderStrong: "--mw-color-status-error-border-strong";
+            };
+            readonly info: {
+                readonly background: "--mw-color-status-info-background";
+                readonly text: "--mw-color-status-info-text";
+                readonly icon: "--mw-color-status-info-icon";
+                readonly border: "--mw-color-status-info-border";
+                readonly borderStrong: "--mw-color-status-info-border-strong";
+            };
+        };
     };
     readonly spacing: {
         readonly sp0: "--mw-spacing-sp-0";
         readonly sp2: "--mw-spacing-sp-2";
         readonly sp4: "--mw-spacing-sp-4";
         readonly sp8: "--mw-spacing-sp-8";
+        readonly sp12: "--mw-spacing-sp-12";
         readonly sp16: "--mw-spacing-sp-16";
         readonly sp24: "--mw-spacing-sp-24";
         readonly sp32: "--mw-spacing-sp-32";
@@ -431,6 +539,12 @@ declare const mwThemeVarNames: {
         readonly fontSizeSm: "--mw-density-font-size-sm";
     };
     readonly typography: {
+        readonly display: {
+            readonly fontSize: "--mw-typography-display-font-size";
+            readonly lineHeight: "--mw-typography-display-line-height";
+            readonly fontWeight: "--mw-typography-display-font-weight";
+            readonly letterSpacing: "--mw-typography-display-letter-spacing";
+        };
         readonly h1: {
             readonly fontSize: "--mw-typography-h1-font-size";
             readonly lineHeight: "--mw-typography-h1-line-height";
@@ -449,6 +563,50 @@ declare const mwThemeVarNames: {
             readonly fontWeight: "--mw-typography-h3-font-weight";
             readonly letterSpacing: "--mw-typography-h3-letter-spacing";
         };
+        readonly text: {
+            readonly display: {
+                readonly fontSize: "--mw-typography-text-display-font-size";
+                readonly lineHeight: "--mw-typography-text-display-line-height";
+                readonly fontWeight: "--mw-typography-text-display-font-weight";
+                readonly letterSpacing: "--mw-typography-text-display-letter-spacing";
+                readonly textTransform: "--mw-typography-text-display-transform";
+            };
+            readonly label: {
+                readonly fontSize: "--mw-typography-text-label-font-size";
+                readonly lineHeight: "--mw-typography-text-label-line-height";
+                readonly fontWeight: "--mw-typography-text-label-font-weight";
+                readonly letterSpacing: "--mw-typography-text-label-letter-spacing";
+                readonly textTransform: "--mw-typography-text-label-transform";
+            };
+            readonly "label-small": {
+                readonly fontSize: "--mw-typography-text-label-small-font-size";
+                readonly lineHeight: "--mw-typography-text-label-small-line-height";
+                readonly fontWeight: "--mw-typography-text-label-small-font-weight";
+                readonly letterSpacing: "--mw-typography-text-label-small-letter-spacing";
+                readonly textTransform: "--mw-typography-text-label-small-transform";
+            };
+            readonly caption: {
+                readonly fontSize: "--mw-typography-text-caption-font-size";
+                readonly lineHeight: "--mw-typography-text-caption-line-height";
+                readonly fontWeight: "--mw-typography-text-caption-font-weight";
+                readonly letterSpacing: "--mw-typography-text-caption-letter-spacing";
+                readonly textTransform: "--mw-typography-text-caption-transform";
+            };
+            readonly overline: {
+                readonly fontSize: "--mw-typography-text-overline-font-size";
+                readonly lineHeight: "--mw-typography-text-overline-line-height";
+                readonly fontWeight: "--mw-typography-text-overline-font-weight";
+                readonly letterSpacing: "--mw-typography-text-overline-letter-spacing";
+                readonly textTransform: "--mw-typography-text-overline-transform";
+            };
+            readonly micro: {
+                readonly fontSize: "--mw-typography-text-micro-font-size";
+                readonly lineHeight: "--mw-typography-text-micro-line-height";
+                readonly fontWeight: "--mw-typography-text-micro-font-weight";
+                readonly letterSpacing: "--mw-typography-text-micro-letter-spacing";
+                readonly textTransform: "--mw-typography-text-micro-transform";
+            };
+        };
         readonly paragraph: {
             readonly sm: {
                 readonly fontSize: "--mw-typography-paragraph-sm-font-size";
@@ -523,7 +681,9 @@ declare const mwThemeVars: {
         };
         readonly background: "var(--mw-color-background)";
         readonly surface: "var(--mw-color-surface)";
+        readonly surfacePrimary: "var(--mw-color-surface-primary)";
         readonly surfaceSubtle: "var(--mw-color-surface-subtle)";
+        readonly surfaceBrand: "var(--mw-color-surface-brand)";
         readonly surfaceElevated: "var(--mw-color-surface-elevated)";
         readonly surfaceDisabled: "var(--mw-color-surface-disabled)";
         readonly surfaceInverted: "var(--mw-color-surface-inverted)";
@@ -532,165 +692,55 @@ declare const mwThemeVars: {
         readonly textSubtle: "var(--mw-color-text-subtle)";
         readonly textDisabled: "var(--mw-color-text-disabled)";
         readonly textInverted: "var(--mw-color-text-inverted)";
+        readonly textBrand: "var(--mw-color-text-brand)";
+        readonly textLink: "var(--mw-color-text-link)";
+        readonly iconMuted: "var(--mw-color-icon-muted)";
+        readonly borderLow: "var(--mw-color-border-low)";
         readonly border: "var(--mw-color-border)";
         readonly borderSubtle: "var(--mw-color-border-subtle)";
         readonly borderStrong: "var(--mw-color-border-strong)";
         readonly borderDisabled: "var(--mw-color-border-disabled)";
+        readonly borderBrand: "var(--mw-color-border-brand)";
+        readonly borderFull: "var(--mw-color-border-full)";
         readonly focus: "var(--mw-color-focus)";
-    };
-    readonly spacing: {
-        readonly sp0: "var(--mw-spacing-sp-0)";
-        readonly sp2: "var(--mw-spacing-sp-2)";
-        readonly sp4: "var(--mw-spacing-sp-4)";
-        readonly sp8: "var(--mw-spacing-sp-8)";
-        readonly sp16: "var(--mw-spacing-sp-16)";
-        readonly sp24: "var(--mw-spacing-sp-24)";
-        readonly sp32: "var(--mw-spacing-sp-32)";
-        readonly sp40: "var(--mw-spacing-sp-40)";
-        readonly sp48: "var(--mw-spacing-sp-48)";
-        readonly sp56: "var(--mw-spacing-sp-56)";
-        readonly sp64: "var(--mw-spacing-sp-64)";
-        readonly sp72: "var(--mw-spacing-sp-72)";
-        readonly sp80: "var(--mw-spacing-sp-80)";
-        readonly sp88: "var(--mw-spacing-sp-88)";
-        readonly sp96: "var(--mw-spacing-sp-96)";
-        readonly sp104: "var(--mw-spacing-sp-104)";
-        readonly sp112: "var(--mw-spacing-sp-112)";
-        readonly sp120: "var(--mw-spacing-sp-120)";
-    };
-    readonly font: {
-        readonly primary: "var(--mw-font-primary)";
-        readonly secondary: "var(--mw-font-secondary)";
-        readonly mono: "var(--mw-font-mono)";
-    };
-    readonly ui: {
-        readonly radius: "var(--mw-ui-radius)";
-    };
-    readonly density: {
-        readonly height: "var(--mw-density-height)";
-        readonly paddingX: "var(--mw-density-padding-x)";
-        readonly paddingY: "var(--mw-density-padding-y)";
-        readonly gap: "var(--mw-density-gap)";
-        readonly fontSize: "var(--mw-density-font-size)";
-        readonly iconSize: "var(--mw-density-icon-size)";
-        readonly checkboxSize: "var(--mw-density-checkbox-size)";
-        readonly fieldGap: "var(--mw-density-field-gap)";
-        readonly spacingMultiplier: "var(--mw-density-spacing-multiplier)";
-        readonly fontSizeSm: "var(--mw-density-font-size-sm)";
-    };
-    readonly typography: {
-        readonly h1: {
-            readonly fontSize: "var(--mw-typography-h1-font-size)";
-            readonly lineHeight: "var(--mw-typography-h1-line-height)";
-            readonly fontWeight: "var(--mw-typography-h1-font-weight)";
-            readonly letterSpacing: "var(--mw-typography-h1-letter-spacing)";
-        };
-        readonly h2: {
-            readonly fontSize: "var(--mw-typography-h2-font-size)";
-            readonly lineHeight: "var(--mw-typography-h2-line-height)";
-            readonly fontWeight: "var(--mw-typography-h2-font-weight)";
-            readonly letterSpacing: "var(--mw-typography-h2-letter-spacing)";
-        };
-        readonly h3: {
-            readonly fontSize: "var(--mw-typography-h3-font-size)";
-            readonly lineHeight: "var(--mw-typography-h3-line-height)";
-            readonly fontWeight: "var(--mw-typography-h3-font-weight)";
-            readonly letterSpacing: "var(--mw-typography-h3-letter-spacing)";
-        };
-        readonly paragraph: {
-            readonly sm: {
-                readonly fontSize: "var(--mw-typography-paragraph-sm-font-size)";
-                readonly lineHeight: "var(--mw-typography-paragraph-sm-line-height)";
-            };
-            readonly md: {
-                readonly fontSize: "var(--mw-typography-paragraph-md-font-size)";
-                readonly lineHeight: "var(--mw-typography-paragraph-md-line-height)";
+        readonly status: {
+            readonly success: {
+                readonly background: "var(--mw-color-status-success-background)";
+                readonly text: "var(--mw-color-status-success-text)";
+                readonly icon: "var(--mw-color-status-success-icon)";
+                readonly border: "var(--mw-color-status-success-border)";
+                readonly borderStrong: "var(--mw-color-status-success-border-strong)";
+            };
+            readonly warning: {
+                readonly background: "var(--mw-color-status-warning-background)";
+                readonly text: "var(--mw-color-status-warning-text)";
+                readonly icon: "var(--mw-color-status-warning-icon)";
+                readonly border: "var(--mw-color-status-warning-border)";
+                readonly borderAccessible: "var(--mw-color-status-warning-border-accessible)";
+                readonly borderStrong: "var(--mw-color-status-warning-border-strong)";
+            };
+            readonly error: {
+                readonly background: "var(--mw-color-status-error-background)";
+                readonly text: "var(--mw-color-status-error-text)";
+                readonly icon: "var(--mw-color-status-error-icon)";
+                readonly border: "var(--mw-color-status-error-border)";
+                readonly borderStrong: "var(--mw-color-status-error-border-strong)";
+            };
+            readonly info: {
+                readonly background: "var(--mw-color-status-info-background)";
+                readonly text: "var(--mw-color-status-info-text)";
+                readonly icon: "var(--mw-color-status-info-icon)";
+                readonly border: "var(--mw-color-status-info-border)";
+                readonly borderStrong: "var(--mw-color-status-info-border-strong)";
             };
-            readonly lg: {
-                readonly fontSize: "var(--mw-typography-paragraph-lg-font-size)";
-                readonly lineHeight: "var(--mw-typography-paragraph-lg-line-height)";
-            };
-        };
-    };
-};
-/**
- * Plain ThemeProvider-friendly object for styled-components and Emotion.
- * It mirrors `mwThemeVars` without adding a dependency on any CSS-in-JS library.
- */
-declare const mwStyledTheme: {
-    readonly color: {
-        readonly primary: {
-            readonly base: "var(--mw-color-primary-base)";
-            readonly hover: "var(--mw-color-primary-hover)";
-            readonly pressed: "var(--mw-color-primary-pressed)";
-            readonly disabled: "var(--mw-color-primary-disabled)";
-            readonly label: "var(--mw-color-primary-label)";
-            readonly labelDisabled: "var(--mw-color-primary-label-disabled)";
-        };
-        readonly secondary: {
-            readonly base: "var(--mw-color-secondary-base)";
-            readonly hover: "var(--mw-color-secondary-hover)";
-            readonly pressed: "var(--mw-color-secondary-pressed)";
-            readonly disabled: "var(--mw-color-secondary-disabled)";
-            readonly label: "var(--mw-color-secondary-label)";
-            readonly labelDisabled: "var(--mw-color-secondary-label-disabled)";
-            readonly border: "var(--mw-color-secondary-border)";
-            readonly borderDisabled: "var(--mw-color-secondary-border-disabled)";
-        };
-        readonly danger: {
-            readonly base: "var(--mw-color-danger-base)";
-            readonly hover: "var(--mw-color-danger-hover)";
-            readonly pressed: "var(--mw-color-danger-pressed)";
-            readonly disabled: "var(--mw-color-danger-disabled)";
-            readonly label: "var(--mw-color-danger-label)";
-            readonly labelDisabled: "var(--mw-color-danger-label-disabled)";
-        };
-        readonly success: {
-            readonly base: "var(--mw-color-success-base)";
-            readonly hover: "var(--mw-color-success-hover)";
-            readonly pressed: "var(--mw-color-success-pressed)";
-            readonly disabled: "var(--mw-color-success-disabled)";
-            readonly label: "var(--mw-color-success-label)";
-            readonly labelDisabled: "var(--mw-color-success-label-disabled)";
-        };
-        readonly warning: {
-            readonly base: "var(--mw-color-warning-base)";
-            readonly hover: "var(--mw-color-warning-hover)";
-            readonly pressed: "var(--mw-color-warning-pressed)";
-            readonly disabled: "var(--mw-color-warning-disabled)";
-            readonly label: "var(--mw-color-warning-label)";
-            readonly labelDisabled: "var(--mw-color-warning-label-disabled)";
         };
-        readonly info: {
-            readonly base: "var(--mw-color-info-base)";
-            readonly hover: "var(--mw-color-info-hover)";
-            readonly pressed: "var(--mw-color-info-pressed)";
-            readonly disabled: "var(--mw-color-info-disabled)";
-            readonly label: "var(--mw-color-info-label)";
-            readonly labelDisabled: "var(--mw-color-info-label-disabled)";
-        };
-        readonly background: "var(--mw-color-background)";
-        readonly surface: "var(--mw-color-surface)";
-        readonly surfaceSubtle: "var(--mw-color-surface-subtle)";
-        readonly surfaceElevated: "var(--mw-color-surface-elevated)";
-        readonly surfaceDisabled: "var(--mw-color-surface-disabled)";
-        readonly surfaceInverted: "var(--mw-color-surface-inverted)";
-        readonly text: "var(--mw-color-text)";
-        readonly textMuted: "var(--mw-color-text-muted)";
-        readonly textSubtle: "var(--mw-color-text-subtle)";
-        readonly textDisabled: "var(--mw-color-text-disabled)";
-        readonly textInverted: "var(--mw-color-text-inverted)";
-        readonly border: "var(--mw-color-border)";
-        readonly borderSubtle: "var(--mw-color-border-subtle)";
-        readonly borderStrong: "var(--mw-color-border-strong)";
-        readonly borderDisabled: "var(--mw-color-border-disabled)";
-        readonly focus: "var(--mw-color-focus)";
     };
     readonly spacing: {
         readonly sp0: "var(--mw-spacing-sp-0)";
         readonly sp2: "var(--mw-spacing-sp-2)";
         readonly sp4: "var(--mw-spacing-sp-4)";
         readonly sp8: "var(--mw-spacing-sp-8)";
+        readonly sp12: "var(--mw-spacing-sp-12)";
         readonly sp16: "var(--mw-spacing-sp-16)";
         readonly sp24: "var(--mw-spacing-sp-24)";
         readonly sp32: "var(--mw-spacing-sp-32)";
@@ -727,6 +777,12 @@ declare const mwStyledTheme: {
         readonly fontSizeSm: "var(--mw-density-font-size-sm)";
     };
     readonly typography: {
+        readonly display: {
+            readonly fontSize: "var(--mw-typography-display-font-size)";
+            readonly lineHeight: "var(--mw-typography-display-line-height)";
+            readonly fontWeight: "var(--mw-typography-display-font-weight)";
+            readonly letterSpacing: "var(--mw-typography-display-letter-spacing)";
+        };
         readonly h1: {
             readonly fontSize: "var(--mw-typography-h1-font-size)";
             readonly lineHeight: "var(--mw-typography-h1-line-height)";
@@ -745,6 +801,50 @@ declare const mwStyledTheme: {
             readonly fontWeight: "var(--mw-typography-h3-font-weight)";
             readonly letterSpacing: "var(--mw-typography-h3-letter-spacing)";
         };
+        readonly text: {
+            readonly display: {
+                readonly fontSize: "var(--mw-typography-text-display-font-size)";
+                readonly lineHeight: "var(--mw-typography-text-display-line-height)";
+                readonly fontWeight: "var(--mw-typography-text-display-font-weight)";
+                readonly letterSpacing: "var(--mw-typography-text-display-letter-spacing)";
+                readonly textTransform: "var(--mw-typography-text-display-transform)";
+            };
+            readonly label: {
+                readonly fontSize: "var(--mw-typography-text-label-font-size)";
+                readonly lineHeight: "var(--mw-typography-text-label-line-height)";
+                readonly fontWeight: "var(--mw-typography-text-label-font-weight)";
+                readonly letterSpacing: "var(--mw-typography-text-label-letter-spacing)";
+                readonly textTransform: "var(--mw-typography-text-label-transform)";
+            };
+            readonly "label-small": {
+                readonly fontSize: "var(--mw-typography-text-label-small-font-size)";
+                readonly lineHeight: "var(--mw-typography-text-label-small-line-height)";
+                readonly fontWeight: "var(--mw-typography-text-label-small-font-weight)";
+                readonly letterSpacing: "var(--mw-typography-text-label-small-letter-spacing)";
+                readonly textTransform: "var(--mw-typography-text-label-small-transform)";
+            };
+            readonly caption: {
+                readonly fontSize: "var(--mw-typography-text-caption-font-size)";
+                readonly lineHeight: "var(--mw-typography-text-caption-line-height)";
+                readonly fontWeight: "var(--mw-typography-text-caption-font-weight)";
+                readonly letterSpacing: "var(--mw-typography-text-caption-letter-spacing)";
+                readonly textTransform: "var(--mw-typography-text-caption-transform)";
+            };
+            readonly overline: {
+                readonly fontSize: "var(--mw-typography-text-overline-font-size)";
+                readonly lineHeight: "var(--mw-typography-text-overline-line-height)";
+                readonly fontWeight: "var(--mw-typography-text-overline-font-weight)";
+                readonly letterSpacing: "var(--mw-typography-text-overline-letter-spacing)";
+                readonly textTransform: "var(--mw-typography-text-overline-transform)";
+            };
+            readonly micro: {
+                readonly fontSize: "var(--mw-typography-text-micro-font-size)";
+                readonly lineHeight: "var(--mw-typography-text-micro-line-height)";
+                readonly fontWeight: "var(--mw-typography-text-micro-font-weight)";
+                readonly letterSpacing: "var(--mw-typography-text-micro-letter-spacing)";
+                readonly textTransform: "var(--mw-typography-text-micro-transform)";
+            };
+        };
         readonly paragraph: {
             readonly sm: {
                 readonly fontSize: "var(--mw-typography-paragraph-sm-font-size)";
@@ -761,8 +861,26 @@ declare const mwStyledTheme: {
         };
     };
 };
+/**
+ * Creates a ThemeProvider-friendly object for styled-components, Emotion, and other CSS providers.
+ * Token values are CSS custom property references; media helpers are derived from the resolved theme.
+ */
+declare function createMwTheme(theme: ResolvedTheme): MwTheme;
+/**
+ * Static CSS-provider theme using default Marwes breakpoint values.
+ * Use provider-rendered `mwTheme` when consumers need breakpoint overrides.
+ */
+declare const mwTheme: MwTheme;
+/**
+ * @deprecated Use `mwTheme`. This alias is kept for existing styled-provider consumers.
+ */
+declare const mwStyledTheme: MwTheme;
 type MwThemeVarNames = typeof mwThemeVarNames;
 type MwThemeVars = typeof mwThemeVars;
+type MwTheme = MwThemeVars & {
+    breakpoint: ThemeBreakpoints;
+    media: MwThemeMedia;
+};
 type MwStyledTheme = typeof mwStyledTheme;
 
 interface DensityScale {
@@ -869,6 +987,9 @@ declare function isSystemFont(name: string): boolean;
  */
 declare function shouldLoadGoogleFont(name: string, config?: FontLoadingConfig): boolean;
 interface TypographyForWeightExtraction {
+    display?: {
+        fontWeight: number;
+    };
     h1: {
         fontWeight: number;
     };
@@ -878,6 +999,9 @@ interface TypographyForWeightExtraction {
     h3: {
         fontWeight: number;
     };
+    text?: Record<string, {
+        fontWeight: number;
+    }>;
 }
 /**
  * Collects unique fontWeight values from typography config.
@@ -890,7 +1014,7 @@ declare const canonicalSemanticAttributeNames: readonly ["data-component", "data
 type SemanticAttributeName = (typeof canonicalSemanticAttributeNames)[number];
 declare const semanticLayers: readonly ["atom", "molecule", "purpose"];
 type SemanticLayer = (typeof semanticLayers)[number];
-declare const semanticFamilies: readonly ["button", "badge", "avatar", "toast", "dialog"];
+declare const semanticFamilies: readonly ["button", "badge", "banner", "avatar", "toast", "dialog", "drawer", "context-menu", "breadcrumb"];
 type SemanticFamily = (typeof semanticFamilies)[number];
 declare const semanticIntents: readonly ["success", "error", "warning", "info", "confirm", "destructive"];
 type SemanticIntent = (typeof semanticIntents)[number];
@@ -902,8 +1026,9 @@ declare const buttonPurposes: readonly ["destructive", "create", "submit", "canc
 declare const badgePurposes: readonly ["status", "priority", "notification"];
 declare const avatarPurposes: readonly ["profile", "presence", "team"];
 declare const toastPurposes: readonly ["success-toast", "error-toast", "warning-toast", "info-toast"];
+declare const bannerPurposes: readonly ["info-banner", "success-banner", "warning-banner", "error-banner"];
 declare const dialogPurposes: readonly ["confirm-dialog", "destructive-dialog", "info-dialog"];
-declare const semanticPurposes: readonly ["destructive", "create", "submit", "cancel", "navigation", "save", "confirm", "verify", "edit", "close", "refresh", "upload", "download", "copy", "search", "filter", "sort", "dropdown", "success", "status", "priority", "notification", "profile", "presence", "team", "success-toast", "error-toast", "warning-toast", "info-toast", "confirm-dialog", "destructive-dialog", "info-dialog"];
+declare const semanticPurposes: readonly ["destructive", "create", "submit", "cancel", "navigation", "save", "confirm", "verify", "edit", "close", "refresh", "upload", "download", "copy", "search", "filter", "sort", "dropdown", "success", "status", "priority", "notification", "profile", "presence", "team", "success-toast", "error-toast", "warning-toast", "info-toast", "info-banner", "success-banner", "warning-banner", "error-banner", "confirm-dialog", "destructive-dialog", "info-dialog"];
 type SemanticPurpose = (typeof semanticPurposes)[number];
 type SemanticAttributeValue = string;
 interface SemanticAttributeDefinition {
@@ -959,6 +1084,16 @@ declare const familySemanticsRegistry: {
         allowedPurposes: ("status" | "priority" | "notification")[];
         notes: string;
     };
+    banner: {
+        family: "banner";
+        defaultLayer: "atom";
+        baseAttributes: {
+            "data-component": string;
+        };
+        canonicalAttributes: ("data-component" | "data-variant")[];
+        allowedPurposes: ("info-banner" | "success-banner" | "warning-banner" | "error-banner")[];
+        notes: string;
+    };
     avatar: {
         family: "avatar";
         defaultLayer: "atom";
@@ -989,6 +1124,36 @@ declare const familySemanticsRegistry: {
         allowedPurposes: ("confirm-dialog" | "destructive-dialog" | "info-dialog")[];
         notes: string;
     };
+    drawer: {
+        family: "drawer";
+        defaultLayer: "atom";
+        baseAttributes: {
+            "data-component": string;
+        };
+        canonicalAttributes: ("data-component" | "data-size")[];
+        allowedPurposes: never[];
+        notes: string;
+    };
+    "context-menu": {
+        family: "context-menu";
+        defaultLayer: "atom";
+        baseAttributes: {
+            "data-component": string;
+        };
+        canonicalAttributes: ("data-component" | "data-destructive")[];
+        allowedPurposes: never[];
+        notes: string;
+    };
+    breadcrumb: {
+        family: "breadcrumb";
+        defaultLayer: "atom";
+        baseAttributes: {
+            "data-component": string;
+        };
+        canonicalAttributes: "data-component"[];
+        allowedPurposes: never[];
+        notes: string;
+    };
 };
 
 declare const buttonPurposeSemantics: {
@@ -1289,6 +1454,48 @@ declare const toastPurposeSemantics: {
         supportedFrameworks: readonly ["react", "vue"];
     };
 };
+declare const bannerPurposeSemantics: {
+    infoBanner: {
+        purpose: "info-banner";
+        family: "banner";
+        layer: "purpose";
+        attributes: {
+            "data-purpose": string;
+            "data-intent": string;
+        };
+        supportedFrameworks: readonly ["react", "vue"];
+    };
+    successBanner: {
+        purpose: "success-banner";
+        family: "banner";
+        layer: "purpose";
+        attributes: {
+            "data-purpose": string;
+            "data-intent": string;
+        };
+        supportedFrameworks: readonly ["react", "vue"];
+    };
+    warningBanner: {
+        purpose: "warning-banner";
+        family: "banner";
+        layer: "purpose";
+        attributes: {
+            "data-purpose": string;
+            "data-intent": string;
+        };
+        supportedFrameworks: readonly ["react", "vue"];
+    };
+    errorBanner: {
+        purpose: "error-banner";
+        family: "banner";
+        layer: "purpose";
+        attributes: {
+            "data-purpose": string;
+            "data-intent": string;
+        };
+        supportedFrameworks: readonly ["react", "vue"];
+    };
+};
 declare const dialogPurposeSemantics: {
     confirmDialog: {
         purpose: "confirm-dialog";
@@ -1356,6 +1563,46 @@ declare const purposeSemanticsRegistry: {
         };
         supportedFrameworks: readonly ["react", "vue"];
     };
+    infoBanner: {
+        purpose: "info-banner";
+        family: "banner";
+        layer: "purpose";
+        attributes: {
+            "data-purpose": string;
+            "data-intent": string;
+        };
+        supportedFrameworks: readonly ["react", "vue"];
+    };
+    successBanner: {
+        purpose: "success-banner";
+        family: "banner";
+        layer: "purpose";
+        attributes: {
+            "data-purpose": string;
+            "data-intent": string;
+        };
+        supportedFrameworks: readonly ["react", "vue"];
+    };
+    warningBanner: {
+        purpose: "warning-banner";
+        family: "banner";
+        layer: "purpose";
+        attributes: {
+            "data-purpose": string;
+            "data-intent": string;
+        };
+        supportedFrameworks: readonly ["react", "vue"];
+    };
+    errorBanner: {
+        purpose: "error-banner";
+        family: "banner";
+        layer: "purpose";
+        attributes: {
+            "data-purpose": string;
+            "data-intent": string;
+        };
+        supportedFrameworks: readonly ["react", "vue"];
+    };
     successToast: {
         purpose: "success-toast";
         family: "toast";
@@ -3470,29 +3717,46 @@ declare const storybookA11yPolicy: {
         };
     };
 };
-declare const storybookIconNames: ("info" | "search" | "repeat" | "bold" | "link" | "save" | "edit" | "upload" | "download" | "copy" | "delete" | "code" | "airplay" | "alertCircle" | "alertOctagon" | "alertTriangle" | "alignCenter" | "alignJustify" | "alignLeft" | "alignRight" | "arrowDown" | "arrowDownCircle" | "arrowDownLeft" | "arrowDownRight" | "arrowIn" | "arrowInCircle" | "arrowInSquare" | "arrowLeft" | "arrowLeftCircle" | "arrowOut" | "arrowOutCircle" | "arrowOutSquare" | "arrowRight" | "arrowRightCircle" | "arrowUp" | "arrowUpCircle" | "arrowUpLeft" | "arrowUpRight" | "atSign" | "barChart" | "barChart2" | "barChart3" | "barChart4" | "bell" | "bluetooth" | "bookmark" | "calendar" | "camera" | "cast" | "check" | "checkCircle" | "checkSquare" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronsDown" | "chevronsLeft" | "chevronsRight" | "chevronsUp" | "circle" | "clipboard" | "clock" | "command" | "compass" | "cornerDownLeft" | "cornerDownRight" | "cornerLeftDown" | "cornerLeftUp" | "cornerRightDown" | "cornerRightUp" | "cornerUpLeft" | "cornerUpRight" | "cpu" | "creditCard" | "database" | "disc" | "dollarSign" | "downloadCloud" | "edit2" | "edit3" | "expand" | "externalLink" | "eye" | "eyeOff" | "facebook" | "fastForward" | "file" | "fileMinus" | "fileMinus2" | "filePlus" | "filePlus2" | "fileText" | "fileX" | "fileX2" | "film" | "flag" | "folder" | "folderMinus" | "folderMinus2" | "folderPlus" | "folderPlus2" | "folderX" | "folderX2" | "grid" | "hardDrive" | "hash" | "headphones" | "heart" | "helpCircle" | "hexagon" | "home" | "home2" | "image" | "inbox" | "italic" | "layout" | "layout2" | "layout3" | "layout4" | "layout5" | "layout6" | "lineChart" | "lineChart2" | "list" | "loader" | "lock" | "mail" | "mapMarker1" | "mapMarker2" | "mapMarker3" | "maximize" | "maximize2" | "menu" | "messageCircle" | "messageSquare" | "mic" | "minimize" | "minimize3" | "minus" | "minusCircle" | "minusSquare" | "monitor" | "moon" | "moreHorizontal" | "moreVertical" | "move" | "music" | "octagon" | "paperclip" | "pause" | "pauseCircle" | "percent" | "phone" | "pieChart" | "pieChart2" | "pieChart3" | "pieChart4" | "pieChart5" | "play" | "playCircle" | "plus" | "plusCircle" | "plusSquare" | "power" | "printer" | "radio" | "refreshCcw" | "refreshCw" | "rewind" | "rotateLeft" | "rotateRight" | "rss" | "scissors" | "server" | "settings" | "share" | "shoppingBag" | "shoppingCart" | "shuffle" | "skipBack" | "skipForward" | "slash" | "sliders" | "smartphone" | "speaker" | "square" | "star" | "stopCircle" | "strikethrough" | "sun" | "table" | "table2" | "tablet" | "tag" | "thumbsDown" | "thumbsUp" | "trash" | "trendingDown" | "trendingUp" | "triangle" | "tv" | "twitter" | "type" | "underline" | "unlock" | "uploadCloud" | "user" | "userCheck" | "userCircle" | "userMinus" | "userPlus" | "userX" | "users" | "video" | "videoOff" | "volume" | "volume1" | "volume2" | "volumeX" | "watch" | "wifi" | "x" | "xCircle" | "xSquare" | "zoomIn" | "zoomOut")[];
-declare const storybookOptionalIconNames: ("info" | "search" | "repeat" | "bold" | "link" | "save" | "edit" | "upload" | "download" | "copy" | "delete" | "code" | "airplay" | "alertCircle" | "alertOctagon" | "alertTriangle" | "alignCenter" | "alignJustify" | "alignLeft" | "alignRight" | "arrowDown" | "arrowDownCircle" | "arrowDownLeft" | "arrowDownRight" | "arrowIn" | "arrowInCircle" | "arrowInSquare" | "arrowLeft" | "arrowLeftCircle" | "arrowOut" | "arrowOutCircle" | "arrowOutSquare" | "arrowRight" | "arrowRightCircle" | "arrowUp" | "arrowUpCircle" | "arrowUpLeft" | "arrowUpRight" | "atSign" | "barChart" | "barChart2" | "barChart3" | "barChart4" | "bell" | "bluetooth" | "bookmark" | "calendar" | "camera" | "cast" | "check" | "checkCircle" | "checkSquare" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronsDown" | "chevronsLeft" | "chevronsRight" | "chevronsUp" | "circle" | "clipboard" | "clock" | "command" | "compass" | "cornerDownLeft" | "cornerDownRight" | "cornerLeftDown" | "cornerLeftUp" | "cornerRightDown" | "cornerRightUp" | "cornerUpLeft" | "cornerUpRight" | "cpu" | "creditCard" | "database" | "disc" | "dollarSign" | "downloadCloud" | "edit2" | "edit3" | "expand" | "externalLink" | "eye" | "eyeOff" | "facebook" | "fastForward" | "file" | "fileMinus" | "fileMinus2" | "filePlus" | "filePlus2" | "fileText" | "fileX" | "fileX2" | "film" | "flag" | "folder" | "folderMinus" | "folderMinus2" | "folderPlus" | "folderPlus2" | "folderX" | "folderX2" | "grid" | "hardDrive" | "hash" | "headphones" | "heart" | "helpCircle" | "hexagon" | "home" | "home2" | "image" | "inbox" | "italic" | "layout" | "layout2" | "layout3" | "layout4" | "layout5" | "layout6" | "lineChart" | "lineChart2" | "list" | "loader" | "lock" | "mail" | "mapMarker1" | "mapMarker2" | "mapMarker3" | "maximize" | "maximize2" | "menu" | "messageCircle" | "messageSquare" | "mic" | "minimize" | "minimize3" | "minus" | "minusCircle" | "minusSquare" | "monitor" | "moon" | "moreHorizontal" | "moreVertical" | "move" | "music" | "octagon" | "paperclip" | "pause" | "pauseCircle" | "percent" | "phone" | "pieChart" | "pieChart2" | "pieChart3" | "pieChart4" | "pieChart5" | "play" | "playCircle" | "plus" | "plusCircle" | "plusSquare" | "power" | "printer" | "radio" | "refreshCcw" | "refreshCw" | "rewind" | "rotateLeft" | "rotateRight" | "rss" | "scissors" | "server" | "settings" | "share" | "shoppingBag" | "shoppingCart" | "shuffle" | "skipBack" | "skipForward" | "slash" | "sliders" | "smartphone" | "speaker" | "square" | "star" | "stopCircle" | "strikethrough" | "sun" | "table" | "table2" | "tablet" | "tag" | "thumbsDown" | "thumbsUp" | "trash" | "trendingDown" | "trendingUp" | "triangle" | "tv" | "twitter" | "type" | "underline" | "unlock" | "uploadCloud" | "user" | "userCheck" | "userCircle" | "userMinus" | "userPlus" | "userX" | "users" | "video" | "videoOff" | "volume" | "volume1" | "volume2" | "volumeX" | "watch" | "wifi" | "x" | "xCircle" | "xSquare" | "zoomIn" | "zoomOut" | undefined)[];
+declare const storybookIconNames: ("tablet" | "info" | "search" | "repeat" | "bold" | "link" | "save" | "edit" | "upload" | "download" | "copy" | "delete" | "code" | "airplay" | "alertCircle" | "alertOctagon" | "alertTriangle" | "alignCenter" | "alignJustify" | "alignLeft" | "alignRight" | "arrowDown" | "arrowDownCircle" | "arrowDownLeft" | "arrowDownRight" | "arrowIn" | "arrowInCircle" | "arrowInSquare" | "arrowLeft" | "arrowLeftCircle" | "arrowOut" | "arrowOutCircle" | "arrowOutSquare" | "arrowRight" | "arrowRightCircle" | "arrowUp" | "arrowUpCircle" | "arrowUpLeft" | "arrowUpRight" | "atSign" | "barChart" | "barChart2" | "barChart3" | "barChart4" | "bell" | "bluetooth" | "bookmark" | "calendar" | "camera" | "cast" | "check" | "checkCircle" | "checkSquare" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronsDown" | "chevronsLeft" | "chevronsRight" | "chevronsUp" | "circle" | "clipboard" | "clock" | "command" | "compass" | "cornerDownLeft" | "cornerDownRight" | "cornerLeftDown" | "cornerLeftUp" | "cornerRightDown" | "cornerRightUp" | "cornerUpLeft" | "cornerUpRight" | "cpu" | "creditCard" | "database" | "disc" | "dollarSign" | "downloadCloud" | "edit2" | "edit3" | "expand" | "externalLink" | "eye" | "eyeOff" | "facebook" | "fastForward" | "file" | "fileMinus" | "fileMinus2" | "filePlus" | "filePlus2" | "fileText" | "fileX" | "fileX2" | "film" | "flag" | "folder" | "folderMinus" | "folderMinus2" | "folderPlus" | "folderPlus2" | "folderX" | "folderX2" | "grid" | "hardDrive" | "hash" | "headphones" | "heart" | "helpCircle" | "hexagon" | "home" | "home2" | "image" | "inbox" | "italic" | "layout" | "layout2" | "layout3" | "layout4" | "layout5" | "layout6" | "lineChart" | "lineChart2" | "list" | "loader" | "lock" | "mail" | "mapMarker1" | "mapMarker2" | "mapMarker3" | "maximize" | "maximize2" | "menu" | "messageCircle" | "messageSquare" | "mic" | "minimize" | "minimize3" | "minus" | "minusCircle" | "minusSquare" | "monitor" | "moon" | "moreHorizontal" | "moreVertical" | "move" | "music" | "octagon" | "paperclip" | "pause" | "pauseCircle" | "percent" | "phone" | "pieChart" | "pieChart2" | "pieChart3" | "pieChart4" | "pieChart5" | "play" | "playCircle" | "plus" | "plusCircle" | "plusSquare" | "power" | "printer" | "radio" | "refreshCcw" | "refreshCw" | "rewind" | "rotateLeft" | "rotateRight" | "rss" | "scissors" | "server" | "settings" | "share" | "shoppingBag" | "shoppingCart" | "shuffle" | "skipBack" | "skipForward" | "slash" | "sliders" | "smartphone" | "speaker" | "square" | "star" | "stopCircle" | "strikethrough" | "sun" | "table" | "table2" | "tag" | "thumbsDown" | "thumbsUp" | "trash" | "trendingDown" | "trendingUp" | "triangle" | "tv" | "twitter" | "type" | "underline" | "unlock" | "uploadCloud" | "user" | "userCheck" | "userCircle" | "userMinus" | "userPlus" | "userX" | "users" | "video" | "videoOff" | "volume" | "volume1" | "volume2" | "volumeX" | "watch" | "wifi" | "x" | "xCircle" | "xSquare" | "zoomIn" | "zoomOut")[];
+declare const storybookOptionalIconNames: ("tablet" | "info" | "search" | "repeat" | "bold" | "link" | "save" | "edit" | "upload" | "download" | "copy" | "delete" | "code" | "airplay" | "alertCircle" | "alertOctagon" | "alertTriangle" | "alignCenter" | "alignJustify" | "alignLeft" | "alignRight" | "arrowDown" | "arrowDownCircle" | "arrowDownLeft" | "arrowDownRight" | "arrowIn" | "arrowInCircle" | "arrowInSquare" | "arrowLeft" | "arrowLeftCircle" | "arrowOut" | "arrowOutCircle" | "arrowOutSquare" | "arrowRight" | "arrowRightCircle" | "arrowUp" | "arrowUpCircle" | "arrowUpLeft" | "arrowUpRight" | "atSign" | "barChart" | "barChart2" | "barChart3" | "barChart4" | "bell" | "bluetooth" | "bookmark" | "calendar" | "camera" | "cast" | "check" | "checkCircle" | "checkSquare" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronsDown" | "chevronsLeft" | "chevronsRight" | "chevronsUp" | "circle" | "clipboard" | "clock" | "command" | "compass" | "cornerDownLeft" | "cornerDownRight" | "cornerLeftDown" | "cornerLeftUp" | "cornerRightDown" | "cornerRightUp" | "cornerUpLeft" | "cornerUpRight" | "cpu" | "creditCard" | "database" | "disc" | "dollarSign" | "downloadCloud" | "edit2" | "edit3" | "expand" | "externalLink" | "eye" | "eyeOff" | "facebook" | "fastForward" | "file" | "fileMinus" | "fileMinus2" | "filePlus" | "filePlus2" | "fileText" | "fileX" | "fileX2" | "film" | "flag" | "folder" | "folderMinus" | "folderMinus2" | "folderPlus" | "folderPlus2" | "folderX" | "folderX2" | "grid" | "hardDrive" | "hash" | "headphones" | "heart" | "helpCircle" | "hexagon" | "home" | "home2" | "image" | "inbox" | "italic" | "layout" | "layout2" | "layout3" | "layout4" | "layout5" | "layout6" | "lineChart" | "lineChart2" | "list" | "loader" | "lock" | "mail" | "mapMarker1" | "mapMarker2" | "mapMarker3" | "maximize" | "maximize2" | "menu" | "messageCircle" | "messageSquare" | "mic" | "minimize" | "minimize3" | "minus" | "minusCircle" | "minusSquare" | "monitor" | "moon" | "moreHorizontal" | "moreVertical" | "move" | "music" | "octagon" | "paperclip" | "pause" | "pauseCircle" | "percent" | "phone" | "pieChart" | "pieChart2" | "pieChart3" | "pieChart4" | "pieChart5" | "play" | "playCircle" | "plus" | "plusCircle" | "plusSquare" | "power" | "printer" | "radio" | "refreshCcw" | "refreshCw" | "rewind" | "rotateLeft" | "rotateRight" | "rss" | "scissors" | "server" | "settings" | "share" | "shoppingBag" | "shoppingCart" | "shuffle" | "skipBack" | "skipForward" | "slash" | "sliders" | "smartphone" | "speaker" | "square" | "star" | "stopCircle" | "strikethrough" | "sun" | "table" | "table2" | "tag" | "thumbsDown" | "thumbsUp" | "trash" | "trendingDown" | "trendingUp" | "triangle" | "tv" | "twitter" | "type" | "underline" | "unlock" | "uploadCloud" | "user" | "userCheck" | "userCircle" | "userMinus" | "userPlus" | "userX" | "users" | "video" | "videoOff" | "volume" | "volume1" | "volume2" | "volumeX" | "watch" | "wifi" | "x" | "xCircle" | "xSquare" | "zoomIn" | "zoomOut" | undefined)[];
 declare const storybookButtonIconArgTypes: {
     readonly iconLeft: {
         readonly control: "select";
-        readonly options: ("info" | "search" | "repeat" | "bold" | "link" | "save" | "edit" | "upload" | "download" | "copy" | "delete" | "code" | "airplay" | "alertCircle" | "alertOctagon" | "alertTriangle" | "alignCenter" | "alignJustify" | "alignLeft" | "alignRight" | "arrowDown" | "arrowDownCircle" | "arrowDownLeft" | "arrowDownRight" | "arrowIn" | "arrowInCircle" | "arrowInSquare" | "arrowLeft" | "arrowLeftCircle" | "arrowOut" | "arrowOutCircle" | "arrowOutSquare" | "arrowRight" | "arrowRightCircle" | "arrowUp" | "arrowUpCircle" | "arrowUpLeft" | "arrowUpRight" | "atSign" | "barChart" | "barChart2" | "barChart3" | "barChart4" | "bell" | "bluetooth" | "bookmark" | "calendar" | "camera" | "cast" | "check" | "checkCircle" | "checkSquare" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronsDown" | "chevronsLeft" | "chevronsRight" | "chevronsUp" | "circle" | "clipboard" | "clock" | "command" | "compass" | "cornerDownLeft" | "cornerDownRight" | "cornerLeftDown" | "cornerLeftUp" | "cornerRightDown" | "cornerRightUp" | "cornerUpLeft" | "cornerUpRight" | "cpu" | "creditCard" | "database" | "disc" | "dollarSign" | "downloadCloud" | "edit2" | "edit3" | "expand" | "externalLink" | "eye" | "eyeOff" | "facebook" | "fastForward" | "file" | "fileMinus" | "fileMinus2" | "filePlus" | "filePlus2" | "fileText" | "fileX" | "fileX2" | "film" | "flag" | "folder" | "folderMinus" | "folderMinus2" | "folderPlus" | "folderPlus2" | "folderX" | "folderX2" | "grid" | "hardDrive" | "hash" | "headphones" | "heart" | "helpCircle" | "hexagon" | "home" | "home2" | "image" | "inbox" | "italic" | "layout" | "layout2" | "layout3" | "layout4" | "layout5" | "layout6" | "lineChart" | "lineChart2" | "list" | "loader" | "lock" | "mail" | "mapMarker1" | "mapMarker2" | "mapMarker3" | "maximize" | "maximize2" | "menu" | "messageCircle" | "messageSquare" | "mic" | "minimize" | "minimize3" | "minus" | "minusCircle" | "minusSquare" | "monitor" | "moon" | "moreHorizontal" | "moreVertical" | "move" | "music" | "octagon" | "paperclip" | "pause" | "pauseCircle" | "percent" | "phone" | "pieChart" | "pieChart2" | "pieChart3" | "pieChart4" | "pieChart5" | "play" | "playCircle" | "plus" | "plusCircle" | "plusSquare" | "power" | "printer" | "radio" | "refreshCcw" | "refreshCw" | "rewind" | "rotateLeft" | "rotateRight" | "rss" | "scissors" | "server" | "settings" | "share" | "shoppingBag" | "shoppingCart" | "shuffle" | "skipBack" | "skipForward" | "slash" | "sliders" | "smartphone" | "speaker" | "square" | "star" | "stopCircle" | "strikethrough" | "sun" | "table" | "table2" | "tablet" | "tag" | "thumbsDown" | "thumbsUp" | "trash" | "trendingDown" | "trendingUp" | "triangle" | "tv" | "twitter" | "type" | "underline" | "unlock" | "uploadCloud" | "user" | "userCheck" | "userCircle" | "userMinus" | "userPlus" | "userX" | "users" | "video" | "videoOff" | "volume" | "volume1" | "volume2" | "volumeX" | "watch" | "wifi" | "x" | "xCircle" | "xSquare" | "zoomIn" | "zoomOut" | undefined)[];
+        readonly options: ("tablet" | "info" | "search" | "repeat" | "bold" | "link" | "save" | "edit" | "upload" | "download" | "copy" | "delete" | "code" | "airplay" | "alertCircle" | "alertOctagon" | "alertTriangle" | "alignCenter" | "alignJustify" | "alignLeft" | "alignRight" | "arrowDown" | "arrowDownCircle" | "arrowDownLeft" | "arrowDownRight" | "arrowIn" | "arrowInCircle" | "arrowInSquare" | "arrowLeft" | "arrowLeftCircle" | "arrowOut" | "arrowOutCircle" | "arrowOutSquare" | "arrowRight" | "arrowRightCircle" | "arrowUp" | "arrowUpCircle" | "arrowUpLeft" | "arrowUpRight" | "atSign" | "barChart" | "barChart2" | "barChart3" | "barChart4" | "bell" | "bluetooth" | "bookmark" | "calendar" | "camera" | "cast" | "check" | "checkCircle" | "checkSquare" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronsDown" | "chevronsLeft" | "chevronsRight" | "chevronsUp" | "circle" | "clipboard" | "clock" | "command" | "compass" | "cornerDownLeft" | "cornerDownRight" | "cornerLeftDown" | "cornerLeftUp" | "cornerRightDown" | "cornerRightUp" | "cornerUpLeft" | "cornerUpRight" | "cpu" | "creditCard" | "database" | "disc" | "dollarSign" | "downloadCloud" | "edit2" | "edit3" | "expand" | "externalLink" | "eye" | "eyeOff" | "facebook" | "fastForward" | "file" | "fileMinus" | "fileMinus2" | "filePlus" | "filePlus2" | "fileText" | "fileX" | "fileX2" | "film" | "flag" | "folder" | "folderMinus" | "folderMinus2" | "folderPlus" | "folderPlus2" | "folderX" | "folderX2" | "grid" | "hardDrive" | "hash" | "headphones" | "heart" | "helpCircle" | "hexagon" | "home" | "home2" | "image" | "inbox" | "italic" | "layout" | "layout2" | "layout3" | "layout4" | "layout5" | "layout6" | "lineChart" | "lineChart2" | "list" | "loader" | "lock" | "mail" | "mapMarker1" | "mapMarker2" | "mapMarker3" | "maximize" | "maximize2" | "menu" | "messageCircle" | "messageSquare" | "mic" | "minimize" | "minimize3" | "minus" | "minusCircle" | "minusSquare" | "monitor" | "moon" | "moreHorizontal" | "moreVertical" | "move" | "music" | "octagon" | "paperclip" | "pause" | "pauseCircle" | "percent" | "phone" | "pieChart" | "pieChart2" | "pieChart3" | "pieChart4" | "pieChart5" | "play" | "playCircle" | "plus" | "plusCircle" | "plusSquare" | "power" | "printer" | "radio" | "refreshCcw" | "refreshCw" | "rewind" | "rotateLeft" | "rotateRight" | "rss" | "scissors" | "server" | "settings" | "share" | "shoppingBag" | "shoppingCart" | "shuffle" | "skipBack" | "skipForward" | "slash" | "sliders" | "smartphone" | "speaker" | "square" | "star" | "stopCircle" | "strikethrough" | "sun" | "table" | "table2" | "tag" | "thumbsDown" | "thumbsUp" | "trash" | "trendingDown" | "trendingUp" | "triangle" | "tv" | "twitter" | "type" | "underline" | "unlock" | "uploadCloud" | "user" | "userCheck" | "userCircle" | "userMinus" | "userPlus" | "userX" | "users" | "video" | "videoOff" | "volume" | "volume1" | "volume2" | "volumeX" | "watch" | "wifi" | "x" | "xCircle" | "xSquare" | "zoomIn" | "zoomOut" | undefined)[];
     };
     readonly iconRight: {
         readonly control: "select";
-        readonly options: ("info" | "search" | "repeat" | "bold" | "link" | "save" | "edit" | "upload" | "download" | "copy" | "delete" | "code" | "airplay" | "alertCircle" | "alertOctagon" | "alertTriangle" | "alignCenter" | "alignJustify" | "alignLeft" | "alignRight" | "arrowDown" | "arrowDownCircle" | "arrowDownLeft" | "arrowDownRight" | "arrowIn" | "arrowInCircle" | "arrowInSquare" | "arrowLeft" | "arrowLeftCircle" | "arrowOut" | "arrowOutCircle" | "arrowOutSquare" | "arrowRight" | "arrowRightCircle" | "arrowUp" | "arrowUpCircle" | "arrowUpLeft" | "arrowUpRight" | "atSign" | "barChart" | "barChart2" | "barChart3" | "barChart4" | "bell" | "bluetooth" | "bookmark" | "calendar" | "camera" | "cast" | "check" | "checkCircle" | "checkSquare" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronsDown" | "chevronsLeft" | "chevronsRight" | "chevronsUp" | "circle" | "clipboard" | "clock" | "command" | "compass" | "cornerDownLeft" | "cornerDownRight" | "cornerLeftDown" | "cornerLeftUp" | "cornerRightDown" | "cornerRightUp" | "cornerUpLeft" | "cornerUpRight" | "cpu" | "creditCard" | "database" | "disc" | "dollarSign" | "downloadCloud" | "edit2" | "edit3" | "expand" | "externalLink" | "eye" | "eyeOff" | "facebook" | "fastForward" | "file" | "fileMinus" | "fileMinus2" | "filePlus" | "filePlus2" | "fileText" | "fileX" | "fileX2" | "film" | "flag" | "folder" | "folderMinus" | "folderMinus2" | "folderPlus" | "folderPlus2" | "folderX" | "folderX2" | "grid" | "hardDrive" | "hash" | "headphones" | "heart" | "helpCircle" | "hexagon" | "home" | "home2" | "image" | "inbox" | "italic" | "layout" | "layout2" | "layout3" | "layout4" | "layout5" | "layout6" | "lineChart" | "lineChart2" | "list" | "loader" | "lock" | "mail" | "mapMarker1" | "mapMarker2" | "mapMarker3" | "maximize" | "maximize2" | "menu" | "messageCircle" | "messageSquare" | "mic" | "minimize" | "minimize3" | "minus" | "minusCircle" | "minusSquare" | "monitor" | "moon" | "moreHorizontal" | "moreVertical" | "move" | "music" | "octagon" | "paperclip" | "pause" | "pauseCircle" | "percent" | "phone" | "pieChart" | "pieChart2" | "pieChart3" | "pieChart4" | "pieChart5" | "play" | "playCircle" | "plus" | "plusCircle" | "plusSquare" | "power" | "printer" | "radio" | "refreshCcw" | "refreshCw" | "rewind" | "rotateLeft" | "rotateRight" | "rss" | "scissors" | "server" | "settings" | "share" | "shoppingBag" | "shoppingCart" | "shuffle" | "skipBack" | "skipForward" | "slash" | "sliders" | "smartphone" | "speaker" | "square" | "star" | "stopCircle" | "strikethrough" | "sun" | "table" | "table2" | "tablet" | "tag" | "thumbsDown" | "thumbsUp" | "trash" | "trendingDown" | "trendingUp" | "triangle" | "tv" | "twitter" | "type" | "underline" | "unlock" | "uploadCloud" | "user" | "userCheck" | "userCircle" | "userMinus" | "userPlus" | "userX" | "users" | "video" | "videoOff" | "volume" | "volume1" | "volume2" | "volumeX" | "watch" | "wifi" | "x" | "xCircle" | "xSquare" | "zoomIn" | "zoomOut" | undefined)[];
+        readonly options: ("tablet" | "info" | "search" | "repeat" | "bold" | "link" | "save" | "edit" | "upload" | "download" | "copy" | "delete" | "code" | "airplay" | "alertCircle" | "alertOctagon" | "alertTriangle" | "alignCenter" | "alignJustify" | "alignLeft" | "alignRight" | "arrowDown" | "arrowDownCircle" | "arrowDownLeft" | "arrowDownRight" | "arrowIn" | "arrowInCircle" | "arrowInSquare" | "arrowLeft" | "arrowLeftCircle" | "arrowOut" | "arrowOutCircle" | "arrowOutSquare" | "arrowRight" | "arrowRightCircle" | "arrowUp" | "arrowUpCircle" | "arrowUpLeft" | "arrowUpRight" | "atSign" | "barChart" | "barChart2" | "barChart3" | "barChart4" | "bell" | "bluetooth" | "bookmark" | "calendar" | "camera" | "cast" | "check" | "checkCircle" | "checkSquare" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronsDown" | "chevronsLeft" | "chevronsRight" | "chevronsUp" | "circle" | "clipboard" | "clock" | "command" | "compass" | "cornerDownLeft" | "cornerDownRight" | "cornerLeftDown" | "cornerLeftUp" | "cornerRightDown" | "cornerRightUp" | "cornerUpLeft" | "cornerUpRight" | "cpu" | "creditCard" | "database" | "disc" | "dollarSign" | "downloadCloud" | "edit2" | "edit3" | "expand" | "externalLink" | "eye" | "eyeOff" | "facebook" | "fastForward" | "file" | "fileMinus" | "fileMinus2" | "filePlus" | "filePlus2" | "fileText" | "fileX" | "fileX2" | "film" | "flag" | "folder" | "folderMinus" | "folderMinus2" | "folderPlus" | "folderPlus2" | "folderX" | "folderX2" | "grid" | "hardDrive" | "hash" | "headphones" | "heart" | "helpCircle" | "hexagon" | "home" | "home2" | "image" | "inbox" | "italic" | "layout" | "layout2" | "layout3" | "layout4" | "layout5" | "layout6" | "lineChart" | "lineChart2" | "list" | "loader" | "lock" | "mail" | "mapMarker1" | "mapMarker2" | "mapMarker3" | "maximize" | "maximize2" | "menu" | "messageCircle" | "messageSquare" | "mic" | "minimize" | "minimize3" | "minus" | "minusCircle" | "minusSquare" | "monitor" | "moon" | "moreHorizontal" | "moreVertical" | "move" | "music" | "octagon" | "paperclip" | "pause" | "pauseCircle" | "percent" | "phone" | "pieChart" | "pieChart2" | "pieChart3" | "pieChart4" | "pieChart5" | "play" | "playCircle" | "plus" | "plusCircle" | "plusSquare" | "power" | "printer" | "radio" | "refreshCcw" | "refreshCw" | "rewind" | "rotateLeft" | "rotateRight" | "rss" | "scissors" | "server" | "settings" | "share" | "shoppingBag" | "shoppingCart" | "shuffle" | "skipBack" | "skipForward" | "slash" | "sliders" | "smartphone" | "speaker" | "square" | "star" | "stopCircle" | "strikethrough" | "sun" | "table" | "table2" | "tag" | "thumbsDown" | "thumbsUp" | "trash" | "trendingDown" | "trendingUp" | "triangle" | "tv" | "twitter" | "type" | "underline" | "unlock" | "uploadCloud" | "user" | "userCheck" | "userCircle" | "userMinus" | "userPlus" | "userX" | "users" | "video" | "videoOff" | "volume" | "volume1" | "volume2" | "volumeX" | "watch" | "wifi" | "x" | "xCircle" | "xSquare" | "zoomIn" | "zoomOut" | undefined)[];
     };
     readonly disabled: {
         readonly control: "boolean";
     };
 };
 declare const storybookButtonGeneralArgTypes: {
+    readonly variant: {
+        readonly control: "select";
+        readonly options: readonly ["primary", "secondary", "neutral", "text", "success", "danger"];
+    };
     readonly iconLeft: {
         readonly control: "select";
-        readonly options: ("info" | "search" | "repeat" | "bold" | "link" | "save" | "edit" | "upload" | "download" | "copy" | "delete" | "code" | "airplay" | "alertCircle" | "alertOctagon" | "alertTriangle" | "alignCenter" | "alignJustify" | "alignLeft" | "alignRight" | "arrowDown" | "arrowDownCircle" | "arrowDownLeft" | "arrowDownRight" | "arrowIn" | "arrowInCircle" | "arrowInSquare" | "arrowLeft" | "arrowLeftCircle" | "arrowOut" | "arrowOutCircle" | "arrowOutSquare" | "arrowRight" | "arrowRightCircle" | "arrowUp" | "arrowUpCircle" | "arrowUpLeft" | "arrowUpRight" | "atSign" | "barChart" | "barChart2" | "barChart3" | "barChart4" | "bell" | "bluetooth" | "bookmark" | "calendar" | "camera" | "cast" | "check" | "checkCircle" | "checkSquare" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronsDown" | "chevronsLeft" | "chevronsRight" | "chevronsUp" | "circle" | "clipboard" | "clock" | "command" | "compass" | "cornerDownLeft" | "cornerDownRight" | "cornerLeftDown" | "cornerLeftUp" | "cornerRightDown" | "cornerRightUp" | "cornerUpLeft" | "cornerUpRight" | "cpu" | "creditCard" | "database" | "disc" | "dollarSign" | "downloadCloud" | "edit2" | "edit3" | "expand" | "externalLink" | "eye" | "eyeOff" | "facebook" | "fastForward" | "file" | "fileMinus" | "fileMinus2" | "filePlus" | "filePlus2" | "fileText" | "fileX" | "fileX2" | "film" | "flag" | "folder" | "folderMinus" | "folderMinus2" | "folderPlus" | "folderPlus2" | "folderX" | "folderX2" | "grid" | "hardDrive" | "hash" | "headphones" | "heart" | "helpCircle" | "hexagon" | "home" | "home2" | "image" | "inbox" | "italic" | "layout" | "layout2" | "layout3" | "layout4" | "layout5" | "layout6" | "lineChart" | "lineChart2" | "list" | "loader" | "lock" | "mail" | "mapMarker1" | "mapMarker2" | "mapMarker3" | "maximize" | "maximize2" | "menu" | "messageCircle" | "messageSquare" | "mic" | "minimize" | "minimize3" | "minus" | "minusCircle" | "minusSquare" | "monitor" | "moon" | "moreHorizontal" | "moreVertical" | "move" | "music" | "octagon" | "paperclip" | "pause" | "pauseCircle" | "percent" | "phone" | "pieChart" | "pieChart2" | "pieChart3" | "pieChart4" | "pieChart5" | "play" | "playCircle" | "plus" | "plusCircle" | "plusSquare" | "power" | "printer" | "radio" | "refreshCcw" | "refreshCw" | "rewind" | "rotateLeft" | "rotateRight" | "rss" | "scissors" | "server" | "settings" | "share" | "shoppingBag" | "shoppingCart" | "shuffle" | "skipBack" | "skipForward" | "slash" | "sliders" | "smartphone" | "speaker" | "square" | "star" | "stopCircle" | "strikethrough" | "sun" | "table" | "table2" | "tablet" | "tag" | "thumbsDown" | "thumbsUp" | "trash" | "trendingDown" | "trendingUp" | "triangle" | "tv" | "twitter" | "type" | "underline" | "unlock" | "uploadCloud" | "user" | "userCheck" | "userCircle" | "userMinus" | "userPlus" | "userX" | "users" | "video" | "videoOff" | "volume" | "volume1" | "volume2" | "volumeX" | "watch" | "wifi" | "x" | "xCircle" | "xSquare" | "zoomIn" | "zoomOut" | undefined)[];
+        readonly options: ("tablet" | "info" | "search" | "repeat" | "bold" | "link" | "save" | "edit" | "upload" | "download" | "copy" | "delete" | "code" | "airplay" | "alertCircle" | "alertOctagon" | "alertTriangle" | "alignCenter" | "alignJustify" | "alignLeft" | "alignRight" | "arrowDown" | "arrowDownCircle" | "arrowDownLeft" | "arrowDownRight" | "arrowIn" | "arrowInCircle" | "arrowInSquare" | "arrowLeft" | "arrowLeftCircle" | "arrowOut" | "arrowOutCircle" | "arrowOutSquare" | "arrowRight" | "arrowRightCircle" | "arrowUp" | "arrowUpCircle" | "arrowUpLeft" | "arrowUpRight" | "atSign" | "barChart" | "barChart2" | "barChart3" | "barChart4" | "bell" | "bluetooth" | "bookmark" | "calendar" | "camera" | "cast" | "check" | "checkCircle" | "checkSquare" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronsDown" | "chevronsLeft" | "chevronsRight" | "chevronsUp" | "circle" | "clipboard" | "clock" | "command" | "compass" | "cornerDownLeft" | "cornerDownRight" | "cornerLeftDown" | "cornerLeftUp" | "cornerRightDown" | "cornerRightUp" | "cornerUpLeft" | "cornerUpRight" | "cpu" | "creditCard" | "database" | "disc" | "dollarSign" | "downloadCloud" | "edit2" | "edit3" | "expand" | "externalLink" | "eye" | "eyeOff" | "facebook" | "fastForward" | "file" | "fileMinus" | "fileMinus2" | "filePlus" | "filePlus2" | "fileText" | "fileX" | "fileX2" | "film" | "flag" | "folder" | "folderMinus" | "folderMinus2" | "folderPlus" | "folderPlus2" | "folderX" | "folderX2" | "grid" | "hardDrive" | "hash" | "headphones" | "heart" | "helpCircle" | "hexagon" | "home" | "home2" | "image" | "inbox" | "italic" | "layout" | "layout2" | "layout3" | "layout4" | "layout5" | "layout6" | "lineChart" | "lineChart2" | "list" | "loader" | "lock" | "mail" | "mapMarker1" | "mapMarker2" | "mapMarker3" | "maximize" | "maximize2" | "menu" | "messageCircle" | "messageSquare" | "mic" | "minimize" | "minimize3" | "minus" | "minusCircle" | "minusSquare" | "monitor" | "moon" | "moreHorizontal" | "moreVertical" | "move" | "music" | "octagon" | "paperclip" | "pause" | "pauseCircle" | "percent" | "phone" | "pieChart" | "pieChart2" | "pieChart3" | "pieChart4" | "pieChart5" | "play" | "playCircle" | "plus" | "plusCircle" | "plusSquare" | "power" | "printer" | "radio" | "refreshCcw" | "refreshCw" | "rewind" | "rotateLeft" | "rotateRight" | "rss" | "scissors" | "server" | "settings" | "share" | "shoppingBag" | "shoppingCart" | "shuffle" | "skipBack" | "skipForward" | "slash" | "sliders" | "smartphone" | "speaker" | "square" | "star" | "stopCircle" | "strikethrough" | "sun" | "table" | "table2" | "tag" | "thumbsDown" | "thumbsUp" | "trash" | "trendingDown" | "trendingUp" | "triangle" | "tv" | "twitter" | "type" | "underline" | "unlock" | "uploadCloud" | "user" | "userCheck" | "userCircle" | "userMinus" | "userPlus" | "userX" | "users" | "video" | "videoOff" | "volume" | "volume1" | "volume2" | "volumeX" | "watch" | "wifi" | "x" | "xCircle" | "xSquare" | "zoomIn" | "zoomOut" | undefined)[];
     };
     readonly iconRight: {
         readonly control: "select";
-        readonly options: ("info" | "search" | "repeat" | "bold" | "link" | "save" | "edit" | "upload" | "download" | "copy" | "delete" | "code" | "airplay" | "alertCircle" | "alertOctagon" | "alertTriangle" | "alignCenter" | "alignJustify" | "alignLeft" | "alignRight" | "arrowDown" | "arrowDownCircle" | "arrowDownLeft" | "arrowDownRight" | "arrowIn" | "arrowInCircle" | "arrowInSquare" | "arrowLeft" | "arrowLeftCircle" | "arrowOut" | "arrowOutCircle" | "arrowOutSquare" | "arrowRight" | "arrowRightCircle" | "arrowUp" | "arrowUpCircle" | "arrowUpLeft" | "arrowUpRight" | "atSign" | "barChart" | "barChart2" | "barChart3" | "barChart4" | "bell" | "bluetooth" | "bookmark" | "calendar" | "camera" | "cast" | "check" | "checkCircle" | "checkSquare" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronsDown" | "chevronsLeft" | "chevronsRight" | "chevronsUp" | "circle" | "clipboard" | "clock" | "command" | "compass" | "cornerDownLeft" | "cornerDownRight" | "cornerLeftDown" | "cornerLeftUp" | "cornerRightDown" | "cornerRightUp" | "cornerUpLeft" | "cornerUpRight" | "cpu" | "creditCard" | "database" | "disc" | "dollarSign" | "downloadCloud" | "edit2" | "edit3" | "expand" | "externalLink" | "eye" | "eyeOff" | "facebook" | "fastForward" | "file" | "fileMinus" | "fileMinus2" | "filePlus" | "filePlus2" | "fileText" | "fileX" | "fileX2" | "film" | "flag" | "folder" | "folderMinus" | "folderMinus2" | "folderPlus" | "folderPlus2" | "folderX" | "folderX2" | "grid" | "hardDrive" | "hash" | "headphones" | "heart" | "helpCircle" | "hexagon" | "home" | "home2" | "image" | "inbox" | "italic" | "layout" | "layout2" | "layout3" | "layout4" | "layout5" | "layout6" | "lineChart" | "lineChart2" | "list" | "loader" | "lock" | "mail" | "mapMarker1" | "mapMarker2" | "mapMarker3" | "maximize" | "maximize2" | "menu" | "messageCircle" | "messageSquare" | "mic" | "minimize" | "minimize3" | "minus" | "minusCircle" | "minusSquare" | "monitor" | "moon" | "moreHorizontal" | "moreVertical" | "move" | "music" | "octagon" | "paperclip" | "pause" | "pauseCircle" | "percent" | "phone" | "pieChart" | "pieChart2" | "pieChart3" | "pieChart4" | "pieChart5" | "play" | "playCircle" | "plus" | "plusCircle" | "plusSquare" | "power" | "printer" | "radio" | "refreshCcw" | "refreshCw" | "rewind" | "rotateLeft" | "rotateRight" | "rss" | "scissors" | "server" | "settings" | "share" | "shoppingBag" | "shoppingCart" | "shuffle" | "skipBack" | "skipForward" | "slash" | "sliders" | "smartphone" | "speaker" | "square" | "star" | "stopCircle" | "strikethrough" | "sun" | "table" | "table2" | "tablet" | "tag" | "thumbsDown" | "thumbsUp" | "trash" | "trendingDown" | "trendingUp" | "triangle" | "tv" | "twitter" | "type" | "underline" | "unlock" | "uploadCloud" | "user" | "userCheck" | "userCircle" | "userMinus" | "userPlus" | "userX" | "users" | "video" | "videoOff" | "volume" | "volume1" | "volume2" | "volumeX" | "watch" | "wifi" | "x" | "xCircle" | "xSquare" | "zoomIn" | "zoomOut" | undefined)[];
+        readonly options: ("tablet" | "info" | "search" | "repeat" | "bold" | "link" | "save" | "edit" | "upload" | "download" | "copy" | "delete" | "code" | "airplay" | "alertCircle" | "alertOctagon" | "alertTriangle" | "alignCenter" | "alignJustify" | "alignLeft" | "alignRight" | "arrowDown" | "arrowDownCircle" | "arrowDownLeft" | "arrowDownRight" | "arrowIn" | "arrowInCircle" | "arrowInSquare" | "arrowLeft" | "arrowLeftCircle" | "arrowOut" | "arrowOutCircle" | "arrowOutSquare" | "arrowRight" | "arrowRightCircle" | "arrowUp" | "arrowUpCircle" | "arrowUpLeft" | "arrowUpRight" | "atSign" | "barChart" | "barChart2" | "barChart3" | "barChart4" | "bell" | "bluetooth" | "bookmark" | "calendar" | "camera" | "cast" | "check" | "checkCircle" | "checkSquare" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronsDown" | "chevronsLeft" | "chevronsRight" | "chevronsUp" | "circle" | "clipboard" | "clock" | "command" | "compass" | "cornerDownLeft" | "cornerDownRight" | "cornerLeftDown" | "cornerLeftUp" | "cornerRightDown" | "cornerRightUp" | "cornerUpLeft" | "cornerUpRight" | "cpu" | "creditCard" | "database" | "disc" | "dollarSign" | "downloadCloud" | "edit2" | "edit3" | "expand" | "externalLink" | "eye" | "eyeOff" | "facebook" | "fastForward" | "file" | "fileMinus" | "fileMinus2" | "filePlus" | "filePlus2" | "fileText" | "fileX" | "fileX2" | "film" | "flag" | "folder" | "folderMinus" | "folderMinus2" | "folderPlus" | "folderPlus2" | "folderX" | "folderX2" | "grid" | "hardDrive" | "hash" | "headphones" | "heart" | "helpCircle" | "hexagon" | "home" | "home2" | "image" | "inbox" | "italic" | "layout" | "layout2" | "layout3" | "layout4" | "layout5" | "layout6" | "lineChart" | "lineChart2" | "list" | "loader" | "lock" | "mail" | "mapMarker1" | "mapMarker2" | "mapMarker3" | "maximize" | "maximize2" | "menu" | "messageCircle" | "messageSquare" | "mic" | "minimize" | "minimize3" | "minus" | "minusCircle" | "minusSquare" | "monitor" | "moon" | "moreHorizontal" | "moreVertical" | "move" | "music" | "octagon" | "paperclip" | "pause" | "pauseCircle" | "percent" | "phone" | "pieChart" | "pieChart2" | "pieChart3" | "pieChart4" | "pieChart5" | "play" | "playCircle" | "plus" | "plusCircle" | "plusSquare" | "power" | "printer" | "radio" | "refreshCcw" | "refreshCw" | "rewind" | "rotateLeft" | "rotateRight" | "rss" | "scissors" | "server" | "settings" | "share" | "shoppingBag" | "shoppingCart" | "shuffle" | "skipBack" | "skipForward" | "slash" | "sliders" | "smartphone" | "speaker" | "square" | "star" | "stopCircle" | "strikethrough" | "sun" | "table" | "table2" | "tag" | "thumbsDown" | "thumbsUp" | "trash" | "trendingDown" | "trendingUp" | "triangle" | "tv" | "twitter" | "type" | "underline" | "unlock" | "uploadCloud" | "user" | "userCheck" | "userCircle" | "userMinus" | "userPlus" | "userX" | "users" | "video" | "videoOff" | "volume" | "volume1" | "volume2" | "volumeX" | "watch" | "wifi" | "x" | "xCircle" | "xSquare" | "zoomIn" | "zoomOut" | undefined)[];
+    };
+    readonly disabled: {
+        readonly control: "boolean";
+    };
+};
+declare const storybookIconButtonArgTypes: {
+    readonly icon: {
+        readonly control: "select";
+        readonly options: ("tablet" | "info" | "search" | "repeat" | "bold" | "link" | "save" | "edit" | "upload" | "download" | "copy" | "delete" | "code" | "airplay" | "alertCircle" | "alertOctagon" | "alertTriangle" | "alignCenter" | "alignJustify" | "alignLeft" | "alignRight" | "arrowDown" | "arrowDownCircle" | "arrowDownLeft" | "arrowDownRight" | "arrowIn" | "arrowInCircle" | "arrowInSquare" | "arrowLeft" | "arrowLeftCircle" | "arrowOut" | "arrowOutCircle" | "arrowOutSquare" | "arrowRight" | "arrowRightCircle" | "arrowUp" | "arrowUpCircle" | "arrowUpLeft" | "arrowUpRight" | "atSign" | "barChart" | "barChart2" | "barChart3" | "barChart4" | "bell" | "bluetooth" | "bookmark" | "calendar" | "camera" | "cast" | "check" | "checkCircle" | "checkSquare" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronsDown" | "chevronsLeft" | "chevronsRight" | "chevronsUp" | "circle" | "clipboard" | "clock" | "command" | "compass" | "cornerDownLeft" | "cornerDownRight" | "cornerLeftDown" | "cornerLeftUp" | "cornerRightDown" | "cornerRightUp" | "cornerUpLeft" | "cornerUpRight" | "cpu" | "creditCard" | "database" | "disc" | "dollarSign" | "downloadCloud" | "edit2" | "edit3" | "expand" | "externalLink" | "eye" | "eyeOff" | "facebook" | "fastForward" | "file" | "fileMinus" | "fileMinus2" | "filePlus" | "filePlus2" | "fileText" | "fileX" | "fileX2" | "film" | "flag" | "folder" | "folderMinus" | "folderMinus2" | "folderPlus" | "folderPlus2" | "folderX" | "folderX2" | "grid" | "hardDrive" | "hash" | "headphones" | "heart" | "helpCircle" | "hexagon" | "home" | "home2" | "image" | "inbox" | "italic" | "layout" | "layout2" | "layout3" | "layout4" | "layout5" | "layout6" | "lineChart" | "lineChart2" | "list" | "loader" | "lock" | "mail" | "mapMarker1" | "mapMarker2" | "mapMarker3" | "maximize" | "maximize2" | "menu" | "messageCircle" | "messageSquare" | "mic" | "minimize" | "minimize3" | "minus" | "minusCircle" | "minusSquare" | "monitor" | "moon" | "moreHorizontal" | "moreVertical" | "move" | "music" | "octagon" | "paperclip" | "pause" | "pauseCircle" | "percent" | "phone" | "pieChart" | "pieChart2" | "pieChart3" | "pieChart4" | "pieChart5" | "play" | "playCircle" | "plus" | "plusCircle" | "plusSquare" | "power" | "printer" | "radio" | "refreshCcw" | "refreshCw" | "rewind" | "rotateLeft" | "rotateRight" | "rss" | "scissors" | "server" | "settings" | "share" | "shoppingBag" | "shoppingCart" | "shuffle" | "skipBack" | "skipForward" | "slash" | "sliders" | "smartphone" | "speaker" | "square" | "star" | "stopCircle" | "strikethrough" | "sun" | "table" | "table2" | "tag" | "thumbsDown" | "thumbsUp" | "trash" | "trendingDown" | "trendingUp" | "triangle" | "tv" | "twitter" | "type" | "underline" | "unlock" | "uploadCloud" | "user" | "userCheck" | "userCircle" | "userMinus" | "userPlus" | "userX" | "users" | "video" | "videoOff" | "volume" | "volume1" | "volume2" | "volumeX" | "watch" | "wifi" | "x" | "xCircle" | "xSquare" | "zoomIn" | "zoomOut")[];
+    };
+    readonly variant: {
+        readonly control: "select";
+        readonly options: readonly ["primary", "secondary", "neutral", "text", "success", "danger"];
     };
     readonly disabled: {
         readonly control: "boolean";
@@ -3501,11 +3765,11 @@ declare const storybookButtonGeneralArgTypes: {
 declare const storybookButtonPurposeArgTypes: {
     readonly iconLeft: {
         readonly control: "select";
-        readonly options: ("info" | "search" | "repeat" | "bold" | "link" | "save" | "edit" | "upload" | "download" | "copy" | "delete" | "code" | "airplay" | "alertCircle" | "alertOctagon" | "alertTriangle" | "alignCenter" | "alignJustify" | "alignLeft" | "alignRight" | "arrowDown" | "arrowDownCircle" | "arrowDownLeft" | "arrowDownRight" | "arrowIn" | "arrowInCircle" | "arrowInSquare" | "arrowLeft" | "arrowLeftCircle" | "arrowOut" | "arrowOutCircle" | "arrowOutSquare" | "arrowRight" | "arrowRightCircle" | "arrowUp" | "arrowUpCircle" | "arrowUpLeft" | "arrowUpRight" | "atSign" | "barChart" | "barChart2" | "barChart3" | "barChart4" | "bell" | "bluetooth" | "bookmark" | "calendar" | "camera" | "cast" | "check" | "checkCircle" | "checkSquare" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronsDown" | "chevronsLeft" | "chevronsRight" | "chevronsUp" | "circle" | "clipboard" | "clock" | "command" | "compass" | "cornerDownLeft" | "cornerDownRight" | "cornerLeftDown" | "cornerLeftUp" | "cornerRightDown" | "cornerRightUp" | "cornerUpLeft" | "cornerUpRight" | "cpu" | "creditCard" | "database" | "disc" | "dollarSign" | "downloadCloud" | "edit2" | "edit3" | "expand" | "externalLink" | "eye" | "eyeOff" | "facebook" | "fastForward" | "file" | "fileMinus" | "fileMinus2" | "filePlus" | "filePlus2" | "fileText" | "fileX" | "fileX2" | "film" | "flag" | "folder" | "folderMinus" | "folderMinus2" | "folderPlus" | "folderPlus2" | "folderX" | "folderX2" | "grid" | "hardDrive" | "hash" | "headphones" | "heart" | "helpCircle" | "hexagon" | "home" | "home2" | "image" | "inbox" | "italic" | "layout" | "layout2" | "layout3" | "layout4" | "layout5" | "layout6" | "lineChart" | "lineChart2" | "list" | "loader" | "lock" | "mail" | "mapMarker1" | "mapMarker2" | "mapMarker3" | "maximize" | "maximize2" | "menu" | "messageCircle" | "messageSquare" | "mic" | "minimize" | "minimize3" | "minus" | "minusCircle" | "minusSquare" | "monitor" | "moon" | "moreHorizontal" | "moreVertical" | "move" | "music" | "octagon" | "paperclip" | "pause" | "pauseCircle" | "percent" | "phone" | "pieChart" | "pieChart2" | "pieChart3" | "pieChart4" | "pieChart5" | "play" | "playCircle" | "plus" | "plusCircle" | "plusSquare" | "power" | "printer" | "radio" | "refreshCcw" | "refreshCw" | "rewind" | "rotateLeft" | "rotateRight" | "rss" | "scissors" | "server" | "settings" | "share" | "shoppingBag" | "shoppingCart" | "shuffle" | "skipBack" | "skipForward" | "slash" | "sliders" | "smartphone" | "speaker" | "square" | "star" | "stopCircle" | "strikethrough" | "sun" | "table" | "table2" | "tablet" | "tag" | "thumbsDown" | "thumbsUp" | "trash" | "trendingDown" | "trendingUp" | "triangle" | "tv" | "twitter" | "type" | "underline" | "unlock" | "uploadCloud" | "user" | "userCheck" | "userCircle" | "userMinus" | "userPlus" | "userX" | "users" | "video" | "videoOff" | "volume" | "volume1" | "volume2" | "volumeX" | "watch" | "wifi" | "x" | "xCircle" | "xSquare" | "zoomIn" | "zoomOut" | undefined)[];
+        readonly options: ("tablet" | "info" | "search" | "repeat" | "bold" | "link" | "save" | "edit" | "upload" | "download" | "copy" | "delete" | "code" | "airplay" | "alertCircle" | "alertOctagon" | "alertTriangle" | "alignCenter" | "alignJustify" | "alignLeft" | "alignRight" | "arrowDown" | "arrowDownCircle" | "arrowDownLeft" | "arrowDownRight" | "arrowIn" | "arrowInCircle" | "arrowInSquare" | "arrowLeft" | "arrowLeftCircle" | "arrowOut" | "arrowOutCircle" | "arrowOutSquare" | "arrowRight" | "arrowRightCircle" | "arrowUp" | "arrowUpCircle" | "arrowUpLeft" | "arrowUpRight" | "atSign" | "barChart" | "barChart2" | "barChart3" | "barChart4" | "bell" | "bluetooth" | "bookmark" | "calendar" | "camera" | "cast" | "check" | "checkCircle" | "checkSquare" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronsDown" | "chevronsLeft" | "chevronsRight" | "chevronsUp" | "circle" | "clipboard" | "clock" | "command" | "compass" | "cornerDownLeft" | "cornerDownRight" | "cornerLeftDown" | "cornerLeftUp" | "cornerRightDown" | "cornerRightUp" | "cornerUpLeft" | "cornerUpRight" | "cpu" | "creditCard" | "database" | "disc" | "dollarSign" | "downloadCloud" | "edit2" | "edit3" | "expand" | "externalLink" | "eye" | "eyeOff" | "facebook" | "fastForward" | "file" | "fileMinus" | "fileMinus2" | "filePlus" | "filePlus2" | "fileText" | "fileX" | "fileX2" | "film" | "flag" | "folder" | "folderMinus" | "folderMinus2" | "folderPlus" | "folderPlus2" | "folderX" | "folderX2" | "grid" | "hardDrive" | "hash" | "headphones" | "heart" | "helpCircle" | "hexagon" | "home" | "home2" | "image" | "inbox" | "italic" | "layout" | "layout2" | "layout3" | "layout4" | "layout5" | "layout6" | "lineChart" | "lineChart2" | "list" | "loader" | "lock" | "mail" | "mapMarker1" | "mapMarker2" | "mapMarker3" | "maximize" | "maximize2" | "menu" | "messageCircle" | "messageSquare" | "mic" | "minimize" | "minimize3" | "minus" | "minusCircle" | "minusSquare" | "monitor" | "moon" | "moreHorizontal" | "moreVertical" | "move" | "music" | "octagon" | "paperclip" | "pause" | "pauseCircle" | "percent" | "phone" | "pieChart" | "pieChart2" | "pieChart3" | "pieChart4" | "pieChart5" | "play" | "playCircle" | "plus" | "plusCircle" | "plusSquare" | "power" | "printer" | "radio" | "refreshCcw" | "refreshCw" | "rewind" | "rotateLeft" | "rotateRight" | "rss" | "scissors" | "server" | "settings" | "share" | "shoppingBag" | "shoppingCart" | "shuffle" | "skipBack" | "skipForward" | "slash" | "sliders" | "smartphone" | "speaker" | "square" | "star" | "stopCircle" | "strikethrough" | "sun" | "table" | "table2" | "tag" | "thumbsDown" | "thumbsUp" | "trash" | "trendingDown" | "trendingUp" | "triangle" | "tv" | "twitter" | "type" | "underline" | "unlock" | "uploadCloud" | "user" | "userCheck" | "userCircle" | "userMinus" | "userPlus" | "userX" | "users" | "video" | "videoOff" | "volume" | "volume1" | "volume2" | "volumeX" | "watch" | "wifi" | "x" | "xCircle" | "xSquare" | "zoomIn" | "zoomOut" | undefined)[];
     };
     readonly iconRight: {
         readonly control: "select";
-        readonly options: ("info" | "search" | "repeat" | "bold" | "link" | "save" | "edit" | "upload" | "download" | "copy" | "delete" | "code" | "airplay" | "alertCircle" | "alertOctagon" | "alertTriangle" | "alignCenter" | "alignJustify" | "alignLeft" | "alignRight" | "arrowDown" | "arrowDownCircle" | "arrowDownLeft" | "arrowDownRight" | "arrowIn" | "arrowInCircle" | "arrowInSquare" | "arrowLeft" | "arrowLeftCircle" | "arrowOut" | "arrowOutCircle" | "arrowOutSquare" | "arrowRight" | "arrowRightCircle" | "arrowUp" | "arrowUpCircle" | "arrowUpLeft" | "arrowUpRight" | "atSign" | "barChart" | "barChart2" | "barChart3" | "barChart4" | "bell" | "bluetooth" | "bookmark" | "calendar" | "camera" | "cast" | "check" | "checkCircle" | "checkSquare" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronsDown" | "chevronsLeft" | "chevronsRight" | "chevronsUp" | "circle" | "clipboard" | "clock" | "command" | "compass" | "cornerDownLeft" | "cornerDownRight" | "cornerLeftDown" | "cornerLeftUp" | "cornerRightDown" | "cornerRightUp" | "cornerUpLeft" | "cornerUpRight" | "cpu" | "creditCard" | "database" | "disc" | "dollarSign" | "downloadCloud" | "edit2" | "edit3" | "expand" | "externalLink" | "eye" | "eyeOff" | "facebook" | "fastForward" | "file" | "fileMinus" | "fileMinus2" | "filePlus" | "filePlus2" | "fileText" | "fileX" | "fileX2" | "film" | "flag" | "folder" | "folderMinus" | "folderMinus2" | "folderPlus" | "folderPlus2" | "folderX" | "folderX2" | "grid" | "hardDrive" | "hash" | "headphones" | "heart" | "helpCircle" | "hexagon" | "home" | "home2" | "image" | "inbox" | "italic" | "layout" | "layout2" | "layout3" | "layout4" | "layout5" | "layout6" | "lineChart" | "lineChart2" | "list" | "loader" | "lock" | "mail" | "mapMarker1" | "mapMarker2" | "mapMarker3" | "maximize" | "maximize2" | "menu" | "messageCircle" | "messageSquare" | "mic" | "minimize" | "minimize3" | "minus" | "minusCircle" | "minusSquare" | "monitor" | "moon" | "moreHorizontal" | "moreVertical" | "move" | "music" | "octagon" | "paperclip" | "pause" | "pauseCircle" | "percent" | "phone" | "pieChart" | "pieChart2" | "pieChart3" | "pieChart4" | "pieChart5" | "play" | "playCircle" | "plus" | "plusCircle" | "plusSquare" | "power" | "printer" | "radio" | "refreshCcw" | "refreshCw" | "rewind" | "rotateLeft" | "rotateRight" | "rss" | "scissors" | "server" | "settings" | "share" | "shoppingBag" | "shoppingCart" | "shuffle" | "skipBack" | "skipForward" | "slash" | "sliders" | "smartphone" | "speaker" | "square" | "star" | "stopCircle" | "strikethrough" | "sun" | "table" | "table2" | "tablet" | "tag" | "thumbsDown" | "thumbsUp" | "trash" | "trendingDown" | "trendingUp" | "triangle" | "tv" | "twitter" | "type" | "underline" | "unlock" | "uploadCloud" | "user" | "userCheck" | "userCircle" | "userMinus" | "userPlus" | "userX" | "users" | "video" | "videoOff" | "volume" | "volume1" | "volume2" | "volumeX" | "watch" | "wifi" | "x" | "xCircle" | "xSquare" | "zoomIn" | "zoomOut" | undefined)[];
+        readonly options: ("tablet" | "info" | "search" | "repeat" | "bold" | "link" | "save" | "edit" | "upload" | "download" | "copy" | "delete" | "code" | "airplay" | "alertCircle" | "alertOctagon" | "alertTriangle" | "alignCenter" | "alignJustify" | "alignLeft" | "alignRight" | "arrowDown" | "arrowDownCircle" | "arrowDownLeft" | "arrowDownRight" | "arrowIn" | "arrowInCircle" | "arrowInSquare" | "arrowLeft" | "arrowLeftCircle" | "arrowOut" | "arrowOutCircle" | "arrowOutSquare" | "arrowRight" | "arrowRightCircle" | "arrowUp" | "arrowUpCircle" | "arrowUpLeft" | "arrowUpRight" | "atSign" | "barChart" | "barChart2" | "barChart3" | "barChart4" | "bell" | "bluetooth" | "bookmark" | "calendar" | "camera" | "cast" | "check" | "checkCircle" | "checkSquare" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronsDown" | "chevronsLeft" | "chevronsRight" | "chevronsUp" | "circle" | "clipboard" | "clock" | "command" | "compass" | "cornerDownLeft" | "cornerDownRight" | "cornerLeftDown" | "cornerLeftUp" | "cornerRightDown" | "cornerRightUp" | "cornerUpLeft" | "cornerUpRight" | "cpu" | "creditCard" | "database" | "disc" | "dollarSign" | "downloadCloud" | "edit2" | "edit3" | "expand" | "externalLink" | "eye" | "eyeOff" | "facebook" | "fastForward" | "file" | "fileMinus" | "fileMinus2" | "filePlus" | "filePlus2" | "fileText" | "fileX" | "fileX2" | "film" | "flag" | "folder" | "folderMinus" | "folderMinus2" | "folderPlus" | "folderPlus2" | "folderX" | "folderX2" | "grid" | "hardDrive" | "hash" | "headphones" | "heart" | "helpCircle" | "hexagon" | "home" | "home2" | "image" | "inbox" | "italic" | "layout" | "layout2" | "layout3" | "layout4" | "layout5" | "layout6" | "lineChart" | "lineChart2" | "list" | "loader" | "lock" | "mail" | "mapMarker1" | "mapMarker2" | "mapMarker3" | "maximize" | "maximize2" | "menu" | "messageCircle" | "messageSquare" | "mic" | "minimize" | "minimize3" | "minus" | "minusCircle" | "minusSquare" | "monitor" | "moon" | "moreHorizontal" | "moreVertical" | "move" | "music" | "octagon" | "paperclip" | "pause" | "pauseCircle" | "percent" | "phone" | "pieChart" | "pieChart2" | "pieChart3" | "pieChart4" | "pieChart5" | "play" | "playCircle" | "plus" | "plusCircle" | "plusSquare" | "power" | "printer" | "radio" | "refreshCcw" | "refreshCw" | "rewind" | "rotateLeft" | "rotateRight" | "rss" | "scissors" | "server" | "settings" | "share" | "shoppingBag" | "shoppingCart" | "shuffle" | "skipBack" | "skipForward" | "slash" | "sliders" | "smartphone" | "speaker" | "square" | "star" | "stopCircle" | "strikethrough" | "sun" | "table" | "table2" | "tag" | "thumbsDown" | "thumbsUp" | "trash" | "trendingDown" | "trendingUp" | "triangle" | "tv" | "twitter" | "type" | "underline" | "unlock" | "uploadCloud" | "user" | "userCheck" | "userCircle" | "userMinus" | "userPlus" | "userX" | "users" | "video" | "videoOff" | "volume" | "volume1" | "volume2" | "volumeX" | "watch" | "wifi" | "x" | "xCircle" | "xSquare" | "zoomIn" | "zoomOut" | undefined)[];
     };
     readonly disabled: {
         readonly control: "boolean";
@@ -3602,6 +3866,60 @@ declare const storybookSkeletonArgTypes: {
         readonly description: "Accessible label for standalone loading placeholder groups";
     };
 };
+declare const storybookProgressBarArgTypes: {
+    readonly label: {
+        readonly control: "text";
+    };
+    readonly value: {
+        readonly control: {
+            readonly type: "number";
+            readonly min: -1000;
+            readonly max: 1000;
+            readonly step: 1;
+        };
+    };
+    readonly min: {
+        readonly control: {
+            readonly type: "number";
+            readonly min: -1000;
+            readonly max: 1000;
+            readonly step: 1;
+        };
+    };
+    readonly max: {
+        readonly control: {
+            readonly type: "number";
+            readonly min: -1000;
+            readonly max: 1000;
+            readonly step: 1;
+        };
+    };
+    readonly size: {
+        readonly control: "inline-radio";
+        readonly options: readonly ["small", "default"];
+        readonly description: "Figma track size: small is 4px, default is 8px";
+    };
+    readonly state: {
+        readonly control: "select";
+        readonly options: readonly ["default", "hover", "pressed", "focus"];
+        readonly description: "Visual state for documentation and visual QA";
+    };
+    readonly disabled: {
+        readonly control: "boolean";
+    };
+    readonly showLabel: {
+        readonly control: "boolean";
+    };
+    readonly showPercentage: {
+        readonly control: "boolean";
+    };
+    readonly valueLabel: {
+        readonly control: "text";
+    };
+    readonly ariaLabel: {
+        readonly control: "text";
+    };
+};
 declare const storybookStatTileArgTypes: {
     readonly tone: {
         readonly control: "select";
@@ -3661,8 +3979,8 @@ declare const storybookDatePickerArgTypes: {
 declare const storybookSpacingArgTypes: {
     readonly size: {
         readonly control: "select";
-        readonly options: readonly ["sp-0", "sp-2", "sp-4", "sp-8", "sp-16", "sp-24", "sp-32", "sp-40", "sp-48", "sp-56", "sp-64", "sp-72", "sp-80", "sp-88", "sp-96", "sp-104", "sp-112", "sp-120"];
-        readonly description: "Size variant (sp-0=0 … sp-24=24 … sp-80=80 … sp-120=120px)";
+        readonly options: readonly ["sp-0", "sp-2", "sp-4", "sp-8", "sp-12", "sp-16", "sp-24", "sp-32", "sp-40", "sp-48", "sp-56", "sp-64", "sp-72", "sp-80", "sp-88", "sp-96", "sp-104", "sp-112", "sp-120"];
+        readonly description: "Size variant (sp-0=0 … sp-12=12 … sp-24=24 … sp-120=120px)";
     };
     readonly scale: {
         readonly control: {
@@ -3789,7 +4107,7 @@ declare const storybookSliderArgTypes: {
 };
 declare const storybookDocsDescription: {
     readonly linkButton: "LinkButton locks navigation semantics, renders as an anchor, and keeps the canonical text treatment. Use Button for intentional visual deviations.";
-    readonly destructiveButton: "DestructiveButton locks destructive semantics, uses the canonical primary + error treatment, and requires confirmation by default. Use Button for intentional exceptions.";
+    readonly destructiveButton: "DestructiveButton locks destructive semantics, uses the canonical danger treatment, and requires confirmation by default. Use Button for intentional exceptions.";
     readonly submitButton: "SubmitButton locks form-submit semantics, always renders as a button, and keeps the canonical primary treatment.";
     readonly saveButton: "SaveButton locks save semantics and the canonical primary treatment. Use Button if you need a different visual hierarchy.";
     readonly confirmButton: "ConfirmButton locks affirmative confirmation semantics, always renders as a button, and keeps the canonical success treatment.";
@@ -4090,7 +4408,7 @@ type IconName = (typeof IconName)[keyof typeof IconName];
 /**
  * Runtime list of all icon names (useful for docs, search, etc.)
  */
-declare const iconNamesList: ("info" | "search" | "repeat" | "bold" | "link" | "save" | "edit" | "upload" | "download" | "copy" | "delete" | "code" | "airplay" | "alertCircle" | "alertOctagon" | "alertTriangle" | "alignCenter" | "alignJustify" | "alignLeft" | "alignRight" | "arrowDown" | "arrowDownCircle" | "arrowDownLeft" | "arrowDownRight" | "arrowIn" | "arrowInCircle" | "arrowInSquare" | "arrowLeft" | "arrowLeftCircle" | "arrowOut" | "arrowOutCircle" | "arrowOutSquare" | "arrowRight" | "arrowRightCircle" | "arrowUp" | "arrowUpCircle" | "arrowUpLeft" | "arrowUpRight" | "atSign" | "barChart" | "barChart2" | "barChart3" | "barChart4" | "bell" | "bluetooth" | "bookmark" | "calendar" | "camera" | "cast" | "check" | "checkCircle" | "checkSquare" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronsDown" | "chevronsLeft" | "chevronsRight" | "chevronsUp" | "circle" | "clipboard" | "clock" | "command" | "compass" | "cornerDownLeft" | "cornerDownRight" | "cornerLeftDown" | "cornerLeftUp" | "cornerRightDown" | "cornerRightUp" | "cornerUpLeft" | "cornerUpRight" | "cpu" | "creditCard" | "database" | "disc" | "dollarSign" | "downloadCloud" | "edit2" | "edit3" | "expand" | "externalLink" | "eye" | "eyeOff" | "facebook" | "fastForward" | "file" | "fileMinus" | "fileMinus2" | "filePlus" | "filePlus2" | "fileText" | "fileX" | "fileX2" | "film" | "flag" | "folder" | "folderMinus" | "folderMinus2" | "folderPlus" | "folderPlus2" | "folderX" | "folderX2" | "grid" | "hardDrive" | "hash" | "headphones" | "heart" | "helpCircle" | "hexagon" | "home" | "home2" | "image" | "inbox" | "italic" | "layout" | "layout2" | "layout3" | "layout4" | "layout5" | "layout6" | "lineChart" | "lineChart2" | "list" | "loader" | "lock" | "mail" | "mapMarker1" | "mapMarker2" | "mapMarker3" | "maximize" | "maximize2" | "menu" | "messageCircle" | "messageSquare" | "mic" | "minimize" | "minimize3" | "minus" | "minusCircle" | "minusSquare" | "monitor" | "moon" | "moreHorizontal" | "moreVertical" | "move" | "music" | "octagon" | "paperclip" | "pause" | "pauseCircle" | "percent" | "phone" | "pieChart" | "pieChart2" | "pieChart3" | "pieChart4" | "pieChart5" | "play" | "playCircle" | "plus" | "plusCircle" | "plusSquare" | "power" | "printer" | "radio" | "refreshCcw" | "refreshCw" | "rewind" | "rotateLeft" | "rotateRight" | "rss" | "scissors" | "server" | "settings" | "share" | "shoppingBag" | "shoppingCart" | "shuffle" | "skipBack" | "skipForward" | "slash" | "sliders" | "smartphone" | "speaker" | "square" | "star" | "stopCircle" | "strikethrough" | "sun" | "table" | "table2" | "tablet" | "tag" | "thumbsDown" | "thumbsUp" | "trash" | "trendingDown" | "trendingUp" | "triangle" | "tv" | "twitter" | "type" | "underline" | "unlock" | "uploadCloud" | "user" | "userCheck" | "userCircle" | "userMinus" | "userPlus" | "userX" | "users" | "video" | "videoOff" | "volume" | "volume1" | "volume2" | "volumeX" | "watch" | "wifi" | "x" | "xCircle" | "xSquare" | "zoomIn" | "zoomOut")[];
+declare const iconNamesList: ("tablet" | "info" | "search" | "repeat" | "bold" | "link" | "save" | "edit" | "upload" | "download" | "copy" | "delete" | "code" | "airplay" | "alertCircle" | "alertOctagon" | "alertTriangle" | "alignCenter" | "alignJustify" | "alignLeft" | "alignRight" | "arrowDown" | "arrowDownCircle" | "arrowDownLeft" | "arrowDownRight" | "arrowIn" | "arrowInCircle" | "arrowInSquare" | "arrowLeft" | "arrowLeftCircle" | "arrowOut" | "arrowOutCircle" | "arrowOutSquare" | "arrowRight" | "arrowRightCircle" | "arrowUp" | "arrowUpCircle" | "arrowUpLeft" | "arrowUpRight" | "atSign" | "barChart" | "barChart2" | "barChart3" | "barChart4" | "bell" | "bluetooth" | "bookmark" | "calendar" | "camera" | "cast" | "check" | "checkCircle" | "checkSquare" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronsDown" | "chevronsLeft" | "chevronsRight" | "chevronsUp" | "circle" | "clipboard" | "clock" | "command" | "compass" | "cornerDownLeft" | "cornerDownRight" | "cornerLeftDown" | "cornerLeftUp" | "cornerRightDown" | "cornerRightUp" | "cornerUpLeft" | "cornerUpRight" | "cpu" | "creditCard" | "database" | "disc" | "dollarSign" | "downloadCloud" | "edit2" | "edit3" | "expand" | "externalLink" | "eye" | "eyeOff" | "facebook" | "fastForward" | "file" | "fileMinus" | "fileMinus2" | "filePlus" | "filePlus2" | "fileText" | "fileX" | "fileX2" | "film" | "flag" | "folder" | "folderMinus" | "folderMinus2" | "folderPlus" | "folderPlus2" | "folderX" | "folderX2" | "grid" | "hardDrive" | "hash" | "headphones" | "heart" | "helpCircle" | "hexagon" | "home" | "home2" | "image" | "inbox" | "italic" | "layout" | "layout2" | "layout3" | "layout4" | "layout5" | "layout6" | "lineChart" | "lineChart2" | "list" | "loader" | "lock" | "mail" | "mapMarker1" | "mapMarker2" | "mapMarker3" | "maximize" | "maximize2" | "menu" | "messageCircle" | "messageSquare" | "mic" | "minimize" | "minimize3" | "minus" | "minusCircle" | "minusSquare" | "monitor" | "moon" | "moreHorizontal" | "moreVertical" | "move" | "music" | "octagon" | "paperclip" | "pause" | "pauseCircle" | "percent" | "phone" | "pieChart" | "pieChart2" | "pieChart3" | "pieChart4" | "pieChart5" | "play" | "playCircle" | "plus" | "plusCircle" | "plusSquare" | "power" | "printer" | "radio" | "refreshCcw" | "refreshCw" | "rewind" | "rotateLeft" | "rotateRight" | "rss" | "scissors" | "server" | "settings" | "share" | "shoppingBag" | "shoppingCart" | "shuffle" | "skipBack" | "skipForward" | "slash" | "sliders" | "smartphone" | "speaker" | "square" | "star" | "stopCircle" | "strikethrough" | "sun" | "table" | "table2" | "tag" | "thumbsDown" | "thumbsUp" | "trash" | "trendingDown" | "trendingUp" | "triangle" | "tv" | "twitter" | "type" | "underline" | "unlock" | "uploadCloud" | "user" | "userCheck" | "userCircle" | "userMinus" | "userPlus" | "userX" | "users" | "video" | "videoOff" | "volume" | "volume1" | "volume2" | "volumeX" | "watch" | "wifi" | "x" | "xCircle" | "xSquare" | "zoomIn" | "zoomOut")[];
 
 type IconSize = "xs" | "sm" | "md" | "lg";
 type IconStrokeWidth = "xs" | "sm" | "md" | "lg";
@@ -4098,7 +4416,7 @@ type IconColor = "currentColor" | "primary" | "secondary" | "muted";
 /**
  * @deprecated Use `iconNamesList` instead
  */
-declare const iconNames: ("info" | "search" | "repeat" | "bold" | "link" | "save" | "edit" | "upload" | "download" | "copy" | "delete" | "code" | "airplay" | "alertCircle" | "alertOctagon" | "alertTriangle" | "alignCenter" | "alignJustify" | "alignLeft" | "alignRight" | "arrowDown" | "arrowDownCircle" | "arrowDownLeft" | "arrowDownRight" | "arrowIn" | "arrowInCircle" | "arrowInSquare" | "arrowLeft" | "arrowLeftCircle" | "arrowOut" | "arrowOutCircle" | "arrowOutSquare" | "arrowRight" | "arrowRightCircle" | "arrowUp" | "arrowUpCircle" | "arrowUpLeft" | "arrowUpRight" | "atSign" | "barChart" | "barChart2" | "barChart3" | "barChart4" | "bell" | "bluetooth" | "bookmark" | "calendar" | "camera" | "cast" | "check" | "checkCircle" | "checkSquare" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronsDown" | "chevronsLeft" | "chevronsRight" | "chevronsUp" | "circle" | "clipboard" | "clock" | "command" | "compass" | "cornerDownLeft" | "cornerDownRight" | "cornerLeftDown" | "cornerLeftUp" | "cornerRightDown" | "cornerRightUp" | "cornerUpLeft" | "cornerUpRight" | "cpu" | "creditCard" | "database" | "disc" | "dollarSign" | "downloadCloud" | "edit2" | "edit3" | "expand" | "externalLink" | "eye" | "eyeOff" | "facebook" | "fastForward" | "file" | "fileMinus" | "fileMinus2" | "filePlus" | "filePlus2" | "fileText" | "fileX" | "fileX2" | "film" | "flag" | "folder" | "folderMinus" | "folderMinus2" | "folderPlus" | "folderPlus2" | "folderX" | "folderX2" | "grid" | "hardDrive" | "hash" | "headphones" | "heart" | "helpCircle" | "hexagon" | "home" | "home2" | "image" | "inbox" | "italic" | "layout" | "layout2" | "layout3" | "layout4" | "layout5" | "layout6" | "lineChart" | "lineChart2" | "list" | "loader" | "lock" | "mail" | "mapMarker1" | "mapMarker2" | "mapMarker3" | "maximize" | "maximize2" | "menu" | "messageCircle" | "messageSquare" | "mic" | "minimize" | "minimize3" | "minus" | "minusCircle" | "minusSquare" | "monitor" | "moon" | "moreHorizontal" | "moreVertical" | "move" | "music" | "octagon" | "paperclip" | "pause" | "pauseCircle" | "percent" | "phone" | "pieChart" | "pieChart2" | "pieChart3" | "pieChart4" | "pieChart5" | "play" | "playCircle" | "plus" | "plusCircle" | "plusSquare" | "power" | "printer" | "radio" | "refreshCcw" | "refreshCw" | "rewind" | "rotateLeft" | "rotateRight" | "rss" | "scissors" | "server" | "settings" | "share" | "shoppingBag" | "shoppingCart" | "shuffle" | "skipBack" | "skipForward" | "slash" | "sliders" | "smartphone" | "speaker" | "square" | "star" | "stopCircle" | "strikethrough" | "sun" | "table" | "table2" | "tablet" | "tag" | "thumbsDown" | "thumbsUp" | "trash" | "trendingDown" | "trendingUp" | "triangle" | "tv" | "twitter" | "type" | "underline" | "unlock" | "uploadCloud" | "user" | "userCheck" | "userCircle" | "userMinus" | "userPlus" | "userX" | "users" | "video" | "videoOff" | "volume" | "volume1" | "volume2" | "volumeX" | "watch" | "wifi" | "x" | "xCircle" | "xSquare" | "zoomIn" | "zoomOut")[];
+declare const iconNames: ("tablet" | "info" | "search" | "repeat" | "bold" | "link" | "save" | "edit" | "upload" | "download" | "copy" | "delete" | "code" | "airplay" | "alertCircle" | "alertOctagon" | "alertTriangle" | "alignCenter" | "alignJustify" | "alignLeft" | "alignRight" | "arrowDown" | "arrowDownCircle" | "arrowDownLeft" | "arrowDownRight" | "arrowIn" | "arrowInCircle" | "arrowInSquare" | "arrowLeft" | "arrowLeftCircle" | "arrowOut" | "arrowOutCircle" | "arrowOutSquare" | "arrowRight" | "arrowRightCircle" | "arrowUp" | "arrowUpCircle" | "arrowUpLeft" | "arrowUpRight" | "atSign" | "barChart" | "barChart2" | "barChart3" | "barChart4" | "bell" | "bluetooth" | "bookmark" | "calendar" | "camera" | "cast" | "check" | "checkCircle" | "checkSquare" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronsDown" | "chevronsLeft" | "chevronsRight" | "chevronsUp" | "circle" | "clipboard" | "clock" | "command" | "compass" | "cornerDownLeft" | "cornerDownRight" | "cornerLeftDown" | "cornerLeftUp" | "cornerRightDown" | "cornerRightUp" | "cornerUpLeft" | "cornerUpRight" | "cpu" | "creditCard" | "database" | "disc" | "dollarSign" | "downloadCloud" | "edit2" | "edit3" | "expand" | "externalLink" | "eye" | "eyeOff" | "facebook" | "fastForward" | "file" | "fileMinus" | "fileMinus2" | "filePlus" | "filePlus2" | "fileText" | "fileX" | "fileX2" | "film" | "flag" | "folder" | "folderMinus" | "folderMinus2" | "folderPlus" | "folderPlus2" | "folderX" | "folderX2" | "grid" | "hardDrive" | "hash" | "headphones" | "heart" | "helpCircle" | "hexagon" | "home" | "home2" | "image" | "inbox" | "italic" | "layout" | "layout2" | "layout3" | "layout4" | "layout5" | "layout6" | "lineChart" | "lineChart2" | "list" | "loader" | "lock" | "mail" | "mapMarker1" | "mapMarker2" | "mapMarker3" | "maximize" | "maximize2" | "menu" | "messageCircle" | "messageSquare" | "mic" | "minimize" | "minimize3" | "minus" | "minusCircle" | "minusSquare" | "monitor" | "moon" | "moreHorizontal" | "moreVertical" | "move" | "music" | "octagon" | "paperclip" | "pause" | "pauseCircle" | "percent" | "phone" | "pieChart" | "pieChart2" | "pieChart3" | "pieChart4" | "pieChart5" | "play" | "playCircle" | "plus" | "plusCircle" | "plusSquare" | "power" | "printer" | "radio" | "refreshCcw" | "refreshCw" | "rewind" | "rotateLeft" | "rotateRight" | "rss" | "scissors" | "server" | "settings" | "share" | "shoppingBag" | "shoppingCart" | "shuffle" | "skipBack" | "skipForward" | "slash" | "sliders" | "smartphone" | "speaker" | "square" | "star" | "stopCircle" | "strikethrough" | "sun" | "table" | "table2" | "tag" | "thumbsDown" | "thumbsUp" | "trash" | "trendingDown" | "trendingUp" | "triangle" | "tv" | "twitter" | "type" | "underline" | "unlock" | "uploadCloud" | "user" | "userCheck" | "userCircle" | "userMinus" | "userPlus" | "userX" | "users" | "video" | "videoOff" | "volume" | "volume1" | "volume2" | "volumeX" | "watch" | "wifi" | "x" | "xCircle" | "xSquare" | "zoomIn" | "zoomOut")[];
 type IconOptions = {
     name: IconName;
     size?: IconSize;
@@ -4157,6 +4475,7 @@ interface AvatarOptions {
     iconName?: IconName;
     decorative?: boolean;
     ariaLabel?: string;
+    label?: string;
 }
 interface AvatarA11yProps {
     role?: "img";
@@ -4231,23 +4550,232 @@ interface DialogA11yProps {
     role: "dialog";
     ariaModal?: true;
     ariaLabel?: string;
-    ariaLabelledBy?: string;
-    ariaDescribedBy?: string;
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
+}
+interface DialogRenderKit {
+    tag: "section";
+    className: string;
+    vars: Record<string, string>;
+    size: DialogSize;
+    showFooter: boolean;
+    showCloseButton: boolean;
+    a11y: DialogA11yProps;
+    dataAttributes: Record<string, string | boolean | undefined>;
+}
+
+declare function createDialogRecipe(opts?: DialogOptions): DialogRenderKit;
+
+declare function resolveDialogA11y(opts: DialogOptions): DialogA11yProps;
+
+/**
+ * Core types for Drawer.
+ * Core owns the behavior contract; adapters own rendering and lifecycle.
+ */
+type DrawerSize = "small" | "medium" | "large";
+type DrawerPlacement = "left" | "right";
+interface DrawerOptions {
+    size?: DrawerSize;
+    placement?: DrawerPlacement;
+    showFooter?: boolean;
+    dismissible?: boolean;
+    modal?: boolean;
+    showScrim?: boolean;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
+    dataAttributes?: Record<string, string | boolean | undefined>;
+}
+interface DrawerA11yProps {
+    role: "dialog";
+    ariaModal?: true;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
+}
+interface DrawerPanelRenderKit {
+    tag: "div";
+    className: string;
+    vars: Record<string, string>;
+    a11y: DrawerA11yProps;
+    dataAttributes: Record<string, string | boolean | undefined>;
+}
+interface DrawerScrimRenderKit {
+    tag: "div";
+    className: string;
+    vars: Record<string, string>;
+    dataAttributes: Record<string, string | boolean | undefined>;
+}
+interface DrawerRenderKit {
+    tag: "div";
+    className: string;
+    vars: Record<string, string>;
+    size: DrawerSize;
+    placement: DrawerPlacement;
+    showFooter: boolean;
+    showCloseButton: boolean;
+    showScrim: boolean;
+    panel: DrawerPanelRenderKit;
+    scrim: DrawerScrimRenderKit;
+    dataAttributes: Record<string, string | boolean | undefined>;
+}
+
+declare function createDrawerRecipe(opts?: DrawerOptions): DrawerRenderKit;
+
+declare function resolveDrawerA11y(opts: DrawerOptions): DrawerA11yProps;
+
+type ContextMenuItemKind = "item" | "divider";
+interface ContextMenuActionItem {
+    kind?: "item";
+    value: string;
+    label: string;
+    icon?: IconName;
+    disabled?: boolean;
+    destructive?: boolean;
+    dataAttributes?: Record<string, string | boolean | undefined>;
+}
+interface ContextMenuDividerItem {
+    kind: "divider";
+    id?: string;
+    dataAttributes?: Record<string, string | boolean | undefined>;
+}
+type ContextMenuEntry = ContextMenuActionItem | ContextMenuDividerItem;
+interface ContextMenuOptions {
+    items?: readonly ContextMenuEntry[];
+    ariaLabel?: string;
+    dataAttributes?: Record<string, string | boolean | undefined>;
+}
+interface ContextMenuA11yProps {
+    role: "menu";
+    ariaLabel: string;
+}
+interface ContextMenuItemA11yProps {
+    role: "menuitem";
+    type: "button";
+    disabled?: boolean;
+    ariaDisabled?: "true";
+}
+interface ContextMenuDividerA11yProps {
+    role: "separator";
+    ariaOrientation: "horizontal";
+}
+interface ContextMenuBaseRenderKit {
+    key: string;
+    className: string;
+    vars: Record<string, string>;
+    dataAttributes: Record<string, string | boolean | undefined>;
+}
+interface ContextMenuActionItemRenderKit extends ContextMenuBaseRenderKit {
+    kind: "item";
+    item: ContextMenuActionItem;
+    a11y: ContextMenuItemA11yProps;
+    label: string;
+    value: string;
+    icon?: IconName;
+}
+interface ContextMenuDividerRenderKit extends ContextMenuBaseRenderKit {
+    kind: "divider";
+    item: ContextMenuDividerItem;
+    a11y: ContextMenuDividerA11yProps;
+}
+type ContextMenuEntryRenderKit = ContextMenuActionItemRenderKit | ContextMenuDividerRenderKit;
+interface ContextMenuRenderKit {
+    tag: "div";
+    className: string;
+    vars: Record<string, string>;
+    a11y: ContextMenuA11yProps;
+    items: ContextMenuEntryRenderKit[];
+    dataAttributes: Record<string, string | boolean | undefined>;
+}
+
+declare function createContextMenuRecipe(options?: ContextMenuOptions): ContextMenuRenderKit;
+
+declare function resolveContextMenuA11y(options?: ContextMenuOptions): ContextMenuA11yProps;
+declare function resolveContextMenuItemA11y(disabled?: boolean): ContextMenuItemA11yProps;
+declare function resolveContextMenuDividerA11y(): ContextMenuDividerA11yProps;
+
+interface BreadcrumbItem {
+    id?: string;
+    value?: string;
+    label: string;
+    href?: string;
+    current?: boolean;
+    ariaLabel?: string;
+    dataAttributes?: Record<string, string | boolean | undefined>;
+}
+interface BreadcrumbOptions {
+    items?: readonly BreadcrumbItem[];
+    ariaLabel?: string;
+    showHome?: boolean;
+    homeHref?: string;
+    homeLabel?: string;
+    dataAttributes?: Record<string, string | boolean | undefined>;
+}
+interface BreadcrumbA11yProps {
+    ariaLabel: string;
+}
+interface BreadcrumbListA11yProps {
+    role: "list";
+}
+interface BreadcrumbSeparatorA11yProps {
+    ariaHidden: true;
+}
+interface BreadcrumbItemA11yProps {
+    ariaCurrent?: "page";
+    ariaLabel?: string;
 }
-interface DialogRenderKit {
-    tag: "section";
+interface BreadcrumbHomeA11yProps {
+    ariaLabel: string;
+}
+interface BreadcrumbBaseItemRenderKit {
+    key: string;
+    label: string;
+    value?: string;
+    href?: string;
+    current: boolean;
     className: string;
+    actionClassName: string;
     vars: Record<string, string>;
-    size: DialogSize;
-    showFooter: boolean;
-    showCloseButton: boolean;
-    a11y: DialogA11yProps;
+    dataAttributes: Record<string, string | boolean | undefined>;
+}
+interface BreadcrumbHomeRenderKit extends BreadcrumbBaseItemRenderKit {
+    kind: "home";
+    a11y: BreadcrumbHomeA11yProps;
+}
+interface BreadcrumbItemRenderKit extends BreadcrumbBaseItemRenderKit {
+    kind: "item";
+    item: BreadcrumbItem;
+    a11y: BreadcrumbItemA11yProps;
+}
+type BreadcrumbEntryRenderKit = BreadcrumbHomeRenderKit | BreadcrumbItemRenderKit;
+interface BreadcrumbRenderKit {
+    tag: "nav";
+    className: string;
+    vars: Record<string, string>;
+    a11y: BreadcrumbA11yProps;
+    list: {
+        tag: "ol";
+        className: string;
+        vars: Record<string, string>;
+        a11y: BreadcrumbListA11yProps;
+    };
+    separator: {
+        tag: "span";
+        className: string;
+        vars: Record<string, string>;
+        a11y: BreadcrumbSeparatorA11yProps;
+    };
+    items: BreadcrumbEntryRenderKit[];
     dataAttributes: Record<string, string | boolean | undefined>;
 }
 
-declare function createDialogRecipe(opts?: DialogOptions): DialogRenderKit;
+declare function createBreadcrumbRecipe(options?: BreadcrumbOptions): BreadcrumbRenderKit;
 
-declare function resolveDialogA11y(opts: DialogOptions): DialogA11yProps;
+declare function resolveBreadcrumbA11y(options?: BreadcrumbOptions): BreadcrumbA11yProps;
+declare function resolveBreadcrumbListA11y(): BreadcrumbListA11yProps;
+declare function resolveBreadcrumbSeparatorA11y(): BreadcrumbSeparatorA11yProps;
+declare function resolveBreadcrumbHomeA11y(homeLabel: string): BreadcrumbHomeA11yProps;
+declare function resolveBreadcrumbItemA11y(item: BreadcrumbItem, current: boolean): BreadcrumbItemA11yProps;
 
 /**
  * Core types for Toast.
@@ -4335,6 +4863,7 @@ interface BadgeOptions {
     variant?: BadgeVariant;
     /** For numeric/icon-only badges without visible text context */
     ariaLabel?: string;
+    label?: string;
 }
 interface BadgeA11yProps {
     ariaLabel?: string;
@@ -4357,6 +4886,84 @@ declare function createBadgeRecipe(opts: BadgeOptions): BadgeRenderKit;
 
 declare function resolveBadgeA11y(opts: BadgeOptions): BadgeA11yProps;
 
+/**
+ * Core types for Banner.
+ * Figma: .figma/marwes/components/banner.json
+ *
+ * A single token-driven component. Color → Banner states.
+ * Toggle: Show icon / Show CTA / Show Close.
+ */
+/** Banner visual variant / intent. */
+declare const BannerVariant: {
+    readonly neutral: "neutral";
+    readonly info: "info";
+    readonly success: "success";
+    readonly warning: "warning";
+    readonly error: "error";
+};
+type BannerVariant = (typeof BannerVariant)[keyof typeof BannerVariant];
+interface BannerOptions {
+    /** Visual intent of the banner. Defaults to "neutral". */
+    variant?: BannerVariant;
+    /** Whether to show the leading icon. Defaults to true. */
+    showIcon?: boolean;
+    /** Whether to show the CTA action area. Defaults to false. */
+    showAction?: boolean;
+    /** Whether to show the dismiss/close button. Defaults to true. */
+    dismissible?: boolean;
+    /** Accessible label for the banner region. */
+    ariaLabel?: string;
+}
+interface BannerA11yProps {
+    role: "status" | "alert";
+    ariaLabel?: string | undefined;
+    ariaLive: "polite" | "assertive";
+}
+interface BannerRenderKit {
+    root: {
+        className: string;
+        a11y: BannerA11yProps;
+        dataAttributes: Record<string, string>;
+    };
+    content: {
+        className: string;
+    };
+    icon: {
+        className: string;
+        visible: boolean;
+    };
+    message: {
+        className: string;
+    };
+    action: {
+        className: string;
+        visible: boolean;
+    };
+    dismiss: {
+        className: string;
+        visible: boolean;
+        ariaLabel: string;
+    };
+}
+
+/**
+ * Banner core recipe.
+ * Returns a render kit consumed by framework adapters.
+ *
+ * Figma reference:
+ * - .figma/marwes/components/banner.json
+ * - .figma/marwes/pages/-banner/-banner_1593-5094.json
+ */
+
+declare function createBannerRecipe(opts: BannerOptions): BannerRenderKit;
+
+/**
+ * Resolve a11y props for Banner.
+ * Error/warning variants use role="alert" with assertive live region;
+ * info/success/neutral use role="status" with polite live region.
+ */
+declare function resolveBannerA11y(opts: BannerOptions): BannerA11yProps;
+
 declare const SpinnerVariants: {
     readonly classic: "classic";
     readonly ring: "ring";
@@ -4406,6 +5013,7 @@ interface SpinnerOptions {
      * Accessible name when the spinner should announce loading state on its own.
      */
     ariaLabel?: string;
+    label?: string;
     id?: string;
 }
 interface SpinnerA11yProps {
@@ -4459,6 +5067,7 @@ type ButtonSize = (typeof ButtonSize)[keyof typeof ButtonSize];
  * @property neutral - Low-chroma outlined buttons for neutral utility actions.
  * @property text - Minimal text-like buttons for tertiary or inline actions.
  * @property success - Positive emphasis buttons for confirm-style actions.
+ * @property danger - Destructive emphasis buttons for irreversible actions.
  *
  * @example
  * ```tsx
@@ -4474,6 +5083,7 @@ declare const ButtonVariant: {
     readonly neutral: "neutral";
     readonly text: "text";
     readonly success: "success";
+    readonly danger: "danger";
 };
 type ButtonVariant = (typeof ButtonVariant)[keyof typeof ButtonVariant];
 /**
@@ -4539,7 +5149,11 @@ type ButtonOptions = {
     error?: boolean;
     toggle?: boolean;
     pressed?: boolean;
+    /** Accessible name. Use `label` as a consumer-friendly alias for standalone/icon-only buttons. */
     ariaLabel?: string;
+    /** ID of an element whose text labels the button. Wins over `ariaLabel`/`label` if set. */
+    ariaLabelledBy?: string;
+    label?: string;
     hasVisibleText?: boolean;
     ariaExpanded?: boolean;
     ariaControls?: string;
@@ -4553,6 +5167,7 @@ type ButtonOptions = {
 };
 type ButtonA11yProps = {
     ariaLabel?: string;
+    ariaLabelledBy?: string;
     ariaBusy?: boolean;
     ariaDisabled?: boolean;
     ariaPressed?: boolean;
@@ -4593,6 +5208,7 @@ interface RadioOptions {
     name?: string;
     value?: string;
     ariaLabel?: string;
+    label?: string;
     ariaLabelledBy?: string;
     ariaDescribedBy?: string;
 }
@@ -4643,7 +5259,8 @@ interface SwitchOptions {
     disabled?: boolean;
     /** Required when no visible label text is provided */
     ariaLabel?: string;
-    ariaLabelledby?: string;
+    label?: string;
+    ariaLabelledBy?: string;
     ariaDescribedBy?: string;
 }
 interface SwitchA11yProps {
@@ -4651,7 +5268,7 @@ interface SwitchA11yProps {
     ariaChecked: boolean;
     ariaDisabled?: true;
     ariaLabel?: string;
-    ariaLabelledby?: string;
+    ariaLabelledBy?: string;
     ariaDescribedBy?: string;
 }
 interface SwitchRenderKit {
@@ -4686,6 +5303,7 @@ interface SliderOptions {
     showTouchArea?: boolean;
     orientation?: SliderOrientation;
     ariaLabel?: string;
+    label?: string;
     ariaLabelledBy?: string;
     ariaDescribedBy?: string;
     ariaValueText?: string;
@@ -4760,6 +5378,7 @@ type CheckboxProps = {
     value?: string;
     /** Connects to external label/description elements. */
     ariaLabel?: string;
+    label?: string;
     ariaLabelledBy?: string;
     ariaDescribedBy?: string;
 };
@@ -4917,6 +5536,89 @@ declare function resolveSkeletonA11y(options?: SkeletonOptions): SkeletonA11yPro
 
 declare function createSkeletonRecipe(options?: SkeletonOptions): SkeletonRenderKit;
 
+declare const ProgressBarSize: {
+    readonly small: "small";
+    readonly default: "default";
+};
+type ProgressBarSize = (typeof ProgressBarSize)[keyof typeof ProgressBarSize];
+declare const progressBarSizes: ProgressBarSize[];
+declare const ProgressBarState: {
+    readonly default: "default";
+    readonly hover: "hover";
+    readonly pressed: "pressed";
+    readonly focus: "focus";
+};
+type ProgressBarState = (typeof ProgressBarState)[keyof typeof ProgressBarState];
+declare const progressBarStates: ProgressBarState[];
+interface ProgressBarOptions {
+    id?: string;
+    label?: string;
+    value?: number;
+    min?: number;
+    max?: number;
+    size?: ProgressBarSize;
+    state?: ProgressBarState;
+    disabled?: boolean;
+    showLabel?: boolean;
+    showPercentage?: boolean;
+    valueLabel?: string;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
+}
+interface ProgressBarA11yProps {
+    id?: string;
+    role: "progressbar";
+    ariaValueMin: number;
+    ariaValueMax: number;
+    ariaValueNow: number;
+    ariaValueText?: string;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
+    ariaDisabled?: true;
+}
+interface ProgressBarDataAttributes {
+    "data-component": "progress-bar";
+    "data-size": ProgressBarSize;
+    "data-state": ProgressBarState;
+    "data-disabled"?: "true";
+}
+interface ProgressBarRenderKit {
+    tag: "div";
+    className: string;
+    trackClassName: string;
+    fillClassName: string;
+    labelClassName: string;
+    percentageClassName: string;
+    labelId?: string;
+    vars: CssVars;
+    a11y: ProgressBarA11yProps;
+    dataAttributes: ProgressBarDataAttributes;
+    label: string;
+    percentageLabel: string;
+    value: number;
+    min: number;
+    max: number;
+    percentage: number;
+    size: ProgressBarSize;
+    state: ProgressBarState;
+    showLabel: boolean;
+    showPercentage: boolean;
+}
+
+declare const DEFAULT_PROGRESS_BAR_MIN = 0;
+declare const DEFAULT_PROGRESS_BAR_MAX = 100;
+declare const DEFAULT_PROGRESS_BAR_LABEL = "Progress";
+declare function resolveProgressBarBounds(options: ProgressBarOptions): {
+    min: number;
+    max: number;
+};
+declare function clampProgressBarValue(value: number, min: number, max: number): number;
+declare function resolveProgressBarA11y(options: ProgressBarOptions, value: number): ProgressBarA11yProps;
+
+declare function createProgressBarRecipe(options?: ProgressBarOptions): ProgressBarRenderKit;
+
 type StatTileTone = "neutral" | "brand" | "success" | "warning" | "danger";
 type StatTileTrendDirection = "positive" | "negative";
 type StatTileDataAttributes = Record<string, string>;
@@ -4972,9 +5674,21 @@ interface DatePickerOptions {
     nextYearLabel?: string;
     cancelLabel?: string;
     applyLabel?: string;
+    /** Accessible name for the calendar landmark. Alias for `calendarLabel`. */
+    ariaLabel?: string;
+    /** ID of an element whose text labels the calendar landmark. Wins over `ariaLabel`/`calendarLabel`. */
+    ariaLabelledBy?: string;
+    /** ID(s) of elements that describe the calendar (helper text, errors). */
+    ariaDescribedBy?: string;
+    /** @deprecated Use `ariaLabel` instead. */
     calendarLabel?: string;
     dataAttributes?: Record<string, string>;
 }
+interface DatePickerA11yProps {
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
+}
 interface DatePickerDataAttributes extends Record<string, string> {
     "data-component": "date-picker";
     "data-device": DatePickerDevice;
@@ -4990,6 +5704,7 @@ interface DatePickerDayRenderKit {
 interface DatePickerRenderKit {
     className: string;
     dataAttributes: DatePickerDataAttributes;
+    a11y: DatePickerA11yProps;
     monthLabel: string;
     weekdayLabels: readonly string[];
     weeks: readonly (readonly DatePickerDay[])[];
@@ -8924,7 +9639,11 @@ type InputOptions = {
     tone?: InputTone;
     invalid?: boolean;
     describedBy?: string;
+    /** Accessible name for standalone inputs. Field components should use visible `label`. */
     ariaLabel?: string;
+    /** ID of an element whose text labels the input. Wins over `ariaLabel` if both are set. */
+    ariaLabelledBy?: string;
+    label?: string;
 };
 type InputA11yProps = {
     id?: string;
@@ -8937,6 +9656,7 @@ type InputA11yProps = {
     autoComplete?: string;
     placeholder?: string;
     ariaLabel?: string;
+    ariaLabelledBy?: string;
     ariaInvalid?: true;
     ariaDescribedBy?: string;
 };
@@ -8962,6 +9682,9 @@ type InputOtpOptions = {
     invalid?: boolean;
     describedBy?: string;
     ariaLabel?: string;
+    label?: string;
+    /** ID of an element whose text labels the OTP input. Wins over `ariaLabel` and `label` if set. */
+    ariaLabelledBy?: string;
 };
 type InputOtpA11yProps = {
     id?: string;
@@ -8974,6 +9697,7 @@ type InputOtpA11yProps = {
     maxLength: number;
     pattern: string;
     ariaLabel?: string;
+    ariaLabelledBy?: string;
     ariaInvalid?: true;
     ariaDescribedBy?: string;
 };
@@ -9016,7 +9740,11 @@ type SelectOptions = {
     appearance?: SelectAppearance;
     invalid?: boolean;
     describedBy?: string;
+    /** Accessible name for standalone selects. SelectField should use visible `label`. */
     ariaLabel?: string;
+    /** ID of an element whose text labels the select. Wins over `ariaLabel` if both are set. */
+    ariaLabelledBy?: string;
+    label?: string;
 };
 type SelectA11yProps = {
     id?: string;
@@ -9024,6 +9752,7 @@ type SelectA11yProps = {
     disabled?: true;
     required?: true;
     ariaLabel?: string;
+    ariaLabelledBy?: string;
     ariaInvalid?: true;
     ariaDescribedBy?: string;
 };
@@ -9055,7 +9784,11 @@ type TextareaOptions = {
     tone?: InputTone;
     invalid?: boolean;
     describedBy?: string;
+    /** Accessible name for standalone textareas. TextareaField should use visible `label`. */
     ariaLabel?: string;
+    /** ID of an element whose text labels the textarea. Wins over `ariaLabel` if both are set. */
+    ariaLabelledBy?: string;
+    label?: string;
 };
 type TextareaA11yProps = {
     id?: string;
@@ -9069,6 +9802,7 @@ type TextareaA11yProps = {
     rows?: number;
     cols?: number;
     ariaLabel?: string;
+    ariaLabelledBy?: string;
     ariaInvalid?: true;
     ariaDescribedBy?: string;
 };
@@ -9095,7 +9829,9 @@ type RichTextOptions = {
     invalid?: boolean;
     describedBy?: string;
     labelledBy?: string;
+    /** Accessible name for standalone editors. RichTextField should use visible `label`. */
     ariaLabel?: string;
+    label?: string;
     allowedFormats?: RichTextFormat[];
 };
 type RichTextA11yProps = {
@@ -9134,8 +9870,27 @@ declare function resolveRichTextAllowedFormats(allowedFormats: RichTextOptions["
  * - Supports semantic level (h1/h2/h3) and visual size override.
  */
 
-/** Semantic heading level. */
+/**
+ * Heading levels styled by the design system.
+ *
+ * Marwes officially ships visual styling for H1-H3 only. The `Heading`
+ * recipe and the `H1`/`H2`/`H3` adapters are scoped to this ladder.
+ *
+ * For semantic-only H4-H6 (deep section nesting, accessibility outlines),
+ * see {@link SemanticHeadingLevel} and the `Text` component's `headingLevel`
+ * prop — `<Text headingLevel={4} variant="..." />` renders an `<h4>` while
+ * letting the consumer pick the visual variant.
+ */
 type HeadingLevel = 1 | 2 | 3;
+/**
+ * Every HTML heading level the design system acknowledges semantically.
+ *
+ * Wider than {@link HeadingLevel} (which is the styled subset). Use this
+ * when typing a consumer-side wrapper that needs to accept all six rungs
+ * of the HTML heading ladder — e.g. a `MyH4` wrapper built around
+ * `<Text headingLevel={4} />`.
+ */
+type SemanticHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 /** Public props the adapter can pass into core. */
 type HeadingOptions = {
     /**
@@ -9233,6 +9988,54 @@ type ParagraphRenderKit = {
 
 declare function paragraphRecipe(opts: ParagraphOptions, theme: ResolvedTheme): ParagraphRenderKit;
 
+/**
+ * Core types for non-heading text typography.
+ * - Use Text for display/label/caption/overline/micro styles that should not create heading hierarchy.
+ */
+
+type TextAs = "span" | "p" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+interface TextOptions {
+    /**
+     * Visual typography variant.
+     * @default "caption"
+     */
+    variant?: TextVariant;
+    /**
+     * Rendered HTML element.
+     * @default "span"
+     */
+    as?: TextAs;
+    /**
+     * Render as a heading element (h1–h6) while keeping the visual variant.
+     * Wins over `as` when both are set. Use this to give the page outline
+     * a semantic level without coupling it to the visual size. The dedicated
+     * `Heading` component is preferred when the visual size IS a heading size;
+     * use `headingLevel` on `Text` when the visual variant is display/overline/etc.
+     */
+    headingLevel?: SemanticHeadingLevel;
+    /**
+     * Optional ID.
+     */
+    id?: string;
+}
+interface TextA11y {
+    id?: string;
+}
+interface TextRenderKit {
+    tag: TextAs;
+    className: string;
+    vars: CssVars;
+    a11y: TextA11y;
+}
+
+/**
+ * Text recipe: theme + options → render kit.
+ * - Supports non-heading typography variants from the Figma type scale.
+ * - No spacing/margin (user-controlled).
+ */
+
+declare function textRecipe(opts: TextOptions, theme: ResolvedTheme): TextRenderKit;
+
 /**
  * Core types for Tab.
  * - Core never renders; it returns a render kit consumed by adapters (React/Vue).
@@ -9243,6 +10046,7 @@ interface TabOptions {
     disabled?: boolean;
     /** For icon-only tabs that have no visible label */
     ariaLabel?: string;
+    label?: string;
     /** id of the associated tabpanel this tab controls */
     ariaControls?: string;
 }
@@ -9294,7 +10098,7 @@ declare function moveTabSelection(items: TabGroupItemState[], currentValue: stri
 /**
  * Core types for Spacing component.
  * - Pure layout primitive that inserts vertical space between elements.
- * - 18 sizes mapped to the --mw-spacing-* token scale.
+ * - 19 sizes mapped to the --mw-spacing-* token scale.
  * - Renders as an aria-hidden div.
  */
 
@@ -9317,15 +10121,17 @@ declare function moveTabSelection(items: TabGroupItemState[], currentValue: stri
  * ```
  *
  * Pixel scale:
- * sp-0→0 | sp-2→2 | sp-4→4 | sp-8→8 | sp-16→16 | sp-24→24 | sp-32→32
- * sp-40→40 | sp-48→48 | sp-56→56 | sp-64→64 | sp-72→72 | sp-80→80
- * sp-88→88 | sp-96→96 | sp-104→104 | sp-112→112 | sp-120→120
+ * sp-0→0 | sp-2→2 | sp-4→4 | sp-8→8 | sp-12→12 | sp-16→16
+ * sp-24→24 | sp-32→32 | sp-40→40 | sp-48→48 | sp-56→56
+ * sp-64→64 | sp-72→72 | sp-80→80 | sp-88→88 | sp-96→96
+ * sp-104→104 | sp-112→112 | sp-120→120
  */
 declare const Spacings: {
     readonly sp0: "sp-0";
     readonly sp2: "sp-2";
     readonly sp4: "sp-4";
     readonly sp8: "sp-8";
+    readonly sp12: "sp-12";
     readonly sp16: "sp-16";
     readonly sp24: "sp-24";
     readonly sp32: "sp-32";
@@ -9344,6 +10150,7 @@ declare const Spacings: {
     readonly "sp-2": "sp-2";
     readonly "sp-4": "sp-4";
     readonly "sp-8": "sp-8";
+    readonly "sp-12": "sp-12";
     readonly "sp-16": "sp-16";
     readonly "sp-24": "sp-24";
     readonly "sp-32": "sp-32";
@@ -9416,4 +10223,264 @@ type SpacingRenderKit = {
 
 declare function createSpacingRecipe(opts?: SpacingOptions): SpacingRenderKit;
 
-export { type AccordionA11yProps, type AccordionOptions, type AccordionRenderKit, type AvatarA11yProps, type AvatarDataAttributes, type AvatarOptions, type AvatarRenderContent, type AvatarRenderKit, AvatarSize, AvatarType, type BadgeA11yProps, type BadgeOptions, type BadgeRenderKit, BadgeVariant, type ButtonA11yProps, ButtonAction, type ButtonLoadingOptions, type ButtonOptions, type ButtonRenderKit, ButtonSize, ButtonVariant, type CardOptions, type CardRenderKit, type CheckboxA11y, type CheckboxProps, type CheckboxRenderKit, type CheckboxState, type ColorInput, type ColorRole, type CssVars, type CurrencyCode, DENSITY_SCALES, type DatePickerDataAttributes, type DatePickerDay, type DatePickerDayRenderKit, type DatePickerDayState, type DatePickerDevice, type DatePickerOptions, type DatePickerRenderKit, type Density, type DensityScale, type DialogA11yProps, type DialogOptions, type DialogRenderKit, type DialogSize, type DividerA11y, type DividerDataAttributes, type DividerOptions, type DividerOrientation, type DividerRenderKit, type DividerSize, type FamilySemanticDefinition, type FieldComparisonRow, type FontLoadingConfig, type FontLoadingMode, type FontLoadingOptions, type HeadingA11y, type HeadingLevel, type HeadingOptions, type HeadingRenderKit, type HeadingSize, type IconA11yProps, type IconColor, IconName, IconName as IconNameType, type IconOptions, type IconPreset, type IconRenderKit, type IconSize, type IconSizeKey, type IconStrokeWidth, type IconStrokeWidthKey, type InputA11yProps, type InputOptions, type InputOtpA11yProps, type InputOtpOptions, type InputOtpRenderKit, type InputRenderKit, type InputTone, type LabeledCopy, type MarwesThemeScriptOptions, type MarwesThemeStyleOptions, type MwAvailableFont, type MwFontFallback, type MwGoogleFontFamily, type MwStyledTheme, type MwThemeVarName, type MwThemeVarNames, type MwThemeVarReference, type MwThemeVars, type ParagraphA11y, type ParagraphOptions, type ParagraphRenderKit, type ParagraphSize, type PurposeSemanticDefinition, type RadioA11y, type RadioOptions, type RadioRenderKit, type ResolvedButtonLoading, type ResolvedTheme, type RichTextA11yProps, type RichTextFormat, type RichTextOptions, type RichTextRenderKit, type SecondaryColorRole, type SelectA11yProps, type SelectAppearance, type SelectMode, type SelectOption, type SelectOptions, type SelectRenderKit, type SemanticAttributeDefinition, type SemanticAttributeName, type SemanticAttributeValue, type SemanticAttributes, type SemanticFamily, type SemanticIntent, type SemanticLayer, type SemanticOrientation, type SemanticOutcome, type SemanticPurpose, type SkeletonA11yProps, SkeletonAnimation, type SkeletonDataAttributes, type SkeletonDimension, type SkeletonOptions, type SkeletonRenderKit, SkeletonVariant, type SliderA11yProps, type SliderDataAttributes, type SliderOptions, type SliderRenderKit, type SpacingA11y, type SpacingDataAttributes, type SpacingOptions, type SpacingRenderKit, type SpacingSize, Spacings, type SpinnerA11yProps, type SpinnerDataAttributes, type SpinnerOptions, type SpinnerRenderKit, type SpinnerSize, type SpinnerSvgDefinition, type SpinnerSvgElement, type SpinnerSvgNode, SpinnerVariant, SpinnerVariants, type StatTileA11yProps, type StatTileDataAttributes, type StatTileOptions, type StatTileRenderKit, type StatTileTone, type StatTileTrendDirection, type SvgElementType, type SvgNode, type SwitchA11yProps, type SwitchOptions, type SwitchRenderKit, SwitchSize, type SystemThemeMode, type TabA11yProps, type TabGroupA11yIds, type TabGroupItemState, type TabNavigationDirection, type TabOptions, type TabRenderKit, type TextareaA11yProps, type TextareaOptions, type TextareaRenderKit, type TextareaResize, type Theme, type ThemeInput, type ThemeInputColor, ThemeMode, type ThemeModeAttribute, type ThemeModeCSSRulesOptions, type ThemeModeRootTarget, type ThemePreference, type ThemeVariableStrategy, type ToastA11yProps, type ToastContainerOptions, type ToastIntent, type ToastOptions, type ToastPlacement, type ToastRenderKit, type ToastVariant, type ToneName, type TooltipA11yProps, type TooltipDataAttributes, type TooltipOptions, type TooltipRenderKit, accordionPurposeComponentReference, accordionWhyPurposeComponents, avatarPurposeSemantics, avatarPurposes, badgePurposeComponentReference, badgePurposeSemantics, badgePurposes, badgeWhyPurposeComponents, buildAccordionFieldA11yIds, buildCheckboxA11y, buildCheckboxFieldA11yIds, buildCheckboxGroupFieldA11yIds, buildCurrencyHelperText, buildGoogleFontsUrl, buildHeadingA11y, buildInputFieldA11yIds, buildRadioA11y, buildRadioGroupFieldA11yIds, buildRichTextFieldA11yIds, buildSliderFieldA11yIds, buildSwitchFieldA11yIds, buildTabGroupA11yIds, buttonActionSemanticPurposes, buttonPurposeSemantics, buttonPurposes, buttonVariantVisualStyles, buttonWhySemanticComponents, canonicalSemanticAttributeNames, canonicalSemanticAttributeRegistry, canonicalSemanticAttributes, cardPurposeComponentReference, cardWhyPurposeComponents, checkboxRecipe, createAccordionRecipe, createAvatarRecipe, createBadgeRecipe, createButtonRecipe, createCardRecipe, createDatePickerRecipe, createDialogRecipe, createDividerRecipe, createFamilySemanticAttributes, createFontStack, createIconRecipe, createInputOtpRecipe, createInputRecipe, createMarwesThemeScript, createMarwesThemeStyle, createPurposeSemanticAttributes, createRichTextRecipe, createSelectRecipe, createSkeletonRecipe, createSliderRecipe, createSpacingRecipe, createSpinnerRecipe, createStatTileRecipe, createSwitchRecipe, createTabRecipe, createTextareaRecipe, createToastRecipe, createTooltipRecipe, currencyCodes, darkThemeDefaults, densityToCSSVars, dialogPurposeComponentReference, dialogPurposeSemantics, dialogPurposes, dialogWhyPurposeComponents, emptySemanticAttributes, escapeRichTextHtml, extractFontFamilyName, extractUsedWeights, familySemanticsRegistry, fieldComparisonRows, fieldWhyPurposeComponents, filterUndefinedSemanticAttributes, getCurrencySymbol, headingRecipe, iconNames, iconNamesList, iconRegistry, iconSizeScale, iconStrokeWidthScale, isRichTextHtmlEmpty, isSystemFont, isThemeMode, isThemePreference, lightThemeDefaults, mergeIdRefs, mergeSemanticAttributes, moveTabSelection, mwAvailableFonts, mwFontFallbacks, mwGoogleFontFamilies, mwStyledTheme, mwThemeVarNames, mwThemeVars, mwVar, nextThemeMode, normalizeRichTextHtml, paragraphRecipe, purposeSemanticsRegistry, radioPurposeComponentReference, radioRecipe, radioWhyPurposeComponents, resolveAccordionA11y, resolveAvatarA11y, resolveBadgeA11y, resolveButtonLoading, resolveDatePickerDayLabel, resolveDialogA11y, resolveIconA11y, resolveIconSize, resolveIconStrokeWidth, resolveRichTextAllowedFormats, resolveSelectMode, resolveServerThemeMode, resolveSkeletonA11y, resolveSliderA11y, resolveSpinnerA11y, resolveSpinnerSize, resolveStatTileTrendLabel, resolveSwitchA11y, resolveTabA11y, resolveTabValue, resolveThemeInput, resolveThemePreference, resolveToastA11y, resolveTone, resolveTooltipA11y, richTextCommandByFormat, richTextFormattingReference, richTextWhyUseIt, sanitizeCurrencyValue, sanitizeInputOtpValue, semanticFamilies, semanticFrameworkSupport, semanticIntents, semanticLayers, semanticOrientations, semanticOutcomes, semanticPurposes, shouldLoadGoogleFont, skeletonAnimations, skeletonVariants, sliderPurposeComponentReference, sliderWhyPurposeComponents, spinnerSizeScale, spinnerSizes, spinnerVariants, storybookA11yPolicy, storybookButtonGeneralArgTypes, storybookButtonIconArgTypes, storybookButtonPurposeArgTypes, storybookCheckboxArgTypes, storybookDatePickerArgTypes, storybookDividerArgTypes, storybookDocsDescription, storybookIconGalleryArgTypes, storybookIconGalleryDefaults, storybookIconNames, storybookLayout, storybookOptionalIconNames, storybookRadioArgTypes, storybookSkeletonArgTypes, storybookSliderArgTypes, storybookSpacingArgTypes, storybookSpinnerArgTypes, storybookStatTileArgTypes, switchPurposeComponentReference, switchWhyPurposeComponents, tabPurposeComponentReference, tabWhyPurposeComponents, themeModesToCSSRules, themeToCSSRule, themeToCSSVars, toastPurposeComponentReference, toastPurposeSemantics, toastPurposes, toastWhyPurposeComponents, validateSemanticRegistry };
+/**
+ * Core types for SegmentedControl.
+ * Uses radiogroup semantics — single-select between options without panels.
+ */
+interface SegmentedControlItemState {
+    value: string;
+    disabled?: boolean;
+}
+interface SegmentedControlOptions {
+    /** Selected value */
+    value?: string | undefined;
+    /** Whether the control is disabled */
+    disabled?: boolean | undefined;
+    /** Accessible label for the group */
+    ariaLabel?: string | undefined;
+    /** ID of an element whose text labels the group. Wins over `ariaLabel` if both are set. */
+    ariaLabelledBy?: string | undefined;
+    /** ID(s) of elements that describe the group (helper text, errors). */
+    ariaDescribedBy?: string | undefined;
+    label?: string | undefined;
+    /** Visual variant */
+    variant?: SegmentedControlVariant | undefined;
+    /** Size variant */
+    size?: SegmentedControlSize | undefined;
+    /** Stretch the control to fill its container. Defaults to inline width. */
+    fullWidth?: boolean | undefined;
+}
+type SegmentedControlVariant = "default" | "inverse" | "pill";
+type SegmentedControlSize = "sm" | "md";
+interface SegmentedControlItemOptions {
+    value: string;
+    selected?: boolean;
+    disabled?: boolean | undefined;
+    ariaLabel?: string | undefined;
+    label?: string | undefined;
+    iconOnly?: boolean | undefined;
+}
+interface SegmentedControlA11yProps {
+    role: "radiogroup";
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
+    ariaDisabled?: true;
+}
+interface SegmentedControlItemA11yProps {
+    role: "radio";
+    ariaChecked: boolean;
+    ariaDisabled?: true;
+    ariaLabel?: string;
+    tabIndex: 0 | -1;
+}
+interface SegmentedControlRenderKit {
+    tag: "div";
+    className: string;
+    vars: Record<string, string>;
+    a11y: SegmentedControlA11yProps;
+}
+interface SegmentedControlItemRenderKit {
+    tag: "button";
+    className: string;
+    vars: Record<string, string>;
+    a11y: SegmentedControlItemA11yProps;
+}
+
+/**
+ * SegmentedControl core recipe:
+ * - returns render kits for the track and items
+ * - stable classnames, modifier classes, strict a11y
+ */
+
+declare function createSegmentedControlRecipe(opts: SegmentedControlOptions): SegmentedControlRenderKit;
+declare function createSegmentedControlItemRecipe(opts: SegmentedControlItemOptions): SegmentedControlItemRenderKit;
+
+type SegmentedControlNavigationDirection = "next" | "previous" | "start" | "end";
+declare function resolveSegmentedControlA11y(opts: SegmentedControlOptions): SegmentedControlA11yProps;
+declare function resolveSegmentedControlItemA11y(opts: SegmentedControlItemOptions): SegmentedControlItemA11yProps;
+declare function resolveSegmentedControlValue(items: SegmentedControlItemState[], requestedValue?: string): string | undefined;
+declare function moveSegmentedControlSelection(items: SegmentedControlItemState[], currentValue: string | undefined, direction: SegmentedControlNavigationDirection): string | undefined;
+
+type PaginationControlDirection = "first" | "previous" | "next" | "last";
+type PaginationControlDisplay = "auto" | "label" | "icon";
+type PaginationResolvedControlDisplay = Exclude<PaginationControlDisplay, "auto">;
+type PaginationItemType = "page" | "start-ellipsis" | "end-ellipsis";
+type PaginationItem = {
+    type: "page";
+    page: number;
+    key: string;
+    selected: boolean;
+} | {
+    type: "start-ellipsis" | "end-ellipsis";
+    key: string;
+};
+interface PaginationItemAriaLabelOptions {
+    type: PaginationItemType | PaginationControlDirection;
+    page: number | null;
+    selected: boolean;
+}
+type PaginationGetItemAriaLabel = (item: PaginationItemAriaLabelOptions) => string;
+interface PaginationOptions {
+    page?: number;
+    pageCount: number;
+    siblingCount?: number;
+    boundaryCount?: number;
+    maxVisibleItems?: number;
+    controlDisplay?: PaginationControlDisplay;
+    showPrevNext?: boolean;
+    showFirstLast?: boolean;
+    disabled?: boolean;
+    ariaLabel?: string;
+    /** ID of an element whose text labels the pagination nav. Wins over `ariaLabel` if both are set. */
+    ariaLabelledBy?: string;
+    /** ID(s) of elements that describe the pagination (helper text, errors). */
+    ariaDescribedBy?: string;
+    firstLabel?: string;
+    previousLabel?: string;
+    nextLabel?: string;
+    lastLabel?: string;
+    getItemAriaLabel?: PaginationGetItemAriaLabel;
+}
+interface PaginationAdaptiveMaxVisibleItemsOptions {
+    containerWidth: number;
+    controlWidth?: number;
+    controlCount?: number;
+    itemSize?: number;
+    itemGap?: number;
+    sectionGap?: number;
+}
+interface PaginationAdaptiveProfileOptions extends PaginationReservedItemCountOptions {
+    containerWidth: number;
+    labelControlWidth?: number;
+    iconControlWidth?: number;
+    controlCount?: number;
+    itemSize?: number;
+    itemGap?: number;
+    sectionGap?: number;
+    controlDisplay?: PaginationControlDisplay;
+}
+interface PaginationAdaptiveProfile {
+    controlDisplay: PaginationResolvedControlDisplay;
+    maxVisibleItems: number | undefined;
+    reservedItemCount: number;
+}
+interface PaginationReservedItemCountOptions {
+    pageCount: number;
+    siblingCount?: number;
+    boundaryCount?: number;
+    maxVisibleItems?: number;
+}
+interface PaginationA11yProps {
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
+    ariaDisabled?: true;
+}
+interface PaginationListA11yProps {
+    role: "list";
+}
+interface PaginationControlOptions {
+    direction: PaginationControlDirection;
+    disabled?: boolean;
+    label?: string;
+    ariaLabel?: string;
+}
+interface PaginationControlA11yProps {
+    ariaLabel: string;
+    ariaDisabled?: true;
+}
+interface PaginationPageOptions {
+    page: number;
+    selected?: boolean;
+    disabled?: boolean;
+    ariaLabel?: string;
+}
+interface PaginationPageA11yProps {
+    ariaLabel: string;
+    ariaCurrent?: "page";
+    ariaDisabled?: true;
+}
+interface PaginationEllipsisA11yProps {
+    ariaHidden: true;
+}
+interface PaginationRenderKit {
+    tag: "nav";
+    className: string;
+    vars: Record<string, string>;
+    a11y: PaginationA11yProps;
+    items: PaginationItem[];
+    reservedItemCount: number;
+    controlDisplay: PaginationResolvedControlDisplay;
+    showPrevNext: boolean;
+    showFirstLast: boolean;
+}
+interface PaginationListRenderKit {
+    tag: "ul";
+    className: string;
+    vars: Record<string, string>;
+    a11y: PaginationListA11yProps;
+}
+interface PaginationListItemRenderKit {
+    tag: "li";
+    className: string;
+    vars: Record<string, string>;
+}
+interface PaginationControlRenderKit {
+    tag: "button";
+    className: string;
+    vars: Record<string, string>;
+    a11y: PaginationControlA11yProps;
+}
+interface PaginationPageRenderKit {
+    tag: "button";
+    className: string;
+    vars: Record<string, string>;
+    a11y: PaginationPageA11yProps;
+}
+interface PaginationEllipsisRenderKit {
+    tag: "span";
+    className: string;
+    vars: Record<string, string>;
+    a11y: PaginationEllipsisA11yProps;
+}
+
+declare function clampPaginationPage(page: number | undefined, pageCount: number): number;
+declare function resolvePaginationAdaptiveMaxVisibleItems(opts: PaginationAdaptiveMaxVisibleItemsOptions): number | undefined;
+declare function resolvePaginationAdaptiveProfile(opts: PaginationAdaptiveProfileOptions): PaginationAdaptiveProfile;
+declare function resolvePaginationReservedItemCount(opts: PaginationReservedItemCountOptions): number;
+declare function createPaginationItems(opts: PaginationOptions): PaginationItem[];
+declare function createPaginationRecipe(opts: PaginationOptions): PaginationRenderKit;
+declare function createPaginationListRecipe(): PaginationListRenderKit;
+declare function createPaginationListItemRecipe(): PaginationListItemRenderKit;
+declare function createPaginationControlRecipe(opts: PaginationControlOptions): PaginationControlRenderKit;
+declare function createPaginationPageRecipe(opts: PaginationPageOptions): PaginationPageRenderKit;
+declare function createPaginationEllipsisRecipe(): PaginationEllipsisRenderKit;
+
+declare function resolvePaginationA11y(opts: PaginationOptions): PaginationA11yProps;
+declare function resolvePaginationListA11y(): PaginationListA11yProps;
+declare function resolvePaginationControlA11y(opts: PaginationControlOptions): PaginationControlA11yProps;
+declare function resolvePaginationPageA11y(opts: PaginationPageOptions): PaginationPageA11yProps;
+declare function resolvePaginationEllipsisA11y(): PaginationEllipsisA11yProps;
+declare function resolvePaginationItemAriaLabel(getItemAriaLabel: PaginationGetItemAriaLabel, item: PaginationItemAriaLabelOptions): string;
+declare function resolvePaginationItemAriaLabel(getItemAriaLabel: undefined, item: PaginationItemAriaLabelOptions): undefined;
+
+/**
+ * Core types for SkipLink.
+ * - Visually hidden anchor that becomes visible on focus.
+ * - Pairs with a target element (typically <main>) via an href fragment.
+ */
+interface SkipLinkOptions {
+    /** Anchor href, typically a fragment like "#main". */
+    href: string;
+    /** Optional class name to merge with the recipe class. */
+    className?: string | undefined;
+}
+interface SkipLinkRenderKit {
+    tag: "a";
+    className: string;
+}
+
+declare function createSkipLinkRecipe(opts: SkipLinkOptions): SkipLinkRenderKit;
+
+export { type AccordionA11yProps, type AccordionOptions, type AccordionRenderKit, type AvatarA11yProps, type AvatarDataAttributes, type AvatarOptions, type AvatarRenderContent, type AvatarRenderKit, AvatarSize, AvatarType, type BadgeA11yProps, type BadgeOptions, type BadgeRenderKit, BadgeVariant, type BannerA11yProps, type BannerOptions, type BannerRenderKit, BannerVariant, type BreadcrumbA11yProps, type BreadcrumbEntryRenderKit, type BreadcrumbHomeA11yProps, type BreadcrumbHomeRenderKit, type BreadcrumbItem, type BreadcrumbItemA11yProps, type BreadcrumbItemRenderKit, type BreadcrumbListA11yProps, type BreadcrumbOptions, type BreadcrumbRenderKit, type BreadcrumbSeparatorA11yProps, type ButtonA11yProps, ButtonAction, type ButtonLoadingOptions, type ButtonOptions, type ButtonRenderKit, ButtonSize, ButtonVariant, type CardOptions, type CardRenderKit, type CheckboxA11y, type CheckboxProps, type CheckboxRenderKit, type CheckboxState, type ColorInput, type ColorRole, type ContextMenuA11yProps, type ContextMenuActionItem, type ContextMenuActionItemRenderKit, type ContextMenuDividerA11yProps, type ContextMenuDividerItem, type ContextMenuDividerRenderKit, type ContextMenuEntry, type ContextMenuEntryRenderKit, type ContextMenuItemA11yProps, type ContextMenuItemKind, type ContextMenuOptions, type ContextMenuRenderKit, type CssVars, type CurrencyCode, DEFAULT_PROGRESS_BAR_LABEL, DEFAULT_PROGRESS_BAR_MAX, DEFAULT_PROGRESS_BAR_MIN, DENSITY_SCALES, type DatePickerA11yProps, type DatePickerDataAttributes, type DatePickerDay, type DatePickerDayRenderKit, type DatePickerDayState, type DatePickerDevice, type DatePickerOptions, type DatePickerRenderKit, type Density, type DensityScale, type DialogA11yProps, type DialogOptions, type DialogRenderKit, type DialogSize, type DividerA11y, type DividerDataAttributes, type DividerOptions, type DividerOrientation, type DividerRenderKit, type DividerSize, type DrawerA11yProps, type DrawerOptions, type DrawerPanelRenderKit, type DrawerPlacement, type DrawerRenderKit, type DrawerScrimRenderKit, type DrawerSize, type FamilySemanticDefinition, type FieldComparisonRow, type FontLoadingConfig, type FontLoadingMode, type FontLoadingOptions, type HeadingA11y, type HeadingLevel, type HeadingOptions, type HeadingRenderKit, type HeadingSize, type IconA11yProps, type IconColor, IconName, IconName as IconNameType, type IconOptions, type IconPreset, type IconRenderKit, type IconSize, type IconSizeKey, type IconStrokeWidth, type IconStrokeWidthKey, type InputA11yProps, type InputOptions, type InputOtpA11yProps, type InputOtpOptions, type InputOtpRenderKit, type InputRenderKit, type InputTone, type LabeledCopy, type MarwesThemeScriptOptions, type MarwesThemeStyleOptions, type MwAvailableFont, type MwFontFallback, type MwGoogleFontFamily, type MwStyledTheme, type MwTheme, type MwThemeMedia, type MwThemeVarName, type MwThemeVarNames, type MwThemeVarReference, type MwThemeVars, type PaginationA11yProps, type PaginationAdaptiveMaxVisibleItemsOptions, type PaginationAdaptiveProfile, type PaginationAdaptiveProfileOptions, type PaginationControlA11yProps, type PaginationControlDirection, type PaginationControlDisplay, type PaginationControlOptions, type PaginationControlRenderKit, type PaginationEllipsisA11yProps, type PaginationEllipsisRenderKit, type PaginationGetItemAriaLabel, type PaginationItem, type PaginationItemAriaLabelOptions, type PaginationItemType, type PaginationListA11yProps, type PaginationListItemRenderKit, type PaginationListRenderKit, type PaginationOptions, type PaginationPageA11yProps, type PaginationPageOptions, type PaginationPageRenderKit, type PaginationRenderKit, type PaginationReservedItemCountOptions, type PaginationResolvedControlDisplay, type ParagraphA11y, type ParagraphOptions, type ParagraphRenderKit, type ParagraphSize, type PersonalityName, type ProgressBarA11yProps, type ProgressBarDataAttributes, type ProgressBarOptions, type ProgressBarRenderKit, ProgressBarSize, ProgressBarState, type PurposeSemanticDefinition, type RadioA11y, type RadioOptions, type RadioRenderKit, type ResolvedButtonLoading, type ResolvedTheme, type RichTextA11yProps, type RichTextFormat, type RichTextOptions, type RichTextRenderKit, type SecondaryColorRole, type SegmentedControlA11yProps, type SegmentedControlItemA11yProps, type SegmentedControlItemOptions, type SegmentedControlItemRenderKit, type SegmentedControlItemState, type SegmentedControlNavigationDirection, type SegmentedControlOptions, type SegmentedControlRenderKit, type SegmentedControlSize, type SegmentedControlVariant, type SelectA11yProps, type SelectAppearance, type SelectMode, type SelectOption, type SelectOptions, type SelectRenderKit, type SemanticAttributeDefinition, type SemanticAttributeName, type SemanticAttributeValue, type SemanticAttributes, type SemanticFamily, type SemanticHeadingLevel, type SemanticIntent, type SemanticLayer, type SemanticOrientation, type SemanticOutcome, type SemanticPurpose, type SkeletonA11yProps, SkeletonAnimation, type SkeletonDataAttributes, type SkeletonDimension, type SkeletonOptions, type SkeletonRenderKit, SkeletonVariant, type SkipLinkOptions, type SkipLinkRenderKit, type SliderA11yProps, type SliderDataAttributes, type SliderOptions, type SliderRenderKit, type SpacingA11y, type SpacingDataAttributes, type SpacingOptions, type SpacingRenderKit, type SpacingSize, Spacings, type SpinnerA11yProps, type SpinnerDataAttributes, type SpinnerOptions, type SpinnerRenderKit, type SpinnerSize, type SpinnerSvgDefinition, type SpinnerSvgElement, type SpinnerSvgNode, SpinnerVariant, SpinnerVariants, type StatTileA11yProps, type StatTileDataAttributes, type StatTileOptions, type StatTileRenderKit, type StatTileTone, type StatTileTrendDirection, type SvgElementType, type SvgNode, type SwitchA11yProps, type SwitchOptions, type SwitchRenderKit, SwitchSize, type SystemThemeMode, type TabA11yProps, type TabGroupA11yIds, type TabGroupItemState, type TabNavigationDirection, type TabOptions, type TabRenderKit, type TextA11y, type TextAs, type TextOptions, type TextRenderKit, type TextTransform, type TextTypographyStyle, TextVariant, type TextareaA11yProps, type TextareaOptions, type TextareaRenderKit, type TextareaResize, type Theme, type ThemeBreakpointName, type ThemeBreakpoints, type ThemeInput, type ThemeInputColor, ThemeMode, type ThemeModeAttribute, type ThemeModeCSSRulesOptions, type ThemeModeRootTarget, type ThemePreference, type ThemeVariableStrategy, type ToastA11yProps, type ToastContainerOptions, type ToastIntent, type ToastOptions, type ToastPlacement, type ToastRenderKit, type ToastVariant, type ToneName, type TooltipA11yProps, type TooltipDataAttributes, type TooltipOptions, type TooltipRenderKit, type TypographyStyle, accordionPurposeComponentReference, accordionWhyPurposeComponents, avatarPurposeSemantics, avatarPurposes, badgePurposeComponentReference, badgePurposeSemantics, badgePurposes, badgeWhyPurposeComponents, bannerPurposeSemantics, bannerPurposes, buildAccordionFieldA11yIds, buildCheckboxA11y, buildCheckboxFieldA11yIds, buildCheckboxGroupFieldA11yIds, buildCurrencyHelperText, buildGoogleFontsUrl, buildHeadingA11y, buildInputFieldA11yIds, buildRadioA11y, buildRadioGroupFieldA11yIds, buildRichTextFieldA11yIds, buildSliderFieldA11yIds, buildSwitchFieldA11yIds, buildTabGroupA11yIds, buttonActionSemanticPurposes, buttonPurposeSemantics, buttonPurposes, buttonVariantVisualStyles, buttonWhySemanticComponents, canonicalSemanticAttributeNames, canonicalSemanticAttributeRegistry, canonicalSemanticAttributes, cardPurposeComponentReference, cardWhyPurposeComponents, checkboxRecipe, clampPaginationPage, clampProgressBarValue, createAccordionRecipe, createAvatarRecipe, createBadgeRecipe, createBannerRecipe, createBreadcrumbRecipe, createButtonRecipe, createCardRecipe, createContextMenuRecipe, createDatePickerRecipe, createDialogRecipe, createDividerRecipe, createDrawerRecipe, createFamilySemanticAttributes, createFontStack, createIconRecipe, createInputOtpRecipe, createInputRecipe, createMarwesThemeScript, createMarwesThemeStyle, createMwTheme, createMwThemeMedia, createPaginationControlRecipe, createPaginationEllipsisRecipe, createPaginationItems, createPaginationListItemRecipe, createPaginationListRecipe, createPaginationPageRecipe, createPaginationRecipe, createProgressBarRecipe, createPurposeSemanticAttributes, createRichTextRecipe, createSegmentedControlItemRecipe, createSegmentedControlRecipe, createSelectRecipe, createSkeletonRecipe, createSkipLinkRecipe, createSliderRecipe, createSpacingRecipe, createSpinnerRecipe, createStatTileRecipe, createSwitchRecipe, createTabRecipe, createTextareaRecipe, createToastRecipe, createTooltipRecipe, currencyCodes, darkThemeDefaults, defaultThemeBreakpoints, densityToCSSVars, dialogPurposeComponentReference, dialogPurposeSemantics, dialogPurposes, dialogWhyPurposeComponents, emptySemanticAttributes, escapeRichTextHtml, extractFontFamilyName, extractUsedWeights, familySemanticsRegistry, fieldComparisonRows, fieldWhyPurposeComponents, filterUndefinedSemanticAttributes, getCurrencySymbol, headingRecipe, iconNames, iconNamesList, iconRegistry, iconSizeScale, iconStrokeWidthScale, isRichTextHtmlEmpty, isSystemFont, isThemeMode, isThemePreference, lightThemeDefaults, mergeIdRefs, mergeSemanticAttributes, moveSegmentedControlSelection, moveTabSelection, mwAvailableFonts, mwFontFallbacks, mwGoogleFontFamilies, mwStyledTheme, mwTheme, mwThemeVarNames, mwThemeVars, mwVar, nextThemeMode, normalizeRichTextHtml, paragraphRecipe, progressBarSizes, progressBarStates, purposeSemanticsRegistry, radioPurposeComponentReference, radioRecipe, radioWhyPurposeComponents, resolveAccordionA11y, resolveAvatarA11y, resolveBadgeA11y, resolveBannerA11y, resolveBreadcrumbA11y, resolveBreadcrumbHomeA11y, resolveBreadcrumbItemA11y, resolveBreadcrumbListA11y, resolveBreadcrumbSeparatorA11y, resolveButtonLoading, resolveContextMenuA11y, resolveContextMenuDividerA11y, resolveContextMenuItemA11y, resolveDatePickerDayLabel, resolveDialogA11y, resolveDrawerA11y, resolveIconA11y, resolveIconSize, resolveIconStrokeWidth, resolvePaginationA11y, resolvePaginationAdaptiveMaxVisibleItems, resolvePaginationAdaptiveProfile, resolvePaginationControlA11y, resolvePaginationEllipsisA11y, resolvePaginationItemAriaLabel, resolvePaginationListA11y, resolvePaginationPageA11y, resolvePaginationReservedItemCount, resolveProgressBarA11y, resolveProgressBarBounds, resolveRichTextAllowedFormats, resolveSegmentedControlA11y, resolveSegmentedControlItemA11y, resolveSegmentedControlValue, resolveSelectMode, resolveServerThemeMode, resolveSkeletonA11y, resolveSliderA11y, resolveSpinnerA11y, resolveSpinnerSize, resolveStatTileTrendLabel, resolveSwitchA11y, resolveTabA11y, resolveTabValue, resolveThemeInput, resolveThemePreference, resolveToastA11y, resolveTone, resolveTooltipA11y, richTextCommandByFormat, richTextFormattingReference, richTextWhyUseIt, sanitizeCurrencyValue, sanitizeInputOtpValue, semanticFamilies, semanticFrameworkSupport, semanticIntents, semanticLayers, semanticOrientations, semanticOutcomes, semanticPurposes, shouldLoadGoogleFont, skeletonAnimations, skeletonVariants, sliderPurposeComponentReference, sliderWhyPurposeComponents, spinnerSizeScale, spinnerSizes, spinnerVariants, storybookA11yPolicy, storybookButtonGeneralArgTypes, storybookButtonIconArgTypes, storybookButtonPurposeArgTypes, storybookCheckboxArgTypes, storybookDatePickerArgTypes, storybookDividerArgTypes, storybookDocsDescription, storybookIconButtonArgTypes, storybookIconGalleryArgTypes, storybookIconGalleryDefaults, storybookIconNames, storybookLayout, storybookOptionalIconNames, storybookProgressBarArgTypes, storybookRadioArgTypes, storybookSkeletonArgTypes, storybookSliderArgTypes, storybookSpacingArgTypes, storybookSpinnerArgTypes, storybookStatTileArgTypes, switchPurposeComponentReference, switchWhyPurposeComponents, tabPurposeComponentReference, tabWhyPurposeComponents, textRecipe, themeModesToCSSRules, themeToCSSRule, themeToCSSVars, toastPurposeComponentReference, toastPurposeSemantics, toastPurposes, toastWhyPurposeComponents, validateSemanticRegistry };