@12-apps/ui 6.17.0 → 6.18.0

package/dist/{chunk-24LW52EU.js → chunk-DX527XPL.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-VRHBJXZ7.js";
+} from "./chunk-2PCOC3PT.js";
 
 // src/components/data-display/DataViews/data-views-more-fields.tsx
 import Checkbox from "@mui/material/Checkbox/index.js";
@@ -188,4 +188,4 @@ export {
   fieldClearing,
   MoreGroup
 };
-//# sourceMappingURL=chunk-24LW52EU.js.map
+//# sourceMappingURL=chunk-DX527XPL.js.map

package/dist/{chunk-OK5BHFZE.js → chunk-E6OILRUU.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Form
-} from "./chunk-VZO7VREP.js";
+} from "./chunk-IPPTOL53.js";
 
 // src/components/form/total-form/FormContainer.tsx
 import { validateFields } from "@12-apps/forms-core";
@@ -55,4 +55,4 @@ function FormContainer({
 export {
   FormContainer
 };
-//# sourceMappingURL=chunk-OK5BHFZE.js.map
+//# sourceMappingURL=chunk-E6OILRUU.js.map

package/dist/{chunk-A4YWFX5C.js → chunk-ENNW5SKT.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-VRHBJXZ7.js";
+} from "./chunk-2PCOC3PT.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-A4YWFX5C.js.map
+//# sourceMappingURL=chunk-ENNW5SKT.js.map

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

@@ -1,12 +1,12 @@
-import {
-  useCalendar
-} from "./chunk-ISW5K72V.js";
 import {
   resolveCalendarProps
 } from "./chunk-SUALMVL7.js";
 import {
   CalendarMonth
-} from "./chunk-IPE5FFFD.js";
+} 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-BPYPUEM5.js.map
+//# sourceMappingURL=chunk-EPNCYUQ7.js.map

package/dist/{chunk-MUAVYVDJ.js → chunk-EW7ZNSWU.js}

@@ -1,15 +1,15 @@
-import {
-  AddressFallbackField
-} from "./chunk-HBAPVB7T.js";
 import {
   AddressAutocompleteField
 } from "./chunk-2ZDTGI5V.js";
 import {
   useAddressAutocomplete
-} from "./chunk-WC3W36AM.js";
+} from "./chunk-HOJL2GKW.js";
 import {
   resolveAddressProps
 } from "./chunk-MTGEJRE4.js";
+import {
+  AddressFallbackField
+} from "./chunk-HBAPVB7T.js";
 
 // src/components/form/AddressAutocomplete/AddressAutocomplete.tsx
 import LocationIcon from "@mui/icons-material/LocationOn";
@@ -35,4 +35,4 @@ export {
   AddressAutocomplete,
   AddressAutocomplete_default
 };
-//# sourceMappingURL=chunk-MUAVYVDJ.js.map
+//# sourceMappingURL=chunk-EW7ZNSWU.js.map

package/dist/{chunk-DWUMMMLR.js → chunk-FOMK3WPG.js}

@@ -3,7 +3,7 @@ import {
   labelStyles,
   sizeStyles,
   textColor
-} from "./chunk-NR3J7VQL.js";
+} from "./chunk-RNCQ5KHQ.js";
 import {
   LabelBody
 } from "./chunk-BMEJN27K.js";
@@ -142,4 +142,4 @@ Label.displayName = "Label";
 export {
   Label
 };
-//# sourceMappingURL=chunk-DWUMMMLR.js.map
+//# sourceMappingURL=chunk-FOMK3WPG.js.map

package/dist/{chunk-RQ4EQ5FJ.js → chunk-FP4R47TM.js}

@@ -2,7 +2,7 @@ import {
   buildGridColumns,
   buildRowActionsColumn,
   isActionsColumn
-} from "./chunk-COSJTD6Z.js";
+} from "./chunk-KZSKI2R3.js";
 
 // src/components/data-display/DataViews/data-views-columns.ts
 import { useMemo } from "react";
@@ -52,4 +52,4 @@ export {
   useColumnsWithActions,
   useRenderedColumns
 };
-//# sourceMappingURL=chunk-RQ4EQ5FJ.js.map
+//# sourceMappingURL=chunk-FP4R47TM.js.map

package/dist/{chunk-7CA6GVBO.js → chunk-FZXKH2ZT.js}

