@12-apps/ui 6.44.3 → 6.45.0

package/dist/_internal/components/navigation/SectionNav/__stories__/fixtures.js

@@ -0,0 +1,127 @@
+import "../../../../../chunk-FHWXRHMA.js";
+import "../../../../../chunk-7ZPUN7TV.js";
+import "../../../../../chunk-2GG5W6LR.js";
+import "../../../../../chunk-532XOWZ5.js";
+import "../../../../../chunk-PT6TCWIW.js";
+import "../../../../../chunk-M47ZOUGF.js";
+import "../../../../../chunk-7FDU3FIN.js";
+import "../../../../../chunk-EPEJMTCQ.js";
+import "../../../../../chunk-GDN2LUTZ.js";
+import "../../../../../chunk-6WZUZHJM.js";
+import "../../../../../chunk-2BYKTBDL.js";
+import "../../../../../chunk-AG66JBNH.js";
+import "../../../../../chunk-FZXKH2ZT.js";
+import "../../../../../chunk-VBP46YP4.js";
+import "../../../../../chunk-O6MJWHU5.js";
+import "../../../../../chunk-26X4CZVR.js";
+import "../../../../../chunk-FQ6UW7IY.js";
+import "../../../../../chunk-6JAIFIPW.js";
+import "../../../../../chunk-N3GAFIXG.js";
+import {
+  sxRem
+} from "../../../../../chunk-YKCAJ2TN.js";
+import "../../../../../chunk-PZ5AY32C.js";
+
+// src/components/navigation/SectionNav/__stories__/fixtures.tsx
+import AddIcon from "@mui/icons-material/Add";
+import AppsIcon from "@mui/icons-material/Apps";
+import CalendarMonthOutlinedIcon from "@mui/icons-material/CalendarMonthOutlined";
+import DashboardOutlinedIcon from "@mui/icons-material/DashboardOutlined";
+import DeliveryDiningOutlinedIcon from "@mui/icons-material/DeliveryDiningOutlined";
+import GridViewOutlinedIcon from "@mui/icons-material/GridViewOutlined";
+import GroupsOutlinedIcon from "@mui/icons-material/GroupsOutlined";
+import PauseCircleOutlineIcon from "@mui/icons-material/PauseCircleOutline";
+import ReceiptLongOutlinedIcon from "@mui/icons-material/ReceiptLongOutlined";
+import RoomServiceOutlinedIcon from "@mui/icons-material/RoomServiceOutlined";
+import ShoppingBagOutlinedIcon from "@mui/icons-material/ShoppingBagOutlined";
+import StorefrontOutlinedIcon from "@mui/icons-material/StorefrontOutlined";
+import TableRestaurantOutlinedIcon from "@mui/icons-material/TableRestaurantOutlined";
+import Box from "@mui/material/Box/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DESTINATIONS = [
+  { id: "floor", label: "Floor", icon: /* @__PURE__ */ jsx(GridViewOutlinedIcon, {}), href: "#floor" },
+  { id: "board", label: "Board", icon: /* @__PURE__ */ jsx(DashboardOutlinedIcon, {}), href: "#board", badge: 3, active: true },
+  { id: "serve", label: "Serve", icon: /* @__PURE__ */ jsx(TableRestaurantOutlinedIcon, {}), href: "#serve", badge: 2 }
+];
+var PRIMARY = {
+  label: "Create",
+  icon: /* @__PURE__ */ jsx(AddIcon, {}),
+  title: "Create now",
+  groups: [
+    {
+      id: "order",
+      title: "New order",
+      layout: "grid",
+      entries: [
+        { id: "delivery", label: "Delivery", icon: /* @__PURE__ */ jsx(DeliveryDiningOutlinedIcon, {}), onSelect: () => void 0 },
+        { id: "pickup", label: "Pickup", icon: /* @__PURE__ */ jsx(ShoppingBagOutlinedIcon, {}), onSelect: () => void 0 },
+        { id: "counter", label: "Counter", icon: /* @__PURE__ */ jsx(StorefrontOutlinedIcon, {}), onSelect: () => void 0 }
+      ]
+    },
+    {
+      id: "menu",
+      title: "Menu",
+      entries: [
+        {
+          id: "pause",
+          label: "Pause an item",
+          description: "Take it off sale until it is back",
+          icon: /* @__PURE__ */ jsx(PauseCircleOutlineIcon, {}),
+          onSelect: () => void 0
+        }
+      ]
+    }
+  ]
+};
+var MORE = {
+  label: "More",
+  icon: /* @__PURE__ */ jsx(AppsIcon, {}),
+  title: "More",
+  groups: [
+    {
+      id: "rest",
+      layout: "grid",
+      entries: [
+        { id: "queue", label: "Queue", icon: /* @__PURE__ */ jsx(GroupsOutlinedIcon, {}), href: "#queue", badge: 1 },
+        { id: "pass", label: "Pass", icon: /* @__PURE__ */ jsx(RoomServiceOutlinedIcon, {}), href: "#pass" },
+        { id: "runs", label: "Deliveries", icon: /* @__PURE__ */ jsx(DeliveryDiningOutlinedIcon, {}), href: "#runs" },
+        { id: "booked", label: "Bookings", icon: /* @__PURE__ */ jsx(CalendarMonthOutlinedIcon, {}), href: "#booked" },
+        { id: "orders", label: "Orders", icon: /* @__PURE__ */ jsx(ReceiptLongOutlinedIcon, {}), href: "#orders" }
+      ]
+    }
+  ]
+};
+function PhoneFrame({ children }) {
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: {
+        width: sxRem(360),
+        maxWidth: "100%",
+        height: sxRem(640),
+        display: "flex",
+        flexDirection: "column",
+        border: 1,
+        borderColor: "divider",
+        borderRadius: 3,
+        overflow: "hidden",
+        bgcolor: "background.default"
+      },
+      children: [
+        /* @__PURE__ */ jsx(Box, { sx: { flex: 1, p: 2 } }),
+        children
+      ]
+    }
+  );
+}
+function RailFrame({ children }) {
+  return /* @__PURE__ */ jsx(Box, { sx: { width: sxRem(240), height: sxRem(560), border: 1, borderColor: "divider" }, children });
+}
+export {
+  DESTINATIONS,
+  MORE,
+  PRIMARY,
+  PhoneFrame,
+  RailFrame
+};
+//# sourceMappingURL=fixtures.js.map

