@sableui/react 0.10.0 → 0.12.0

package/dist/components/sheet/sheet.meta.js

@@ -8,7 +8,10 @@ var sheetMeta = {
     "drawer",
     "side panel",
     "overlay",
-    "swipe to dismiss"
+    "swipe to dismiss",
+    "bottom sheet",
+    "snap points",
+    "detents"
   ],
   usage: {
     description: "Use Sheet for secondary workflows that slide in while preserving context from the underlying page.",
@@ -21,6 +24,10 @@ var sheetMeta = {
         guidance: "do",
         description: "Include clear title, close path, and footer actions for task-oriented sheets."
       },
+      {
+        guidance: "do",
+        description: "Give a bottom sheet snap points when it shows a summary first and detail on demand (a map result, a now-playing panel): `snapPoints={[0.4, 1]}`. The first stop is where it opens; put what matters at that height, because the rest is a drag away."
+      },
       {
         guidance: "dont",
         description: "Do not use Sheet for simple confirmations or deeply nested workflows."
@@ -83,15 +90,39 @@ var sheetMeta = {
   props: [
     {
       name: "Sheet (Root)",
-      type: "Base UI Drawer.Root props (open, defaultOpen, onOpenChange, onOpenChangeComplete, modal, disablePointerDismissal, actionsRef, handle) \u2014 minus swipeDirection and snap points",
+      type: "Base UI Drawer.Root props (open, defaultOpen, onOpenChange, onOpenChangeComplete, modal, disablePointerDismissal, actionsRef, handle, snapPoints, snapPoint, defaultSnapPoint, onSnapPointChange, snapToSequentialPoints) \u2014 minus swipeDirection",
       description: `Controls open state. Uncontrolled by default. The dismiss swipe direction is not a prop: it follows SheetContent's side. onOpenChange reports reason "swipe" when a swipe closed it.`
+    },
+    {
+      name: "snapPoints",
+      type: "(number | string)[]",
+      default: "\u2014",
+      description: `Stops a bottom sheet rests at, smallest first: a fraction of the viewport (0.4), pixels (320), or a px/rem string ("20rem"). The panel is the full stop's height and opens at the first stop; a swipe moves between stops and a swipe below the first closes it. side="bottom" only: other sides ignore them, with a development warning.`
+    },
+    {
+      name: "snapPoint",
+      type: "number | string | null",
+      default: "\u2014",
+      description: "The active stop, controlled. Pair with onSnapPointChange; use defaultSnapPoint to open at a different stop uncontrolled."
+    },
+    {
+      name: "onSnapPointChange",
+      type: "(snapPoint: number | string | null, eventDetails) => void",
+      default: "\u2014",
+      description: "Fires when a swipe (or your code) moves the sheet to another stop."
+    },
+    {
+      name: "snapToSequentialPoints",
+      type: "boolean",
+      default: "false",
+      description: "Move one stop per swipe, by distance. Off, a fast flick can skip past a stop."
     }
   ],
   subcomponents: [
     {
       name: "SheetContent",
       type: 'Base UI Drawer.Popup props (initialFocus, finalFocus, \u2026) + side: "right" | "left" | "top" | "bottom" + className',
-      description: 'Backdrop + edge-anchored popup; portals to <body>. side picks which viewport edge the sheet anchors to and slides in from (defaults to "right"). Left/right are full-height side panels; top/bottom span the width up to 80vh. On touch it swipes closed toward that same edge (right swipes right, left swipes left, top swipes up, bottom swipes down).'
+      description: 'Backdrop + edge-anchored popup; portals to <body>. side picks which viewport edge the sheet anchors to and slides in from (defaults to "right"). Left/right are full-height side panels; top/bottom span the width up to 80vh. A bottom sheet with snapPoints is as tall as its highest stop allows (the viewport less a top gap), shows a drag handle, and translates down to the active stop; the part below the screen becomes bottom padding, so its scroll area and SheetFooter end at the visible edge. A bottom sheet rides above the on-screen keyboard (measured from visualViewport). On touch it swipes closed toward that same edge (right swipes right, left swipes left, top swipes up, bottom swipes down).'
     },
     {
       name: "SheetTrigger",
@@ -141,7 +172,9 @@ var sheetMeta = {
     "Focus matches Dialog: the first tabbable on mouse/keyboard open, the panel itself on touch (so the virtual keyboard stays down); focus returns to the trigger on close.",
     "Render a SheetClose inside SheetContent so screen-reader users can escape the popup.",
     "Slide animation runs via data-[starting-style]/data-[ending-style] attributes on the motion-duration token; while swiping the panel tracks the finger directly, and a released swipe finishes on the same token (scaled by flick speed), so reduced motion makes it instant.",
-    "A mouse drag that starts on sheet content selects text rather than dragging the panel; mouse dragging only starts from the padding edge."
+    "A mouse drag that starts on sheet content selects text rather than dragging the panel; mouse dragging only starts from the padding edge.",
+    "Snap points add stops, not a gate: at any stop the content scrolls within the visible part and every control stays reachable by keyboard, so nothing needs the drag. The handle is decorative (aria-hidden).",
+    "A bottom sheet stays above the on-screen keyboard: its bottom edge is lifted by the height the keyboard takes from the visual viewport, so a focused field is not covered. An app that sets interactive-widget=resizes-content in its viewport meta gets the same result from the browser, and the inset reads 0."
   ],
   examples: [
     {
@@ -156,6 +189,10 @@ var sheetMeta = {
       label: "Left side",
       code: '<Sheet><SheetTrigger render={<Button variant="secondary">Menu</Button>} /><SheetContent side="left"><SheetHeader><SheetTitle>Navigation</SheetTitle></SheetHeader><SheetFooter><SheetClose render={<Button variant="secondary">Close</Button>} /></SheetFooter></SheetContent></Sheet>'
     },
+    {
+      label: "Bottom sheet with snap points",
+      code: '<Sheet snapPoints={[0.4, 1]}><SheetTrigger render={<Button variant="secondary">Nearby</Button>} /><SheetContent side="bottom"><SheetHeader><SheetTitle>12 places nearby</SheetTitle><SheetDescription>Drag up for the full list.</SheetDescription></SheetHeader><SheetList>{places.map((place) => <Entity key={place.id} title={place.name} subtitle={place.distance} />)}</SheetList></SheetContent></Sheet>'
+    },
     {
       label: "Bottom side",
       code: '<Sheet><SheetTrigger render={<Button variant="secondary">Details</Button>} /><SheetContent side="bottom"><SheetHeader><SheetTitle>Order details</SheetTitle></SheetHeader><SheetFooter><SheetClose render={<Button variant="secondary">Close</Button>} /></SheetFooter></SheetContent></Sheet>'

package/dist/components/sheet/sheet.variants.js

@@ -8,7 +8,14 @@ var sheetVariants = cva(
         right: "inset-y-0 right-0 [transform:translateX(var(--drawer-swipe-movement-x))] h-full w-95 max-w-[90vw] border-l data-[ending-style]:translate-x-full data-[starting-style]:translate-x-full",
         left: "inset-y-0 left-0 [transform:translateX(var(--drawer-swipe-movement-x))] h-full w-95 max-w-[90vw] border-r data-[ending-style]:-translate-x-full data-[starting-style]:-translate-x-full",
         top: "inset-x-0 top-0 [transform:translateY(var(--drawer-swipe-movement-y))] h-auto max-h-[80vh] w-full border-b data-[ending-style]:-translate-y-full data-[starting-style]:-translate-y-full",
-        bottom: "inset-x-0 bottom-0 [transform:translateY(var(--drawer-swipe-movement-y))] h-auto max-h-[80vh] w-full border-t data-[ending-style]:translate-y-full data-[starting-style]:translate-y-full"
+        bottom: [
+          "inset-x-0 bottom-(--sheet-keyboard-inset,0) [transform:translateY(calc(var(--drawer-snap-point-offset,0px)_+_var(--drawer-swipe-movement-y,0px)))] h-auto max-h-[min(80vh,calc(100dvh_-_var(--sheet-keyboard-inset,0px)_-_var(--sheet-top-gap)))] w-full border-t [--sheet-top-gap:--spacing(10)] data-[ending-style]:translate-y-full data-[starting-style]:translate-y-full",
+          // Snap points: the panel is the full stop's height, and the active stop
+          // is Base UI's offset, translated down. The hidden part becomes bottom
+          // padding, so the scroll area, and SheetFooter's mt-auto, end at the
+          // visible edge rather than under the screen's.
+          "data-[snap-points]:h-[calc(100dvh_-_var(--sheet-keyboard-inset,0px)_-_var(--sheet-top-gap))] data-[snap-points]:max-h-none data-[snap-points]:pb-[calc(var(--sheet-p)_+_var(--drawer-snap-point-offset,0px))] data-[snap-points]:[--sheet-handle-pull:calc(var(--sheet-p)_-_--spacing(3))]"
+        ].join(" ")
       }
     },
     defaultVariants: {

package/dist/components/sidebar/sidebar.js

@@ -31,10 +31,18 @@ var SIDEBAR_INK = [
   "[--accent:var(--sidebar-accent)] [--accent-foreground:var(--sidebar-accent-foreground)]",
   "[--border:var(--sidebar-border)] [--ring:var(--sidebar-ring)]"
 ].join(" ");
+var PAGE_INK = [
+  "[--sidebar:var(--background)] [--sidebar-foreground:var(--foreground)]",
+  "[--sidebar-muted-foreground:var(--muted-foreground)]",
+  "[--sidebar-primary:var(--primary)] [--sidebar-primary-foreground:var(--primary-foreground)]",
+  "[--sidebar-accent:var(--muted)] [--sidebar-accent-foreground:var(--foreground)]",
+  "[--sidebar-border:var(--border)] [--sidebar-ring:var(--ring)]"
+].join(" ");
 function Sidebar({
   collapsed = false,
   icons = true,
   variant = "app",
+  surface = "rail",
   className,
   children,
   ...props
@@ -44,15 +52,18 @@ function Sidebar({
     {
       "data-collapsed": collapsed || void 0,
       "data-variant": variant,
+      "data-surface": surface,
       className: cn(
-        "shrink-0 flex-col border-r border-sidebar-border bg-sidebar text-sidebar-foreground",
+        "shrink-0 flex-col bg-sidebar text-sidebar-foreground",
         // The rail is its own surface. Anything placed in it that inks with
         // page tokens — an Entity account row, an Avatar, a ghost Button,
         // an OverflowMenu — reads the rail's set instead, so a theme can paint a
         // dark rail on a light page (Meridian) and the footer row stays
         // legible. Muted ink is the rail's ink at 62% over the rail, unless
         // a theme names --sidebar-muted-foreground.
-        SIDEBAR_INK,
+        // On the page surface the rail is separated by space and its
+        // content, not a rule and a tonal step.
+        surface === "rail" ? cn("border-r border-sidebar-border", SIDEBAR_INK) : PAGE_INK,
         SIDEBAR_VARIANT[variant],
         "w-[var(--sidebar-width,16rem)] data-[collapsed]:w-[var(--sidebar-width-collapsed,4rem)]",
         className

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,14 +313,14 @@
 	"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",
-	"dist/components/panel-section/index.js": "9f8c3d0a6668ba85",
-	"dist/components/panel-section/panel-section.js": "55dd272454076682",
-	"dist/components/panel-section/panel-section.meta.js": "566e0823da5c6972",
+	"dist/components/panel-section/index.js": "055470e0a68862e6",
+	"dist/components/panel-section/panel-section.js": "63f5d7e43aa3fac5",
+	"dist/components/panel-section/panel-section.meta.js": "fd4e8f37b0edfd5e",
 	"dist/components/phone/index.js": "956a5f3563a1e665",
 	"dist/components/phone/phone.js": "72c74b0134619fdf",
 	"dist/components/phone/phone.meta.js": "6653edae4b4cb9ff",
@@ -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": "f8ac35e27e3846bf",
-	"dist/index.js": "ff812f2ebe7eed90",
+	"dist/icon-sets/reicon.js": "9ec7d3b714c57172",
+	"dist/index.d.ts": "4590fe01256ba238",
+	"dist/index.js": "4382ef49653a6298",
 	"dist/ios/chrome.css": "a7ca9e3735d8658e",
 	"dist/ios/chrome.js": "37091fef7b68bd28",
 	"dist/ios/frame.css": "dd2703c944ce575a",
@@ -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",
@@ -557,8 +573,8 @@
 	"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,