@marwes-ui/core 1.1.0 → 1.3.0

package/README.md

@@ -1,6 +1,8 @@
+Framework-agnostic Marwes design system recipes, theme utilities, accessibility contracts, and typed RenderKit metadata.
+
 <div align="center">
 
-<img alt="Marwes Design System" src="https://raw.githubusercontent.com/niklas-westman/marwes/main/.github/assets/banner.png" width="100%" style="border-radius: 40px;">
+<img alt="Marwes Design System" src="https://raw.githubusercontent.com/niklas-westman/marwes/main/.github/assets/cover-v3.png" width="100%" style="border-radius: 40px;">
 
 <br>
 <br>
@@ -11,7 +13,7 @@
 
 Pure TypeScript • No React/Vue dependency • Typed RenderKit • Shared ThemeInput • AI-readable contracts
 
-[Documentation](https://github.com/niklas-westman/marwes/tree/main/docs) • [Storybook](https://d3hobet9plpuvm.cloudfront.net/storybook-react/latest/) • [GitHub](https://github.com/niklas-westman/marwes)
+[Documentation](https://github.com/niklas-westman/marwes/tree/main/docs) • [React Storybook](https://storybook-react.marwes.io/latest/) • [Vue Storybook](https://storybook-vue.marwes.io/latest/) • [GitHub](https://github.com/niklas-westman/marwes)
 
 </div>
 

package/dist/index.d.ts

@@ -31,6 +31,13 @@ declare function resolveTone(tone: ToneName): ToneDefinition;
 type Density = "compact" | "comfortable" | "spacious";
 type HeadingSize = "h1" | "h2" | "h3";
 type ParagraphSize = "sm" | "md" | "lg";
+type StatusColorTokens = {
+    background: string;
+    text: string;
+    icon: string;
+    border: string;
+    borderStrong: string;
+};
 /**
  * Theme mode determines which default color palette is used.
  * - 'light': Uses light mode color defaults (dark text on light backgrounds)
@@ -62,18 +69,26 @@ type Theme = {
         textSubtle: string;
         textDisabled: string;
         textInverted: string;
+        textBrand: string;
         border: string;
         borderSubtle: string;
         borderStrong: string;
         borderDisabled: string;
+        borderBrand: string;
         /**
          * Focus color used for focus-visible outlines on interactive elements.
-         * Accessible blue (#2684FF) from Figma node 120:927.
+         * Defaults to the source focus ring token from docs/marwes-colors.json.
          */
         focus: string;
         danger: string;
         success: string;
         warning: string;
+        status: {
+            success: StatusColorTokens;
+            warning: StatusColorTokens;
+            error: StatusColorTokens;
+            info: StatusColorTokens;
+        };
     };
     font: {
         primary: string;
@@ -194,11 +209,19 @@ interface ResolvedTheme {
         textSubtle: string;
         textDisabled: string;
         textInverted: string;
+        textBrand: string;
         border: string;
         borderSubtle: string;
         borderStrong: string;
         borderDisabled: string;
+        borderBrand: string;
         focus: string;
+        status: {
+            success: StatusColorTokens;
+            warning: StatusColorTokens;
+            error: StatusColorTokens;
+            info: StatusColorTokens;
+        };
     };
     font: {
         primary: string;
@@ -246,7 +269,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 108 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.
@@ -288,13 +311,13 @@ declare function resolveServerThemeMode({ preference, systemFallback, }?: {
 /**
  * Light theme defaults (default mode).
  * Uses dark text on light backgrounds.
- * Colors mapped from Figma design tokens (node 1:120).
+ * Colors mapped from docs/marwes-colors.json.
  */
 declare const lightThemeDefaults: Theme;
 /**
  * Dark theme defaults.
  * Uses light text on dark backgrounds.
- * Colors are inverted from light theme for optimal dark mode experience.
+ * Colors mapped from docs/marwes-colors.json.
  */
 declare const darkThemeDefaults: Theme;
 
@@ -384,11 +407,43 @@ 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 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 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 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";
@@ -532,11 +587,43 @@ 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 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 focus: "var(--mw-color-focus)";
+        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 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 spacing: {
         readonly sp0: "var(--mw-spacing-sp-0)";
@@ -680,11 +767,43 @@ declare const mwStyledTheme: {
         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 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 focus: "var(--mw-color-focus)";
+        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 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 spacing: {
         readonly sp0: "var(--mw-spacing-sp-0)";
@@ -3570,6 +3689,94 @@ declare const storybookSpinnerArgTypes: {
         readonly description: "Accessible label for standalone loading indicators";
     };
 };
+declare const storybookSkeletonArgTypes: {
+    readonly variant: {
+        readonly control: "select";
+        readonly options: readonly ["text", "circular", "rectangular"];
+        readonly description: "Skeleton shape from the synced Skeleton page";
+    };
+    readonly animation: {
+        readonly control: "select";
+        readonly options: readonly ["pulse", "wave", "none"];
+        readonly description: "Visual loading animation";
+    };
+    readonly width: {
+        readonly control: "text";
+        readonly description: "Width override; numbers in code are treated as pixels";
+    };
+    readonly height: {
+        readonly control: "text";
+        readonly description: "Height override; numbers in code are treated as pixels";
+    };
+    readonly radius: {
+        readonly control: "text";
+        readonly description: "Corner radius override; circular skeletons force a full radius";
+    };
+    readonly decorative: {
+        readonly control: "boolean";
+        readonly description: "Hide the skeleton from assistive technology when surrounding UI already communicates loading";
+    };
+    readonly ariaLabel: {
+        readonly control: "text";
+        readonly description: "Accessible label for standalone loading placeholder groups";
+    };
+};
+declare const storybookStatTileArgTypes: {
+    readonly tone: {
+        readonly control: "select";
+        readonly options: readonly ["neutral", "brand", "success", "warning", "danger"];
+        readonly description: "Color treatment from the synced Stat Tile Figma instances";
+    };
+    readonly trendDirection: {
+        readonly control: "select";
+        readonly options: readonly [undefined, "positive", "negative"];
+        readonly description: "Trend direction for the compact trend pill";
+    };
+    readonly trendValue: {
+        readonly control: "text";
+        readonly description: "Compact trend value, for example 12%";
+    };
+    readonly label: {
+        readonly control: "text";
+    };
+    readonly value: {
+        readonly control: "text";
+    };
+    readonly subtitle: {
+        readonly control: "text";
+    };
+};
+declare const storybookDatePickerArgTypes: {
+    readonly device: {
+        readonly control: "select";
+        readonly options: readonly ["desktop", "mobile"];
+        readonly description: "Device variant from the synced Date Picker Figma component set";
+    };
+    readonly monthLabel: {
+        readonly control: "text";
+    };
+    readonly calendarLabel: {
+        readonly control: "text";
+    };
+    readonly previousYearLabel: {
+        readonly control: "text";
+    };
+    readonly previousMonthLabel: {
+        readonly control: "text";
+    };
+    readonly nextMonthLabel: {
+        readonly control: "text";
+    };
+    readonly nextYearLabel: {
+        readonly control: "text";
+    };
+    readonly cancelLabel: {
+        readonly control: "text";
+    };
+    readonly applyLabel: {
+        readonly control: "text";
+    };
+};
 declare const storybookSpacingArgTypes: {
     readonly size: {
         readonly control: "select";
@@ -4773,6 +4980,167 @@ declare function resolveSpinnerA11y(options?: SpinnerOptions): SpinnerA11yProps;
 
 declare function createSpinnerRecipe(options?: SpinnerOptions): SpinnerRenderKit;
 
+declare const SkeletonVariant: {
+    readonly text: "text";
+    readonly circular: "circular";
+    readonly rectangular: "rectangular";
+};
+type SkeletonVariant = (typeof SkeletonVariant)[keyof typeof SkeletonVariant];
+declare const skeletonVariants: SkeletonVariant[];
+declare const SkeletonAnimation: {
+    readonly pulse: "pulse";
+    readonly wave: "wave";
+    readonly none: "none";
+};
+type SkeletonAnimation = (typeof SkeletonAnimation)[keyof typeof SkeletonAnimation];
+declare const skeletonAnimations: SkeletonAnimation[];
+type SkeletonDimension = number | string;
+interface SkeletonOptions {
+    /** Visual shape from the synced Skeleton page. */
+    variant?: SkeletonVariant;
+    /** Width of the placeholder. Numbers are interpreted as pixels. */
+    width?: SkeletonDimension;
+    /** Height of the placeholder. Numbers are interpreted as pixels. */
+    height?: SkeletonDimension;
+    /** Corner radius override. Numbers are interpreted as pixels. Circular skeletons force a full radius. */
+    radius?: SkeletonDimension;
+    /** Visual animation. Defaults to `pulse`; use `none` for static placeholders. */
+    animation?: SkeletonAnimation;
+    /** Hide the placeholder from assistive technology. Defaults to true unless `ariaLabel` is provided. */
+    decorative?: boolean;
+    /** Accessible label for standalone loading placeholder groups. */
+    ariaLabel?: string;
+    id?: string;
+}
+interface SkeletonA11yProps {
+    id?: string;
+    role?: "status";
+    ariaHidden?: true;
+    ariaLabel?: string;
+    ariaLive?: "polite";
+}
+interface SkeletonDataAttributes {
+    "data-component": "skeleton";
+    "data-variant": SkeletonVariant;
+    "data-animation": SkeletonAnimation;
+}
+interface SkeletonRenderKit {
+    tag: "span";
+    className: string;
+    vars: CssVars;
+    a11y: SkeletonA11yProps;
+    dataAttributes: SkeletonDataAttributes;
+}
+
+declare function resolveSkeletonA11y(options?: SkeletonOptions): SkeletonA11yProps;
+
+declare function createSkeletonRecipe(options?: SkeletonOptions): SkeletonRenderKit;
+
+type StatTileTone = "neutral" | "brand" | "success" | "warning" | "danger";
+type StatTileTrendDirection = "positive" | "negative";
+type StatTileDataAttributes = Record<string, string>;
+interface StatTileOptions {
+    tone?: StatTileTone;
+    trendDirection?: StatTileTrendDirection;
+    dataAttributes?: StatTileDataAttributes;
+}
+interface StatTileA11yProps {
+    trendAriaLabel?: string;
+}
+interface StatTileRenderKit {
+    tag: "article";
+    className: string;
+    slots: {
+        headerClassName: string;
+        labelClassName: string;
+        trendClassName: string;
+        trendIconClassName: string;
+        trendValueClassName: string;
+        valueClassName: string;
+        subtitleClassName: string;
+    };
+    dataAttributes: StatTileDataAttributes;
+    trendDataAttributes: StatTileDataAttributes;
+    trendIcon: "↑" | "↓" | null;
+    a11y: StatTileA11yProps;
+}
+
+declare function resolveStatTileTrendLabel(direction: StatTileTrendDirection | undefined, trendValue: string | undefined): string | undefined;
+
+declare function createStatTileRecipe(opts?: StatTileOptions & {
+    trendValue?: string;
+}): StatTileRenderKit;
+
+type DatePickerDevice = "desktop" | "mobile";
+type DatePickerDayState = "default" | "hover" | "selected" | "range" | "range-hover" | "disabled" | "null";
+interface DatePickerDay {
+    label: string;
+    date?: string;
+    state?: DatePickerDayState;
+    isToday?: boolean;
+    ariaLabel?: string;
+}
+interface DatePickerOptions {
+    monthLabel?: string;
+    weekdayLabels?: readonly string[];
+    weeks?: readonly (readonly DatePickerDay[])[];
+    device?: DatePickerDevice;
+    previousYearLabel?: string;
+    previousMonthLabel?: string;
+    nextMonthLabel?: string;
+    nextYearLabel?: string;
+    cancelLabel?: string;
+    applyLabel?: string;
+    calendarLabel?: string;
+    dataAttributes?: Record<string, string>;
+}
+interface DatePickerDataAttributes extends Record<string, string> {
+    "data-component": "date-picker";
+    "data-device": DatePickerDevice;
+}
+interface DatePickerDayRenderKit {
+    className: string;
+    dataAttributes: Record<string, string>;
+    ariaLabel: string;
+    disabled: boolean;
+    selected: boolean;
+    isEmpty: boolean;
+}
+interface DatePickerRenderKit {
+    className: string;
+    dataAttributes: DatePickerDataAttributes;
+    monthLabel: string;
+    weekdayLabels: readonly string[];
+    weeks: readonly (readonly DatePickerDay[])[];
+    dayKits: readonly (readonly DatePickerDayRenderKit[])[];
+    slots: {
+        headerClassName: string;
+        navGroupClassName: string;
+        navButtonClassName: string;
+        monthLabelClassName: string;
+        gridClassName: string;
+        weekdayClassName: string;
+        weekClassName: string;
+        cellClassName: string;
+        dayClassName: string;
+        footerClassName: string;
+        footerButtonClassName: string;
+    };
+    labels: {
+        calendar: string;
+        previousYear: string;
+        previousMonth: string;
+        nextMonth: string;
+        nextYear: string;
+        cancel: string;
+        apply: string;
+    };
+}
+
+declare function resolveDatePickerDayLabel(day: DatePickerDay): string;
+
+declare function createDatePickerRecipe(opts?: DatePickerOptions): DatePickerRenderKit;
+
 declare const iconRegistry: {
     readonly airplay: {
         readonly viewBox: "0 0 24 24";
@@ -9167,4 +9535,4 @@ 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 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 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 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, createDialogRecipe, createDividerRecipe, createFamilySemanticAttributes, createFontStack, createIconRecipe, createInputOtpRecipe, createInputRecipe, createMarwesThemeScript, createMarwesThemeStyle, createPurposeSemanticAttributes, createRichTextRecipe, createSelectRecipe, createSliderRecipe, createSpacingRecipe, createSpinnerRecipe, 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, resolveDialogA11y, resolveIconA11y, resolveIconSize, resolveIconStrokeWidth, resolveRichTextAllowedFormats, resolveSelectMode, resolveServerThemeMode, resolveSliderA11y, resolveSpinnerA11y, resolveSpinnerSize, resolveSwitchA11y, resolveTabA11y, resolveTabValue, resolveThemeInput, resolveThemePreference, resolveToastA11y, resolveTone, resolveTooltipA11y, richTextCommandByFormat, richTextFormattingReference, richTextWhyUseIt, sanitizeCurrencyValue, sanitizeInputOtpValue, semanticFamilies, semanticFrameworkSupport, semanticIntents, semanticLayers, semanticOrientations, semanticOutcomes, semanticPurposes, shouldLoadGoogleFont, sliderPurposeComponentReference, sliderWhyPurposeComponents, spinnerSizeScale, spinnerSizes, spinnerVariants, storybookA11yPolicy, storybookButtonGeneralArgTypes, storybookButtonIconArgTypes, storybookButtonPurposeArgTypes, storybookCheckboxArgTypes, storybookDividerArgTypes, storybookDocsDescription, storybookIconGalleryArgTypes, storybookIconGalleryDefaults, storybookIconNames, storybookLayout, storybookOptionalIconNames, storybookRadioArgTypes, storybookSliderArgTypes, storybookSpacingArgTypes, storybookSpinnerArgTypes, switchPurposeComponentReference, switchWhyPurposeComponents, tabPurposeComponentReference, tabWhyPurposeComponents, themeModesToCSSRules, themeToCSSRule, themeToCSSVars, toastPurposeComponentReference, toastPurposeSemantics, toastPurposes, toastWhyPurposeComponents, validateSemanticRegistry };
+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 };