package/dist/_internal/components/navigation/SectionNav/__stories__/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/navigation/SectionNav/__stories__/fixtures.tsx"],"sourcesContent":["import AddIcon from '@mui/icons-material/Add';\nimport AppsIcon from '@mui/icons-material/Apps';\nimport CalendarMonthOutlinedIcon from '@mui/icons-material/CalendarMonthOutlined';\nimport DashboardOutlinedIcon from '@mui/icons-material/DashboardOutlined';\nimport DeliveryDiningOutlinedIcon from '@mui/icons-material/DeliveryDiningOutlined';\nimport GridViewOutlinedIcon from '@mui/icons-material/GridViewOutlined';\nimport GroupsOutlinedIcon from '@mui/icons-material/GroupsOutlined';\nimport PauseCircleOutlineIcon from '@mui/icons-material/PauseCircleOutline';\nimport ReceiptLongOutlinedIcon from '@mui/icons-material/ReceiptLongOutlined';\nimport RoomServiceOutlinedIcon from '@mui/icons-material/RoomServiceOutlined';\nimport ShoppingBagOutlinedIcon from '@mui/icons-material/ShoppingBagOutlined';\nimport StorefrontOutlinedIcon from '@mui/icons-material/StorefrontOutlined';\nimport TableRestaurantOutlinedIcon from '@mui/icons-material/TableRestaurantOutlined';\nimport Box from '@mui/material/Box/index.js';\nimport React from 'react';\n\nimport { sxRem } from '../../../../tokens/scales';\n\nimport type { SectionNavDestination, SectionNavMenu } from '../SectionNav.types';\n\n/**\n * The stories' example section, shared by the showcase and the interaction\n * tests. Kept out of the `*.stories.tsx` files because Storybook reads every\n * named export there as a story.\n */\n\n/** A restaurant's shift, as the example section: the floor, the board, the waiter's round. */\nexport const DESTINATIONS: SectionNavDestination[] = [\n  { id: 'floor', label: 'Floor', icon: <GridViewOutlinedIcon />, href: '#floor' },\n  { id: 'board', label: 'Board', icon: <DashboardOutlinedIcon />, href: '#board', badge: 3, active: true },\n  { id: 'serve', label: 'Serve', icon: <TableRestaurantOutlinedIcon />, href: '#serve', badge: 2 },\n];\n\nexport const PRIMARY: SectionNavMenu = {\n  label: 'Create',\n  icon: <AddIcon />,\n  title: 'Create now',\n  groups: [\n    {\n      id: 'order',\n      title: 'New order',\n      layout: 'grid',\n      entries: [\n        { id: 'delivery', label: 'Delivery', icon: <DeliveryDiningOutlinedIcon />, onSelect: () => undefined },\n        { id: 'pickup', label: 'Pickup', icon: <ShoppingBagOutlinedIcon />, onSelect: () => undefined },\n        { id: 'counter', label: 'Counter', icon: <StorefrontOutlinedIcon />, onSelect: () => undefined },\n      ],\n    },\n    {\n      id: 'menu',\n      title: 'Menu',\n      entries: [\n        {\n          id: 'pause',\n          label: 'Pause an item',\n          description: 'Take it off sale until it is back',\n          icon: <PauseCircleOutlineIcon />,\n          onSelect: () => undefined,\n        },\n      ],\n    },\n  ],\n};\n\nexport const MORE: SectionNavMenu = {\n  label: 'More',\n  icon: <AppsIcon />,\n  title: 'More',\n  groups: [\n    {\n      id: 'rest',\n      layout: 'grid',\n      entries: [\n        { id: 'queue', label: 'Queue', icon: <GroupsOutlinedIcon />, href: '#queue', badge: 1 },\n        { id: 'pass', label: 'Pass', icon: <RoomServiceOutlinedIcon />, href: '#pass' },\n        { id: 'runs', label: 'Deliveries', icon: <DeliveryDiningOutlinedIcon />, href: '#runs' },\n        { id: 'booked', label: 'Bookings', icon: <CalendarMonthOutlinedIcon />, href: '#booked' },\n        { id: 'orders', label: 'Orders', icon: <ReceiptLongOutlinedIcon />, href: '#orders' },\n      ],\n    },\n  ],\n};\n\n/** A phone-sized frame with the bar at its foot, the way a host docks it. */\nexport function PhoneFrame({ children }: { children: React.ReactNode }): React.ReactElement {\n  return (\n    <Box\n      sx={{\n        width: sxRem(360),\n        maxWidth: '100%',\n        height: sxRem(640),\n        display: 'flex',\n        flexDirection: 'column',\n        border: 1,\n        borderColor: 'divider',\n        borderRadius: 3,\n        overflow: 'hidden',\n        bgcolor: 'background.default',\n      }}\n    >\n      <Box sx={{ flex: 1, p: 2 }} />\n      {children}\n    </Box>\n  );\n}\n\n\n/** A desktop-column-sized frame for the rail. */\nexport function RailFrame({ children }: { children: React.ReactNode }): React.ReactElement {\n  return <Box sx={{ width: sxRem(240), height: sxRem(560), border: 1, borderColor: 'divider' }}>{children}</Box>;\n}\n"],"mappings":"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","names":[]}