@@ -1,4 +1,4 @@
-// src/tokens/typography.ts
+// src/tokens/heading-scale.ts
 var HEADING_LEVELS = [
   "display",
   "h1",
@@ -18,13 +18,9 @@ var HEADING_SCALE = {
   h5: { fontSize: "1.125rem", lineHeight: 1.4, normalWeight: 600 },
   h6: { fontSize: "1rem", lineHeight: 1.5, normalWeight: 600 }
 };
-function headingMetrics(theme, level) {
-  return { ...HEADING_SCALE[level], ...theme.typography.headingScale?.[level] };
-}
 
 export {
   HEADING_LEVELS,
-  HEADING_SCALE,
-  headingMetrics
+  HEADING_SCALE
 };
-//# sourceMappingURL=chunk-7CA6GVBO.js.map
+//# sourceMappingURL=chunk-FZXKH2ZT.js.map

package/dist/chunk-FZXKH2ZT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/heading-scale.ts"],"sourcesContent":["\n/**\n * THE THIRD VOCABULARY: the type scale.\n *\n * `scales.ts` opens by saying the package had both halves of every argument at\n * once until the size and colour vocabularies were declared in one place and\n * every component derived from them. The type scale was the one that never got\n * that treatment — it lived as a private `LEVELS` table inside\n * `Heading.styles.ts`, which is exactly the shape that file exists to refuse.\n *\n * Two things follow from it being private, and the second is the expensive one.\n *\n * **It could not be re-themed.** `Heading` read `theme.typography.h1.fontFamily`\n * from the theme and then ignored the theme for every other metric, so a host\n * calling `createTheme({ typography: { h1: { fontSize: '2rem' } } })` changed\n * `<Typography variant=\"h1\">` and left `<Heading level=\"h1\">` at 48px. A design\n * system whose type scale cannot be set by the design is not a system.\n *\n * **And the numbers were a landing page's.** `h1` at 3rem and `h2` at 2.5rem are\n * hero metrics. Dropped into an operations console they put a 48px title\n * directly above 14px body copy — a 3.4x jump with nothing in between — so\n * product teams stopped reaching for the component. Measured in one consuming\n * repo: `<Heading>` appeared four times in the entire codebase while raw\n * `fontSize` appeared in dozens of files. The component was not disliked, it was\n * unusable at app scale, and every host paid for that in hand-rolled CSS.\n *\n * So the defaults below are an APP scale, and `display` keeps the hero size for\n * the screens that actually want one. A marketing page asks for `display`; a\n * console asks for `h1` and gets something it can put on a page.\n */\n\n/**\n * A step on the scale.\n *\n * `display` is a SIZE, not a rank — see `Heading`, which renders it as `h1` so\n * the document still gets exactly one level-one heading.\n */\nexport type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'display';\n\n/**\n * The runtime list, declared beside the union for the reason `SIZE_VALUES`\n * gives: a story's `argTypes.options` spelled by hand drifts from the type, and\n * the direction it drifts is \"documents less than the component accepts\".\n */\nexport const HEADING_LEVELS = [\n  'display',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n] as const satisfies readonly HeadingLevel[];\n\n/** Everything one step of the scale decides. */\nexport interface HeadingMetrics {\n  fontSize: string;\n  lineHeight: number;\n  letterSpacing?: string;\n  /**\n   * The weight this step carries when the caller asks for `normal`. A heading's\n   * \"normal\" is not body text's 400 — it is the weight the step is meant to\n   * carry, which gets heavier as the step gets larger.\n   */\n  normalWeight: number;\n}\n\n/**\n * The house default, in CODE rather than in a component.\n *\n * ~1.15x per step from a 1rem `h6`, which keeps six distinguishable ranks inside\n * the range an application actually uses. The old table ran 1.125rem → 4rem and\n * spent its top three steps above anything a product screen wants.\n */\nexport const HEADING_SCALE: Record<HeadingLevel, HeadingMetrics> = {\n  // The hero size the old `h1` was really offering, under the name that says so.\n  display: { fontSize: '3rem', lineHeight: 1.05, letterSpacing: '-0.03em', normalWeight: 800 },\n  h1: { fontSize: '2rem', lineHeight: 1.2, letterSpacing: '-0.02em', normalWeight: 700 },\n  h2: { fontSize: '1.75rem', lineHeight: 1.25, letterSpacing: '-0.015em', normalWeight: 700 },\n  h3: { fontSize: '1.5rem', lineHeight: 1.3, letterSpacing: '-0.01em', normalWeight: 600 },\n  h4: { fontSize: '1.25rem', lineHeight: 1.35, letterSpacing: '-0.005em', normalWeight: 600 },\n  h5: { fontSize: '1.125rem', lineHeight: 1.4, normalWeight: 600 },\n  h6: { fontSize: '1rem', lineHeight: 1.5, normalWeight: 600 },\n};\n\n/** A host's overrides: any subset of the steps, any subset of each step's metrics. */\nexport type HeadingScaleOverrides = Partial<Record<HeadingLevel, Partial<HeadingMetrics>>>;\n"],"mappings":";AA4CO,IAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAsBO,IAAM,gBAAsD;AAAA;AAAA,EAEjE,SAAS,EAAE,UAAU,QAAQ,YAAY,MAAM,eAAe,WAAW,cAAc,IAAI;AAAA,EAC3F,IAAI,EAAE,UAAU,QAAQ,YAAY,KAAK,eAAe,WAAW,cAAc,IAAI;AAAA,EACrF,IAAI,EAAE,UAAU,WAAW,YAAY,MAAM,eAAe,YAAY,cAAc,IAAI;AAAA,EAC1F,IAAI,EAAE,UAAU,UAAU,YAAY,KAAK,eAAe,WAAW,cAAc,IAAI;AAAA,EACvF,IAAI,EAAE,UAAU,WAAW,YAAY,MAAM,eAAe,YAAY,cAAc,IAAI;AAAA,EAC1F,IAAI,EAAE,UAAU,YAAY,YAAY,KAAK,cAAc,IAAI;AAAA,EAC/D,IAAI,EAAE,UAAU,QAAQ,YAAY,KAAK,cAAc,IAAI;AAC7D;","names":[]}

package/dist/{chunk-SHQWIDD5.js → chunk-GJQYM3PM.js}

@@ -1,9 +1,9 @@
-import {
-  buildDayArgs
-} from "./chunk-E2Y7G4MP.js";
 import {
   CalendarDay
 } from "./chunk-YU26GBNX.js";
+import {
+  buildDayArgs
+} from "./chunk-E2Y7G4MP.js";
 import {
   isSameDay
 } from "./chunk-TERT6TIS.js";
@@ -40,4 +40,4 @@ var CalendarDayCell = ({
 export {
   CalendarDayCell
 };
-//# sourceMappingURL=chunk-SHQWIDD5.js.map
+//# sourceMappingURL=chunk-GJQYM3PM.js.map

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

@@ -1,21 +1,21 @@
-import {
-  DateRangeQuickList
-} from "./chunk-ZRHSIFWA.js";
-import {
-  DateRangeFields
-} from "./chunk-MEWYA74E.js";
 import {
   DEFAULT_QUICK_RANGES
 } from "./chunk-QKLSHNOH.js";
 import {
   useDateRangePicker
 } from "./chunk-OD4Z5G6G.js";
+import {
+  DateRangeQuickList
+} from "./chunk-ZRHSIFWA.js";
+import {
+  DateRangeFields
+} from "./chunk-MEWYA74E.js";
 import {
   toLocalDay
 } from "./chunk-FRAVVI4A.js";
 import {
   Calendar
-} from "./chunk-BPYPUEM5.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-WEH5TCPE.js.map
+//# sourceMappingURL=chunk-GSTRPZS4.js.map

package/dist/chunk-H2EQVMU3.js

@@ -0,0 +1,49 @@
+import {
+  ICON_PATHS
+} from "./chunk-RLC46NIW.js";
+import {
+  iconFill
+} from "./chunk-QWBQVQRG.js";
+import {
+  iconSize
+} from "./chunk-RTSK5OZT.js";
+import {
+  useUiTheme
+} from "./chunk-KLREH4X6.js";
+import {
+  resolveTestId
+} from "./chunk-QLWBQQW7.js";
+
+// src/icons/Icon.tsx
+import SvgIcon from "@mui/material/SvgIcon/index.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Icon = React.forwardRef(
+  ({ name, size, color, label, className, style, ...rest }, ref) => {
+    const theme = useUiTheme();
+    const px = iconSize(size);
+    const fill = iconFill(theme, color, "currentColor");
+    const testId = resolveTestId(rest, `icon-${name}`);
+    return /* @__PURE__ */ jsx(
+      SvgIcon,
+      {
+        ref,
+        viewBox: "0 0 24 24",
+        className,
+        style,
+        sx: { fontSize: px, color: fill },
+        titleAccess: label,
+        "aria-hidden": label ? void 0 : true,
+        "data-testid": testId,
+        "data-icon": name,
+        children: ICON_PATHS[name].map((d) => /* @__PURE__ */ jsx("path", { d }, d))
+      }
+    );
+  }
+);
+Icon.displayName = "Icon";
+
+export {
+  Icon
+};
+//# sourceMappingURL=chunk-H2EQVMU3.js.map

package/dist/chunk-H2EQVMU3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/Icon.tsx"],"sourcesContent":["import SvgIcon from '@mui/material/SvgIcon/index.js';\nimport * as React from 'react';\n\nimport { iconFill } from './icon-color';\nimport { iconSize, type IconBaseProps } from './Icon.types';\nimport { ICON_PATHS } from './paths.generated';\nimport { resolveTestId } from '../platform/test-id';\nimport { useUiTheme } from '../provider/use-ui-theme';\n\nexport interface IconProps extends IconBaseProps {\n  className?: string;\n  style?: React.CSSProperties;\n}\n\n/**\n * The web `Icon`: MUI's `SvgIcon` drawing the generated path, so a glyph named\n * here is pixel-for-pixel the one `@mui/icons-material` would draw — and the one\n * the native `Icon` draws from the same path data.\n */\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ name, size, color, label, className, style, ...rest }, ref) => {\n    const theme = useUiTheme();\n    const px = iconSize(size);\n    const fill = iconFill(theme, color, 'currentColor');\n    const testId = resolveTestId(rest, `icon-${name}`);\n\n    return (\n      <SvgIcon\n        ref={ref}\n        viewBox=\"0 0 24 24\"\n        className={className}\n        style={style}\n        sx={{ fontSize: px, color: fill }}\n        titleAccess={label}\n        aria-hidden={label ? undefined : true}\n        data-testid={testId}\n        data-icon={name}\n      >\n        {ICON_PATHS[name].map((d) => (\n          <path key={d} d={d} />\n        ))}\n      </SvgIcon>\n    );\n  },\n);\n\nIcon.displayName = 'Icon';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,OAAO,aAAa;AACpB,YAAY,WAAW;AAsCb;AApBH,IAAM,OAAa;AAAA,EACxB,CAAC,EAAE,MAAM,MAAM,OAAO,OAAO,WAAW,OAAO,GAAG,KAAK,GAAG,QAAQ;AAChE,UAAM,QAAQ,WAAW;AACzB,UAAM,KAAK,SAAS,IAAI;AACxB,UAAM,OAAO,SAAS,OAAO,OAAO,cAAc;AAClD,UAAM,SAAS,cAAc,MAAM,QAAQ,IAAI,EAAE;AAEjD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA,IAAI,EAAE,UAAU,IAAI,OAAO,KAAK;AAAA,QAChC,aAAa;AAAA,QACb,eAAa,QAAQ,SAAY;AAAA,QACjC,eAAa;AAAA,QACb,aAAW;AAAA,QAEV,qBAAW,IAAI,EAAE,IAAI,CAAC,MACrB,oBAAC,UAAa,KAAH,CAAS,CACrB;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;","names":[]}

package/dist/{chunk-WC3W36AM.js → chunk-HOJL2GKW.js}

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

package/dist/{chunk-PMFW55F5.js → chunk-HSAH5QUQ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5M4TYFR3.js";
 import {
   PreviewBox
-} from "./chunk-T4SM36XC.js";
+} from "./chunk-D7FJ2GAD.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-FX5DY6VR.js";
 import {
   Input
-} from "./chunk-M3RIC6JI.js";
+} from "./chunk-OQXOYHIV.js";
 import {
   Dialog,
   DialogContent
@@ -25,10 +25,10 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-IAQFQNBL.js";
+} from "./chunk-24BUCMQA.js";
 import {
   Text
-} from "./chunk-VRHBJXZ7.js";
+} from "./chunk-2PCOC3PT.js";
 
 // src/components/data-display/DataViews/SaveViewModal.tsx
 import GroupOutlinedIcon from "@mui/icons-material/GroupOutlined";
