@12-apps/ui 6.50.0 → 6.51.0

package/dist/_internal/components/navigation/SectionNav/SectionNav.primary.js

@@ -1,8 +1,8 @@
 import {
   RaisedActionButton
-} from "../../../../chunk-RZ4SBSLP.js";
-import "../../../../chunk-GLKQT2DS.js";
-import "../../../../chunk-VHVI3D4R.js";
+} from "../../../../chunk-WNKRFMSI.js";
+import "../../../../chunk-A436VORP.js";
+import "../../../../chunk-P3GBXE73.js";
 import "../../../../chunk-5AK2EZG5.js";
 import "../../../../chunk-AMSNWV7V.js";
 import "../../../../chunk-6C5D6O3D.js";
@@ -14,10 +14,10 @@ import "../../../../chunk-PYC4CWCQ.js";
 import "../../../../chunk-TYJR4GOF.js";
 import "../../../../chunk-3IPPMWUA.js";
 import "../../../../chunk-7ZPUN7TV.js";
-import "../../../../chunk-SWDDXMV7.js";
-import "../../../../chunk-XK77FY42.js";
-import "../../../../chunk-4ELI2MM3.js";
-import "../../../../chunk-56TGECKZ.js";
+import "../../../../chunk-SJ4IAZ3V.js";
+import "../../../../chunk-25MSGLNU.js";
+import "../../../../chunk-GAXHYRX6.js";
+import "../../../../chunk-NP6SHLQ3.js";
 import "../../../../chunk-PT6TCWIW.js";
 import "../../../../chunk-2TZ6X265.js";
 import "../../../../chunk-7FDU3FIN.js";

package/dist/_internal/components/navigation/SectionNav/SectionNav.rail.js

@@ -1,8 +1,8 @@
 import {
   SectionNavRail
-} from "../../../../chunk-RX7J6VRI.js";
-import "../../../../chunk-GLKQT2DS.js";
-import "../../../../chunk-VHVI3D4R.js";
+} from "../../../../chunk-HKEBTPKY.js";
+import "../../../../chunk-A436VORP.js";
+import "../../../../chunk-P3GBXE73.js";
 import "../../../../chunk-5AK2EZG5.js";
 import "../../../../chunk-AMSNWV7V.js";
 import "../../../../chunk-6C5D6O3D.js";
@@ -14,10 +14,10 @@ import "../../../../chunk-PYC4CWCQ.js";
 import "../../../../chunk-TYJR4GOF.js";
 import "../../../../chunk-3IPPMWUA.js";
 import "../../../../chunk-7ZPUN7TV.js";
-import "../../../../chunk-SWDDXMV7.js";
-import "../../../../chunk-XK77FY42.js";
-import "../../../../chunk-4ELI2MM3.js";
-import "../../../../chunk-56TGECKZ.js";
+import "../../../../chunk-SJ4IAZ3V.js";
+import "../../../../chunk-25MSGLNU.js";
+import "../../../../chunk-GAXHYRX6.js";
+import "../../../../chunk-NP6SHLQ3.js";
 import "../../../../chunk-PT6TCWIW.js";
 import "../../../../chunk-2TZ6X265.js";
 import "../../../../chunk-7FDU3FIN.js";

package/dist/_internal/components/navigation/SectionNav/SectionNav.sheet.js

@@ -1,8 +1,8 @@
 import {
   SectionNavSheet
-} from "../../../../chunk-32JMSHEA.js";
-import "../../../../chunk-GLKQT2DS.js";
-import "../../../../chunk-VHVI3D4R.js";
+} from "../../../../chunk-S4ZUZ6DS.js";
+import "../../../../chunk-A436VORP.js";
+import "../../../../chunk-P3GBXE73.js";
 import "../../../../chunk-TMSWLFL4.js";
 import "../../../../chunk-KIHGTL2D.js";
 import "../../../../chunk-5AK2EZG5.js";
@@ -16,10 +16,10 @@ import "../../../../chunk-PYC4CWCQ.js";
 import "../../../../chunk-TYJR4GOF.js";
 import "../../../../chunk-3IPPMWUA.js";
 import "../../../../chunk-7ZPUN7TV.js";
-import "../../../../chunk-SWDDXMV7.js";
-import "../../../../chunk-XK77FY42.js";
-import "../../../../chunk-4ELI2MM3.js";
-import "../../../../chunk-56TGECKZ.js";
+import "../../../../chunk-SJ4IAZ3V.js";
+import "../../../../chunk-25MSGLNU.js";
+import "../../../../chunk-GAXHYRX6.js";
+import "../../../../chunk-NP6SHLQ3.js";
 import "../../../../chunk-PT6TCWIW.js";
 import "../../../../chunk-2TZ6X265.js";
 import "../../../../chunk-7FDU3FIN.js";

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

@@ -1,9 +1,9 @@
 import "../../../../../chunk-3IPPMWUA.js";
 import "../../../../../chunk-7ZPUN7TV.js";
