@12-apps/ui 6.19.1 → 6.21.0

package/dist/chunk-4TXIZ5WI.js

@@ -0,0 +1,147 @@
+import {
+  SearchGlyph
+} from "./chunk-DMNZD3Q7.js";
+import {
+  chipSx,
+  chipWrapSx,
+  panelHeadSx,
+  pinnedLabelSx,
+  pinnedSx
+} from "./chunk-TFO6GBW7.js";
+
+// src/components/form/CategorySelect/CategoryPanelHead.tsx
+import Box from "@mui/material/Box/index.js";
+import InputBase from "@mui/material/InputBase/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var searchFieldSx = {
+  position: "relative",
+  display: "flex",
+  alignItems: "center",
+  "& input": {
+    width: "100%",
+    height: 36,
+    padding: "0 30px 0 32px",
+    fontSize: 13,
+    border: "1px solid",
+    borderColor: "divider",
+    borderRadius: "9px",
+    background: "background.paper",
+    color: "text.primary",
+    "&:focus": {
+      outline: "none",
+      borderColor: "primary.main",
+      boxShadow: (theme) => `0 0 0 3px ${theme.palette.primary.main}26`
+    }
+  }
+};
+var clearButtonSx = {
+  position: "absolute",
+  right: 7,
+  width: 20,
+  height: 20,
+  border: 0,
+  background: "action.selected",
+  color: "text.secondary",
+  borderRadius: "50%",
+  display: "grid",
+  placeItems: "center",
+  cursor: "pointer",
+  fontSize: 12,
+  padding: 0,
+  lineHeight: 1
+};
+function CategoryPanelHead({
+  query,
+  placeholder,
+  sheet,
+  quickActions,
+  onQueryChange,
+  searchInputRef,
+  dataTestId,
+  copy
+}) {
+  return /* @__PURE__ */ jsxs(Box, { sx: (theme) => panelHeadSx(theme, sheet), children: [
+    /* @__PURE__ */ jsxs(Box, { sx: searchFieldSx, children: [
+      /* @__PURE__ */ jsx(
+        SearchGlyph,
+        {
+          style: {
+            position: "absolute",
+            left: 10,
+            width: 15,
+            height: 15,
+            opacity: 0.55,
+            pointerEvents: "none"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        InputBase,
+        {
+          inputRef: searchInputRef,
+          value: query,
+          placeholder,
+          autoComplete: "off",
+          inputProps: { "aria-label": placeholder, "data-testid": `${dataTestId}-search` },
+          onChange: (event) => onQueryChange(event.target.value),
+          sx: { width: "100%" }
+        }
+      ),
+      query.length > 0 && /* @__PURE__ */ jsx(
+        Box,
+        {
+          component: "button",
+          type: "button",
+          "aria-label": copy.search.clear,
+          "data-testid": `${dataTestId}-search-clear`,
+          sx: clearButtonSx,
+          onClick: () => onQueryChange(""),
+          children: "\xD7"
+        }
+      )
+    ] }),
+    quickActions && /* @__PURE__ */ jsx(
+      Box,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          gap: "10px",
+          marginTop: "8px",
+          fontSize: 12
+        },
+        children: quickActions
+      }
+    )
+  ] });
+}
+function CategoryPinnedTray({
+  chips,
+  onRemove,
+  dataTestId,
+  copy
+}) {
+  if (chips.length === 0) return null;
+  return /* @__PURE__ */ jsxs(Box, { sx: pinnedSx, "data-testid": `${dataTestId}-pinned`, children: [
+    /* @__PURE__ */ jsx(Box, { sx: pinnedLabelSx, children: copy.search.pinnedLabel(chips.length) }),
+    /* @__PURE__ */ jsx(Box, { sx: chipWrapSx, children: chips.map((chip) => /* @__PURE__ */ jsxs(Box, { component: "span", sx: chipSx, children: [
+      chip.label,
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": copy.search.removeChip(chip.label),
+          "data-testid": `${dataTestId}-unpin-${chip.id}`,
+          onClick: () => onRemove(chip.id),
+          children: "\xD7"
+        }
+      )
+    ] }, chip.id)) })
+  ] });
+}
+
+export {
+  CategoryPanelHead,
+  CategoryPinnedTray
+};
+//# sourceMappingURL=chunk-4TXIZ5WI.js.map