@@ -265,4 +265,4 @@ function SaveViewModal({
 export {
   SaveViewModal
 };
-//# sourceMappingURL=chunk-PMFW55F5.js.map
+//# sourceMappingURL=chunk-HSAH5QUQ.js.map

package/dist/{chunk-A3KY6NUA.js → chunk-IH4CX43Q.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Button
-} from "./chunk-IAQFQNBL.js";
+} from "./chunk-24BUCMQA.js";
 
 // src/components/form/total-form/SubmitButton.tsx
 import { jsx } from "react/jsx-runtime";
@@ -29,4 +29,4 @@ function SubmitButton({
 export {
   SubmitButton
 };
-//# sourceMappingURL=chunk-A3KY6NUA.js.map
+//# sourceMappingURL=chunk-IH4CX43Q.js.map

package/dist/{chunk-HEDOL2RV.js → chunk-IJIT5HQP.js}

@@ -10,10 +10,10 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-IAQFQNBL.js";
+} from "./chunk-24BUCMQA.js";
 import {
   Text
-} from "./chunk-VRHBJXZ7.js";
+} from "./chunk-2PCOC3PT.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-HEDOL2RV.js.map
+//# sourceMappingURL=chunk-IJIT5HQP.js.map

package/dist/{chunk-VZO7VREP.js → chunk-IPPTOL53.js}

@@ -39,7 +39,7 @@ var StyledFormField = styled(Box, {
     display: variant === "horizontal" ? "grid" : "flex",
     flexDirection: variant === "horizontal" ? void 0 : "column",
     gridTemplateColumns: variant === "horizontal" ? "200px 1fr" : void 0,
-    gap: theme.spacing(1),
+    columnGap: variant === "horizontal" ? theme.spacing(1) : void 0,
     alignItems: variant === "horizontal" ? "center" : void 0
   })
 );
