@sableui/react 0.13.0 → 0.13.2

package/dist/components/tooltip/tooltip.meta.js

@@ -22,7 +22,8 @@ var tooltipMeta = {
       },
       {
         guidance: "dont",
-        description: "Do not put critical instructions, errors, or interactive content inside Tooltip."
+        description: "Do not put critical instructions, errors, or interactive content inside Tooltip.",
+        instead: ["Popover", "InlineStatus"]
       },
       {
         guidance: "dont",

package/dist/file-hashes.json

@@ -24,7 +24,7 @@
 	"dist/blocks/goal-progress-block.meta.js": "3e5b376bf58bdb4b",
 	"dist/blocks/hero-block.js": "ac74e80d4d7d2ad9",
 	"dist/blocks/hero-block.meta.js": "2dd2e5be2472a563",
-	"dist/blocks/index.d.ts": "7dc3a0506334de38",
+	"dist/blocks/index.d.ts": "aa7f5e8ddd18710a",
 	"dist/blocks/index.js": "8116f4581aad860e",
 	"dist/blocks/invite-team-block.js": "be4df15518252535",
 	"dist/blocks/invite-team-block.meta.js": "fd57b632f0f32276",
@@ -83,7 +83,7 @@
 	"dist/blocks/wallet-block.js": "b26565afea86592d",
 	"dist/blocks/wallet-block.meta.js": "eedcf190db1dd48d",
 	"dist/components/accordion/accordion.js": "4f41376e208ac29d",
-	"dist/components/accordion/accordion.meta.js": "27e6d68cdcd712bf",
+	"dist/components/accordion/accordion.meta.js": "ae084a8270698acf",
 	"dist/components/accordion/index.js": "4181a2720d5c1ed8",
 	"dist/components/app-header/app-header.js": "2149806a151306c4",
 	"dist/components/app-header/app-header.meta.js": "04631f9c2069f30d",
@@ -105,11 +105,11 @@
 	"dist/components/avatar/avatar.variants.js": "55007c724a59bf1f",
 	"dist/components/avatar/index.js": "12b7af50f0f54b67",
 	"dist/components/badge/badge.js": "d4244f501b1ed90f",
-	"dist/components/badge/badge.meta.js": "1ae51c389ed070e4",
+	"dist/components/badge/badge.meta.js": "39f5fa9e61699f3e",
 	"dist/components/badge/badge.variants.js": "cea56117556206c3",
 	"dist/components/badge/index.js": "9f7436ada79ea6a4",
 	"dist/components/banner/banner.js": "94cbb8891671e7cf",
-	"dist/components/banner/banner.meta.js": "aa4b44cea86316d1",
+	"dist/components/banner/banner.meta.js": "b216de18f23c929e",
 	"dist/components/banner/banner.variants.js": "519bc767454cf0cb",
 	"dist/components/banner/index.js": "94ea3a330ca07c1e",
 	"dist/components/bar-chart/bar-chart.js": "c2e9f70936ad45cd",
@@ -133,7 +133,7 @@
 	"dist/components/button/button.variants.js": "137c201e0c01b56f",
 	"dist/components/button/index.js": "1ef5e4068111496a",
 	"dist/components/button-group/button-group.js": "c0d4ba06cc16179c",
-	"dist/components/button-group/button-group.meta.js": "84b519decddae76c",
+	"dist/components/button-group/button-group.meta.js": "58f36364e789b616",
 	"dist/components/button-group/index.js": "a1482195b53540a9",
 	"dist/components/calendar/calendar.js": "91321f1ea8843a11",
 	"dist/components/calendar/calendar.meta.js": "46565db6017d2706",
@@ -153,7 +153,7 @@
 	"dist/components/chat-composer/index.js": "cee4f58e29e4d1b8",
 	"dist/components/checkbox/checkbox-mark.js": "751f08c4857553a6",
 	"dist/components/checkbox/checkbox.js": "f1904d55f536827e",
-	"dist/components/checkbox/checkbox.meta.js": "3b4b7d4dfd65e44a",
+	"dist/components/checkbox/checkbox.meta.js": "901eb0ddcd0fd373",
 	"dist/components/checkbox/index.js": "aec81f03950346b9",
 	"dist/components/checkbox-card/checkbox-card.js": "b01beb0d9cc1600a",
 	"dist/components/checkbox-card/checkbox-card.meta.js": "942e6eb24e384fde",
@@ -166,21 +166,21 @@
 	"dist/components/code-block/code-block.meta.js": "c87a6079902eacc4",
 	"dist/components/code-block/index.js": "e40982950359204b",
 	"dist/components/collapsible/collapsible.js": "fecb96bdc056e7bb",
-	"dist/components/collapsible/collapsible.meta.js": "7ada61d267d61f69",
+	"dist/components/collapsible/collapsible.meta.js": "18cb4a8514d91606",
 	"dist/components/collapsible/index.js": "072c3578300f205e",
 	"dist/components/color-field/color-field.js": "f200e7dd98a4356e",
 	"dist/components/color-field/color-field.meta.js": "a220bd8855dc65dd",
 	"dist/components/color-field/color.js": "97931e0b9f502c02",
 	"dist/components/color-field/index.js": "57e89053e9b4733d",
 	"dist/components/combobox/combobox.js": "7098e0269422352c",
-	"dist/components/combobox/combobox.meta.js": "f9a7fca96124a1f5",
+	"dist/components/combobox/combobox.meta.js": "fa0c7539a90cf6d5",
 	"dist/components/combobox/index.js": "f8f9863cf4f7e59b",
 	"dist/components/command-menu/command-menu-trigger.js": "30b1606fb611c758",
 	"dist/components/command-menu/command-menu.js": "3478c25118653d88",
-	"dist/components/command-menu/command-menu.meta.js": "c9538fd2b7d6d094",
+	"dist/components/command-menu/command-menu.meta.js": "f3ecf9df7b027865",
 	"dist/components/command-menu/index.js": "c49dd188ea788ba5",
 	"dist/components/context-card/context-card.js": "ab28de9684e32eea",
-	"dist/components/context-card/context-card.meta.js": "81ed88a9745b31e8",
+	"dist/components/context-card/context-card.meta.js": "b4a0f80490c00079",
 	"dist/components/context-card/index.js": "3eb8649f84654caa",
 	"dist/components/context-menu/context-menu.js": "9a5f899f1fd5aa84",
 	"dist/components/context-menu/context-menu.meta.js": "6915409a31be6ef0",
@@ -198,10 +198,10 @@
 	"dist/components/destructive-action-modal/destructive-action-modal.meta.js": "a1a0a6d441f602b4",
 	"dist/components/destructive-action-modal/index.js": "23b46c051e8c4e4e",
 	"dist/components/dialog/dialog.js": "efdca40a11df5bff",
-	"dist/components/dialog/dialog.meta.js": "4e75abcc0304be24",
+	"dist/components/dialog/dialog.meta.js": "98de0730d852851c",
 	"dist/components/dialog/index.js": "4ed284cc7b4692d5",
 	"dist/components/disclosure-picker/disclosure-picker.js": "6f7a28eee89e1c1f",
-	"dist/components/disclosure-picker/disclosure-picker.meta.js": "eafb5afea5a60fab",
+	"dist/components/disclosure-picker/disclosure-picker.meta.js": "c32223ff1ff098bc",
 	"dist/components/disclosure-picker/index.js": "c281ca69d9193b6b",
 	"dist/components/empty-state/empty-state.js": "3ab001a50dd394fe",
 	"dist/components/empty-state/empty-state.meta.js": "11a5d884fa2f5bde",
@@ -235,7 +235,7 @@
 	"dist/components/gradient-art/renderer.js": "1b015305daa55b7a",
 	"dist/components/inline-status/index.js": "51d8d6cbddccaecf",
 	"dist/components/inline-status/inline-status.js": "fcfaef0c502d7c34",
-	"dist/components/inline-status/inline-status.meta.js": "24727481a674bfc7",
+	"dist/components/inline-status/inline-status.meta.js": "c3617b4cd8b34641",
 	"dist/components/inline-status/inline-status.variants.js": "7a5182736d6b8610",
 	"dist/components/input/index.js": "0602bacd594a6588",
 	"dist/components/input/input.js": "dad88bb52b506be7",
@@ -268,10 +268,10 @@
 	"dist/components/media-tile/media-tile.variants.js": "e22c08004b4a55ad",
 	"dist/components/menu/index.js": "c368589e92d3a189",
 	"dist/components/menu/menu.js": "0d0644a26ea5ef11",
-	"dist/components/menu/menu.meta.js": "7c496951b7b46e8d",
+	"dist/components/menu/menu.meta.js": "533a215b9ff28d85",
 	"dist/components/menubar/index.js": "4e0c7717fa9f2a4d",
 	"dist/components/menubar/menubar.js": "7177568e95c22fd1",
-	"dist/components/menubar/menubar.meta.js": "3d04ce64d3f76bbb",
+	"dist/components/menubar/menubar.meta.js": "2d313681a64a7bfd",
 	"dist/components/message/index.js": "6eff37ab509945d7",
 	"dist/components/message/message.js": "43eb2b93d5d4c85b",
 	"dist/components/message/message.meta.js": "5b47760e0d5d8e7b",
@@ -281,7 +281,7 @@
 	"dist/components/message-scroller/message-scroller.meta.js": "07a52eedddc8dce6",
 	"dist/components/meter/index.js": "e96304414fb4ad4b",
 	"dist/components/meter/meter.js": "302ce0f258960602",
-	"dist/components/meter/meter.meta.js": "ad69941502afd858",
+	"dist/components/meter/meter.meta.js": "534245ba3bb7bc4c",
 	"dist/components/meter/meter.variants.js": "c415c47434fad178",
 	"dist/components/middle-truncate/index.js": "3aac7092bb36f768",
 	"dist/components/middle-truncate/middle-truncate.js": "35dc672f46f0548e",
@@ -291,7 +291,7 @@
 	"dist/components/navigation-menu/navigation-menu.meta.js": "bb17288998fb4cbb",
 	"dist/components/note/index.js": "e3ae5ca884a137e5",
 	"dist/components/note/note.js": "e59bd3ada0d9e771",
-	"dist/components/note/note.meta.js": "c1bd06add8ec5203",
+	"dist/components/note/note.meta.js": "98287475b0739b73",
 	"dist/components/note/note.variants.js": "fbac3d8d05d48086",
 	"dist/components/notification-badge/index.js": "9d4990abb268d9a0",
 	"dist/components/notification-badge/notification-badge.js": "c2996d6951eeef67",
@@ -311,7 +311,7 @@
 	"dist/components/page-header/page-header.meta.js": "94dba3334f2cfb47",
 	"dist/components/page-loader/index.js": "73989c61d8df9fee",
 	"dist/components/page-loader/page-loader.js": "39eb2d9a5747c950",
-	"dist/components/page-loader/page-loader.meta.js": "d500c78e4c4abc36",
+	"dist/components/page-loader/page-loader.meta.js": "dc43852dd1b4dcea",
 	"dist/components/pagination/index.js": "9114303fc4edb947",
 	"dist/components/pagination/pagination.js": "1220c9e09285601e",
 	"dist/components/pagination/pagination.meta.js": "d4b190da016cf9c8",
@@ -330,14 +330,14 @@
 	"dist/components/pie-chart/pie-chart.meta.js": "f249fcf846fda014",
 	"dist/components/pill/index.js": "20ff8b276a4f0515",
 	"dist/components/pill/pill.js": "1c1d6180acce0e53",
-	"dist/components/pill/pill.meta.js": "0009f4860de00dc1",
+	"dist/components/pill/pill.meta.js": "4cbd7d7b14986865",
 	"dist/components/pill/pill.variants.js": "6b6a824b44bfae13",
 	"dist/components/popover/index.js": "125e46824329b2b9",
 	"dist/components/popover/popover.js": "8eb733ebc4c5c3cb",
-	"dist/components/popover/popover.meta.js": "43404f1a9ab90faa",
+	"dist/components/popover/popover.meta.js": "b69532ebeaf000c6",
 	"dist/components/progress/index.js": "23810e6a00af8d2e",
 	"dist/components/progress/progress.js": "13f3b9f4c3c20777",
-	"dist/components/progress/progress.meta.js": "daf2752505f6d601",
+	"dist/components/progress/progress.meta.js": "4ef17fe5d1a62aff",
 	"dist/components/progress/progress.variants.js": "df713110d10b4b75",
 	"dist/components/radar-chart/index.js": "3e0486ca894e8b9e",
 	"dist/components/radar-chart/radar-chart.js": "6f959fbc3e1ab27d",
@@ -347,7 +347,7 @@
 	"dist/components/radial-chart/radial-chart.meta.js": "0ac95161695f3bd9",
 	"dist/components/radio/index.js": "f1398d206bdc1f2b",
 	"dist/components/radio/radio.js": "dce8ff6dd0deaa5e",
-	"dist/components/radio/radio.meta.js": "f1f93fbe8088405a",
+	"dist/components/radio/radio.meta.js": "83d9c6da85c7d9f0",
 	"dist/components/radio-card/index.js": "ff815b13ce46e2bb",
 	"dist/components/radio-card/radio-card.js": "29c459d88339f035",
 	"dist/components/radio-card/radio-card.meta.js": "fb6f6d6758fcafc9",
@@ -369,11 +369,11 @@
 	"dist/components/section-header/section-header.meta.js": "011c13a1916b1d04",
 	"dist/components/segmented-bar/index.js": "3f544d3233ab578f",
 	"dist/components/segmented-bar/segmented-bar.js": "26d87e5c14fddc87",
-	"dist/components/segmented-bar/segmented-bar.meta.js": "fa33a4b10718960c",
+	"dist/components/segmented-bar/segmented-bar.meta.js": "1bc147b02b0beef0",
 	"dist/components/segmented-bar/segmented-bar.variants.js": "b1f39931a499140d",
 	"dist/components/select/index.js": "8e34f776320e5214",
 	"dist/components/select/select.js": "087471358acc2f6a",
-	"dist/components/select/select.meta.js": "cf7c7fc1bfc169ab",
+	"dist/components/select/select.meta.js": "35d55ceb9b0e58fb",
 	"dist/components/separator/index.js": "07eea0cf5f1f2dff",
 	"dist/components/separator/separator.js": "9ba94f5e469329c7",
 	"dist/components/separator/separator.meta.js": "0930ea059401ad99",
@@ -383,21 +383,21 @@
 	"dist/components/settings-menu/settings-menu.variants.js": "1eefc629793ed7b3",
 	"dist/components/sheet/index.js": "b19aacba55e7de80",
 	"dist/components/sheet/sheet.js": "54a4187480a655f7",
-	"dist/components/sheet/sheet.meta.js": "d06c63e65d9c6d74",
+	"dist/components/sheet/sheet.meta.js": "c327b7a9c399c12a",
 	"dist/components/sheet/sheet.variants.js": "80af36bc54106a55",
 	"dist/components/show-more/index.js": "e7c7e37ffedde2c2",
 	"dist/components/show-more/show-more.js": "5b853d0adac29029",
 	"dist/components/show-more/show-more.meta.js": "25242fedc916bfa8",
 	"dist/components/side-nav/index.js": "fa4e5f5e7232de1e",
 	"dist/components/side-nav/side-nav.js": "4eb2676655713f43",
-	"dist/components/side-nav/side-nav.meta.js": "699c87a4a2e75de7",
+	"dist/components/side-nav/side-nav.meta.js": "19050ef84bcb54b3",
 	"dist/components/side-nav/side-nav.variants.js": "267eda3fb3a91034",
 	"dist/components/sidebar/index.js": "eac0c8742dcaae4d",
 	"dist/components/sidebar/sidebar.js": "299aa0adf1def2c7",
 	"dist/components/sidebar/sidebar.meta.js": "44193ecd4f621e65",
 	"dist/components/skeleton/index.js": "4e01c345b14d42f1",
 	"dist/components/skeleton/skeleton.js": "5ca6d75e81a048ee",
-	"dist/components/skeleton/skeleton.meta.js": "40743bdd3788d867",
+	"dist/components/skeleton/skeleton.meta.js": "9b7014b97385d773",
 	"dist/components/slider/index.js": "bd4588997c43df06",
 	"dist/components/slider/slider.js": "b0e26764ed233052",
 	"dist/components/slider/slider.meta.js": "f4639357bb479487",
@@ -406,7 +406,7 @@
 	"dist/components/sparkline/sparkline.meta.js": "8503811c53bf9419",
 	"dist/components/spinner/index.js": "342ab20fdf86292c",
 	"dist/components/spinner/spinner.js": "2bb1ba5b7b50fc6a",
-	"dist/components/spinner/spinner.meta.js": "09cf5920849d737f",
+	"dist/components/spinner/spinner.meta.js": "9bbefd5a25c814f9",
 	"dist/components/status-bar/index.js": "9db4f6fae817ca5a",
 	"dist/components/status-bar/status-bar.js": "8b1f9c6d593aa037",
 	"dist/components/status-bar/status-bar.meta.js": "477707fecb0718e3",
@@ -416,20 +416,20 @@
 	"dist/components/status-dot/status-dot.variants.js": "fe6ff23a2696de5a",
 	"dist/components/stepper/index.js": "2346537b50c95017",
 	"dist/components/stepper/stepper.js": "8e1bdfc654e5aa3e",
-	"dist/components/stepper/stepper.meta.js": "6d17c7521e2aa31e",
+	"dist/components/stepper/stepper.meta.js": "5ddeb5e581100e8f",
 	"dist/components/stepper/stepper.variants.js": "3c343c6e38e39d80",
 	"dist/components/streaming-text/index.js": "c46856aa7c0718f5",
 	"dist/components/streaming-text/streaming-text.js": "e450c4d5e312a6c5",
 	"dist/components/streaming-text/streaming-text.meta.js": "86b6d145a2d6c796",
 	"dist/components/switch/index.js": "4712d21ce13e5578",
 	"dist/components/switch/switch.js": "5f7b31327500f893",
-	"dist/components/switch/switch.meta.js": "420df8cfac162378",
+	"dist/components/switch/switch.meta.js": "a18e8a74430cb644",
 	"dist/components/table/index.js": "690a2dcf36ac85f6",
 	"dist/components/table/table.js": "b84e3ad4a2c01c07",
-	"dist/components/table/table.meta.js": "d0aa6f30b9ca3b1d",
+	"dist/components/table/table.meta.js": "12c3ac1e1bdb231b",
 	"dist/components/tabs/index.js": "a48e84d7f04203f9",
 	"dist/components/tabs/tabs.js": "2e4514d7659eb595",
-	"dist/components/tabs/tabs.meta.js": "dbb53f389f87c662",
+	"dist/components/tabs/tabs.meta.js": "1f30b016a2d21876",
 	"dist/components/textarea/index.js": "09897d89dd4083dd",
 	"dist/components/textarea/textarea.js": "4a28e5f80f79239d",
 	"dist/components/textarea/textarea.meta.js": "b59c00df0cec585f",
@@ -441,21 +441,21 @@
 	"dist/components/theme-switcher/theme-switcher.meta.js": "fe1da9922f89318a",
 	"dist/components/thinking-orb/index.js": "a692b2d577999770",
 	"dist/components/thinking-orb/thinking-orb.js": "54a07545f2ad2c0b",
-	"dist/components/thinking-orb/thinking-orb.meta.js": "dcc1982c0f9e9d01",
+	"dist/components/thinking-orb/thinking-orb.meta.js": "d614e8ebfded8710",
 	"dist/components/thinking-orb/thinking-orb.render.js": "1d561ac1ffcd1e97",
 	"dist/components/toast/index.js": "d13be0a6c335931d",
 	"dist/components/toast/toast.js": "f58c5e39eb3158a3",
-	"dist/components/toast/toast.meta.js": "ebade18a75028c79",
+	"dist/components/toast/toast.meta.js": "324b2b0897dd08dc",
 	"dist/components/toggle/index.js": "84a0a4bf596a1b7d",
 	"dist/components/toggle/toggle.js": "90d0deb9c6af0d61",
-	"dist/components/toggle/toggle.meta.js": "8ad55c2d23ed2226",
+	"dist/components/toggle/toggle.meta.js": "2fa9ccde9bd406b4",
 	"dist/components/toolbar/index.js": "ccd582f7d2241285",
 	"dist/components/toolbar/toolbar.js": "69441ff3d9721687",
-	"dist/components/toolbar/toolbar.meta.js": "93d007d2a76627ee",
+	"dist/components/toolbar/toolbar.meta.js": "3a9a9a6cd850d424",
 	"dist/components/toolbar/toolbar.variants.js": "c5152cd123f8c50c",
 	"dist/components/tooltip/index.js": "71ab4dac02eb039a",
 	"dist/components/tooltip/tooltip.js": "5dc6db77cbd317ba",
-	"dist/components/tooltip/tooltip.meta.js": "3ef8954eb918468f",
+	"dist/components/tooltip/tooltip.meta.js": "77e462580df94d90",
 	"dist/components/tree/index.js": "bc79f7c353de1bd2",
 	"dist/components/tree/tree.js": "ff07ce51ff1cb06f",
 	"dist/components/tree/tree.meta.js": "746e8dee80041e1f",
@@ -486,8 +486,8 @@
 	"dist/icon-sets/brands.js": "9a37d8739f14f2a9",
 	"dist/icon-sets/reicon.d.ts": "52f6e41dc8137b4e",
 	"dist/icon-sets/reicon.js": "9ec7d3b714c57172",
-	"dist/index.d.ts": "933e9604a361c5af",
-	"dist/index.js": "ff3e1234cfdff10a",
+	"dist/index.d.ts": "c411e7ecbfbce82e",
+	"dist/index.js": "515970f920a1920e",
 	"dist/ios/chrome.css": "a7ca9e3735d8658e",
 	"dist/ios/chrome.js": "37091fef7b68bd28",
 	"dist/ios/frame.css": "dd2703c944ce575a",
@@ -559,7 +559,7 @@
 	"dist/lib/use-resize-observer.js": "4f08e280d64be22c",
 	"dist/lib/use-scroll-activity.js": "793394a8c952e697",
 	"dist/lib/use-smooth-wheel.js": "9fd10f864eb40325",
-	"dist/meta-DVG8ceze.d.ts": "60cdb0adc726bc03",
+	"dist/meta-DX5r5wQL.d.ts": "b15f63123088709a",
 	"dist/motion/MotionProvider.js": "feeab4e6ce816a5e",
 	"dist/motion/Presence.js": "21fc6f1c68207718",
 	"dist/motion/Reveal.js": "b80396095aa2de96",
@@ -579,7 +579,7 @@
 	"dist/patterns/dashboard-page.meta.js": "afa1ab16823686d0",
 	"dist/patterns/feed-page.js": "6c34ebf590eb51df",
 	"dist/patterns/feed-page.meta.js": "d87a18be1d0eebca",
-	"dist/patterns/index.d.ts": "7511ee8632e26bbf",
+	"dist/patterns/index.d.ts": "07bf94356dd329a8",
 	"dist/patterns/index.js": "3ff5fabb1afbf8dc",
 	"dist/patterns/landing-page.js": "d27227dbb74021bf",
 	"dist/patterns/landing-page.meta.js": "95d34273ee999eea",

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { ClassValue } from 'clsx';
-import { C as ComponentMeta } from './meta-DVG8ceze.js';
-export { A as AnatomyMeta, a as BestPracticeMeta, E as ExampleMeta, M as MotionMeta, b as MotionSlot, c as PropMeta, R as RelatedMeta, S as SubcomponentMeta, U as UsageMeta } from './meta-DVG8ceze.js';
+import { C as ComponentMeta } from './meta-DX5r5wQL.js';
+export { A as AnatomyMeta, a as BestPracticeMeta, E as ExampleMeta, M as MotionMeta, b as MotionSlot, c as PropMeta, R as RelatedMeta, S as SubcomponentMeta, U as UsageMeta } from './meta-DX5r5wQL.js';
 import { T as ThemeManifest, a as ThemeMode$1 } from './_contract-CkqXDVww.js';
 export { A as ART_TOKENS, D as DENSITY_TOKENS, b as DensityToken, M as MOTION_TOKENS, c as MotionToken, P as PALETTE_TOKENS, R as RADIUS_TOKENS, d as RHYTHM_TOKENS, e as RadiusToken, f as RhythmToken, S as SEMANTIC_TOKENS, g as SemanticToken, h as TYPE_OVERLINE_TOKENS, i as TYPE_REFINEMENT_TOKENS, j as TYPE_SCALE_TOKENS, k as TYPE_UI_TOKENS, l as TypeOverlineToken, m as TypeRefinementToken, n as TypeScaleToken, o as TypeUiToken, W as WORKSPACE_SURFACE_TOKENS, p as WorkspaceSurfaceToken } from './_contract-CkqXDVww.js';
 import { T as ThemeId } from './theme-provider-CdSicAad.js';
@@ -8969,6 +8969,6 @@ declare const PALETTE_TONES: readonly ["tone-1", "tone-2", "tone-3", "tone-info"
 /** Everything the palette names: neutral, the families, then the tone scales. */
 declare const PALETTE_SCALES: readonly ["neutral", ...string[], "tone-1", "tone-2", "tone-3", "tone-info", "tone-warning", "success", "destructive"];
 
-declare const SABLE_UI_VERSION: "0.13.0";
+declare const SABLE_UI_VERSION: "0.13.2";
 
 export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogTitle, AlertDialogTrigger, AppHeader, type AppHeaderProps, AppShell, type AppShellProps, AreaChart, type AreaChartProps, type ArtTone, Attachment, type AttachmentProps, Avatar, AvatarFallback, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarProps, AvatarRoot, BADGE_APPEARANCES, BADGE_TONES, Badge, type BadgeAppearance, type BadgeProps, type BadgeTone, Banner, type BannerProps, BarChart, type BarChartProps, BottomNav, BottomNavItem, type BottomNavItemProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Breadcrumbs, type BreadcrumbsProps, Browser, type BrowserProps, Bubble, type BubbleProps, BubbleReaction, type BubbleReactionProps, BubbleReactions, type BubbleReactionsProps, Button, type ButtonBleed, ButtonGroup, type ButtonGroupProps, type ButtonProps, CHART_SERIES_COUNT, COMPONENT_GROUPS, COMPONENT_TAXONOMY, Calendar, type CalendarProps, Card, CardAction, CardContent, type CardContentProps, CardDescription, CardFooter, type CardFooterProps, CardHeader, CardList, type CardProps, CardTitle, type CardTitleProps, CaretMenu, CaretMenuItem, type CaretMenuItemProps, type CaretMenuProps, type CaretTrigger, type CaretTriggerField, type CaretTriggerMatch, Carousel, type CarouselProps, type CarouselSlidesToShow, type ChartCategories, type ChartCenterLabel, type ChartCurve, type ChartDatum, type ChartSeries, type ChartTone, type ChartTooltipIndicator, type ChartTooltipOptions, type ChartValueFormatter, ChatComposer, type ChatComposerProps, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxCardTone, CheckboxGroup, type CheckboxGroupProps, Code, CodeBlock, type CodeBlockProps, CodeHighlightProvider, type CodeHighlighter, type CodeProps, Collapsible, CollapsibleIndicator, CollapsiblePanel, CollapsibleTrigger, ColorField, type ColorFieldProps, Combobox, ComboboxChips, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, type ComboboxItemGroup, ComboboxItemIndicator, ComboboxList, ComboboxPortal, type ComboboxProps, ComboboxValue, ComboboxVirtualList, type ComboboxVirtualListProps, type CommandFilter, type CommandItem, CommandMenu, CommandMenuGroup, type CommandMenuGroupProps, CommandMenuItem, type CommandMenuItemProps, CommandMenuPanel, type CommandMenuPanelProps, type CommandMenuProps, CommandMenuTrigger, type CommandMenuTriggerProps, type ComponentGroup, type ComponentGuidance, ComponentMeta, type ComponentRegister, type ConstraintFlag, ContextCard, ContextCardArrow, ContextCardContent, ContextCardPortal, ContextCardTrigger, ContextMenu, ContextMenuContent, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, type CopySource, DataTable, type DataTableColumn, type DataTableProps, type DataTableRowKey, DatePicker, type DatePickerProps, DateTile, type DateTileProps, Density, DensityProvider, Density as DensityValue, DestructiveActionModal, type DestructiveActionModalProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, type DialogSize, DialogTitle, DialogTrigger, DisclosurePicker, DisclosurePickerEmpty, DisclosurePickerList, type DisclosurePickerListProps, DisclosurePickerOption, type DisclosurePickerOptionProps, DisclosurePickerPanel, type DisclosurePickerPanelProps, type DisclosurePickerProps, type DisclosurePickerSearch, DisclosurePickerTrigger, type DisclosurePickerTriggerProps, EmptyState, type EmptyStateProps, Entity, type EntityProps, Feedback, type FeedbackData, type FeedbackProps, type FeedbackRating, Field, type FieldProps, Fieldset, FieldsetContent, FieldsetDescription, FieldsetFooter, FieldsetLegend, type FieldsetVariant, FileDropzone, type FileDropzoneProps, type FileRejection, type FileRejectionCode, FontPicker, type FontPickerFont, type FontPickerOption, type FontPickerProps, Form, type FormProps, GlidingHighlight, type GlidingHighlightProps, GradientArt, type GradientArtProps, type Hsv, InlineStatus, type InlineStatusProps, type StatusTone as InlineTone, Input, InputGroup, type InputGroupProps, type InputProps$1 as InputProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, Label, type LabelProps$2 as LabelProps, LineChart, type LineChartProps, Marker, type MarkerProps, Marquee, type MarqueeProps, MediaImage, type MediaImageProps, MediaTile, type MediaTileProps, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuLinkItem, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, Menubar, type MenubarProps, MenubarTrigger, type MenubarTriggerProps, Message, type MessageProps, MessageScroller, type MessageScrollerHandle, type MessageScrollerProps, Meter, MeterIndicator, MeterLabel, type MeterSize, type MeterTone, MeterTrack, MeterValue, MiddleTruncate, type MiddleTruncateProps, type MotionPolicy, MotionProvider, type MotionProviderProps, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Note, type NoteAction, type NoteProps, NotificationBadge, type NotificationBadgeProps, NumberField, type NumberFieldProps, type OrbMode, type OrbSize, OtpField, type OtpFieldProps, OverflowMenu, type OverflowMenuProps, PALETTE_COLORS, PALETTE_FAMILIES, PALETTE_SCALES, PALETTE_STEPS, PALETTE_TONES, PageHeader, type PageHeaderProps, PageLoader, type PageLoaderProps, Pagination, type PaginationProps, type PaletteColor, type PaletteFamily, type PaletteStep, Panel, PanelGroup, PanelResizer, type PanelResizerProps, PanelSection, type PanelWidthBounds, Phone, type PhoneProps, PieChart, type PieChartProps, Pill, type PillProps, Popover, PopoverArrow, PopoverClose, PopoverContent, PopoverDescription, PopoverPortal, PopoverTitle, PopoverTrigger, Presence, type PresenceProps, type Presentation, PresentationProvider, Progress, ProgressIndicator, ProgressLabel, type ProgressSize, ProgressTrack, ProgressValue, PropertyGroup, PropertyPair, PropertyRow, RadarChart, type RadarChartProps, RadialChart, type RadialChartProps, Radio, RadioCard, type RadioCardProps, type RadioCardTone, RadioGroup, RelativeTime, type RelativeTimeProps, Reveal, type RevealProps, type Rgb, SABLE_UI_VERSION, SEGMENTED_BAR_TONES, STATUS_TONES, STATUS_TONE_ICON, type ScrollCommandOptions, Scroller, type ScrollerProps, ScrubField, type ScrubFieldProps, SearchInput, type SearchInputProps, SectionHeader, type SectionHeaderProps, SegmentedBar, type SegmentedBarProps, type SegmentedBarSegment, type SegmentedBarTone, Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectPortal, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps$2 as SeparatorProps, SettingsMenu, type SettingsMenuProps, SettingsRow, type SettingsRowProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetList, SheetPortal, type SheetProps, type SheetSnapPoint, SheetTitle, SheetTrigger, ShowMore, type ShowMoreProps, SideNav, type SideNavActiveVariant, SideNavGroup, type SideNavGroupProps, SideNavItem, type SideNavItemProps, type SideNavProps, type SideNavSize, Sidebar, SidebarBrand, type SidebarBrandProps, SidebarFooter, SidebarHeader, SidebarItem, type SidebarItemProps, SidebarNav, type SidebarProps, SimpleTooltip, Skeleton, SkipLink, Slider, SliderControl, SliderIndicator, SliderRoot, SliderThumb, SliderTrack, SliderValue, type SmoothWheelOptions, Sparkline, type SparklineProps, Spinner, type SpinnerProps, StatusBar, StatusBarGroup, StatusBarSeparator, StatusDot, type StatusDotProps, type StatusTone, type StepStatus, Stepper, StepperItem, type StepperItemProps, type StepperOrientation, type StepperProps, StreamingText, type StreamingTextProps, Switch, TRANSPARENT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsPanel as TabsContent, TabsList, TabsPanel, TabsTrigger, TextReveal, type TextRevealProps, Textarea, type TextareaProps, ThemeId, ThemeManifest, ThemeMode$1 as ThemeManifestMode, type ThemeMode, ThemePreview, type ThemePreviewProps, ThemeSelector, type ThemeSelectorProps, ThemeSwitcher, type ThemeSwitcherProps, ThinkingOrb, type ThinkingOrbProps, ToastAction, type ToastApi, ToastClose, ToastContent, ToastDescription, type ToastManagerApi, type ToastOptions, type ToastPosition, ToastProvider, type ToastProviderProps, ToastRoot, ToastTitle, type ToastType, ToastViewport, Toggle, ToggleGroup, type ToggleGroupAppearance, Toggle as ToggleGroupItem, Toolbar, ToolbarButton, type ToolbarButtonProps, ToolbarGroup, type ToolbarGroupProps, ToolbarInput, type ToolbarInputProps, ToolbarLink, type ToolbarLinkProps, type ToolbarProps, ToolbarSeparator, type ToolbarSeparatorProps, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Tree, TreeAddRow, TreeEmpty, TreeRow, TreeSection, type UseCaretTriggerOptions, type UseCaretTriggerResult, type UseCopyOptions, type UseCopyResult, type UseInViewOptions, type UsePanelWidthOptions, Video, type VideoProps, ViewTransitionName, type ViewTransitionNameProps, Workspace, WorkspaceBar, WorkspaceCanvas, accordionMeta, appHeaderMeta, appShellMeta, areaChartMeta, attachmentMeta, avatarGroupVariants, avatarMeta, avatarVariants, badgeMeta, badgeVariants, bannerMeta, bannerVariants, barChartMeta, bottomNavMeta, breadcrumbsMeta, browserMeta, bubbleMeta, buttonGroupMeta, buttonMeta, buttonVariants, calendarMeta, cardMeta, caretMenuMeta, carouselMeta, chartColor, toneColor as chartToneColor, chatComposerMeta, checkboxCardMeta, checkboxMeta, cn, codeBlockMeta, codeMeta, collapsibleMeta, colorFieldMeta, comboboxMeta, commandMenuMeta, componentGuidance, componentLabel, componentSlug, componentsInGroup, contextCardMeta, contextMenuMeta, dataTableMeta, datePickerMeta, dateTileMeta, destructiveActionModalMeta, dialogMeta, disclosurePickerMeta, emptyStateMeta, entityMeta, feedbackMeta, fieldsetMeta, fileDropzoneMeta, fileDropzoneVariants, fontPickerMeta, formMeta, formatFileSize, formatHex, glidingHighlightMeta, gradientArtMeta, hsvToRgb, hueColor, inlineStatusMeta, inputGroupMeta, inputMeta, isPaletteColor, isTransparent, kbdMeta, labelMeta, lineChartMeta, markerMeta, marqueeMeta, mediaImageMeta, mediaTileMeta, menuMeta, menubarMeta, messageMeta, messageScrollerMeta, meterIndicatorVariants, meterMeta, meterTrackVariants, middleTruncateMeta, navigationMenuMeta, noteMeta, noteVariants, notificationBadgeMeta, notificationCountVariants, notificationDotVariants, numberFieldMeta, otpFieldMeta, overflowMenuMeta, pageHeaderMeta, pageLoaderMeta, paginationMeta, panelGroupMeta, panelSectionMeta, parseHex, phoneMeta, pieChartMeta, pillMeta, pillVariants, popoverMeta, progressMeta, progressTrackVariants, radarChartMeta, radialChartMeta, radioCardMeta, radioMeta, relativeTimeMeta, rgbToHsv, scrollerMeta, scrubFieldMeta, searchInputMeta, sectionHeaderMeta, segmentedBarMeta, segmentedBarSegmentVariants, segmentedBarVariants, selectMeta, separatorMeta, settingsMenuMeta, sheetMeta, sheetVariants, showMoreMeta, sideNavMeta, sidebarMeta, skeletonMeta, sliderMeta, sparklineMeta, spinnerMeta, startViewTransition, statusBarMeta, statusDotMeta, statusDotVariants, stepperConnectorVariants, stepperIndicatorVariants, stepperMeta, streamingTextMeta, supportsViewTransitions, switchMeta, tableMeta, tabsMeta, textareaMeta, themeSelectorMeta, themeSwitcherMeta, thinkingOrbMeta, toast, toastMeta, toggleMeta, toolbarGroupVariants, toolbarMeta, toolbarSeparatorVariants, toolbarVariants, tooltipMeta, treeIndent, treeMeta, useAnchoredDensity, useCaretTrigger, useComboboxFilteredItems, useCommandMenuShortcut, useCopy, useDensity, useDisclosurePicker, useInView, useMotion, usePanelWidth, usePresentation, useReducedMotion, useScrollActivity, useSidebar, useSmoothWheel, useToast, useToastManager, useTypeTier, videoMeta, workspaceMeta };

package/dist/index.js

@@ -172,7 +172,7 @@ import {
 } from "./lib/use-caret-trigger.js";
 import { STATUS_TONES, STATUS_TONE_ICON } from "./lib/status-tone.js";
 import { PALETTE_COLORS, PALETTE_FAMILIES, PALETTE_SCALES, PALETTE_STEPS, PALETTE_TONES, isPaletteColor } from "./lib/palette.js";
-var SABLE_UI_VERSION = "0.13.0";
+var SABLE_UI_VERSION = "0.13.2";
 export {
   ART_TOKENS,
   CHART_SERIES_COUNT,

package/dist/{meta-DVG8ceze.d.ts → meta-DX5r5wQL.d.ts}

@@ -26,6 +26,14 @@ interface BestPracticeMeta {
     guidance: "do" | "dont";
     /** Short design guidance focused on when and how to use the component. */
     description: string;
+    /**
+     * On a "dont" only: what to reach for instead — component or subcomponent
+     * names, checked at build. Prose that names an alternative goes stale silently
+     * when that component is renamed; this does not, and it lets the CLI print a
+     * short "not for" list at compact detail. Leave it off when the remedy is a
+     * way of using this same component.
+     */
+    instead?: string[];
 }
 interface AnatomyMeta {
     /** Visible or structural part name, e.g. "Label", "Trigger", "Content". */

package/dist/patterns/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { P as PatternMeta } from '../meta-DVG8ceze.js';
+import { P as PatternMeta } from '../meta-DX5r5wQL.js';
 
 declare function AuthPage(): react.JSX.Element;
 

package/llms/components/accordion.md

@@ -15,7 +15,7 @@ Use Accordion to reveal a vertical set of related sections while keeping the sur
 - Do: Use concise trigger text that describes the content revealed below it.
 - Do: Keep section content focused so expanding one item does not feel like navigating to a new page.
 - Don't: Do not hide required fields, primary actions, or critical errors inside collapsed sections.
-- Don't: Do not nest an Accordion inside an Accordion. Two layers of roving focus fight each other, and the arrow keys become ambiguous — flatten the hierarchy or use a Tree.
+- Don't: Do not nest an Accordion inside an Accordion. Two layers of roving focus fight each other, and the arrow keys become ambiguous — flatten the hierarchy or use a Tree. → use **Tree**
 
 ### Anatomy
 

package/llms/components/badge.md

@@ -16,7 +16,7 @@ Use Badge for any short static label: metadata, categories, tone-coded labels, a
 - Do: Use tone variants when the badge carries meaning, such as success, warning or destructive, or a decorative tone for a category or plan.
 - Do: Pair icons with text; the icon reinforces meaning but should not be the only cue.
 - Do: Choose appearance and tone separately: appearance is how loud it is (soft by default, solid for emphasis, overlay on images, plain for a status line); tone is what it means.
-- Don't: Use a Badge as a button. If it triggers an action, use Button, Toggle, or a menu item.
+- Don't: Use a Badge as a button. If it triggers an action, use Button, Toggle, or a menu item. → use **Button**, **Toggle**
 - Don't: Stack many loud tone badges in one row; too many semantic colors compete with the actual content.
 
 ### Anatomy

package/llms/components/banner.md

@@ -16,8 +16,8 @@ Use Banner for page-level or app-level messages that affect the current experien
 - Do: Set live='polite' or live='assertive' only when the banner appears or changes dynamically.
 - Do: Include one clear action when the user can resolve or inspect the state.
 - Don't: Use multiple stacked solid banners unless the page is genuinely blocked by multiple independent states.
-- Don't: Use Banner for field-level validation, row status, or small local hints; use Field, InlineStatus, or Badge instead.
-- Don't: Use Banner inside a dialog, a form, or a section to qualify the content around it — that is Note. Banner is a full-width announcement strip for page- or app-level state, so in a modal it reads as a slab heavier than the fields it warns about, and its soft appearance has no border and no tone-colored icon: the severity survives only as a faint wash.
+- Don't: Use Banner for field-level validation, row status, or small local hints; use Field, InlineStatus, or Badge instead. → use **InlineStatus**, **Badge**
+- Don't: Use Banner inside a dialog, a form, or a section to qualify the content around it — that is Note. Banner is a full-width announcement strip for page- or app-level state, so in a modal it reads as a slab heavier than the fields it warns about, and its soft appearance has no border and no tone-colored icon: the severity survives only as a faint wash. → use **Note**
 
 ### Anatomy
 

package/llms/components/button-group.md

@@ -16,7 +16,7 @@ Use ButtonGroup when one action has close alternatives (Copy page, with Open in
 - Do: For a split button, put the main action first and a Menu whose trigger is the chevron Button second, with an aria-label on the trigger ("More page actions").
 - Do: Name the group with aria-label when the buttons alone do not say what they act on.
 - Don't: Do not round or border the children yourself to make them meet; that is the group's job, and an override breaks under a theme's button shape.
-- Don't: Do not use it for a selection that stays on. That is ToggleGroup, which carries the pressed state.
+- Don't: Do not use it for a selection that stays on. That is ToggleGroup, which carries the pressed state. → use **ToggleGroup**
 
 ## Props
 

package/llms/components/checkbox.md

@@ -14,7 +14,7 @@ Use Checkbox for independent boolean choices or for selecting multiple options i
 
 - Do: Use Checkbox when each option can be toggled independently.
 - Do: Attach a visible label that explains the consequence of checking the control.
-- Don't: Do not use Checkbox for mutually exclusive choices; use Radio or Select instead.
+- Don't: Do not use Checkbox for mutually exclusive choices; use Radio or Select instead. → use **Radio**, **Select**
 - Don't: Do not use it without a label or an aria-label. An 18px square with no accessible name is announced as just "checkbox", which tells a screen-reader user nothing about what they are agreeing to.
 - Don't: Do not phrase the label as a negative, such as "Don't send read receipts". Paired with an unchecked box it becomes a double negative the reader has to solve before they can answer. Label the state being turned on.
 

package/llms/components/collapsible.md

@@ -14,7 +14,7 @@ Use Collapsible for a single piece of optional content that can expand in place.
 
 - Do: Use it for local detail, advanced settings, or secondary context.
 - Do: Make the trigger label describe the hidden content, not the mechanism.
-- Don't: Do not use Collapsible for multi-section navigation; use Accordion or Tabs instead.
+- Don't: Do not use Collapsible for multi-section navigation; use Accordion or Tabs instead. → use **Accordion**, **Tabs**
 - Don't: Do not animate it by transitioning height from auto. Use the motion-disclosure recipe, which transitions to the measured panel height — `auto` does not animate and the panel will snap.
 
 ### Anatomy

package/llms/components/combobox.md

@@ -18,8 +18,8 @@ Use Combobox when users choose from a list that benefits from typing, filtering,
 - Do: Wrap in Field when the combobox is part of a form.
 - Do: Reach for ComboboxVirtualList past roughly a thousand rows, and leave filtering to the root. It reads the filtered list through useFilteredItems(), so the rendered rows and the rows Base UI navigates cannot drift apart.
 - Do: Use `multiple` with ComboboxChips for several values from a filterable set, and keep chip labels short so the field does not turn into a paragraph.
-- Don't: Use Combobox for tiny option sets where Select or Radio would be easier to scan.
-- Don't: Use Combobox as a command launcher. Use CommandMenu for actions and navigation.
+- Don't: Use Combobox for tiny option sets where Select or Radio would be easier to scan. → use **Select**, **Radio**
+- Don't: Use Combobox as a command launcher. Use CommandMenu for actions and navigation. → use **CommandMenu**
 - Don't: Take filtering over with filteredItems in order to virtualize. Base UI ignores filteredItems while the untouched field still holds the selected item's label, so the list you render and the list it indexes diverge — and the symptom is clicking one row and getting another.
 
 ### Anatomy

package/llms/components/command-menu.md

@@ -20,9 +20,9 @@ Use CommandMenu for global or contextual keyboard-driven actions: navigation, cr
 - Do: List a command the user cannot currently run as disabled with the reason in hint, rather than filtering it away. A palette that hides what you cannot do teaches you nothing about why.
 - Do: Resize the list with listClassName rather than reaching past className into the palette's DOM. className is the dialog surface; listClassName is the Scroller that actually scrolls.
 - Do: Use CommandMenuPanel when the palette lives in the page: a sidebar launcher, a settings search, a demo. It takes the same items, filter, query and children, and keeps the same keyboard model; it is a static card, so it does not trap focus or take it on mount, and Esc clears the query instead of closing anything.
-- Don't: Hand-style a <button> to look like a search field, or put a SearchInput in the header that opens a dialog when focused. The first drifts from the field it imitates; the second is a text box you cannot type in. A header search that opens the palette is CommandMenuTrigger.
-- Don't: Use CommandMenu as a replacement for every dropdown. Simple choices belong in Select, Menu, or Tabs.
-- Don't: Hand-build a palette mock from a search glyph, a row of buttons and a highlight. That is CommandMenuPanel, and the hand-built one has no combobox, no filtering and no keyboard model.
+- Don't: Hand-style a <button> to look like a search field, or put a SearchInput in the header that opens a dialog when focused. The first drifts from the field it imitates; the second is a text box you cannot type in. A header search that opens the palette is CommandMenuTrigger. → use **CommandMenuTrigger**
+- Don't: Use CommandMenu as a replacement for every dropdown. Simple choices belong in Select, Menu, or Tabs. → use **Select**, **Menu**, **Tabs**
+- Don't: Hand-build a palette mock from a search glyph, a row of buttons and a highlight. That is CommandMenuPanel, and the hand-built one has no combobox, no filtering and no keyboard model. → use **CommandMenuPanel**
 - Don't: Dump every app route and action into one uncurated list. Keep the palette opinionated.
 - Don't: Rebuild the combobox over Dialog to get consumer-owned ranking. query/onQueryChange and filter are that seam; the keyboard model, activedescendant wiring, and result-count live region come with them.
 

package/llms/components/context-card.md

@@ -15,7 +15,7 @@ Use ContextCard to show richer contextual content near a trigger without taking
 - Do: Use it for previews, summaries, or supporting context tied to a specific element.
 - Do: Keep the card read-only and make the trigger the action: it is a real link to the full profile or item. Keyboard users cannot reach a button inside the card, because moving focus off the trigger closes it. If the preview needs an action (Follow, Add), use a Popover instead.
 - Don't: Do not put critical decisions, long forms, or required workflow steps inside ContextCard.
-- Don't: Do not open it on click. It is a hover/focus preview; making it click-triggered gives you a Popover with no dismiss affordance and no way to reach the content it previews.
+- Don't: Do not open it on click. It is a hover/focus preview; making it click-triggered gives you a Popover with no dismiss affordance and no way to reach the content it previews. → use **Popover**
 
 ### Anatomy
 

package/llms/components/dialog.md

@@ -18,10 +18,10 @@ Use Dialog for focused decisions, short modal forms, confirmations, and content
 - Do: In a destructive confirmation, state the consequence in DialogDescription ("This is permanent.") and reserve the destructive button variant for actions that cannot be undone.
 - Do: Use size="fullscreen" when an image, video, or gallery needs a larger view than the layout can give it. Give the popup an accessible name (aria-label on DialogContent, or a visually hidden DialogTitle) and alt text on the media.
 - Do: Use the AlertDialog family for a confirmation that must be answered (discard changes, leave without saving). It looks identical but is role="alertdialog" and a backdrop click does not dismiss it — only Cancel, Esc, or the action. For irreversible deletes, use DestructiveActionModal, which is built on it.
-- Don't: Put large multipage workflows in a centered dialog. Use Sheet or a page route when the task needs space.
-- Don't: Use size="fullscreen" for forms, confirmations, or anything that isn't media. A dialog that happens to need room is a Sheet or a page; the fullscreen affordances (dark scrim, corner close, centred content) all assume something to look at.
+- Don't: Put large multipage workflows in a centered dialog. Use Sheet or a page route when the task needs space. → use **Sheet**
+- Don't: Use size="fullscreen" for forms, confirmations, or anything that isn't media. A dialog that happens to need room is a Sheet or a page; the fullscreen affordances (dark scrim, corner close, centred content) all assume something to look at. → use **Sheet**
 - Don't: Hide the close button at size="fullscreen" without another visible way out. A full-bleed viewer that only Esc dismisses is a dead end for anyone who doesn't know the key.
-- Don't: Open a dialog for passive status updates. Use Toast, Banner, or InlineStatus instead.
+- Don't: Open a dialog for passive status updates. Use Toast, Banner, or InlineStatus instead. → use **Toast**, **Banner**, **InlineStatus**
 
 ### Anatomy
 

package/llms/components/disclosure-picker.md

@@ -19,7 +19,7 @@ Use DisclosurePicker for one-of-many choices in a docked panel or inspector wher
 - Do: Use it for a choice with a cost — one that opens a confirm, loads something, or resets other settings. Arrow keys only move focus; onValueChange fires once, on Enter, Space or a click, and only when the pick differs from `value`.
 - Do: Give options a leading visual with `media` (a ThemePreview tile, a swatch) instead of nesting another component's list: ThemeSelector's radio list applies each theme as the arrow keys land on it, which defeats commit-on-Enter. A list the picker cannot express (a Tree) can still close the row with `useDisclosurePicker().close()`.
 - Do: Render DisclosurePickerEmpty in place of the list when a search matches nothing, not inside it — a listbox holds only options.
-- Don't: Use it in a page-register form. A form field that pushes the form down on open reads as a layout jump; that is Select's job.
+- Don't: Use it in a page-register form. A form field that pushes the form down on open reads as a layout jump; that is Select's job. → use **Select**
 - Don't: Rebuild the row from a Collapsible with hand-copied classes. The disclosure, the well, the hover step, the xs field shell, focus return and scroll-into-view all live here; two hand copies of this row in one panel is how it came to exist.
 - Don't: Turn search on for a short list just because the other rows have it. A search field over six options is a control with nothing to do.
 

package/llms/components/inline-status.md

@@ -14,7 +14,7 @@ Use InlineStatus for short state messages placed near the thing they describe.
 
 - Do: Use it beside inputs, rows, actions, or settings that need local status.
 - Do: Keep the message brief and pair color with text.
-- Don't: Do not use InlineStatus for global announcements or page-level alerts.
+- Don't: Do not use InlineStatus for global announcements or page-level alerts. → use **Banner**
 - Don't: Do not use tone as the only signal. Colour alone fails for colour-blind users — the leading icon is what carries the meaning, so never hide it.
 
 ## Props

package/llms/components/menu.md

@@ -16,7 +16,7 @@ Use Menu for a compact list of actions opened from a visible trigger.
 - Do: Keep item labels action-oriented and easy to scan.
 - Do: Inside a <Workspace> a Menu adapts automatically — its popup re-applies the compact density across the portal, so items render on the chrome type tier and the control ladder resolves to workspace sizes. Do NOT override the size per call site; that was necessary before v0.41 and is now drift.
 - Don't: Do not use Menu for complex forms, persistent navigation, or arbitrary rich content.
-- Don't: Do not build a Select out of it. A menu fires actions and has no value; a Select holds one and reports changes. Swapping them loses form semantics and keyboard type-ahead.
+- Don't: Do not build a Select out of it. A menu fires actions and has no value; a Select holds one and reports changes. Swapping them loses form semantics and keyboard type-ahead. → use **Select**
 
 ### Anatomy
 

package/llms/components/menubar.md

@@ -16,7 +16,7 @@ Use Menubar for a tool or editor whose commands are too many for a toolbar and b
 - Do: Name the bar with aria-label ("Editor") so it is announced as the application's menus, not a list of buttons.
 - Do: Keep titles to one short word each. A reader scans a menubar left to right; a phrase in the bar is a toolbar button.
 - Don't: Do not use MenubarTrigger outside a Menubar, or a plain MenuTrigger inside one. The bar's arrow keys and hover-to-switch work on the triggers it owns; a Button trigger in the bar looks like a menu title and behaves like a stray button.
-- Don't: Do not use a menubar for site navigation. Its items are commands in menus (role=menuitem), not links between pages.
+- Don't: Do not use a menubar for site navigation. Its items are commands in menus (role=menuitem), not links between pages. → use **NavigationMenu**
 
 ### Anatomy
 

package/llms/components/meter.md

@@ -15,7 +15,7 @@ Use Meter to show a static measurement against a known maximum — storage used,
 - Do: Label it and show the reading in units people use ("7.2 of 10 GB"), with MeterLabel and MeterValue. The bar shows proportion; the number is what gets acted on.
 - Do: Pick `tone` from thresholds you own and apply them consistently across the page — warning near the limit, destructive at or over it. The component does not guess where good becomes bad.
 - Do: Use shape="ring" when the reading is a score that belongs in a small, glanceable spot on a card. It is the same measurement drawn as a circular gauge, not a different component.
-- Don't: Do not use Meter for a task in flight — an upload, an install, a step count. That is Progress; Meter tells assistive tech nothing is happening.
+- Don't: Do not use Meter for a task in flight — an upload, an install, a step count. That is Progress; Meter tells assistive tech nothing is happening. → use **Progress**
 - Don't: Do not use it for a value without a meaningful maximum (followers, total spend). A bar implies a full scale; an unbounded count is a stat.
 
 ### Anatomy

package/llms/components/note.md

@@ -16,7 +16,7 @@ Use Note for helpful supporting information that should sit near the relevant co
 - Do: Reach for Note rather than Banner when the message qualifies something on the page — a warning inside a dialog, a caveat above a submit button. Banner is a full-width announcement strip for page- or app-level state; inside a form it reads as a slab, and its soft fill carries no border or tone-colored icon, so the severity stops being visible.
 - Do: Keep tone calm and concise so the note does not compete with primary content.
 - Do: When the reader can resolve the state, pass `action` rather than putting a Button in children. The prop is data — label plus handler — so the callout owns the placement and weight; a Button dropped into children inherits neither, floats in the box's padding, and (in `secondary`) punches a near-background hole in the tone fill.
-- Don't: Do not use Note for state the whole page or app is in (an outage, an offline session, a blocked account) — that is Banner — or for a message tied to one field, which is the field's own error text.
+- Don't: Do not use Note for state the whole page or app is in (an outage, an offline session, a blocked account) — that is Banner — or for a message tied to one field, which is the field's own error text. → use **Banner**
 - Don't: Do not give a Note two actions. One remedy reads as the sentence's next move; two make it a decision point, which is a Dialog's job.
 - Don't: Do not stack several in a row. Three notes together are a wall of asides; if everything is called out, nothing is.
 

package/llms/components/page-loader.md

@@ -14,7 +14,7 @@ Use PageLoader for full-route or full-page pending states where the entire view
 
 - Do: Use it during route transitions, auth checks, or initial data loading.
 - Do: Prefer a clear page-level message when the wait may take noticeable time.
-- Don't: Do not use PageLoader for small inline waits; use Spinner, an indeterminate Progress, or Skeleton.
+- Don't: Do not use PageLoader for small inline waits; use Spinner, an indeterminate Progress, or Skeleton. → use **Spinner**, **Progress**, **Skeleton**
 - Don't: Do not leave it mounted if the route's data can fail. It covers the whole viewport, so a PageLoader that never resolves is indistinguishable from a hung application — always give it a failure path.
 
 ## Props

package/llms/components/pill.md

@@ -14,7 +14,7 @@ Use Pill for a row of filters or choices a person clicks to narrow or toggle wha
 
 - Do: Use short text that names the filter or choice.
 - Do: Reflect the current choice with selected, so the active filter reads at a glance.
-- Don't: Do not use Pill as a static label. A pressable-looking chip that does nothing is the most common cause of dead clicks in a filter row — that is a Badge.
+- Don't: Do not use Pill as a static label. A pressable-looking chip that does nothing is the most common cause of dead clicks in a filter row — that is a Badge. → use **Badge**
 - Don't: Do not use Pill for primary actions or important system status.
 - Don't: Do not restyle a Pill with border or background classes to get a quieter chip. That is appearance="outline" (and size="sm" for a small one); an override is a look that exists nowhere else in the system.