package/dist/chunk-5JEOLUWJ.js

@@ -0,0 +1,25 @@
+// src/components/data-display/Progress/Progress.helpers.ts
+var PROGRESS_DEFAULTS = {
+  variant: "linear",
+  size: "md",
+  color: "primary",
+  glow: false,
+  pulse: false,
+  showLabel: false,
+  segments: 10,
+  thickness: 4,
+  dataTestId: "progress"
+};
+var definedProps = (props) => Object.fromEntries(
+  Object.entries(props).filter(([, value]) => value !== void 0)
+);
+var resolveProgressProps = (props) => ({ ...PROGRESS_DEFAULTS, ...definedProps(props) });
+var progressLabelText = (label, showLabel, displayValue) => label || (showLabel ? `${Math.round(displayValue)}%` : "");
+var progressFraction = (value) => Number.isFinite(value) ? Math.min(100, Math.max(0, value)) : 0;
+
+export {
+  resolveProgressProps,
+  progressLabelText,
+  progressFraction
+};
+//# sourceMappingURL=chunk-5JEOLUWJ.js.map

package/dist/chunk-5JEOLUWJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Progress/Progress.helpers.ts"],"sourcesContent":["import type { ProgressBaseProps } from './Progress.base';\n\ntype ProgressDefaultedKeys =\n  | 'variant'\n  | 'size'\n  | 'color'\n  | 'glow'\n  | 'pulse'\n  | 'showLabel'\n  | 'segments'\n  | 'thickness'\n  | 'dataTestId';\n\n/**\n * Generic over the renderer's own props: the web and the native `Progress`\n * carry different extras (MUI's `LinearProgress` props against a `View`'s), and\n * both come back out untouched.\n */\ntype ResolvedProgressProps<P extends ProgressBaseProps> = P &\n  Required<Pick<ProgressBaseProps, ProgressDefaultedKeys>>;\n\nconst PROGRESS_DEFAULTS: Required<Pick<ProgressBaseProps, ProgressDefaultedKeys>> = {\n  variant: 'linear',\n  size: 'md',\n  color: 'primary',\n  glow: false,\n  pulse: false,\n  showLabel: false,\n  segments: 10,\n  thickness: 4,\n  dataTestId: 'progress',\n};\n\n// Strips explicitly-undefined props before the merge, so `size={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = <P extends ProgressBaseProps>(props: P): Partial<P> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<P>;\n\nexport const resolveProgressProps = <P extends ProgressBaseProps>(\n  props: P,\n): ResolvedProgressProps<P> =>\n  ({ ...PROGRESS_DEFAULTS, ...definedProps(props) }) as ResolvedProgressProps<P>;\n\n/**\n * The label the caller asked for, or the rounded percentage when they only\n * asked for one. Empty when there is nothing to show.\n */\nexport const progressLabelText = (\n  label: string | undefined,\n  showLabel: boolean,\n  displayValue: number,\n): string => label || (showLabel ? `${Math.round(displayValue)}%` : '');\n\n/** How much of the track the bar covers, 0 to 100 — a value outside that is clamped. */\nexport const progressFraction = (value: number): number =>\n  Number.isFinite(value) ? Math.min(100, Math.max(0, value)) : 0;\n"],"mappings":";AAqBA,IAAM,oBAA8E;AAAA,EAClF,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,EACV,WAAW;AAAA,EACX,YAAY;AACd;AAIA,IAAM,eAAe,CAA8B,UACjD,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAEK,IAAM,uBAAuB,CAClC,WAEC,EAAE,GAAG,mBAAmB,GAAG,aAAa,KAAK,EAAE;AAM3C,IAAM,oBAAoB,CAC/B,OACA,WACA,iBACW,UAAU,YAAY,GAAG,KAAK,MAAM,YAAY,CAAC,MAAM;AAG7D,IAAM,mBAAmB,CAAC,UAC/B,OAAO,SAAS,KAAK,IAAI,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,IAAI;","names":[]}