@@ -109,4 +109,4 @@ export {
   FormControl,
   FormMessage
 };
-//# sourceMappingURL=chunk-VZO7VREP.js.map
+//# sourceMappingURL=chunk-IPPTOL53.js.map

package/dist/chunk-IPPTOL53.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Form/Form.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type {\n  FormControlProps,\n  FormFieldProps,\n  FormLabelProps,\n  FormMessageProps,\n  FormProps,\n} from './Form.types';\n\nconst StyledForm = styled('form', {\n  shouldForwardProp: (prop) => prop !== 'variant',\n})<{ variant?: FormProps['variant'] }>(({ theme, variant }) => ({\n  width: '100%',\n  ...(variant === 'inline' && {\n    display: 'flex',\n    gap: theme.spacing(2),\n    alignItems: 'flex-start',\n  }),\n}));\n\nconst spacingMap = {\n  xs: 1,\n  sm: 2,\n  md: 3,\n  lg: 4,\n  xl: 5,\n};\n\nconst maxWidthMap = {\n  sm: '600px',\n  md: '900px',\n  lg: '1200px',\n  xl: '1536px',\n  full: '100%',\n};\n\nexport const Form = React.forwardRef<HTMLFormElement, FormProps>(\n  ({ variant = 'vertical', maxWidth = 'full', spacing = 'md', children, dataTestId, ...props }, ref) => (\n      <StyledForm ref={ref} variant={variant} role=\"form\" data-testid={dataTestId} {...props}>\n        <Box sx={{ maxWidth: maxWidthMap[maxWidth], width: '100%' }}>\n          {variant === 'inline' ? (\n            children\n          ) : (\n            <Stack spacing={spacingMap[spacing]}>{children}</Stack>\n          )}\n        </Box>\n      </StyledForm>\n    ),\n);\n\nForm.displayName = 'Form';\n\n/**\n * NO ROW GAP HERE, and that is the fix rather than an omission.\n *\n * `FormLabel` already carries `marginBottom: theme.spacing(0.5)` — 4px — and it\n * carries it because it has to: every OTHER user of it (`CepField`,\n * `CategorySelect`, `CreatableSelect`, the three `total-form` fields, five of\n * `@12-apps/discounts`' builders and the host's own `currency-field`) puts a\n * bare `FormLabel` straight inside a `FormControl`, which is a plain block box\n * with no gap of its own. There, the label's own margin is the ONLY thing\n * between the label and the control.\n *\n * A `gap: theme.spacing(1)` here was a second mechanism for that one job, and in\n * a column the two ADD: 8px + 4px put `FormField` at 12px where every one of\n * those siblings sits at 4px. Measured in Chromium at 320x568 on a consuming\n * app's six-field delivery address form, the 8px a row it added pushed the\n * submit button from 561px to 609px — 41px below the fold of the smallest\n * supported phone, i.e. a checkout whose primary action is off-screen.\n *\n * That claim is about `FormLabel`'s own callers, not about the whole package:\n * `Textarea` labels its control through MUI's `InputLabel` at\n * `theme.spacing(1)` and still draws 8px. It composes nothing out of\n * `FormLabel`, so it is a separate inconsistency rather than a reason to keep\n * a second spacing here.\n *\n * ## The `columnGap` is scaffolding, and currently unreachable\n *\n * `FormFieldProps` has no `variant` and `FormField` passes none, so `variant`\n * is ALWAYS undefined and every branch below resolves to the vertical shape.\n * `Form` accepts `variant=\"horizontal\"` and `Form.md` documents it as \"labels\n * beside inputs\", but nothing carries that variant down to the field — so a\n * horizontal form draws vertical rows today. That gap is older than this\n * change and fixing it is a feature, not a spacing fix.\n *\n * The branch is kept, scoped to the COLUMN axis, so that whoever does wire it\n * up inherits the right answer: with the label beside the control, a horizontal\n * gap and a vertical margin are orthogonal and nothing double-counts. A `gap`\n * shorthand there would put the 8px back on the row axis the moment a field\n * wrapped.\n */\nconst StyledFormField = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'variant',\n})<{ variant?: 'vertical' | 'horizontal' }>(\n  ({ theme, variant }) => ({\n    display: variant === 'horizontal' ? 'grid' : 'flex',\n    flexDirection: variant === 'horizontal' ? undefined : 'column',\n    gridTemplateColumns: variant === 'horizontal' ? '200px 1fr' : undefined,\n    columnGap: variant === 'horizontal' ? theme.spacing(1) : undefined,\n    alignItems: variant === 'horizontal' ? 'center' : undefined,\n  }),\n);\n\nexport const FormField: React.FC<FormFieldProps> = ({\n  name,\n  label,\n  required,\n  error,\n  helperText,\n  children,\n  dataTestId,\n}) => (\n    <StyledFormField data-testid={dataTestId}>\n      {label && (\n        <FormLabel required={required} error={!!error} htmlFor={name} dataTestId={dataTestId ? `${dataTestId}-label` : undefined}>\n          {label}\n        </FormLabel>\n      )}\n      <FormControl fullWidth dataTestId={dataTestId ? `${dataTestId}-control` : undefined}>\n        {children}\n        {(error || helperText) && <FormMessage error={!!error} dataTestId={dataTestId ? `${dataTestId}-message` : undefined}>{error || helperText}</FormMessage>}\n      </FormControl>\n    </StyledFormField>\n  );\n\nconst StyledFormLabel = styled('label', {\n  shouldForwardProp: (prop) => prop !== 'error',\n})<{ error?: boolean }>(({ theme, error }) => ({\n  fontSize: '0.875rem',\n  fontWeight: 500,\n  color: error ? theme.palette.error.main : theme.palette.text.primary,\n  marginBottom: theme.spacing(0.5),\n  display: 'block',\n  '&::after': {\n    content: '\" *\"',\n    color: theme.palette.error.main,\n    display: 'var(--required-display, none)',\n  },\n}));\n\nexport const FormLabel: React.FC<FormLabelProps> = ({ required, error, children, htmlFor, dataTestId }) => (\n    <StyledFormLabel\n      error={error}\n      htmlFor={htmlFor}\n      data-testid={dataTestId}\n      style={{ '--required-display': required ? 'inline' : 'none' } as React.CSSProperties}\n    >\n      {children}\n    </StyledFormLabel>\n  );\n\nconst StyledFormControl = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'fullWidth',\n})<{ fullWidth?: boolean }>(({ fullWidth }) => ({\n  width: fullWidth ? '100%' : 'auto',\n  position: 'relative',\n}));\n\nexport const FormControl: React.FC<FormControlProps> = ({ fullWidth = true, children, dataTestId }) =>\n  // Don't pass error prop to the DOM element\n   <StyledFormControl fullWidth={fullWidth} data-testid={dataTestId}>{children}</StyledFormControl>\n;\n\nconst StyledFormMessage = styled('span', {\n  shouldForwardProp: (prop) => prop !== 'error',\n})<{ error?: boolean }>(({ theme, error }) => ({\n  fontSize: '0.75rem',\n  marginTop: theme.spacing(0.5),\n  color: error ? theme.palette.error.main : theme.palette.text.secondary,\n  display: 'block',\n}));\n\nexport const FormMessage: React.FC<FormMessageProps> = ({ error, children, dataTestId }) => <StyledFormMessage error={error} data-testid={dataTestId}>{children}</StyledFormMessage>;\n"],"mappings":"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","names":[]}

