@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-K7BBMXY7.js

@@ -1,197 +0,0 @@
-import {
-  EN_US_SOCIAL_LOGIN_COPY
-} from "./chunk-INGPH3YQ.js";
-import {
-  Heading
-} from "./chunk-7A3G4W52.js";
-import {
-  Separator
-} from "./chunk-Q4CAZ2TP.js";
-import {
-  Card,
-  CardContent
-} from "./chunk-AIRWM7KK.js";
-import {
-  Button
-} from "./chunk-6MDBMCFK.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/social-login-button/social-login-button.tsx
-import * as React from "react";
-import Box from "@mui/material/Box/index.js";
-import Stack from "@mui/material/Stack/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var GoogleIcon = () => /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      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",
-      fill: "#4285F4"
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      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",
-      fill: "#34A853"
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      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",
-      fill: "#FBBC05"
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      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",
-      fill: "#EA4335"
-    }
-  )
-] });
-var FacebookIcon = () => /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-  "path",
-  {
-    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",
-    fill: "#1877F2"
-  }
-) });
-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 GOOGLE_LOGO_WHEN_DISABLED_SX = {
-  "&.Mui-disabled .MuiButton-startIcon": {
-    filter: "brightness(0)",
-    opacity: (theme) => theme.palette.action.disabledOpacity
-  }
-};
-var FACEBOOK_LOGO_IN_BUTTON_COLOUR_SX = {
-  "& .MuiButton-startIcon path": { fill: "currentColor" }
-};
-var providerConfig = {
-  google: {
-    Icon: GoogleIcon,
-    variant: "outline",
-    color: "neutral",
-    sx: {
-      backgroundColor: "#ffffff",
-      color: "#1f1f1f",
-      borderColor: "#dadce0",
-      "&:hover": {
-        backgroundColor: "#f5f5f5",
-        borderColor: "#dadce0"
-      },
-      ...GOOGLE_LOGO_WHEN_DISABLED_SX
-    }
-  },
-  facebook: {
-    Icon: FacebookIcon,
-    variant: "solid",
-    color: "primary",
-    sx: {
-      backgroundColor: "#1877F2",
-      color: "#ffffff",
-      "&:hover": {
-        backgroundColor: "#166fe5"
-      },
-      ...FACEBOOK_LOGO_IN_BUTTON_COLOUR_SX
-    }
-  },
-  apple: {
-    Icon: AppleIcon,
-    variant: "solid",
-    color: "neutral",
-    sx: {
-      backgroundColor: "#000000",
-      color: "#ffffff",
-      "&:hover": {
-        backgroundColor: "#1a1a1a"
-      }
-    }
-  }
-};
-var ICON_ONLY_SX = {
-  justifyContent: "center",
-  gap: 0,
-  "& .MuiButton-startIcon": { margin: 0 }
-};
-var SocialLoginButton = React.forwardRef(
-  ({
-    provider,
-    onClick,
-    loading = false,
-    disabled = false,
-    fullWidth = true,
-    copy = EN_US_SOCIAL_LOGIN_COPY,
-    dataTestId,
-    iconOnly = false
-  }, ref) => {
-    const config = providerConfig[provider];
-    const label = copy[provider];
-    return /* @__PURE__ */ jsx(
-      Button,
-      {
-        ref,
-        variant: config.variant,
-        color: config.color,
-        size: "lg",
-        loading,
-        disabled,
-        onClick,
-        icon: /* @__PURE__ */ jsx(config.Icon, {}),
-        dataTestId,
-        fullWidth,
-        ...iconOnly ? { "aria-label": label, title: label } : {},
-        sx: {
-          minHeight: 48,
-          justifyContent: "flex-start",
-          gap: 2,
-          ...iconOnly ? ICON_ONLY_SX : {},
-          ...config.sx
-        },
-        children: iconOnly ? void 0 : label
-      }
-    );
-  }
-);
-SocialLoginButton.displayName = "SocialLoginButton";
-function SocialLoginContainer({
-  children,
-  title = "Sign in to continue",
-  subtitle,
-  showDivider = false,
-  dividerText = "or",
-  maxWidth = 400
-}) {
-  return (
-    // `width: 100%` is what makes the cap below mean anything. Every caller
-    // centres this card in a flex column (`Container variant="centered"` does),
-    // and a flex item under `align-items: center` sizes to its CONTENT — so the
-    // card sat at whatever the longest label happened to need, ~267px, at every
-    // viewport from 390 to 1280. The 400 was never reached, which is why raising
-    // it would have changed nothing; the card had no width to cap.
-    /* @__PURE__ */ jsx(Card, { variant: "elevated", borderRadius: "lg", sx: { width: "100%", maxWidth }, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 3, sx: { width: "100%" }, children: [
-      title && /* @__PURE__ */ jsxs(Box, { sx: { textAlign: "center" }, children: [
-        /* @__PURE__ */ jsx(Heading, { level: "h2", children: title }),
-        subtitle && /* @__PURE__ */ jsx(Text, { color: "secondary", size: "sm", children: subtitle })
-      ] }),
-      /* @__PURE__ */ jsx(Stack, { spacing: 2, children }),
-      showDivider && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
-        /* @__PURE__ */ jsx(Separator, {}),
-        /* @__PURE__ */ jsx(Text, { color: "secondary", size: "sm", children: dividerText }),
-        /* @__PURE__ */ jsx(Separator, {})
-      ] })
-    ] }) }) })
-  );
-}
-
-export {
-  GoogleIcon,
-  FacebookIcon,
-  AppleIcon,
-  SocialLoginButton,
-  SocialLoginContainer
-};
-//# sourceMappingURL=chunk-K7BBMXY7.js.map