package/dist/chunk-5RQ7N63M.js

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

package/dist/chunk-5ZNU2U4D.js

@@ -0,0 +1,41 @@
+// src/components/form/Checkbox/Checkbox.metrics.ts
+var CHECKBOX_PADDING = 9;
+var CHECKBOX_GLYPH_SIZES = { small: 20, medium: 24, large: 35 };
+var glyphSize = (size) => CHECKBOX_GLYPH_SIZES[size ?? "medium"] ?? CHECKBOX_GLYPH_SIZES.medium;
+var CHECKBOX_GLYPH = {
+  checked: "CheckBox",
+  unchecked: "CheckBoxOutlineBlank",
+  indeterminate: "IndeterminateCheckBox"
+};
+var CHECKBOX_VARIANT = {
+  default: {},
+  rounded: { radius: "50%" },
+  toggle: { radius: 12, scale: 1.2 }
+};
+var CHECKBOX_HOVER_ALPHA = 0.1;
+var CHECKBOX_TRANSITION_MS = 300;
+var CHECKBOX_SPINNER = { size: 20, offset: -10 };
+var CHECKBOX_EFFECT_INK = { r: 25, g: 118, b: 210 };
+var CHECKBOX_GLOW = { blur: { from: 5, to: 20 }, alpha: { from: 0.5, to: 0.8 }, ms: 2e3 };
+var CHECKBOX_PULSE = { spread: 10, alpha: 0.7, ms: 2e3 };
+var effectInk = (alphaValue) => `rgba(${CHECKBOX_EFFECT_INK.r}, ${CHECKBOX_EFFECT_INK.g}, ${CHECKBOX_EFFECT_INK.b}, ${alphaValue})`;
+var CHECKBOX_LABEL = { marginLeft: 0, fontSize: 14 };
+var CHECKBOX_HELPER = { marginLeftUnits: 4, marginTopUnits: 0.5, fontSize: 12, lineHeight: 1.66 };
+
+export {
+  CHECKBOX_PADDING,
+  CHECKBOX_GLYPH_SIZES,
+  glyphSize,
+  CHECKBOX_GLYPH,
+  CHECKBOX_VARIANT,
+  CHECKBOX_HOVER_ALPHA,
+  CHECKBOX_TRANSITION_MS,
+  CHECKBOX_SPINNER,
+  CHECKBOX_EFFECT_INK,
+  CHECKBOX_GLOW,
+  CHECKBOX_PULSE,
+  effectInk,
+  CHECKBOX_LABEL,
+  CHECKBOX_HELPER
+};
+//# sourceMappingURL=chunk-5ZNU2U4D.js.map