-import "../../../../../chunk-SWDDXMV7.js";
-import "../../../../../chunk-XK77FY42.js";
-import "../../../../../chunk-4ELI2MM3.js";
-import "../../../../../chunk-56TGECKZ.js";
+import "../../../../../chunk-SJ4IAZ3V.js";
+import "../../../../../chunk-25MSGLNU.js";
+import "../../../../../chunk-GAXHYRX6.js";
+import "../../../../../chunk-NP6SHLQ3.js";
 import "../../../../../chunk-PT6TCWIW.js";
 import "../../../../../chunk-2TZ6X265.js";
 import "../../../../../chunk-7FDU3FIN.js";
@@ -119,9 +119,21 @@ function PhoneFrame({ children }) {
 function RailFrame({ children }) {
   return /* @__PURE__ */ jsx(Box, { sx: { width: sxRem(240), height: sxRem(560), border: 1, borderColor: "divider" }, children });
 }
+var ACTIONS = [
+  { id: "split", label: "Split", icon: /* @__PURE__ */ jsx(ReceiptLongOutlinedIcon, {}), onSelect: () => void 0, dimmed: true },
+  { id: "equal", label: "Equally", icon: /* @__PURE__ */ jsx(GroupsOutlinedIcon, {}), onSelect: () => void 0, active: true },
+  { id: "person", label: "Person", icon: /* @__PURE__ */ jsx(AddIcon, {}), onSelect: () => void 0 }
+];
+var PAY_ALL = {
+  label: "Pay all",
+  icon: /* @__PURE__ */ jsx(StorefrontOutlinedIcon, {}),
+  onSelect: () => void 0
+};
 export {
+  ACTIONS,
   DESTINATIONS,
   MORE,
+  PAY_ALL,
   PRIMARY,
   PhoneFrame,
   RailFrame

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

@@ -1 +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":[]}
+{"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 { SectionNavAction, 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\n/**\n * A screen's ACTIONS pinned at its foot — the same bar, drawn with verbs: a\n * bill being settled, one person at a time.\n *\n * `split` is DIMMED — it cannot be done yet, and a tap still reaches the host\n * so it can say why. `equal` is a TOGGLE that is on: `aria-pressed`, never\n * `aria-current`, because an action is not a page.\n */\nexport const ACTIONS: SectionNavDestination[] = [\n  { id: 'split', label: 'Split', icon: <ReceiptLongOutlinedIcon />, onSelect: () => undefined, dimmed: true },\n  { id: 'equal', label: 'Equally', icon: <GroupsOutlinedIcon />, onSelect: () => undefined, active: true },\n  { id: 'person', label: 'Person', icon: <AddIcon />, onSelect: () => undefined },\n];\n\nexport const PAY_ALL: SectionNavAction = {\n  label: 'Pay all',\n  icon: <StorefrontOutlinedIcon />,\n  onSelect: () => undefined,\n};\n"],"mappings":"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","names":[]}

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

@@ -24,17 +24,17 @@ import "../../../chunk-3AIRFAI3.js";
 import "../../../chunk-R26KYJHK.js";
 import {
   SectionNav
-} from "../../../chunk-SA2ERYVV.js";
+} from "../../../chunk-VAO63IIP.js";
 import {
   sectionNavBarInset
-} from "../../../chunk-43Q6CVPB.js";
-import "../../../chunk-32JMSHEA.js";
-import "../../../chunk-RX7J6VRI.js";
+} from "../../../chunk-VELGOFCL.js";
+import "../../../chunk-S4ZUZ6DS.js";
+import "../../../chunk-HKEBTPKY.js";
 import {
   RaisedActionButton
-} from "../../../chunk-RZ4SBSLP.js";
-import "../../../chunk-GLKQT2DS.js";
-import "../../../chunk-VHVI3D4R.js";
+} from "../../../chunk-WNKRFMSI.js";
+import "../../../chunk-A436VORP.js";
+import "../../../chunk-P3GBXE73.js";
 import "../../../chunk-R445KMGG.js";
 import {
   Tabs
@@ -108,10 +108,10 @@ import "../../../chunk-AKZWDZCZ.js";
 import "../../../chunk-HPK33ACY.js";
 import "../../../chunk-3IPPMWUA.js";
 import "../../../chunk-7ZPUN7TV.js";
-import "../../../chunk-SWDDXMV7.js";
-import "../../../chunk-XK77FY42.js";
-import "../../../chunk-4ELI2MM3.js";
-import "../../../chunk-56TGECKZ.js";
+import "../../../chunk-SJ4IAZ3V.js";
+import "../../../chunk-25MSGLNU.js";
+import "../../../chunk-GAXHYRX6.js";
+import "../../../chunk-NP6SHLQ3.js";
 import "../../../chunk-PT6TCWIW.js";
 import "../../../chunk-2TZ6X265.js";
 import "../../../chunk-7FDU3FIN.js";

package/dist/_internal/components/utility/WorkflowStep/WorkflowStep.helpers.js

@@ -9,10 +9,10 @@ import {
 } from "../../../../chunk-TM5QQJTF.js";
 import "../../../../chunk-3IPPMWUA.js";
 import "../../../../chunk-7ZPUN7TV.js";
-import "../../../../chunk-SWDDXMV7.js";
-import "../../../../chunk-XK77FY42.js";
-import "../../../../chunk-4ELI2MM3.js";
-import "../../../../chunk-56TGECKZ.js";
+import "../../../../chunk-SJ4IAZ3V.js";
+import "../../../../chunk-25MSGLNU.js";
+import "../../../../chunk-GAXHYRX6.js";
+import "../../../../chunk-NP6SHLQ3.js";
 import "../../../../chunk-PT6TCWIW.js";
 import "../../../../chunk-2TZ6X265.js";
 import "../../../../chunk-7FDU3FIN.js";

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

@@ -7,10 +7,10 @@ import "../../../../chunk-KNWG77FB.js";
 import "../../../../chunk-TM5QQJTF.js";
 import "../../../../chunk-3IPPMWUA.js";
 import "../../../../chunk-7ZPUN7TV.js";
-import "../../../../chunk-SWDDXMV7.js";
-import "../../../../chunk-XK77FY42.js";
-import "../../../../chunk-4ELI2MM3.js";
-import "../../../../chunk-56TGECKZ.js";
+import "../../../../chunk-SJ4IAZ3V.js";
+import "../../../../chunk-25MSGLNU.js";
+import "../../../../chunk-GAXHYRX6.js";
+import "../../../../chunk-NP6SHLQ3.js";
 import "../../../../chunk-PT6TCWIW.js";
 import "../../../../chunk-2TZ6X265.js";
 import "../../../../chunk-7FDU3FIN.js";

package/dist/_internal/components/utility/WorkflowStep/WorkflowStep.parts.js

@@ -7,10 +7,10 @@ import {
 import "../../../../chunk-TM5QQJTF.js";
 import "../../../../chunk-3IPPMWUA.js";
 import "../../../../chunk-7ZPUN7TV.js";
-import "../../../../chunk-SWDDXMV7.js";
-import "../../../../chunk-XK77FY42.js";
-import "../../../../chunk-4ELI2MM3.js";
-import "../../../../chunk-56TGECKZ.js";
+import "../../../../chunk-SJ4IAZ3V.js";
+import "../../../../chunk-25MSGLNU.js";
+import "../../../../chunk-GAXHYRX6.js";
+import "../../../../chunk-NP6SHLQ3.js";
 import "../../../../chunk-PT6TCWIW.js";
 import "../../../../chunk-2TZ6X265.js";
 import "../../../../chunk-7FDU3FIN.js";

package/dist/_internal/components/utility/WorkflowStep/WorkflowStepRow.js

@@ -5,10 +5,10 @@ import "../../../../chunk-KNWG77FB.js";
 import "../../../../chunk-TM5QQJTF.js";
 import "../../../../chunk-3IPPMWUA.js";
 import "../../../../chunk-7ZPUN7TV.js";
-import "../../../../chunk-SWDDXMV7.js";
-import "../../../../chunk-XK77FY42.js";
-import "../../../../chunk-4ELI2MM3.js";
-import "../../../../chunk-56TGECKZ.js";
+import "../../../../chunk-SJ4IAZ3V.js";
+import "../../../../chunk-25MSGLNU.js";
+import "../../../../chunk-GAXHYRX6.js";
+import "../../../../chunk-NP6SHLQ3.js";
 import "../../../../chunk-PT6TCWIW.js";
 import "../../../../chunk-2TZ6X265.js";
 import "../../../../chunk-7FDU3FIN.js";

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

@@ -61,10 +61,10 @@ import {
 import "../../../chunk-HPK33ACY.js";
 import "../../../chunk-3IPPMWUA.js";
 import "../../../chunk-7ZPUN7TV.js";
-import "../../../chunk-SWDDXMV7.js";
-import "../../../chunk-XK77FY42.js";
-import "../../../chunk-4ELI2MM3.js";
-import "../../../chunk-56TGECKZ.js";
+import "../../../chunk-SJ4IAZ3V.js";
+import "../../../chunk-25MSGLNU.js";
+import "../../../chunk-GAXHYRX6.js";
+import "../../../chunk-NP6SHLQ3.js";
 import "../../../chunk-PT6TCWIW.js";
 import "../../../chunk-2TZ6X265.js";
 import "../../../chunk-7FDU3FIN.js";

package/dist/_internal/icons/Icon.js

@@ -1,18 +1,18 @@
 import {
   Icon
-} from "../../chunk-V2SAZOT2.js";
+} from "../../chunk-FYTC4LOD.js";
 import "../../chunk-KEVPUBOE.js";
 import "../../chunk-QWBQVQRG.js";
 import "../../chunk-RTSK5OZT.js";
-import "../../chunk-VOF6QVCF.js";
-import "../../chunk-URGH4673.js";
+import "../../chunk-HF7V3RI5.js";
+import "../../chunk-H556NMKE.js";
 import "../../chunk-TYJR4GOF.js";
 import "../../chunk-3IPPMWUA.js";
 import "../../chunk-7ZPUN7TV.js";
-import "../../chunk-SWDDXMV7.js";
-import "../../chunk-XK77FY42.js";
-import "../../chunk-4ELI2MM3.js";
-import "../../chunk-56TGECKZ.js";
+import "../../chunk-SJ4IAZ3V.js";
+import "../../chunk-25MSGLNU.js";
+import "../../chunk-GAXHYRX6.js";
+import "../../chunk-NP6SHLQ3.js";
 import "../../chunk-PT6TCWIW.js";
 import "../../chunk-2TZ6X265.js";
 import "../../chunk-7FDU3FIN.js";

package/dist/_internal/provider/UiProvider.js

@@ -1,14 +1,14 @@
 import {
   UiProvider
-} from "../../chunk-NKJMOWY3.js";
+} from "../../chunk-HJUR6ZY6.js";
 import "../../chunk-XZTRZ3HO.js";
-import "../../chunk-URGH4673.js";
+import "../../chunk-H556NMKE.js";
 import "../../chunk-3IPPMWUA.js";
 import "../../chunk-7ZPUN7TV.js";
-import "../../chunk-SWDDXMV7.js";
-import "../../chunk-XK77FY42.js";
-import "../../chunk-4ELI2MM3.js";
-import "../../chunk-56TGECKZ.js";
+import "../../chunk-SJ4IAZ3V.js";
+import "../../chunk-25MSGLNU.js";
+import "../../chunk-GAXHYRX6.js";
+import "../../chunk-NP6SHLQ3.js";
 import "../../chunk-PT6TCWIW.js";
 import "../../chunk-2TZ6X265.js";
 import "../../chunk-7FDU3FIN.js";

package/dist/_internal/provider/mui-bridge.js

@@ -1,13 +1,13 @@
 import {
   muiThemeOptionsFrom,
   uiThemeFromMui
-} from "../../chunk-URGH4673.js";
+} from "../../chunk-H556NMKE.js";
 import "../../chunk-3IPPMWUA.js";
 import "../../chunk-7ZPUN7TV.js";