package/dist/chunk-K7BBMXY7.js.map

@@ -1 +0,0 @@
-{"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 type { Theme } from '@mui/material/styles/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\n/**\n * Google's logo on a disabled button: one flat grey, faded (FUT-2393).\n *\n * The G is drawn in Google's four colours, hard-coded in its SVG, so MUI\n * greying a disabled button's label left a full-colour G beside it. The grey\n * label still said the button could not be pressed; an icon-only button has no\n * label, and read as ready to tap.\n *\n * `brightness(0)` draws the G in one flat colour, as Google's own disabled\n * button does, and the theme's `disabledOpacity` fades it, the step MUI dims a\n * disabled control by. `grayscale` would not do: it turns the four colours four\n * different greys, and the yellow arc all but vanished (1.26:1 against white).\n *\n * Google's alone: Facebook's and Apple's logos are drawn in the button's\n * `currentColor`, so they grey with the label by themselves, and fading them\n * again would all but erase them. Keyed on `.Mui-disabled`, the class MUI greys\n * the label by, so the logo and the label always agree. A loading button\n * carries it too, but its spinner replaces the logo slot.\n */\nconst GOOGLE_LOGO_WHEN_DISABLED_SX = {\n  '&.Mui-disabled .MuiButton-startIcon': {\n    filter: 'brightness(0)',\n    opacity: (theme: Theme) => theme.palette.action.disabledOpacity,\n  },\n} as const;\n\n/**\n * Facebook's logo in its button's own colour (FUT-2393).\n *\n * `FacebookIcon` is the blue roundel, drawn in #1877F2 with the \"f\" cut out of\n * it. On the button's own #1877F2 the roundel vanished: a label beside nothing,\n * and an icon-only button an empty blue slab. In `currentColor` it is the white\n * roundel Facebook's own button carries, and a disabled button greys it with\n * the label. Set on the button rather than in `FacebookIcon`, which a host may\n * draw on a white page.\n */\nconst FACEBOOK_LOGO_IN_BUTTON_COLOUR_SX = {\n  '& .MuiButton-startIcon path': { fill: 'currentColor' },\n} as const;\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      ...GOOGLE_LOGO_WHEN_DISABLED_SX,\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      ...FACEBOOK_LOGO_IN_BUTTON_COLOUR_SX,\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   * The provider's logo alone, centred (FUT-2393).\n   *\n   * For a row of providers in a narrow block, where \"Continuar com o Google\"\n   * wraps to two lines at 320px and two providers cannot share a line. The\n   * label is not dropped: it stays the button's accessible name, so a screen\n   * reader still announces the provider, and its `title`, so a pointer\n   * hovering the logo reads it too.\n   */\n  iconOnly?: boolean;\n}\n\n/**\n * What an icon-only social button changes: the logo centred, with no gap\n * reserved for a label and no margin MUI keeps beside a start icon.\n */\nconst ICON_ONLY_SX = {\n  justifyContent: 'center',\n  gap: 0,\n  '& .MuiButton-startIcon': { margin: 0 },\n} as const;\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      iconOnly = false,\n    },\n    ref,\n  ) => {\n    const config = providerConfig[provider];\n    const label = copy[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        {...(iconOnly ? { 'aria-label': label, title: label } : {})}\n        sx={{\n          minHeight: 48,\n          justifyContent: 'flex-start',\n          gap: 2,\n          ...(iconOnly ? ICON_ONLY_SX : {}),\n          ...config.sx,\n        }}\n      >\n        {iconOnly ? undefined : label}\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-KAPKMVKR.js

@@ -1,41 +0,0 @@
-import {
-  useFormContext
-} from "./chunk-4XK6JQ4D.js";
-import {
-  ToggleGroup
-} from "./chunk-B64PPHUR.js";
-import {
-  FormControl,
-  FormLabel,
-  FormMessage
-} from "./chunk-IPPTOL53.js";
-
-// src/components/form/total-form/Fields/ToggleField.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function ToggleField({ name, options, label }) {
-  const { values, errors, setFieldValue } = useFormContext();
-  const error = errors[name];
-  const testId = `total-form-field-${name}`;
-  return /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, children: [
-    label && /* @__PURE__ */ jsx(FormLabel, { htmlFor: name, error: Boolean(error), children: label }),
-    /* @__PURE__ */ jsx(
-      ToggleGroup,
-      {
-        variant: "exclusive",
-        options,
-        value: values[name] ?? "",
-        fullWidth: true,
-        dataTestId: testId,
-        onChange: (_event, next) => {
-          if (typeof next === "string") setFieldValue(name, next);
-        }
-      }
-    ),
-    error && /* @__PURE__ */ jsx(FormMessage, { error: true, dataTestId: `${testId}-message`, children: error })
-  ] });
-}
-
-export {
-  ToggleField
-};
-//# sourceMappingURL=chunk-KAPKMVKR.js.map

