@12-apps/ui 6.26.0 → 6.27.1

package/dist/{chunk-JO6BBSGY.js → chunk-DWJBOR47.js}

@@ -1,12 +1,12 @@
 import {
   Sheet
-} from "./chunk-4J5EN4FQ.js";
+} from "./chunk-GBX5ACPF.js";
 import {
   Dialog
 } from "./chunk-YANLN6HP.js";
 import {
   Button
-} from "./chunk-SLVQ33AN.js";
+} from "./chunk-77DF5LKI.js";
 import {
   accentFor
 } from "./chunk-V5IOLAIS.js";
@@ -162,4 +162,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-JO6BBSGY.js.map
+//# sourceMappingURL=chunk-DWJBOR47.js.map

package/dist/{chunk-YW5T6KZ5.js → chunk-DYESJJ3Q.js}

@@ -1,20 +1,20 @@
-import {
-  buildBadgeContent
-} from "./chunk-OLVZ6TOV.js";
-import {
-  badgeStyles,
-  getAnchorOrigin
-} from "./chunk-EZSEAYYT.js";
 import {
   badgeContentOf,
   definedAria,
   formatCount,
   resolveBadgeProps
 } from "./chunk-6C5D6O3D.js";
+import {
+  buildBadgeContent
+} from "./chunk-TUO47RL2.js";
+import {
+  badgeStyles,
+  getAnchorOrigin
+} from "./chunk-SSWZHR46.js";
 import {
   CLOSE_DELAY_MS,
   MOUNT_ANIMATION_MS
-} from "./chunk-KVEHH4SA.js";
+} from "./chunk-DB2MAYPK.js";
 import {
   resolveTestId
 } from "./chunk-TYJR4GOF.js";
@@ -180,4 +180,4 @@ Badge.displayName = "Badge";
 export {
   Badge
 };
-//# sourceMappingURL=chunk-YW5T6KZ5.js.map
+//# sourceMappingURL=chunk-DYESJJ3Q.js.map

package/dist/{chunk-TZDDL3DR.js → chunk-ECMJ5VPW.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4GGH6ZQ7.js";
 import {
   Box
-} from "./chunk-W4YWU7LQ.js";
+} from "./chunk-LO2B7FDQ.js";
 
 // src/components/layout/Stack/Stack.tsx
 import * as React from "react";
@@ -16,4 +16,4 @@ Stack.displayName = "Stack";
 export {
   Stack
 };
-//# sourceMappingURL=chunk-TZDDL3DR.js.map
+//# sourceMappingURL=chunk-ECMJ5VPW.js.map

package/dist/{chunk-OH3YGJT5.js → chunk-EMNGIYH6.js}

@@ -1,13 +1,13 @@
 import {
   renderChartByType
-} from "./chunk-KT6HWAEN.js";
-import {
-  ChartContainer
-} from "./chunk-M5T3COS2.js";
+} from "./chunk-WZUNBSS7.js";
 import {
   getSizeStyles,
   getVariantStyles
 } from "./chunk-XXDXW6TX.js";
+import {
+  ChartContainer
+} from "./chunk-M5T3COS2.js";
 import {
   muiColor
 } from "./chunk-7ZPUN7TV.js";