-import "../../chunk-SWDDXMV7.js";
-import "../../chunk-XK77FY42.js";
-import "../../chunk-4ELI2MM3.js";
-import "../../chunk-56TGECKZ.js";
+import "../../chunk-SJ4IAZ3V.js";
+import "../../chunk-25MSGLNU.js";
+import "../../chunk-GAXHYRX6.js";
+import "../../chunk-NP6SHLQ3.js";
 import "../../chunk-PT6TCWIW.js";
 import "../../chunk-2TZ6X265.js";
 import "../../chunk-7FDU3FIN.js";

package/dist/_internal/provider/use-ui-theme.js

@@ -1,13 +1,13 @@
 import {
   useUiTheme
-} from "../../chunk-VOF6QVCF.js";
-import "../../chunk-URGH4673.js";
+} from "../../chunk-HF7V3RI5.js";
+import "../../chunk-H556NMKE.js";
 import "../../chunk-3IPPMWUA.js";
 import "../../chunk-7ZPUN7TV.js";
-import "../../chunk-SWDDXMV7.js";
-import "../../chunk-XK77FY42.js";
-import "../../chunk-4ELI2MM3.js";
-import "../../chunk-56TGECKZ.js";
+import "../../chunk-SJ4IAZ3V.js";
+import "../../chunk-25MSGLNU.js";
+import "../../chunk-GAXHYRX6.js";
+import "../../chunk-NP6SHLQ3.js";
 import "../../chunk-PT6TCWIW.js";
 import "../../chunk-2TZ6X265.js";
 import "../../chunk-7FDU3FIN.js";

