@sableui/react 0.11.0 → 0.13.0

package/dist/components/sidebar/sidebar.meta.js

@@ -20,6 +20,10 @@ var sidebarMeta = {
         guidance: "do",
         description: "Keep item labels predictable and active state obvious."
       },
+      {
+        guidance: "do",
+        description: `Set surface="page" when a full-width top bar sits above the rail. A theme's tinted or dark rail is for a full-height rail that frames the app.`
+      },
       {
         guidance: "dont",
         description: "Do not use Sidebar for page-local settings, filters, or temporary action groups."
@@ -67,6 +71,12 @@ var sidebarMeta = {
       type: '"app" | "inline"',
       default: '"app"',
       description: `Where the rail lives. "app" is the page's chrome column \u2014 sticky, full viewport height, hidden below lg where AppHeader + BottomNav take over. "inline" is always visible and fills its parent's height, for a rail inside a bounded frame (a nested shell, an embedded preview). Use it instead of overriding the layout with !important classes.`
+    },
+    {
+      name: "surface",
+      type: '"rail" | "page"',
+      default: '"rail"',
+      description: `Which surface the rail is painted on. "rail" is its own --sidebar-* surface with a border \u2014 right for a full-height rail that frames the app, which a theme may tint or paint dark. "page" uses the page's surface and ink with no border \u2014 use it when a full-width header sits above the rail, where a tinted column starting under a page-coloured bar reads as pasted on. Use it instead of overriding bg-/text- classes, which the rail's re-pointed tokens defeat.`
     }
   ],
   subcomponents: [

package/dist/components/streaming-text/streaming-text.meta.js

@@ -17,6 +17,10 @@ var streamingTextMeta = {
   usage: {
     description: "Use StreamingText for text whose final length is unknown while it renders \u2014 a model's answer, a live transcript, a log line being written. It is the counterpart to ThinkingOrb and Spinner: those cover the wait BEFORE the first token, this covers the arrival of the tokens themselves.",
     bestPractices: [
+      {
+        guidance: "do",
+        description: "In a chat, read `sable docs building-a-chat`: one status drives `streaming` and the composer, a regenerated answer takes a new key (the text is append-only), and the finished turn is announced once."
+      },
       {
         guidance: "do",
         description: "Grow `text` and let the component do the rest. It assumes an append-only string and keys units by index, so React mounts only the new spans \u2014 re-rendering a longer string animates what was added and leaves what the reader has already read alone."
@@ -134,7 +138,7 @@ var streamingTextMeta = {
     },
     {
       label: "Inside a message, with the wait reported elsewhere",
-      code: '<Message role="assistant"><StreamingText text={answer} streaming={pending} caret={false} /></Message>'
+      code: '<Message align="start"><StreamingText text={answer} streaming={pending} caret={false} /></Message>'
     },
     {
       label: "A headline resolving character by character",

package/dist/file-hashes.json

@@ -86,7 +86,7 @@
 	"dist/components/accordion/accordion.meta.js": "27e6d68cdcd712bf",
 	"dist/components/accordion/index.js": "4181a2720d5c1ed8",
 	"dist/components/app-header/app-header.js": "2149806a151306c4",
-	"dist/components/app-header/app-header.meta.js": "7a4356d873b35cfa",
+	"dist/components/app-header/app-header.meta.js": "04631f9c2069f30d",
 	"dist/components/app-header/index.js": "012804273e56f06d",
 	"dist/components/app-shell/app-shell-dock.js": "1038582b11567a8a",
 	"dist/components/app-shell/app-shell.js": "88d2d0d1f4e11374",
@@ -128,21 +128,27 @@
 	"dist/components/bubble/bubble.meta.js": "2202d4226cf79eb6",
 	"dist/components/bubble/bubble.variants.js": "b1eefabd9f0bb425",
 	"dist/components/bubble/index.js": "dfdc5326d5050d12",
-	"dist/components/button/button.js": "95d4cea99b77a48f",
-	"dist/components/button/button.meta.js": "b45bc1cb44ef7524",
-	"dist/components/button/button.variants.js": "d3054d6389644df0",
+	"dist/components/button/button.js": "c3d57dabeee94990",
+	"dist/components/button/button.meta.js": "8972a71ff7170be4",
+	"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/index.js": "a1482195b53540a9",
 	"dist/components/calendar/calendar.js": "91321f1ea8843a11",
 	"dist/components/calendar/calendar.meta.js": "46565db6017d2706",
 	"dist/components/calendar/index.js": "24c1d513b60c972a",
 	"dist/components/card/card.js": "9ea5722d3868168e",
 	"dist/components/card/card.meta.js": "ab19a3997b8aa236",
 	"dist/components/card/index.js": "d6b4b33cd2a0c862",
+	"dist/components/caret-menu/caret-menu.js": "3ea194b793cd774d",
+	"dist/components/caret-menu/caret-menu.meta.js": "e9365432a7403727",
+	"dist/components/caret-menu/index.js": "abc41e9b511572ba",
 	"dist/components/carousel/carousel.js": "09aef818b8130d57",
 	"dist/components/carousel/carousel.meta.js": "d45f0086b2e40632",
 	"dist/components/carousel/index.js": "9d9db1999398f016",
-	"dist/components/chat-composer/chat-composer.js": "1fb61ec14bdee818",
-	"dist/components/chat-composer/chat-composer.meta.js": "6a079fe1b67810a2",
+	"dist/components/chat-composer/chat-composer.js": "45437e050dc86f5d",
+	"dist/components/chat-composer/chat-composer.meta.js": "b8c273471cf447dc",
 	"dist/components/chat-composer/chat-composer.variants.js": "aa94357c732410fe",
 	"dist/components/chat-composer/index.js": "cee4f58e29e4d1b8",
 	"dist/components/checkbox/checkbox-mark.js": "751f08c4857553a6",
@@ -167,7 +173,7 @@
 	"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": "38ef70bf96a3cf87",
+	"dist/components/combobox/combobox.meta.js": "f9a7fca96124a1f5",
 	"dist/components/combobox/index.js": "f8f9863cf4f7e59b",
 	"dist/components/command-menu/command-menu-trigger.js": "30b1606fb611c758",
 	"dist/components/command-menu/command-menu.js": "3478c25118653d88",
@@ -234,6 +240,9 @@
 	"dist/components/input/index.js": "0602bacd594a6588",
 	"dist/components/input/input.js": "dad88bb52b506be7",
 	"dist/components/input/input.meta.js": "641f89cec326d146",
+	"dist/components/input-group/index.js": "d7f09bb640a3dd88",
+	"dist/components/input-group/input-group.js": "ed76de785b8dde8d",
+	"dist/components/input-group/input-group.meta.js": "010b1f7c5e1b7393",
 	"dist/components/kbd/index.js": "7e0ea0a086970f05",
 	"dist/components/kbd/kbd.js": "b729d6864235e857",
 	"dist/components/kbd/kbd.meta.js": "d7106a99b21ed88d",
@@ -257,16 +266,19 @@
 	"dist/components/media-tile/media-tile.js": "faf79c27ec15c8d4",
 	"dist/components/media-tile/media-tile.meta.js": "6a21970f9b463812",
 	"dist/components/media-tile/media-tile.variants.js": "e22c08004b4a55ad",
-	"dist/components/menu/index.js": "44a0f949be1272fb",
-	"dist/components/menu/menu.js": "55d24cd48752830a",
-	"dist/components/menu/menu.meta.js": "9c9eb7555c0aad95",
+	"dist/components/menu/index.js": "c368589e92d3a189",
+	"dist/components/menu/menu.js": "0d0644a26ea5ef11",
+	"dist/components/menu/menu.meta.js": "7c496951b7b46e8d",
+	"dist/components/menubar/index.js": "4e0c7717fa9f2a4d",
+	"dist/components/menubar/menubar.js": "7177568e95c22fd1",
+	"dist/components/menubar/menubar.meta.js": "3d04ce64d3f76bbb",
 	"dist/components/message/index.js": "6eff37ab509945d7",
 	"dist/components/message/message.js": "43eb2b93d5d4c85b",
 	"dist/components/message/message.meta.js": "5b47760e0d5d8e7b",
 	"dist/components/message/message.variants.js": "43140c25df8144c9",
 	"dist/components/message-scroller/index.js": "0c3030a5284b8f11",
 	"dist/components/message-scroller/message-scroller.js": "3d5013f07d84cf94",
-	"dist/components/message-scroller/message-scroller.meta.js": "39d5bb5a25f9c271",
+	"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",
@@ -274,6 +286,9 @@
 	"dist/components/middle-truncate/index.js": "3aac7092bb36f768",
 	"dist/components/middle-truncate/middle-truncate.js": "35dc672f46f0548e",
 	"dist/components/middle-truncate/middle-truncate.meta.js": "ec3944db80b4cdec",
+	"dist/components/navigation-menu/index.js": "fdacd9f2a017a242",
+	"dist/components/navigation-menu/navigation-menu.js": "8028505c4427bc93",
+	"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",
@@ -290,7 +305,7 @@
 	"dist/components/otp-field/otp-field.meta.js": "2a389c84821be558",
 	"dist/components/overflow-menu/index.js": "88faa47999bd9bb0",
 	"dist/components/overflow-menu/overflow-menu.js": "ae21a09facac6c64",
-	"dist/components/overflow-menu/overflow-menu.meta.js": "318e4e7d2dea4888",
+	"dist/components/overflow-menu/overflow-menu.meta.js": "d53fec5c53db5035",
 	"dist/components/page-header/index.js": "e4da1f42473e10d1",
 	"dist/components/page-header/page-header.js": "6dc82f8bd222c2f5",
 	"dist/components/page-header/page-header.meta.js": "94dba3334f2cfb47",
@@ -298,8 +313,8 @@
 	"dist/components/page-loader/page-loader.js": "39eb2d9a5747c950",
 	"dist/components/page-loader/page-loader.meta.js": "d500c78e4c4abc36",
 	"dist/components/pagination/index.js": "9114303fc4edb947",
-	"dist/components/pagination/pagination.js": "c5dee297a806fd17",
-	"dist/components/pagination/pagination.meta.js": "229fd26125fe79d2",
+	"dist/components/pagination/pagination.js": "1220c9e09285601e",
+	"dist/components/pagination/pagination.meta.js": "d4b190da016cf9c8",
 	"dist/components/panel-group/index.js": "8589d6450207f608",
 	"dist/components/panel-group/panel-group.js": "c473a2d520fe8261",
 	"dist/components/panel-group/panel-group.meta.js": "01aa9dd4ecaa2f51",
@@ -341,8 +356,8 @@
 	"dist/components/relative-time/relative-time.js": "db5cd286b36dee74",
 	"dist/components/relative-time/relative-time.meta.js": "fd6fa79f90866436",
 	"dist/components/scroller/index.js": "5b5eaa71b2a37955",
-	"dist/components/scroller/scroller.js": "dc35a357b38f034e",
-	"dist/components/scroller/scroller.meta.js": "d5d3ea19d464167b",
+	"dist/components/scroller/scroller.js": "7ebcdf887e488fed",
+	"dist/components/scroller/scroller.meta.js": "65b0e7a19ed213e7",
 	"dist/components/scrub-field/index.js": "55897d7e280ea547",
 	"dist/components/scrub-field/scrub-field.js": "1f6ebbdd1e7b0d64",
 	"dist/components/scrub-field/scrub-field.meta.js": "2198ddc56bd6ab4b",
@@ -367,9 +382,9 @@
 	"dist/components/settings-menu/settings-menu.meta.js": "46bdda712ce13d85",
 	"dist/components/settings-menu/settings-menu.variants.js": "1eefc629793ed7b3",
 	"dist/components/sheet/index.js": "b19aacba55e7de80",
-	"dist/components/sheet/sheet.js": "61e0c11831dfa940",
-	"dist/components/sheet/sheet.meta.js": "26aa431a483ba8b4",
-	"dist/components/sheet/sheet.variants.js": "672d2fd7f746bd57",
+	"dist/components/sheet/sheet.js": "54a4187480a655f7",
+	"dist/components/sheet/sheet.meta.js": "d06c63e65d9c6d74",
+	"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",
@@ -378,8 +393,8 @@
 	"dist/components/side-nav/side-nav.meta.js": "699c87a4a2e75de7",
 	"dist/components/side-nav/side-nav.variants.js": "267eda3fb3a91034",
 	"dist/components/sidebar/index.js": "eac0c8742dcaae4d",
-	"dist/components/sidebar/sidebar.js": "4e322566c351e717",
-	"dist/components/sidebar/sidebar.meta.js": "6b36badb9f0dc61f",
+	"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",
@@ -405,7 +420,7 @@
 	"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": "cd5424c27532f7e3",
+	"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",
@@ -470,9 +485,9 @@
 	"dist/icon-sets/brands.generated.js": "901e198df0563b0b",
 	"dist/icon-sets/brands.js": "9a37d8739f14f2a9",
 	"dist/icon-sets/reicon.d.ts": "52f6e41dc8137b4e",
-	"dist/icon-sets/reicon.js": "89a930f17cc90cde",
-	"dist/index.d.ts": "798dee76b8ecf0a4",
-	"dist/index.js": "245552095995fc9c",
+	"dist/icon-sets/reicon.js": "9ec7d3b714c57172",
+	"dist/index.d.ts": "933e9604a361c5af",
+	"dist/index.js": "ff3e1234cfdff10a",
 	"dist/ios/chrome.css": "a7ca9e3735d8658e",
 	"dist/ios/chrome.js": "37091fef7b68bd28",
 	"dist/ios/frame.css": "dd2703c944ce575a",
@@ -527,7 +542,7 @@
 	"dist/lib/hit-target.js": "b2ad19bc6d3271e0",
 	"dist/lib/is-promise.js": "cc36f1bd7d4d4461",
 	"dist/lib/meta.js": "e3b0c44298fc1c14",
-	"dist/lib/palette.js": "16ac07eaf2bec901",
+	"dist/lib/palette.js": "3665b25d31bae763",
 	"dist/lib/portal-theme-scope.js": "2c0d22d961e51174",
 	"dist/lib/presentation.js": "8e4f69cd7205bd55",
 	"dist/lib/refs.js": "e6f9ac5875431c2f",
@@ -535,14 +550,15 @@
 	"dist/lib/segmented.js": "43c21955f7f3ae33",
 	"dist/lib/selection-card.js": "43c49c8c51dde54c",
 	"dist/lib/status-tone.js": "61f0a8bb4fb9c7d6",
-	"dist/lib/taxonomy.js": "a39f0bed44ae966d",
+	"dist/lib/taxonomy.js": "bdef831cb99ce935",
 	"dist/lib/trim-label.js": "9998d45e03c95515",
-	"dist/lib/use-copy.js": "4e9caedd7922dfe4",
+	"dist/lib/use-caret-trigger.js": "85839ca42e5540de",
+	"dist/lib/use-copy.js": "5cf22621e4d5e83b",
 	"dist/lib/use-edge-fade.js": "392e8c33f072fd21",
 	"dist/lib/use-isomorphic-layout-effect.js": "8b93c47e9f069454",
 	"dist/lib/use-resize-observer.js": "4f08e280d64be22c",
 	"dist/lib/use-scroll-activity.js": "793394a8c952e697",
-	"dist/lib/use-wheel-to-horizontal.js": "5f886b1033db9129",
+	"dist/lib/use-smooth-wheel.js": "9fd10f864eb40325",
 	"dist/meta-DVG8ceze.d.ts": "60cdb0adc726bc03",
 	"dist/motion/MotionProvider.js": "feeab4e6ce816a5e",
 	"dist/motion/Presence.js": "21fc6f1c68207718",
@@ -552,13 +568,13 @@
 	"dist/motion/useInView.js": "6136ad61107db838",
 	"dist/motion/useReducedMotion.js": "ae7c093aac26e254",
 	"dist/motion/viewTransition.js": "8c0b37b9c412cdd2",
-	"dist/palette.css": "ab718659648331d2",
+	"dist/palette.css": "9d7dc655c3d06ac0",
 	"dist/patterns/auth-page.js": "c12f29a82f829a16",
 	"dist/patterns/auth-page.meta.js": "3053eb95f025fd27",
 	"dist/patterns/brand-landing-page.js": "97554ec5c5c36e73",
 	"dist/patterns/brand-landing-page.meta.js": "4483ca25391e53cd",
-	"dist/patterns/chat-panel.js": "5c8b349c70bef095",
-	"dist/patterns/chat-panel.meta.js": "6ab6e815a336a977",
+	"dist/patterns/chat-panel.js": "f4597a28521c26df",
+	"dist/patterns/chat-panel.meta.js": "a435a08964f40f79",
 	"dist/patterns/dashboard-page.js": "82a56a2d61381ff0",
 	"dist/patterns/dashboard-page.meta.js": "afa1ab16823686d0",
 	"dist/patterns/feed-page.js": "6c34ebf590eb51df",
@@ -574,7 +590,7 @@
 	"dist/presets/index.d.ts": "605f8edf5746ab3e",
 	"dist/presets/index.js": "a911222560939d60",
 	"dist/registry-CyL28OzJ.d.ts": "b068fc89571517d8",
-	"dist/styles.css": "1fd4c3d97d982c36",
+	"dist/styles.css": "302f154ca84ad11b",
 	"dist/theme-provider-CdSicAad.d.ts": "a37d38f7e3c64d31",
 	"dist/themes/_contract.js": "bc864a86d4cdbe1c",
 	"dist/themes/atelier/atelier.css": "cf7630ead6409242",

package/dist/icon-sets/reicon.js

@@ -19,6 +19,7 @@ import { ChevronDown } from "reicon-react/icons/ChevronDown";
 import { ChevronLeft } from "reicon-react/icons/ChevronLeft";
 import { ChevronRight } from "reicon-react/icons/ChevronRight";
 import { ArrowUp } from "reicon-react/icons/ArrowUp";
+import { ArrowUpRight } from "reicon-react/icons/ArrowUpRight";
 import { ChevronUp } from "reicon-react/icons/ChevronUp";
 import { Comment } from "reicon-react/icons/Comment";
 import { Component2 } from "reicon-react/icons/Component2";
@@ -104,6 +105,7 @@ var ICONS = {
   "chevron-down": ChevronDown,
   "chevron-up": ChevronUp,
   "arrow-up": ArrowUp,
+  "arrow-up-right": ArrowUpRight,
   "chevron-left": ChevronLeft,
   "chevron-right": ChevronRight,
   expand: Expand,