package/dist/_internal/components/navigation/index.js

@@ -1,4 +1,4 @@
-import "../../../chunk-OJSVHBQO.js";
+import "../../../chunk-R73CRAAI.js";
 import "../../../chunk-WZ4RBOFD.js";
 import {
   ContextMenu
@@ -13,6 +13,20 @@ import "../../../chunk-L5RQIQIP.js";
 import "../../../chunk-CKAVTWXP.js";
 import "../../../chunk-3AIRFAI3.js";
 import "../../../chunk-3L5OZCGA.js";
+import "../../../chunk-R26KYJHK.js";
+import {
+  SectionNav
+} from "../../../chunk-SENCNTMV.js";
+import "../../../chunk-TCFBCTZD.js";
+import {
+  sectionNavBarInset
+} from "../../../chunk-3WCUGTRH.js";
+import "../../../chunk-2OP2FYB3.js";
+import {
+  RaisedActionButton
+} from "../../../chunk-6OLJ2RAT.js";
+import "../../../chunk-HYEOKBFV.js";
+import "../../../chunk-VHVI3D4R.js";
 import "../../../chunk-R445KMGG.js";
 import {
   Tabs
@@ -27,12 +41,12 @@ import {
   AppHeaderIdentity,
   AppHeaderStatus
 } from "../../../chunk-RNVR3RGV.js";
-import {
-  AppHeaderDetails
-} from "../../../chunk-JZ7ZRZTF.js";
 import {
   AppHeaderBrand
 } from "../../../chunk-GWFAINQ7.js";
+import {
+  AppHeaderDetails
+} from "../../../chunk-EJMSSDLM.js";
 import {
   brandGradient,
   highlightOf,
@@ -46,11 +60,13 @@ import "../../../chunk-52G2KRL4.js";
 import "../../../chunk-P5WJUR7X.js";
 import {
   CommandPalette
-} from "../../../chunk-7HZTYK7U.js";
+} from "../../../chunk-NLYNRE7L.js";
 import "../../../chunk-2ARVNCVU.js";
+import "../../../chunk-Z6MCTGIK.js";
 import "../../../chunk-SUZXPDUQ.js";
 import "../../../chunk-4VRDFZ4G.js";
-import "../../../chunk-Z6MCTGIK.js";
+import "../../../chunk-TMSWLFL4.js";
+import "../../../chunk-KIHGTL2D.js";
 import "../../../chunk-PUYJVQ7X.js";
 import "../../../chunk-MW7S7WZM.js";
 import "../../../chunk-LYVTJLCF.js";
@@ -65,16 +81,24 @@ import {
 import "../../../chunk-MQJDMQJZ.js";
 import {
   Pagination
-} from "../../../chunk-JFLFZLOA.js";
-import "../../../chunk-BWMHGENX.js";
+} from "../../../chunk-IJAUHR3M.js";
 import "../../../chunk-PTONBPZL.js";
+import "../../../chunk-BWMHGENX.js";
 import "../../../chunk-Z6TIAVEG.js";
-import "../../../chunk-DTLKF4AX.js";
-import "../../../chunk-GYXUCS37.js";
+import "../../../chunk-MQ277OLB.js";
 import "../../../chunk-ST7B54JN.js";
-import "../../../chunk-GVGJMH77.js";
 import "../../../chunk-Z2JH5KW5.js";
+import "../../../chunk-GVGJMH77.js";
+import "../../../chunk-GYXUCS37.js";
 import "../../../chunk-LV7LSPBF.js";
+import "../../../chunk-5AK2EZG5.js";
+import "../../../chunk-HAPELHNW.js";
+import "../../../chunk-YDIRPKYI.js";
+import "../../../chunk-EOKPFMJD.js";
+import "../../../chunk-M5ZXL52T.js";
+import "../../../chunk-6C5D6O3D.js";
+import "../../../chunk-3UIDKLML.js";
+import "../../../chunk-PYC4CWCQ.js";
 import "../../../chunk-K6LNHHSH.js";
 import "../../../chunk-ZKWVCSAB.js";
 import "../../../chunk-LN46DSMF.js";
@@ -115,9 +139,12 @@ export {
   DropdownMenu,
   NavigationMenu,
   Pagination,
+  RaisedActionButton,
+  SectionNav,
   Tabs,
   brandGradient,
   highlightOf,
-  initialsOf
+  initialsOf,
+  sectionNavBarInset
 };
 //# sourceMappingURL=index.js.map

package/dist/_internal/components/utility/InfiniteScroll/InfiniteScroll.js

@@ -1,8 +1,8 @@
 import {
   InfiniteScroll
-} from "../../../../chunk-HNFZLXZI.js";
-import "../../../../chunk-Y2X7LYIN.js";
+} from "../../../../chunk-HBP2OU4Q.js";
 import "../../../../chunk-5KNDAC24.js";
+import "../../../../chunk-Y2X7LYIN.js";
 import "../../../../chunk-YKCAJ2TN.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {

package/dist/_internal/components/utility/InstallPrompt/InstallPrompt.js

@@ -1,8 +1,8 @@
 import {
   InstallPrompt
-} from "../../../../chunk-5ZOJLYD2.js";
-import "../../../../chunk-GY62N32G.js";
+} from "../../../../chunk-JE6RZ5L6.js";
 import "../../../../chunk-5GMHJ7Y5.js";