package/dist/_internal/tokens/density-overrides.js

@@ -1,11 +1,11 @@
 import {
   chipDensityOverrides,
   iconButtonDensityOverrides
-} from "../../chunk-XK77FY42.js";
+} from "../../chunk-25MSGLNU.js";
 import {
   checkboxRadioDensityOverrides,
   switchDensityOverrides
-} from "../../chunk-4ELI2MM3.js";
+} from "../../chunk-GAXHYRX6.js";
 import {
   paginationItemDensityOverrides,
   sliderDensityOverrides,
@@ -13,7 +13,7 @@ import {
   tableCellDensityOverrides,
   tabsIndicatorDensityOverrides,
   toggleButtonDensityOverrides
-} from "../../chunk-56TGECKZ.js";
+} from "../../chunk-NP6SHLQ3.js";
 import "../../chunk-GDN2LUTZ.js";
 import "../../chunk-26X4CZVR.js";
 import "../../chunk-YKCAJ2TN.js";

package/dist/_internal/tokens/density-overrides.navigation.js

@@ -5,7 +5,7 @@ import {
   tableCellDensityOverrides,
   tabsIndicatorDensityOverrides,
   toggleButtonDensityOverrides
-} from "../../chunk-56TGECKZ.js";
+} from "../../chunk-NP6SHLQ3.js";
 import "../../chunk-GDN2LUTZ.js";
 import "../../chunk-26X4CZVR.js";
 import "../../chunk-YKCAJ2TN.js";

package/dist/_internal/tokens/density-overrides.selection.js