package/dist/chunk-KCBAPMLH.js

@@ -1,147 +0,0 @@
-import {
-  accentFor
-} from "./chunk-XCP5L665.js";
-import {
-  headingMetrics
-} from "./chunk-PT6TCWIW.js";
-import {
-  fieldOverrides
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadius
-} from "./chunk-GDN2LUTZ.js";
-import {
-  FONT_WEIGHTS,
-  TYPE_SIZES,
-  WEB_FONT_FAMILY,
-  WEB_MONOSPACE_FONT_FAMILY
-} from "./chunk-PE4ZW3IA.js";
-import {
-  cssLengthToPx,
-  cssTrackingToEm
-} from "./chunk-AG66JBNH.js";
-import {
-  HEADING_LEVELS
-} from "./chunk-FZXKH2ZT.js";
-import {
-  resolveFieldHeight
-} from "./chunk-PZBK3F52.js";
-
-// src/provider/mui-bridge.ts
-var slot = (color) => ({
-  main: color.main,
-  light: color.light,
-  dark: color.dark,
-  contrastText: color.contrastText
-});
-function headingSteps(theme) {
-  return Object.fromEntries(
-    HEADING_LEVELS.map((level) => {
-      const metrics = headingMetrics(theme, level);
-      return [
-        level,
-        {
-          fontSize: cssLengthToPx(metrics.fontSize, 16),
-          lineHeight: metrics.lineHeight,
-          letterSpacing: cssTrackingToEm(metrics.letterSpacing),
-          normalWeight: metrics.normalWeight
-        }
-      ];
-    })
-  );
-}
-function uiThemeFromMui(theme) {
-  const { palette } = theme;
-  const unit = cssLengthToPx(theme.spacing(1), 8);
-  const md = cssLengthToPx(theme.shape.borderRadius, 4);
-  return {
-    mode: palette.mode,
-    palette: {
-      mode: palette.mode,
-      primary: slot(palette.primary),
-      secondary: slot(palette.secondary),
-      success: slot(palette.success),
-      warning: slot(palette.warning),
-      info: slot(palette.info),
-      danger: slot(palette.error),
-      neutral: accentFor(theme, "neutral"),
-      text: {
-        primary: palette.text.primary,
-        secondary: palette.text.secondary,
-        disabled: palette.text.disabled
-      },
-      background: { default: palette.background.default, paper: palette.background.paper },
-      divider: palette.divider,
-      action: {
-        active: palette.action.active,
-        hover: palette.action.hover,
-        selected: palette.action.selected,
-        disabled: palette.action.disabled,
-        disabledBackground: palette.action.disabledBackground,
-        focus: palette.action.focus
-      },
-      grey: {
-        50: palette.grey[50],
-        100: palette.grey[100],
-        200: palette.grey[200],
-        300: palette.grey[300],
-        400: palette.grey[400],
-        500: palette.grey[500],
-        600: palette.grey[600],
-        700: palette.grey[700],
-        800: palette.grey[800],
-        900: palette.grey[900]
-      }
-    },
-    spacing: (units) => units * unit,
-    spacingUnit: unit,
-    radius: { sm: md / 2, md, lg: md * 2, xl: md * 4, full: 9999, field: fieldRadius(theme) },
-    fieldHeight: resolveFieldHeight(theme.fieldHeight),
-    typography: {
-      fontFamily: theme.typography.fontFamily ?? WEB_FONT_FAMILY,
-      monospaceFontFamily: WEB_MONOSPACE_FONT_FAMILY,
-      sizes: TYPE_SIZES,
-      weights: FONT_WEIGHTS,
-      heading: headingSteps(theme)
-    },
-    zIndex: {
-      appBar: theme.zIndex.appBar,
-      drawer: theme.zIndex.drawer,
-      modal: theme.zIndex.modal,
-      snackbar: theme.zIndex.snackbar,
-      tooltip: theme.zIndex.tooltip
-    }
-  };
-}
-function muiThemeOptionsFrom(ui) {
-  const { palette } = ui;
-  return {
-    palette: {
-      mode: palette.mode,
-      primary: { ...palette.primary },
-      secondary: { ...palette.secondary },
-      success: { ...palette.success },
-      warning: { ...palette.warning },
-      info: { ...palette.info },
-      error: { ...palette.danger },
-      text: { ...palette.text },
-      background: { ...palette.background },
-      divider: palette.divider,
-      action: { ...palette.action },
-      grey: { ...palette.grey }
-    },
-    shape: { borderRadius: ui.radius.md },
-    fieldRadius: ui.radius.field,
-    fieldHeight: ui.fieldHeight,
-    components: fieldOverrides(ui.radius.field, ui.fieldHeight),
-    spacing: ui.spacingUnit,
-    typography: { fontFamily: ui.typography.fontFamily ?? WEB_FONT_FAMILY },
-    zIndex: { ...ui.zIndex }
-  };
-}
-
-export {
-  uiThemeFromMui,
-  muiThemeOptionsFrom
-};
-//# sourceMappingURL=chunk-KCBAPMLH.js.map