+import "../../../../chunk-GY62N32G.js";
 import "../../../../chunk-WXYLH3QZ.js";
 import "../../../../chunk-UUL44SUX.js";
 import "../../../../chunk-PZ5AY32C.js";

package/dist/_internal/components/utility/index.js

@@ -1,4 +1,8 @@
 import "../../../chunk-SS4MHTGU.js";
+import "../../../chunk-JE4CLMYD.js";
+import {
+  Portal
+} from "../../../chunk-DG4LXIPT.js";
 import "../../../chunk-ZSMKFQVQ.js";
 import {
   Transition
@@ -30,17 +34,17 @@ import {
 import "../../../chunk-H7NA4TXY.js";
 import {
   InfiniteScroll
-} from "../../../chunk-HNFZLXZI.js";
-import "../../../chunk-Y2X7LYIN.js";
+} from "../../../chunk-HBP2OU4Q.js";
 import "../../../chunk-5KNDAC24.js";
+import "../../../chunk-Y2X7LYIN.js";
 import "../../../chunk-3QQVEYOR.js";
 import {
   InstallPrompt
-} from "../../../chunk-5ZOJLYD2.js";
-import "../../../chunk-GY62N32G.js";
+} from "../../../chunk-JE6RZ5L6.js";
 import {
   usePwaInstall
 } from "../../../chunk-5GMHJ7Y5.js";
