@sableui/react 0.16.0 → 0.18.0

package/dist/components/sheet/sheet.js

@@ -8,6 +8,7 @@ import {
   useState
 } from "react";
 import { cn } from "../../lib/cn.js";
+import { FocusReturnProvider, useFocusReturn, useFocusReturnDefault } from "../../lib/focus-return.js";
 import { withPortalThemeScope } from "../../lib/portal-theme-scope.js";
 import { PresentationProvider, StackedActionsContext, usePresentation } from "../../lib/presentation.js";
 import { mergeRefs } from "../../lib/refs.js";
@@ -27,15 +28,20 @@ function Sheet({
   defaultSnapPoint,
   onSnapPointChange,
   snapToSequentialPoints,
+  open,
+  onOpenChange,
   ...props
 }) {
+  const focus = useFocusReturn(open, onOpenChange);
   const [side, setSide] = useState("right");
   const snaps = Boolean(snapPoints?.length);
   const context = useMemo(() => ({ reportSide: setSide, snaps }), [snaps]);
-  return /* @__PURE__ */ jsx(SheetRootContext.Provider, { value: context, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(SheetRootContext.Provider, { value: context, children: /* @__PURE__ */ jsx(FocusReturnProvider, { value: focus.focusReturn, children: /* @__PURE__ */ jsx(
     Base.Root,
     {
       ...props,
+      open,
+      onOpenChange: focus.onOpenChange,
       snapPoints: snaps && side === "bottom" ? snapPoints : void 0,
       snapPoint,
       defaultSnapPoint,
@@ -43,7 +49,7 @@ function Sheet({
       snapToSequentialPoints,
       swipeDirection: SWIPE_DIRECTION[side]
     }
-  ) });
+  ) }) });
 }
 function isDevelopment() {
   try {
@@ -81,10 +87,12 @@ function SheetContent({
   children,
   side,
   initialFocus,
+  finalFocus,
   ref,
   style,
   ...props
 }) {
+  const focusReturn = useFocusReturnDefault();
   const root = useContext(SheetRootContext);
   const resolvedSide = side ?? "right";
   const reportSide = root?.reportSide;
@@ -98,7 +106,10 @@ function SheetContent({
   }
   const popupRef = useRef(null);
   const [popup, setPopup] = useState(null);
-  const mergedRef = useMemo(() => mergeRefs(popupRef, ref, setPopup), [ref]);
+  const mergedRef = useMemo(
+    () => mergeRefs(popupRef, ref, setPopup, focusReturn?.popupRef),
+    [ref, focusReturn]
+  );
   const keyboardInset = useKeyboardInset(resolvedSide === "bottom" && popup !== null);
   const keyboardVars = { "--sheet-keyboard-inset": `${keyboardInset}px` };
   useIsomorphicLayoutEffect(() => {
@@ -121,6 +132,7 @@ function SheetContent({
       {
         ref: mergedRef,
         initialFocus: initialFocus === void 0 ? (type) => type === "touch" ? popupRef.current : true : initialFocus,
+        finalFocus: finalFocus === void 0 ? focusReturn?.finalFocus : finalFocus,
         "data-sable-sheet": resolvedSide,
         "data-snap-points": snaps ? "" : void 0,
         className: cn(sheetVariants({ side }), className),

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

@@ -93,7 +93,7 @@ var sheetMeta = {
     {
       name: "Sheet (Root)",
       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.`
+      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. Records the element focused when the sheet opens, trigger or not, and returns focus there on close.`
     },
     {
       name: "snapPoints",
@@ -171,7 +171,7 @@ var sheetMeta = {
     "The panel scrolls its own content (thin scrollbar, contained overscroll) when it outgrows its bound \u2014 the full height on left/right, 80vh on top/bottom.",
     "Esc and click-outside dismiss by default; on touch, a swipe toward the sheet's own edge dismisses too. A short or slow drag springs back.",
     "Swipe is an extra path, never the only one: Esc, click-outside and SheetClose all still work.",
-    "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.",
+    "Focus matches Dialog: the first tabbable on mouse/keyboard open, the panel itself on touch (so the virtual keyboard stays down). On close, focus returns to the element that held it when the sheet opened: the SheetTrigger, or your own button when it drives a controlled open. It is captured before the content mounts, so an autoFocus field inside cannot displace it; an explicit finalFocus on SheetContent wins.",
     "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.",

package/dist/file-hashes.json

@@ -1,9 +1,12 @@
 {
 	"dist/_contract-CDa9-NdB.d.ts": "062fb08b461ea845",
+	"dist/activity-DT8VK9fx.d.ts": "528ef87bbc766d76",
+	"dist/adapters/github.d.ts": "7e30b303e1daa370",
+	"dist/adapters/github.js": "3a2c4593e2ad1e18",
 	"dist/blocks/api-keys-block.js": "0c6d54126392e4fb",
 	"dist/blocks/api-keys-block.meta.js": "41903f3a7743b068",
-	"dist/blocks/approval-block.js": "252c908185759a46",
-	"dist/blocks/approval-block.meta.js": "8a356ebd1f534a54",
+	"dist/blocks/approval-block.js": "b84f4d310ce30664",
+	"dist/blocks/approval-block.meta.js": "e7c947fca94d9d42",
 	"dist/blocks/chat-thread-block.js": "e0981afdbc8e9b84",
 	"dist/blocks/chat-thread-block.meta.js": "e91fdb9ab2277c27",
 	"dist/blocks/command-palette-block.js": "498ad5d4787f9336",
@@ -26,7 +29,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": "940238f0164f6d03",
+	"dist/blocks/index.d.ts": "5f4a38dda1460f56",
 	"dist/blocks/index.js": "690417c222dc4d2a",
 	"dist/blocks/invite-team-block.js": "be4df15518252535",
 	"dist/blocks/invite-team-block.meta.js": "fd57b632f0f32276",
@@ -89,6 +92,9 @@
 	"dist/components/accordion/accordion.js": "4f41376e208ac29d",
 	"dist/components/accordion/accordion.meta.js": "27ec6ddc51914b4a",
 	"dist/components/accordion/index.js": "4181a2720d5c1ed8",
+	"dist/components/activity-heatmap/activity-heatmap.js": "a368d466be3be631",
+	"dist/components/activity-heatmap/activity-heatmap.meta.js": "3723ae0dd4aa5b9d",
+	"dist/components/activity-heatmap/index.js": "5b15c2c64908174f",
 	"dist/components/app-header/app-header.js": "2149806a151306c4",
 	"dist/components/app-header/app-header.meta.js": "04631f9c2069f30d",
 	"dist/components/app-header/index.js": "012804273e56f06d",
@@ -169,8 +175,8 @@
 	"dist/components/code/code.js": "4be51f4cfb283bb2",
 	"dist/components/code/code.meta.js": "8e5173d8b59e846b",
 	"dist/components/code/index.js": "34e13acc13b39cfd",
-	"dist/components/code-block/code-block.js": "b96d1db552e8f8f0",
-	"dist/components/code-block/code-block.meta.js": "838282c7addf5dd2",
+	"dist/components/code-block/code-block.js": "b66aed579438bca7",
+	"dist/components/code-block/code-block.meta.js": "d7e869100f45e650",
 	"dist/components/code-block/index.js": "e40982950359204b",
 	"dist/components/collapsible/collapsible.js": "fecb96bdc056e7bb",
 	"dist/components/collapsible/collapsible.meta.js": "5d677ef03ee2f7e9",
@@ -207,8 +213,8 @@
 	"dist/components/destructive-action-modal/destructive-action-modal.js": "3806d39cb3fb0cdf",
 	"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": "98de0730d852851c",
+	"dist/components/dialog/dialog.js": "b8bfdb6f5ed94dfd",
+	"dist/components/dialog/dialog.meta.js": "376df87eddc07ef9",
 	"dist/components/dialog/index.js": "4ed284cc7b4692d5",
 	"dist/components/disclosure-picker/disclosure-picker.js": "6f7a28eee89e1c1f",
 	"dist/components/disclosure-picker/disclosure-picker.meta.js": "c32223ff1ff098bc",
@@ -273,11 +279,11 @@
 	"dist/components/marquee/marquee.js": "0e56221adeebb781",
 	"dist/components/marquee/marquee.meta.js": "6c406bddddc5e010",
 	"dist/components/media-image/index.js": "d423b869156da3f6",
-	"dist/components/media-image/media-image.js": "f68499e9f84b6e64",
-	"dist/components/media-image/media-image.meta.js": "0778fd790511a701",
+	"dist/components/media-image/media-image.js": "f5555312b3415e89",
+	"dist/components/media-image/media-image.meta.js": "ff488a1d4f80a5a9",
 	"dist/components/media-tile/index.js": "00281f6f8cc246d1",
-	"dist/components/media-tile/media-tile.js": "faf79c27ec15c8d4",
-	"dist/components/media-tile/media-tile.meta.js": "6a21970f9b463812",
+	"dist/components/media-tile/media-tile.js": "bf91dd717a27613a",
+	"dist/components/media-tile/media-tile.meta.js": "a1323b8f1f945e58",
 	"dist/components/media-tile/media-tile.variants.js": "e22c08004b4a55ad",
 	"dist/components/menu/index.js": "c368589e92d3a189",
 	"dist/components/menu/menu.js": "d31a3cd0d737447d",
@@ -323,8 +329,8 @@
 	"dist/components/overflow-menu/overflow-menu.js": "ae21a09facac6c64",
 	"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",
+	"dist/components/page-header/page-header.js": "c45cc2ebd02d1ed2",
+	"dist/components/page-header/page-header.meta.js": "7b0d7fc28cb748f8",
 	"dist/components/page-loader/index.js": "73989c61d8df9fee",
 	"dist/components/page-loader/page-loader.js": "39eb2d9a5747c950",
 	"dist/components/page-loader/page-loader.meta.js": "dc43852dd1b4dcea",
@@ -346,8 +352,8 @@
 	"dist/components/pie-chart/pie-chart.meta.js": "04078e0b1d7853fc",
 	"dist/components/pill/index.js": "20ff8b276a4f0515",
 	"dist/components/pill/pill.js": "1c1d6180acce0e53",
-	"dist/components/pill/pill.meta.js": "4ff1e10fbef549e9",
-	"dist/components/pill/pill.variants.js": "6b6a824b44bfae13",
+	"dist/components/pill/pill.meta.js": "1b8ff366e5cd39ba",
+	"dist/components/pill/pill.variants.js": "d3bc3ce5d3871472",
 	"dist/components/popover/index.js": "125e46824329b2b9",
 	"dist/components/popover/popover.js": "8eb733ebc4c5c3cb",
 	"dist/components/popover/popover.meta.js": "b69532ebeaf000c6",
@@ -381,11 +387,14 @@
 	"dist/components/scrub-field/scrub-field.js": "1f6ebbdd1e7b0d64",
 	"dist/components/scrub-field/scrub-field.meta.js": "1cf791914578f353",
 	"dist/components/search-input/index.js": "075fb823b5e7bc3f",
-	"dist/components/search-input/search-input.js": "457351a57507282c",
-	"dist/components/search-input/search-input.meta.js": "8bc6e7ec025c61f3",
+	"dist/components/search-input/search-input.js": "c5f60cd755d435bb",
+	"dist/components/search-input/search-input.meta.js": "a71d684f391b3a10",
 	"dist/components/section-header/index.js": "11f5658b3805ce6e",
-	"dist/components/section-header/section-header.js": "eafb346c6efc6d84",
-	"dist/components/section-header/section-header.meta.js": "011c13a1916b1d04",
+	"dist/components/section-header/section-header.js": "d8ef1818ba904a7a",
+	"dist/components/section-header/section-header.meta.js": "b3cbb9a0a37db87f",
+	"dist/components/section-rail/index.js": "30fd32b042f1721e",
+	"dist/components/section-rail/section-rail.js": "0eb588ecae9c68ce",
+	"dist/components/section-rail/section-rail.meta.js": "fa1993dcde9735db",
 	"dist/components/segmented-bar/index.js": "3f544d3233ab578f",
 	"dist/components/segmented-bar/segmented-bar.js": "26d87e5c14fddc87",
 	"dist/components/segmented-bar/segmented-bar.meta.js": "490381c6d0692291",
@@ -401,8 +410,8 @@
 	"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": "9f96dceaa8f091cf",
-	"dist/components/sheet/sheet.meta.js": "c327b7a9c399c12a",
+	"dist/components/sheet/sheet.js": "183a4dfb92da3bc3",
+	"dist/components/sheet/sheet.meta.js": "d407fb54c9eb7f62",
 	"dist/components/sheet/sheet.variants.js": "80af36bc54106a55",
 	"dist/components/show-more/index.js": "e7c7e37ffedde2c2",
 	"dist/components/show-more/show-more.js": "842adf12a2d31a26",
@@ -508,9 +517,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": "0f73074baac9b866",
-	"dist/index.d.ts": "59bef7457412bae9",
-	"dist/index.js": "b6ac1ec603ffaa55",
+	"dist/icon-sets/reicon.js": "9cac6fee5ad95a62",
+	"dist/index.d.ts": "ad94845a460a1df4",
+	"dist/index.js": "fe1322803fff6cf8",
 	"dist/ios/chrome.css": "a7ca9e3735d8658e",
 	"dist/ios/chrome.js": "37091fef7b68bd28",
 	"dist/ios/frame.css": "dd2703c944ce575a",
@@ -526,33 +535,36 @@
 	"dist/ios/sheet.js": "9cdd685cde4609fe",
 	"dist/ios/styles.css": "057885e6f8429a12",
 	"dist/ios/theme.js": "dfc8112eccfb7c7a",
-	"dist/layout/AspectBox.js": "4b50c3987baca27c",
-	"dist/layout/Bleed.js": "cb567b6a19b85c94",
-	"dist/layout/Center.js": "dd1543f34aed94ba",
-	"dist/layout/Columns.js": "023a72bd3166fa1c",
-	"dist/layout/Grid.js": "70ebd69b52edb4e6",
-	"dist/layout/GridOverlay.js": "d07e43330b1ca3ed",
+	"dist/layout/AspectBox.js": "ecb51bf8689afe54",
+	"dist/layout/Bleed.js": "192fa3833ecda57c",
+	"dist/layout/Center.js": "d3b61dd229c2beed",
+	"dist/layout/Columns.js": "218fbaf5d486d819",
+	"dist/layout/Grid.js": "fe22c21836bda34a",
+	"dist/layout/GridOverlay.js": "626e6517d5cb2ce0",
 	"dist/layout/Page.js": "a02d3a5534492c6a",
-	"dist/layout/Region.js": "c76c75a54f405649",
-	"dist/layout/Row.js": "83d771177f752610",
+	"dist/layout/Region.js": "ee32da8bd1b7d6df",
+	"dist/layout/Row.js": "c9a95bedbacc0dbf",
 	"dist/layout/SafeArea.js": "1e4739d51e0eb71d",
-	"dist/layout/Spacer.js": "bf8d580752acab02",
-	"dist/layout/SplitPane.js": "2807f49a8917b70f",
-	"dist/layout/Stack.js": "44a775e68e21f673",
+	"dist/layout/Spacer.js": "a601bb6c555beb43",
+	"dist/layout/SplitPane.js": "45ed3a3f795a924a",
+	"dist/layout/Stack.js": "2ab65a7c88843fe9",
 	"dist/layout/_responsive.js": "8c2ca35545706660",
 	"dist/layout/_safeArea.js": "7ed61b7dde139cd5",
-	"dist/layout/index.d.ts": "57b40bbed43af5d3",
+	"dist/layout/index.d.ts": "c6e7f389a079bf07",
 	"dist/layout/index.js": "f755ffdfe16d844c",
 	"dist/lib/anchored-scroll.js": "c077ce237b964310",
 	"dist/lib/bleed.js": "73fe9b97e5d528b3",
+	"dist/lib/chart/activity.js": "a7c35cf1f8643caa",
+	"dist/lib/chart/calendar.js": "25ecaa6d5279c965",
 	"dist/lib/chart/cartesian.js": "27ae6dcb86dfbf45",
 	"dist/lib/chart/chart-center.js": "bb826860d493ec09",
 	"dist/lib/chart/chart-frame.js": "748f838a3e3c17d5",
 	"dist/lib/chart/chart-legend.js": "751476cea4ec7db9",
-	"dist/lib/chart/chart-tooltip.js": "e42c899bd2ecf521",
+	"dist/lib/chart/chart-tooltip.js": "97b93418bb334f57",
 	"dist/lib/chart/dim.js": "e67e46858379174a",
 	"dist/lib/chart/format.js": "f0256bbe226a0967",
 	"dist/lib/chart/geometry.js": "10acd4c2626b0969",
+	"dist/lib/chart/heat.js": "ca6d47e6d28d4428",
 	"dist/lib/chart/motion.js": "8edb50cf54b30a1a",
 	"dist/lib/chart/scale.js": "b4b329322bfdd17a",
 	"dist/lib/chart/types.js": "5665ade26e2b21a7",
@@ -561,6 +573,7 @@
 	"dist/lib/component-guidance.js": "add930d690472d31",
 	"dist/lib/density.js": "304cdaf6733fbad1",
 	"dist/lib/field-shell.js": "cd47989e26b4f1ce",
+	"dist/lib/focus-return.js": "7166e37a052bd125",
 	"dist/lib/glyphs.js": "9164497629a3fa70",
 	"dist/lib/heading-row.js": "ef1faf4955e0fec6",
 	"dist/lib/highlight-glide.js": "555668682863ac0d",
@@ -575,8 +588,9 @@
 	"dist/lib/segmented.js": "43c21955f7f3ae33",
 	"dist/lib/selection-card.js": "43c49c8c51dde54c",
 	"dist/lib/status-tone.js": "61f0a8bb4fb9c7d6",
-	"dist/lib/taxonomy.js": "4ecb616f502009c0",
+	"dist/lib/taxonomy.js": "b68841921136149d",
 	"dist/lib/trim-label.js": "9998d45e03c95515",
+	"dist/lib/use-active-section.js": "9cdda6529e332ac8",
 	"dist/lib/use-caret-trigger.js": "e9dba2b3bc27f18e",
 	"dist/lib/use-copy.js": "5cf22621e4d5e83b",
 	"dist/lib/use-edge-fade.js": "392e8c33f072fd21",
@@ -619,7 +633,7 @@
 	"dist/presets/index.d.ts": "454f6f809cc08d6a",
 	"dist/presets/index.js": "fe9c4f8231bf18b2",
 	"dist/registry-CyL28OzJ.d.ts": "b068fc89571517d8",
-	"dist/styles.css": "7b8fe19fbd504785",
+	"dist/styles.css": "d02c108604a72bb5",
 	"dist/theme-provider-BydfM5Z0.d.ts": "71808ed18b268496",
 	"dist/themes/_contract.js": "f566700602557a22",
 	"dist/themes/atelier/atelier.css": "ca476ee9fe980307",

package/dist/icon-sets/reicon.js

@@ -87,6 +87,14 @@ import { VolumeLow2 } from "reicon-react/icons/VolumeLow2";
 import { VolumeCross } from "reicon-react/icons/VolumeCross";
 import { Playlist } from "reicon-react/icons/Playlist";
 import { MusicNote } from "reicon-react/icons/MusicNote";
+import { Briefcase } from "reicon-react/icons/Briefcase";
+import { Layers } from "reicon-react/icons/Layers";
+import { Microphone } from "reicon-react/icons/Microphone";
+import { Video } from "reicon-react/icons/Video";
+import { SignalStream } from "reicon-react/icons/SignalStream";
+import { Doc2 } from "reicon-react/icons/Doc2";
+import { Palette2 } from "reicon-react/icons/Palette2";
+import { Gamepad } from "reicon-react/icons/Gamepad";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 var ICONS = {
@@ -191,7 +199,21 @@ var ICONS = {
   replay: Restart,
   motion: PlaybackSpeed,
   // Added for the add-reaction pill under a chat bubble.
-  emoji: EmojiHappy
+  emoji: EmojiHappy,
+  // Added when a portfolio imported reicon-react directly for its work,
+  // projects, audio, video, live, press, design and games sections.
+  // `broadcast` is the radiating-waves mark that reads as "live" (Reicon's
+  // `Station` tower is too detailed at text size); `newspaper` is Reicon's
+  // folded paper, its nearest press glyph; `palette` is the painter's palette,
+  // not Reicon's `Palette` (a swatch fan, which reads as colour picking).
+  briefcase: Briefcase,
+  layers: Layers,
+  microphone: Microphone,
+  video: Video,
+  broadcast: SignalStream,
+  newspaper: Doc2,
+  palette: Palette2,
+  gamepad: Gamepad
 };
 var WEIGHTS = {
   regular: "Outline",