@12-apps/ui 6.15.0 → 6.16.0

package/dist/{chunk-I2S2GHEG.js → chunk-LUWATXU4.js}

@@ -1,6 +1,6 @@
 import {
   CategoryPanel
-} from "./chunk-434EDUHY.js";
+} from "./chunk-MHFJBNDP.js";
 import {
   CategoryPanelSurface
 } from "./chunk-LMXWI3DD.js";
@@ -18,10 +18,10 @@ import {
 } from "./chunk-LR6MSKTT.js";
 import {
   CategoryTrigger
-} from "./chunk-XQ2BNVXL.js";
+} from "./chunk-ZBNTFWTG.js";
 import {
   METRICS
-} from "./chunk-XCT2ZLA6.js";
+} from "./chunk-FCOEJCUP.js";
 import {
   FormControl,
   FormLabel,
@@ -158,4 +158,4 @@ function CategorySelect(props) {
 export {
   CategorySelect
 };
-//# sourceMappingURL=chunk-I2S2GHEG.js.map
+//# sourceMappingURL=chunk-LUWATXU4.js.map

package/dist/{chunk-J7VY6KNP.js → chunk-M3RIC6JI.js}

@@ -7,7 +7,7 @@ import {
   muiVariantFor,
   outlinedStyles,
   pulseStyles
-} from "./chunk-3AEY5TYV.js";
+} from "./chunk-RMSH2I3O.js";
 import {
   TextFieldSlim
 } from "./chunk-SL6454K7.js";
@@ -102,4 +102,4 @@ Input.displayName = "Input";
 export {
   Input
 };
-//# sourceMappingURL=chunk-J7VY6KNP.js.map
+//# sourceMappingURL=chunk-M3RIC6JI.js.map

package/dist/{chunk-434EDUHY.js → chunk-MHFJBNDP.js}

@@ -1,24 +1,24 @@
+import {
+  CategoryMultiFoot,
+  CategorySingleFoot
+} from "./chunk-PU3AAKRR.js";
 import {
   CategoryQuickActions
 } from "./chunk-ZUIJ3N7N.js";
 import {
   CategoryPanelList
-} from "./chunk-47DCYF4G.js";
+} from "./chunk-KSF7TLXH.js";
 import {
   CategoryPanelHead,
   CategoryPinnedTray
-} from "./chunk-PLOOVF43.js";
-import {
-  CategoryMultiFoot,
-  CategorySingleFoot
-} from "./chunk-GPVB3FQP.js";
+} from "./chunk-GGE7Y53F.js";
 import {
   removeChip
 } from "./chunk-LR6MSKTT.js";
 import {
   panelSx,
   sheetSx
-} from "./chunk-XCT2ZLA6.js";
+} from "./chunk-FCOEJCUP.js";
 
 // src/components/form/CategorySelect/CategoryPanel.tsx
 import Box from "@mui/material/Box/index.js";
