@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-3SJZP7KH.js

@@ -1,264 +0,0 @@
-import {
-  ColumnsTab
-} from "./chunk-JGOXXKPY.js";
-import {
-  DisplayTab,
-  SortTab
-} from "./chunk-JDY37EML.js";
-import {
-  ViewActions,
-  ViewFooter,
-  ViewHeader,
-  ViewsList
-} from "./chunk-AZ4LLAAJ.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Button
-} from "./chunk-6MDBMCFK.js";
-
-// src/components/data-display/DataViews/data-views-display-panel.tsx
-import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
-import DisplaySettingsRoundedIcon from "@mui/icons-material/DisplaySettingsRounded";
-import Popover from "@mui/material/Popover/index.js";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function displayTabs(copy) {
-  return [
-    { key: "sort", label: copy.display.sortTab },
-    { key: "columns", label: copy.display.columnsTab },
-    { key: "display", label: copy.display.panelTab }
-  ];
-}
-function PanelTabs({
-  tab,
-  onChange,
-  muted,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(default2, { sx: { display: "flex", gap: 0.5, p: 0.75, bgcolor: "action.hover", borderBottom: 1, borderColor: "divider" }, children: displayTabs(copy).map((entry) => {
-    const active = tab === entry.key && !muted;
-    return /* @__PURE__ */ jsx(
-      default2,
-      {
-        component: "button",
-        type: "button",
-        onClick: () => onChange(entry.key),
-        "data-testid": `${testIdPrefix}-display-tab-${entry.key}`,
-        "aria-current": active,
-        sx: {
-          flex: 1,
-          px: 1,
-          py: 0.75,
-          border: 0,
-          borderRadius: 1,
-          cursor: "pointer",
-          font: "inherit",
-          fontSize: "0.8125rem",
-          bgcolor: active ? "background.paper" : "transparent",
-          boxShadow: active ? 1 : 0,
-          fontWeight: active ? 600 : 400,
-          color: active ? "text.primary" : "text.secondary"
-        },
-        children: entry.label
-      },
-      entry.key
-    );
-  }) });
-}
-function PanelBody({
-  tab,
-  c,
-  sortKinds,
-  testIdPrefix
-}) {
-  if (tab === "sort") {
-    return /* @__PURE__ */ jsx(
-      SortTab,
-      {
-        fields: c.resolvedSortFields,
-        activeField: c.activeSortField,
-        activeOrder: c.activeSortOrder,
-        onChange: (field, order) => c.patch({ sortBy: [{ id: field, dir: order }] }),
-        sortKinds,
-        testIdPrefix
-      }
-    );
-  }
-  if (tab === "columns") {
-    return /* @__PURE__ */ jsx(
-      ColumnsTab,
-      {
-        columns: c.hideableColumns,
-        order: c.columnOrder,
-        visibleColumns: c.state.visibleColumns,
-        onToggle: c.toggleColumn,
-        onReorder: (order) => c.patch({ order }),
-        onShowAll: () => c.patch({ visibleColumns: c.columnOrder }),
-        onReset: () => c.patch({ visibleColumns: c.columnOrder, order: void 0 }),
-        testIdPrefix
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(DisplayTab, { testIdPrefix });
-}
-function PanelSurface({
-  c,
-  view,
-  nav,
-  tab,
-  onTab,
-  viewsOpen,
-  onToggleViews,
-  actionsFor,
-  onOpenActions,
-  onBack,
-  sortKinds,
-  onDone,
-  testIdPrefix
-}) {
-  return /* @__PURE__ */ jsxs(default2, { "data-testid": `${testIdPrefix}-display-panel`, children: [
-    view && /* @__PURE__ */ jsx(
-      ViewHeader,
-      {
-        view,
-        open: viewsOpen,
-        onToggle: onToggleViews,
-        testIdPrefix
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      PanelTabs,
-      {
-        tab,
-        onChange: onTab,
-        muted: Boolean(nav),
-        testIdPrefix
-      }
-    ),
-    /* @__PURE__ */ jsx(default2, { sx: { maxHeight: 320, minHeight: 220, overflowY: "auto" }, children: nav ? /* @__PURE__ */ jsx(
-      ViewsBody,
-      {
-        nav,
-        actionsFor,
-        onOpenActions,
-        onBack,
-        testIdPrefix
-      }
-    ) : /* @__PURE__ */ jsx(PanelBody, { tab, c, sortKinds, testIdPrefix }) }),
-    view && /* @__PURE__ */ jsx(ViewFooter, { view, onDone, testIdPrefix })
-  ] });
-}
-function ViewsBody({
-  nav,
-  actionsFor,
-  onOpenActions,
-  onBack,
-  testIdPrefix
-}) {
-  const live = actionsFor ? nav.views.find((view) => view.id === actionsFor.id) : void 0;
-  if (live) {
-    return /* @__PURE__ */ jsx(ViewActions, { view: live, handlers: nav, onBack, testIdPrefix });
-  }
-  return /* @__PURE__ */ jsx(ViewsList, { handlers: nav, onOpenActions, testIdPrefix });
-}
-function DisplayTrigger({
-  dirty,
-  compact,
-  onOpen,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: "outline",
-      size: "sm",
-      color: "neutral",
-      onClick: (event) => onOpen(event.currentTarget),
-      dataTestId: `${testIdPrefix}-display-trigger`,
-      "aria-label": copy.display.trigger,
-      title: compact ? copy.display.trigger : void 0,
-      children: /* @__PURE__ */ jsxs(default2, { component: "span", sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: [
-        /* @__PURE__ */ jsx(DisplaySettingsRoundedIcon, { fontSize: "small" }),
-        !compact && /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: { xs: "none", sm: "inline" } }, children: copy.display.trigger }),
-        dirty && /* @__PURE__ */ jsx(default2, { component: "span", sx: { height: 6, width: 6, borderRadius: "50%", bgcolor: "primary.main" } }),
-        !compact && /* @__PURE__ */ jsx(KeyboardArrowDownRoundedIcon, { fontSize: "small" })
-      ] })
-    }
-  );
-}
-function DataViewsDisplayPanel({
-  c,
-  testIdPrefix,
-  sortKinds,
-  view,
-  compact
-}) {
-  const [anchor, setAnchor] = useState(null);
-  const [tab, setTab] = useState("columns");
-  const [viewsOpen, setViewsOpen] = useState(false);
-  const [actionsFor, setActionsFor] = useState(null);
-  const nav = viewsOpen ? view?.nav : void 0;
-  const close = () => setAnchor(null);
-  const leaveViews = () => {
-    setViewsOpen(false);
-    setActionsFor(null);
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      DisplayTrigger,
-      {
-        dirty: Boolean(view?.dirty),
-        compact: Boolean(compact),
-        onOpen: setAnchor,
-        testIdPrefix
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Popover,
-      {
-        open: Boolean(anchor),
-        anchorEl: anchor,
-        onClose: close,
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        transformOrigin: { vertical: "top", horizontal: "right" },
-        slotProps: { paper: { sx: { width: 320, maxWidth: "calc(100vw - 32px)" } } },
-        children: /* @__PURE__ */ jsx(
-          PanelSurface,
-          {
-            c,
-            view,
-            nav,
-            tab,
-            onTab: (next) => {
-              setTab(next);
-              leaveViews();
-            },
-            viewsOpen,
-            onToggleViews: () => {
-              setViewsOpen((prev) => !prev);
-              setActionsFor(null);
-            },
-            actionsFor,
-            onOpenActions: setActionsFor,
-            onBack: () => setActionsFor(null),
-            sortKinds,
-            onDone: close,
-            testIdPrefix
-          }
-        )
-      }
-    )
-  ] });
-}
-
-export {
-  DataViewsDisplayPanel
-};
-//# sourceMappingURL=chunk-3SJZP7KH.js.map