package/dist/chunk-5ZNU2U4D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Checkbox/Checkbox.metrics.ts"],"sourcesContent":["import type { CheckboxVariant } from './Checkbox.base';\n\n/**\n * THE NUMBERS BOTH `Checkbox` RENDERERS DRAW WITH.\n *\n * `Checkbox.tsx` (web, emotion over MUI's `Checkbox`) and\n * `Checkbox.native.tsx` (React Native) read this one table. As with the other\n * fields, some of it is what the web writes itself — the two variants' corner\n * treatment, the glow and pulse keyframes, the helper text's inset — and some\n * is what MUI supplies underneath: `SwitchBase`'s 9px padding, `SvgIcon`'s\n * three sizes, and the ink a box is drawn in.\n */\n\n/** MUI's `SwitchBase`: 9px of padding around the glyph, at every size. */\nexport const CHECKBOX_PADDING = 9;\n\n/** `SvgIcon`'s own three steps. MUI passes the `size` prop straight to the glyph. */\nexport const CHECKBOX_GLYPH_SIZES = { small: 20, medium: 24, large: 35 } as const;\nexport type CheckboxSize = keyof typeof CHECKBOX_GLYPH_SIZES;\n\nexport const glyphSize = (size: CheckboxSize | undefined): number =>\n  CHECKBOX_GLYPH_SIZES[size ?? 'medium'] ?? CHECKBOX_GLYPH_SIZES.medium;\n\n/**\n * The three glyphs MUI draws, by state.\n *\n * `@12-apps/ui/icons` generates their paths from the same\n * `@mui/icons-material` package MUI's own `Checkbox` imports them from, so the\n * native box is the web box rather than a hand-drawn square.\n */\nexport const CHECKBOX_GLYPH = {\n  checked: 'CheckBox',\n  unchecked: 'CheckBoxOutlineBlank',\n  indeterminate: 'IndeterminateCheckBox',\n} as const;\n\n/**\n * The corner each variant gives the glyph's box.\n *\n * `rounded` is a circle and `toggle` a 12px radius at 1.2 scale — both applied\n * to the SVG's own box on the web, where they show only through what the box\n * clips. Native gives them the same radius and the same scale.\n */\nexport const CHECKBOX_VARIANT: Record<CheckboxVariant, { radius?: number | string; scale?: number }> = {\n  default: {},\n  rounded: { radius: '50%' },\n  toggle: { radius: 12, scale: 1.2 },\n};\n\n/** The wash a hovered box takes, and the 0.3s every state change runs over. */\nexport const CHECKBOX_HOVER_ALPHA = 0.1;\nexport const CHECKBOX_TRANSITION_MS = 300;\n\n/** `loading`: MUI's 20px `CircularProgress`, centred over the box. */\nexport const CHECKBOX_SPINNER = { size: 20, offset: -10 } as const;\n\n/**\n * `glow` and `pulse` are keyed to MUI's DEFAULT blue rather than the theme's\n * primary — the web writes the rgba out by hand — so both renderers do.\n */\nexport const CHECKBOX_EFFECT_INK = { r: 25, g: 118, b: 210 } as const;\nexport const CHECKBOX_GLOW = { blur: { from: 5, to: 20 }, alpha: { from: 0.5, to: 0.8 }, ms: 2000 } as const;\nexport const CHECKBOX_PULSE = { spread: 10, alpha: 0.7, ms: 2000 } as const;\n\n/** MUI's default blue at an alpha, as the web's keyframes spell it. */\nexport const effectInk = (alphaValue: number): string =>\n  `rgba(${CHECKBOX_EFFECT_INK.r}, ${CHECKBOX_EFFECT_INK.g}, ${CHECKBOX_EFFECT_INK.b}, ${alphaValue})`;\n\n/** `FormControlLabel`: flush left, its label at MUI's `body2` size. */\nexport const CHECKBOX_LABEL = { marginLeft: 0, fontSize: 14 } as const;\n\n/** `FormHelperText`: four spacing units in, half a unit down. */\nexport const CHECKBOX_HELPER = { marginLeftUnits: 4, marginTopUnits: 0.5, fontSize: 12, lineHeight: 1.66 } as const;\n"],"mappings":";AAcO,IAAM,mBAAmB;AAGzB,IAAM,uBAAuB,EAAE,OAAO,IAAI,QAAQ,IAAI,OAAO,GAAG;AAGhE,IAAM,YAAY,CAAC,SACxB,qBAAqB,QAAQ,QAAQ,KAAK,qBAAqB;AAS1D,IAAM,iBAAiB;AAAA,EAC5B,SAAS;AAAA,EACT,WAAW;AAAA,EACX,eAAe;AACjB;AASO,IAAM,mBAA0F;AAAA,EACrG,SAAS,CAAC;AAAA,EACV,SAAS,EAAE,QAAQ,MAAM;AAAA,EACzB,QAAQ,EAAE,QAAQ,IAAI,OAAO,IAAI;AACnC;AAGO,IAAM,uBAAuB;AAC7B,IAAM,yBAAyB;AAG/B,IAAM,mBAAmB,EAAE,MAAM,IAAI,QAAQ,IAAI;AAMjD,IAAM,sBAAsB,EAAE,GAAG,IAAI,GAAG,KAAK,GAAG,IAAI;AACpD,IAAM,gBAAgB,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,GAAG,OAAO,EAAE,MAAM,KAAK,IAAI,IAAI,GAAG,IAAI,IAAK;AAC3F,IAAM,iBAAiB,EAAE,QAAQ,IAAI,OAAO,KAAK,IAAI,IAAK;AAG1D,IAAM,YAAY,CAAC,eACxB,QAAQ,oBAAoB,CAAC,KAAK,oBAAoB,CAAC,KAAK,oBAAoB,CAAC,KAAK,UAAU;AAG3F,IAAM,iBAAiB,EAAE,YAAY,GAAG,UAAU,GAAG;AAGrD,IAAM,kBAAkB,EAAE,iBAAiB,GAAG,gBAAgB,KAAK,UAAU,IAAI,YAAY,KAAK;","names":[]}