package/dist/{chunk-VR5HDUBK.js → chunk-IPS55KWK.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   Pagination
-} from "./chunk-W2UTDN4T.js";
+} from "./chunk-DWZ7FLA7.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -31,4 +31,4 @@ function DataViewsPagination({
 export {
   DataViewsPagination
 };
-//# sourceMappingURL=chunk-VR5HDUBK.js.map
+//# sourceMappingURL=chunk-IPS55KWK.js.map

package/dist/chunk-ITGG5OKP.js

@@ -0,0 +1,86 @@
+import {
+  darken,
+  lighten
+} from "./chunk-6JAIFIPW.js";
+
+// src/components/form/Button/Button.metrics.ts
+var BUTTON_SIZES = {
+  xs: { paddingVertical: 2, paddingHorizontal: 8, fontSize: 12 },
+  sm: { paddingVertical: 6, paddingHorizontal: 12, fontSize: 14 },
+  md: { paddingVertical: 8, paddingHorizontal: 16, fontSize: 16 },
+  lg: { paddingVertical: 10, paddingHorizontal: 20, fontSize: 18 },
+  xl: { paddingVertical: 12, paddingHorizontal: 24, fontSize: 20 }
+};
+var ICON_ONLY_PADDING = {
+  xs: 2,
+  sm: 5,
+  md: 7,
+  lg: 9,
+  xl: 11
+};
+var BUTTON_FONT_WEIGHT = 500;
+var BUTTON_RADIUS_UNITS = 1;
+var BUTTON_ICON_GAP_UNITS = 0.5;
+var BUTTON_SPINNER_SIZE = 16;
+var BUTTON_LINE_HEIGHT = 1.75;
+var BUTTON_WASH_ALPHA = 0.1;
+var GLASS_BACKGROUND_ALPHA = 0.1;
+var GLASS_BACKGROUND_ALPHA_PRESSED = 0.2;
+var GLASS_BORDER_ALPHA = 0.2;
+var GLOW_INNER_ALPHA = 0.6;
+var GLOW_OUTER_ALPHA = 0.3;
+var GLOW_RADIUS = 20;
+var PULSE_ALPHA = 0.3;
+var PULSE_DURATION_MS = 2e3;
+var PULSE_SPREAD = 15;
+function buttonPalette(theme, color) {
+  if (color === "neutral") {
+    return {
+      main: theme.palette.grey[700],
+      dark: theme.palette.grey[800],
+      light: theme.palette.grey[500],
+      contrastText: "#fff"
+    };
+  }
+  return theme.palette[color];
+}
+var quietInk = (theme, palette) => theme.mode === "dark" ? lighten(palette.main, 0.35) : darken(palette.main, 0.3);
+function gradientStops(theme, color, palette) {
+  switch (color) {
+    case "primary":
+      return [theme.palette.primary.main, theme.palette.secondary.main];
+    case "secondary":
+      return [theme.palette.secondary.main, theme.palette.primary.main];
+    case "success":
+    case "warning":
+      return [theme.palette[color].light, theme.palette[color].dark];
+    case "danger":
+      return [theme.palette.danger.light, theme.palette.danger.dark];
+    default:
+      return [palette.main, palette.dark];
+  }
+}
+
+export {
+  BUTTON_SIZES,
+  ICON_ONLY_PADDING,
+  BUTTON_FONT_WEIGHT,
+  BUTTON_RADIUS_UNITS,
+  BUTTON_ICON_GAP_UNITS,
+  BUTTON_SPINNER_SIZE,
+  BUTTON_LINE_HEIGHT,
+  BUTTON_WASH_ALPHA,
+  GLASS_BACKGROUND_ALPHA,
+  GLASS_BACKGROUND_ALPHA_PRESSED,
+  GLASS_BORDER_ALPHA,
+  GLOW_INNER_ALPHA,
+  GLOW_OUTER_ALPHA,
+  GLOW_RADIUS,
+  PULSE_ALPHA,
+  PULSE_DURATION_MS,
+  PULSE_SPREAD,
+  buttonPalette,
+  quietInk,
+  gradientStops
+};
+//# sourceMappingURL=chunk-ITGG5OKP.js.map