package/dist/chunk-3T2I6BYA.js

@@ -1,46 +0,0 @@
-import {
-  ConfirmActionDialog
-} from "./chunk-QQS3GQYS.js";
-import {
-  useConfirmAction
-} from "./chunk-EMYESBIT.js";
-
-// src/components/data-display/CardKit/use-row-confirm.tsx
-import { useState } from "react";
-import { jsx } from "react/jsx-runtime";
-function useRowConfirm({
-  write,
-  describe,
-  dataTestId,
-  errorText,
-  copy
-}) {
-  const [target, setTarget] = useState(null);
-  const state = useConfirmAction(async () => {
-    if (!target) return;
-    await write(target);
-    setTarget(null);
-  }, errorText);
-  const request = (rows) => {
-    if (rows.length === 0) return;
-    setTarget(rows);
-    state.request();
-  };
-  return {
-    request,
-    dialog: target ? /* @__PURE__ */ jsx(
-      ConfirmActionDialog,
-      {
-        state,
-        copy,
-        ...describe(target),
-        dataTestId
-      }
-    ) : null
-  };
-}
-
-export {
-  useRowConfirm
-};
-//# sourceMappingURL=chunk-3T2I6BYA.js.map

package/dist/chunk-3W2IS5RH.js

@@ -1,139 +0,0 @@
-import {
-  alpha
-} from "./chunk-6JAIFIPW.js";
-
-// src/components/form/Switch/Switch.metrics.ts
-var SWITCH_BLACK = "#000";
-var SWITCH_SIZES = {
-  xs: { width: 34, height: 18, padding: 1, thumbSize: 14 },
-  sm: { width: 42, height: 22, padding: 1, thumbSize: 18 },
-  md: { width: 50, height: 26, padding: 1, thumbSize: 22 },
-  lg: { width: 58, height: 30, padding: 2, thumbSize: 24 },
-  xl: { width: 66, height: 34, padding: 2, thumbSize: 28 }
-};
-var lookOf = (variant) => {
-  if (variant === "ios") return "ios";
-  if (variant === "android") return "android";
-  if (variant === "material") return "material";
-  return "default";
-};
-var geometryOf = (size, width, height) => {
-  const preset = SWITCH_SIZES[size] ?? SWITCH_SIZES.md;
-  return { ...preset, width: width || preset.width, height: height || preset.height };
-};
-var THUMB_RADIUS = {
-  ios: () => "50%",
-  android: () => 4,
-  material: (thumbSize) => thumbSize / 3,
-  default: () => "50%"
-};
-var TRACK_RADIUS = {
-  ios: (height) => height / 2,
-  android: (height) => height / 3,
-  material: (height) => height / 2.5,
-  default: (height) => height / 2
-};
-var thumbRadius = (look, thumbSize) => {
-  const radius = THUMB_RADIUS[look](thumbSize);
-  return typeof radius === "number" ? radius : thumbSize / 2;
-};
-var THUMB_ELEVATION = { ios: 0, android: 3, material: 2, default: 2 };
-var MUI_SHADOWS = {
-  2: "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
-  3: "0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)"
-};
-var IOS_THUMB_SHADOW = `0 3px 1px 0 ${alpha(SWITCH_BLACK, 0.04)}, 0 3px 8px 0 ${alpha(SWITCH_BLACK, 0.12)}, 0 1px 0 0 ${alpha(SWITCH_BLACK, 0.08)}`;
-var iosTrackShadow = () => `inset 0 0 0 0.5px ${alpha(SWITCH_BLACK, 0.1)}, inset 0 2px 3px ${alpha(SWITCH_BLACK, 0.12)}`;
-var TRACK_ALPHA = { ios: 0.1, android: 0.2, other: 0.3 };
-var trackColor = (ink, look) => {
-  if (look === "ios") return alpha(ink.black, TRACK_ALPHA.ios);
-  const strength = look === "android" ? TRACK_ALPHA.android : TRACK_ALPHA.other;
-  return alpha(ink.disabled, strength);
-};
-var thumbTravel = (look, geometry) => {
-  const { width, thumbSize, padding } = geometry;
-  if (look === "ios") {
-    return { rest: padding + IOS_BASE_OFFSET, travel: width - thumbSize - IOS_TRAVEL_INSET };
-  }
-  return { rest: padding, travel: width - thumbSize - padding * 2 };
-};
-var IOS_BASE_OFFSET = 2;
-var IOS_TRAVEL_INSET = 4;
-var SWITCH_TRANSITION = { ms: 300, easing: "cubic-bezier(0.4, 0, 0.2, 1)" };
-var DISABLED = { trackOpacity: 0.3, checkedTrackOpacity: 0.5, thumbGrey: 100 };
-var SWITCH_GLASS = {
-  trackAlpha: 0.1,
-  thumbAlpha: 0.9,
-  borderAlpha: 0.2,
-  trackBlur: 20,
-  thumbBlur: 10
-};
-var SWITCH_GRADIENT = {
-  checked: { angleDeg: 90, stops: [0, 50, 100] },
-  resting: { angleDeg: 135, lightAlpha: 0.3, mainAlpha: 0.2 },
-  shimmerMs: 3e3
-};
-var SWITCH_GLOW = { blur: 10, alpha: 0.6, insetBlur: 10, insetAlpha: 0.2, ms: 2e3 };
-var SWITCH_PULSE = { ms: 2e3, minOpacity: 0.7, minScale: 0.95 };
-var SWITCH_RIPPLE = { alpha: 0.2, ms: 600, scale: 2 };
-var SWITCH_SPINNER = { sizeRatio: 0.6, borderWidth: 2, ms: 1e3 };
-var SWITCH_ICON_SIZES = { xs: 12, sm: 14, md: 16, lg: 18, xl: 20 };
-var SWITCH_ICON = { inset: 4, hiddenScale: 0.8 };
-var TRACK_LABEL = { fontSize: 12, fontWeight: 500, insetUnits: 1 };
-var SWITCH_LABEL = { fontSize: 14, lineHeight: 1.43, fontWeight: 500 };
-var SWITCH_DESCRIPTION = { fontSize: 12, lineHeight: 1.66, marginTopUnits: 0.5 };
-var SWITCH_HELPER = { fontSize: 12, lineHeight: 1.66, marginTopUnits: 1 };
-var LABEL_GAP_UNITS = { beside: 2, stacked: 1 };
-var TAP_TARGET_MIN = 40;
-var NEUTRAL_GREY = { main: 700, dark: 800, light: 500 };
-var NEUTRAL_FALLBACK = { main: "#616161", dark: "#424242", light: "#9e9e9e" };
-var NEUTRAL_CONTRAST = "#fff";
-var RESTING_THUMB = "#fff";
-var SWITCH_HOVER = { thumbScale: 1.05, elevation: 4, blur: 12, alpha: 0.2 };
-var SWITCH_FOCUS_RING = { width: 6, alpha: 0.2 };
-var seconds = (ms) => `${ms / 1e3}s`;
-var showsTrackLabels = (variant, onText, offText) => variant === "label" && Boolean(onText ?? offText);
-
-export {
-  SWITCH_BLACK,
-  SWITCH_SIZES,
-  lookOf,
-  geometryOf,
-  THUMB_RADIUS,
-  TRACK_RADIUS,
-  thumbRadius,
-  THUMB_ELEVATION,
-  MUI_SHADOWS,
-  IOS_THUMB_SHADOW,
-  iosTrackShadow,
-  TRACK_ALPHA,
-  trackColor,
-  thumbTravel,
-  IOS_BASE_OFFSET,
-  IOS_TRAVEL_INSET,
-  SWITCH_TRANSITION,
-  DISABLED,
-  SWITCH_GLASS,
-  SWITCH_GRADIENT,
-  SWITCH_GLOW,
-  SWITCH_PULSE,
-  SWITCH_RIPPLE,
-  SWITCH_SPINNER,
-  SWITCH_ICON_SIZES,
-  SWITCH_ICON,
-  TRACK_LABEL,
-  SWITCH_LABEL,
-  SWITCH_DESCRIPTION,
-  SWITCH_HELPER,
-  LABEL_GAP_UNITS,
-  TAP_TARGET_MIN,
-  NEUTRAL_GREY,
-  NEUTRAL_FALLBACK,
-  NEUTRAL_CONTRAST,
-  RESTING_THUMB,
-  SWITCH_HOVER,
-  SWITCH_FOCUS_RING,
-  seconds,
-  showsTrackLabels
-};
-//# sourceMappingURL=chunk-3W2IS5RH.js.map