+import "../../../chunk-GY62N32G.js";
 import "../../../chunk-WXYLH3QZ.js";
 import {
   PWA_INSTALL_AVAILABLE_EVENT,
@@ -49,10 +53,6 @@ import {
   readPwaInstallStash,
   resetPwaInstallStash
 } from "../../../chunk-UUL44SUX.js";
-import "../../../chunk-JE4CLMYD.js";
-import {
-  Portal
-} from "../../../chunk-DG4LXIPT.js";
 import "../../../chunk-NCS2TBIP.js";
 import {
   splitToFit,

package/dist/_internal/en-US.navigation.js

@@ -1,10 +1,12 @@
 import {
   EN_US_BREADCRUMB_COPY,
-  EN_US_COMMAND_PALETTE_COPY
-} from "../chunk-AUQRGZE7.js";
+  EN_US_COMMAND_PALETTE_COPY,
+  EN_US_SECTION_NAV_COPY
+} from "../chunk-EDZYPHZT.js";
 import "../chunk-PZ5AY32C.js";
 export {
   EN_US_BREADCRUMB_COPY,
-  EN_US_COMMAND_PALETTE_COPY
+  EN_US_COMMAND_PALETTE_COPY,
+  EN_US_SECTION_NAV_COPY
 };
 //# sourceMappingURL=en-US.navigation.js.map

package/dist/_internal/pt-BR.navigation.js

@@ -1,10 +1,12 @@
 import {
   PT_BR_BREADCRUMB_COPY,
-  PT_BR_COMMAND_PALETTE_COPY
-} from "../chunk-62OGPVCL.js";
+  PT_BR_COMMAND_PALETTE_COPY,
+  PT_BR_SECTION_NAV_COPY
+} from "../chunk-EPZ7B35I.js";
 import "../chunk-PZ5AY32C.js";
 export {
   PT_BR_BREADCRUMB_COPY,
-  PT_BR_COMMAND_PALETTE_COPY
+  PT_BR_COMMAND_PALETTE_COPY,
+  PT_BR_SECTION_NAV_COPY
 };
 //# sourceMappingURL=pt-BR.navigation.js.map