package/dist/chunk-ITGG5OKP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Button/Button.metrics.ts"],"sourcesContent":["import { darken, lighten } from '../../../tokens/color';\nimport type { ColorValue, SizeValue } from '../../../tokens/vocabulary';\nimport type { UiPaletteColor, UiTheme } from '../../../tokens/theme';\n\n/**\n * THE NUMBERS BOTH `Button` RENDERERS DRAW WITH.\n *\n * `Button.styles.ts` (web, emotion) and `Button.native.tsx` (React Native)\n * read this one table. The web turns the px into rem and the padding into a\n * shorthand string; native uses the numbers as they are. Neither restates a\n * value, which is what keeps a native `md` button 16px tall of padding and\n * 16px of type exactly like the web one.\n */\nexport interface ButtonSizeMetrics {\n  paddingVertical: number;\n  paddingHorizontal: number;\n  fontSize: number;\n}\n\nexport const BUTTON_SIZES: Record<SizeValue, ButtonSizeMetrics> = {\n  xs: { paddingVertical: 2, paddingHorizontal: 8, fontSize: 12 },\n  sm: { paddingVertical: 6, paddingHorizontal: 12, fontSize: 14 },\n  md: { paddingVertical: 8, paddingHorizontal: 16, fontSize: 16 },\n  lg: { paddingVertical: 10, paddingHorizontal: 20, fontSize: 18 },\n  xl: { paddingVertical: 12, paddingHorizontal: 24, fontSize: 20 },\n};\n\n/** A button that is only an icon is square: uniform padding, no min-width. */\nexport const ICON_ONLY_PADDING: Record<SizeValue, number> = {\n  xs: 2,\n  sm: 5,\n  md: 7,\n  lg: 9,\n  xl: 11,\n};\n\nexport const BUTTON_FONT_WEIGHT = 500;\n/** `theme.spacing(1)`. */\nexport const BUTTON_RADIUS_UNITS = 1;\n/** Between the icon and the label: `theme.spacing(0.5)`. */\nexport const BUTTON_ICON_GAP_UNITS = 0.5;\nexport const BUTTON_SPINNER_SIZE = 16;\n/** MUI's `line-height` for button text. */\nexport const BUTTON_LINE_HEIGHT = 1.75;\n\n/** The wash behind an outline, ghost or text button while it is hovered or pressed. */\nexport const BUTTON_WASH_ALPHA = 0.1;\nexport const GLASS_BACKGROUND_ALPHA = 0.1;\nexport const GLASS_BACKGROUND_ALPHA_PRESSED = 0.2;\nexport const GLASS_BORDER_ALPHA = 0.2;\nexport const GLOW_INNER_ALPHA = 0.6;\nexport const GLOW_OUTER_ALPHA = 0.3;\nexport const GLOW_RADIUS = 20;\nexport const PULSE_ALPHA = 0.3;\nexport const PULSE_DURATION_MS = 2000;\nexport const PULSE_SPREAD = 15;\n\n/**\n * `neutral` has no palette slot of its own in MUI, so `Button.styles.ts` has\n * always drawn it from three greys. Same three greys here.\n */\nexport function buttonPalette(theme: UiTheme, color: ColorValue): UiPaletteColor {\n  if (color === 'neutral') {\n    return {\n      main: theme.palette.grey[700],\n      dark: theme.palette.grey[800],\n      light: theme.palette.grey[500],\n      contrastText: '#fff',\n    };\n  }\n  return theme.palette[color];\n}\n\n/**\n * The label colour for `ghost` and `text`: one step darker than `main` in\n * light mode (lighter in dark), because `main` is chosen to sit UNDER white and\n * is not legible AS text on a tinted surface. See the web `quietInk`.\n */\nexport const quietInk = (theme: UiTheme, palette: UiPaletteColor): string =>\n  theme.mode === 'dark' ? lighten(palette.main, 0.35) : darken(palette.main, 0.3);\n\n/** Gradients run between two related hues; the named colours pick a specific pair. */\nexport function gradientStops(\n  theme: UiTheme,\n  color: ColorValue,\n  palette: UiPaletteColor,\n): [string, string] {\n  switch (color) {\n    case 'primary':\n      return [theme.palette.primary.main, theme.palette.secondary.main];\n    case 'secondary':\n      return [theme.palette.secondary.main, theme.palette.primary.main];\n    case 'success':\n    case 'warning':\n      return [theme.palette[color].light, theme.palette[color].dark];\n    case 'danger':\n      return [theme.palette.danger.light, theme.palette.danger.dark];\n    default:\n      return [palette.main, palette.dark];\n  }\n}\n"],"mappings":";;;;;;AAmBO,IAAM,eAAqD;AAAA,EAChE,IAAI,EAAE,iBAAiB,GAAG,mBAAmB,GAAG,UAAU,GAAG;AAAA,EAC7D,IAAI,EAAE,iBAAiB,GAAG,mBAAmB,IAAI,UAAU,GAAG;AAAA,EAC9D,IAAI,EAAE,iBAAiB,GAAG,mBAAmB,IAAI,UAAU,GAAG;AAAA,EAC9D,IAAI,EAAE,iBAAiB,IAAI,mBAAmB,IAAI,UAAU,GAAG;AAAA,EAC/D,IAAI,EAAE,iBAAiB,IAAI,mBAAmB,IAAI,UAAU,GAAG;AACjE;AAGO,IAAM,oBAA+C;AAAA,EAC1D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,IAAM,qBAAqB;AAE3B,IAAM,sBAAsB;AAE5B,IAAM,wBAAwB;AAC9B,IAAM,sBAAsB;AAE5B,IAAM,qBAAqB;AAG3B,IAAM,oBAAoB;AAC1B,IAAM,yBAAyB;AAC/B,IAAM,iCAAiC;AACvC,IAAM,qBAAqB;AAC3B,IAAM,mBAAmB;AACzB,IAAM,mBAAmB;AACzB,IAAM,cAAc;AACpB,IAAM,cAAc;AACpB,IAAM,oBAAoB;AAC1B,IAAM,eAAe;AAMrB,SAAS,cAAc,OAAgB,OAAmC;AAC/E,MAAI,UAAU,WAAW;AACvB,WAAO;AAAA,MACL,MAAM,MAAM,QAAQ,KAAK,GAAG;AAAA,MAC5B,MAAM,MAAM,QAAQ,KAAK,GAAG;AAAA,MAC5B,OAAO,MAAM,QAAQ,KAAK,GAAG;AAAA,MAC7B,cAAc;AAAA,IAChB;AAAA,EACF;AACA,SAAO,MAAM,QAAQ,KAAK;AAC5B;AAOO,IAAM,WAAW,CAAC,OAAgB,YACvC,MAAM,SAAS,SAAS,QAAQ,QAAQ,MAAM,IAAI,IAAI,OAAO,QAAQ,MAAM,GAAG;AAGzE,SAAS,cACd,OACA,OACA,SACkB;AAClB,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,CAAC,MAAM,QAAQ,QAAQ,MAAM,MAAM,QAAQ,UAAU,IAAI;AAAA,IAClE,KAAK;AACH,aAAO,CAAC,MAAM,QAAQ,UAAU,MAAM,MAAM,QAAQ,QAAQ,IAAI;AAAA,IAClE,KAAK;AAAA,IACL,KAAK;AACH,aAAO,CAAC,MAAM,QAAQ,KAAK,EAAE,OAAO,MAAM,QAAQ,KAAK,EAAE,IAAI;AAAA,IAC/D,KAAK;AACH,aAAO,CAAC,MAAM,QAAQ,OAAO,OAAO,MAAM,QAAQ,OAAO,IAAI;AAAA,IAC/D;AACE,aAAO,CAAC,QAAQ,MAAM,QAAQ,IAAI;AAAA,EACtC;AACF;","names":[]}