@@ -1,7 +1,7 @@
 import {
   checkboxRadioDensityOverrides,
   switchDensityOverrides
-} from "../../chunk-4ELI2MM3.js";
+} from "../../chunk-GAXHYRX6.js";
 import "../../chunk-YKCAJ2TN.js";
 import "../../chunk-PZ5AY32C.js";
 export {

package/dist/_internal/tokens/density.js

@@ -1,10 +1,10 @@
 import {
   densityThemeOptions,
   useDensity
-} from "../../chunk-SWDDXMV7.js";
-import "../../chunk-XK77FY42.js";
-import "../../chunk-4ELI2MM3.js";
-import "../../chunk-56TGECKZ.js";
+} from "../../chunk-SJ4IAZ3V.js";
+import "../../chunk-25MSGLNU.js";
+import "../../chunk-GAXHYRX6.js";
+import "../../chunk-NP6SHLQ3.js";
 import "../../chunk-2TZ6X265.js";
 import "../../chunk-7FDU3FIN.js";
 import "../../chunk-EPEJMTCQ.js";

package/dist/charts.js

@@ -33,10 +33,10 @@ import "./chunk-SOHQPPYJ.js";
 import "./chunk-XRGJVS4P.js";
 import "./chunk-3IPPMWUA.js";
 import "./chunk-7ZPUN7TV.js";
-import "./chunk-SWDDXMV7.js";
-import "./chunk-XK77FY42.js";
-import "./chunk-4ELI2MM3.js";
-import "./chunk-56TGECKZ.js";
+import "./chunk-SJ4IAZ3V.js";
+import "./chunk-25MSGLNU.js";
+import "./chunk-GAXHYRX6.js";
+import "./chunk-NP6SHLQ3.js";
 import "./chunk-PT6TCWIW.js";
 import "./chunk-2TZ6X265.js";
 import "./chunk-7FDU3FIN.js";

package/dist/{chunk-XK77FY42.js → chunk-25MSGLNU.js}

@@ -3,7 +3,8 @@ import {
 } from "./chunk-YKCAJ2TN.js";
 
 // src/tokens/density-overrides.ts
-import { chipClasses } from "@mui/material/Chip/index.js";
+import generateUtilityClass from "@mui/material/generateUtilityClass/index.js";
+var CHIP_LABEL = generateUtilityClass("MuiChip", "label");
 var iconButtonRootPadding = ({ theme }) => ({ padding: rem(theme, 8) });
 var iconButtonSmallPadding = ({ theme }) => ({ padding: rem(theme, 5) });
 var iconButtonLargePadding = ({ theme }) => ({ padding: rem(theme, 12) });