package/dist/chunk-KJHQYPKT.js

@@ -1,73 +0,0 @@
-import {
-  accentFor
-} from "./chunk-XCP5L665.js";
-
-// src/components/form/Menubar/Menubar.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-var SIZES = {
-  xs: (theme) => ({ minHeight: 40, fontSize: "0.75rem", padding: theme.spacing(0.5, 1) }),
-  sm: (theme) => ({ minHeight: 48, fontSize: "0.875rem", padding: theme.spacing(0.75, 1.5) }),
-  md: (theme) => ({ minHeight: 56, fontSize: "1rem", padding: theme.spacing(1, 2) }),
-  lg: (theme) => ({ minHeight: 64, fontSize: "1.125rem", padding: theme.spacing(1.25, 2.5) }),
-  xl: (theme) => ({ minHeight: 72, fontSize: "1.25rem", padding: theme.spacing(1.5, 3) })
-};
-var sizeStyles = (theme, size) => (SIZES[size] ?? SIZES.md)(theme);
-var accentOf = (theme, color) => color === "neutral" ? theme.palette.primary.main : accentFor(theme, color).main;
-var colorStyles = (theme, color, transparent) => {
-  const surface = color === "neutral" ? { backgroundColor: theme.palette.background.paper, color: theme.palette.text.primary } : { backgroundColor: accentFor(theme, color).main, color: accentFor(theme, color).contrastText };
-  return transparent ? { ...surface, backgroundColor: "transparent" } : surface;
-};
-var SURFACES = {
-  glass: (theme, { glass }) => ({
-    backgroundColor: alpha(theme.palette.background.paper, glass ? 0.1 : 0.8),
-    backdropFilter: "blur(20px)",
-    borderBottom: `1px solid ${alpha(theme.palette.divider, 0.1)}`
-  }),
-  gradient: (theme, { color, gradient }) => {
-    const accent = accentFor(theme, color === "neutral" ? "primary" : color);
-    return {
-      background: gradient ? `linear-gradient(135deg, ${accent.light}, ${accent.dark})` : accent.main,
-      color: accent.contrastText
-    };
-  },
-  elevated: (theme, { blur, elevation }) => ({
-    ...blur && { backdropFilter: "blur(10px)" },
-    boxShadow: theme.shadows[elevation]
-  }),
-  minimal: (_theme, { blur }) => ({
-    ...blur && { backdropFilter: "blur(10px)" },
-    boxShadow: "none",
-    borderBottom: "none"
-  }),
-  bordered: (theme, { blur, color }) => ({
-    ...blur && { backdropFilter: "blur(10px)" },
-    borderBottom: `2px solid ${color === "neutral" ? theme.palette.divider : accentFor(theme, color).main}`
-  }),
-  default: (_theme, { blur }) => ({ ...blur && { backdropFilter: "blur(10px)" } })
-};
-var barStyles = (theme, flags) => {
-  const { variant, size, color, glow, pulse, transparent } = flags;
-  return {
-    transition: theme.transitions.create(["all"], {
-      duration: theme.transitions.duration.standard
-    }),
-    ...sizeStyles(theme, size),
-    ...colorStyles(theme, color, transparent),
-    ...glow && { boxShadow: `0 0 20px ${alpha(accentOf(theme, color), 0.4)}` },
-    ...pulse && {
-      animation: "pulse 2s infinite",
-      "@keyframes pulse": {
-        "0%": { opacity: 1 },
-        "50%": { opacity: 0.8 },
-        "100%": { opacity: 1 }
-      }
-    },
-    ...(SURFACES[variant] ?? SURFACES.default)(theme, flags)
-  };
-};
-
-export {
-  sizeStyles,
-  barStyles
-};
-//# sourceMappingURL=chunk-KJHQYPKT.js.map