package/dist/_internal/social-login-button/social-login-button.js

@@ -5,7 +5,7 @@ import {
   GoogleIcon,
   SocialLoginButton,
   SocialLoginContainer
-} from "../../chunk-JSOJKHEI.js";
+} from "../../chunk-WHYVVKRS.js";
 import "../../chunk-INGPH3YQ.js";
 import "../../chunk-6GP2DOOO.js";
 import "../../chunk-C4QKXFZN.js";
@@ -16,9 +16,9 @@ import "../../chunk-RWXYND4H.js";
 import "../../chunk-JIRZ27RI.js";
 import "../../chunk-VUHLNYAE.js";
 import "../../chunk-2GSIEDGN.js";
-import "../../chunk-WN5PNP6F.js";
-import "../../chunk-FKUYRQSP.js";
+import "../../chunk-OP5JR5Q5.js";
 import "../../chunk-76X6JRVI.js";
+import "../../chunk-FKUYRQSP.js";
 import "../../chunk-JH7EEJEQ.js";
 import "../../chunk-BA4RHQ3B.js";
 import "../../chunk-K6LNHHSH.js";

package/dist/_internal/user-avatar/user-avatar.js

@@ -2,18 +2,18 @@
 import {
   UserAvatar,
   UserMenu
-} from "../../chunk-O6IF4BZT.js";
+} from "../../chunk-UUJ7J7NE.js";
 import "../../chunk-UDQSIRAP.js";
-import "../../chunk-NYFGFELX.js";
-import "../../chunk-3ZVUNSFF.js";
+import "../../chunk-PGPPN63I.js";
 import "../../chunk-TNQDSTIA.js";
 import "../../chunk-6ZZGK5DT.js";
+import "../../chunk-3ZVUNSFF.js";
 import "../../chunk-MTEQEPNY.js";
 import "../../chunk-VUHLNYAE.js";
 import "../../chunk-2GSIEDGN.js";
-import "../../chunk-WN5PNP6F.js";
-import "../../chunk-FKUYRQSP.js";
+import "../../chunk-OP5JR5Q5.js";
 import "../../chunk-76X6JRVI.js";
+import "../../chunk-FKUYRQSP.js";
 import "../../chunk-JH7EEJEQ.js";
 import "../../chunk-BA4RHQ3B.js";
 import "../../chunk-K6LNHHSH.js";

package/dist/charts.js

@@ -1,10 +1,10 @@
 import "./chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "./chunk-YCHOWWRE.js";
