@hjmds/design-contracts 1.7.0 → 1.8.0

package/dist/catalog.d.ts

@@ -79,36 +79,28 @@ export declare const componentCatalog: readonly [{
     readonly platform: "shared";
     readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly aliases: readonly ["Kbd", "Code", "Blockquote"];
     readonly recipe: "textFormatRecipe";
     readonly behavior: "textFormat";
     readonly surfaceStatus: {
-        readonly web: "beta";
+        readonly web: "stable";
         readonly native: "unsupported";
     };
     readonly name: "TextFormat";
     readonly category: "foundation";
     readonly platform: "web";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "headingRecipe";
     readonly behavior: "heading";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Heading";
     readonly category: "foundation";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "iconRecipe";
     readonly surfaceStatus: {
@@ -132,23 +124,23 @@ export declare const componentCatalog: readonly [{
 }, {
     readonly recipe: "dividerRecipe";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Divider";
     readonly category: "layout";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "sectionRecipe";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Section";
     readonly category: "layout";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "stackRecipe";
     readonly aliases: readonly ["Flex", "Space", "Inline"];
@@ -177,13 +169,13 @@ export declare const componentCatalog: readonly [{
     };
     readonly recipe: "aspectRatioRecipe";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "AspectRatio";
     readonly category: "layout";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "evidence-needed";
@@ -191,13 +183,13 @@ export declare const componentCatalog: readonly [{
     };
     readonly recipe: "gridRecipe";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Grid";
     readonly category: "layout";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "evidence-needed";
@@ -207,41 +199,34 @@ export declare const componentCatalog: readonly [{
     readonly recipe: "layoutRecipe";
     readonly behavior: "layout";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Layout";
     readonly category: "layout";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "topRecipe";
     readonly behavior: "top";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Top";
     readonly category: "layout";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
+    readonly recipe: "masonryRecipe";
     readonly surfaceStatus: {
-        readonly web: "planned";
-        readonly native: "planned";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Masonry";
     readonly category: "layout";
     readonly platform: "adaptive";
-    readonly status: "planned";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "evidence-needed";
@@ -251,13 +236,13 @@ export declare const componentCatalog: readonly [{
     readonly recipe: "splitterRecipe";
     readonly behavior: "splitter";
     readonly surfaceStatus: {
-        readonly web: "beta";
+        readonly web: "stable";
         readonly native: "unsupported";
     };
     readonly name: "Splitter";
     readonly category: "layout";
     readonly platform: "web";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "buttonRecipe";
     readonly surfaceStatus: {
@@ -282,27 +267,23 @@ export declare const componentCatalog: readonly [{
     readonly recipe: "linkRecipe";
     readonly behavior: "link";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Link";
     readonly category: "action";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "bottomCtaRecipe";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "BottomCTA";
     readonly category: "action";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "evidence-needed";
@@ -312,13 +293,13 @@ export declare const componentCatalog: readonly [{
     readonly behavior: "floatingActionButton";
     readonly aliases: readonly ["FloatButton", "FAB"];
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "FloatingActionButton";
     readonly category: "action";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "evidence-needed";
@@ -328,13 +309,13 @@ export declare const componentCatalog: readonly [{
     readonly recipe: "authScreenRecipe";
     readonly behavior: "authScreen";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "AuthScreenLayout";
     readonly category: "layout";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "evidence-needed";
@@ -344,13 +325,13 @@ export declare const componentCatalog: readonly [{
     readonly recipe: "authProviderButtonRecipe";
     readonly behavior: "authProviderButton";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "AuthProviderButton";
     readonly category: "action";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "fieldRecipe";
     readonly behavior: "field";
@@ -366,13 +347,13 @@ export declare const componentCatalog: readonly [{
     readonly recipe: "searchFieldRecipe";
     readonly behavior: "searchField";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "SearchField";
     readonly category: "input";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "fieldRecipe";
     readonly surfaceStatus: {
@@ -384,113 +365,105 @@ export declare const componentCatalog: readonly [{
     readonly platform: "shared";
     readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly aliases: readonly ["Input.Password"];
     readonly recipe: "passwordFieldRecipe";
     readonly behavior: "passwordField";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "PasswordField";
     readonly category: "input";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly aliases: readonly ["Input.OTP"];
     readonly recipe: "otpFieldRecipe";
     readonly behavior: "otpField";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "OtpField";
     readonly category: "input";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "selectionControlRecipe";
     readonly behavior: "checkbox";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Checkbox";
     readonly category: "input";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "selectionControlRecipe";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Radio";
     readonly category: "input";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "selectionGroupRecipe";
     readonly behavior: "checkboxGroup";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "CheckboxGroup";
     readonly category: "input";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "selectionGroupRecipe";
     readonly behavior: "radioGroup";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "RadioGroup";
     readonly category: "input";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "switchRecipe";
     readonly behavior: "switch";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Switch";
     readonly category: "input";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "chipRecipe";
     readonly behavior: "chip";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Chip";
     readonly category: "input";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "segmentedControlRecipe";
     readonly behavior: "segmentedControl";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "SegmentedControl";
     readonly category: "input";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "evidence-needed";
@@ -499,13 +472,13 @@ export declare const componentCatalog: readonly [{
     readonly recipe: "toggleGroupRecipe";
     readonly behavior: "toggleGroup";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "ToggleGroup";
     readonly category: "input";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "evidence-needed";
@@ -515,13 +488,13 @@ export declare const componentCatalog: readonly [{
     readonly recipe: "tagsInputRecipe";
     readonly behavior: "tagsInput";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "TagsInput";
     readonly category: "input";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "evidence-needed";
@@ -530,81 +503,73 @@ export declare const componentCatalog: readonly [{
     readonly recipe: "sliderRecipe";
     readonly behavior: "slider";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Slider";
     readonly category: "input";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "numberFieldRecipe";
     readonly behavior: "numberField";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "NumberField";
     readonly category: "input";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "selectRecipe";
     readonly behavior: "select";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Select";
     readonly category: "input";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
+    readonly roadmap: {
+        readonly state: "evidence-needed";
+        readonly summary: string;
+    };
     readonly recipe: "comboboxRecipe";
     readonly behavior: "combobox";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Combobox";
     readonly category: "input";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "datePickerRecipe";
     readonly behavior: "datePicker";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "DatePicker";
     readonly category: "input";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly aliases: readonly ["DateRange"];
     readonly recipe: "calendarRecipe";
     readonly behavior: "dateRange";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "DateRangePicker";
     readonly category: "input";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "composed";
@@ -641,13 +606,13 @@ export declare const componentCatalog: readonly [{
     readonly behavior: "filePicker";
     readonly aliases: readonly ["Upload"];
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "FilePicker";
     readonly category: "input";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "composed";
@@ -663,20 +628,16 @@ export declare const componentCatalog: readonly [{
     readonly platform: "adaptive";
     readonly status: "planned";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "formRecipe";
     readonly behavior: "form";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Form";
     readonly category: "input";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "evidence-needed";
@@ -685,28 +646,24 @@ export declare const componentCatalog: readonly [{
     readonly recipe: "agreementRecipe";
     readonly behavior: "agreement";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Agreement";
     readonly category: "input";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "comboboxRecipe";
     readonly behavior: "combobox";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Mentions";
     readonly category: "input";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "composed";
@@ -723,21 +680,17 @@ export declare const componentCatalog: readonly [{
     readonly platform: "shared";
     readonly status: "planned";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly aliases: readonly ["Transfer"];
     readonly recipe: "transferListRecipe";
     readonly behavior: "transferList";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "TransferList";
     readonly category: "input";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "composed";
@@ -753,61 +706,53 @@ export declare const componentCatalog: readonly [{
     readonly platform: "web";
     readonly status: "planned";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "uploadItemRecipe";
     readonly behavior: "uploadItem";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "UploadItem";
     readonly category: "data-display";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
+    readonly roadmap: {
+        readonly state: "evidence-needed";
+        readonly summary: string;
+    };
     readonly recipe: "tabsRecipe";
     readonly behavior: "tabs";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Tabs";
     readonly category: "navigation";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "topBarRecipe";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "TopBar";
     readonly category: "navigation";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly aliases: readonly ["NavigationRail", "SideNav"];
     readonly recipe: "sidebarRecipe";
     readonly behavior: "sidebar";
     readonly surfaceStatus: {
-        readonly web: "beta";
+        readonly web: "stable";
         readonly native: "unsupported";
     };
     readonly name: "Sidebar";
     readonly category: "navigation";
     readonly platform: "web";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "evidence-needed";
@@ -816,43 +761,35 @@ export declare const componentCatalog: readonly [{
     readonly recipe: "bottomNavigationRecipe";
     readonly behavior: "bottomNavigation";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "BottomNavigation";
     readonly category: "navigation";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "breadcrumbRecipe";
     readonly behavior: "breadcrumb";
     readonly surfaceStatus: {
-        readonly web: "beta";
+        readonly web: "stable";
         readonly native: "unsupported";
     };
     readonly name: "Breadcrumb";
     readonly category: "navigation";
     readonly platform: "web";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "paginationRecipe";
     readonly behavior: "pagination";
     readonly surfaceStatus: {
-        readonly web: "beta";
+        readonly web: "stable";
         readonly native: "unsupported";
     };
     readonly name: "Pagination";
     readonly category: "navigation";
     readonly platform: "web";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "evidence-needed";
@@ -861,13 +798,13 @@ export declare const componentCatalog: readonly [{
     readonly recipe: "loadMoreRecipe";
     readonly behavior: "loadMore";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "LoadMore";
     readonly category: "navigation";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "evidence-needed";
@@ -875,80 +812,68 @@ export declare const componentCatalog: readonly [{
     };
     readonly recipe: "stepsRecipe";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Steps";
     readonly category: "navigation";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "menubarRecipe";
     readonly behavior: "menubar";
     readonly surfaceStatus: {
-        readonly web: "beta";
+        readonly web: "stable";
         readonly native: "unsupported";
     };
     readonly name: "Menubar";
     readonly category: "navigation";
     readonly platform: "web";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "menuRecipe";
     readonly behavior: "contextMenu";
     readonly surfaceStatus: {
-        readonly web: "beta";
+        readonly web: "stable";
         readonly native: "unsupported";
     };
     readonly name: "ContextMenu";
     readonly category: "navigation";
     readonly platform: "web";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "menuRecipe";
     readonly behavior: "menu";
     readonly aliases: readonly ["Dropdown"];
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Menu";
     readonly category: "navigation";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "anchorRecipe";
     readonly behavior: "anchor";
     readonly surfaceStatus: {
-        readonly web: "beta";
+        readonly web: "stable";
         readonly native: "unsupported";
     };
     readonly name: "Anchor";
     readonly category: "navigation";
     readonly platform: "web";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "avatarRecipe";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Avatar";
     readonly category: "data-display";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "evidence-needed";
@@ -958,28 +883,13 @@ export declare const componentCatalog: readonly [{
     readonly recipe: "assetRecipe";
     readonly behavior: "asset";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Asset";
     readonly category: "data-display";
     readonly platform: "adaptive";
-    readonly status: "beta";
-}, {
-    readonly declinedReason: string;
-    readonly roadmap: {
-        readonly state: "declined";
-        readonly summary: string;
-    };
-    readonly aliases: readonly ["BarChart", "Dataviz"];
-    readonly surfaceStatus: {
-        readonly web: "planned";
-        readonly native: "planned";
-    };
-    readonly name: "Chart";
-    readonly category: "data-display";
-    readonly platform: "shared";
-    readonly status: "planned";
+    readonly status: "stable";
 }, {
     readonly recipe: "badgeRecipe";
     readonly surfaceStatus: {
@@ -993,13 +903,13 @@ export declare const componentCatalog: readonly [{
 }, {
     readonly recipe: "counterBadgeRecipe";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "CounterBadge";
     readonly category: "data-display";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "cardRecipe";
     readonly surfaceStatus: {
@@ -1013,74 +923,71 @@ export declare const componentCatalog: readonly [{
 }, {
     readonly recipe: "listRecipe";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "List";
     readonly category: "data-display";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "listRowRecipe";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "ListRow";
     readonly category: "data-display";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly aliases: readonly ["Listy"];
+    readonly recipe: "virtualListRecipe";
     readonly surfaceStatus: {
-        readonly web: "planned";
-        readonly native: "planned";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "VirtualList";
     readonly category: "data-display";
     readonly platform: "adaptive";
-    readonly status: "planned";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly aliases: readonly ["Disclosure"];
     readonly recipe: "collapsibleRecipe";
     readonly behavior: "collapsible";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Collapsible";
     readonly category: "data-display";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
+    readonly roadmap: {
+        readonly state: "evidence-needed";
+        readonly summary: string;
+    };
     readonly recipe: "accordionRecipe";
     readonly behavior: "disclosureGroup";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Accordion";
     readonly category: "data-display";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "statisticRecipe";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Statistic";
     readonly category: "data-display";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "evidence-needed";
@@ -1088,88 +995,68 @@ export declare const componentCatalog: readonly [{
     };
     readonly recipe: "timelineRecipe";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Timeline";
     readonly category: "data-display";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "dataTableRecipe";
     readonly behavior: "dataTable";
     readonly surfaceStatus: {
-        readonly web: "beta";
+        readonly web: "stable";
         readonly native: "unsupported";
     };
     readonly name: "DataTable";
     readonly category: "data-display";
     readonly platform: "web";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "treeRecipe";
     readonly behavior: "tree";
     readonly surfaceStatus: {
-        readonly web: "beta";
+        readonly web: "stable";
         readonly native: "unsupported";
     };
     readonly name: "Tree";
     readonly category: "data-display";
     readonly platform: "web";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "calendarRecipe";
     readonly behavior: "calendar";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Calendar";
     readonly category: "data-display";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "carouselRecipe";
     readonly behavior: "carousel";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Carousel";
     readonly category: "data-display";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "descriptionListRecipe";
     readonly aliases: readonly ["Descriptions"];
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "DescriptionList";
     readonly category: "data-display";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "evidence-needed";
@@ -1177,26 +1064,23 @@ export declare const componentCatalog: readonly [{
     };
     readonly recipe: "imageRecipe";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Image";
     readonly category: "data-display";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
+    readonly recipe: "qrCodeRecipe";
     readonly surfaceStatus: {
-        readonly web: "planned";
-        readonly native: "planned";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "QRCode";
     readonly category: "data-display";
     readonly platform: "shared";
-    readonly status: "planned";
+    readonly status: "stable";
 }, {
     readonly recipe: "tagRecipe";
     readonly surfaceStatus: {
@@ -1208,31 +1092,27 @@ export declare const componentCatalog: readonly [{
     readonly platform: "shared";
     readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "tourRecipe";
     readonly behavior: "tour";
     readonly aliases: readonly ["CoachMark"];
     readonly surfaceStatus: {
-        readonly web: "beta";
+        readonly web: "stable";
         readonly native: "unsupported";
     };
     readonly name: "Tour";
     readonly category: "overlay";
     readonly platform: "web";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "emptyStateRecipe";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "EmptyState";
     readonly category: "feedback";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "noticeRecipe";
     readonly surfaceStatus: {
@@ -1253,6 +1133,16 @@ export declare const componentCatalog: readonly [{
     readonly category: "feedback";
     readonly platform: "shared";
     readonly status: "stable";
+}, {
+    readonly recipe: "thinkingOrbRecipe";
+    readonly surfaceStatus: {
+        readonly web: "stable";
+        readonly native: "stable";
+    };
+    readonly name: "ThinkingOrb";
+    readonly category: "feedback";
+    readonly platform: "shared";
+    readonly status: "stable";
 }, {
     readonly recipe: "spinnerRecipe";
     readonly surfaceStatus: {
@@ -1274,19 +1164,15 @@ export declare const componentCatalog: readonly [{
     readonly platform: "shared";
     readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "resultRecipe";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Result";
     readonly category: "feedback";
     readonly platform: "shared";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "evidence-needed";
@@ -1295,25 +1181,25 @@ export declare const componentCatalog: readonly [{
     readonly recipe: "bottomInfoRecipe";
     readonly behavior: "bottomInfo";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "BottomInfo";
     readonly category: "feedback";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "toastRecipe";
     readonly behavior: "toast";
     readonly aliases: readonly ["Notification"];
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Toast";
     readonly category: "feedback";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "evidence-needed";
@@ -1331,65 +1217,57 @@ export declare const componentCatalog: readonly [{
     readonly recipe: "dialogRecipe";
     readonly behavior: "dialog";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Dialog";
     readonly category: "overlay";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "alertDialogRecipe";
     readonly behavior: "alertDialog";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "AlertDialog";
     readonly category: "overlay";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly recipe: "sheetRecipe";
     readonly behavior: "sheet";
     readonly surfaceStatus: {
-        readonly web: "beta";
-        readonly native: "beta";
+        readonly web: "stable";
+        readonly native: "stable";
     };
     readonly name: "Sheet";
     readonly category: "overlay";
     readonly platform: "adaptive";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "sidePanelRecipe";
     readonly behavior: "sidePanel";
     readonly surfaceStatus: {
-        readonly web: "beta";
+        readonly web: "stable";
         readonly native: "unsupported";
     };
     readonly name: "SidePanel";
     readonly category: "overlay";
     readonly platform: "web";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "popoverRecipe";
     readonly behavior: "popover";
     readonly surfaceStatus: {
-        readonly web: "beta";
+        readonly web: "stable";
         readonly native: "unsupported";
     };
     readonly name: "Popover";
     readonly category: "overlay";
     readonly platform: "web";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "composed";
@@ -1409,67 +1287,34 @@ export declare const componentCatalog: readonly [{
     readonly recipe: "tooltipRecipe";
     readonly behavior: "tooltip";
     readonly surfaceStatus: {
-        readonly web: "beta";
+        readonly web: "stable";
         readonly native: "unsupported";
     };
     readonly name: "Tooltip";
     readonly category: "overlay";
     readonly platform: "web";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly recipe: "commandPaletteRecipe";
     readonly behavior: "commandPalette";
     readonly surfaceStatus: {
-        readonly web: "beta";
+        readonly web: "stable";
         readonly native: "unsupported";
     };
     readonly name: "CommandPalette";
     readonly category: "overlay";
     readonly platform: "web";
-    readonly status: "beta";
-}, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
-    readonly surfaceStatus: {
-        readonly web: "planned";
-        readonly native: "unsupported";
-    };
-    readonly name: "Affix";
-    readonly category: "utility";
-    readonly platform: "web";
-    readonly status: "planned";
-}, {
-    readonly declinedReason: string;
-    readonly roadmap: {
-        readonly state: "declined";
-        readonly summary: string;
-    };
-    readonly aliases: readonly ["App"];
-    readonly surfaceStatus: {
-        readonly web: "planned";
-        readonly native: "planned";
-    };
-    readonly name: "AppProvider";
-    readonly category: "provider";
-    readonly platform: "adaptive";
-    readonly status: "planned";
+    readonly status: "stable";
 }, {
-    readonly declinedReason: string;
     readonly roadmap: {
-        readonly state: "declined";
+        readonly state: "evidence-needed";
         readonly summary: string;
     };
     readonly surfaceStatus: {
         readonly web: "planned";
         readonly native: "unsupported";
     };
-    readonly name: "BorderBeam";
+    readonly name: "Affix";
     readonly category: "utility";
     readonly platform: "web";
     readonly status: "planned";
@@ -1485,36 +1330,17 @@ export declare const componentCatalog: readonly [{
     readonly platform: "shared";
     readonly status: "stable";
 }, {
-    readonly declinedReason: string;
-    readonly roadmap: {
-        readonly state: "declined";
-        readonly summary: string;
-    };
-    readonly aliases: readonly ["Util"];
-    readonly surfaceStatus: {
-        readonly web: "planned";
-        readonly native: "unsupported";
-    };
-    readonly name: "Utility";
-    readonly category: "utility";
-    readonly platform: "web";
-    readonly status: "planned";
-}, {
-    readonly roadmap: {
-        readonly state: "evidence-needed";
-        readonly summary: string;
-    };
     readonly aliases: readonly ["SkipLink"];
     readonly recipe: "skipNavRecipe";
     readonly behavior: "skipNav";
     readonly surfaceStatus: {
-        readonly web: "beta";
+        readonly web: "stable";
         readonly native: "unsupported";
     };
     readonly name: "SkipNav";
     readonly category: "utility";
     readonly platform: "web";
-    readonly status: "beta";
+    readonly status: "stable";
 }, {
     readonly roadmap: {
         readonly state: "evidence-needed";
@@ -1523,18 +1349,48 @@ export declare const componentCatalog: readonly [{
     readonly recipe: "visuallyHiddenRecipe";
     readonly aliases: readonly ["ScreenReaderOnly", "SrOnly"];
     readonly surfaceStatus: {
-        readonly web: "beta";
+        readonly web: "stable";
         readonly native: "unsupported";
     };
     readonly name: "VisuallyHidden";
     readonly category: "utility";
     readonly platform: "web";
-    readonly status: "beta";
+    readonly status: "stable";
 }];
 export type ComponentName = (typeof componentCatalog)[number]["name"];
 export declare function summarizeComponentRoadmap(entries?: readonly ComponentCatalogEntry[]): Readonly<Record<ComponentRoadmapState, number>>;
 /** One typed registry prevents catalog recipe names from drifting into strings. */
 export declare const recipeRegistry: {
+    readonly thinkingOrbRecipe: {
+        readonly defaults: {
+            readonly state: "working";
+            readonly size: 64;
+            readonly speed: 1;
+        };
+        readonly sizes: readonly [20, 64];
+        readonly motion: {
+            readonly reducedMotion: "static";
+            readonly staticTime: 0.6;
+            readonly maxDeltaMs: 64;
+        };
+        readonly maxPixelRatio: 2;
+    };
+    readonly masonryRecipe: {
+        readonly layout: "shortest-column";
+        readonly readingOrder: "source";
+        readonly maxColumns: 12;
+    };
+    readonly virtualListRecipe: {
+        readonly layout: "fixed-row-window";
+        readonly overscan: 3;
+        readonly readingOrder: "source";
+    };
+    readonly qrCodeRecipe: {
+        readonly quietZone: 4;
+        readonly minModuleSize: 2;
+        readonly foreground: "#000000";
+        readonly background: "#ffffff";
+    };
     readonly accordionRecipe: {
         readonly slots: readonly ["root", "item", "header", "trigger", "title", "indicator", "panel", "divider"];
         readonly defaults: {
@@ -1588,7 +1444,7 @@ export declare const recipeRegistry: {
         readonly states: {
             readonly pressedBackground: Readonly<{
                 source: "theme";
-                key: "text";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly focus: {
@@ -1812,7 +1668,7 @@ export declare const recipeRegistry: {
         };
         readonly background: Readonly<{
             source: "theme";
-            key: "surfaceAlt";
+            key: "bg";
             alpha?: number;
         }>;
         readonly content: Readonly<{
@@ -1861,7 +1717,7 @@ export declare const recipeRegistry: {
                 }>;
                 readonly background: Readonly<{
                     source: "theme";
-                    key: "surfaceAlt";
+                    key: "bg";
                     alpha?: number;
                 }>;
                 readonly border: null;
@@ -1897,7 +1753,7 @@ export declare const recipeRegistry: {
                 }>;
                 readonly background: Readonly<{
                     source: "theme";
-                    key: "surfaceAlt";
+                    key: "bg";
                     alpha?: number;
                 }>;
                 readonly border: null;
@@ -1914,8 +1770,8 @@ export declare const recipeRegistry: {
                     alpha?: number;
                 }>;
                 readonly background: Readonly<{
-                    source: "accent";
-                    key: "info";
+                    source: "theme";
+                    key: "bg";
                     alpha?: number;
                 }>;
                 readonly border: Readonly<{
@@ -2191,12 +2047,12 @@ export declare const recipeRegistry: {
         readonly states: {
             readonly hoverBackground: Readonly<{
                 source: "theme";
-                key: "text";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly pressedBackground: Readonly<{
                 source: "theme";
-                key: "text";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly focus: {
@@ -2235,7 +2091,7 @@ export declare const recipeRegistry: {
         readonly gap: 12;
         readonly background: Readonly<{
             source: "theme";
-            key: "surface";
+            key: "bg";
             alpha?: number;
         }>;
         readonly border: Readonly<{
@@ -2295,7 +2151,7 @@ export declare const recipeRegistry: {
             readonly paddingVertical: 12;
             readonly background: Readonly<{
                 source: "theme";
-                key: "surfaceAlt";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly radius: "md";
@@ -2329,7 +2185,7 @@ export declare const recipeRegistry: {
             };
             readonly highlightedBackground: Readonly<{
                 source: "theme";
-                key: "text";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly focus: {
@@ -2343,7 +2199,7 @@ export declare const recipeRegistry: {
             };
             readonly selectedBackground: Readonly<{
                 source: "theme";
-                key: "primary";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly selectedIndicator: Readonly<{
@@ -2562,7 +2418,7 @@ export declare const recipeRegistry: {
         readonly idle: {
             readonly background: Readonly<{
                 source: "theme";
-                key: "surface";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly color: Readonly<{
@@ -2579,7 +2435,7 @@ export declare const recipeRegistry: {
         readonly pressed: {
             readonly background: Readonly<{
                 source: "theme";
-                key: "primary";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly color: Readonly<{
@@ -2617,12 +2473,12 @@ export declare const recipeRegistry: {
             readonly gap: 8;
             readonly border: Readonly<{
                 source: "theme";
-                key: "textMuted";
+                key: "borderControl";
                 alpha?: number;
             }>;
             readonly background: Readonly<{
                 source: "theme";
-                key: "surface";
+                key: "bg";
                 alpha?: number;
             }>;
         };
@@ -2632,7 +2488,7 @@ export declare const recipeRegistry: {
             readonly gap: 4;
             readonly background: Readonly<{
                 source: "theme";
-                key: "surfaceAlt";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly color: Readonly<{
@@ -2727,7 +2583,7 @@ export declare const recipeRegistry: {
         };
         readonly background: Readonly<{
             source: "theme";
-            key: "surfaceAlt";
+            key: "bg";
             alpha?: number;
         }>;
         readonly border: Readonly<{
@@ -2773,7 +2629,7 @@ export declare const recipeRegistry: {
             };
             readonly highlightedBackground: Readonly<{
                 source: "theme";
-                key: "text";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly focus: {
@@ -2787,7 +2643,7 @@ export declare const recipeRegistry: {
             };
             readonly selectedBackground: Readonly<{
                 source: "theme";
-                key: "primary";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly selectedIndicator: Readonly<{
@@ -2824,7 +2680,7 @@ export declare const recipeRegistry: {
             readonly radius: 8;
             readonly background: Readonly<{
                 source: "theme";
-                key: "surfaceAlt";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly color: Readonly<{
@@ -2845,7 +2701,7 @@ export declare const recipeRegistry: {
             readonly radius: 8;
             readonly background: Readonly<{
                 source: "theme";
-                key: "surfaceAlt";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly color: Readonly<{
@@ -2901,7 +2757,7 @@ export declare const recipeRegistry: {
             }>;
             readonly openBackground: Readonly<{
                 source: "theme";
-                key: "primary";
+                key: "bg";
                 alpha?: number;
             }>;
         };
@@ -2928,7 +2784,7 @@ export declare const recipeRegistry: {
             };
             readonly highlightedBackground: Readonly<{
                 source: "theme";
-                key: "text";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly focus: {
@@ -2942,7 +2798,7 @@ export declare const recipeRegistry: {
             };
             readonly selectedBackground: Readonly<{
                 source: "theme";
-                key: "primary";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly selectedIndicator: Readonly<{
@@ -2988,7 +2844,7 @@ export declare const recipeRegistry: {
         };
         readonly background: Readonly<{
             source: "theme";
-            key: "surfaceAlt";
+            key: "bg";
             alpha?: number;
         }>;
         readonly border: Readonly<{
@@ -3218,7 +3074,7 @@ export declare const recipeRegistry: {
                 readonly paddingHorizontal: null;
             };
             readonly secondary: {
-                readonly background: "surfaceAlt";
+                readonly background: "bg";
                 readonly content: "text";
                 readonly border: "borderControl";
                 readonly paddingHorizontal: null;
@@ -3244,7 +3100,7 @@ export declare const recipeRegistry: {
         };
         readonly states: {
             readonly selected: {
-                readonly background: "surfaceAccent";
+                readonly background: "bg";
                 readonly content: "contentBrand";
                 readonly border: "contentBrand";
             };
@@ -3365,7 +3221,7 @@ export declare const recipeRegistry: {
             readonly idle: {
                 readonly background: Readonly<{
                     source: "theme";
-                    key: "surface";
+                    key: "bg";
                     alpha?: number;
                 }>;
                 readonly content: Readonly<{
@@ -3382,7 +3238,7 @@ export declare const recipeRegistry: {
             readonly selected: {
                 readonly background: Readonly<{
                     source: "theme";
-                    key: "surfaceAccent";
+                    key: "bg";
                     alpha?: number;
                 }>;
                 readonly content: Readonly<{
@@ -3436,12 +3292,12 @@ export declare const recipeRegistry: {
         readonly frame: {
             readonly background: Readonly<{
                 source: "theme";
-                key: "surface";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly border: Readonly<{
                 source: "theme";
-                key: "textMuted";
+                key: "borderControl";
                 alpha?: number;
             }>;
             readonly focusBorder: Readonly<{
@@ -3574,6 +3430,16 @@ export declare const recipeRegistry: {
         };
         readonly density: {
             readonly compact: {
+                readonly selectedBackground: Readonly<{
+                    source: "theme";
+                    key: "bg";
+                    alpha?: number;
+                }>;
+                readonly highlightedBackground: Readonly<{
+                    source: "theme";
+                    key: "bg";
+                    alpha?: number;
+                }>;
                 readonly minHeight: 44;
                 readonly paddingHorizontal: 12;
                 readonly gap: 12;
@@ -3594,11 +3460,6 @@ export declare const recipeRegistry: {
                     }>;
                     readonly textVariant: "label";
                 };
-                readonly highlightedBackground: Readonly<{
-                    source: "theme";
-                    key: "text";
-                    alpha?: number;
-                }>;
                 readonly focus: {
                     readonly color: Readonly<{
                         source: "theme";
@@ -3608,11 +3469,6 @@ export declare const recipeRegistry: {
                     readonly width: 2;
                     readonly offset: 2;
                 };
-                readonly selectedBackground: Readonly<{
-                    source: "theme";
-                    key: "primary";
-                    alpha?: number;
-                }>;
                 readonly selectedIndicator: Readonly<{
                     source: "theme";
                     key: "contentBrand";
@@ -3625,6 +3481,16 @@ export declare const recipeRegistry: {
                 }>;
             };
             readonly comfortable: {
+                readonly selectedBackground: Readonly<{
+                    source: "theme";
+                    key: "bg";
+                    alpha?: number;
+                }>;
+                readonly highlightedBackground: Readonly<{
+                    source: "theme";
+                    key: "bg";
+                    alpha?: number;
+                }>;
                 readonly minHeight: 56;
                 readonly paddingHorizontal: 12;
                 readonly gap: 12;
@@ -3645,11 +3511,6 @@ export declare const recipeRegistry: {
                     }>;
                     readonly textVariant: "label";
                 };
-                readonly highlightedBackground: Readonly<{
-                    source: "theme";
-                    key: "text";
-                    alpha?: number;
-                }>;
                 readonly focus: {
                     readonly color: Readonly<{
                         source: "theme";
@@ -3659,11 +3520,6 @@ export declare const recipeRegistry: {
                     readonly width: 2;
                     readonly offset: 2;
                 };
-                readonly selectedBackground: Readonly<{
-                    source: "theme";
-                    key: "primary";
-                    alpha?: number;
-                }>;
                 readonly selectedIndicator: Readonly<{
                     source: "theme";
                     key: "contentBrand";
@@ -3720,12 +3576,12 @@ export declare const recipeRegistry: {
         readonly states: {
             readonly hoverBackground: Readonly<{
                 source: "theme";
-                key: "text";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly pressedBackground: Readonly<{
                 source: "theme";
-                key: "text";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly focus: {
@@ -3956,7 +3812,7 @@ export declare const recipeRegistry: {
         readonly header: {
             readonly background: Readonly<{
                 source: "theme";
-                key: "surfaceAlt";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly color: Readonly<{
@@ -3980,12 +3836,12 @@ export declare const recipeRegistry: {
             }>;
             readonly hoverBackground: Readonly<{
                 source: "theme";
-                key: "text";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly selectedBackground: Readonly<{
                 source: "theme";
-                key: "primary";
+                key: "bg";
                 alpha?: number;
             }>;
         };
@@ -4053,12 +3909,12 @@ export declare const recipeRegistry: {
         readonly frame: {
             readonly background: Readonly<{
                 source: "theme";
-                key: "surface";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly border: Readonly<{
                 source: "theme";
-                key: "textMuted";
+                key: "borderControl";
                 alpha?: number;
             }>;
             readonly focusBorder: Readonly<{
@@ -4301,7 +4157,7 @@ export declare const recipeRegistry: {
         };
         readonly variants: {
             readonly surface: {
-                readonly background: "surface";
+                readonly background: "bg";
             };
             readonly inset: {
                 readonly background: "bg";
@@ -4314,7 +4170,7 @@ export declare const recipeRegistry: {
         };
         readonly states: {
             readonly idle: {
-                readonly border: "textMuted";
+                readonly border: "borderControl";
             };
             readonly focused: {
                 readonly border: "contentBrand";
@@ -4440,7 +4296,7 @@ export declare const recipeRegistry: {
             readonly secondary: {
                 readonly background: Readonly<{
                     source: "theme";
-                    key: "surfaceAlt";
+                    key: "bg";
                     alpha?: number;
                 }>;
                 readonly content: Readonly<{
@@ -4502,7 +4358,7 @@ export declare const recipeRegistry: {
             readonly selected: {
                 readonly background: Readonly<{
                     source: "theme";
-                    key: "surfaceAccent";
+                    key: "bg";
                     alpha?: number;
                 }>;
                 readonly content: Readonly<{
@@ -4603,14 +4459,14 @@ export declare const recipeRegistry: {
         readonly placeholder: {
             readonly background: Readonly<{
                 source: "theme";
-                key: "surfaceAlt";
+                key: "bg";
                 alpha?: number;
             }>;
         };
         readonly fallback: {
             readonly background: Readonly<{
                 source: "theme";
-                key: "surfaceAlt";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly icon: {
@@ -4762,12 +4618,12 @@ export declare const recipeRegistry: {
         readonly states: {
             readonly pressedBackground: Readonly<{
                 source: "theme";
-                key: "text";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly selectedBackground: Readonly<{
                 source: "theme";
-                key: "surfaceAccent";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly disabledOpacity: 0.5;
@@ -4894,7 +4750,7 @@ export declare const recipeRegistry: {
                 };
                 readonly highlightedBackground: Readonly<{
                     source: "theme";
-                    key: "text";
+                    key: "bg";
                     alpha?: number;
                 }>;
                 readonly focus: {
@@ -4908,7 +4764,7 @@ export declare const recipeRegistry: {
                 };
                 readonly selectedBackground: Readonly<{
                     source: "theme";
-                    key: "primary";
+                    key: "bg";
                     alpha?: number;
                 }>;
                 readonly selectedIndicator: Readonly<{
@@ -4945,7 +4801,7 @@ export declare const recipeRegistry: {
                 };
                 readonly highlightedBackground: Readonly<{
                     source: "theme";
-                    key: "text";
+                    key: "bg";
                     alpha?: number;
                 }>;
                 readonly focus: {
@@ -4959,7 +4815,7 @@ export declare const recipeRegistry: {
                 };
                 readonly selectedBackground: Readonly<{
                     source: "theme";
-                    key: "primary";
+                    key: "bg";
                     alpha?: number;
                 }>;
                 readonly selectedIndicator: Readonly<{
@@ -5064,7 +4920,7 @@ export declare const recipeRegistry: {
             readonly info: {
                 readonly background: Readonly<{
                     source: "theme";
-                    key: "surfaceAlt";
+                    key: "bg";
                     alpha?: number;
                 }>;
                 readonly foreground: Readonly<{
@@ -5301,12 +5157,12 @@ export declare const recipeRegistry: {
         readonly frame: {
             readonly background: Readonly<{
                 source: "theme";
-                key: "surface";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly border: Readonly<{
                 source: "theme";
-                key: "textMuted";
+                key: "borderControl";
                 alpha?: number;
             }>;
             readonly focusBorder: Readonly<{
@@ -5548,7 +5404,7 @@ export declare const recipeRegistry: {
         readonly colors: {
             readonly background: Readonly<{
                 source: "theme";
-                key: "surface";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly content: Readonly<{
@@ -5573,7 +5429,7 @@ export declare const recipeRegistry: {
             }>;
             readonly border: Readonly<{
                 source: "theme";
-                key: "textMuted";
+                key: "borderControl";
                 alpha?: number;
             }>;
             readonly focus: Readonly<{
@@ -5613,12 +5469,12 @@ export declare const recipeRegistry: {
         readonly frame: {
             readonly background: Readonly<{
                 source: "theme";
-                key: "surface";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly border: Readonly<{
                 source: "theme";
-                key: "textMuted";
+                key: "borderControl";
                 alpha?: number;
             }>;
             readonly focusBorder: Readonly<{
@@ -5741,6 +5597,16 @@ export declare const recipeRegistry: {
         };
         readonly density: {
             readonly compact: {
+                readonly selectedBackground: Readonly<{
+                    source: "theme";
+                    key: "bg";
+                    alpha?: number;
+                }>;
+                readonly highlightedBackground: Readonly<{
+                    source: "theme";
+                    key: "bg";
+                    alpha?: number;
+                }>;
                 readonly minHeight: 44;
                 readonly paddingHorizontal: 12;
                 readonly gap: 12;
@@ -5761,11 +5627,6 @@ export declare const recipeRegistry: {
                     }>;
                     readonly textVariant: "label";
                 };
-                readonly highlightedBackground: Readonly<{
-                    source: "theme";
-                    key: "text";
-                    alpha?: number;
-                }>;
                 readonly focus: {
                     readonly color: Readonly<{
                         source: "theme";
@@ -5775,11 +5636,6 @@ export declare const recipeRegistry: {
                     readonly width: 2;
                     readonly offset: 2;
                 };
-                readonly selectedBackground: Readonly<{
-                    source: "theme";
-                    key: "primary";
-                    alpha?: number;
-                }>;
                 readonly selectedIndicator: Readonly<{
                     source: "theme";
                     key: "contentBrand";
@@ -5792,6 +5648,16 @@ export declare const recipeRegistry: {
                 }>;
             };
             readonly comfortable: {
+                readonly selectedBackground: Readonly<{
+                    source: "theme";
+                    key: "bg";
+                    alpha?: number;
+                }>;
+                readonly highlightedBackground: Readonly<{
+                    source: "theme";
+                    key: "bg";
+                    alpha?: number;
+                }>;
                 readonly minHeight: 56;
                 readonly paddingHorizontal: 12;
                 readonly gap: 12;
@@ -5812,11 +5678,6 @@ export declare const recipeRegistry: {
                     }>;
                     readonly textVariant: "label";
                 };
-                readonly highlightedBackground: Readonly<{
-                    source: "theme";
-                    key: "text";
-                    alpha?: number;
-                }>;
                 readonly focus: {
                     readonly color: Readonly<{
                         source: "theme";
@@ -5826,11 +5687,6 @@ export declare const recipeRegistry: {
                     readonly width: 2;
                     readonly offset: 2;
                 };
-                readonly selectedBackground: Readonly<{
-                    source: "theme";
-                    key: "primary";
-                    alpha?: number;
-                }>;
                 readonly selectedIndicator: Readonly<{
                     source: "theme";
                     key: "contentBrand";
@@ -5887,12 +5743,12 @@ export declare const recipeRegistry: {
         readonly states: {
             readonly hoverBackground: Readonly<{
                 source: "theme";
-                key: "text";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly pressedBackground: Readonly<{
                 source: "theme";
-                key: "text";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly focus: {
@@ -6072,7 +5928,7 @@ export declare const recipeRegistry: {
             readonly fontWeight: "600";
             readonly selectedBackground: Readonly<{
                 source: "theme";
-                key: "surfaceAccent";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly selectedContent: Readonly<{
@@ -6143,7 +5999,7 @@ export declare const recipeRegistry: {
             readonly card: {
                 readonly background: Readonly<{
                     source: "theme";
-                    key: "surface";
+                    key: "bg";
                     alpha?: number;
                 }>;
                 readonly border: Readonly<{
@@ -6232,7 +6088,7 @@ export declare const recipeRegistry: {
             }>;
             readonly selectedBackground: Readonly<{
                 source: "theme";
-                key: "surfaceAccent";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly selectedBorder: Readonly<{
@@ -6242,12 +6098,12 @@ export declare const recipeRegistry: {
             }>;
             readonly hoverBackground: Readonly<{
                 source: "theme";
-                key: "text";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly pressedBackground: Readonly<{
                 source: "theme";
-                key: "text";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly invalidBorder: Readonly<{
@@ -6500,7 +6356,7 @@ export declare const recipeRegistry: {
             readonly paddingHorizontal: 16;
             readonly borderColor: Readonly<{
                 source: "theme";
-                key: "textMuted";
+                key: "borderControl";
                 alpha?: number;
             }>;
         };
@@ -6527,7 +6383,7 @@ export declare const recipeRegistry: {
             };
             readonly highlightedBackground: Readonly<{
                 source: "theme";
-                key: "text";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly focus: {
@@ -6541,7 +6397,7 @@ export declare const recipeRegistry: {
             };
             readonly selectedBackground: Readonly<{
                 source: "theme";
-                key: "primary";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly selectedIndicator: Readonly<{
@@ -6672,7 +6528,7 @@ export declare const recipeRegistry: {
         readonly slot: {
             readonly border: Readonly<{
                 source: "theme";
-                key: "textMuted";
+                key: "borderControl";
                 alpha?: number;
             }>;
             readonly focusBorder: Readonly<{
@@ -6719,12 +6575,12 @@ export declare const recipeRegistry: {
         readonly frame: {
             readonly background: Readonly<{
                 source: "theme";
-                key: "surface";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly border: Readonly<{
                 source: "theme";
-                key: "textMuted";
+                key: "borderControl";
                 alpha?: number;
             }>;
             readonly focusBorder: Readonly<{
@@ -6945,7 +6801,7 @@ export declare const recipeRegistry: {
         readonly panel: {
             readonly background: Readonly<{
                 source: "theme";
-                key: "surface";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly border: Readonly<{
@@ -6999,7 +6855,7 @@ export declare const recipeRegistry: {
             };
             readonly highlightedBackground: Readonly<{
                 source: "theme";
-                key: "text";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly focus: {
@@ -7013,7 +6869,7 @@ export declare const recipeRegistry: {
             };
             readonly selectedBackground: Readonly<{
                 source: "theme";
-                key: "primary";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly selectedIndicator: Readonly<{
@@ -7067,7 +6923,7 @@ export declare const recipeRegistry: {
         };
         readonly background: Readonly<{
             source: "theme";
-            key: "surfaceAlt";
+            key: "bg";
             alpha?: number;
         }>;
         readonly shapes: {
@@ -7250,7 +7106,7 @@ export declare const recipeRegistry: {
             readonly surface: {
                 readonly background: Readonly<{
                     source: "theme";
-                    key: "surface";
+                    key: "bg";
                     alpha?: number;
                 }>;
                 readonly border: Readonly<{
@@ -7459,11 +7315,11 @@ export declare const recipeRegistry: {
     };
     readonly surfaceRecipe: {
         readonly default: {
-            readonly background: "surface";
+            readonly background: "bg";
             readonly border: "border";
             readonly borderAlpha: 1;
             readonly elevated: false;
-            readonly borderAlways: false;
+            readonly borderAlways: true;
             readonly clipsContent: true;
         };
         readonly raised: {
@@ -7471,23 +7327,23 @@ export declare const recipeRegistry: {
             readonly border: "border";
             readonly borderAlpha: 1;
             readonly elevated: true;
-            readonly borderAlways: false;
+            readonly borderAlways: true;
             readonly clipsContent: false;
         };
         readonly sunken: {
-            readonly background: "surfaceAlt";
+            readonly background: "bg";
             readonly border: "border";
             readonly borderAlpha: 1;
             readonly elevated: false;
-            readonly borderAlways: false;
+            readonly borderAlways: true;
             readonly clipsContent: true;
         };
         readonly accent: {
-            readonly background: "surfaceAccent";
+            readonly background: "bg";
             readonly border: "primary";
-            readonly borderAlpha: 0.3;
+            readonly borderAlpha: 1;
             readonly elevated: false;
-            readonly borderAlways: false;
+            readonly borderAlways: true;
             readonly clipsContent: true;
         };
         readonly subtle: {
@@ -7668,7 +7524,7 @@ export declare const recipeRegistry: {
         readonly states: {
             readonly pressedBackground: Readonly<{
                 source: "theme";
-                key: "text";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly focus: {
@@ -7692,7 +7548,7 @@ export declare const recipeRegistry: {
             readonly neutral: {
                 readonly background: Readonly<{
                     source: "theme";
-                    key: "surfaceAlt";
+                    key: "bg";
                     alpha?: number;
                 }>;
                 readonly content: Readonly<{
@@ -7705,7 +7561,7 @@ export declare const recipeRegistry: {
             readonly brand: {
                 readonly background: Readonly<{
                     source: "theme";
-                    key: "surfaceAccent";
+                    key: "bg";
                     alpha?: number;
                 }>;
                 readonly content: Readonly<{
@@ -7717,8 +7573,8 @@ export declare const recipeRegistry: {
             };
             readonly info: {
                 readonly background: Readonly<{
-                    source: "accent";
-                    key: "info";
+                    source: "theme";
+                    key: "bg";
                     alpha?: number;
                 }>;
                 readonly content: Readonly<{
@@ -8288,7 +8144,7 @@ export declare const recipeRegistry: {
             };
             readonly highlightedBackground: Readonly<{
                 source: "theme";
-                key: "text";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly focus: {
@@ -8302,7 +8158,7 @@ export declare const recipeRegistry: {
             };
             readonly selectedBackground: Readonly<{
                 source: "theme";
-                key: "primary";
+                key: "bg";
                 alpha?: number;
             }>;
             readonly selectedIndicator: Readonly<{