package/dist/chunk-KJHQYPKT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Menubar/Menubar.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport type { MenubarProps } from './Menubar.types';\nimport { accentFor} from '../../../tokens/scales';\n\ntype Size = NonNullable<MenubarProps['size']>;\ntype Variant = NonNullable<MenubarProps['variant']>;\ntype Color = NonNullable<MenubarProps['color']>;\n\nconst SIZES: Record<Size, (theme: Theme) => CSSObject> = {\n  xs: (theme) => ({ minHeight: 40, fontSize: '0.75rem', padding: theme.spacing(0.5, 1) }),\n  sm: (theme) => ({ minHeight: 48, fontSize: '0.875rem', padding: theme.spacing(0.75, 1.5) }),\n  md: (theme) => ({ minHeight: 56, fontSize: '1rem', padding: theme.spacing(1, 2) }),\n  lg: (theme) => ({ minHeight: 64, fontSize: '1.125rem', padding: theme.spacing(1.25, 2.5) }),\n  xl: (theme) => ({ minHeight: 72, fontSize: '1.25rem', padding: theme.spacing(1.5, 3) }),\n};\n\nexport const sizeStyles = (theme: Theme, size: Size): CSSObject =>\n  (SIZES[size] ?? SIZES.md)(theme);\n\n/** `default` is not a palette entry — it means the paper surface and its text. */\nconst accentOf = (theme: Theme, color: Color) =>\n  color === 'neutral' ? theme.palette.primary.main : accentFor(theme, color).main;\n\nconst colorStyles = (theme: Theme, color: Color, transparent: boolean): CSSObject => {\n  const surface =\n    color === 'neutral'\n      ? { backgroundColor: theme.palette.background.paper, color: theme.palette.text.primary }\n      : { backgroundColor: accentFor(theme, color).main, color: accentFor(theme, color).contrastText };\n\n  return transparent ? { ...surface, backgroundColor: 'transparent' } : surface;\n};\n\ninterface MenubarStyleFlags {\n  variant: Variant;\n  size: Size;\n  color: Color;\n  glow: boolean;\n  pulse: boolean;\n  glass: boolean;\n  gradient: boolean;\n  blur: boolean;\n  transparent: boolean;\n  elevation: number;\n}\n\n/**\n * Each variant's own additions to the shared bar. The `glass` and `gradient`\n * arms deliberately do not take the blur spread: glass sets its own\n * backdropFilter, and a blurred gradient loses the gradient.\n */\nconst SURFACES: Record<Variant, (theme: Theme, flags: MenubarStyleFlags) => CSSObject> = {\n  glass: (theme, { glass }) => ({\n    backgroundColor: alpha(theme.palette.background.paper, glass ? 0.1 : 0.8),\n    backdropFilter: 'blur(20px)',\n    borderBottom: `1px solid ${alpha(theme.palette.divider, 0.1)}`,\n  }),\n\n  gradient: (theme, { color, gradient }) => {\n    // `neutral` borrows primary for the gradient, as this branch always did.\n    const accent = accentFor(theme, color === 'neutral' ? 'primary' : color);\n    return {\n      background: gradient\n        ? `linear-gradient(135deg, ${accent.light}, ${accent.dark})`\n        : accent.main,\n      color: accent.contrastText,\n    };\n  },\n\n  elevated: (theme, { blur, elevation }) => ({\n    ...(blur && { backdropFilter: 'blur(10px)' }),\n    boxShadow: theme.shadows[elevation],\n  }),\n\n  minimal: (_theme, { blur }) => ({\n    ...(blur && { backdropFilter: 'blur(10px)' }),\n    boxShadow: 'none',\n    borderBottom: 'none',\n  }),\n\n  bordered: (theme, { blur, color }) => ({\n    ...(blur && { backdropFilter: 'blur(10px)' }),\n    borderBottom: `2px solid ${\n      color === 'neutral' ? theme.palette.divider : accentFor(theme, color).main\n    }`,\n  }),\n\n  default: (_theme, { blur }) => ({ ...(blur && { backdropFilter: 'blur(10px)' }) }),\n};\n\nexport const barStyles = (theme: Theme, flags: MenubarStyleFlags): CSSObject => {\n  const { variant, size, color, glow, pulse, transparent } = flags;\n\n  return {\n    transition: theme.transitions.create(['all'], {\n      duration: theme.transitions.duration.standard,\n    }),\n    ...sizeStyles(theme, size),\n    ...colorStyles(theme, color, transparent),\n    ...(glow && { boxShadow: `0 0 20px ${alpha(accentOf(theme, color), 0.4)}` }),\n    ...(pulse && {\n      animation: 'pulse 2s infinite',\n      '@keyframes pulse': {\n        '0%': { opacity: 1 },\n        '50%': { opacity: 0.8 },\n        '100%': { opacity: 1 },\n      },\n    }),\n    ...(SURFACES[variant] ?? SURFACES.default)(theme, flags),\n  };\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-KMUSTQA6.js

@@ -1,148 +0,0 @@
-import {
-  CheckGlyph,
-  DisclosureGlyph
-} from "./chunk-DMNZD3Q7.js";
-import {
-  METRICS,
-  checkboxBarSx,
-  checkboxSx,
-  chevronButtonSx,
-  markSx,
-  radioSx,
-  rowIndent,
-  rowMetaSx,
-  rowNameSx,
-  rowSx,
-  sectionHeadSx
-} from "./chunk-LGLHU55A.js";
-import {
-  highlightSegments
-} from "./chunk-PN4HVM43.js";
-
-// src/components/form/CategorySelect/CategoryRows.tsx
-import Box from "@mui/material/Box/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function HighlightedName({
-  text,
-  query
-}) {
-  const segments = highlightSegments(text, query);
-  return /* @__PURE__ */ jsx(Fragment, { children: segments.map(
-    (segment, index) => segment.match ? /* @__PURE__ */ jsx(Box, { component: "mark", sx: markSx, children: segment.text }, `${segment.text}-${index}`) : /* @__PURE__ */ jsx("span", { children: segment.text }, `${segment.text}-${index}`)
-  ) });
-}
-function CategoryCheckbox({ state }) {
-  return /* @__PURE__ */ jsxs(Box, { sx: (theme) => checkboxSx(theme, state), "aria-hidden": "true", children: [
-    state === "on" && /* @__PURE__ */ jsx(CheckGlyph, {}),
-    state === "partial" && /* @__PURE__ */ jsx(Box, { sx: checkboxBarSx })
-  ] });
-}
-function CategoryRadio({ on }) {
-  return /* @__PURE__ */ jsx(Box, { sx: (theme) => radioSx(theme, on), "aria-hidden": "true" });
-}
-function rowMeta(selectedCount, showCounts, count) {
-  if (selectedCount > 0) return { text: String(selectedCount), selected: true };
-  if (showCounts && count !== void 0) return { text: String(count), selected: false };
-  return null;
-}
-function RowDisclosure({
-  option,
-  expanded,
-  branch,
-  onToggleExpanded,
-  dataTestId,
-  copy
-}) {
-  if (!branch) {
-    return /* @__PURE__ */ jsx(Box, { sx: { width: METRICS.chevronButton, flex: "0 0 auto" } });
-  }
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "button",
-      type: "button",
-      tabIndex: -1,
-      "aria-label": expanded ? copy.collapseCategory(option.name) : copy.expandCategory(option.name),
-      "data-testid": `${dataTestId}-expand-${option.id}`,
-      sx: (theme) => chevronButtonSx(theme, expanded),
-      onClick: (event) => {
-        event.stopPropagation();
-        onToggleExpanded();
-      },
-      children: /* @__PURE__ */ jsx(DisclosureGlyph, {})
-    }
-  );
-}
-function RowControl({
-  checkState,
-  single
-}) {
-  if (!checkState) return /* @__PURE__ */ jsx(Box, { sx: { width: METRICS.boxSize, flex: "0 0 auto" } });
-  if (single) return /* @__PURE__ */ jsx(CategoryRadio, { on: checkState === "on" });
-  return /* @__PURE__ */ jsx(CategoryCheckbox, { state: checkState });
-}
-function rowTestId(dataTestId, depth, id) {
-  return depth === 0 ? `${dataTestId}-category-${id}` : `${dataTestId}-option-${id}`;
-}
-function CategoryTreeRow({
-  option,
-  query,
-  depth,
-  branch,
-  expanded,
-  active,
-  sheet,
-  checkState,
-  single,
-  selectedCount,
-  showCounts,
-  onToggleExpanded,
-  onActivate,
-  dataTestId,
-  copy
-}) {
-  const meta = rowMeta(selectedCount, showCounts, option.count);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: "div",
-      role: checkState ? "option" : "button",
-      "aria-selected": checkState ? checkState === "on" : void 0,
-      "aria-expanded": branch ? expanded : void 0,
-      "data-testid": rowTestId(dataTestId, depth, option.id),
-      sx: (theme) => ({ ...rowSx(theme, active, sheet), ...rowIndent(depth) }),
-      onClick: onActivate,
-      children: [
-        /* @__PURE__ */ jsx(
-          RowDisclosure,
-          {
-            option,
-            expanded,
-            branch,
-            onToggleExpanded,
-            dataTestId,
-            copy
-          }
-        ),
-        /* @__PURE__ */ jsx(RowControl, { checkState, single }),
-        /* @__PURE__ */ jsx(Box, { component: "span", sx: (theme) => rowNameSx(theme, depth === 0), children: /* @__PURE__ */ jsx(HighlightedName, { text: option.name, query }) }),
-        meta && /* @__PURE__ */ jsx(Box, { component: "span", sx: (theme) => rowMetaSx(theme, meta.selected), children: meta.text })
-      ]
-    }
-  );
-}
-function CategorySectionHeading({
-  option,
-  query
-}) {
-  return /* @__PURE__ */ jsx(Box, { sx: sectionHeadSx, children: /* @__PURE__ */ jsx(HighlightedName, { text: option.name, query }) });
-}
-
-export {
-  HighlightedName,
-  CategoryCheckbox,
-  CategoryRadio,
-  CategoryTreeRow,
-  CategorySectionHeading
-};
-//# sourceMappingURL=chunk-KMUSTQA6.js.map