package/dist/{chunk-ELYLG4F7.js → chunk-J54WH74M.js}

@@ -1,12 +1,12 @@
 import {
   DataViewsBoard
-} from "./chunk-3DQP6OPC.js";
+} from "./chunk-THBT56JE.js";
 import {
   SelectAllStrip
-} from "./chunk-AX7UFG2U.js";
+} from "./chunk-7RZ4WOQW.js";
 import {
   cardGridTracks
-} from "./chunk-COSJTD6Z.js";
+} from "./chunk-KZSKI2R3.js";
 import {
   ListCardGroup
 } from "./chunk-LYSSO6WC.js";
@@ -264,4 +264,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-ELYLG4F7.js.map
+//# sourceMappingURL=chunk-J54WH74M.js.map

package/dist/chunk-J6UFAMIC.js

@@ -0,0 +1,19 @@
+import {
+  withDividers
+} from "./chunk-4GGH6ZQ7.js";
+import {
+  Box
+} from "./chunk-X5D3PTWI.js";
+
+// src/components/layout/Stack/Stack.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Stack = React.forwardRef(
+  ({ direction = "column", gap = 0, divider, children, ...rest }, ref) => /* @__PURE__ */ jsx(Box, { ref, direction, gap, ...rest, children: withDividers(children, divider) })
+);
+Stack.displayName = "Stack";
+
+export {
+  Stack
+};
+//# sourceMappingURL=chunk-J6UFAMIC.js.map