@@ -104,4 +104,4 @@ var Chart = (props) => {
 export {
   Chart
 };
-//# sourceMappingURL=chunk-OH3YGJT5.js.map
+//# sourceMappingURL=chunk-EMNGIYH6.js.map

package/dist/{chunk-CZJLWCEG.js → chunk-EPNCYUQ7.js}

@@ -1,12 +1,12 @@
-import {
-  useCalendar
-} from "./chunk-ISW5K72V.js";
 import {
   resolveCalendarProps
 } from "./chunk-SUALMVL7.js";
 import {
   CalendarMonth
 } from "./chunk-PUBPZOQJ.js";
+import {
+  useCalendar
+} from "./chunk-2ZRZTGWP.js";
 
 // src/components/form/Calendar/Calendar.tsx
 import Box from "@mui/material/Box/index.js";
@@ -83,4 +83,4 @@ export {
   Calendar,
   Calendar_default
 };
-//# sourceMappingURL=chunk-CZJLWCEG.js.map
+//# sourceMappingURL=chunk-EPNCYUQ7.js.map

package/dist/{chunk-JZXWCEH5.js → chunk-EQA4VQEO.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ZCPSND5Y.js";
 import {
   FleetBody
-} from "./chunk-RP5FK3SO.js";
+} from "./chunk-L7LCSZ3H.js";
 import {
   FLEET_DEFAULT_LAGGING_AFTER_SECONDS,
   FLEET_DEFAULT_STALE_AFTER_SECONDS,
@@ -113,4 +113,4 @@ export {
   FleetMap,
   FleetMap_default
 };
-//# sourceMappingURL=chunk-JZXWCEH5.js.map
+//# sourceMappingURL=chunk-EQA4VQEO.js.map

package/dist/{chunk-3N6EK6K5.js → chunk-ERX4XIYC.js}

@@ -1,6 +1,6 @@
 import {
   FONT_WEIGHTS
-} from "./chunk-NQN5Z36J.js";
+} from "./chunk-QLI7ES7Z.js";
 import {
   HEADING_SCALE
 } from "./chunk-FZXKH2ZT.js";
@@ -54,4 +54,4 @@ export {
   headingGradient,
   headingGradientStops
 };
-//# sourceMappingURL=chunk-3N6EK6K5.js.map
+//# sourceMappingURL=chunk-ERX4XIYC.js.map

package/dist/{chunk-TTLI6PF7.js → chunk-FF3R67WD.js}

@@ -4,10 +4,10 @@ import {
   isActionable,
   isSelectable,
   slotTestIds
-} from "./chunk-OQFSYMHJ.js";
+} from "./chunk-67ALTEWH.js";
 import {
   STACK_BREAK
-} from "./chunk-BHIGHSXA.js";
+} from "./chunk-NNXZ5RK5.js";
 import {
   useDragItem
 } from "./chunk-JCJGJX7V.js";
@@ -16,10 +16,10 @@ import {
   RAIL_GAP,
   railsTemplateFor,
   useListRails
-} from "./chunk-CZPU5TW3.js";
+} from "./chunk-RFZU5BTG.js";
 import {
   DENSITY_ROW_PADDING
-} from "./chunk-ZPIMPOHV.js";
+} from "./chunk-M7E66OSC.js";
 
 // src/components/data-display/DataViews/base-list-card-geometry.tsx
 import { useTheme } from "@mui/material/styles/index.js";
@@ -181,4 +181,4 @@ export {
   actionProps,
   rowStyles
 };
-//# sourceMappingURL=chunk-TTLI6PF7.js.map
+//# sourceMappingURL=chunk-FF3R67WD.js.map

package/dist/{chunk-4Y6SPFKW.js → chunk-FOF2RAVQ.js}

@@ -5,7 +5,7 @@ import {
   fadeInScale,
   getColorFromTheme,
   getVariantIcon
-} from "./chunk-CXLAJZSE.js";
+} from "./chunk-3VZT2FAI.js";
 import {
   resolveAlertProps,
   resolveAnnouncement,
@@ -26,14 +26,14 @@ import {
   HOVER,
   TITLE,
   seconds
-} from "./chunk-TXKZEKJN.js";
+} from "./chunk-XNOSTV5F.js";
 import {
   resolveTestId,
   withoutTestIdProps
 } from "./chunk-TYJR4GOF.js";
 import {
   px
-} from "./chunk-NQN5Z36J.js";
+} from "./chunk-QLI7ES7Z.js";
 
 // src/components/data-display/Alert/Alert.tsx
 import Close from "@mui/icons-material/Close";
@@ -286,4 +286,4 @@ export {
   Alert,
   ALERT_ONLY_PROPS
 };
-//# sourceMappingURL=chunk-4Y6SPFKW.js.map
+//# sourceMappingURL=chunk-FOF2RAVQ.js.map

package/dist/{chunk-KLREH4X6.js → chunk-G2JPUHEJ.js}

@@ -1,6 +1,6 @@
 import {
   uiThemeFromMui
-} from "./chunk-YMRI5QKG.js";
+} from "./chunk-IV5QQLCS.js";
 
 // src/provider/use-ui-theme.ts
 import { useTheme } from "@mui/material/styles/index.js";
