@12-apps/ui 6.97.1 → 6.98.1

package/dist/chunk-L5YGVLPH.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 type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { CustomTabPanel } from './TabsPanel';\nimport { tabsRootStyles } from './Tabs.styles';\nimport type { TabCount, TabItem, TabsProps } from './Tabs.types';\nimport { rem, sxRem } from '../../../tokens/relative';\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: rem(theme, 20),\n  height: rem(theme, 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)(({ theme }) => ({\n  '& .MuiBadge-badge': {\n    right: rem(theme, -6),\n    top: rem(theme, 4),\n    fontSize: rem(theme, 12),\n    minWidth: rem(theme, 16),\n    height: rem(theme, 16),\n    padding: 0 } }));\n\n/** A tab's inline count pill, toned by what it asks for. */\nconst CountPill = styled('span', {\n  shouldForwardProp: (prop) => prop !== 'tone',\n})<{ tone: NonNullable<TabCount['tone']> }>(({ theme, tone }) => {\n  const look = {\n    neutral: { backgroundColor: theme.palette.action.selected, color: theme.palette.text.secondary },\n    warning: { backgroundColor: alpha(theme.palette.warning.main, 0.16), color: theme.palette.warning.dark },\n    danger: { backgroundColor: theme.palette.error.main, color: theme.palette.error.contrastText },\n  }[tone];\n  return {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: rem(theme, 20),\n    minWidth: rem(theme, 20),\n    padding: theme.spacing(0, 0.875),\n    borderRadius: rem(theme, 999),\n    fontSize: rem(theme, 11.5),\n    fontWeight: 600,\n    lineHeight: 1,\n    ...look,\n  };\n});\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/**\n * The `scrollButtons` value handed to MUI (FUT-4408).\n *\n * A strip that does not scroll has no buttons. A scrollable one honours the\n * host: `false` drops the buttons entirely (the host may draw its own, or let\n * the strip be swiped), `true` keeps them on whether or not the row overflows,\n * and `'auto'` — the default — shows them while it does.\n *\n * The legacy strings `'desktop'`, `'on'` and `'off'` keep resolving to\n * `'auto'`, exactly as they always have: hosts already pass them (one passes\n * `'off'` on a scrollable strip and gets buttons today), so giving them a new\n * meaning in a patch release would move existing screens. They are deprecated\n * in `TabsProps`; a host that wants none passes `false`.\n */\nconst resolveScrollButtons = (\n  scrollable: boolean | undefined,\n  scrollButtons: TabsProps['scrollButtons'],\n): 'auto' | boolean => {\n  if (!scrollable) return false;\n  if (typeof scrollButtons === 'boolean') return scrollButtons;\n  return 'auto';\n};\n\nconst buildTabsSx = ({\n  fullWidth,\n  sticky,\n  stickyOffset,\n  indicatorColor,\n  disabled }: {\n  fullWidth?: boolean;\n  sticky?: boolean;\n  /** The pinned list's `top`, already through the theme (the prop is design px). */\n  stickyOffset: (theme: Theme) => string;\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.count !== undefined && (\n        <CountPill tone={item.count.tone ?? 'neutral'} data-tone={item.count.tone ?? 'neutral'}>\n          {item.count.value}\n        </CountPill>\n      )}\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, p.scrollButtons)}\n    // Phones get the buttons too unless the host says otherwise.\n    allowScrollButtonsMobile={p.allowScrollButtonsMobile ?? p.scrollable}\n    textColor={p.color}\n    indicatorColor={p.color}\n    sx={buildTabsSx({\n      fullWidth: p.fullWidth,\n      sticky: p.sticky,\n      stickyOffset: sxRem(p.stickyOffset ?? 0),\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-JJYECKEL.js → chunk-LFECE4R7.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-DQ22UKMZ.js";
 import {
   Avatar
-} from "./chunk-EXEBN5ZP.js";
+} from "./chunk-W56KN53D.js";
 import {
   Card
 } from "./chunk-4XBAEKQQ.js";
@@ -80,4 +80,4 @@ export {
   UserAvatar,
   UserMenu
 };
-//# sourceMappingURL=chunk-JJYECKEL.js.map
+//# sourceMappingURL=chunk-LFECE4R7.js.map

package/dist/{chunk-LXIPBHNJ.js → chunk-LKTJ26ST.js}

@@ -20,7 +20,7 @@ import {
 } from "./chunk-MWFSIB6K.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 import {
   resolveTestId
 } from "./chunk-TYJR4GOF.js";
@@ -207,4 +207,4 @@ export {
   EmptyState,
   EmptyState_default
 };
-//# sourceMappingURL=chunk-LXIPBHNJ.js.map
+//# sourceMappingURL=chunk-LKTJ26ST.js.map

package/dist/chunk-LNZJJFZQ.js

@@ -0,0 +1,41 @@
+import {
+  ACTIVE,
+  ALERT_EASING,
+  POINTER_INK_STEP,
+  seconds
+} from "./chunk-TBQR5VCN.js";
+import {
+  absoluteInk
+} from "./chunk-XJAD6E3V.js";
+
+// src/components/data-display/Alert/Alert.ink.ts
+var ALERT_DESCRIPTION_CLASS = "alert-description";
+var ALERT_CHILDREN_CLASS = "alert-children";
+var MESSAGE_INK = `& .MuiAlertTitle-root, & .${ALERT_DESCRIPTION_CLASS}, & .${ALERT_CHILDREN_CLASS}`;
+function inkAbsolute(theme, variant) {
+  if (variant === "gradient") return null;
+  return theme.palette.mode === "dark" ? "white" : "black";
+}
+function steppedInkCss(absolute, step) {
+  return `color-mix(in srgb, currentColor ${Math.round((1 - step) * 100)}%, ${absolute})`;
+}
+function pointerInkStyles(theme, variant) {
+  const side = inkAbsolute(theme, variant);
+  if (side === null) return { rest: {}, hover: {}, press: {} };
+  const absolute = absoluteInk(theme)[side];
+  const at = (state) => steppedInkCss(absolute, POINTER_INK_STEP[state][side]);
+  return {
+    rest: { [MESSAGE_INK]: { transition: `color ${seconds(ACTIVE.ms)} ${ALERT_EASING}` } },
+    hover: { [MESSAGE_INK]: { color: at("hover") } },
+    press: { [MESSAGE_INK]: { color: at("press"), transition: "none" } }
+  };
+}
+
+export {
+  ALERT_DESCRIPTION_CLASS,
+  ALERT_CHILDREN_CLASS,
+  inkAbsolute,
+  steppedInkCss,
+  pointerInkStyles
+};
+//# sourceMappingURL=chunk-LNZJJFZQ.js.map