package/dist/chunk-3W2IS5RH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Switch/Switch.metrics.ts"],"sourcesContent":["import type { SwitchVariant } from './Switch.base';\nimport { alpha } from '../../../tokens/color';\nimport type { SizeValue } from '../../../tokens/vocabulary';\n\n/**\n * THE NUMBERS BOTH `Switch` RENDERERS DRAW WITH.\n *\n * `Switch.styles.ts` (web, emotion over MUI's `Switch`) and\n * `Switch.native.tsx` (React Native, drawing the track and thumb itself) read\n * this one table: the geometry per size, the four looks' radii and shadows,\n * the resting track colours, and the type the label, the description and the\n * helper are set in.\n *\n * Spacing is in SPACING UNITS where the web writes `theme.spacing(n)`;\n * everything else is px, a ratio or an alpha.\n */\n\n/** MUI's `palette.common.black`, which `UiTheme` does not carry. */\nexport const SWITCH_BLACK = '#000';\n\nexport interface SwitchGeometry {\n  width: number;\n  height: number;\n  padding: number;\n  thumbSize: number;\n}\n\nexport const SWITCH_SIZES: Record<SizeValue, SwitchGeometry> = {\n  xs: { width: 34, height: 18, padding: 1, thumbSize: 14 },\n  sm: { width: 42, height: 22, padding: 1, thumbSize: 18 },\n  md: { width: 50, height: 26, padding: 1, thumbSize: 22 },\n  lg: { width: 58, height: 30, padding: 2, thumbSize: 24 },\n  xl: { width: 66, height: 34, padding: 2, thumbSize: 28 },\n};\n\n/** The four platform looks. `label` prints its wording on a `default` track. */\nexport type SwitchLook = 'ios' | 'android' | 'material' | 'default';\n\nexport const lookOf = (variant?: string): SwitchLook => {\n  if (variant === 'ios') return 'ios';\n  if (variant === 'android') return 'android';\n  if (variant === 'material') return 'material';\n  return 'default';\n};\n\n/** Track geometry once the caller's overrides and the size preset are combined. */\nexport const geometryOf = (size: SizeValue | undefined, width?: number, height?: number): SwitchGeometry => {\n  const preset = SWITCH_SIZES[size as SizeValue] ?? SWITCH_SIZES.md;\n  return { ...preset, width: width || preset.width, height: height || preset.height };\n};\n\n/**\n * The thumb's corner. `'50%'` is what the web emits; a renderer with no\n * percentage radius asks {@link thumbRadius} for the px instead.\n */\nexport const THUMB_RADIUS: Record<SwitchLook, (thumbSize: number) => number | string> = {\n  ios: () => '50%',\n  android: () => 4,\n  material: (thumbSize) => thumbSize / 3,\n  default: () => '50%',\n};\n\nexport const TRACK_RADIUS: Record<SwitchLook, (height: number) => number> = {\n  ios: (height) => height / 2,\n  android: (height) => height / 3,\n  material: (height) => height / 2.5,\n  default: (height) => height / 2,\n};\n\n/** The web's `'50%'` as the px a circle of this size needs. */\nexport const thumbRadius = (look: SwitchLook, thumbSize: number): number => {\n  const radius = THUMB_RADIUS[look](thumbSize);\n  return typeof radius === 'number' ? radius : thumbSize / 2;\n};\n\n/**\n * The elevation the thumb rests at per look — an INDEX into `theme.shadows`,\n * not the shadow itself, so a host that re-themes MUI's elevations keeps\n * moving the web. {@link MUI_SHADOWS} carries MUI's own values for the native\n * side, which has no `theme.shadows` to read.\n */\nexport const THUMB_ELEVATION: Record<SwitchLook, number> = { ios: 0, android: 3, material: 2, default: 2 };\n\nexport const MUI_SHADOWS: Record<number, string> = {\n  2: '0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)',\n  3: '0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)',\n};\n\n/** The iOS thumb's own three-layer shadow, which the web writes out literally. */\nexport const IOS_THUMB_SHADOW = `0 3px 1px 0 ${alpha(SWITCH_BLACK, 0.04)}, 0 3px 8px 0 ${alpha(SWITCH_BLACK, 0.12)}, 0 1px 0 0 ${alpha(SWITCH_BLACK, 0.08)}`;\n\n/** The iOS track's inset hairline. */\nexport const iosTrackShadow = (): string =>\n  `inset 0 0 0 0.5px ${alpha(SWITCH_BLACK, 0.1)}, inset 0 2px 3px ${alpha(SWITCH_BLACK, 0.12)}`;\n\n/** The resting track: a black wash on iOS, the disabled ink elsewhere. */\nexport const TRACK_ALPHA = { ios: 0.1, android: 0.2, other: 0.3 } as const;\n\n/**\n * `black` is MUI's `palette.common.black` on the web and {@link SWITCH_BLACK}\n * on native, whose theme has no `common` — the same `#000` either way, passed\n * in rather than assumed so a host that themes it still moves the web.\n */\nexport const trackColor = (ink: { black: string; disabled: string }, look: SwitchLook): string => {\n  if (look === 'ios') return alpha(ink.black, TRACK_ALPHA.ios);\n  const strength = look === 'android' ? TRACK_ALPHA.android : TRACK_ALPHA.other;\n  return alpha(ink.disabled, strength);\n};\n\n/** How far the thumb travels, and where it starts. iOS insets differently. */\nexport const thumbTravel = (look: SwitchLook, geometry: SwitchGeometry): { rest: number; travel: number } => {\n  const { width, thumbSize, padding } = geometry;\n  if (look === 'ios') {\n    // The web nudges the whole switch base 2px right and shortens the trip.\n    return { rest: padding + IOS_BASE_OFFSET, travel: width - thumbSize - IOS_TRAVEL_INSET };\n  }\n  return { rest: padding, travel: width - thumbSize - padding * 2 };\n};\n\nexport const IOS_BASE_OFFSET = 2;\nexport const IOS_TRAVEL_INSET = 4;\n\n/** MUI's 300ms `cubic-bezier(0.4, 0, 0.2, 1)`, on everything the switch moves. */\nexport const SWITCH_TRANSITION = { ms: 300, easing: 'cubic-bezier(0.4, 0, 0.2, 1)' } as const;\n\n/** The disabled treatment: the thumb greys and the track fades. */\nexport const DISABLED = { trackOpacity: 0.3, checkedTrackOpacity: 0.5, thumbGrey: 100 } as const;\n\n/** `glass`: a paper wash under a blur, inside a faint divider hairline. */\nexport const SWITCH_GLASS = {\n  trackAlpha: 0.1,\n  thumbAlpha: 0.9,\n  borderAlpha: 0.2,\n  trackBlur: 20,\n  thumbBlur: 10,\n} as const;\n\n/** `gradient`: the checked track runs light → main → dark; the resting one is fainter. */\nexport const SWITCH_GRADIENT = {\n  checked: { angleDeg: 90, stops: [0, 50, 100] },\n  resting: { angleDeg: 135, lightAlpha: 0.3, mainAlpha: 0.2 },\n  shimmerMs: 3000,\n} as const;\n\n/** `glow`: a halo of the hue around the checked track, breathing every two seconds. */\nexport const SWITCH_GLOW = { blur: 10, alpha: 0.6, insetBlur: 10, insetAlpha: 0.2, ms: 2000 } as const;\n\n/** `pulse`: the thumb breathes; `ripple`: a wash of the hue expands under the pointer. */\nexport const SWITCH_PULSE = { ms: 2000, minOpacity: 0.7, minScale: 0.95 } as const;\nexport const SWITCH_RIPPLE = { alpha: 0.2, ms: 600, scale: 2 } as const;\n\n/** `loading`: a 2px ring inside the thumb, turning once a second. */\nexport const SWITCH_SPINNER = { sizeRatio: 0.6, borderWidth: 2, ms: 1000 } as const;\n\n/** The two icons overlaid on the track, at their own size per step of the scale. */\nexport const SWITCH_ICON_SIZES: Record<SizeValue, number> = { xs: 12, sm: 14, md: 16, lg: 18, xl: 20 };\n/** Where a shown icon sits, and how small a hidden one is drawn. */\nexport const SWITCH_ICON = { inset: 4, hiddenScale: 0.8 } as const;\n\n/** The wording the `label` variant prints inside the track: 0.75rem at 500, 8px in. */\nexport const TRACK_LABEL = { fontSize: 12, fontWeight: 500, insetUnits: 1 } as const;\n\n/** MUI's `body2` for the label, `caption` for the description and the helper text. */\nexport const SWITCH_LABEL = { fontSize: 14, lineHeight: 1.43, fontWeight: 500 } as const;\nexport const SWITCH_DESCRIPTION = { fontSize: 12, lineHeight: 1.66, marginTopUnits: 0.5 } as const;\nexport const SWITCH_HELPER = { fontSize: 12, lineHeight: 1.66, marginTopUnits: 1 } as const;\n\n/** The label row: 16px from the control beside it, 8px above or below it. */\nexport const LABEL_GAP_UNITS = { beside: 2, stacked: 1 } as const;\n\n/**\n * The minimum height of a touch target, in px (FUT-1905).\n *\n * No entry in {@link SWITCH_SIZES} reaches it — `xl`, the largest, is 34px tall\n * and `md` is 26 — so a consumer cannot buy a legal target by passing a bigger\n * `size`. The label is what clears it: see `SwitchLabel` in `Switch.parts.tsx`.\n */\nexport const TAP_TARGET_MIN = 40;\n\n/**\n * `neutral`'s three greys, and the literals the web falls back to for a theme\n * whose grey ramp omits a step. Same three steps `Button` draws its neutral\n * from.\n */\nexport const NEUTRAL_GREY = { main: 700, dark: 800, light: 500 } as const;\nexport const NEUTRAL_FALLBACK = { main: '#616161', dark: '#424242', light: '#9e9e9e' } as const;\nexport const NEUTRAL_CONTRAST = '#fff';\n\n/**\n * The RESTING thumb — the knob while the switch is off (FUT-1924).\n *\n * It stays white, and the reason is worth stating because the checked thumb no\n * longer is: the resting track is `theme.palette.action.disabled` washed over\n * the page, which no tenant picks, and a white knob on it is the conventional\n * look in both modes. The CHECKED track is `palette.main`, a colour the tenant\n * does pick, and that is where a stated white was a defect. See `checkedInk`\n * in `Switch.styles.ts` and its native twin.\n */\nexport const RESTING_THUMB = '#fff';\n\n/** Hover: the thumb lifts a shade and takes a halo of the hue. */\nexport const SWITCH_HOVER = { thumbScale: 1.05, elevation: 4, blur: 12, alpha: 0.2 } as const;\n\n/** Focus: MUI rings the thumb rather than moving it. */\nexport const SWITCH_FOCUS_RING = { width: 6, alpha: 0.2 } as const;\n\n/** A duration as the CSS the web has always emitted: `2000` → `2s`. */\nexport const seconds = (ms: number): string => `${ms / 1000}s`;\n\n/** Whether this variant prints its wording inside the track. */\nexport const showsTrackLabels = (variant: SwitchVariant | undefined, onText?: string, offText?: string): boolean =>\n  variant === 'label' && Boolean(onText ?? offText);\n"],"mappings":";;;;;AAkBO,IAAM,eAAe;AASrB,IAAM,eAAkD;AAAA,EAC7D,IAAI,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,GAAG,WAAW,GAAG;AAAA,EACvD,IAAI,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,GAAG,WAAW,GAAG;AAAA,EACvD,IAAI,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,GAAG,WAAW,GAAG;AAAA,EACvD,IAAI,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,GAAG,WAAW,GAAG;AAAA,EACvD,IAAI,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,GAAG,WAAW,GAAG;AACzD;AAKO,IAAM,SAAS,CAAC,YAAiC;AACtD,MAAI,YAAY,MAAO,QAAO;AAC9B,MAAI,YAAY,UAAW,QAAO;AAClC,MAAI,YAAY,WAAY,QAAO;AACnC,SAAO;AACT;AAGO,IAAM,aAAa,CAAC,MAA6B,OAAgB,WAAoC;AAC1G,QAAM,SAAS,aAAa,IAAiB,KAAK,aAAa;AAC/D,SAAO,EAAE,GAAG,QAAQ,OAAO,SAAS,OAAO,OAAO,QAAQ,UAAU,OAAO,OAAO;AACpF;AAMO,IAAM,eAA2E;AAAA,EACtF,KAAK,MAAM;AAAA,EACX,SAAS,MAAM;AAAA,EACf,UAAU,CAAC,cAAc,YAAY;AAAA,EACrC,SAAS,MAAM;AACjB;AAEO,IAAM,eAA+D;AAAA,EAC1E,KAAK,CAAC,WAAW,SAAS;AAAA,EAC1B,SAAS,CAAC,WAAW,SAAS;AAAA,EAC9B,UAAU,CAAC,WAAW,SAAS;AAAA,EAC/B,SAAS,CAAC,WAAW,SAAS;AAChC;AAGO,IAAM,cAAc,CAAC,MAAkB,cAA8B;AAC1E,QAAM,SAAS,aAAa,IAAI,EAAE,SAAS;AAC3C,SAAO,OAAO,WAAW,WAAW,SAAS,YAAY;AAC3D;AAQO,IAAM,kBAA8C,EAAE,KAAK,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,EAAE;AAElG,IAAM,cAAsC;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AACL;AAGO,IAAM,mBAAmB,eAAe,MAAM,cAAc,IAAI,CAAC,iBAAiB,MAAM,cAAc,IAAI,CAAC,eAAe,MAAM,cAAc,IAAI,CAAC;AAGnJ,IAAM,iBAAiB,MAC5B,qBAAqB,MAAM,cAAc,GAAG,CAAC,qBAAqB,MAAM,cAAc,IAAI,CAAC;AAGtF,IAAM,cAAc,EAAE,KAAK,KAAK,SAAS,KAAK,OAAO,IAAI;AAOzD,IAAM,aAAa,CAAC,KAA0C,SAA6B;AAChG,MAAI,SAAS,MAAO,QAAO,MAAM,IAAI,OAAO,YAAY,GAAG;AAC3D,QAAM,WAAW,SAAS,YAAY,YAAY,UAAU,YAAY;AACxE,SAAO,MAAM,IAAI,UAAU,QAAQ;AACrC;AAGO,IAAM,cAAc,CAAC,MAAkB,aAA+D;AAC3G,QAAM,EAAE,OAAO,WAAW,QAAQ,IAAI;AACtC,MAAI,SAAS,OAAO;AAElB,WAAO,EAAE,MAAM,UAAU,iBAAiB,QAAQ,QAAQ,YAAY,iBAAiB;AAAA,EACzF;AACA,SAAO,EAAE,MAAM,SAAS,QAAQ,QAAQ,YAAY,UAAU,EAAE;AAClE;AAEO,IAAM,kBAAkB;AACxB,IAAM,mBAAmB;AAGzB,IAAM,oBAAoB,EAAE,IAAI,KAAK,QAAQ,+BAA+B;AAG5E,IAAM,WAAW,EAAE,cAAc,KAAK,qBAAqB,KAAK,WAAW,IAAI;AAG/E,IAAM,eAAe;AAAA,EAC1B,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,WAAW;AAAA,EACX,WAAW;AACb;AAGO,IAAM,kBAAkB;AAAA,EAC7B,SAAS,EAAE,UAAU,IAAI,OAAO,CAAC,GAAG,IAAI,GAAG,EAAE;AAAA,EAC7C,SAAS,EAAE,UAAU,KAAK,YAAY,KAAK,WAAW,IAAI;AAAA,EAC1D,WAAW;AACb;AAGO,IAAM,cAAc,EAAE,MAAM,IAAI,OAAO,KAAK,WAAW,IAAI,YAAY,KAAK,IAAI,IAAK;AAGrF,IAAM,eAAe,EAAE,IAAI,KAAM,YAAY,KAAK,UAAU,KAAK;AACjE,IAAM,gBAAgB,EAAE,OAAO,KAAK,IAAI,KAAK,OAAO,EAAE;AAGtD,IAAM,iBAAiB,EAAE,WAAW,KAAK,aAAa,GAAG,IAAI,IAAK;AAGlE,IAAM,oBAA+C,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG;AAE9F,IAAM,cAAc,EAAE,OAAO,GAAG,aAAa,IAAI;AAGjD,IAAM,cAAc,EAAE,UAAU,IAAI,YAAY,KAAK,YAAY,EAAE;AAGnE,IAAM,eAAe,EAAE,UAAU,IAAI,YAAY,MAAM,YAAY,IAAI;AACvE,IAAM,qBAAqB,EAAE,UAAU,IAAI,YAAY,MAAM,gBAAgB,IAAI;AACjF,IAAM,gBAAgB,EAAE,UAAU,IAAI,YAAY,MAAM,gBAAgB,EAAE;AAG1E,IAAM,kBAAkB,EAAE,QAAQ,GAAG,SAAS,EAAE;AAShD,IAAM,iBAAiB;AAOvB,IAAM,eAAe,EAAE,MAAM,KAAK,MAAM,KAAK,OAAO,IAAI;AACxD,IAAM,mBAAmB,EAAE,MAAM,WAAW,MAAM,WAAW,OAAO,UAAU;AAC9E,IAAM,mBAAmB;AAYzB,IAAM,gBAAgB;AAGtB,IAAM,eAAe,EAAE,YAAY,MAAM,WAAW,GAAG,MAAM,IAAI,OAAO,IAAI;AAG5E,IAAM,oBAAoB,EAAE,OAAO,GAAG,OAAO,IAAI;AAGjD,IAAM,UAAU,CAAC,OAAuB,GAAG,KAAK,GAAI;AAGpD,IAAM,mBAAmB,CAAC,SAAoC,QAAiB,YACpF,YAAY,WAAW,QAAQ,UAAU,OAAO;","names":[]}

package/dist/chunk-4BEQADWC.js

@@ -1,99 +0,0 @@
-import {
-  ButtonRadios,
-  CardRadios,
-  DefaultRadios,
-  GroupLabel,
-  SegmentRadios,
-  testId
-} from "./chunk-CZ5ZL63A.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/form/RadioGroup/RadioGroup.tsx
-import Box from "@mui/material/Box/index.js";
-import FormHelperText from "@mui/material/FormHelperText/index.js";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DEFAULTS = {
-  variant: "default",
-  color: "primary",
-  size: "md",
-  error: false,
-  glassLabel: false,
-  glow: false,
-  glass: false,
-  gradient: false,
-  direction: "column",
-  showDescriptions: true
-};
-var VARIANTS = {
-  cards: CardRadios,
-  buttons: ButtonRadios,
-  segments: SegmentRadios,
-  default: DefaultRadios
-};
-var RadioGroup = forwardRef((props, ref) => {
-  const {
-    variant,
-    color,
-    size,
-    options,
-    label,
-    error,
-    helperText,
-    glassLabel,
-    glow,
-    glass,
-    gradient,
-    direction,
-    showDescriptions,
-    value,
-    onChange,
-    dataTestId,
-    ...rest
-  } = withDefaults(props, DEFAULTS);
-  const handleSelect = (option) => {
-    if (option.disabled || !onChange) return;
-    const event = { target: { value: option.value } };
-    onChange(event, option.value);
-  };
-  const Variant = VARIANTS[variant] ?? DefaultRadios;
-  return /* @__PURE__ */ jsxs(Box, { "data-testid": dataTestId, children: [
-    label && /* @__PURE__ */ jsx(GroupLabel, { glass: glassLabel, error, dataTestId, children: label }),
-    /* @__PURE__ */ jsx(
-      Variant,
-      {
-        options,
-        value,
-        color,
-        size,
-        direction,
-        showDescriptions,
-        glass,
-        gradient,
-        glow,
-        dataTestId,
-        onSelect: handleSelect,
-        groupRef: ref,
-        onChange,
-        rest
-      }
-    ),
-    helperText && /* @__PURE__ */ jsx(
-      FormHelperText,
-      {
-        error,
-        sx: { mt: 1 },
-        "data-testid": testId(dataTestId, "helper-text"),
-        children: helperText
-      }
-    )
-  ] });
-});
-RadioGroup.displayName = "RadioGroup";
-
-export {
-  RadioGroup
-};
-//# sourceMappingURL=chunk-4BEQADWC.js.map