+} from "./chunk-G6T7KRQ3.js";
 import {
   Chart
-} from "./chunk-C5RTSOXD.js";
+} from "./chunk-BUAFRLSB.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
@@ -16,7 +16,9 @@ import {
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "./chunk-WKUA6P3W.js";
-import "./chunk-X4VWYWFK.js";
+import "./chunk-SJY4DDG7.js";
+import "./chunk-L6Q2A32O.js";
+import "./chunk-SOHQPPYJ.js";
 import {
   ChartContainer,
   ChartLegend,
@@ -24,13 +26,11 @@ import {
   ChartTooltip,
   ChartTooltipContent
 } from "./chunk-RIRTW5EU.js";
+import "./chunk-VVFV4MXS.js";
 import {
   chartValueFormatter,
   formatChartValue
 } from "./chunk-QVWNK4JO.js";
-import "./chunk-GKNMKPR6.js";
-import "./chunk-VVFV4MXS.js";
-import "./chunk-SOHQPPYJ.js";
 import "./chunk-FHWXRHMA.js";
 import "./chunk-7ZPUN7TV.js";
 import "./chunk-2GG5W6LR.js";

package/dist/{chunk-J6TIK47Z.js → chunk-2HPNN5XA.js}

@@ -1,7 +1,7 @@
 import {
   MoreGroup,
   fieldClearing
-} from "./chunk-IG26N6J2.js";
+} from "./chunk-MD3ND6DT.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -184,4 +184,4 @@ function MoreFilters({
 export {
   MoreFilters
 };
-//# sourceMappingURL=chunk-J6TIK47Z.js.map
+//# sourceMappingURL=chunk-2HPNN5XA.js.map

package/dist/{chunk-BEGTLELZ.js → chunk-2K2B5QM2.js}

@@ -1,3 +1,7 @@
+import {
+  resolveSkeletonProps,
+  skeletonInstanceTestId
+} from "./chunk-7WDPC46N.js";
 import {
   defaultDimensions,
   muiAnimationFor,
@@ -5,10 +9,6 @@ import {
   skeletonLength,
   skeletonSx
 } from "./chunk-E2QIKJX2.js";
-import {
-  resolveSkeletonProps,
-  skeletonInstanceTestId
-} from "./chunk-7WDPC46N.js";
 import {
   resolveTestId,
   withoutTestIdProps
@@ -78,4 +78,4 @@ Skeleton.displayName = "Skeleton";
 export {
   Skeleton
 };
-//# sourceMappingURL=chunk-BEGTLELZ.js.map
+//# sourceMappingURL=chunk-2K2B5QM2.js.map

package/dist/chunk-2OP2FYB3.js

@@ -0,0 +1,174 @@
+import {
+  Box,
+  CONTROL_RESET,
+  CountedIcon,
+  controlProps,
+  focusRing
+} from "./chunk-HYEOKBFV.js";
+import {
+  Drawer,
+  DrawerContent,
+  DrawerHeader
+} from "./chunk-KIHGTL2D.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/navigation/SectionNav/SectionNav.sheet.tsx
+import Typography from "@mui/material/Typography/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function GridEntry({ entry, linkComponent, copy, testId, onDone }) {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ...controlProps({
+        href: entry.href,
+        linkComponent,
+        onClick: () => {
+          entry.onSelect?.();
+          onDone();
+        }
+      }),
+      "aria-current": entry.active ? "page" : void 0,
+      "data-testid": `${testId}-entry-${entry.id}`,
+      sx: {
+        ...CONTROL_RESET,
+        ...focusRing(theme),
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 0.75,
+        minHeight: rem(theme, 76),
+        px: 0.5,
+        py: 1,
+        borderRadius: 1.5,
+        textAlign: "center",
+        bgcolor: entry.active ? "action.selected" : "action.hover",
+        color: entry.active ? "primary.main" : "text.primary",
+        "& svg": { color: "primary.main" }
+      },
+      children: [
+        /* @__PURE__ */ jsx(CountedIcon, { icon: entry.icon, count: entry.badge, label: copy.badge, testId: `${testId}-badge-${entry.id}` }),
+        /* @__PURE__ */ jsx(Typography, { component: "span", variant: "caption", sx: { lineHeight: 1.2, fontWeight: entry.active ? 700 : 500 }, children: entry.label })
+      ]
+    }
+  );
+}
+function ListEntry({ entry, linkComponent, copy, testId, onDone }) {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ...controlProps({
+        href: entry.href,
+        linkComponent,
+        onClick: () => {
+          entry.onSelect?.();
+          onDone();
+        }
+      }),
+      "aria-current": entry.active ? "page" : void 0,
+      "data-testid": `${testId}-entry-${entry.id}`,
+      sx: {
+        ...CONTROL_RESET,
+        ...focusRing(theme),
+        display: "flex",
+        alignItems: "center",
+        gap: 1.5,
+        width: "100%",
+        minHeight: rem(theme, 52),
+        px: 1.5,
+        py: 1,
+        borderRadius: 1.5,
+        textAlign: "start",
+        bgcolor: entry.active ? "action.selected" : "action.hover",
+        "& svg": { color: "primary.main" }
+      },
+      children: [
+        /* @__PURE__ */ jsx(CountedIcon, { icon: entry.icon, count: entry.badge, label: copy.badge, testId: `${testId}-badge-${entry.id}` }),
+        /* @__PURE__ */ jsxs(Box, { component: "span", sx: { display: "flex", flexDirection: "column", minWidth: 0 }, children: [
+          /* @__PURE__ */ jsx(Typography, { component: "span", variant: "body2", sx: { fontWeight: 600 }, children: entry.label }),
+          entry.description ? /* @__PURE__ */ jsx(Typography, { component: "span", variant: "caption", color: "text.secondary", children: entry.description }) : null
+        ] })
+      ]
+    }
+  );
+}
+function SheetGroup({
+  group,
+  linkComponent,
+  copy,
+  testId,
+  onDone
+}) {
+  const grid = group.layout === "grid";
+  const Entry = grid ? GridEntry : ListEntry;
+  return /* @__PURE__ */ jsxs(Box, { component: "section", "data-testid": `${testId}-group-${group.id}`, sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
+    group.title ? /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "text.secondary", sx: { lineHeight: 1.6 }, children: group.title }) : null,
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        sx: grid ? { display: "grid", gridTemplateColumns: "repeat(3, minmax(0, 1fr))", gap: 1 } : { display: "flex", flexDirection: "column", gap: 0.75 },
+        children: group.entries.map((entry) => /* @__PURE__ */ jsx(Entry, { entry, linkComponent, copy, testId, onDone }, entry.id))
+      }
+    )
+  ] });
+}
+function SectionNavSheet({
+  menu,
+  open,
+  onClose,
+  linkComponent,
+  copy,
+  testId,
+  bottomOffset
+}) {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(
+    Drawer,
+    {
+      open,
+      onClose,
+      anchor: "bottom",
+      height: "auto",
+      dataTestId: testId,
+      paperSx: {
+        borderTopLeftRadius: rem(theme, Number(theme.shape.borderRadius) * 3),
+        borderTopRightRadius: rem(theme, Number(theme.shape.borderRadius) * 3),
+        maxHeight: `calc(85dvh - ${bottomOffset})`,
+        bottom: bottomOffset
+      },
+      children: /* @__PURE__ */ jsxs(
+        Box,
+        {
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": menu.title,
+          sx: { display: "flex", flexDirection: "column", flex: 1, minHeight: 0 },
+          children: [
+            /* @__PURE__ */ jsx(DrawerHeader, { onClose, closeLabel: copy.close, dataTestId: `${testId}-header`, children: menu.title }),
+            /* @__PURE__ */ jsx(DrawerContent, { children: /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: menu.groups.map((group) => /* @__PURE__ */ jsx(
+              SheetGroup,
+              {
+                group,
+                linkComponent,
+                copy,
+                testId,
+                onDone: onClose
+              },
+              group.id
+            )) }) })
+          ]
+        }
+      )
+    }
+  );
+}
+
+export {
+  SectionNavSheet
+};
+//# sourceMappingURL=chunk-2OP2FYB3.js.map