package/dist/chunk-LNZJJFZQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Alert/Alert.ink.ts"],"sourcesContent":["import type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport { absoluteInk } from '../../../tokens/ink';\n\nimport { ACTIVE, ALERT_EASING, POINTER_INK_STEP, seconds } from './Alert.metrics';\n\n/**\n * THE INK HALF OF THE POINTER STATES (FUT-4506, option C).\n *\n * The hover and press tint (`pointerShadow` in `Alert.tsx`) moves the SURFACE\n * toward an absolute. On every surface that tracks the mode that is the side\n * the ink is on, so the gap the message is read across closed under the\n * pointer — a host summary at 4.71:1 idle fell to 3.17:1 pressed. These rules\n * move the INK further the same way, by {@link POINTER_INK_STEP}, so it\n * re-opens.\n */\n\n/** The summary's class, so the pointer states can reach it without a test id. */\nexport const ALERT_DESCRIPTION_CLASS = 'alert-description';\n/**\n * The wrapper `AlertContent` puts around `children`, at `display: contents`:\n * no box of its own, so the column's flex layout is what it was, and a bare\n * text node still inherits its colour.\n */\nexport const ALERT_CHILDREN_CLASS = 'alert-children';\n\n/**\n * What steps: the WORDS of the message — the title, the description and\n * whatever the caller passed as `children` — each one step, none nested in\n * another. Stepping only the title and the description left a children-only\n * alert (about one in six in the first host measured) at its rest ink under\n * the press tint.\n *\n * Not the whole message column, because the column is not only words: with\n * `iconPlacement: 'title'` the icon sits in it, on the title's row, beside\n * `.MuiAlertTitle-root` rather than inside it. The icon is the variant's\n * meaning, not an affordance, so it stays still in both placements; the close\n * button (`.MuiAlert-action`) is outside the column altogether. A control\n * inside `children` keeps its own colour, because it declares one; only a\n * `color=\"inherit\"` one follows the step, on the same tinted surface as the\n * words around it.\n */\nconst MESSAGE_INK = `& .MuiAlertTitle-root, & .${ALERT_DESCRIPTION_CLASS}, & .${ALERT_CHILDREN_CLASS}`;\n\nexport type PointerInkState = keyof typeof POINTER_INK_STEP;\nexport type InkAbsolute = 'black' | 'white';\n\n/**\n * The absolute the ink steps toward — the mode's, the side the ink is on — or\n * `null` for `gradient`, which does not step at all.\n *\n * Every other variant's surface tracks the mode: a dark ink on a light tint,\n * a light ink on a dark one, so the step is toward black in light mode and\n * toward white in dark, the same absolute the tint layer moves the surface to.\n *\n * `gradient` is the one surface where the package cannot know which side its\n * ink is on. Its own ink is `getContrastText` of the hue, but a host that\n * repaints alerts repaints the gradient too: a light pane and a dark ink under\n * the variant's BLACK layer. Stepping by the package's own ink then moved that\n * dark ink toward white — 1.02:1 pressed. A step that reads `currentColor` for\n * its amount but not for its direction is only safe where the direction is the\n * mode's, so `gradient` keeps today's ink. Its rest contrast and its dark ink\n * on dark mode's light hues are FUT-4516's.\n */\nexport function inkAbsolute(theme: Theme, variant: string | undefined): InkAbsolute | null {\n  if (variant === 'gradient') return null;\n  return theme.palette.mode === 'dark' ? 'white' : 'black';\n}\n\n/**\n * The CSS for the ink at one pointer state: the ink actually painted\n * (`currentColor`, inherited from the root — a host's repaint included) mixed\n * toward the absolute by the state's step.\n *\n * `currentColor` in a `color` declaration is the PARENT's colour, which is why\n * this sits on the message's parts and never on the root: on the root it would\n * read the page's text colour instead of the alert's ink. None of the three\n * parts is nested in another, so nothing steps twice.\n */\nexport function steppedInkCss(absolute: string, step: number): string {\n  return `color-mix(in srgb, currentColor ${Math.round((1 - step) * 100)}%, ${absolute})`;\n}\n\n/**\n * The three pieces of the ink's pointer behaviour, spread into the root's\n * blocks by `Alert.tsx`:\n *\n * - `rest` eases the ink on the box-shadow's own clock, so ink and tint arrive\n *   together rather than the ink snapping while the surface eases;\n * - `hover` and `press` step it. The press declares `transition: none` for the\n *   same reason the root's `:active` does: a click's `:active` is too short to\n *   ease into. A `:hover` block declares no transition, ever (see `ACTIVE`).\n *\n * All three are empty for a variant that does not step.\n */\nexport function pointerInkStyles(theme: Theme, variant: string | undefined): Record<'rest' | PointerInkState, CSSObject> {\n  const side = inkAbsolute(theme, variant);\n  if (side === null) return { rest: {}, hover: {}, press: {} };\n  const absolute = absoluteInk(theme)[side];\n  const at = (state: PointerInkState): string => steppedInkCss(absolute, POINTER_INK_STEP[state][side]);\n  return {\n    rest: { [MESSAGE_INK]: { transition: `color ${seconds(ACTIVE.ms)} ${ALERT_EASING}` } },\n    hover: { [MESSAGE_INK]: { color: at('hover') } },\n    press: { [MESSAGE_INK]: { color: at('press'), transition: 'none' } },\n  };\n}\n"],"mappings":";;;;;;;;;;;AAkBO,IAAM,0BAA0B;AAMhC,IAAM,uBAAuB;AAkBpC,IAAM,cAAc,6BAA6B,uBAAuB,QAAQ,oBAAoB;AAsB7F,SAAS,YAAY,OAAc,SAAiD;AACzF,MAAI,YAAY,WAAY,QAAO;AACnC,SAAO,MAAM,QAAQ,SAAS,SAAS,UAAU;AACnD;AAYO,SAAS,cAAc,UAAkB,MAAsB;AACpE,SAAO,mCAAmC,KAAK,OAAO,IAAI,QAAQ,GAAG,CAAC,MAAM,QAAQ;AACtF;AAcO,SAAS,iBAAiB,OAAc,SAA0E;AACvH,QAAM,OAAO,YAAY,OAAO,OAAO;AACvC,MAAI,SAAS,KAAM,QAAO,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,GAAG,OAAO,CAAC,EAAE;AAC3D,QAAM,WAAW,YAAY,KAAK,EAAE,IAAI;AACxC,QAAM,KAAK,CAAC,UAAmC,cAAc,UAAU,iBAAiB,KAAK,EAAE,IAAI,CAAC;AACpG,SAAO;AAAA,IACL,MAAM,EAAE,CAAC,WAAW,GAAG,EAAE,YAAY,SAAS,QAAQ,OAAO,EAAE,CAAC,IAAI,YAAY,GAAG,EAAE;AAAA,IACrF,OAAO,EAAE,CAAC,WAAW,GAAG,EAAE,OAAO,GAAG,OAAO,EAAE,EAAE;AAAA,IAC/C,OAAO,EAAE,CAAC,WAAW,GAAG,EAAE,OAAO,GAAG,OAAO,GAAG,YAAY,OAAO,EAAE;AAAA,EACrE;AACF;","names":[]}