package/dist/chunk-5ZOJLYD2.js

@@ -0,0 +1,157 @@
+import {
+  installPromptStyles
+} from "./chunk-GY62N32G.js";
+import {
+  usePwaInstall
+} from "./chunk-5GMHJ7Y5.js";
+
+// src/components/utility/InstallPrompt/InstallPrompt.tsx
+import Close from "@mui/icons-material/Close";
+import InstallMobile from "@mui/icons-material/InstallMobile";
+import IosShare from "@mui/icons-material/IosShare";
+import Box from "@mui/material/Box/index.js";
+import Button from "@mui/material/Button/index.js";
+import IconButton from "@mui/material/IconButton/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { styled } from "@mui/material/styles/index.js";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var StyledInstallPrompt = styled(Box)(({ theme }) => installPromptStyles(theme));
+var testIdFor = (base, suffix) => base ? `${base}-${suffix}` : `install-prompt-${suffix}`;
+var IosInstructions = ({ copy, instructions, dataTestId }) => /* @__PURE__ */ jsx(
+  Typography,
+  {
+    className: "install-prompt-description",
+    variant: "body2",
+    component: "div",
+    "data-testid": testIdFor(dataTestId, "ios-instructions"),
+    sx: { display: "flex", alignItems: "center", gap: 0.5, flexWrap: "wrap" },
+    children: instructions ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+      copy.iosTapBefore,
+      " ",
+      /* @__PURE__ */ jsx(IosShare, { fontSize: "small", "aria-label": copy.shareLabel }),
+      " ",
+      copy.iosTapAfter
+    ] })
+  }
+);
+var InstallPromptBody = ({ copy, icon, title, description, iosInstructions, platform, dataTestId }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(Box, { className: "install-prompt-icon", "aria-hidden": "true", children: icon ?? /* @__PURE__ */ jsx(InstallMobile, {}) }),
+  /* @__PURE__ */ jsxs(Box, { className: "install-prompt-content", children: [
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
+        className: "install-prompt-title",
+        variant: "subtitle2",
+        component: "div",
+        "data-testid": testIdFor(dataTestId, "title"),
+        children: title
+      }
+    ),
+    description && /* @__PURE__ */ jsx(
+      Typography,
+      {
+        className: "install-prompt-description",
+        variant: "body2",
+        component: "div",
+        "data-testid": testIdFor(dataTestId, "description"),
+        children: description
+      }
+    ),
+    platform === "ios" && /* @__PURE__ */ jsx(IosInstructions, { copy, instructions: iosInstructions, dataTestId })
+  ] })
+] });
+var InstallPromptActions = ({ platform, installLabel, dismissLabel, onInstallClick, onDismissClick, dataTestId }) => /* @__PURE__ */ jsxs(Box, { className: "install-prompt-actions", children: [
+  platform === "prompt" && /* @__PURE__ */ jsx(
+    Button,
+    {
+      size: "small",
+      variant: "contained",
+      onClick: onInstallClick,
+      "data-testid": testIdFor(dataTestId, "install"),
+      children: installLabel
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      size: "small",
+      onClick: onDismissClick,
+      "aria-label": dismissLabel,
+      "data-testid": testIdFor(dataTestId, "dismiss"),
+      children: /* @__PURE__ */ jsx(Close, { fontSize: "small" })
+    }
+  )
+] });
+var InstallPrompt = React.forwardRef(
+  ({
+    copy,
+    description,
+    iosInstructions,
+    icon,
+    onInstall,
+    onDismiss,
+    storageKey,
+    dismissForDays,
+    className,
+    "data-testid": dataTestId = "install-prompt",
+    ...props
+  }, ref) => {
+    const { canInstall, platform, promptInstall, dismiss } = usePwaInstall({
+      storageKey,
+      dismissForDays
+    });
+    const handleInstall = React.useCallback(() => {
+      void promptInstall().then((outcome) => onInstall?.(outcome));
+    }, [promptInstall, onInstall]);
+    const handleDismiss = React.useCallback(() => {
+      dismiss();
+      onDismiss?.();
+    }, [dismiss, onDismiss]);
+    if (!canInstall) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs(
+      StyledInstallPrompt,
+      {
+        ref,
+        className,
+        role: "region",
+        "aria-label": copy.title,
+        "data-testid": dataTestId,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            InstallPromptBody,
+            {
+              icon,
+              copy,
+              title: copy.title,
+              description,
+              iosInstructions,
+              platform,
+              dataTestId
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            InstallPromptActions,
+            {
+              platform,
+              installLabel: copy.installLabel,
+              dismissLabel: copy.dismissLabel,
+              onInstallClick: handleInstall,
+              onDismissClick: handleDismiss,
+              dataTestId
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+InstallPrompt.displayName = "InstallPrompt";
+
+export {
+  InstallPrompt
+};
+//# sourceMappingURL=chunk-5ZOJLYD2.js.map

package/dist/chunk-6C5D6O3D.js

@@ -0,0 +1,43 @@
+// src/components/data-display/Badge/Badge.helpers.ts
+var BADGE_DEFAULTS = {
+  variant: "default",
+  size: "md",
+  color: "primary",
+  glow: false,
+  pulse: false,
+  animate: true,
+  shimmer: false,
+  bounce: false,
+  max: 99,
+  showZero: false,
+  position: "top-right",
+  closable: false
+};
+var resolveBadgeProps = (props) => ({
+  ...BADGE_DEFAULTS,
+  ...Object.fromEntries(
+    Object.entries(props).filter(([, value]) => value !== void 0)
+  )
+});
+var badgeContentOf = (props) => {
+  if (props.content !== void 0) return props.content;
+  if (props.badgeContent !== void 0) return props.badgeContent;
+  return null;
+};
+var formatCount = (count, { max, showZero }) => {
+  if (typeof count !== "number") return count;
+  if (count === 0 && !showZero) return null;
+  if (count > max) return `${max}+`;
+  return count;
+};
+var definedAria = (aria) => Object.fromEntries(Object.entries(aria).filter(([, value]) => value !== void 0));
+var makeBadgeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `badge-${suffix}`;
+
+export {
+  resolveBadgeProps,
+  badgeContentOf,
+  formatCount,
+  definedAria,
+  makeBadgeTestId
+};
+//# sourceMappingURL=chunk-6C5D6O3D.js.map

package/dist/chunk-6C5D6O3D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Badge/Badge.helpers.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { BadgeBaseProps } from './Badge.base';\n\ntype BadgeDefaultedKeys =\n  | 'variant'\n  | 'size'\n  | 'color'\n  | 'glow'\n  | 'pulse'\n  | 'animate'\n  | 'shimmer'\n  | 'bounce'\n  | 'max'\n  | 'showZero'\n  | 'position'\n  | 'closable';\n\n/**\n * Generic over the renderer's own props: the web and the native `Badge` carry\n * different extras, and both come back out untouched.\n */\nexport type ResolvedBadgeProps<P extends BadgeBaseProps = BadgeBaseProps> = P &\n  Required<Pick<BadgeBaseProps, BadgeDefaultedKeys>>;\n\nconst BADGE_DEFAULTS: Required<Pick<BadgeBaseProps, BadgeDefaultedKeys>> = {\n  variant: 'default',\n  size: 'md',\n  color: 'primary',\n  glow: false,\n  pulse: false,\n  animate: true,\n  shimmer: false,\n  bounce: false,\n  max: 99,\n  showZero: false,\n  position: 'top-right',\n  closable: false,\n};\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would. Applied as\n// a merge rather than destructuring defaults, which would otherwise put twelve\n// branches into the component's own complexity budget.\nexport const resolveBadgeProps = <P extends BadgeBaseProps>(props: P): ResolvedBadgeProps<P> =>\n  ({\n    ...BADGE_DEFAULTS,\n    ...(Object.fromEntries(\n      Object.entries(props).filter(([, value]) => value !== undefined),\n    ) as Partial<P>),\n  }) as ResolvedBadgeProps<P>;\n\n// `content` supersedes the older `badgeContent` prop.\nexport const badgeContentOf = (props: Pick<BadgeBaseProps, 'content' | 'badgeContent'>): ReactNode => {\n  if (props.content !== undefined) return props.content;\n  if (props.badgeContent !== undefined) return props.badgeContent;\n  return null;\n};\n\n// Counts cap at `max` and, unless showZero is set, a zero renders nothing.\nexport const formatCount = (\n  count: ReactNode,\n  { max, showZero }: { max: number; showZero: boolean },\n): ReactNode => {\n  if (typeof count !== 'number') return count;\n  if (count === 0 && !showZero) return null;\n  if (count > max) return `${max}+`;\n  return count;\n};\n\n// MUI spreads these straight onto the badge span, where an explicit undefined\n// would render as an empty attribute.\nexport const definedAria = (\n  aria: Record<string, string | boolean | undefined>,\n): Record<string, string | boolean> =>\n  Object.fromEntries(Object.entries(aria).filter(([, value]) => value !== undefined)) as Record<\n    string,\n    string | boolean\n  >;\n\n/** `${dataTestId}-content`, or `badge-content` when the caller named nothing. */\nexport const makeBadgeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `badge-${suffix}`;\n"],"mappings":";AAyBA,IAAM,iBAAqE;AAAA,EACzE,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AACZ;AAMO,IAAM,oBAAoB,CAA2B,WACzD;AAAA,EACC,GAAG;AAAA,EACH,GAAI,OAAO;AAAA,IACT,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AAAA,EACjE;AACF;AAGK,IAAM,iBAAiB,CAAC,UAAuE;AACpG,MAAI,MAAM,YAAY,OAAW,QAAO,MAAM;AAC9C,MAAI,MAAM,iBAAiB,OAAW,QAAO,MAAM;AACnD,SAAO;AACT;AAGO,IAAM,cAAc,CACzB,OACA,EAAE,KAAK,SAAS,MACF;AACd,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,MAAI,UAAU,KAAK,CAAC,SAAU,QAAO;AACrC,MAAI,QAAQ,IAAK,QAAO,GAAG,GAAG;AAC9B,SAAO;AACT;AAIO,IAAM,cAAc,CACzB,SAEA,OAAO,YAAY,OAAO,QAAQ,IAAI,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS,CAAC;AAM7E,IAAM,kBACX,CAAC,eACD,CAAC,WACC,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,SAAS,MAAM;","names":[]}

package/dist/chunk-6F5IKY32.js

@@ -0,0 +1,22 @@
+// src/platform/test-id.ts
+function resolveTestId(props, fallback) {
+  return props.testID ?? props.dataTestId ?? props["data-testid"] ?? fallback;
+}
+function splitTestId(props, fallback) {
+  return { testId: resolveTestId(props, fallback), rest: withoutTestIdProps(props) };
+}
+function childTestId(props, suffix, fallback) {
+  return `${resolveTestId(props, fallback) ?? fallback}-${suffix}`;
+}
+function withoutTestIdProps(props) {
+  const { testID: _testID, dataTestId: _dataTestId, "data-testid": _dataTestid, ...rest } = props;
+  return rest;
+}
+
+export {
+  resolveTestId,
+  splitTestId,
+  childTestId,
+  withoutTestIdProps
+};
+//# sourceMappingURL=chunk-6F5IKY32.js.map

package/dist/chunk-6F5IKY32.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/platform/test-id.ts"],"sourcesContent":["/**\n * One test id, three spellings.\n *\n * The web components take `dataTestId` and forward it as `data-testid`; the\n * existing test stories pass `'data-testid'` straight through as an unknown\n * prop; React Native calls the same thing `testID`, and react-native-web turns\n * THAT back into `data-testid`. A native component that honoured only one of\n * the three would pass its own unit tests and fail the shared stories.\n */\nexport interface TestIdProps {\n  testID?: string;\n  dataTestId?: string;\n  'data-testid'?: string;\n}\n\n/** The id the caller asked for under any of the three names, else `fallback`. */\nexport function resolveTestId(props: TestIdProps, fallback?: string): string | undefined {\n  return props.testID ?? props.dataTestId ?? props['data-testid'] ?? fallback;\n}\n\n/**\n * The id under whichever of the three spellings the caller used, together with\n * the props stripped of all three — so a web component can put `data-testid`\n * where the DOM wants it without React seeing `testID` or `dataTestId` and\n * warning that it does not recognise them.\n */\nexport function splitTestId<T extends TestIdProps>(\n  props: T,\n  fallback?: string,\n): { testId: string | undefined; rest: Omit<T, keyof TestIdProps> } {\n  return { testId: resolveTestId(props, fallback), rest: withoutTestIdProps(props) };\n}\n\n/** `${id}-${suffix}` for a sub-element, or `${fallback}-${suffix}` when unnamed. */\nexport function childTestId(\n  props: TestIdProps,\n  suffix: string,\n  fallback: string,\n): string {\n  return `${resolveTestId(props, fallback) ?? fallback}-${suffix}`;\n}\n\n/** `props` without any of the three spellings, for spreading onto a native element. */\nexport function withoutTestIdProps<P extends TestIdProps>(props: P): Omit<P, keyof TestIdProps> {\n  const { testID: _testID, dataTestId: _dataTestId, 'data-testid': _dataTestid, ...rest } = props;\n  return rest;\n}\n"],"mappings":";AAgBO,SAAS,cAAc,OAAoB,UAAuC;AACvF,SAAO,MAAM,UAAU,MAAM,cAAc,MAAM,aAAa,KAAK;AACrE;AAQO,SAAS,YACd,OACA,UACkE;AAClE,SAAO,EAAE,QAAQ,cAAc,OAAO,QAAQ,GAAG,MAAM,mBAAmB,KAAK,EAAE;AACnF;AAGO,SAAS,YACd,OACA,QACA,UACQ;AACR,SAAO,GAAG,cAAc,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM;AAChE;AAGO,SAAS,mBAA0C,OAAsC;AAC9F,QAAM,EAAE,QAAQ,SAAS,YAAY,aAAa,eAAe,aAAa,GAAG,KAAK,IAAI;AAC1F,SAAO;AACT;","names":[]}