@@ -155,4 +155,4 @@ function PanelFooter({
 export {
   CategoryPanel
 };
-//# sourceMappingURL=chunk-434EDUHY.js.map
+//# sourceMappingURL=chunk-MHFJBNDP.js.map

package/dist/chunk-MLOWPVVW.js

@@ -0,0 +1,44 @@
+// src/tokens/field-edge.ts
+import {
+  darken,
+  decomposeColor,
+  getContrastRatio,
+  getLuminance,
+  hslToRgb,
+  lighten,
+  recomposeColor
+} from "@mui/material/styles/index.js";
+var MIN_UI_CONTRAST = 3;
+var STEP = 0.05;
+var MAX_STEPS = 20;
+function flatten(colour, surface) {
+  const decomposed = decomposeColor(colour);
+  const rgb = decomposed.type.startsWith("hsl") ? decomposeColor(hslToRgb(colour)) : decomposed;
+  const [r, g, b] = rgb.values;
+  const alpha = rgb.values[3] ?? 1;
+  if (alpha >= 1) return recomposeColor({ type: "rgb", values: [r, g, b] });
+  const behind = decomposeColor(surface);
+  const base = behind.type.startsWith("hsl") ? decomposeColor(hslToRgb(surface)) : behind;
+  const blend = (fg, bg) => Math.round(alpha * fg + (1 - alpha) * bg);
+  return recomposeColor({
+    type: "rgb",
+    values: [blend(r, base.values[0]), blend(g, base.values[1]), blend(b, base.values[2])]
+  });
+}
+function fieldEdge(theme, surface) {
+  const ground = flatten(surface ?? theme.palette.background.paper, "#FFFFFF");
+  const seed = flatten(theme.palette.divider, ground);
+  if (getContrastRatio(seed, ground) >= MIN_UI_CONTRAST) return seed;
+  const away = getLuminance(ground) > 0.5 ? darken : lighten;
+  for (let step = 1; step <= MAX_STEPS; step += 1) {
+    const candidate = away(seed, step * STEP);
+    if (getContrastRatio(candidate, ground) >= MIN_UI_CONTRAST) return candidate;
+  }
+  return getLuminance(ground) > 0.5 ? "#000000" : "#FFFFFF";
+}
+
+export {
+  MIN_UI_CONTRAST,
+  fieldEdge
+};
+//# sourceMappingURL=chunk-MLOWPVVW.js.map

package/dist/chunk-MLOWPVVW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/field-edge.ts"],"sourcesContent":["import {\n  darken,\n  decomposeColor,\n  getContrastRatio,\n  getLuminance,\n  hslToRgb,\n  lighten,\n  recomposeColor,\n} from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\n\n/**\n * THE EDGE THAT TELLS YOU WHERE A FIELD IS.\n *\n * Every outlined control in this package drew its resting border from\n * `alpha(theme.palette.divider, 0.23)` — or 0.2, or 0.18, or 0.42 for the\n * underline. On the MUI default theme that expression is harmless, and that is\n * exactly why it survived: MUI's own light `divider` is `rgba(0, 0, 0, 0.12)`,\n * and `alpha()` REPLACES the alpha channel rather than multiplying it, so\n * `alpha(divider, 0.23)` resolves to `rgba(0, 0, 0, 0.23)` — byte for byte the\n * border MUI's own `OutlinedInput` ships. The line reads like a restatement of\n * the default because, against the default, it is one.\n *\n * Give it a theme whose `divider` is an OPAQUE hex and the same expression\n * collapses. A themed divider is already a hairline — a pale warm cream, a pale\n * green-grey — chosen to separate two rows INSIDE a card. Fading that to 23%\n * over the card it sits on leaves a border the same colour as the card:\n *\n * | theme                          | resolved border | ratio |\n * |--------------------------------|-----------------|-------|\n * | MUI default (`rgba(0,0,0,.12)`)| `#C4C4C4`       | 1.74:1|\n * | a warm hairline `#EBD9C7`      | `#FAF6F2`       | 1.08:1|\n * | a cool hairline `#D7DDD5`      | `#EDF0EC`       | 1.06:1|\n *\n * 1.06:1 is not a faint border, it is no border: the field is invisible until\n * you click into it. Both failing rows are real adopter themes, and neither\n * adopter did anything wrong — they set `palette.divider`, which is what a theme\n * is for.\n *\n * **So the fault is using `divider` for this at all**, not the alpha on top of\n * it. Even at FULL strength those hairlines are 1.26:1 and 1.27:1 against their\n * own paper. A row separator and a control boundary are different jobs with\n * different floors, and only one of them has a number in the spec.\n *\n * ## The floor, and why it is measured rather than picked\n *\n * WCAG 2.1 SC 1.4.11 (Non-text Contrast) puts a control's own boundary at\n * {@link MIN_UI_CONTRAST}. A hex cannot satisfy that on its own, because the\n * ratio is a fact about a PAIR — the same border is fine on white and gone on a\n * dark card. So {@link fieldEdge} takes the theme's hairline as a SEED and walks\n * it away from the surface until it clears, which means:\n *\n *  - a theme whose divider already clears keeps its own colour, untouched;\n *  - one that does not gets the nearest tone of ITS OWN hairline that does, so\n *    the border still looks like the theme's, just visible;\n *  - dark mode needs no second table — the walk lightens on a dark surface for\n *    the same reason it darkens on a light one.\n *\n * This is the argument `readableInk` makes for text in `@12-apps/app-shell`,\n * applied to the boundary rather than the ink. It is not imported from there:\n * that package depends on THIS one, so the edge would be a cycle.\n *\n * ## What this does NOT touch\n *\n * Hover and focus, which every control already draws in `primary.main` — a\n * corrected brand colour that clears the floor by construction. The resting\n * state was the only one you could not see, and it is the one that matters,\n * because it is the state a field is in before anyone has found it.\n */\n\n/**\n * WCAG 2.1 SC 1.4.11 — the contrast a control's own boundary owes the surface\n * behind it.\n *\n * 3:1 rather than the 4.5:1 the same spec asks of body text: a border is a\n * shape, not a glyph, so it stays findable at a lower ratio. It is a FLOOR and\n * not a target — {@link fieldEdge} stops at the first tone that clears it, so a\n * theme with a stronger hairline keeps the stronger one.\n */\nexport const MIN_UI_CONTRAST = 3;\n\n/** How far one step of the walk moves, and how many steps before it gives up. */\nconst STEP = 0.05;\nconst MAX_STEPS = 20;\n\n/**\n * A colour as an opaque `rgb()`, with any translucency resolved against\n * `surface`.\n *\n * Needed because `getContrastRatio` reads the channels it is given and ignores\n * the alpha, so handing it an `rgba()` measures a colour nobody sees. Every\n * failing border above was translucent, so skipping this would compute the ratio\n * of the hairline itself — 1.26:1, still a failure, but the wrong number for the\n * wrong reason.\n */\nfunction flatten(colour: string, surface: string): string {\n  const decomposed = decomposeColor(colour);\n  const rgb = decomposed.type.startsWith('hsl')\n    ? decomposeColor(hslToRgb(colour))\n    : decomposed;\n  const [r, g, b] = rgb.values;\n  const alpha = rgb.values[3] ?? 1;\n  if (alpha >= 1) return recomposeColor({ type: 'rgb', values: [r, g, b] });\n\n  const behind = decomposeColor(surface);\n  const base = behind.type.startsWith('hsl') ? decomposeColor(hslToRgb(surface)) : behind;\n  const blend = (fg: number, bg: number): number => Math.round(alpha * fg + (1 - alpha) * bg);\n  return recomposeColor({\n    type: 'rgb',\n    values: [blend(r, base.values[0]), blend(g, base.values[1]), blend(b, base.values[2])],\n  });\n}\n\n/**\n * The resting boundary for a form control on `surface`.\n *\n * `surface` defaults to `background.paper` because that is what a field sits on\n * in the overwhelming majority of cases — a dialog, a card, a form panel. A\n * control on a deliberately different ground (a tinted strip, a glass pane over\n * a photo) should pass the ground it is actually on; the answer is only as good\n * as the pair it is given.\n */\nexport function fieldEdge(theme: Theme, surface?: string): string {\n  const ground = flatten(surface ?? theme.palette.background.paper, '#FFFFFF');\n  const seed = flatten(theme.palette.divider, ground);\n  if (getContrastRatio(seed, ground) >= MIN_UI_CONTRAST) return seed;\n\n  // Away from the surface, whichever way that is — so one rule serves both\n  // modes, and a dark card in a light theme is still handled by the pair rather\n  // than by `palette.mode`.\n  const away = getLuminance(ground) > 0.5 ? darken : lighten;\n  for (let step = 1; step <= MAX_STEPS; step += 1) {\n    // From the SEED each time rather than compounding the previous result, so\n    // the walk lands on the nearest passing tone instead of overshooting past it.\n    const candidate = away(seed, step * STEP);\n    if (getContrastRatio(candidate, ground) >= MIN_UI_CONTRAST) return candidate;\n  }\n  // Unreachable for any real surface — black clears 21:1 on white and white\n  // clears it on black — but a caller must never be handed `undefined`.\n  return getLuminance(ground) > 0.5 ? '#000000' : '#FFFFFF';\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAuEA,IAAM,kBAAkB;AAG/B,IAAM,OAAO;AACb,IAAM,YAAY;AAYlB,SAAS,QAAQ,QAAgB,SAAyB;AACxD,QAAM,aAAa,eAAe,MAAM;AACxC,QAAM,MAAM,WAAW,KAAK,WAAW,KAAK,IACxC,eAAe,SAAS,MAAM,CAAC,IAC/B;AACJ,QAAM,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI;AACtB,QAAM,QAAQ,IAAI,OAAO,CAAC,KAAK;AAC/B,MAAI,SAAS,EAAG,QAAO,eAAe,EAAE,MAAM,OAAO,QAAQ,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC;AAExE,QAAM,SAAS,eAAe,OAAO;AACrC,QAAM,OAAO,OAAO,KAAK,WAAW,KAAK,IAAI,eAAe,SAAS,OAAO,CAAC,IAAI;AACjF,QAAM,QAAQ,CAAC,IAAY,OAAuB,KAAK,MAAM,QAAQ,MAAM,IAAI,SAAS,EAAE;AAC1F,SAAO,eAAe;AAAA,IACpB,MAAM;AAAA,IACN,QAAQ,CAAC,MAAM,GAAG,KAAK,OAAO,CAAC,CAAC,GAAG,MAAM,GAAG,KAAK,OAAO,CAAC,CAAC,GAAG,MAAM,GAAG,KAAK,OAAO,CAAC,CAAC,CAAC;AAAA,EACvF,CAAC;AACH;AAWO,SAAS,UAAU,OAAc,SAA0B;AAChE,QAAM,SAAS,QAAQ,WAAW,MAAM,QAAQ,WAAW,OAAO,SAAS;AAC3E,QAAM,OAAO,QAAQ,MAAM,QAAQ,SAAS,MAAM;AAClD,MAAI,iBAAiB,MAAM,MAAM,KAAK,gBAAiB,QAAO;AAK9D,QAAM,OAAO,aAAa,MAAM,IAAI,MAAM,SAAS;AACnD,WAAS,OAAO,GAAG,QAAQ,WAAW,QAAQ,GAAG;AAG/C,UAAM,YAAY,KAAK,MAAM,OAAO,IAAI;AACxC,QAAI,iBAAiB,WAAW,MAAM,KAAK,gBAAiB,QAAO;AAAA,EACrE;AAGA,SAAO,aAAa,MAAM,IAAI,MAAM,YAAY;AAClD;","names":[]}

package/dist/{chunk-5KZESOK6.js → chunk-MUAVYVDJ.js}

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

package/dist/{chunk-PRAGFBHW.js → chunk-N4WANJI3.js}

@@ -16,7 +16,7 @@ import {
   rowNameSx,
   rowSx,
   sectionHeadSx
-} from "./chunk-XCT2ZLA6.js";
+} from "./chunk-FCOEJCUP.js";
 
 // src/components/form/CategorySelect/CategoryRows.tsx
 import Box from "@mui/material/Box/index.js";
@@ -170,4 +170,4 @@ export {
   SubcategoryRow,
   CategorySectionHeading
 };
-//# sourceMappingURL=chunk-PRAGFBHW.js.map
+//# sourceMappingURL=chunk-N4WANJI3.js.map

package/dist/{chunk-LR2ECQSZ.js → chunk-O3OU2PPT.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-4T6W43TO.js";
 import {
   CategorySelect
-} from "./chunk-I2S2GHEG.js";
+} from "./chunk-LUWATXU4.js";
 
 // src/components/data-display/DataViews/data-views-category-pill.tsx
 import { jsx } from "react/jsx-runtime";
@@ -79,4 +79,4 @@ export {
   emitPillDiff,
   PillControl
 };
-//# sourceMappingURL=chunk-LR2ECQSZ.js.map
+//# sourceMappingURL=chunk-O3OU2PPT.js.map

package/dist/{chunk-YROTCW42.js → chunk-O6J4CKS5.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-KVN3K4J3.js";
 import {
   Skeleton
-} from "./chunk-NVOQLMYF.js";
+} from "./chunk-IRDGC7FK.js";
 
 // src/components/data-display/LoadingState/LoadingState.tsx
 import Box from "@mui/material/Box/index.js";
@@ -122,4 +122,4 @@ export {
   LoadingState,
   LoadingState_default
 };
-//# sourceMappingURL=chunk-YROTCW42.js.map
+//# sourceMappingURL=chunk-O6J4CKS5.js.map

package/dist/{chunk-FSMQF5P5.js → chunk-P2U7C2S7.js}

@@ -1,3 +1,6 @@
+import {
+  EN_US_SOCIAL_LOGIN_COPY
+} from "./chunk-INGPH3YQ.js";
 import {
   Heading
 } from "./chunk-HQJ75HHI.js";
@@ -10,7 +13,7 @@ import {
 } from "./chunk-D2IASECY.js";
 import {
   Button
-} from "./chunk-6HLRXICF.js";
+} from "./chunk-IAQFQNBL.js";
 import {
   Text
 } from "./chunk-VRHBJXZ7.js";
@@ -60,7 +63,6 @@ var FacebookIcon = () => /* @__PURE__ */ jsx("svg", { width: "20", height: "20",
 var AppleIcon = () => /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z" }) });
 var providerConfig = {
   google: {
-    label: "Continue with Google",
     Icon: GoogleIcon,
     variant: "outline",
     color: "neutral",
@@ -75,7 +77,6 @@ var providerConfig = {
     }
   },
   facebook: {
-    label: "Continue with Facebook",
     Icon: FacebookIcon,
     variant: "solid",
     color: "primary",
@@ -88,7 +89,6 @@ var providerConfig = {
     }
   },
   apple: {
-    label: "Continue with Apple",
     Icon: AppleIcon,
     variant: "solid",
     color: "neutral",
@@ -102,7 +102,15 @@ var providerConfig = {
   }
 };
 var SocialLoginButton = React.forwardRef(
-  ({ provider, onClick, loading = false, disabled = false, fullWidth = true }, ref) => {
+  ({
+    provider,
+    onClick,
+    loading = false,
+    disabled = false,
+    fullWidth = true,
+    copy = EN_US_SOCIAL_LOGIN_COPY,
+    dataTestId
+  }, ref) => {
     const config = providerConfig[provider];
     return /* @__PURE__ */ jsx(
       Button,
@@ -115,6 +123,7 @@ var SocialLoginButton = React.forwardRef(
         disabled,
         onClick,
         icon: /* @__PURE__ */ jsx(config.Icon, {}),
+        dataTestId,
         fullWidth,
         sx: {
           minHeight: 48,
@@ -122,7 +131,7 @@ var SocialLoginButton = React.forwardRef(
           gap: 2,
           ...config.sx
         },
-        children: config.label
+        children: copy[provider]
       }
     );
   }
@@ -165,4 +174,4 @@ export {
   SocialLoginButton,
   SocialLoginContainer
 };
-//# sourceMappingURL=chunk-FSMQF5P5.js.map
+//# sourceMappingURL=chunk-P2U7C2S7.js.map

package/dist/chunk-P2U7C2S7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/social-login-button/social-login-button.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from 'react';\nimport Box from '@mui/material/Box/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport { Button } from '../components/form/Button';\nimport { Card, CardContent } from '../components/layout/Card';\nimport { Heading } from '../components/typography/Heading';\nimport { Text } from '../components/typography/Text';\nimport { Separator } from '../components/layout/Separator';\nimport type { SocialLoginCopy } from '../copy/form';\nimport { EN_US_SOCIAL_LOGIN_COPY } from '../en-US.form';\n\nexport type SocialProvider = 'google' | 'facebook' | 'apple';\n\n/**\n * SVG Icons for social providers\n */\nconst GoogleIcon = (): React.ReactElement => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\n      fill=\"#4285F4\"\n    />\n    <path\n      d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\n      fill=\"#34A853\"\n    />\n    <path\n      d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\n      fill=\"#FBBC05\"\n    />\n    <path\n      d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\n      fill=\"#EA4335\"\n    />\n  </svg>\n);\n\nconst FacebookIcon = (): React.ReactElement => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M24 12c0-6.627-5.373-12-12-12S0 5.373 0 12c0 5.99 4.388 10.954 10.125 11.854V15.47H7.078V12h3.047V9.356c0-3.007 1.792-4.668 4.533-4.668 1.312 0 2.686.234 2.686.234v2.953H15.83c-1.491 0-1.956.925-1.956 1.874V12h3.328l-.532 3.469h-2.796v8.385C19.612 22.954 24 17.99 24 12z\"\n      fill=\"#1877F2\"\n    />\n  </svg>\n);\n\nconst AppleIcon = (): React.ReactElement => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\" />\n  </svg>\n);\n\ninterface ProviderConfig {\n  Icon: () => React.ReactElement;\n  variant: 'solid' | 'outline' | 'ghost';\n  color: 'primary' | 'secondary' | 'neutral';\n  sx?: object;\n}\n\nconst providerConfig: Record<SocialProvider, ProviderConfig> = {\n  google: {\n    Icon: GoogleIcon,\n    variant: 'outline',\n    color: 'neutral',\n    sx: {\n      backgroundColor: '#ffffff',\n      color: '#1f1f1f',\n      borderColor: '#dadce0',\n      '&:hover': {\n        backgroundColor: '#f5f5f5',\n        borderColor: '#dadce0',\n      },\n    },\n  },\n  facebook: {\n    Icon: FacebookIcon,\n    variant: 'solid',\n    color: 'primary',\n    sx: {\n      backgroundColor: '#1877F2',\n      color: '#ffffff',\n      '&:hover': {\n        backgroundColor: '#166fe5',\n      },\n    },\n  },\n  apple: {\n    Icon: AppleIcon,\n    variant: 'solid',\n    color: 'neutral',\n    sx: {\n      backgroundColor: '#000000',\n      color: '#ffffff',\n      '&:hover': {\n        backgroundColor: '#1a1a1a',\n      },\n    },\n  },\n};\n\nexport interface SocialLoginButtonProps {\n  provider: SocialProvider;\n  onClick?: () => void;\n  loading?: boolean;\n  disabled?: boolean;\n  fullWidth?: boolean;\n  /**\n   * The three provider labels (FUT-1263). `SOCIAL_LOGIN_COPY` ships both\n   * languages, so a host passes `SOCIAL_LOGIN_COPY[\"pt-BR\"]` rather than\n   * authoring a word.\n   *\n   * These used to be English string literals inside `providerConfig`, reachable\n   * by nothing: a pt-BR storefront rendered \"Continue with Google\" on an\n   * otherwise Portuguese sign-in screen and had no way to change it.\n   *\n   * OPTIONAL, unlike every other `copy` in this package, and defaulted to the\n   * en-US pack. That is a deliberate exception so this ships as a MINOR: making\n   * it required would break every existing caller on a routine update. The cost\n   * is the one this package's convention exists to avoid — a host that says\n   * nothing still renders English — so a consumer wanting Portuguese must pass\n   * the pack, and FUT-1263 is not closed until it does.\n   */\n  copy?: SocialLoginCopy;\n  /**\n   * Per-provider test hook. Without one all three buttons render the same\n   * `data-testid`, leaving their visible text as the only selector — which is\n   * exactly the text a host is now expected to translate.\n   */\n  dataTestId?: string;\n}\n\n/**\n * Social login button using UI package Button component\n */\nexport const SocialLoginButton = React.forwardRef<HTMLButtonElement, SocialLoginButtonProps>(\n  (\n    {\n      provider,\n      onClick,\n      loading = false,\n      disabled = false,\n      fullWidth = true,\n      copy = EN_US_SOCIAL_LOGIN_COPY,\n      dataTestId,\n    },\n    ref,\n  ) => {\n    const config = providerConfig[provider];\n\n    return (\n      <Button\n        ref={ref}\n        variant={config.variant}\n        color={config.color}\n        size=\"lg\"\n        loading={loading}\n        disabled={disabled}\n        onClick={onClick}\n        icon={<config.Icon />}\n        dataTestId={dataTestId}\n        fullWidth={fullWidth}\n        sx={{\n          minHeight: 48,\n          justifyContent: 'flex-start',\n          gap: 2,\n          ...config.sx,\n        }}\n      >\n        {copy[provider]}\n      </Button>\n    );\n  }\n);\n\nSocialLoginButton.displayName = 'SocialLoginButton';\n\n/**\n * Container for social login buttons with optional divider\n */\nexport interface SocialLoginContainerProps {\n  children: React.ReactNode;\n  title?: string;\n  subtitle?: string;\n  showDivider?: boolean;\n  dividerText?: string;\n  /**\n   * How wide the card is allowed to get. Defaults to the 400 it has always\n   * intended, so nothing that does not ask for a width moves.\n   *\n   * Worth passing for a card holding a FORM rather than a row of provider\n   * buttons: 400 was chosen for the latter, and an e-mail + password pair reads\n   * cramped in it.\n   */\n  maxWidth?: number | string;\n}\n\nexport function SocialLoginContainer({\n  children,\n  title = \"Sign in to continue\",\n  subtitle,\n  showDivider = false,\n  dividerText = \"or\",\n  maxWidth = 400,\n}: SocialLoginContainerProps): React.ReactElement {\n  return (\n    // `width: 100%` is what makes the cap below mean anything. Every caller\n    // centres this card in a flex column (`Container variant=\"centered\"` does),\n    // and a flex item under `align-items: center` sizes to its CONTENT — so the\n    // card sat at whatever the longest label happened to need, ~267px, at every\n    // viewport from 390 to 1280. The 400 was never reached, which is why raising\n    // it would have changed nothing; the card had no width to cap.\n    <Card variant=\"elevated\" borderRadius=\"lg\" sx={{ width: '100%', maxWidth }}>\n      <CardContent>\n        <Stack spacing={3} sx={{ width: '100%' }}>\n          {title && (\n            <Box sx={{ textAlign: 'center' }}>\n              <Heading level=\"h2\">\n                {title}\n              </Heading>\n              {subtitle && (\n                <Text color=\"secondary\" size=\"sm\">\n                  {subtitle}\n                </Text>\n              )}\n            </Box>\n          )}\n\n          <Stack spacing={2}>\n            {children}\n          </Stack>\n\n          {showDivider && (\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n              <Separator />\n              <Text color=\"secondary\" size=\"sm\">\n                {dividerText}\n              </Text>\n              <Separator />\n            </Box>\n          )}\n        </Stack>\n      </CardContent>\n    </Card>\n  );\n}\n\nexport { GoogleIcon, FacebookIcon, AppleIcon };\n"],"mappings":"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","names":[]}

package/dist/{chunk-UPR7F3ML.js → chunk-PKJKA4CU.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-E67PUPFJ.js";
 import {
   LoadingState
-} from "./chunk-YROTCW42.js";
+} from "./chunk-O6J4CKS5.js";
 import {
   EmptyState
 } from "./chunk-7M5BACFQ.js";
@@ -65,4 +65,4 @@ export {
   AsyncStateContainer,
   AsyncStateContainer_default
 };
-//# sourceMappingURL=chunk-UPR7F3ML.js.map
+//# sourceMappingURL=chunk-PKJKA4CU.js.map

package/dist/{chunk-NI2ISQZI.js → chunk-PLK7UGO6.js}

@@ -1,9 +1,9 @@
 import {
   GridShell
-} from "./chunk-NJS4WCHA.js";
+} from "./chunk-TPUIIZN2.js";
 import {
   useDataViewsState
-} from "./chunk-ZLNKBKUB.js";
+} from "./chunk-5VVM2PPV.js";
 
 // src/components/data-display/DataViews/DataViewsGrid.tsx
 import { useEffect, useRef } from "react";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-NI2ISQZI.js.map
+//# sourceMappingURL=chunk-PLK7UGO6.js.map

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

@@ -12,7 +12,7 @@ import {
 } from "./chunk-FX5DY6VR.js";
 import {
   Input
-} from "./chunk-J7VY6KNP.js";
+} from "./chunk-M3RIC6JI.js";
 import {
   Dialog,
   DialogContent
@@ -25,7 +25,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-6HLRXICF.js";
+} from "./chunk-IAQFQNBL.js";
 import {
   Text
 } from "./chunk-VRHBJXZ7.js";
@@ -265,4 +265,4 @@ function SaveViewModal({
 export {
   SaveViewModal
 };
-//# sourceMappingURL=chunk-U7SO3N42.js.map
+//# sourceMappingURL=chunk-PMFW55F5.js.map

package/dist/{chunk-GPVB3FQP.js → chunk-PU3AAKRR.js}

@@ -1,7 +1,7 @@
 import {
   METRICS,
   footerSx
-} from "./chunk-XCT2ZLA6.js";
+} from "./chunk-FCOEJCUP.js";
 
 // src/components/form/CategorySelect/CategoryPanelFoot.tsx
 import Box from "@mui/material/Box/index.js";
@@ -77,4 +77,4 @@ export {
   CategoryMultiFoot,
   CategorySingleFoot
 };
-//# sourceMappingURL=chunk-GPVB3FQP.js.map
+//# sourceMappingURL=chunk-PU3AAKRR.js.map

package/dist/{chunk-UN5D73A4.js → chunk-QETBO7EC.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CategorySelect
-} from "./chunk-I2S2GHEG.js";
+} from "./chunk-LUWATXU4.js";
 
 // src/components/form/total-form/Fields/CategoryField.tsx
 import { jsx } from "react/jsx-runtime";
@@ -38,4 +38,4 @@ function CategoryField({
 export {
   CategoryField
 };
-//# sourceMappingURL=chunk-UN5D73A4.js.map
+//# sourceMappingURL=chunk-QETBO7EC.js.map

package/dist/{chunk-OLZTGVBT.js → chunk-REMK55JI.js}

@@ -1,9 +1,9 @@
-import {
-  useDragGestures
-} from "./chunk-CRN4KKNI.js";
 import {
   SPRING_CONFIG
 } from "./chunk-F52N6ACD.js";
+import {
+  useDragGestures
+} from "./chunk-CRN4KKNI.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-OLZTGVBT.js.map
+//# sourceMappingURL=chunk-REMK55JI.js.map

package/dist/{chunk-3AEY5TYV.js → chunk-RMSH2I3O.js}

@@ -1,3 +1,7 @@
+import {
+  fieldEdge
+} from "./chunk-MLOWPVVW.js";
+
 // src/components/form/Input/Input.styles.ts
 import { alpha, keyframes } from "@mui/material/styles/index.js";
 var pulseAnimation = keyframes`
@@ -73,7 +77,7 @@ var inputBaseStyles = (theme, variant) => {
       return {
         backgroundColor: alpha(theme.palette.background.paper, 0.1),
         backdropFilter: "blur(20px)",
-        border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+        border: `1px solid ${fieldEdge(theme)}`,
         "&:hover": {
           backgroundColor: alpha(theme.palette.background.paper, 0.15),
           borderColor: alpha(theme.palette.primary.main, 0.3)
@@ -87,7 +91,7 @@ var inputBaseStyles = (theme, variant) => {
     case "underline":
       return {
         "&:before": {
-          borderBottomColor: alpha(theme.palette.divider, 0.42)
+          borderBottomColor: fieldEdge(theme)
         },
         "&:hover:not(.Mui-disabled):before": {
           borderBottomColor: theme.palette.primary.main
@@ -134,7 +138,7 @@ var gradientStyles = (theme) => ({
 });
 var outlinedStyles = (theme) => ({
   "& fieldset": {
-    borderColor: alpha(theme.palette.divider, 0.23)
+    borderColor: fieldEdge(theme)
   },
   "&:hover fieldset": {
     borderColor: theme.palette.primary.main
@@ -167,4 +171,4 @@ export {
   outlinedStyles,
   filledStyles
 };
-//# sourceMappingURL=chunk-3AEY5TYV.js.map
+//# sourceMappingURL=chunk-RMSH2I3O.js.map

package/dist/chunk-RMSH2I3O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Input/Input.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport type { InputProps } from './Input.types';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\n\ntype InputVariant = NonNullable<InputProps['variant']>;\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 10px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\n/** Our four variants map onto MUI's three; `glass` and `gradient` restyle an outline. */\nexport const muiVariantFor = (variant: InputVariant): 'outlined' | 'filled' | 'standard' => {\n  switch (variant) {\n    case 'underline':\n      return 'standard';\n    case 'glass':\n    case 'gradient':\n      return 'outlined';\n    default:\n      return variant as 'outlined' | 'filled' | 'standard';\n  }\n};\n\n// MUI gives a text field two heights, so the five house stops are drawn as two\n// plus padding: `xs` tightens below small, `lg`/`xl` open up above medium.\nexport const SIZE_MAP = {\n  xs: { size: 'small' as const, sx: { '& .MuiInputBase-input': { padding: '6px 10px' } } },\n  sm: { size: 'small' as const },\n  md: { size: 'medium' as const },\n  lg: { size: 'medium' as const, sx: { '& .MuiInputBase-input': { padding: '16px 14px' } } },\n  xl: { size: 'medium' as const, sx: { '& .MuiInputBase-input': { padding: '20px 16px' } } },\n};\n\nexport const glowStyles = (theme: Theme): CSSObject => ({\n  '& .MuiInputBase-root': {\n    boxShadow: `0 0 15px ${alpha(theme.palette.primary.main, 0.3)}`,\n    '&.Mui-focused': {\n      boxShadow: `0 0 20px ${alpha(theme.palette.primary.main, 0.5)}`,\n    },\n  },\n});\n\n// A bar behind the field rather than a border on it, so it can pulse outward\n// without the input resizing.\nexport const pulseStyles = (theme: Theme): CSSObject => ({\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '50%',\n    left: '0',\n    right: '0',\n    height: '56px',\n    transform: 'translateY(-50%)',\n    borderRadius: theme.spacing(0.5),\n    backgroundColor: theme.palette.primary.main,\n    opacity: 0.3,\n    animation: `${pulseAnimation} 2s infinite`,\n    pointerEvents: 'none',\n    zIndex: -1,\n  },\n});\n\nexport const floatingLabelStyles = (theme: Theme): CSSObject => ({\n  '& .MuiInputLabel-root': {\n    transform: 'translate(14px, 16px) scale(1)',\n    '&.MuiInputLabel-shrink': {\n      transform: 'translate(14px, -9px) scale(0.75)',\n      backgroundColor: theme.palette.background.paper,\n      padding: '0 4px',\n    },\n  },\n});\n\nexport const inputBaseStyles = (theme: Theme, variant?: InputVariant): CSSObject => {\n  switch (variant) {\n    case 'glass':\n      return {\n        backgroundColor: alpha(theme.palette.background.paper, 0.1),\n        backdropFilter: 'blur(20px)',\n        border: `1px solid ${fieldEdge(theme)}`,\n        '&:hover': {\n          backgroundColor: alpha(theme.palette.background.paper, 0.15),\n          borderColor: alpha(theme.palette.primary.main, 0.3),\n        },\n        '&.Mui-focused': {\n          backgroundColor: alpha(theme.palette.background.paper, 0.2),\n          borderColor: theme.palette.primary.main,\n          boxShadow: `0 0 0 2px ${alpha(theme.palette.primary.main, 0.1)}`,\n        },\n      };\n    case 'underline':\n      return {\n        '&:before': {\n          borderBottomColor: fieldEdge(theme),\n        },\n        '&:hover:not(.Mui-disabled):before': {\n          borderBottomColor: theme.palette.primary.main,\n        },\n        '&:after': {\n          borderBottomColor: theme.palette.primary.main,\n        },\n      };\n    case 'gradient':\n      return gradientStyles(theme);\n    default:\n      return {};\n  }\n};\n\n// The border is a gradient painted behind the field and masked to a 2px ring,\n// since CSS cannot put a gradient on `border-color` directly.\nconst gradientStyles = (theme: Theme): CSSObject => ({\n  background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)}, ${alpha(theme.palette.secondary.main, 0.1)})`,\n  border: `2px solid transparent`,\n  backgroundOrigin: 'border-box',\n  backgroundClip: 'padding-box, border-box',\n  position: 'relative',\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    borderRadius: 'inherit',\n    background: `linear-gradient(135deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,\n    mask: 'linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)',\n    maskComposite: 'exclude',\n    padding: '2px',\n    zIndex: -1,\n  },\n  '&:hover': {\n    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.15)}, ${alpha(theme.palette.secondary.main, 0.15)})`,\n  },\n  '&.Mui-focused': {\n    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.2)}, ${alpha(theme.palette.secondary.main, 0.2)})`,\n    '&::before': {\n      background: `linear-gradient(135deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`,\n    },\n  },\n});\n\nexport const outlinedStyles = (theme: Theme): CSSObject => ({\n  '& fieldset': {\n    borderColor: fieldEdge(theme),\n  },\n  '&:hover fieldset': {\n    borderColor: theme.palette.primary.main,\n  },\n  '&.Mui-focused fieldset': {\n    borderColor: theme.palette.primary.main,\n    borderWidth: 2,\n  },\n  '&.Mui-error fieldset': {\n    borderColor: theme.palette.error.main,\n  },\n});\n\nexport const filledStyles = (theme: Theme): CSSObject => ({\n  backgroundColor: alpha(theme.palette.action.hover, 0.04),\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.action.hover, 0.08),\n  },\n  '&.Mui-focused': {\n    backgroundColor: alpha(theme.palette.action.hover, 0.12),\n  },\n});\n"],"mappings":"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","names":[]}

package/dist/{chunk-CPNSVIIB.js → chunk-RP3W6IQO.js}

@@ -1,13 +1,13 @@
+import {
+  resolveTooltipProps,
+  usePinnedTooltip
+} from "./chunk-SCRN2RE4.js";
 import {
   arrowColor,
   emphasisStyles,
   getSizeStyles,
   variantStyles
 } from "./chunk-TO2NXDZA.js";
-import {
-  resolveTooltipProps,
-  usePinnedTooltip
-} from "./chunk-SCRN2RE4.js";
 
 // src/components/data-display/InteractiveTooltip/InteractiveTooltip.tsx
 import MuiTooltip from "@mui/material/Tooltip/index.js";
@@ -100,4 +100,4 @@ InteractiveTooltip.displayName = "InteractiveTooltip";
 export {
   InteractiveTooltip
 };
-//# sourceMappingURL=chunk-CPNSVIIB.js.map
+//# sourceMappingURL=chunk-RP3W6IQO.js.map

package/dist/{chunk-4QQVIGRG.js → chunk-RQ4EQ5FJ.js}

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

package/dist/{chunk-QL7L6RHR.js → chunk-RX6DWIIW.js}

@@ -1,6 +1,6 @@
 import {
   Input
-} from "./chunk-J7VY6KNP.js";
+} from "./chunk-M3RIC6JI.js";
 import {
   FormControl,
   FormLabel,
@@ -122,4 +122,4 @@ export {
   CepField,
   CepField_default
 };
-//# sourceMappingURL=chunk-QL7L6RHR.js.map
+//# sourceMappingURL=chunk-RX6DWIIW.js.map

package/dist/{chunk-RGBS6N72.js → chunk-SEH7KOVG.js}

@@ -1,6 +1,6 @@
 import {
   AddressTextField
-} from "./chunk-ZYRW7FVY.js";
+} from "./chunk-URWGRPL7.js";
 
 // src/components/form/AddressAutocomplete/AddressInputField.tsx
 import CurrentLocationIcon from "@mui/icons-material/MyLocation";
@@ -67,4 +67,4 @@ var AddressInputField = ({
 export {
   AddressInputField
 };
-//# sourceMappingURL=chunk-RGBS6N72.js.map
+//# sourceMappingURL=chunk-SEH7KOVG.js.map

package/dist/{chunk-LUMF63BM.js → chunk-SFAP5EH5.js}

@@ -1,9 +1,9 @@
-import {
-  useTutorialOverlay
-} from "./chunk-RSQMPCCR.js";
 import {
   TutorialStepBody
 } from "./chunk-7WP2HRTW.js";
+import {
+  useTutorialOverlay
+} from "./chunk-RSQMPCCR.js";
 
 // src/components/feedback/TutorialOverlay/TutorialOverlay.tsx
 import Box from "@mui/material/Box/index.js";
@@ -271,4 +271,4 @@ export {
   TutorialOverlay,
   TutorialOverlay_default
 };
-//# sourceMappingURL=chunk-LUMF63BM.js.map
+//# sourceMappingURL=chunk-SFAP5EH5.js.map

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

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

package/dist/{chunk-NQCYVYP3.js → chunk-SLYZMJEL.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-6HLRXICF.js";
+} from "./chunk-IAQFQNBL.js";
 import {
   Text
 } from "./chunk-VRHBJXZ7.js";
@@ -170,4 +170,4 @@ function DataViewsExportMenu({
 export {
   DataViewsExportMenu
 };
-//# sourceMappingURL=chunk-NQCYVYP3.js.map
+//# sourceMappingURL=chunk-SLYZMJEL.js.map

package/dist/{chunk-HKROKM3Z.js → chunk-SM3NRN7L.js}

@@ -4,7 +4,7 @@ import {
   radioCardSx,
   segmentButtonSx,
   segmentContainerSx
-} from "./chunk-SQAU5QUY.js";
+} from "./chunk-UMDXGIRZ.js";
 
 // src/components/form/RadioGroup/RadioGroup.variants.tsx
 import Box from "@mui/material/Box/index.js";
@@ -244,4 +244,4 @@ export {
   SegmentRadios,
   GroupLabel
 };
-//# sourceMappingURL=chunk-HKROKM3Z.js.map
+//# sourceMappingURL=chunk-SM3NRN7L.js.map