@12-apps/ui 6.36.0 → 6.38.0

package/dist/{chunk-D2HKCPEH.js → chunk-6LOGBWLG.js}

@@ -1,14 +1,18 @@
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
 // src/components/form/Slider/Slider.animations.ts
 import { keyframes } from "@mui/material/styles/index.js";
-var glowAnimation = keyframes`
+var glowAnimation = (theme) => keyframes`
   0% {
-    box-shadow: 0 0 5px currentColor;
+    box-shadow: 0 0 ${rem(theme, 5)} currentColor;
   }
   50% {
-    box-shadow: 0 0 15px currentColor, 0 0 25px currentColor;
+    box-shadow: 0 0 ${rem(theme, 15)} currentColor, 0 0 ${rem(theme, 25)} currentColor;
   }
   100% {
-    box-shadow: 0 0 5px currentColor;
+    box-shadow: 0 0 ${rem(theme, 5)} currentColor;
   }
 `;
 var pulseAnimation = keyframes`
@@ -42,4 +46,4 @@ export {
   pulseAnimation,
   gradientShiftAnimation
 };
-//# sourceMappingURL=chunk-D2HKCPEH.js.map
+//# sourceMappingURL=chunk-6LOGBWLG.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Slider/Slider.animations.ts"],"sourcesContent":["import { keyframes } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\n\nimport { rem } from '../../../tokens/relative';\n\nexport const glowAnimation = (theme: Theme) => keyframes`\n  0% {\n    box-shadow: 0 0 ${rem(theme, 5)} currentColor;\n  }\n  50% {\n    box-shadow: 0 0 ${rem(theme, 15)} currentColor, 0 0 ${rem(theme, 25)} currentColor;\n  }\n  100% {\n    box-shadow: 0 0 ${rem(theme, 5)} currentColor;\n  }\n`;\n\nexport const pulseAnimation = keyframes`\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(1.5);\n    opacity: 0.5;\n  }\n  100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n`;\n\nexport const gradientShiftAnimation = keyframes`\n  0% {\n    background-position: 0% 50%;\n  }\n  50% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n`;\n"],"mappings":";;;;;AAAA,SAAS,iBAAiB;AAKnB,IAAM,gBAAgB,CAAC,UAAiB;AAAA;AAAA,sBAEzB,IAAI,OAAO,CAAC,CAAC;AAAA;AAAA;AAAA,sBAGb,IAAI,OAAO,EAAE,CAAC,sBAAsB,IAAI,OAAO,EAAE,CAAC;AAAA;AAAA;AAAA,sBAGlD,IAAI,OAAO,CAAC,CAAC;AAAA;AAAA;AAI5B,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAevB,IAAM,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/{chunk-RKI3MRKX.js → chunk-6N4AA2Y7.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-KH25WUSX.js";
+} from "./chunk-2EAAWOZ2.js";
 import {
   Text
-} from "./chunk-WTOYEWW6.js";
+} from "./chunk-YBH4SPMM.js";
 import {
   rem,
   sxRem
@@ -176,4 +176,4 @@ function DataViewsExportMenu({
 export {
   DataViewsExportMenu
 };
-//# sourceMappingURL=chunk-RKI3MRKX.js.map
+//# sourceMappingURL=chunk-6N4AA2Y7.js.map

package/dist/{chunk-EFHIMCJN.js → chunk-6P2OFMBX.js}

@@ -2,6 +2,8 @@ import {
   shadowInk
 } from "./chunk-FQ6UW7IY.js";
 import {
+  rem,
+  rems,
   sxRem
 } from "./chunk-YKCAJ2TN.js";
 
@@ -19,7 +21,7 @@ import IconButton from "@mui/material/IconButton/index.js";
 import Typography from "@mui/material/Typography/index.js";
 import { alpha, useTheme } from "@mui/material/styles/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-var renderToastIcon = (icon, type) => {
+var renderToastIcon = (theme, icon, type) => {
   if (icon) return icon;
   switch (type) {
     case "success":
@@ -31,7 +33,7 @@ var renderToastIcon = (icon, type) => {
     case "info":
       return /* @__PURE__ */ jsx(InfoIcon, { sx: { fontSize: sxRem(20), color: "info.main" } });
     case "loading":
-      return /* @__PURE__ */ jsx(CircularProgress, { size: 16 });
+      return /* @__PURE__ */ jsx(CircularProgress, { size: rem(theme, 16) });
     default:
       return null;
   }
@@ -60,9 +62,9 @@ var buildToastStyles = (theme, variant, visible) => {
       return {
         ...baseStyles,
         backgroundColor: alpha(theme.palette.background.paper, 0.1),
-        backdropFilter: "blur(20px)",
+        backdropFilter: `blur(${rem(theme, 20)})`,
         border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,
-        boxShadow: `0 8px 32px ${shadowInk(theme, 0.1)}`
+        boxShadow: `${rems(theme, 0, 8, 32)} ${shadowInk(theme, 0.1)}`
       };
     case "minimal":
       return {
@@ -70,7 +72,7 @@ var buildToastStyles = (theme, variant, visible) => {
         backgroundColor: theme.palette.background.default,
         border: "none",
         boxShadow: "none",
-        borderLeft: `4px solid ${theme.palette.primary.main}`,
+        borderLeft: `${rem(theme, 4)} solid ${theme.palette.primary.main}`,
         borderRadius: 0
       };
     default:
@@ -136,14 +138,14 @@ var SonnerToast = ({
         ...buildToastStyles(theme, variant, visible),
         p: 2,
         mb: 1,
-        minWidth: 356,
-        maxWidth: 400,
+        minWidth: sxRem(356),
+        maxWidth: sxRem(400),
         display: "flex",
         alignItems: "flex-start",
         gap: 1.5
       },
       children: [
-        renderToastIcon(icon, type),
+        renderToastIcon(theme, icon, type),
         /* @__PURE__ */ jsx(
           ToastContent,
           {
@@ -178,4 +180,4 @@ var SonnerToast = ({
 export {
   SonnerToast
 };
-//# sourceMappingURL=chunk-EFHIMCJN.js.map
+//# sourceMappingURL=chunk-6P2OFMBX.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Sonner/SonnerToast.tsx"],"sourcesContent":["import SuccessIcon from '@mui/icons-material/CheckCircle';\nimport CloseIcon from '@mui/icons-material/Close';\nimport ErrorIcon from '@mui/icons-material/Error';\nimport InfoIcon from '@mui/icons-material/Info';\nimport WarningIcon from '@mui/icons-material/Warning';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport Collapse from '@mui/material/Collapse/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, useTheme } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { shadowInk } from '../../../tokens/ink';\nimport { rem, rems, sxRem } from '../../../tokens/relative';\n\nimport type { SonnerItem } from './Sonner.types';\nimport type { SonnerProps } from './Sonner.types';\n\nconst renderToastIcon = (theme: Theme, icon: SonnerProps['icon'], type: SonnerProps['type']) => {\n  if (icon) return icon;\n\n  switch (type) {\n    case 'success':\n      return <SuccessIcon sx={{ fontSize: sxRem(20), color: 'success.main' }} />;\n    case 'error':\n      return <ErrorIcon sx={{ fontSize: sxRem(20), color: 'error.main' }} />;\n    case 'warning':\n      return <WarningIcon sx={{ fontSize: sxRem(20), color: 'warning.main' }} />;\n    case 'info':\n      return <InfoIcon sx={{ fontSize: sxRem(20), color: 'info.main' }} />;\n    case 'loading':\n      return <CircularProgress size={rem(theme, 16)} />;\n    default:\n      return null;\n  }\n};\n\n// Errors and toasts flagged important interrupt the screen reader; the rest wait\n// for the next pause. Computed once instead of duplicating the same condition\n// across the role and aria-live attributes.\nconst resolveToastAnnouncement = (important: boolean, type: SonnerProps['type']) => {\n  const interrupts = important || type === 'error';\n\n  return {\n    role: interrupts ? 'alert' : 'status',\n    live: (interrupts ? 'assertive' : 'polite') as 'assertive' | 'polite',\n  };\n};\n\nconst buildToastStyles = (\n  theme: Theme,\n  variant: SonnerProps['variant'],\n  visible: boolean,\n): CSSObject => {\n  const baseStyles: CSSObject = {\n    borderRadius: theme.spacing(1.5),\n    border: `1px solid ${theme.palette.divider}`,\n    backgroundColor: theme.palette.background.paper,\n    boxShadow: theme.shadows[4],\n    transition: theme.transitions.create(['all', 'transform', 'opacity'], {\n      duration: theme.transitions.duration.short,\n    }),\n    transform: visible ? 'scale(1)' : 'scale(0.95)',\n    opacity: visible ? 1 : 0,\n  };\n\n  switch (variant) {\n    case 'glass':\n      return {\n        ...baseStyles,\n        backgroundColor: alpha(theme.palette.background.paper, 0.1),\n        backdropFilter: `blur(${rem(theme, 20)})`,\n        border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,\n        boxShadow: `${rems(theme, 0, 8, 32)} ${shadowInk(theme, 0.1)}`,\n      };\n\n    case 'minimal':\n      return {\n        ...baseStyles,\n        backgroundColor: theme.palette.background.default,\n        border: 'none',\n        boxShadow: 'none',\n        borderLeft: `${rem(theme, 4)} solid ${theme.palette.primary.main}`,\n        borderRadius: 0,\n      };\n\n    default:\n      return baseStyles;\n  }\n};\n\n// Title, description and the optional action row. Split out so the toast shell\n// keeps only its own concerns — announcement, styling and dismissal.\nconst ToastContent: React.FC<{\n  title?: SonnerProps['title'];\n  description?: SonnerProps['description'];\n  important: boolean;\n  action?: SonnerProps['action'];\n  cancel?: SonnerProps['cancel'];\n}> = ({ title, description, important, action, cancel }) => (\n  <Box sx={{ flex: 1, minWidth: 0 }}>\n    {title && (\n      <Typography\n        variant=\"body2\"\n        sx={{\n          fontWeight: important ? 600 : 500,\n          color: 'text.primary',\n          mb: description ? 0.5 : 0,\n        }}\n      >\n        {title}\n      </Typography>\n    )}\n\n    {description && (\n      <Typography variant=\"body2\" sx={{ color: 'text.secondary', fontSize: sxRem(14) }}>\n        {description}\n      </Typography>\n    )}\n\n    {(action || cancel) && (\n      <Box sx={{ display: 'flex', gap: 1, mt: 1.5 }}>\n        {action && (\n          <ToastActionButton action={action} buttonVariant=\"contained\" />\n        )}\n        {cancel && <ToastActionButton action={cancel} buttonVariant=\"outlined\" />}\n      </Box>\n    )}\n  </Box>\n);\n\nconst ToastActionButton: React.FC<{\n  action: NonNullable<SonnerProps['action']>;\n  buttonVariant: 'contained' | 'outlined';\n}> = ({ action, buttonVariant }) => (\n  <Button\n    size=\"small\"\n    onClick={action.onClick}\n    variant={buttonVariant}\n    sx={{ fontSize: sxRem(12), py: 0.5, px: 1.5 }}\n  >\n    {action.label}\n  </Button>\n);\n\nexport const SonnerToast: React.FC<SonnerItem & { onDismiss: (id: string) => void }> = ({\n  id,\n  title,\n  description,\n  type = 'default',\n  variant = 'default',\n  closable = true,\n  dismissLabel,\n  action,\n  cancel,\n  icon,\n  important = false,\n  visible,\n  onDismiss,\n}) => {\n  const theme = useTheme();\n  const announcement = resolveToastAnnouncement(important, type);\n\n  const handleDismiss = () => {\n    onDismiss(id);\n  };\n\n  return (\n    <Collapse in={visible} timeout={200}>\n      <Box\n        role={announcement.role}\n        aria-live={announcement.live}\n        aria-atomic=\"true\"\n        sx={{\n          ...buildToastStyles(theme, variant, visible),\n          p: 2,\n          mb: 1,\n          minWidth: sxRem(356),\n          maxWidth: sxRem(400),\n          display: 'flex',\n          alignItems: 'flex-start',\n          gap: 1.5,\n        }}\n      >\n        {renderToastIcon(theme, icon, type)}\n\n        <ToastContent\n          title={title}\n          description={description}\n          important={important}\n          action={action}\n          cancel={cancel}\n        />\n\n        {closable && (\n          <IconButton\n            size=\"small\"\n            onClick={handleDismiss}\n            aria-label={dismissLabel}\n            sx={{\n              ml: 'auto',\n              color: 'text.secondary',\n              '&:hover': {\n                backgroundColor: 'action.hover',\n              },\n            }}\n          >\n            <CloseIcon fontSize=\"small\" />\n          </IconButton>\n        )}\n      </Box>\n    </Collapse>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-TOXTJ7MU.js → chunk-6RLCBNDV.js}

@@ -1,7 +1,7 @@
 import {
   CategorySectionHeading,
   CategoryTreeRow
-} from "./chunk-XWWFBH2G.js";
+} from "./chunk-ZXSWXE6U.js";
 import {
   categoryCheckState,
   isLeafCategory,
@@ -11,7 +11,10 @@ import {
   emptySx,
   listSx,
   skeletonSx
-} from "./chunk-BXAL7OIS.js";
+} from "./chunk-JC22FNFA.js";
+import {
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
 
 // src/components/form/CategorySelect/CategoryPanelList.tsx
 import Box from "@mui/material/Box/index.js";
@@ -44,7 +47,7 @@ function NoResults({
   return /* @__PURE__ */ jsxs(Box, { sx: emptySx, "data-testid": `${dataTestId}-no-results`, children: [
     /* @__PURE__ */ jsx("strong", { children: copy.noResults.title(query) }),
     /* @__PURE__ */ jsx("p", { children: copy.noResults.hint }),
-    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: "6px", justifyContent: "center" }, children: [
+    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: sxRem(6), justifyContent: "center" }, children: [
       /* @__PURE__ */ jsx(Button, { variant: "outlined", size: "small", sx: SENTENCE_CASE, onClick: onClearQuery, children: copy.noResults.clearSearch }),
       onCreateCategory && /* @__PURE__ */ jsx(
         Button,
@@ -132,7 +135,7 @@ function CategoryPanelList(props) {
       "aria-multiselectable": props.single ? void 0 : true,
       tabIndex: -1,
       "data-testid": `${dataTestId}-list`,
-      sx: listSx(sheet),
+      sx: (theme) => listSx(theme, sheet),
       children: body()
     }
   );
@@ -141,4 +144,4 @@ function CategoryPanelList(props) {
 export {
   CategoryPanelList
 };
-//# sourceMappingURL=chunk-TOXTJ7MU.js.map
+//# sourceMappingURL=chunk-6RLCBNDV.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CategorySelect/CategoryPanelList.tsx"],"sourcesContent":["'use client';\n\nimport type { CategorySelectCopy } from \"../../../copy\";\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Skeleton from '@mui/material/Skeleton/index.js';\n\nimport { categoryCheckState, isLeafCategory, leavesOf } from './category-tree';\nimport { CategorySectionHeading, CategoryTreeRow } from './CategoryRows';\nimport { emptySx, listSx, skeletonSx } from './CategorySelect.styles';\nimport type { CategoryGroup } from './CategorySelect.types';\nimport { sxRem } from '../../../tokens/relative';\n\n/** The design sets these labels in sentence case, not MUI's default caps. */\nconst SENTENCE_CASE = { textTransform: 'none' } as const;\n\n/** How many skeleton rows stand in for the catalogue while it loads. */\nconst SKELETON_ROWS = 6;\n\ninterface PanelListProps {\n  /** The words this panel renders. REQUIRED — no default copy. */\n  copy: CategorySelectCopy;\n  groups: CategoryGroup[];\n  query: string;\n  draft: ReadonlySet<string>;\n  rowIds: string[];\n  activeIndex: number;\n  sheet: boolean;\n  single: boolean;\n  loading: boolean;\n  showCounts: boolean;\n  allowParentSelection: boolean;\n  /**\n   * True when the tree has a level BELOW the subcategories. It turns the\n   * section-heading treatment off — see {@link CategoryNodeRows}. Derived from\n   * the options the panel state already holds, never a caller's decision.\n   */\n  deepTree: boolean;\n  isExpanded: (categoryId: string) => boolean;\n  onToggleExpanded: (categoryId: string) => void;\n  onActivateCategory: (group: CategoryGroup) => void;\n  onActivateSubcategory: (id: string) => void;\n  onClearQuery: () => void;\n  onCreateCategory?: (name?: string) => void;\n  listRef: React.RefObject<HTMLDivElement | null>;\n  dataTestId: string;\n}\n\nfunction LoadingRows(): React.JSX.Element {\n  return (\n    <>\n      {Array.from({ length: SKELETON_ROWS }, (_unused, index) => (\n        <Skeleton key={index} variant=\"rounded\" sx={skeletonSx} />\n      ))}\n    </>\n  );\n}\n\n/** No categories exist at all — an onboarding moment, not an error. */\nfunction EmptyCatalogue({\n  onCreateCategory,\n  dataTestId,\n  copy,\n}: {\n  onCreateCategory?: (name?: string) => void;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}): React.JSX.Element {\n  return (\n    <Box sx={emptySx} data-testid={`${dataTestId}-empty-catalogue`}>\n      <strong>{copy.emptyTitle}</strong>\n      <p>{copy.purpose}</p>\n      {onCreateCategory && (\n        <Button variant=\"contained\" size=\"small\" sx={SENTENCE_CASE} onClick={() => onCreateCategory()}>\n          {copy.createCategory}\n        </Button>\n      )}\n    </Box>\n  );\n}\n\n/** The search found nothing — offer creation, or the way back. */\nfunction NoResults({\n  query,\n  onClearQuery,\n  onCreateCategory,\n  dataTestId,\n  copy,\n}: {\n  query: string;\n  onClearQuery: () => void;\n  onCreateCategory?: (name?: string) => void;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}): React.JSX.Element {\n  return (\n    <Box sx={emptySx} data-testid={`${dataTestId}-no-results`}>\n      <strong>{copy.noResults.title(query)}</strong>\n      <p>{copy.noResults.hint}</p>\n      <Box sx={{ display: 'flex', gap: sxRem(6), justifyContent: 'center' }}>\n        <Button variant=\"outlined\" size=\"small\" sx={SENTENCE_CASE} onClick={onClearQuery}>\n          {copy.noResults.clearSearch}\n        </Button>\n        {onCreateCategory && (\n          <Button\n            variant=\"contained\"\n            size=\"small\"\n            sx={SENTENCE_CASE}\n            data-testid={`${dataTestId}-create`}\n            onClick={() => onCreateCategory(query.trim())}\n          >\n            {copy.noResults.create(query.trim())}\n          </Button>\n        )}\n      </Box>\n    </Box>\n  );\n}\n\n/**\n * One node: its heading or its row, then whichever children are visible.\n *\n * The SECTION-HEADING treatment — an inert uppercase label with its children\n * always on show — belongs to a two-level tree and only there. It is what makes\n * the \"mover para…\" picker read as \"category, then the subcategory you pick\",\n * and it works because a two-level category has nothing to fold TO: everything\n * under it is already the thing you came for. A third level breaks both halves\n * at once — the heading has no chevron, so the panel opens onto every item in\n * the catalogue, which is the flat list this component exists to replace. So a\n * deep tree drops the treatment and every frame becomes a foldable row instead.\n */\nfunction CategoryNodeRows({\n  node,\n  depth,\n  props,\n}: {\n  node: CategoryGroup;\n  depth: number;\n  props: PanelListProps;\n}): React.JSX.Element {\n  const { draft, query, single, allowParentSelection, rowIds, activeIndex, sheet } = props;\n  const categoryId = node.category.id;\n  const leaf = isLeafCategory(node);\n  const expanded = props.isExpanded(categoryId);\n  // A childless category is the leaf, so it is selectable whatever the mode says\n  // — the heading reading has no subcategory to point at, and would leave the\n  // row inert.\n  const selectable = allowParentSelection || leaf;\n  const asHeading = single && !selectable && !props.deepTree;\n  const selectedCount = leaf ? 0 : leavesOf(node).filter((id) => draft.has(id)).length;\n\n  return (\n    <>\n      {asHeading ? (\n        <CategorySectionHeading option={node.category} query={query} />\n      ) : (\n        <CategoryTreeRow\n          option={node.category}\n          query={query}\n          depth={depth}\n          branch={!leaf}\n          expanded={expanded}\n          active={rowIds[activeIndex] === categoryId}\n          sheet={sheet}\n          {...(selectable ? { checkState: categoryCheckState(node, draft) } : {})}\n          single={single}\n          selectedCount={selectedCount}\n          showCounts={props.showCounts}\n          onToggleExpanded={() => props.onToggleExpanded(categoryId)}\n          onActivate={() =>\n            leaf ? props.onActivateSubcategory(categoryId) : props.onActivateCategory(node)\n          }\n          dataTestId={props.dataTestId}\n          copy={props.copy}\n        />\n      )}\n      {(expanded || asHeading) &&\n        node.subcategories.map((sub) => (\n          <CategoryNodeRows key={sub.category.id} node={sub} depth={depth + 1} props={props} />\n        ))}\n    </>\n  );\n}\n\n/** The scrolling body of the panel, including its three non-list states. */\nexport function CategoryPanelList(props: PanelListProps): React.JSX.Element {\n  const { groups, loading, query, listRef, sheet, dataTestId, copy } = props;\n\n  const body = (): React.JSX.Element => {\n    if (loading) return <LoadingRows />;\n    if (groups.length === 0 && query.trim().length > 0) {\n      return (\n        <NoResults copy={copy}\n          query={query}\n          onClearQuery={props.onClearQuery}\n          onCreateCategory={props.onCreateCategory}\n          dataTestId={dataTestId}\n        />\n      );\n    }\n    if (groups.length === 0) {\n      return (\n        <EmptyCatalogue copy={copy}\n          onCreateCategory={props.onCreateCategory}\n          dataTestId={dataTestId}\n        />\n      );\n    }\n    return (\n      <>\n        {groups.map((group) => (\n          <CategoryNodeRows key={group.category.id} node={group} depth={0} props={props} />\n        ))}\n      </>\n    );\n  };\n\n  return (\n    <Box\n      ref={listRef}\n      role=\"listbox\"\n      aria-multiselectable={props.single ? undefined : true}\n      tabIndex={-1}\n      data-testid={`${dataTestId}-list`}\n      sx={(theme) => listSx(theme, sheet)}\n    >\n      {body()}\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-GUW5BUK7.js → chunk-6WBKOM5K.js}

@@ -8,9 +8,13 @@ import {
 import {
   resolveTestId
 } from "./chunk-TYJR4GOF.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
 
 // src/components/layout/Box/Box.tsx
 import MuiBox from "@mui/material/Box/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 var PX_KEYS = /* @__PURE__ */ new Set([
@@ -24,23 +28,27 @@ var PX_KEYS = /* @__PURE__ */ new Set([
   "marginLeft",
   "gap",
   "borderRadius",
-  "borderWidth",
-  "width",
-  "height"
+  "borderWidth"
 ]);
-function layoutToSx(layout) {
+var DESIGN_PX_KEYS = /* @__PURE__ */ new Set(["width", "height"]);
+function lengthOf(theme, key, value) {
+  if (DESIGN_PX_KEYS.has(key)) return rem(theme, value);
+  return PX_KEYS.has(key) ? `${value}px` : value;
+}
+function layoutToSx(layout, theme) {
   return Object.fromEntries(
     Object.entries(layout).map(([key, value]) => [
       key,
-      typeof value === "number" && PX_KEYS.has(key) ? `${value}px` : value
+      typeof value === "number" ? lengthOf(theme, key, value) : value
     ])
   );
 }
 var Box = React.forwardRef(
   ({ children, sx, ...props }, ref) => {
     const theme = useUiTheme();
+    const muiTheme = useTheme();
     const { layout, rest } = splitBoxProps(props);
-    const resolved = layoutToSx(resolveBoxLayout(layout, theme));
+    const resolved = layoutToSx(resolveBoxLayout(layout, theme), muiTheme);
     const testId = resolveTestId(layout);
     const merged = [
       resolved,
@@ -55,4 +63,4 @@ export {
   layoutToSx,
   Box
 };
-//# sourceMappingURL=chunk-GUW5BUK7.js.map
+//# sourceMappingURL=chunk-6WBKOM5K.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Box/Box.tsx"],"sourcesContent":["import MuiBox from '@mui/material/Box/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport * as React from 'react';\n\nimport { resolveBoxLayout, splitBoxProps, type BoxLayout } from './box-layout';\nimport type { BoxProps } from './Box.types';\nimport { resolveTestId } from '../../../platform/test-id';\nimport { useUiTheme } from '../../../provider/use-ui-theme';\nimport { rem } from '../../../tokens/relative';\n\n/**\n * `sx` is not CSS: it reads a bare number on `padding`, `margin` or `gap` as\n * SPACING UNITS, on `borderRadius` as a multiple of `shape.borderRadius`, and a\n * `width` of `1` or less as a fraction. The resolver's numbers are already px,\n * so every one of them is written as a length string — otherwise a `p={2}` box\n * renders 128px of padding on the web and 16dp on native, which is the one\n * thing this component exists to rule out.\n *\n * Spacing, radius and the border are already the host theme's own px (read\n * through `uiThemeFromMui`), so they stay px: through `rem` they would scale\n * twice. `width`/`height` are the caller's design px, so they go through `rem`.\n */\nconst PX_KEYS = new Set<keyof BoxLayout>([\n  'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft',\n  'marginTop', 'marginRight', 'marginBottom', 'marginLeft',\n  'gap', 'borderRadius', 'borderWidth',\n]);\nconst DESIGN_PX_KEYS = new Set<keyof BoxLayout>(['width', 'height']);\n\nfunction lengthOf(theme: Theme, key: keyof BoxLayout, value: number): string | number {\n  if (DESIGN_PX_KEYS.has(key)) return rem(theme, value);\n  return PX_KEYS.has(key) ? `${value}px` : value;\n}\n\nexport function layoutToSx(layout: BoxLayout, theme: Theme): Record<string, string | number> {\n  return Object.fromEntries(\n    Object.entries(layout).map(([key, value]) => [\n      key,\n      typeof value === 'number' ? lengthOf(theme, key as keyof BoxLayout, value) : value,\n    ]),\n  );\n}\n\n/**\n * The web `Box`: MUI's, with the neutral layout props resolved into `sx` ahead\n * of whatever `sx` the caller adds — so the caller's escape hatch still wins.\n */\nexport const Box = React.forwardRef<HTMLDivElement, BoxProps>(\n  ({ children, sx, ...props }, ref) => {\n    const theme = useUiTheme();\n    const muiTheme = useTheme();\n    const { layout, rest } = splitBoxProps(props);\n    const resolved = layoutToSx(resolveBoxLayout(layout, theme), muiTheme) as SxProps<Theme>;\n    const testId = resolveTestId(layout);\n    const merged: SxProps<Theme> = [\n      resolved,\n      ...(Array.isArray(sx) ? sx : sx === undefined ? [] : [sx]),\n    ] as SxProps<Theme>;\n\n    return (\n      <MuiBox ref={ref} sx={merged} data-testid={testId} {...rest}>\n        {children}\n      </MuiBox>\n    );\n  },\n);\n\nBox.displayName = 'Box';\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,YAAY;AACnB,SAAS,gBAAgB;AAEzB,YAAY,WAAW;AA0DjB;AAtCN,IAAM,UAAU,oBAAI,IAAqB;AAAA,EACvC;AAAA,EAAc;AAAA,EAAgB;AAAA,EAAiB;AAAA,EAC/C;AAAA,EAAa;AAAA,EAAe;AAAA,EAAgB;AAAA,EAC5C;AAAA,EAAO;AAAA,EAAgB;AACzB,CAAC;AACD,IAAM,iBAAiB,oBAAI,IAAqB,CAAC,SAAS,QAAQ,CAAC;AAEnE,SAAS,SAAS,OAAc,KAAsB,OAAgC;AACpF,MAAI,eAAe,IAAI,GAAG,EAAG,QAAO,IAAI,OAAO,KAAK;AACpD,SAAO,QAAQ,IAAI,GAAG,IAAI,GAAG,KAAK,OAAO;AAC3C;AAEO,SAAS,WAAW,QAAmB,OAA+C;AAC3F,SAAO,OAAO;AAAA,IACZ,OAAO,QAAQ,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAAA,MAC3C;AAAA,MACA,OAAO,UAAU,WAAW,SAAS,OAAO,KAAwB,KAAK,IAAI;AAAA,IAC/E,CAAC;AAAA,EACH;AACF;AAMO,IAAM,MAAY;AAAA,EACvB,CAAC,EAAE,UAAU,IAAI,GAAG,MAAM,GAAG,QAAQ;AACnC,UAAM,QAAQ,WAAW;AACzB,UAAM,WAAW,SAAS;AAC1B,UAAM,EAAE,QAAQ,KAAK,IAAI,cAAc,KAAK;AAC5C,UAAM,WAAW,WAAW,iBAAiB,QAAQ,KAAK,GAAG,QAAQ;AACrE,UAAM,SAAS,cAAc,MAAM;AACnC,UAAM,SAAyB;AAAA,MAC7B;AAAA,MACA,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,OAAO,SAAY,CAAC,IAAI,CAAC,EAAE;AAAA,IAC1D;AAEA,WACE,oBAAC,UAAO,KAAU,IAAI,QAAQ,eAAa,QAAS,GAAG,MACpD,UACH;AAAA,EAEJ;AACF;AAEA,IAAI,cAAc;","names":[]}

package/dist/{chunk-K7WSPGI7.js → chunk-6WLHEZXI.js}

@@ -1,7 +1,7 @@
 import {
   makeTestId,
   resolveCodeEditorProps
-} from "./chunk-CSSCGM27.js";
+} from "./chunk-X3OWMTLO.js";
 import {
   EditorToolbar
 } from "./chunk-3TVUW7QE.js";
@@ -30,8 +30,8 @@ var EditorContainer = styled(Paper)(({ theme }) => ({
   display: "flex",
   flexDirection: "column",
   background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.paper, 0.95)} 100%)`,
-  backdropFilter: "blur(10px)",
-  WebkitBackdropFilter: "blur(10px)",
+  backdropFilter: `blur(${rem(theme, 10)})`,
+  WebkitBackdropFilter: `blur(${rem(theme, 10)})`,
   border: `1px solid ${fieldEdge(theme)}`,
   borderRadius: fieldRadius(theme),
   overflow: "hidden"
@@ -41,7 +41,7 @@ var EditorWrapper = styled(Box, {
 })(({ theme, fullscreen }) => ({
   position: "relative",
   flex: 1,
-  minHeight: 200,
+  minHeight: rem(theme, 200),
   ...fullscreen && {
     position: "fixed",
     top: 0,
@@ -105,7 +105,7 @@ var buildEditorOptions = ({
   renderLineHighlight: "all",
   selectOnLineNumbers: true,
   roundedSelection: true,
-  padding: { top: 16, bottom: 16 },
+  padding: { top: remPx(theme, 16), bottom: remPx(theme, 16) },
   fontFamily: 'Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace',
   fontLigatures: true
 });
@@ -161,7 +161,7 @@ var CodeEditor = (componentProps) => {
       /* @__PURE__ */ jsx(
         Editor,
         {
-          height: editor.isFullscreen ? "100vh" : height,
+          height: editor.isFullscreen ? "100vh" : height ?? rem(muiTheme, 400),
           language,
           value,
           onChange: (newValue) => onChange?.(newValue || ""),
@@ -178,4 +178,4 @@ var CodeEditor = (componentProps) => {
 export {
   CodeEditor
 };
-//# sourceMappingURL=chunk-K7WSPGI7.js.map
+//# sourceMappingURL=chunk-6WLHEZXI.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CodeEditor/CodeEditor.tsx"],"sourcesContent":["import Editor from '@monaco-editor/react';\nimport Box from '@mui/material/Box/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, styled, useTheme, type Theme } from '@mui/material/styles/index.js';\nimport type { editor } from 'monaco-editor';\nimport type { FC} from 'react';\nimport React, {  } from 'react';\n\nimport { makeTestId, resolveCodeEditorProps } from './CodeEditor.helpers';\nimport { useCodeEditor } from './CodeEditor.hooks';\nimport type { CodeEditorProps } from './CodeEditor.types';\nimport { EditorToolbar } from './CodeEditorToolbar';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { rem, remPx } from '../../../tokens/relative';\n\n// Styled components\nconst EditorContainer = styled(Paper)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.paper, 0.95)} 100%)`,\n  backdropFilter: `blur(${rem(theme, 10)})`,\n  WebkitBackdropFilter: `blur(${rem(theme, 10)})`,\n  border: `1px solid ${fieldEdge(theme)}`,\n  borderRadius: fieldRadius(theme),\n  overflow: 'hidden' }));\n\nconst EditorWrapper = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'fullscreen' })<{ fullscreen: boolean }>(({ theme, fullscreen }) => ({\n  position: 'relative',\n  flex: 1,\n  minHeight: rem(theme, 200),\n  ...(fullscreen && {\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    zIndex: theme.zIndex.modal,\n    background: theme.palette.background.paper }) }));\n\nconst PlaceholderOverlay = styled(Box)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(2),\n  left: theme.spacing(8),\n  color: theme.palette.text.disabled,\n  fontFamily: 'Monaco, Menlo, \"Ubuntu Mono\", Consolas, source-code-pro, monospace',\n  fontSize: rem(theme, 14),\n  pointerEvents: 'none',\n  userSelect: 'none' }));\n\n// Monaco editor themes\nconst EditorLoading: FC<{ label: string }> = ({ label }) => (\n  <Box\n    sx={{\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      height: '100%',\n      color: 'text.secondary' }}\n  >\n    <Typography variant=\"body2\">{label}</Typography>\n  </Box>\n);\n\nconst buildEditorOptions = ({\n  theme,\n  minimap,\n  fontPx,\n  isWrapped,\n  lineNumbers,\n  readOnly }: {\n  theme: Theme;\n  minimap?: boolean;\n  /** The `fontSize` prop: design px. */\n  fontPx: number;\n  isWrapped: boolean;\n  lineNumbers: boolean;\n  readOnly: boolean;\n}): editor.IStandaloneEditorConstructionOptions => ({\n    readOnly,\n    // Explicitly convert minimap to boolean to ensure Monaco receives a definitive value\n    // This prevents undefined from being interpreted differently in various environments\n    minimap: { enabled: minimap === true },\n    // Monaco takes a px number: the design px, at the document's real type scale.\n    fontSize: remPx(theme, fontPx),\n    wordWrap: isWrapped ? 'on' : 'off',\n    lineNumbers: lineNumbers ? 'on' : 'off',\n    scrollBeyondLastLine: false,\n    automaticLayout: true,\n    tabSize: 2,\n    insertSpaces: true,\n    folding: true,\n    foldingStrategy: 'indentation',\n    showFoldingControls: 'mouseover',\n    smoothScrolling: true,\n    cursorBlinking: 'smooth',\n    cursorSmoothCaretAnimation: 'on',\n    renderWhitespace: 'selection',\n    renderLineHighlight: 'all',\n    selectOnLineNumbers: true,\n    roundedSelection: true,\n    padding: { top: remPx(theme, 16), bottom: remPx(theme, 16) },\n    fontFamily: 'Monaco, Menlo, \"Ubuntu Mono\", Consolas, source-code-pro, monospace',\n    fontLigatures: true });\n\nexport const CodeEditor: FC<CodeEditorProps> = (componentProps) => {\n  const {\n    language,\n    height,\n    theme: themeProp,\n    value,\n    onChange,\n    readOnly,\n    lineNumbers,\n    minimap,\n    fontSize,\n    wordWrap,\n    showToolbar,\n    autoFormat,\n    placeholder,\n    onSave,\n    dataTestId,\n    copy } = resolveCodeEditorProps(componentProps);\n\n  const testId = makeTestId(dataTestId);\n  const editor = useCodeEditor({ themeProp, wordWrap, autoFormat, readOnly, onSave });\n\n  const muiTheme = useTheme();\n  const editorOptions = buildEditorOptions({\n    theme: muiTheme,\n    minimap,\n    fontPx: fontSize,\n    isWrapped: editor.isWrapped,\n    lineNumbers,\n    readOnly });\n\n  return (\n    <EditorContainer elevation={2} data-testid={dataTestId || 'code-editor'}>\n      {showToolbar && (\n        <EditorToolbar\n          copy={copy}\n          language={language}\n          readOnly={readOnly}\n          isWrapped={editor.isWrapped}\n          isCopied={editor.isCopied}\n          isFullscreen={editor.isFullscreen}\n          dataTestId={dataTestId}\n          onFormat={editor.handleFormat}\n          onCopy={editor.handleCopy}\n          onWrapToggle={editor.handleWrapToggle}\n          onFullscreenToggle={editor.handleFullscreenToggle}\n        />\n      )}\n\n      <EditorWrapper fullscreen={editor.isFullscreen} data-testid={testId('editor-wrapper')}>\n        {placeholder && !value && (\n          <PlaceholderOverlay data-testid={testId('placeholder')}>{placeholder}</PlaceholderOverlay>\n        )}\n\n        <Editor\n          height={editor.isFullscreen ? '100vh' : (height ?? rem(muiTheme, 400))}\n          language={language}\n          value={value}\n          onChange={(newValue) => onChange?.(newValue || '')}\n          theme={editor.editorTheme}\n          options={editorOptions}\n          onMount={editor.handleEditorDidMount}\n          loading={<EditorLoading label={copy.loading} />}\n        />\n      </EditorWrapper>\n    </EditorContainer>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-7EIOXZWL.js → chunk-74P3YX7R.js}

@@ -1,6 +1,6 @@
 import {
   RangeBounds
-} from "./chunk-AJ5SDHX5.js";
+} from "./chunk-JCL7WK4G.js";
 import {
   isRangeSet
 } from "./chunk-GCZJH4XL.js";
@@ -9,13 +9,13 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   MultiSelectDropdown
-} from "./chunk-NPP44TQG.js";
+} from "./chunk-EYZ6QBTV.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-WTOYEWW6.js";
+} from "./chunk-YBH4SPMM.js";
 import {
   fieldHeight
 } from "./chunk-CGO452DC.js";
@@ -201,4 +201,4 @@ export {
   fieldClearing,
   MoreGroup
 };
-//# sourceMappingURL=chunk-7EIOXZWL.js.map
+//# sourceMappingURL=chunk-74P3YX7R.js.map

package/dist/{chunk-VYSFKR32.js → chunk-75CGLX6Q.js}

@@ -1,7 +1,7 @@
 import {
   iconSx,
   sizeConfigs
-} from "./chunk-6QLPSMTA.js";
+} from "./chunk-XEWMY4ZM.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -59,7 +59,7 @@ var AnimatedIcon = (props) => {
   return /* @__PURE__ */ jsx(
     AnimationContainer,
     {
-      $size: config.size,
+      $size: config.ring,
       $fontSize: config.glyph,
       $animationVariant: variant,
       $duration: duration,
@@ -94,4 +94,4 @@ export {
   AnimatedIcon,
   AnimatedIcon_default
 };
-//# sourceMappingURL=chunk-VYSFKR32.js.map
+//# sourceMappingURL=chunk-75CGLX6Q.js.map

package/dist/{chunk-VYSFKR32.js.map → chunk-75CGLX6Q.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/utility/AnimatedIcon/AnimatedIcon.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { iconSx, sizeConfigs } from './AnimatedIcon.styles';\nimport type { IconStyleFlags } from './AnimatedIcon.styles';\nimport type { AnimatedIconProps } from './AnimatedIcon.types';\n\nconst AnimationContainer = styled(Box)<IconStyleFlags>(({ theme, ...flags }) => ({\n  ...iconSx(theme, flags),\n}));\n\nconst DEFAULTS = {\n  variant: 'none',\n  size: 'md',\n  duration: 2,\n  delay: 0,\n  loop: true,\n  glow: false,\n  glass: false,\n  metallic: false,\n  gradient: false,\n  shadow: 'none',\n  ripple: false,\n  neon: false,\n  holographic: false,\n} satisfies Partial<AnimatedIconProps>;\n\ntype ResolvedProps = AnimatedIconProps & Required<Pick<AnimatedIconProps, keyof typeof DEFAULTS>>;\n\nexport const AnimatedIcon: FC<AnimatedIconProps> = (props) => {\n  const {\n    children, variant, size, color, duration, delay, loop, glow, glass, glowColor,\n    metallic, gradient, shadow, ripple, neon, holographic, className, style,\n    'aria-label': ariaLabel, onClick, tabIndex, onFocus, onBlur, dataTestId,\n  } = withDefaults(props, DEFAULTS) as ResolvedProps;\n\n  const config = sizeConfigs[size] ?? sizeConfigs.md;\n\n  return (\n    <AnimationContainer\n      $size={config.size}\n      $fontSize={config.glyph}\n      $animationVariant={variant}\n      $duration={duration}\n      $delay={delay}\n      $loop={loop}\n      $glow={glow}\n      $glass={glass}\n      $glowColor={glowColor}\n      $customColor={color}\n      $metallic={metallic}\n      $gradient={gradient}\n      $shadow={shadow}\n      $ripple={ripple}\n      $neon={neon}\n      $holographic={holographic}\n      className={className}\n      style={style}\n      role=\"img\"\n      aria-label={ariaLabel || `Animated ${variant} icon`}\n      onClick={onClick}\n      tabIndex={tabIndex}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      data-testid={dataTestId}\n    >\n      {children}\n    </AnimationContainer>\n  );\n};\n\nexport default AnimatedIcon;\n"],"mappings":";;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAS,cAAc;AA0CnB;AAhCJ,IAAM,qBAAqB,OAAO,GAAG,EAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,OAAO;AAAA,EAC/E,GAAG,OAAO,OAAO,KAAK;AACxB,EAAE;AAEF,IAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,aAAa;AACf;AAIO,IAAM,eAAsC,CAAC,UAAU;AAC5D,QAAM;AAAA,IACJ;AAAA,IAAU;AAAA,IAAS;AAAA,IAAM;AAAA,IAAO;AAAA,IAAU;AAAA,IAAO;AAAA,IAAM;AAAA,IAAM;AAAA,IAAO;AAAA,IACpE;AAAA,IAAU;AAAA,IAAU;AAAA,IAAQ;AAAA,IAAQ;AAAA,IAAM;AAAA,IAAa;AAAA,IAAW;AAAA,IAClE,cAAc;AAAA,IAAW;AAAA,IAAS;AAAA,IAAU;AAAA,IAAS;AAAA,IAAQ;AAAA,EAC/D,IAAI,aAAa,OAAO,QAAQ;AAEhC,QAAM,SAAS,YAAY,IAAI,KAAK,YAAY;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,OAAO;AAAA,MACd,WAAW,OAAO;AAAA,MAClB,mBAAmB;AAAA,MACnB,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,WAAW;AAAA,MACX,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,cAAY,aAAa,YAAY,OAAO;AAAA,MAC5C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MAEZ;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}
+{"version":3,"sources":["../src/components/utility/AnimatedIcon/AnimatedIcon.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { iconSx, sizeConfigs } from './AnimatedIcon.styles';\nimport type { IconStyleFlags } from './AnimatedIcon.styles';\nimport type { AnimatedIconProps } from './AnimatedIcon.types';\n\nconst AnimationContainer = styled(Box)<IconStyleFlags>(({ theme, ...flags }) => ({\n  ...iconSx(theme, flags),\n}));\n\nconst DEFAULTS = {\n  variant: 'none',\n  size: 'md',\n  duration: 2,\n  delay: 0,\n  loop: true,\n  glow: false,\n  glass: false,\n  metallic: false,\n  gradient: false,\n  shadow: 'none',\n  ripple: false,\n  neon: false,\n  holographic: false,\n} satisfies Partial<AnimatedIconProps>;\n\ntype ResolvedProps = AnimatedIconProps & Required<Pick<AnimatedIconProps, keyof typeof DEFAULTS>>;\n\nexport const AnimatedIcon: FC<AnimatedIconProps> = (props) => {\n  const {\n    children, variant, size, color, duration, delay, loop, glow, glass, glowColor,\n    metallic, gradient, shadow, ripple, neon, holographic, className, style,\n    'aria-label': ariaLabel, onClick, tabIndex, onFocus, onBlur, dataTestId,\n  } = withDefaults(props, DEFAULTS) as ResolvedProps;\n\n  const config = sizeConfigs[size] ?? sizeConfigs.md;\n\n  return (\n    <AnimationContainer\n      $size={config.ring}\n      $fontSize={config.glyph}\n      $animationVariant={variant}\n      $duration={duration}\n      $delay={delay}\n      $loop={loop}\n      $glow={glow}\n      $glass={glass}\n      $glowColor={glowColor}\n      $customColor={color}\n      $metallic={metallic}\n      $gradient={gradient}\n      $shadow={shadow}\n      $ripple={ripple}\n      $neon={neon}\n      $holographic={holographic}\n      className={className}\n      style={style}\n      role=\"img\"\n      aria-label={ariaLabel || `Animated ${variant} icon`}\n      onClick={onClick}\n      tabIndex={tabIndex}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      data-testid={dataTestId}\n    >\n      {children}\n    </AnimationContainer>\n  );\n};\n\nexport default AnimatedIcon;\n"],"mappings":";;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAS,cAAc;AA0CnB;AAhCJ,IAAM,qBAAqB,OAAO,GAAG,EAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,OAAO;AAAA,EAC/E,GAAG,OAAO,OAAO,KAAK;AACxB,EAAE;AAEF,IAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,aAAa;AACf;AAIO,IAAM,eAAsC,CAAC,UAAU;AAC5D,QAAM;AAAA,IACJ;AAAA,IAAU;AAAA,IAAS;AAAA,IAAM;AAAA,IAAO;AAAA,IAAU;AAAA,IAAO;AAAA,IAAM;AAAA,IAAM;AAAA,IAAO;AAAA,IACpE;AAAA,IAAU;AAAA,IAAU;AAAA,IAAQ;AAAA,IAAQ;AAAA,IAAM;AAAA,IAAa;AAAA,IAAW;AAAA,IAClE,cAAc;AAAA,IAAW;AAAA,IAAS;AAAA,IAAU;AAAA,IAAS;AAAA,IAAQ;AAAA,EAC/D,IAAI,aAAa,OAAO,QAAQ;AAEhC,QAAM,SAAS,YAAY,IAAI,KAAK,YAAY;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,OAAO;AAAA,MACd,WAAW,OAAO;AAAA,MAClB,mBAAmB;AAAA,MACnB,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,WAAW;AAAA,MACX,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,cAAY,aAAa,YAAY,OAAO;AAAA,MAC5C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MAEZ;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/{chunk-LVEG6XQL.js → chunk-76X6JRVI.js}

@@ -12,25 +12,25 @@ import {
   CARD_SECTION_BACKGROUND,
   neumorphicShadows
 } from "./chunk-JH7EEJEQ.js";
-import {
-  shadowCss,
-  shadowListCss
-} from "./chunk-73BEVJCS.js";
 import {
   neutralTones,
   shadowInk,
   sheen
 } from "./chunk-FQ6UW7IY.js";
+import {
+  rem,
+  rems
+} from "./chunk-YKCAJ2TN.js";
 
 // src/components/layout/Card/Card.styles.ts
 import { alpha, keyframes } from "@mui/material/styles/index.js";
-var pulseAnimation = keyframes`
+var pulseAnimation = (theme) => keyframes`
   0% {
     box-shadow: 0 0 0 0 currentColor;
     opacity: 1;
   }
   70% {
-    box-shadow: 0 0 0 ${CARD_PULSE.spread}px currentColor;
+    box-shadow: 0 0 0 ${rem(theme, CARD_PULSE.spread)} currentColor;
     opacity: 0;
   }
   100% {
@@ -38,10 +38,14 @@ var pulseAnimation = keyframes`
     opacity: 0;
   }
 `;
+var shadowRem = (theme, shadow) => {
+  const spread = shadow.spreadDistance === 0 ? [] : [shadow.spreadDistance];
+  return `${rems(theme, shadow.offsetX, shadow.offsetY, shadow.blurRadius, ...spread)} ${shadow.color}`;
+};
 var borderRadiusFor = (theme, radius) => {
   if (radius === "full") return CARD_RADIUS_FULL;
   const units = CARD_RADIUS_UNITS[radius] ?? CARD_RADIUS_UNITS.md;
-  return units === 0 ? 0 : theme.spacing(units);
+  return units === 0 ? "0" : theme.spacing(units);
 };
 var pulseSurface = (theme) => ({
   position: "relative",
@@ -56,7 +60,7 @@ var pulseSurface = (theme) => ({
     borderRadius: "inherit",
     backgroundColor: theme.palette.primary.main,
     opacity: CARD_PULSE.alpha,
-    animation: `${pulseAnimation} ${CARD_PULSE.durationMs / 1e3}s infinite`,
+    animation: `${pulseAnimation(theme)} ${CARD_PULSE.durationMs / 1e3}s infinite`,
     pointerEvents: "none",
     zIndex: CARD_PULSE.zIndex
   }
@@ -70,7 +74,7 @@ var neumorphicShadow = (theme, lifted) => {
     alpha(neutralTones(theme).subtle, lifted ? light.near.lifted : light.near.rest),
     sheen(theme, lifted ? light.far.lifted : light.far.rest)
   ];
-  return shadowListCss(neumorphicShadows(lifted, near, far));
+  return neumorphicShadows(lifted, near, far).map((shadow) => shadowRem(theme, shadow)).join(", ");
 };
 var sectionBackground = (theme, lifted) => {
   const wash = CARD_SECTION_BACKGROUND[theme.palette.mode === "dark" ? "dark" : "light"];
@@ -78,13 +82,7 @@ var sectionBackground = (theme, lifted) => {
 };
 var glowShadow = (theme, lifted) => {
   const { blurRadius, alpha: opacity } = lifted ? CARD_GLOW.lifted : CARD_GLOW.rest;
-  return shadowCss({
-    offsetX: 0,
-    offsetY: 0,
-    blurRadius,
-    spreadDistance: 0,
-    color: alpha(theme.palette.primary.main, opacity)
-  });
+  return `${rems(theme, 0, 0, blurRadius)} ${alpha(theme.palette.primary.main, opacity)}`;
 };
 var VARIANT_SURFACES = {
   elevated: (_theme, lifted) => ({
@@ -101,15 +99,9 @@ var VARIANT_SURFACES = {
   glass: (theme, lifted) => ({
     surface: {
       backgroundColor: alpha(theme.palette.background.paper, CARD_GLASS.backgroundAlpha.rest),
-      backdropFilter: `blur(${CARD_GLASS.blurPx}px)`,
+      backdropFilter: `blur(${rem(theme, CARD_GLASS.blurPx)})`,
       border: `${CARD_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, CARD_GLASS.borderAlpha.rest)}`,
-      boxShadow: shadowCss({
-        offsetX: 0,
-        offsetY: CARD_GLASS.shadow.offsetY,
-        blurRadius: CARD_GLASS.shadow.blurRadius,
-        spreadDistance: 0,
-        color: shadowInk(theme, CARD_GLASS.shadow.alpha)
-      })
+      boxShadow: `${rems(theme, 0, CARD_GLASS.shadow.offsetY, CARD_GLASS.shadow.blurRadius)} ${shadowInk(theme, CARD_GLASS.shadow.alpha)}`
     },
     hover: {
       backgroundColor: alpha(
@@ -123,13 +115,7 @@ var VARIANT_SURFACES = {
     surface: {
       background: cardGradient(theme, false),
       color: theme.palette.primary.contrastText,
-      boxShadow: shadowCss({
-        offsetX: 0,
-        offsetY: CARD_GRADIENT.shadow.offsetY,
-        blurRadius: CARD_GRADIENT.shadow.blurRadius,
-        spreadDistance: 0,
-        color: alpha(theme.palette.primary.main, CARD_GRADIENT.shadow.alpha)
-      })
+      boxShadow: `${rems(theme, 0, CARD_GRADIENT.shadow.offsetY, CARD_GRADIENT.shadow.blurRadius)} ${alpha(theme.palette.primary.main, CARD_GRADIENT.shadow.alpha)}`
     },
     hover: { background: cardGradient(theme, lifted) }
   }),
@@ -169,7 +155,7 @@ var cardStyles = (theme, { variant, interactive, glow, pulse, borderRadius }) =>
     ...pulse && pulseSurface(theme),
     ...chosen.surface,
     "&:hover": {
-      ...interactive && { transform: `translateY(-${CARD_INTERACTIVE_LIFT}px)` },
+      ...interactive && { transform: `translateY(${rem(theme, -CARD_INTERACTIVE_LIFT)})` },
       ...glow && { boxShadow: glowShadow(theme, true) },
       ...chosen.hover
     }
@@ -179,4 +165,4 @@ var cardStyles = (theme, { variant, interactive, glow, pulse, borderRadius }) =>
 export {
   cardStyles
 };
-//# sourceMappingURL=chunk-LVEG6XQL.js.map
+//# sourceMappingURL=chunk-76X6JRVI.js.map

package/dist/chunk-76X6JRVI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Card/Card.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 { CardBorderRadius, CardVariant } from './Card.base';\nimport {\n  CARD_BORDER_WIDTH,\n  CARD_ELEVATION,\n  CARD_GLASS,\n  CARD_GLOW,\n  CARD_GRADIENT,\n  CARD_INTERACTIVE_LIFT,\n  CARD_NEUMORPHIC,\n  CARD_PULSE,\n  CARD_RADIUS_FULL,\n  CARD_RADIUS_UNITS,\n  CARD_SECTION_BACKGROUND,\n  neumorphicShadows,\n} from './Card.metrics';\nimport { neutralTones, shadowInk, sheen } from '../../../tokens/ink';\nimport { rem, rems } from '../../../tokens/relative';\nimport type { UiShadow } from '../../../tokens/shadow';\n\ntype BorderRadius = CardBorderRadius;\n\n// Define pulse animation. The 15px spread and the 2s period are the shared\n// metrics, so the native ring grows by exactly as much for exactly as long.\nconst pulseAnimation = (theme: Theme) => keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 ${rem(theme, CARD_PULSE.spread)} currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\n/**\n * A shared-metrics shadow as CSS, every length through the type scale: the text\n * `shadowCss` writes (a bare `0`, no zero spread) with rem in place of px.\n */\nconst shadowRem = (theme: Theme, shadow: UiShadow): string => {\n  const spread = shadow.spreadDistance === 0 ? [] : [shadow.spreadDistance];\n  return `${rems(theme, shadow.offsetX, shadow.offsetY, shadow.blurRadius, ...spread)} ${shadow.color}`;\n};\n\nconst borderRadiusFor = (theme: Theme, radius: BorderRadius): string => {\n  if (radius === 'full') return CARD_RADIUS_FULL;\n  const units = CARD_RADIUS_UNITS[radius] ?? CARD_RADIUS_UNITS.md;\n  // `none` is a bare 0 rather than `spacing(0)`, as this has always written it.\n  return units === 0 ? '0' : theme.spacing(units);\n};\n\nconst pulseSurface = (theme: Theme): CSSObject => ({\n  position: 'relative',\n  overflow: 'visible',\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '0',\n    left: '0',\n    right: '0',\n    bottom: '0',\n    borderRadius: 'inherit',\n    backgroundColor: theme.palette.primary.main,\n    opacity: CARD_PULSE.alpha,\n    animation: `${pulseAnimation(theme)} ${CARD_PULSE.durationMs / 1000}s infinite`,\n    pointerEvents: 'none',\n    zIndex: CARD_PULSE.zIndex,\n  },\n});\n\nconst neumorphicShadow = (theme: Theme, lifted: boolean): string => {\n  const { dark, light } = CARD_NEUMORPHIC.alpha;\n  const [near, far] =\n    theme.palette.mode === 'dark'\n      ? [\n          shadowInk(theme, dark.near),\n          sheen(theme, dark.far),\n        ]\n      : [\n          alpha(neutralTones(theme).subtle, lifted ? light.near.lifted : light.near.rest),\n          sheen(theme, lifted ? light.far.lifted : light.far.rest),\n        ];\n\n  return neumorphicShadows(lifted, near, far).map((shadow) => shadowRem(theme, shadow)).join(', ');\n};\n\nconst sectionBackground = (theme: Theme, lifted: boolean): string => {\n  const wash = CARD_SECTION_BACKGROUND[theme.palette.mode === 'dark' ? 'dark' : 'light'];\n  return lifted ? wash.lifted : wash.rest;\n};\n\nconst glowShadow = (theme: Theme, lifted: boolean): string => {\n  const { blurRadius, alpha: opacity } = lifted ? CARD_GLOW.lifted : CARD_GLOW.rest;\n  return `${rems(theme, 0, 0, blurRadius)} ${alpha(theme.palette.primary.main, opacity)}`;\n};\n\ninterface Surface {\n  surface: CSSObject;\n  hover: CSSObject;\n}\n\n/**\n * Each variant contributes a resting surface and whatever it changes on hover.\n * Only `interactive` cards actually move on hover, so the hover half of every\n * variant reads back its resting value when `interactive` is off.\n */\nconst VARIANT_SURFACES: Record<CardVariant, (theme: Theme, lifted: boolean) => Surface> = {\n  elevated: (_theme, lifted) => ({\n    surface: { elevation: CARD_ELEVATION.rest } as CSSObject,\n    hover: { elevation: lifted ? CARD_ELEVATION.lifted : CARD_ELEVATION.rest } as CSSObject,\n  }),\n  outlined: (theme, lifted) => ({\n    surface: {\n      border: `${CARD_BORDER_WIDTH}px solid ${theme.palette.divider}`,\n      boxShadow: 'none',\n    },\n    hover: { borderColor: lifted ? theme.palette.primary.main : theme.palette.divider },\n  }),\n  glass: (theme, lifted) => ({\n    surface: {\n      backgroundColor: alpha(theme.palette.background.paper, CARD_GLASS.backgroundAlpha.rest),\n      backdropFilter: `blur(${rem(theme, CARD_GLASS.blurPx)})`,\n      border: `${CARD_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, CARD_GLASS.borderAlpha.rest)}`,\n      boxShadow: `${rems(theme, 0, CARD_GLASS.shadow.offsetY, CARD_GLASS.shadow.blurRadius)} ${shadowInk(theme, CARD_GLASS.shadow.alpha)}`,\n    },\n    hover: {\n      backgroundColor: alpha(\n        theme.palette.background.paper,\n        lifted ? CARD_GLASS.backgroundAlpha.lifted : CARD_GLASS.backgroundAlpha.rest,\n      ),\n      border: `${CARD_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, CARD_GLASS.borderAlpha.lifted)}`,\n    },\n  }),\n  gradient: (theme, lifted) => ({\n    surface: {\n      background: cardGradient(theme, false),\n      color: theme.palette.primary.contrastText,\n      boxShadow: `${rems(theme, 0, CARD_GRADIENT.shadow.offsetY, CARD_GRADIENT.shadow.blurRadius)} ${alpha(theme.palette.primary.main, CARD_GRADIENT.shadow.alpha)}`,\n    },\n    hover: { background: cardGradient(theme, lifted) },\n  }),\n  neumorphic: (theme, lifted) => ({\n    surface: {\n      backgroundColor:\n        theme.palette.mode === 'dark' ? neutralTones(theme).raised : neutralTones(theme).surface,\n      boxShadow: neumorphicShadow(theme, false),\n      border: 'none',\n    },\n    hover: { boxShadow: neumorphicShadow(theme, lifted) },\n  }),\n  section: (theme, lifted) => ({\n    surface: {\n      backgroundColor: sectionBackground(theme, false),\n      border: 'none',\n      boxShadow: 'none',\n    },\n    hover: { backgroundColor: sectionBackground(theme, lifted) },\n  }),\n};\n\nconst cardGradient = (theme: Theme, dark: boolean): string =>\n  dark\n    ? `linear-gradient(${CARD_GRADIENT.angleDeg}deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`\n    : `linear-gradient(${CARD_GRADIENT.angleDeg}deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`;\n\n// An unrecognised variant gets the shared base only — no interactive, glow or\n// pulse decoration, as before.\nconst variantSurface = (\n  theme: Theme,\n  variant: CardVariant,\n  interactive: boolean,\n): Surface | null => VARIANT_SURFACES[variant]?.(theme, interactive) ?? null;\n\ninterface CardStyleArgs {\n  variant: CardVariant;\n  interactive: boolean;\n  glow: boolean;\n  pulse: boolean;\n  borderRadius: BorderRadius;\n}\n\nexport const cardStyles = (\n  theme: Theme,\n  { variant, interactive, glow, pulse, borderRadius }: CardStyleArgs,\n): CSSObject => {\n  const base: CSSObject = {\n    borderRadius: borderRadiusFor(theme, borderRadius),\n    transition: theme.transitions.create(\n      ['box-shadow', 'transform', 'border-color', 'background-color'],\n      { duration: theme.transitions.duration.standard },\n    ),\n  };\n\n  const chosen = variantSurface(theme, variant, interactive);\n  if (!chosen) return base;\n\n  return {\n    ...base,\n    ...(interactive && { cursor: 'pointer', '&:active': { transform: 'translateY(0)' } }),\n    ...(glow && { boxShadow: glowShadow(theme, false) }),\n    ...(pulse && pulseSurface(theme)),\n    ...chosen.surface,\n    '&:hover': {\n      ...(interactive && { transform: `translateY(${rem(theme, -CARD_INTERACTIVE_LIFT)})` }),\n      ...(glow && { boxShadow: glowShadow(theme, true) }),\n      ...chosen.hover,\n    },\n  };\n};\n"],"mappings":"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","names":[]}