@@ -13,4 +13,4 @@ function useUiTheme() {
 export {
   useUiTheme
 };
-//# sourceMappingURL=chunk-KLREH4X6.js.map
+//# sourceMappingURL=chunk-G2JPUHEJ.js.map

package/dist/{chunk-BBC4KT5G.js → chunk-G76H5PEM.js}

@@ -66,6 +66,24 @@ var TABS_DEFAULTS = {
   disabled: false,
   loading: false
 };
+var OWN_PROPS = /* @__PURE__ */ new Set([
+  "items",
+  "closeTabLabel",
+  "color",
+  "size",
+  "fullWidth",
+  "scrollable",
+  "scrollButtons",
+  "sticky",
+  "stickyOffset",
+  "animateContent",
+  "animationDuration",
+  "persistContent",
+  "tabPanelProps",
+  "loading",
+  "loadingComponent"
+]);
+var domPassthrough = (props) => Object.fromEntries(Object.entries(props).filter(([key]) => !OWN_PROPS.has(key)));
 var definedProps = (props) => Object.fromEntries(
   Object.entries(props).filter(([, value]) => value !== void 0)
 );
@@ -213,7 +231,7 @@ var Tabs = React.forwardRef(
         TabsBar,
         {
           ...resolved,
-          rest,
+          rest: domPassthrough(rest),
           onChange: handleChange,
           onCloseTab: handleTabClose
         }
@@ -228,4 +246,4 @@ Tabs.displayName = "Tabs";
 export {
   Tabs
 };
-//# sourceMappingURL=chunk-BBC4KT5G.js.map
+//# sourceMappingURL=chunk-G76H5PEM.js.map

package/dist/chunk-G76H5PEM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/Tabs/Tabs.tsx"],"sourcesContent":["import Close from '@mui/icons-material/Close';\nimport Badge from '@mui/material/Badge/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport MuiTab from '@mui/material/Tab/index.js';\nimport MuiTabs from '@mui/material/Tabs/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { CustomTabPanel } from './TabsPanel';\nimport { tabsRootStyles } from './Tabs.styles';\nimport type { TabItem, TabsProps } from './Tabs.types';\n\nconst StyledTabs = styled(MuiTabs, {\n  shouldForwardProp: (prop) => !['customVariant', 'size', 'showDividers'].includes(prop as string) })<{ customVariant?: string; size?: string; showDividers?: boolean }>(\n  ({ theme, customVariant, size, showDividers }) => ({\n    ...tabsRootStyles({ theme, customVariant, size, showDividers }) }),\n);\n\nconst CloseButton = styled(Box)(({ theme }) => ({\n  marginLeft: theme.spacing(0.5),\n  padding: theme.spacing(0.25),\n  width: 20,\n  height: 20,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  cursor: 'pointer',\n  borderRadius: '50%',\n  color: theme.palette.action.active,\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.error.main, 0.1),\n    color: theme.palette.error.main } }));\n\nconst BadgeWrapper = styled(Badge)(() => ({\n  '& .MuiBadge-badge': {\n    right: -6,\n    top: 4,\n    fontSize: '0.75rem',\n    minWidth: 16,\n    height: 16,\n    padding: 0 } }));\n\nconst TABS_DEFAULTS: Partial<TabsProps> = {\n  variant: 'default',\n  size: 'md',\n  color: 'primary',\n  fullWidth: false,\n  orientation: 'horizontal',\n  showDividers: false,\n  centered: false,\n  scrollable: false,\n  scrollButtons: 'auto',\n  sticky: false,\n  stickyOffset: 0,\n  animateContent: false,\n  animationDuration: 300,\n  persistContent: false,\n  disabled: false,\n  loading: false };\n\n/**\n * The props this component OWNS and MUI's `Tabs` does not understand (12-86).\n *\n * `rest` below is spread onto the DOM node, so anything left in it that React\n * cannot place on an element is reported — five `does not recognize the … prop`\n * warnings and three `Received false for a non-boolean attribute`, on every\n * render, in the browser console and in every host's jsdom output.\n *\n * An explicit list rather than `Object.keys(TABS_DEFAULTS)`, because the two\n * sets differ in both directions: `items`, `closeTabLabel`, `tabPanelProps` and\n * `loadingComponent` have no default and still must not reach the DOM, while\n * `orientation`, `centered` and `indicatorColor` are real MUI props that must.\n * An omission rather than more destructuring, so a prop added to `TabsProps`\n * costs a line here instead of an unused `_name` binding.\n *\n * Deliberately NOT here: `onFocus` and `onBlur`. They are ordinary DOM handlers\n * that reach the element through `rest` and nowhere else, so listing them would\n * silently stop them working.\n */\nconst OWN_PROPS = new Set<string>([\n  'items',\n  'closeTabLabel',\n  'color',\n  'size',\n  'fullWidth',\n  'scrollable',\n  'scrollButtons',\n  'sticky',\n  'stickyOffset',\n  'animateContent',\n  'animationDuration',\n  'persistContent',\n  'tabPanelProps',\n  'loading',\n  'loadingComponent',\n]);\n\n/** `props` with every {@link OWN_PROPS} key dropped — what is left is passthrough. */\nconst domPassthrough = (props: Record<string, unknown>): Record<string, unknown> =>\n  Object.fromEntries(Object.entries(props).filter(([key]) => !OWN_PROPS.has(key)));\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}`\n// still falls back to the default as a destructuring default would.\nconst definedProps = (props: TabsProps): Partial<TabsProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<TabsProps>;\n\n// Once the row is scrollable every accepted scrollButtons value ends up as\n// MUI's 'auto'. That is exactly what the previous nested ternary did — it mapped\n// 'on'/'off'/'desktop' to 'auto', and its remaining branch could only ever be\n// 'auto' anyway — so the behaviour is preserved here rather than quietly\n// changed. Worth knowing that scrollButtons=\"off\" therefore still shows buttons.\nconst resolveScrollButtons = (scrollable?: boolean): 'auto' | false =>\n  scrollable ? 'auto' : false;\n\nconst buildTabsSx = ({\n  fullWidth,\n  sticky,\n  stickyOffset,\n  indicatorColor,\n  disabled }: {\n  fullWidth?: boolean;\n  sticky?: boolean;\n  stickyOffset?: number;\n  indicatorColor?: string;\n  disabled?: boolean;\n}) => ({\n  ...(fullWidth && { width: '100%' }),\n  // Pin the tab list while panels scroll beneath it. Opaque background + bottom\n  // divider so scrolled content does not show through.\n  ...(sticky && {\n    position: 'sticky',\n    top: stickyOffset,\n    zIndex: 2,\n    backgroundColor: 'background.default',\n    borderBottom: 1,\n    borderColor: 'divider' }),\n  ...(indicatorColor && {\n    '& .MuiTabs-indicator': { backgroundColor: indicatorColor } }),\n  ...(disabled && { opacity: 0.6, pointerEvents: 'none' }) });\n\n// A tab's label: icon, text, optional close affordance, optionally badged.\nconst TabLabel: React.FC<{\n  item: TabItem;\n  closeTabLabel: string;\n  onClose: (event: React.MouseEvent | React.KeyboardEvent, tabId: string) => void;\n}> = ({ item, closeTabLabel, onClose }) => {\n  const content = (\n    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n      {item.icon}\n      <span>{item.label}</span>\n      {item.closable && (\n        <CloseButton\n          onClick={(e) => onClose(e, item.id)}\n          role=\"button\"\n          tabIndex={0}\n          aria-label={closeTabLabel}\n          onKeyDown={(e) => {\n            if (e.key !== 'Enter' && e.key !== ' ') return;\n            onClose(e, item.id);\n          }}\n        >\n          <Close fontSize=\"inherit\" />\n        </CloseButton>\n      )}\n    </Box>\n  );\n\n  if (item.badge === undefined) return content;\n\n  return (\n    <BadgeWrapper badgeContent={item.badge} color=\"error\">\n      {content}\n    </BadgeWrapper>\n  );\n};\n\ntype ResolvedTabs = TabsProps;\n\n// The tab strip. Kept in this file because StyledTabs cannot cross a module\n// boundary (TS2742).\nconst TabsBar: React.FC<\n  ResolvedTabs & {\n    rest: Record<string, unknown>;\n    onChange: (event: React.SyntheticEvent, newValue: string) => void;\n    onCloseTab: (event: React.MouseEvent | React.KeyboardEvent, tabId: string) => void;\n  }\n> = ({ rest, items, value, onChange, onCloseTab, dataTestId, ...p }) => (\n  <StyledTabs\n    {...rest}\n    value={value}\n    onChange={onChange}\n    customVariant={p.variant}\n    size={p.size}\n    showDividers={p.showDividers}\n    orientation={p.orientation}\n    centered={p.centered}\n    // MUI only scrolls when its own `variant` is `scrollable`; map our\n    // `scrollable` flag onto it so overflowing tab rows actually scroll.\n    variant={p.scrollable ? 'scrollable' : 'standard'}\n    data-testid={dataTestId ? `${dataTestId}-list` : 'tabs-list'}\n    scrollButtons={resolveScrollButtons(p.scrollable)}\n    allowScrollButtonsMobile={p.scrollable}\n    textColor={p.color}\n    indicatorColor={p.color}\n    sx={buildTabsSx({\n      fullWidth: p.fullWidth,\n      sticky: p.sticky,\n      stickyOffset: p.stickyOffset,\n      indicatorColor: p.indicatorColor,\n      disabled: p.disabled })}\n  >\n    {items.map((item, index) => (\n      <MuiTab\n        key={item.id}\n        value={item.id}\n        label={<TabLabel closeTabLabel={p.closeTabLabel} item={item} onClose={onCloseTab} />}\n        disabled={item.disabled || p.disabled}\n        className={item.className}\n        id={`tab-${item.id}`}\n        aria-controls={`tabpanel-${item.id}`}\n        aria-disabled={item.disabled || p.disabled}\n        data-testid={dataTestId ? `${dataTestId}-tab-${index}` : `tabs-tab-${index}`}\n      />\n    ))}\n  </StyledTabs>\n);\n\nconst TabsPanels: React.FC<ResolvedTabs> = ({\n  items,\n  value,\n  variant,\n  animateContent,\n  animationDuration,\n  persistContent,\n  loading,\n  loadingComponent,\n  tabPanelProps,\n  dataTestId }) => (\n  <Box sx={{ mt: variant === 'enclosed' ? 0 : 2 }}>\n    {items.map((item, index) => (\n      <CustomTabPanel\n        key={item.id}\n        id={item.id}\n        value={value}\n        animate={animateContent}\n        animationDuration={animationDuration}\n        persist={persistContent}\n        loading={loading}\n        loadingComponent={loadingComponent}\n        className={tabPanelProps?.className}\n        dataTestId={dataTestId}\n        index={index}\n      >\n        {item.content}\n      </CustomTabPanel>\n    ))}\n  </Box>\n);\n\nexport const Tabs = React.forwardRef<HTMLDivElement, TabsProps>(\n  (tabsProps, ref) => {\n    const resolved = { ...TABS_DEFAULTS, ...definedProps(tabsProps) } as TabsProps;\n    const {\n      // Destructured only to keep it OUT of `rest`, which is spread onto the\n      // DOM node — `{...resolved}` below is what actually carries it to\n      // `TabsBar`. Same reason as `value` on the next line.\n      closeTabLabel: _closeTabLabel,\n      value: _value,\n      onChange,\n      onTabClose,\n      className,\n      disabled,\n      showDividers,\n      variant,\n      dataTestId,\n      ...rest\n    } = resolved;\n\n    const handleChange = (event: React.SyntheticEvent, newValue: string) => {\n      if (!disabled) onChange(event, newValue);\n    };\n\n    const handleTabClose = (event: React.MouseEvent | React.KeyboardEvent, tabId: string) => {\n      event.stopPropagation();\n      onTabClose?.(tabId);\n    };\n\n    return (\n      <Box className={className} ref={ref} data-testid={dataTestId || 'tabs'}>\n        <TabsBar\n          {...resolved}\n          // The destructuring above drops the props this component USES;\n          // `domPassthrough` drops the ones it merely OWNS. Both have to go:\n          // `rest` is spread onto the DOM node, and the second group is where\n          // 12-86's warnings came from.\n          rest={domPassthrough(rest as unknown as Record<string, unknown>)}\n          onChange={handleChange}\n          onCloseTab={handleTabClose}\n        />\n\n        {showDividers && variant !== 'enclosed' && <Divider />}\n\n        <TabsPanels {...resolved} />\n      </Box>\n    );\n  },\n);\n\nTabs.displayName = 'Tabs';\n"],"mappings":"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","names":[]}

package/dist/{chunk-4J5EN4FQ.js → chunk-GBX5ACPF.js}

@@ -1,3 +1,7 @@
+import {
+  useSheetDrag,
+  useSheetOpen
+} from "./chunk-OLZTGVBT.js";
 import {
   SheetBody
 } from "./chunk-JBMBFYFA.js";
@@ -7,10 +11,6 @@ import {
 import {
   SheetOverlay
 } from "./chunk-U437KFDI.js";
-import {
-  useSheetDrag,
-  useSheetOpen
-} from "./chunk-OLZTGVBT.js";
 import {
   DEFAULT_DRAG_RESISTANCE,
   DEFAULT_VELOCITY_THRESHOLD,
@@ -124,4 +124,4 @@ var Sheet = (props) => {
 export {
   Sheet
 };
-//# sourceMappingURL=chunk-4J5EN4FQ.js.map
+//# sourceMappingURL=chunk-GBX5ACPF.js.map

package/dist/{chunk-ZZMZF7PZ.js → chunk-GQJ4NCZ6.js}

@@ -10,10 +10,10 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-SLVQ33AN.js";
+} from "./chunk-77DF5LKI.js";
 import {
   Text
-} from "./chunk-343TTIHD.js";
+} from "./chunk-PENJBKPH.js";
 
 // src/components/data-display/DataViews/DeleteViewDialog.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -69,4 +69,4 @@ function DeleteViewDialog({
 export {
   DeleteViewDialog
 };
-//# sourceMappingURL=chunk-ZZMZF7PZ.js.map
+//# sourceMappingURL=chunk-GQJ4NCZ6.js.map

package/dist/{chunk-IPVYEPXO.js → chunk-GSTRPZS4.js}

@@ -1,3 +1,6 @@
+import {
+  DEFAULT_QUICK_RANGES
+} from "./chunk-QKLSHNOH.js";
 import {
   useDateRangePicker
 } from "./chunk-OD4Z5G6G.js";
@@ -7,15 +10,12 @@ import {
 import {
   DateRangeFields
 } from "./chunk-MEWYA74E.js";
-import {
-  DEFAULT_QUICK_RANGES
-} from "./chunk-QKLSHNOH.js";
 import {
   toLocalDay
 } from "./chunk-FRAVVI4A.js";
 import {
   Calendar
-} from "./chunk-CZJLWCEG.js";
+} from "./chunk-EPNCYUQ7.js";
 
 // src/components/form/DateRangePicker/DateRangePicker.tsx
 import Box from "@mui/material/Box/index.js";
@@ -180,4 +180,4 @@ export {
   DateRangePicker,
   DateRangePicker_default
 };
-//# sourceMappingURL=chunk-IPVYEPXO.js.map
+//# sourceMappingURL=chunk-GSTRPZS4.js.map

package/dist/{chunk-HFXTAEYY.js → chunk-GTLJYAEG.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-TYJR4GOF.js";
 import {
   px
-} from "./chunk-NQN5Z36J.js";
+} from "./chunk-QLI7ES7Z.js";
 
 // src/components/typography/Paragraph/Paragraph.tsx
 import Typography from "@mui/material/Typography/index.js";
@@ -106,4 +106,4 @@ Paragraph.displayName = "Paragraph";
 export {
   Paragraph
 };
-//# sourceMappingURL=chunk-HFXTAEYY.js.map
+//# sourceMappingURL=chunk-GTLJYAEG.js.map

package/dist/{chunk-M4LFDGI6.js → chunk-GYQT47YZ.js}

@@ -1,7 +1,7 @@
 import {
   ACTIVE,
   HOVER
-} from "./chunk-TXKZEKJN.js";
+} from "./chunk-XNOSTV5F.js";
 
 // src/components/data-display/Banner/Banner.styles.ts
 import { alpha, keyframes } from "@mui/material/styles/index.js";
@@ -134,4 +134,4 @@ export {
   bannerPointerStates,
   BANNER_TINT_S
 };
-//# sourceMappingURL=chunk-M4LFDGI6.js.map
+//# sourceMappingURL=chunk-GYQT47YZ.js.map

package/dist/{chunk-JSH3HFDQ.js → chunk-H3BQFEN5.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-343TTIHD.js";
+} from "./chunk-PENJBKPH.js";
 
 // src/components/data-display/DataViews/data-views-header-row.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -36,4 +36,4 @@ function GridHeaderRow({
 export {
   GridHeaderRow
 };
-//# sourceMappingURL=chunk-JSH3HFDQ.js.map
+//# sourceMappingURL=chunk-H3BQFEN5.js.map

package/dist/{chunk-OV4WREMW.js → chunk-HKB5C2KY.js}

@@ -1,16 +1,16 @@
+import {
+  ColumnsTab
+} from "./chunk-OAWEUKUC.js";
 import {
   DisplayTab,
   SortTab
-} from "./chunk-7NSX7A5H.js";
-import {
-  ColumnsTab
-} from "./chunk-DW5FRWRQ.js";
+} from "./chunk-N5PY7IXI.js";
 import {
   ViewActions,
   ViewFooter,
   ViewHeader,
   ViewsList
-} from "./chunk-OE2ZVL67.js";
+} from "./chunk-6VHCSPKK.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-SLVQ33AN.js";
+} from "./chunk-77DF5LKI.js";
 
 // src/components/data-display/DataViews/data-views-display-panel.tsx
 import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
@@ -261,4 +261,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-OV4WREMW.js.map
+//# sourceMappingURL=chunk-HKB5C2KY.js.map

package/dist/{chunk-BLBOYCOV.js → chunk-HKV4MQ2W.js}

@@ -1,13 +1,13 @@
-import {
-  resolveAxisConfig,
-  resolveBarGeometry
-} from "./chunk-4V532JF6.js";
 import {
   getAxisStyles,
   getDefaultColors,
   getSizeStyles,
   resolveSeries
 } from "./chunk-XXDXW6TX.js";
+import {
+  resolveAxisConfig,
+  resolveBarGeometry
+} from "./chunk-4V532JF6.js";
 
 // src/components/data-display/Chart/chart-context.ts
 function buildChartContext(props, theme) {
@@ -48,4 +48,4 @@ function buildChartContext(props, theme) {
 export {
   buildChartContext
 };
-//# sourceMappingURL=chunk-BLBOYCOV.js.map
+//# sourceMappingURL=chunk-HKV4MQ2W.js.map

package/dist/{chunk-4MGFUPQT.js → chunk-HOJL2GKW.js}

@@ -1,3 +1,6 @@
+import {
+  useAddressSelection
+} from "./chunk-VRPCZ3IE.js";
 import {
   useAddressPredictions
 } from "./chunk-HEBZ7Q7O.js";
@@ -7,9 +10,6 @@ import {
 import {
   useCurrentLocation
 } from "./chunk-AYP6ICAY.js";
-import {
-  useAddressSelection
-} from "./chunk-VRPCZ3IE.js";
 
 // src/components/form/AddressAutocomplete/AddressAutocomplete.hooks.ts
 import { useCallback, useState } from "react";
@@ -70,4 +70,4 @@ var useAddressAutocomplete = ({
 export {
   useAddressAutocomplete
 };
-//# sourceMappingURL=chunk-4MGFUPQT.js.map
+//# sourceMappingURL=chunk-HOJL2GKW.js.map

package/dist/{chunk-HR7YTBR7.js → chunk-IASDP44E.js}

@@ -1,13 +1,13 @@
 import {
   useViewMutations
 } from "./chunk-DZEC6RFM.js";
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
 import {
   coerceViewState,
   emptyViewState
 } from "./chunk-LHHAYZ55.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
 
 // src/components/data-display/DataViews/use-saved-views-controller.ts
 import { useRef, useState } from "react";
@@ -96,4 +96,4 @@ function useSavedViewsController(persistence, router, columnIds, views, initialV
 export {
   useSavedViewsController
 };
-//# sourceMappingURL=chunk-HR7YTBR7.js.map
+//# sourceMappingURL=chunk-IASDP44E.js.map

package/dist/{chunk-YMRI5QKG.js → chunk-IV5QQLCS.js}

@@ -9,7 +9,7 @@ import {
   TYPE_SIZES,
   WEB_FONT_FAMILY,
   WEB_MONOSPACE_FONT_FAMILY
-} from "./chunk-NQN5Z36J.js";
+} from "./chunk-QLI7ES7Z.js";
 import {
   cssLengthToPx,
   cssTrackingToEm
@@ -131,4 +131,4 @@ export {
   uiThemeFromMui,
   muiThemeOptionsFrom
 };
-//# sourceMappingURL=chunk-YMRI5QKG.js.map
+//# sourceMappingURL=chunk-IV5QQLCS.js.map

package/dist/{chunk-JUHUKZGU.js → chunk-JD3D6Y4U.js}

@@ -1,6 +1,6 @@
 import {
   AvatarView
-} from "./chunk-NA7MIEG6.js";
+} from "./chunk-SZETT7QV.js";
 import {
   BORDER_WIDTH,
   GROUP_HOVER,
@@ -172,4 +172,4 @@ export {
   Avatar,
   AvatarGroup
 };
-//# sourceMappingURL=chunk-JUHUKZGU.js.map
+//# sourceMappingURL=chunk-JD3D6Y4U.js.map

package/dist/{chunk-FR67FG2U.js → chunk-JFRKBSWI.js}

@@ -1,9 +1,11 @@
 import {
-  LabelContainer,
   SwitchControl,
   SwitchHelper,
-  SwitchLabel
-} from "./chunk-N5IVVLTH.js";
+  SwitchRow
+} from "./chunk-UG76BO5K.js";
+import {
+  switchIds
+} from "./chunk-SZS7VZJN.js";
 import {
   splitTestId
 } from "./chunk-TYJR4GOF.js";
@@ -13,7 +15,7 @@ import {
 
 // src/components/form/Switch/Switch.tsx
 import Box from "@mui/material/Box/index.js";
-import { forwardRef } from "react";
+import { forwardRef, useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var DEFAULTS = {
   variant: "default",
@@ -54,10 +56,20 @@ var Switch = forwardRef((props, ref) => {
     loading,
     ripple,
     pulse,
+    id,
+    inputProps,
     ...others
   } = withDefaults(props, DEFAULTS);
   const { testId: dataTestId, rest } = splitTestId(others);
   const containerTestId = dataTestId ? `${dataTestId}-container` : "switch-container";
+  const { inputId, descriptionId, helperId, describedBy } = switchIds({
+    generated: useId(),
+    id,
+    inputProps,
+    description,
+    helperText,
+    callerDescribedBy: rest["aria-describedby"]
+  });
   const control = /* @__PURE__ */ jsx(
     SwitchControl,
     {
@@ -82,30 +94,28 @@ var Switch = forwardRef((props, ref) => {
       size,
       dataTestId,
       switchRef: ref,
+      inputId,
+      inputProps,
+      describedBy,
       rest
     }
   );
-  const helper = /* @__PURE__ */ jsx(SwitchHelper, { helperText, error, dataTestId });
-  if (!label) {
-    return /* @__PURE__ */ jsxs(Box, { "data-testid": containerTestId, children: [
-      control,
-      helper
-    ] });
-  }
+  const helper = /* @__PURE__ */ jsx(SwitchHelper, { helperText, error, dataTestId, id: helperId });
   return /* @__PURE__ */ jsxs(Box, { "data-testid": containerTestId, children: [
-    /* @__PURE__ */ jsxs(LabelContainer, { labelPosition, error, children: [
-      labelPosition === "start" && control,
-      /* @__PURE__ */ jsx(
-        SwitchLabel,
-        {
-          label,
-          description,
-          error,
-          dataTestId
-        }
-      ),
-      labelPosition !== "start" && control
-    ] }),
+    /* @__PURE__ */ jsx(
+      SwitchRow,
+      {
+        label,
+        description,
+        labelPosition,
+        error,
+        dataTestId,
+        htmlFor: inputId,
+        descriptionId,
+        disabled: Boolean(rest.disabled) || loading,
+        control
+      }
+    ),
     helper
   ] });
 });
@@ -114,4 +124,4 @@ Switch.displayName = "Switch";
 export {
   Switch
 };
-//# sourceMappingURL=chunk-FR67FG2U.js.map
+//# sourceMappingURL=chunk-JFRKBSWI.js.map