package/dist/chunk-J6UFAMIC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Stack/Stack.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { StackProps } from './Stack.types';\nimport { withDividers } from './with-dividers';\nimport { Box } from '../Box/Box';\n\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(\n  ({ direction = 'column', gap = 0, divider, children, ...rest }, ref) => (\n    <Box ref={ref} direction={direction} gap={gap} {...rest}>\n      {withDividers(children, divider)}\n    </Box>\n  ),\n);\n\nStack.displayName = 'Stack';\n"],"mappings":";;;;;;;;AAAA,YAAY,WAAW;AAQnB;AAFG,IAAM,QAAc;AAAA,EACzB,CAAC,EAAE,YAAY,UAAU,MAAM,GAAG,SAAS,UAAU,GAAG,KAAK,GAAG,QAC9D,oBAAC,OAAI,KAAU,WAAsB,KAAW,GAAG,MAChD,uBAAa,UAAU,OAAO,GACjC;AAEJ;AAEA,MAAM,cAAc;","names":[]}

package/dist/{chunk-5ZOJLYD2.js → chunk-JE6RZ5L6.js}

@@ -1,9 +1,9 @@
-import {
-  installPromptStyles
-} from "./chunk-GY62N32G.js";
 import {
   usePwaInstall
 } from "./chunk-5GMHJ7Y5.js";
+import {
+  installPromptStyles
+} from "./chunk-GY62N32G.js";
 
 // src/components/utility/InstallPrompt/InstallPrompt.tsx
 import Close from "@mui/icons-material/Close";
@@ -154,4 +154,4 @@ InstallPrompt.displayName = "InstallPrompt";
 export {
   InstallPrompt
 };
-//# sourceMappingURL=chunk-5ZOJLYD2.js.map
+//# sourceMappingURL=chunk-JE6RZ5L6.js.map

package/dist/{chunk-NYUGX76C.js → chunk-JT6TERQL.js}

@@ -1,3 +1,11 @@
+import {
+  BUTTON_SIZES,
+  ICON_ONLY_PADDING
+} from "./chunk-ITGG5OKP.js";
+import {
+  px
+} from "./chunk-NQN5Z36J.js";
+
 // src/components/form/Button/Button.styles.ts
 import { alpha, darken, keyframes, lighten } from "@mui/material/styles/index.js";
 var pulseAnimation = keyframes`
@@ -40,24 +48,19 @@ var getColorFromTheme = (theme, color) => {
     contrastText: palette?.contrastText || "#fff"
   };
 };
-var DEFAULT_SIZE = { padding: "8px 16px", fontSize: "1rem" };
-var SIZE_MAP = {
-  xs: { padding: "2px 8px", fontSize: "0.75rem" },
-  sm: { padding: "6px 12px", fontSize: "0.875rem" },
-  md: DEFAULT_SIZE,
-  lg: { padding: "10px 20px", fontSize: "1.125rem" },
-  xl: { padding: "12px 24px", fontSize: "1.25rem" }
-};
-var ICON_ONLY_PADDING = {
-  xs: "2px",
-  sm: "5px",
-  md: "7px",
-  lg: "9px",
-  xl: "11px"
-};
+var SIZE_MAP = Object.fromEntries(
+  Object.entries(BUTTON_SIZES).map(([size, m]) => [
+    size,
+    { padding: `${m.paddingVertical}px ${m.paddingHorizontal}px`, fontSize: px(m.fontSize) }
+  ])
+);
+var DEFAULT_SIZE = SIZE_MAP.md;
+var ICON_ONLY_PADDING2 = Object.fromEntries(
+  Object.entries(ICON_ONLY_PADDING).map(([size, padding]) => [size, `${padding}px`])
+);
 var iconOnlySize = (size) => ({
   minWidth: 0,
-  padding: ICON_ONLY_PADDING[size] ?? ICON_ONLY_PADDING.md,
+  padding: ICON_ONLY_PADDING2[size] ?? ICON_ONLY_PADDING2.md,
   fontSize: SIZE_MAP[size]?.fontSize ?? DEFAULT_SIZE.fontSize,
   "& .MuiButton-startIcon, & .MuiButton-endIcon": { margin: 0 }
 });
@@ -194,4 +197,4 @@ export {
   buttonVariantStyles,
   buttonEmphasisStyles
 };
-//# sourceMappingURL=chunk-NYUGX76C.js.map
+//# sourceMappingURL=chunk-JT6TERQL.js.map