@@ -26,7 +27,7 @@ var chipRootHeight = ({
   const style = { height: rem(theme, 32) };
   if (ownerState?.variant === "outlined") {
     const px = CHIP_OUTLINED_LABEL_PADDING[ownerState.size === "small" ? "small" : "medium"];
-    style[`& .${chipClasses.label}`] = { paddingLeft: rem(theme, px), paddingRight: rem(theme, px) };
+    style[`& .${CHIP_LABEL}`] = { paddingLeft: rem(theme, px), paddingRight: rem(theme, px) };
   }
   return style;
 };
@@ -56,4 +57,4 @@ export {
   iconButtonDensityOverrides,
   chipDensityOverrides
 };
-//# sourceMappingURL=chunk-XK77FY42.js.map
+//# sourceMappingURL=chunk-25MSGLNU.js.map

package/dist/chunk-25MSGLNU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/density-overrides.ts"],"sourcesContent":["import generateUtilityClass from '@mui/material/generateUtilityClass/index.js';\nimport type { Components, CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport { rem } from './relative';\n\n// Re-exported so every existing import site (`./density`, `./scales`,\n// `../provider/mui-bridge`) keeps resolving `from './density-overrides'`\n// unchanged — the split below is purely a file-layout move to stay under\n// the 400-line `quality:complexity` cap, not a public-API change.\nexport {\n  toggleButtonDensityOverrides,\n  tabDensityOverrides,\n  tabsIndicatorDensityOverrides,\n  tableCellDensityOverrides,\n  paginationItemDensityOverrides,\n  sliderDensityOverrides,\n} from './density-overrides.navigation';\nexport { checkboxRadioDensityOverrides, switchDensityOverrides } from './density-overrides.selection';\n\n/** The `ownerState` fields `MuiChip`'s two styled slots (root, label) both receive. */\ninterface ChipOwnerStateForOverrides {\n  variant?: 'filled' | 'outlined';\n  size?: 'small' | 'medium';\n}\n\n/**\n * ICONBUTTON / CHIP GEOMETRY, DENSITY-AWARE (FUT-2766).\n *\n * Both are MUI's own components, unwrapped: `@12-apps/ui` has no\n * `components/*` subpath for `IconButton`, and its `Chip` wrapper\n * (`components/data-display/Chip`) hands the drawing to `MuiChip` and adds\n * only hover/selection/transition `sx` — no geometry of its own (unlike\n * `Button`, which already draws every dimension through `rem()`,\n * `components/form/Button/Button.styles.ts`). So both draw MUI's OWN fixed-px\n * padding/height, verified against the installed `@mui/material@6.5.0` source:\n *\n * - `IconButton` (`node_modules/@mui/material/IconButton/IconButton.js`):\n *   `padding: 8` on the root (medium, the default), `padding: 5` at\n *   `size=\"small\"`, `padding: 12` at `size=\"large\"`. The icon's own `fontSize`\n *   is already relative (`pxToRem(18/24/28)`) — only `padding` was the gap.\n * - `Chip` (`node_modules/@mui/material/Chip/Chip.js`): `height: 32` on the\n *   root (medium, the default), `height: 24` at `size=\"small\"`. The label's\n *   own side padding is a SEPARATE slot (`name: 'MuiChip', slot: 'Label'`,\n *   override key `label`/`labelSmall`) at `paddingLeft`/`paddingRight: 12`\n *   default, `8` at `size=\"small\"` — restated in this package's own\n *   `Chip.metrics.ts` (`CHIP_SIZES`), which both renderers already read.\n *\n * Neither dimension moved when `theme.typography.fontSize` changed (they are\n * not written through `pxToRem`), so at `density: 'compact'` an\n * `IconButton`/`Chip` next to a now-smaller `Button` looked unchanged — the\n * visual regression FUT-2764 exists to fix. `rem(theme, px)` is the same\n * helper `Button.styles.ts` already uses, so `padding`/`height` move exactly\n * as far as `theme.typography.fontSize`'s coefficient does, and are\n * geometry-neutral at `density: 'normal'`: `rem(theme, 8)` at the unchanged\n * `fontSize: 14` renders to the same computed px as the literal `8` it\n * replaces.\n *\n * **The OUTLINED chip's own label padding (`11`/`7`, one px tighter than\n * filled's `12`/`8`) is a SEPARATE number this file must not clobber** — a\n * bug an earlier revision of this file had (a `styleOverrides.label`/\n * `labelSmall` of `12`/`8` unconditionally wins for EVERY variant, because\n * `ChipLabel`'s own `overridesResolver` (`Chip.js`) returns\n * `[styles.label, styles[label${size}]]` with no variant check at all, and\n * `@mui/system`'s `createStyled` composes `styleThemeOverrides` AFTER the\n * slot's own base styles/variants — so a theme `styleOverrides.label` always\n * outranks `ChipLabel`'s own baked-in `{ props: { variant: 'outlined' },\n * style: { paddingLeft: 11, ... } }`, at ANY density, not just a scaled one).\n * Fixed by putting the outlined fix on the ROOT slot instead, as a nested\n * `.MuiChip-label` selector inside `styleOverrides.root` itself, keyed on\n * `ownerState.variant`/`.size` — proven correct two ways: (1) a probe render\n * confirmed the naive `components.MuiChip.variants` route CANNOT reach the\n * label slot at all — `createStyled`'s `skipVariantsResolver` defaults to\n * `true` for every slot but `'Root'`, so a theme-level `variants` entry is\n * simply never evaluated for `ChipLabel`, proven by rendering an outlined\n * Chip against a `components.MuiChip.variants` entry set to an absurd\n * `999px` and reading `.MuiChip-label`'s OWN computed style: still `11px`,\n * untouched — while the SAME entry DOES leak onto `.MuiChip-root` (`999px`),\n * confirming theme `variants` is a ROOT-slot-only mechanism for this\n * component; (2) a nested `.MuiChip-label` selector written from the ROOT\n * slot is a HIGHER-specificity rule (two classes, `0,2,0`) than the label's\n * own single-class rule (`0,1,0`), so it wins regardless of source order —\n * the same technique `ChipRoot`'s OWN style already uses for its avatar/\n * icon/delete-icon sub-parts (`& .${chipClasses.avatar}`, etc., in\n * `Chip.js`), and built the same way `Chip.js` itself builds that class:\n * `generateUtilityClass('MuiChip', 'label')`, MUI's own public helper\n * (`@mui/material/generateUtilityClass`), not a hand-typed copy of it and not\n * `chipClasses` — importing `chipClasses` pulls in `@mui/material/Chip`\n * itself, which puts `MuiChip` on the critical path of every host that\n * imports `densityThemeOptions`, including one that never renders a density\n * at all (FUT-2993).\n *\n * **That same higher specificity also outranks a HOST's own theming.** A\n * host writing `theme.components.MuiChip.styleOverrides.label` for its own\n * reasons (`0,1,0`) does not win against the outlined rule here (`0,2,0`) —\n * not a bug specific to this file, `ChipLabel`'s OWN baked-in outlined\n * variant already outranked a plain `styleOverrides.label` the same way,\n * before this file existed. A host that needs to change OUTLINED label\n * padding specifically cannot do it through `styleOverrides.label`/\n * `labelSmall` at all; it reaches it through `sx` (a per-instance override,\n * highest specificity of all) or its OWN `MuiChip.styleOverrides.root`\n * function written out in full — `mergeMuiComponents` replaces `root`\n * WHOLESALE when both sides set it (see `./density.ts`'s own doc comment),\n * so a host adding to it must restate `chipRootHeight`'s own height logic\n * alongside its outlined-label change, not merely add a sibling key.\n *\n * The avatar/icon/delete-icon sub-slots (margins, sizes) and IconButton's\n * `edge=\"start\"`/`\"end\"` negative margins are DELIBERATELY untouched by this\n * file — real override keys exist, but none is in the ticket's Done-when nor\n * exercised by a call site this initiative is chasing, so they stay MUI's\n * own literals at every density (including `compact`/`comfortable` — they do\n * NOT scale here; a future ticket that needs them scaled adds its own\n * override, the way `field-height.ts`'s siblings each own one slot).\n *\n * A host that adopts `iconButtonDensityOverrides`/`chipDensityOverrides`\n * standalone (the `@12-apps/ui/tokens` export, no density channel involved)\n * sees the SAME scaling from its own `typography.fontSize` alone — `rem()`\n * only ever reads that one theme number, so a theme with a non-default\n * `fontSize` (set directly, with no `density` in the picture at all) moves\n * these numbers exactly as it moves everything else written through `rem()`.\n *\n * Each slot below is a MODULE-LEVEL function, not a closure built fresh inside\n * `iconButtonDensityOverrides`/`chipDensityOverrides` — the same reason\n * `field-height.ts`'s `restingEdge` is one: two themes built from the same\n * options (the `muiThemeOptionsFrom` and `densityThemeOptions` paths, in\n * particular) must compare equal, and a fresh arrow function per call would\n * make them differ on nothing but identity.\n */\n\n/**\n * Built with `generateUtilityClass`, not imported from `@mui/material/Chip`'s\n * own `chipClasses` — the same generated string (`Chip.js` builds\n * `chipClasses` from this exact helper), but without pulling `MuiChip` onto\n * the critical path of every host that imports `densityThemeOptions` (see the\n * module doc comment, and FUT-2993).\n */\nconst CHIP_LABEL = generateUtilityClass('MuiChip', 'label');\n\nconst iconButtonRootPadding = ({ theme }: { theme: Theme }): CSSObject => ({ padding: rem(theme, 8) });\nconst iconButtonSmallPadding = ({ theme }: { theme: Theme }): CSSObject => ({ padding: rem(theme, 5) });\nconst iconButtonLargePadding = ({ theme }: { theme: Theme }): CSSObject => ({ padding: rem(theme, 12) });\n\n/** `MuiIconButton`'s own padding, at every size MUI has. */\nexport function iconButtonDensityOverrides(): Components<Theme> {\n  return {\n    MuiIconButton: {\n      styleOverrides: {\n        root: iconButtonRootPadding,\n        sizeSmall: iconButtonSmallPadding,\n        sizeLarge: iconButtonLargePadding,\n      },\n    },\n  };\n}\n\n/** MUI's own outlined-label paddings (`ChipLabel`'s baked-in `variants`, `Chip.js`). */\nconst CHIP_OUTLINED_LABEL_PADDING = { medium: 11, small: 7 } as const;\n\nconst chipRootHeight = ({\n  theme,\n  ownerState,\n}: {\n  theme: Theme;\n  ownerState?: ChipOwnerStateForOverrides;\n}): CSSObject => {\n  const style: CSSObject = { height: rem(theme, 32) };\n  if (ownerState?.variant === 'outlined') {\n    const px = CHIP_OUTLINED_LABEL_PADDING[ownerState.size === 'small' ? 'small' : 'medium'];\n    // Higher CSS specificity than `.MuiChip-label`'s own single-class rule\n    // (two classes vs one) — wins over `chipLabelPadding`/`chipLabelSmallPadding`\n    // below regardless of stylesheet insertion order. See the module doc\n    // comment for why this must live here and not on the label slot itself.\n    // `CHIP_LABEL` (`generateUtilityClass('MuiChip', 'label')`), not a\n    // hand-typed `.MuiChip-label` string — the same helper `Chip.js`'s own\n    // root style reads for its avatar/icon/delete-icon selectors (via\n    // `chipClasses`), so this tracks whatever `Chip.js` itself puts on the\n    // label element rather than a separately-maintained copy of it. A host\n    // that calls `ClassNameGenerator.configure` before any `MuiChip` module\n    // loads renames the real class; a literal string would silently stop\n    // matching it, `generateUtilityClass` cannot — and unlike `chipClasses`,\n    // it does so without importing `@mui/material/Chip` at all (FUT-2993).\n    style[`& .${CHIP_LABEL}`] = { paddingLeft: rem(theme, px), paddingRight: rem(theme, px) };\n  }\n  return style;\n};\nconst chipSmallHeight = ({ theme }: { theme: Theme }): CSSObject => ({ height: rem(theme, 24) });\nconst chipLabelPadding = ({ theme }: { theme: Theme }): CSSObject => ({\n  paddingLeft: rem(theme, 12),\n  paddingRight: rem(theme, 12),\n});\nconst chipLabelSmallPadding = ({ theme }: { theme: Theme }): CSSObject => ({\n  paddingLeft: rem(theme, 8),\n  paddingRight: rem(theme, 8),\n});\n\n/** `MuiChip`'s own height (root) and label side padding (label), at both sizes MUI has. */\nexport function chipDensityOverrides(): Components<Theme> {\n  return {\n    MuiChip: {\n      styleOverrides: {\n        root: chipRootHeight,\n        sizeSmall: chipSmallHeight,\n        label: chipLabelPadding,\n        labelSmall: chipLabelSmallPadding,\n      },\n    },\n  };\n}\n"],"mappings":";;;;;AAAA,OAAO,0BAA0B;AAuIjC,IAAM,aAAa,qBAAqB,WAAW,OAAO;AAE1D,IAAM,wBAAwB,CAAC,EAAE,MAAM,OAAoC,EAAE,SAAS,IAAI,OAAO,CAAC,EAAE;AACpG,IAAM,yBAAyB,CAAC,EAAE,MAAM,OAAoC,EAAE,SAAS,IAAI,OAAO,CAAC,EAAE;AACrG,IAAM,yBAAyB,CAAC,EAAE,MAAM,OAAoC,EAAE,SAAS,IAAI,OAAO,EAAE,EAAE;AAG/F,SAAS,6BAAgD;AAC9D,SAAO;AAAA,IACL,eAAe;AAAA,MACb,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;AAGA,IAAM,8BAA8B,EAAE,QAAQ,IAAI,OAAO,EAAE;AAE3D,IAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AACF,MAGiB;AACf,QAAM,QAAmB,EAAE,QAAQ,IAAI,OAAO,EAAE,EAAE;AAClD,MAAI,YAAY,YAAY,YAAY;AACtC,UAAM,KAAK,4BAA4B,WAAW,SAAS,UAAU,UAAU,QAAQ;AAcvF,UAAM,MAAM,UAAU,EAAE,IAAI,EAAE,aAAa,IAAI,OAAO,EAAE,GAAG,cAAc,IAAI,OAAO,EAAE,EAAE;AAAA,EAC1F;AACA,SAAO;AACT;AACA,IAAM,kBAAkB,CAAC,EAAE,MAAM,OAAoC,EAAE,QAAQ,IAAI,OAAO,EAAE,EAAE;AAC9F,IAAM,mBAAmB,CAAC,EAAE,MAAM,OAAoC;AAAA,EACpE,aAAa,IAAI,OAAO,EAAE;AAAA,EAC1B,cAAc,IAAI,OAAO,EAAE;AAC7B;AACA,IAAM,wBAAwB,CAAC,EAAE,MAAM,OAAoC;AAAA,EACzE,aAAa,IAAI,OAAO,CAAC;AAAA,EACzB,cAAc,IAAI,OAAO,CAAC;AAC5B;AAGO,SAAS,uBAA0C;AACxD,SAAO;AAAA,IACL,SAAS;AAAA,MACP,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN,WAAW;AAAA,QACX,OAAO;AAAA,QACP,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/{chunk-7VC6YBD3.js → chunk-3U45DRNS.js}

@@ -3,7 +3,7 @@ import {
   SaveError,
   SettingHeader,
   partTestId
-} from "./chunk-HVZ4HF4M.js";
+} from "./chunk-5N2UJOCT.js";
 import {
   descriptionStyles
 } from "./chunk-3DO5AJCG.js";
@@ -71,4 +71,4 @@ export {
   useSettingSwitchIds,
   SettingSwitchBlock
 };
-//# sourceMappingURL=chunk-7VC6YBD3.js.map
+//# sourceMappingURL=chunk-3U45DRNS.js.map

package/dist/{chunk-ZQCZMSLO.js → chunk-4B5WSVS7.js}

@@ -1,6 +1,6 @@
 import {
   useDataGridModel
-} from "./chunk-WB6BTUXQ.js";
+} from "./chunk-OWILUXWM.js";
 import {
   GridBody,
   GridHeader
@@ -120,4 +120,4 @@ export {
   DataGrid,
   GRID_ONLY_PROPS
 };
-//# sourceMappingURL=chunk-ZQCZMSLO.js.map
+//# sourceMappingURL=chunk-4B5WSVS7.js.map

package/dist/{chunk-F4FOBTLJ.js → chunk-4BI5PCOM.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-7V6ZRQYW.js";
 import {
   useUiTheme
-} from "./chunk-VOF6QVCF.js";
+} from "./chunk-HF7V3RI5.js";
 import {
   resolveTestId
 } from "./chunk-TYJR4GOF.js";
@@ -63,4 +63,4 @@ export {
   layoutToSx,
   Box
 };
-//# sourceMappingURL=chunk-F4FOBTLJ.js.map
+//# sourceMappingURL=chunk-4BI5PCOM.js.map

package/dist/{chunk-HVZ4HF4M.js → chunk-5N2UJOCT.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-RV26QUJS.js";
 import {
   Icon
-} from "./chunk-V2SAZOT2.js";
+} from "./chunk-FYTC4LOD.js";
 import {
   Button
 } from "./chunk-RIZRF5XR.js";
@@ -137,4 +137,4 @@ export {
   PendingSpinner,
   LearnMore
 };
-//# sourceMappingURL=chunk-HVZ4HF4M.js.map
+//# sourceMappingURL=chunk-5N2UJOCT.js.map

package/dist/{chunk-DFCX3FNB.js → chunk-5ZBFADBL.js}

@@ -1,6 +1,6 @@
 import {
   DENSITY_ROW_PADDING
-} from "./chunk-ZC3NEUNQ.js";
+} from "./chunk-I2LF53MJ.js";
 import {
   CellConfigProvider,
   cellTracks
@@ -129,4 +129,4 @@ export {
   cellRailCount,
   ListCardGroup
 };
-//# sourceMappingURL=chunk-DFCX3FNB.js.map
+//# sourceMappingURL=chunk-5ZBFADBL.js.map