package/dist/{chunk-56JF5PZK.js → chunk-LYVTJLCF.js}

@@ -1,9 +1,9 @@
-import {
-  SPRING_CONFIG
-} from "./chunk-IM4DMKH4.js";
 import {
   useDragGestures
 } from "./chunk-CRN4KKNI.js";
+import {
+  SPRING_CONFIG
+} from "./chunk-IM4DMKH4.js";
 
 // src/components/data-display/Sheet/Sheet.hooks.ts
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -213,4 +213,4 @@ export {
   useSheetDrag,
   useSheetOpen
 };
-//# sourceMappingURL=chunk-56JF5PZK.js.map
+//# sourceMappingURL=chunk-LYVTJLCF.js.map

package/dist/{chunk-EYFDIUVR.js → chunk-M4G4LRQK.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-YKQA4NPM.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 import {
   safeAreaBottom
 } from "./chunk-AKZWDZCZ.js";
@@ -267,4 +267,4 @@ export {
   ModalFooter,
   ModalPanelContents
 };
-//# sourceMappingURL=chunk-EYFDIUVR.js.map
+//# sourceMappingURL=chunk-M4G4LRQK.js.map

package/dist/{chunk-TJUWSQYQ.js → chunk-MDU5Q2HW.js}

@@ -135,7 +135,8 @@ var PT_BR_UI_LABELS = {
     divider: "ou"
   },
   dateRangePicker: {
-    calendar: "Calend\xE1rio"
+    calendar: "Calend\xE1rio",
+    openEnded: "Sem data de t\xE9rmino."
   },
   calendar: {
     chooseMonth: (month) => `${month}, escolher m\xEAs`,
@@ -150,4 +151,4 @@ var PT_BR_UI_LABELS = {
 export {
   PT_BR_UI_LABELS
 };
-//# sourceMappingURL=chunk-TJUWSQYQ.js.map
+//# sourceMappingURL=chunk-MDU5Q2HW.js.map

package/dist/{chunk-TJUWSQYQ.js.map → chunk-MDU5Q2HW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/pt-BR.labels.ts"],"sourcesContent":["/**\n * The pt-BR labels pack. A host passes `PT_BR_UI_LABELS.<family>` to the\n * component's `labels` prop (or one entry to its `…Label` prop); see\n * `copy/labels.ts`.\n */\nimport type { UiLabels } from './copy/labels';\n\nexport const PT_BR_UI_LABELS: UiLabels = {\n  common: {\n    loading: \"Carregando\",\n    close: \"Fechar\",\n    delete: \"Excluir\",\n  },\n  stepper: {\n    step: (position, label) => `Etapa ${position}: ${label}`,\n    optional: \"opcional\",\n    completed: \"concluída\",\n    current: \"atual\",\n  },\n  timeline: {\n    expandDetails: \"Mostrar detalhes do item\",\n    collapseDetails: \"Ocultar detalhes do item\",\n    item: (title) => `Item da linha do tempo: ${title}`,\n  },\n  lazyImage: {\n    loadingAlt: (alt) => `${alt} (carregando)`,\n    fallbackAlt: (alt) => `${alt} (imagem alternativa)`,\n  },\n  sonner: {\n    hiddenCount: (count) => `+${count} a mais`,\n  },\n  richTextEditor: {\n    placeholder: \"Comece a digitar...\",\n    ariaLabel: \"Editor de texto\",\n    listItem: \"Item da lista\",\n    bold: \"Negrito\",\n    italic: \"Itálico\",\n    underline: \"Sublinhado\",\n    strikethrough: \"Tachado\",\n    numberedList: \"Lista numerada\",\n    bulletedList: \"Lista com marcadores\",\n    insertLink: \"Inserir link\",\n    insertImage: \"Inserir imagem\",\n    codeBlock: \"Bloco de código\",\n    quote: \"Citação\",\n    linkPrompt: \"Informe a URL:\",\n    imagePrompt: \"Informe a URL da imagem:\",\n  },\n  table: {\n    sortBy: (header) => `Ordenar por ${header}`,\n    selectRow: (rowNumber) => `Selecionar a linha ${rowNumber}`,\n    selectAllRows: \"Selecionar todas as linhas\",\n  },\n  code: {\n    copy: \"Copiar código\",\n    copied: \"Copiado!\",\n  },\n  contentToolbar: {\n    gridView: \"Grade\",\n    listView: \"Lista\",\n    openFilters: \"Abrir filtros\",\n    closeFilters: \"Fechar filtros\",\n    filters: \"Filtros\",\n    all: \"Todos\",\n    search: \"Buscar…\",\n    noResults: \"Nenhum resultado\",\n  },\n  dashboard: {\n    breadcrumb: \"Trilha de navegação\",\n    moreFilters: \"Mais filtros\",\n  },\n  navigationMenu: {\n    collapse: \"Recolher\",\n    expand: \"Expandir\",\n  },\n  workflowStep: {\n    step: (position, title) => `Etapa ${position}: ${title}`,\n    progress: (position, total) => `Etapa ${position} de ${total}`,\n  },\n  alertDialog: {\n    cancel: \"Cancelar\",\n    confirm: \"Confirmar\",\n  },\n  avatar: {\n    name: \"Avatar\",\n  },\n  emptyState: {\n    refresh: \"Atualizar\",\n    create: \"Criar novo\",\n  },\n  errorState: {\n    retry: \"Tentar novamente\",\n  },\n  loadingState: {\n    skeleton: \"Carregando conteúdo\",\n    spinner: \"Carregando\",\n  },\n  stackedModal: {\n    loading: \"Carregando...\",\n  },\n  command: {\n    placeholder: \"Digite um comando ou pesquise...\",\n    empty: \"Nenhum resultado encontrado\",\n    loading: \"Carregando...\",\n  },\n  formErrorSnackbar: {\n    message: \"Corrija os campos destacados e tente novamente.\",\n  },\n  columnsMenu: {\n    title: \"Colunas\",\n    toggle: \"Mostrar ou ocultar colunas\",\n  },\n  drawer: {\n    close: \"Fechar painel\",\n  },\n  settingsLayout: {\n    navigation: \"Configurações\",\n    searchPlaceholder: \"Buscar configurações\",\n    emptySearch: \"Nenhuma configuração corresponde à busca.\",\n    back: \"Voltar\",\n  },\n  tableFilter: {\n    filters: \"Filtros\",\n    keywordPlaceholder: \"Pressione Enter para filtrar\",\n    keywordLabel: \"Filtrar por palavra-chave\",\n  },\n  appHeader: {\n    disclose: (title) => `Detalhes de ${title}`,\n  },\n  breadcrumbs: {\n    navigation: \"Trilha de navegação\",\n  },\n  animatedIcon: {\n    name: (variant) => `Ícone animado: ${variant}`,\n  },\n  infiniteScroll: {\n    loadFailed: \"Ocorreu um erro ao carregar mais itens\",\n  },\n  socialLogin: {\n    title: \"Entre para continuar\",\n    divider: \"ou\",\n  },\n  dateRangePicker: {\n    calendar: \"Calendário\",\n  },\n  calendar: {\n    chooseMonth: (month) => `${month}, escolher mês`,\n    chooseYear: (year) => `${year}, escolher ano`,\n    previousMonth: \"Mês anterior\",\n    nextMonth: \"Próximo mês\",\n    months: \"Meses\",\n    years: \"Anos\",\n  },\n};\n"],"mappings":";AAOO,IAAM,kBAA4B;AAAA,EACvC,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,MAAM,CAAC,UAAU,UAAU,SAAS,QAAQ,KAAK,KAAK;AAAA,IACtD,UAAU;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,MAAM,CAAC,UAAU,2BAA2B,KAAK;AAAA,EACnD;AAAA,EACA,WAAW;AAAA,IACT,YAAY,CAAC,QAAQ,GAAG,GAAG;AAAA,IAC3B,aAAa,CAAC,QAAQ,GAAG,GAAG;AAAA,EAC9B;AAAA,EACA,QAAQ;AAAA,IACN,aAAa,CAAC,UAAU,IAAI,KAAK;AAAA,EACnC;AAAA,EACA,gBAAgB;AAAA,IACd,aAAa;AAAA,IACb,WAAW;AAAA,IACX,UAAU;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,eAAe;AAAA,IACf,cAAc;AAAA,IACd,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AAAA,EACA,OAAO;AAAA,IACL,QAAQ,CAAC,WAAW,eAAe,MAAM;AAAA,IACzC,WAAW,CAAC,cAAc,sBAAsB,SAAS;AAAA,IACzD,eAAe;AAAA,EACjB;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,EACV;AAAA,EACA,gBAAgB;AAAA,IACd,UAAU;AAAA,IACV,UAAU;AAAA,IACV,aAAa;AAAA,IACb,cAAc;AAAA,IACd,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,WAAW;AAAA,EACb;AAAA,EACA,WAAW;AAAA,IACT,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AAAA,EACA,gBAAgB;AAAA,IACd,UAAU;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA,cAAc;AAAA,IACZ,MAAM,CAAC,UAAU,UAAU,SAAS,QAAQ,KAAK,KAAK;AAAA,IACtD,UAAU,CAAC,UAAU,UAAU,SAAS,QAAQ,OAAO,KAAK;AAAA,EAC9D;AAAA,EACA,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,YAAY;AAAA,IACV,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,YAAY;AAAA,IACV,OAAO;AAAA,EACT;AAAA,EACA,cAAc;AAAA,IACZ,UAAU;AAAA,IACV,SAAS;AAAA,EACX;AAAA,EACA,cAAc;AAAA,IACZ,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,aAAa;AAAA,IACb,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,mBAAmB;AAAA,IACjB,SAAS;AAAA,EACX;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,gBAAgB;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,aAAa;AAAA,IACb,MAAM;AAAA,EACR;AAAA,EACA,aAAa;AAAA,IACX,SAAS;AAAA,IACT,oBAAoB;AAAA,IACpB,cAAc;AAAA,EAChB;AAAA,EACA,WAAW;AAAA,IACT,UAAU,CAAC,UAAU,eAAe,KAAK;AAAA,EAC3C;AAAA,EACA,aAAa;AAAA,IACX,YAAY;AAAA,EACd;AAAA,EACA,cAAc;AAAA,IACZ,MAAM,CAAC,YAAY,qBAAkB,OAAO;AAAA,EAC9C;AAAA,EACA,gBAAgB;AAAA,IACd,YAAY;AAAA,EACd;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,aAAa,CAAC,UAAU,GAAG,KAAK;AAAA,IAChC,YAAY,CAAC,SAAS,GAAG,IAAI;AAAA,IAC7B,eAAe;AAAA,IACf,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;","names":[]}
+{"version":3,"sources":["../src/pt-BR.labels.ts"],"sourcesContent":["/**\n * The pt-BR labels pack. A host passes `PT_BR_UI_LABELS.<family>` to the\n * component's `labels` prop (or one entry to its `…Label` prop); see\n * `copy/labels.ts`.\n */\nimport type { UiLabels } from './copy/labels';\n\nexport const PT_BR_UI_LABELS: UiLabels = {\n  common: {\n    loading: \"Carregando\",\n    close: \"Fechar\",\n    delete: \"Excluir\",\n  },\n  stepper: {\n    step: (position, label) => `Etapa ${position}: ${label}`,\n    optional: \"opcional\",\n    completed: \"concluída\",\n    current: \"atual\",\n  },\n  timeline: {\n    expandDetails: \"Mostrar detalhes do item\",\n    collapseDetails: \"Ocultar detalhes do item\",\n    item: (title) => `Item da linha do tempo: ${title}`,\n  },\n  lazyImage: {\n    loadingAlt: (alt) => `${alt} (carregando)`,\n    fallbackAlt: (alt) => `${alt} (imagem alternativa)`,\n  },\n  sonner: {\n    hiddenCount: (count) => `+${count} a mais`,\n  },\n  richTextEditor: {\n    placeholder: \"Comece a digitar...\",\n    ariaLabel: \"Editor de texto\",\n    listItem: \"Item da lista\",\n    bold: \"Negrito\",\n    italic: \"Itálico\",\n    underline: \"Sublinhado\",\n    strikethrough: \"Tachado\",\n    numberedList: \"Lista numerada\",\n    bulletedList: \"Lista com marcadores\",\n    insertLink: \"Inserir link\",\n    insertImage: \"Inserir imagem\",\n    codeBlock: \"Bloco de código\",\n    quote: \"Citação\",\n    linkPrompt: \"Informe a URL:\",\n    imagePrompt: \"Informe a URL da imagem:\",\n  },\n  table: {\n    sortBy: (header) => `Ordenar por ${header}`,\n    selectRow: (rowNumber) => `Selecionar a linha ${rowNumber}`,\n    selectAllRows: \"Selecionar todas as linhas\",\n  },\n  code: {\n    copy: \"Copiar código\",\n    copied: \"Copiado!\",\n  },\n  contentToolbar: {\n    gridView: \"Grade\",\n    listView: \"Lista\",\n    openFilters: \"Abrir filtros\",\n    closeFilters: \"Fechar filtros\",\n    filters: \"Filtros\",\n    all: \"Todos\",\n    search: \"Buscar…\",\n    noResults: \"Nenhum resultado\",\n  },\n  dashboard: {\n    breadcrumb: \"Trilha de navegação\",\n    moreFilters: \"Mais filtros\",\n  },\n  navigationMenu: {\n    collapse: \"Recolher\",\n    expand: \"Expandir\",\n  },\n  workflowStep: {\n    step: (position, title) => `Etapa ${position}: ${title}`,\n    progress: (position, total) => `Etapa ${position} de ${total}`,\n  },\n  alertDialog: {\n    cancel: \"Cancelar\",\n    confirm: \"Confirmar\",\n  },\n  avatar: {\n    name: \"Avatar\",\n  },\n  emptyState: {\n    refresh: \"Atualizar\",\n    create: \"Criar novo\",\n  },\n  errorState: {\n    retry: \"Tentar novamente\",\n  },\n  loadingState: {\n    skeleton: \"Carregando conteúdo\",\n    spinner: \"Carregando\",\n  },\n  stackedModal: {\n    loading: \"Carregando...\",\n  },\n  command: {\n    placeholder: \"Digite um comando ou pesquise...\",\n    empty: \"Nenhum resultado encontrado\",\n    loading: \"Carregando...\",\n  },\n  formErrorSnackbar: {\n    message: \"Corrija os campos destacados e tente novamente.\",\n  },\n  columnsMenu: {\n    title: \"Colunas\",\n    toggle: \"Mostrar ou ocultar colunas\",\n  },\n  drawer: {\n    close: \"Fechar painel\",\n  },\n  settingsLayout: {\n    navigation: \"Configurações\",\n    searchPlaceholder: \"Buscar configurações\",\n    emptySearch: \"Nenhuma configuração corresponde à busca.\",\n    back: \"Voltar\",\n  },\n  tableFilter: {\n    filters: \"Filtros\",\n    keywordPlaceholder: \"Pressione Enter para filtrar\",\n    keywordLabel: \"Filtrar por palavra-chave\",\n  },\n  appHeader: {\n    disclose: (title) => `Detalhes de ${title}`,\n  },\n  breadcrumbs: {\n    navigation: \"Trilha de navegação\",\n  },\n  animatedIcon: {\n    name: (variant) => `Ícone animado: ${variant}`,\n  },\n  infiniteScroll: {\n    loadFailed: \"Ocorreu um erro ao carregar mais itens\",\n  },\n  socialLogin: {\n    title: \"Entre para continuar\",\n    divider: \"ou\",\n  },\n  dateRangePicker: {\n    calendar: \"Calendário\",\n    openEnded: \"Sem data de término.\",\n  },\n  calendar: {\n    chooseMonth: (month) => `${month}, escolher mês`,\n    chooseYear: (year) => `${year}, escolher ano`,\n    previousMonth: \"Mês anterior\",\n    nextMonth: \"Próximo mês\",\n    months: \"Meses\",\n    years: \"Anos\",\n  },\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-KMMFN24G.js → chunk-MKHNLRVX.js}

@@ -1,9 +1,9 @@
+import {
+  CategoryPanel
+} from "./chunk-FZZMNKVF.js";
 import {
   CategoryPanelSurface
 } from "./chunk-QYY37ECA.js";
-import {
-  CategoryPanel
-} from "./chunk-VMTOLAZ5.js";
 import {
   useCategorySelect
 } from "./chunk-RZVUY2MO.js";
@@ -155,4 +155,4 @@ function CategorySelect(props) {
 export {
   CategorySelect
 };
-//# sourceMappingURL=chunk-KMMFN24G.js.map
+//# sourceMappingURL=chunk-MKHNLRVX.js.map

package/dist/{chunk-4IG73U2X.js → chunk-MSPLIRBH.js}

@@ -1,6 +1,6 @@
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -68,4 +68,4 @@ export {
   CommandLoading,
   CommandSeparator
 };
-//# sourceMappingURL=chunk-4IG73U2X.js.map
+//# sourceMappingURL=chunk-MSPLIRBH.js.map

package/dist/{chunk-55MYYWOV.js → chunk-O4UXH7BM.js}

@@ -1,12 +1,12 @@
-import {
-  RangeSummary
-} from "./chunk-WLDP7C4K.js";
 import {
   RangeBounds
-} from "./chunk-IS3L67TF.js";
+} from "./chunk-FW5GTAUY.js";
 import {
   RangePresets
-} from "./chunk-LZNUBQ5I.js";
+} from "./chunk-4A454JZN.js";
+import {
+  RangeSummary
+} from "./chunk-WLDP7C4K.js";
 import {
   isRangeInverted,
   isRangeSet,
@@ -24,7 +24,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   TableFilter
-} from "./chunk-FORQEHRQ.js";
+} from "./chunk-UXVWGNPG.js";
 import {
   TableFilterContext
 } from "./chunk-7AIL2F5E.js";
@@ -240,4 +240,4 @@ export {
   RangePill,
   PanelRangeField
 };
-//# sourceMappingURL=chunk-55MYYWOV.js.map
+//# sourceMappingURL=chunk-O4UXH7BM.js.map

package/dist/{chunk-DYHOBKPU.js → chunk-OA6T2ME3.js}

@@ -1,3 +1,7 @@
+import {
+  GridBody,
+  GridHeader
+} from "./chunk-5RYPVYWP.js";
 import {
   DataGridEmpty,
   DataGridError,
@@ -6,10 +10,6 @@ import {
 import {
   useDataGridModel
 } from "./chunk-LDROG4QI.js";
-import {
-  GridBody,
-  GridHeader
-} from "./chunk-5RYPVYWP.js";
 
 // src/components/data-display/DataGrid/DataGrid.tsx
 import Paper from "@mui/material/Paper/index.js";
@@ -120,4 +120,4 @@ export {
   DataGrid,
   GRID_ONLY_PROPS
 };
-//# sourceMappingURL=chunk-DYHOBKPU.js.map
+//# sourceMappingURL=chunk-OA6T2ME3.js.map

package/dist/{chunk-VNMD6BA4.js → chunk-OFRQMFWD.js}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   createConfirmButton
-} from "./chunk-KOGJBAFI.js";
+} from "./chunk-D3KLIC5N.js";
 import {
   Dialog,
   DialogContent
-} from "./chunk-DAFFZED3.js";
+} from "./chunk-KWBMM6MJ.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -128,4 +128,4 @@ function ManageViewsDialog({
 export {
   ManageViewsDialog
 };
-//# sourceMappingURL=chunk-VNMD6BA4.js.map
+//# sourceMappingURL=chunk-OFRQMFWD.js.map

package/dist/{chunk-LTJC7TGB.js → chunk-OHA2PAAA.js}

@@ -2,7 +2,7 @@ import {
   SheetContent,
   SheetFooter,
   SheetHeader
-} from "./chunk-2KSFBZ2H.js";
+} from "./chunk-ABZJNKR6.js";
 import {
   muiColor
 } from "./chunk-7ZPUN7TV.js";
@@ -98,4 +98,4 @@ var SheetBody = (props) => {
 export {
   SheetBody
 };
-//# sourceMappingURL=chunk-LTJC7TGB.js.map
+//# sourceMappingURL=chunk-OHA2PAAA.js.map

package/dist/{chunk-6D5AMANO.js → chunk-OV5NM4FY.js}

@@ -1,6 +1,6 @@
 import {
   useFocusOnScreen
-} from "./chunk-BQBEN44R.js";
+} from "./chunk-PNAKRHRT.js";
 import {
   actionSx,
   categoryDescriptionSx,
@@ -47,4 +47,4 @@ function SequenceOverviewBody(props) {
 export {
   SequenceOverviewBody
 };
-//# sourceMappingURL=chunk-6D5AMANO.js.map
+//# sourceMappingURL=chunk-OV5NM4FY.js.map

package/dist/{chunk-ZANWHTXH.js → chunk-OVJV2ZN7.js}

@@ -1,6 +1,6 @@
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 
 // src/components/form/RichTextEditor/RichTextEditor.dom.ts
 var wrapSelection = (range, tagName) => {
@@ -91,4 +91,4 @@ export {
   insertImage,
   toggleList
 };
-//# sourceMappingURL=chunk-ZANWHTXH.js.map
+//# sourceMappingURL=chunk-OVJV2ZN7.js.map

package/dist/{chunk-SKQPUAMK.js → chunk-PDWQJFMK.js}

@@ -2,22 +2,22 @@ import {
   GridBody,
   GridHeader
 } from "./chunk-FYSS2PYA.js";
+import {
+  EN_US_SCHEDULE_GRID_LABELS
+} from "./chunk-NMXYHPOG.js";
 import {
   focusables,
   handleGridKey
 } from "./chunk-ZHKCE5LR.js";
 import {
-  EN_US_SCHEDULE_GRID_LABELS
-} from "./chunk-NMXYHPOG.js";
+  useGridDrag
+} from "./chunk-WBMLMLXP.js";
 import {
   useSidewaysScroll
 } from "./chunk-GONPUJIE.js";
 import {
   useScrollToDay
 } from "./chunk-5EP37B4F.js";
-import {
-  useGridDrag
-} from "./chunk-WBMLMLXP.js";
 import {
   SR_ONLY_SX,
   frameSx,
@@ -144,4 +144,4 @@ function ScheduleGrid(props) {
 export {
   ScheduleGrid
 };
-//# sourceMappingURL=chunk-SKQPUAMK.js.map
+//# sourceMappingURL=chunk-PDWQJFMK.js.map

package/dist/{chunk-6EZQLNPK.js → chunk-PGJIWCQR.js}

@@ -1,9 +1,9 @@
-import {
-  TutorialStepBody
-} from "./chunk-DE7E2GBP.js";
 import {
   useTutorialOverlay
 } from "./chunk-34643ATX.js";
+import {
+  TutorialStepBody
+} from "./chunk-DE7E2GBP.js";
 import {
   scrim,
   sheen
@@ -288,4 +288,4 @@ export {
   TutorialOverlay,
   TutorialOverlay_default
 };
-//# sourceMappingURL=chunk-6EZQLNPK.js.map
+//# sourceMappingURL=chunk-PGJIWCQR.js.map

package/dist/{chunk-FRAFGRRD.js → chunk-PIELY4BJ.js}

@@ -50,4 +50,4 @@ export {
   SURFACE_EXIT_MS,
   UsableModal
 };
-//# sourceMappingURL=chunk-FRAFGRRD.js.map
+//# sourceMappingURL=chunk-PIELY4BJ.js.map

package/dist/{chunk-BQBEN44R.js → chunk-PNAKRHRT.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-2ORD2FMN.js";
 import {
   Alert
-} from "./chunk-NQCTANF3.js";
+} from "./chunk-RKAX37F4.js";
 import {
   Button
 } from "./chunk-YOXYSAUI.js";
@@ -160,4 +160,4 @@ export {
   SequenceStepBody,
   SequenceDoneBody
 };
-//# sourceMappingURL=chunk-BQBEN44R.js.map
+//# sourceMappingURL=chunk-PNAKRHRT.js.map

package/dist/{chunk-3Z6JX7UN.js → chunk-PZJEF232.js}

@@ -23,7 +23,7 @@ import {
 } from "./chunk-LL2BWQPM.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 import {
   resolveTestId
 } from "./chunk-TYJR4GOF.js";
@@ -150,4 +150,4 @@ export {
   LoadingState,
   LoadingState_default
 };
-//# sourceMappingURL=chunk-3Z6JX7UN.js.map
+//# sourceMappingURL=chunk-PZJEF232.js.map

package/dist/{chunk-6ATXOJVQ.js → chunk-QADTI63U.js}

@@ -1,10 +1,10 @@
-import {
-  buildChartContext
-} from "./chunk-TZC6KIK2.js";
 import {
   ChartLegendContent,
   ChartTooltipContent
 } from "./chunk-RIRTW5EU.js";
+import {
+  buildChartContext
+} from "./chunk-TZC6KIK2.js";
 import {
   uiInk
 } from "./chunk-XJAD6E3V.js";
@@ -318,4 +318,4 @@ function renderChartByType(props, theme) {
 export {
   renderChartByType
 };
-//# sourceMappingURL=chunk-6ATXOJVQ.js.map
+//# sourceMappingURL=chunk-QADTI63U.js.map

package/dist/chunk-QAF76E6U.js

@@ -0,0 +1,43 @@
+import {
+  remPx
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/form/DateRangePicker/DateRangePicker.layout.ts
+import { useLayoutEffect, useState } from "react";
+var FRAMED_MONTHS = { 1: 338, 2: 666 };
+var BESIDE_COLUMN = 252;
+function framedMonthsWidth(months) {
+  return FRAMED_MONTHS[months] ?? FRAMED_MONTHS[2] * months / 2;
+}
+function besideLayout(width, requested, theme) {
+  if (width === null) return { months: requested, placement: "below" };
+  const framed = (months) => remPx(theme, framedMonthsWidth(months));
+  const beside = remPx(theme, BESIDE_COLUMN);
+  const counts = requested > 1 ? [requested, 1] : [requested];
+  for (const months of counts) {
+    if (width >= framed(months) + beside) return { months, placement: "beside" };
+    if (width >= framed(months)) return { months, placement: "below" };
+  }
+  return { months: 1, placement: "below" };
+}
+function useMeasuredWidth(ref, enabled) {
+  const [width, setWidth] = useState(null);
+  useLayoutEffect(() => {
+    const element = ref.current;
+    if (!enabled || element === null || typeof ResizeObserver === "undefined") return void 0;
+    const observer = new ResizeObserver((entries) => {
+      const measured = entries[0]?.contentRect.width;
+      if (measured) setWidth(Math.round(measured));
+    });
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [ref, enabled]);
+  return width;
+}
+
+export {
+  framedMonthsWidth,
+  besideLayout,
+  useMeasuredWidth
+};
+//# sourceMappingURL=chunk-QAF76E6U.js.map

package/dist/chunk-QAF76E6U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/DateRangePicker/DateRangePicker.layout.ts"],"sourcesContent":["/**\n * Where the typed half goes when the consumer asked for it BESIDE the months\n * (`fieldsPlacement=\"beside\"`), and how many months fit with it.\n *\n * Decided from the PICKER's own width, never the viewport's: the same form sits\n * full width on a computer and in a 3/5 column beside a preview on the same\n * computer, and only its own box knows which. The numbers are the design px the\n * month grid is built to (`MONTH_SX` in `CalendarMonth`: 304 wide, 24 apart).\n */\nimport type { Theme } from '@mui/material/styles/index.js';\nimport { useLayoutEffect, useState, type RefObject } from 'react';\n\nimport { remPx } from '../../../tokens/relative';\n\n/**\n * The design px the layout is computed from, rendered through the theme\n * (`remPx`) so a density that shrinks the grid shrinks the thresholds with it.\n * Framed months: the grid's intrinsic 304 a month and 24 between two\n * (`MONTH_SX`), plus the frame's 16px padding a side and its hairline. The\n * column beside: the `gap: 4` to the frame and the 220 a `dd/mm/aaaa` field\n * and its label read well in.\n */\nconst FRAMED_MONTHS: Readonly<Record<number, number>> = { 1: 338, 2: 666 };\nconst BESIDE_COLUMN = 252;\n\nexport type FieldsPlacement = 'beside' | 'below';\n\n/** The design px a frame around `months` month grids needs (see FRAMED_MONTHS). */\nexport function framedMonthsWidth(months: number): number {\n  return FRAMED_MONTHS[months] ?? (FRAMED_MONTHS[2]! * months) / 2;\n}\n\n/**\n * The layout for a picker `width` px wide asking for `requested` months, in\n * order of preference: every month requested with the fields beside, then\n * under them, then one month beside, then one under. A picker not measured yet\n * (no `ResizeObserver`, a server render) keeps the default layout.\n */\nexport function besideLayout(\n  width: number | null,\n  requested: number,\n  theme: Theme,\n): { months: number; placement: FieldsPlacement } {\n  if (width === null) return { months: requested, placement: 'below' };\n  const framed = (months: number): number => remPx(theme, framedMonthsWidth(months));\n  const beside = remPx(theme, BESIDE_COLUMN);\n  const counts = requested > 1 ? [requested, 1] : [requested];\n  for (const months of counts) {\n    if (width >= framed(months) + beside) return { months, placement: 'beside' };\n    if (width >= framed(months)) return { months, placement: 'below' };\n  }\n  return { months: 1, placement: 'below' };\n}\n\n/** The element's content width, kept current; null until measured or when disabled. */\nexport function useMeasuredWidth(ref: RefObject<HTMLElement | null>, enabled: boolean): number | null {\n  const [width, setWidth] = useState<number | null>(null);\n  useLayoutEffect(() => {\n    const element = ref.current;\n    if (!enabled || element === null || typeof ResizeObserver === 'undefined') return undefined;\n    const observer = new ResizeObserver((entries) => {\n      const measured = entries[0]?.contentRect.width;\n      if (measured) setWidth(Math.round(measured));\n    });\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [ref, enabled]);\n  return width;\n}\n"],"mappings":";;;;;AAUA,SAAS,iBAAiB,gBAAgC;AAY1D,IAAM,gBAAkD,EAAE,GAAG,KAAK,GAAG,IAAI;AACzE,IAAM,gBAAgB;AAKf,SAAS,kBAAkB,QAAwB;AACxD,SAAO,cAAc,MAAM,KAAM,cAAc,CAAC,IAAK,SAAU;AACjE;AAQO,SAAS,aACd,OACA,WACA,OACgD;AAChD,MAAI,UAAU,KAAM,QAAO,EAAE,QAAQ,WAAW,WAAW,QAAQ;AACnE,QAAM,SAAS,CAAC,WAA2B,MAAM,OAAO,kBAAkB,MAAM,CAAC;AACjF,QAAM,SAAS,MAAM,OAAO,aAAa;AACzC,QAAM,SAAS,YAAY,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS;AAC1D,aAAW,UAAU,QAAQ;AAC3B,QAAI,SAAS,OAAO,MAAM,IAAI,OAAQ,QAAO,EAAE,QAAQ,WAAW,SAAS;AAC3E,QAAI,SAAS,OAAO,MAAM,EAAG,QAAO,EAAE,QAAQ,WAAW,QAAQ;AAAA,EACnE;AACA,SAAO,EAAE,QAAQ,GAAG,WAAW,QAAQ;AACzC;AAGO,SAAS,iBAAiB,KAAoC,SAAiC;AACpG,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AACtD,kBAAgB,MAAM;AACpB,UAAM,UAAU,IAAI;AACpB,QAAI,CAAC,WAAW,YAAY,QAAQ,OAAO,mBAAmB,YAAa,QAAO;AAClF,UAAM,WAAW,IAAI,eAAe,CAAC,YAAY;AAC/C,YAAM,WAAW,QAAQ,CAAC,GAAG,YAAY;AACzC,UAAI,SAAU,UAAS,KAAK,MAAM,QAAQ,CAAC;AAAA,IAC7C,CAAC;AACD,aAAS,QAAQ,OAAO;AACxB,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,KAAK,OAAO,CAAC;AACjB,SAAO;AACT;","names":[]}

package/dist/{chunk-4RF4BALN.js → chunk-R775ISK6.js}

@@ -1,12 +1,12 @@
-import {
-  useAddressAutocomplete
-} from "./chunk-Z6QFIRD7.js";
 import {
   AddressFallbackField
 } from "./chunk-IU2WSJ4F.js";
 import {
   AddressAutocompleteField
 } from "./chunk-4RSFYS2V.js";
+import {
+  useAddressAutocomplete
+} from "./chunk-4X2TOMK6.js";
 import {
   resolveAddressProps
 } from "./chunk-NNKIM73H.js";
@@ -36,4 +36,4 @@ export {
   AddressAutocomplete,
   AddressAutocomplete_default
 };
-//# sourceMappingURL=chunk-4RF4BALN.js.map
+//# sourceMappingURL=chunk-R775ISK6.js.map

package/dist/{chunk-YBAK2WN5.js → chunk-RFMQBIE6.js}

@@ -1,3 +1,6 @@
+import {
+  HoverCardContent
+} from "./chunk-NRIV2CQ2.js";
 import {
   arrowSx,
   cardSx,
@@ -8,9 +11,6 @@ import {
 import {
   useHoverCard
 } from "./chunk-Z3USLQQT.js";
-import {
-  HoverCardContent
-} from "./chunk-NRIV2CQ2.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -191,4 +191,4 @@ HoverCard.displayName = "HoverCard";
 export {
   HoverCard
 };
-//# sourceMappingURL=chunk-YBAK2WN5.js.map
+//# sourceMappingURL=chunk-RFMQBIE6.js.map