@12-apps/ui 5.0.0 → 5.1.0

package/dist/chunk-FD4W36WR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Form/Form.tsx"],"sourcesContent":["import { Box, Stack, styled } from '@mui/material';\nimport React from 'react';\n\nimport type {\n  FormControlProps,\n  FormFieldProps,\n  FormLabelProps,\n  FormMessageProps,\n  FormProps,\n} from './Form.types';\n\nconst StyledForm = styled('form', {\n  shouldForwardProp: (prop) => prop !== 'variant',\n})<{ variant?: FormProps['variant'] }>(({ theme, variant }) => ({\n  width: '100%',\n  ...(variant === 'inline' && {\n    display: 'flex',\n    gap: theme.spacing(2),\n    alignItems: 'flex-start',\n  }),\n}));\n\nconst spacingMap = {\n  xs: 1,\n  sm: 2,\n  md: 3,\n  lg: 4,\n  xl: 5,\n};\n\nconst maxWidthMap = {\n  sm: '600px',\n  md: '900px',\n  lg: '1200px',\n  xl: '1536px',\n  full: '100%',\n};\n\nexport const Form = React.forwardRef<HTMLFormElement, FormProps>(\n  ({ variant = 'vertical', maxWidth = 'full', spacing = 'md', children, dataTestId, ...props }, ref) => (\n      <StyledForm ref={ref} variant={variant} role=\"form\" data-testid={dataTestId} {...props}>\n        <Box sx={{ maxWidth: maxWidthMap[maxWidth], width: '100%' }}>\n          {variant === 'inline' ? (\n            children\n          ) : (\n            <Stack spacing={spacingMap[spacing]}>{children}</Stack>\n          )}\n        </Box>\n      </StyledForm>\n    ),\n);\n\nForm.displayName = 'Form';\n\nconst StyledFormField = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'variant',\n})<{ variant?: 'vertical' | 'horizontal' }>(\n  ({ theme, variant }) => ({\n    display: variant === 'horizontal' ? 'grid' : 'flex',\n    flexDirection: variant === 'horizontal' ? undefined : 'column',\n    gridTemplateColumns: variant === 'horizontal' ? '200px 1fr' : undefined,\n    gap: theme.spacing(1),\n    alignItems: variant === 'horizontal' ? 'center' : undefined,\n  }),\n);\n\nexport const FormField: React.FC<FormFieldProps> = ({\n  name,\n  label,\n  required,\n  error,\n  helperText,\n  children,\n  dataTestId,\n}) => (\n    <StyledFormField data-testid={dataTestId}>\n      {label && (\n        <FormLabel required={required} error={!!error} htmlFor={name} dataTestId={dataTestId ? `${dataTestId}-label` : undefined}>\n          {label}\n        </FormLabel>\n      )}\n      <FormControl fullWidth dataTestId={dataTestId ? `${dataTestId}-control` : undefined}>\n        {children}\n        {(error || helperText) && <FormMessage error={!!error} dataTestId={dataTestId ? `${dataTestId}-message` : undefined}>{error || helperText}</FormMessage>}\n      </FormControl>\n    </StyledFormField>\n  );\n\nconst StyledFormLabel = styled('label', {\n  shouldForwardProp: (prop) => prop !== 'error',\n})<{ error?: boolean }>(({ theme, error }) => ({\n  fontSize: '0.875rem',\n  fontWeight: 500,\n  color: error ? theme.palette.error.main : theme.palette.text.primary,\n  marginBottom: theme.spacing(0.5),\n  display: 'block',\n  '&::after': {\n    content: '\" *\"',\n    color: theme.palette.error.main,\n    display: 'var(--required-display, none)',\n  },\n}));\n\nexport const FormLabel: React.FC<FormLabelProps> = ({ required, error, children, htmlFor, dataTestId }) => (\n    <StyledFormLabel\n      error={error}\n      htmlFor={htmlFor}\n      data-testid={dataTestId}\n      style={{ '--required-display': required ? 'inline' : 'none' } as React.CSSProperties}\n    >\n      {children}\n    </StyledFormLabel>\n  );\n\nconst StyledFormControl = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'fullWidth',\n})<{ fullWidth?: boolean }>(({ fullWidth }) => ({\n  width: fullWidth ? '100%' : 'auto',\n  position: 'relative',\n}));\n\nexport const FormControl: React.FC<FormControlProps> = ({ fullWidth = true, children, dataTestId }) =>\n  // Don't pass error prop to the DOM element\n   <StyledFormControl fullWidth={fullWidth} data-testid={dataTestId}>{children}</StyledFormControl>\n;\n\nconst StyledFormMessage = styled('span', {\n  shouldForwardProp: (prop) => prop !== 'error',\n})<{ error?: boolean }>(({ theme, error }) => ({\n  fontSize: '0.75rem',\n  marginTop: theme.spacing(0.5),\n  color: error ? theme.palette.error.main : theme.palette.text.secondary,\n  display: 'block',\n}));\n\nexport const FormMessage: React.FC<FormMessageProps> = ({ error, children, dataTestId }) => <StyledFormMessage error={error} data-testid={dataTestId}>{children}</StyledFormMessage>;\n"],"mappings":"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","names":[]}

package/dist/chunk-H7UAGTVW.js

@@ -0,0 +1,77 @@
+// src/components/data-display/DataViews/data-views-day-input.tsx
+import { TextField } from "@mui/material";
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function isoToBr(iso) {
+  const parts = /^(\d{4})-(\d{2})-(\d{2})$/.exec(iso);
+  return parts ? `${parts[3]}/${parts[2]}/${parts[1]}` : "";
+}
+function brToIso(text) {
+  const parts = /^(\d{2})\/(\d{2})\/(\d{4})$/.exec(text);
+  if (!parts) return "";
+  const [, dd, mm, yyyy] = parts;
+  const day = Number(dd);
+  const month = Number(mm);
+  const year = Number(yyyy);
+  if (year < 1e3) return "";
+  const probe = new Date(Date.UTC(year, month - 1, day));
+  if (probe.getUTCMonth() !== month - 1 || probe.getUTCDate() !== day) return "";
+  return `${yyyy}-${mm}-${dd}`;
+}
+function maskBrDate(raw) {
+  const digits = raw.replace(/\D/g, "").slice(0, 8);
+  if (digits.length <= 2) return digits;
+  if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;
+  return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4)}`;
+}
+function dayInputProps(testId, describedBy) {
+  return {
+    "data-testid": testId,
+    maxLength: 10,
+    inputMode: "numeric",
+    autoComplete: "off",
+    ...describedBy ? { "aria-describedby": describedBy } : {}
+  };
+}
+function DayBoundInput({
+  label,
+  value,
+  onChange,
+  testId,
+  error = false,
+  describedBy
+}) {
+  const applied = value ?? "";
+  const [text, setText] = useState(() => isoToBr(applied));
+  useEffect(() => {
+    setText((current) => brToIso(current) === applied ? current : isoToBr(applied));
+  }, [applied]);
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      size: "small",
+      type: "text",
+      label,
+      error,
+      placeholder: "dd/mm/aaaa",
+      value: text,
+      onChange: (event) => {
+        const next = maskBrDate(event.target.value);
+        setText(next);
+        if (next === "") return onChange(void 0);
+        const iso = brToIso(next);
+        if (iso) onChange(iso);
+      },
+      onBlur: () => setText(isoToBr(applied)),
+      InputLabelProps: { shrink: true },
+      inputProps: dayInputProps(testId, describedBy),
+      sx: { width: 165 }
+    }
+  );
+}
+
+export {
+  isoToBr,
+  DayBoundInput
+};
+//# sourceMappingURL=chunk-H7UAGTVW.js.map

package/dist/chunk-H7UAGTVW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-day-input.tsx"],"sourcesContent":["'use client';\n\n/**\n * A day bound as a MASKED `dd/mm/aaaa` text field, replacing `<input type=\"date\">`.\n *\n * The native control is three separate segments wearing one box. Typing a date\n * means filling a segment, being jumped to the next, and starting over — and\n * which segment comes first is the BROWSER's locale, not ours, so the same\n * field reads `dd/mm/aaaa` for one merchant and `mm/dd/yyyy` for the next with\n * nothing in our code saying which. There is no way to type a date as one\n * continuous run of digits, which is how people actually type dates.\n *\n * A mask gives that back: eight digits straight through, separators inserted as\n * you go, backspace walking back through them.\n *\n * Measured, driving both controls in Chromium with the same eight keystrokes\n * (`01072026`, one `keydown` at a time):\n *\n *   native  →  field ends EMPTY, no filter applied, 0 requests\n *   masked  →  field reads `01/07/2026`, filter applied, 1 request\n *\n * The native result is the whole complaint: you type a date and nothing lands.\n *\n * The second half of the fix is WHEN the bound is written. A partially-typed\n * year is itself a valid date — `2026` passes through `0002`, `0020`, `0202` on\n * the way — so committing on every keystroke would send the grid off to fetch\n * years nobody meant. A bound is written only once the text is a WHOLE, real\n * date, which is what keeps the run above at one request rather than four.\n */\nimport { TextField } from '@mui/material';\nimport React, { useEffect, useState } from 'react';\n\n/** `AAAA-MM-DD` (the wire) → `dd/mm/aaaa` (what the merchant reads). */\nexport function isoToBr(iso: string): string {\n  const parts = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(iso);\n  return parts ? `${parts[3]}/${parts[2]}/${parts[1]}` : '';\n}\n\n/**\n * `dd/mm/aaaa` → `AAAA-MM-DD`, but ONLY for a day that exists. `31/02/2026`\n * parses fine as three numbers and is not a date, and `Date` would silently\n * roll it into March rather than reject it — so the round trip through UTC is\n * the check: if the month or day comes back changed, the input was not a day.\n */\nexport function brToIso(text: string): string {\n  const parts = /^(\\d{2})\\/(\\d{2})\\/(\\d{4})$/.exec(text);\n  if (!parts) return '';\n  const [, dd, mm, yyyy] = parts;\n  const day = Number(dd);\n  const month = Number(mm);\n  const year = Number(yyyy);\n  if (year < 1000) return '';\n  const probe = new Date(Date.UTC(year, month - 1, day));\n  if (probe.getUTCMonth() !== month - 1 || probe.getUTCDate() !== day) return '';\n  return `${yyyy}-${mm}-${dd}`;\n}\n\n/**\n * Digits only, capped at eight, with the separators put back as you type.\n *\n * Deriving the whole string from the digits — rather than editing the text in\n * place — is what makes backspace behave. Four digits render as `06/08`, not\n * `06/08/`, so deleting the first digit of the year removes the trailing\n * separator with it instead of leaving a dead keystroke that changes nothing.\n */\nexport function maskBrDate(raw: string): string {\n  const digits = raw.replace(/\\D/g, '').slice(0, 8);\n  if (digits.length <= 2) return digits;\n  if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;\n  return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4)}`;\n}\n\n/**\n * What has to land on the `<input>` itself rather than on the `TextField`.\n *\n * Anything `TextField` does not recognise is spread onto its root `FormControl`\n * div. `inputMode` went up there once: the attribute sat on a non-editable\n * wrapper, meant nothing, and the phone went on offering the letter keyboard\n * for a field that only takes digits (the `dd/mm/aaaa` hint under a QWERTY\n * layout). Only the `<input>` this reaches decides which keypad opens — and the\n * same is true of `aria-describedby`, which on the wrapper points at a\n * description no screen reader will read out for the field.\n *\n * `numeric` and not `tel`: both raise a keypad, but the phone one is a dialler\n * with `+ * #` on it — keys that cannot occur in a date. A paste carrying\n * separators still lands, because the MASK is what filters the text; the keypad\n * only narrows what a thumb can reach for.\n *\n * Autofill off for the same reason: the browser's saved-value strip covers the\n * keypad to suggest names and addresses, none of which are a date, and none of\n * which the mask would keep.\n */\nfunction dayInputProps(testId: string, describedBy: string | undefined) {\n  return {\n    'data-testid': testId,\n    maxLength: 10,\n    inputMode: 'numeric' as const,\n    autoComplete: 'off',\n    ...(describedBy ? { 'aria-describedby': describedBy } : {}),\n  };\n}\n\n/**\n * One end of a day window. The BOUND stays `AAAA-MM-DD` — the form the backend's\n * inclusive day comparison already speaks, and the form the chip label reads —\n * so only the typing surface changes.\n */\nexport function DayBoundInput({\n  label,\n  value,\n  onChange,\n  testId,\n  error = false,\n  describedBy,\n}: {\n  label: string;\n  /** The applied bound, `AAAA-MM-DD`, or undefined when this end is open. */\n  value: string | undefined;\n  onChange: (bound: string | undefined) => void;\n  testId: string;\n  /**\n   * Paint the field as rejected. It only ever writes a real day by itself, so\n   * this is for a caller judging the PAIR: a window whose end precedes its\n   * start is two valid days and one impossible period, and the field it was\n   * typed into is the only place to say which half is being complained about.\n   */\n  error?: boolean;\n  /** Id of the element carrying that complaint, so it is read WITH the field. */\n  describedBy?: string;\n}): React.JSX.Element {\n  const applied = value ?? '';\n  const [text, setText] = useState(() => isoToBr(applied));\n\n  // The bound is the APPLIED filter; `text` is what is being typed. Re-sync only\n  // when the applied value moved somewhere the text does not already mean — a\n  // \"Limpar\", a saved view, the other pill resetting the pair. Without that\n  // guard the field's own write bounces straight back mid-edit and resets the\n  // caret, which is the native control's worst habit reproduced by hand.\n  useEffect(() => {\n    setText((current) => (brToIso(current) === applied ? current : isoToBr(applied)));\n  }, [applied]);\n\n  return (\n    <TextField\n      size=\"small\"\n      type=\"text\"\n      label={label}\n      error={error}\n      // The mask IS the placeholder, so the expected order is on screen before\n      // the first keystroke rather than discovered by getting it wrong.\n      placeholder=\"dd/mm/aaaa\"\n      value={text}\n      onChange={(event) => {\n        const next = maskBrDate(event.target.value);\n        setText(next);\n        // Emptying clears the bound. A COMPLETE day applies it. A partial one\n        // does NEITHER — it leaves whatever is applied alone, so typing is never\n        // fought and a half-typed year never reaches the backend.\n        if (next === '') return onChange(undefined);\n        const iso = brToIso(next);\n        if (iso) onChange(iso);\n      }}\n      // Leaving a half-typed (or impossible) date on screen would show a filter\n      // the list is not actually using. On blur the field snaps back to what IS\n      // applied; a complete date already equals it, so this only ever tidies.\n      onBlur={() => setText(isoToBr(applied))}\n      // The placeholder occupies the space an un-shrunk label would render into.\n      InputLabelProps={{ shrink: true }}\n      inputProps={dayInputProps(testId, describedBy)}\n      sx={{ width: 165 }}\n    />\n  );\n}\n"],"mappings":";AA6BA,SAAS,iBAAiB;AAC1B,SAAgB,WAAW,gBAAgB;AAiHvC;AA9GG,SAAS,QAAQ,KAAqB;AAC3C,QAAM,QAAQ,4BAA4B,KAAK,GAAG;AAClD,SAAO,QAAQ,GAAG,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,KAAK;AACzD;AAQO,SAAS,QAAQ,MAAsB;AAC5C,QAAM,QAAQ,8BAA8B,KAAK,IAAI;AACrD,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,CAAC,EAAE,IAAI,IAAI,IAAI,IAAI;AACzB,QAAM,MAAM,OAAO,EAAE;AACrB,QAAM,QAAQ,OAAO,EAAE;AACvB,QAAM,OAAO,OAAO,IAAI;AACxB,MAAI,OAAO,IAAM,QAAO;AACxB,QAAM,QAAQ,IAAI,KAAK,KAAK,IAAI,MAAM,QAAQ,GAAG,GAAG,CAAC;AACrD,MAAI,MAAM,YAAY,MAAM,QAAQ,KAAK,MAAM,WAAW,MAAM,IAAK,QAAO;AAC5E,SAAO,GAAG,IAAI,IAAI,EAAE,IAAI,EAAE;AAC5B;AAUO,SAAS,WAAW,KAAqB;AAC9C,QAAM,SAAS,IAAI,QAAQ,OAAO,EAAE,EAAE,MAAM,GAAG,CAAC;AAChD,MAAI,OAAO,UAAU,EAAG,QAAO;AAC/B,MAAI,OAAO,UAAU,EAAG,QAAO,GAAG,OAAO,MAAM,GAAG,CAAC,CAAC,IAAI,OAAO,MAAM,CAAC,CAAC;AACvE,SAAO,GAAG,OAAO,MAAM,GAAG,CAAC,CAAC,IAAI,OAAO,MAAM,GAAG,CAAC,CAAC,IAAI,OAAO,MAAM,CAAC,CAAC;AACvE;AAsBA,SAAS,cAAc,QAAgB,aAAiC;AACtE,SAAO;AAAA,IACL,eAAe;AAAA,IACf,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,GAAI,cAAc,EAAE,oBAAoB,YAAY,IAAI,CAAC;AAAA,EAC3D;AACF;AAOO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AACF,GAesB;AACpB,QAAM,UAAU,SAAS;AACzB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,MAAM,QAAQ,OAAO,CAAC;AAOvD,YAAU,MAAM;AACd,YAAQ,CAAC,YAAa,QAAQ,OAAO,MAAM,UAAU,UAAU,QAAQ,OAAO,CAAE;AAAA,EAClF,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MAGA,aAAY;AAAA,MACZ,OAAO;AAAA,MACP,UAAU,CAAC,UAAU;AACnB,cAAM,OAAO,WAAW,MAAM,OAAO,KAAK;AAC1C,gBAAQ,IAAI;AAIZ,YAAI,SAAS,GAAI,QAAO,SAAS,MAAS;AAC1C,cAAM,MAAM,QAAQ,IAAI;AACxB,YAAI,IAAK,UAAS,GAAG;AAAA,MACvB;AAAA,MAIA,QAAQ,MAAM,QAAQ,QAAQ,OAAO,CAAC;AAAA,MAEtC,iBAAiB,EAAE,QAAQ,KAAK;AAAA,MAChC,YAAY,cAAc,QAAQ,WAAW;AAAA,MAC7C,IAAI,EAAE,OAAO,IAAI;AAAA;AAAA,EACnB;AAEJ;","names":[]}

package/dist/chunk-HR7KRGJQ.js

@@ -0,0 +1,64 @@
+import {
+  Text
+} from "./chunk-6J7WQGE5.js";
+
+// src/components/data-display/DescriptionItem/DescriptionItem.tsx
+import { Box } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FLEX_ALIGN = { start: "flex-start", center: "center", end: "flex-end" };
+var containerSx = (isHorizontal, align) => ({
+  display: "flex",
+  flexDirection: isHorizontal ? "row" : "column",
+  alignItems: isHorizontal ? "center" : FLEX_ALIGN[align],
+  gap: isHorizontal ? 1 : 0,
+  // `alignItems` places the two boxes; `textAlign` handles a label or value
+  // that WRAPS, whose second line would otherwise fall back to flush-left
+  // inside a box the alignment had already centred.
+  textAlign: align
+});
+var labelStyle = (isHorizontal) => ({
+  textTransform: "uppercase",
+  marginBottom: isHorizontal ? 0 : "0.25rem",
+  minWidth: isHorizontal ? "fit-content" : void 0,
+  flexShrink: isHorizontal ? 0 : void 0
+});
+var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `description-item-${suffix}`;
+var DescriptionItem = ({
+  label,
+  value,
+  orientation = "vertical",
+  align = "start",
+  className,
+  "data-testid": dataTestId
+}) => {
+  const isHorizontal = orientation === "horizontal";
+  const testId = makeTestId(dataTestId);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      className,
+      sx: containerSx(isHorizontal, align),
+      "data-testid": dataTestId || "description-item",
+      children: [
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            variant: "caption",
+            size: "xs",
+            color: "secondary",
+            style: labelStyle(isHorizontal),
+            "data-testid": testId("label"),
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { "data-testid": testId("value"), children: typeof value === "string" || typeof value === "number" ? /* @__PURE__ */ jsx(Text, { variant: "body", size: "sm", weight: "semibold", children: value }) : value })
+      ]
+    }
+  );
+};
+DescriptionItem.displayName = "DescriptionItem";
+
+export {
+  DescriptionItem
+};
+//# sourceMappingURL=chunk-HR7KRGJQ.js.map

package/dist/chunk-HR7KRGJQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DescriptionItem/DescriptionItem.tsx"],"sourcesContent":["import { Box } from '@mui/material';\nimport type { ReactNode } from 'react';\n\nimport { Text } from '../../typography/Text/Text';\n\nexport interface DescriptionItemProps {\n  /**\n   * The label text to display\n   */\n  label: string;\n\n  /**\n   * The value to display - can be text, number, or any React node\n   */\n  value: ReactNode;\n\n  /**\n   * Layout orientation\n   * - `vertical`: Label above value (default)\n   * - `horizontal`: Label and value side by side\n   */\n  orientation?: 'vertical' | 'horizontal';\n\n  /**\n   * Which edge the label and value line up on.\n   *\n   * - `start` (default): both flush left, the reading order for a form or a\n   *   description list.\n   * - `center`: both centred over each other — for a pair sitting in a column\n   *   of its own, where a left-flush label over a shorter value looks unhinged\n   *   from it.\n   * - `end`: both flush right, which is what a numeric column wants so its\n   *   digits line up with the value above and below.\n   *\n   * Applies to `vertical`; a `horizontal` pair is already a single line.\n   */\n  align?: 'start' | 'center' | 'end';\n\n  /**\n   * Optional CSS class name\n   */\n  className?: string;\n\n  /**\n   * Test ID for testing purposes\n   */\n  'data-testid'?: string;\n}\n\n/**\n * DescriptionItem - A label-value pair component for displaying read-only information\n *\n * Used for displaying structured metadata, properties, or descriptive information\n * in a consistent vertical layout with a label above the value.\n *\n * @example\n * ```tsx\n * <DescriptionItem\n *   label=\"Incident ID\"\n *   value=\"INC-12345\"\n * />\n * ```\n *\n * @example\n * ```tsx\n * <DescriptionItem\n *   label=\"Status\"\n *   value={<Chip label=\"Active\" color=\"success\" />}\n * />\n * ```\n */\n/** `align` in the terms flexbox and CSS each want it. */\nconst FLEX_ALIGN = { start: 'flex-start', center: 'center', end: 'flex-end' } as const;\n\n// Vertical stacks the label above the value; horizontal sets them side by side\n// with the label sized to its content.\nconst containerSx = (isHorizontal: boolean, align: 'start' | 'center' | 'end') => ({\n  display: 'flex',\n  flexDirection: isHorizontal ? ('row' as const) : ('column' as const),\n  alignItems: isHorizontal ? 'center' : FLEX_ALIGN[align],\n  gap: isHorizontal ? 1 : 0,\n  // `alignItems` places the two boxes; `textAlign` handles a label or value\n  // that WRAPS, whose second line would otherwise fall back to flush-left\n  // inside a box the alignment had already centred.\n  textAlign: align,\n});\n\nconst labelStyle = (isHorizontal: boolean) => ({\n  textTransform: 'uppercase' as const,\n  marginBottom: isHorizontal ? 0 : '0.25rem',\n  minWidth: isHorizontal ? ('fit-content' as const) : undefined,\n  flexShrink: isHorizontal ? 0 : undefined,\n});\n\nconst makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `description-item-${suffix}`;\n\nexport const DescriptionItem: React.FC<DescriptionItemProps> = ({\n  label,\n  value,\n  orientation = 'vertical',\n  align = 'start',\n  className,\n  'data-testid': dataTestId,\n}) => {\n  const isHorizontal = orientation === 'horizontal';\n  const testId = makeTestId(dataTestId);\n\n  return (\n    <Box\n      className={className}\n      sx={containerSx(isHorizontal, align)}\n      data-testid={dataTestId || 'description-item'}\n    >\n      <Text\n        variant=\"caption\"\n        size=\"xs\"\n        color=\"secondary\"\n        style={labelStyle(isHorizontal)}\n        data-testid={testId('label')}\n      >\n        {label}\n      </Text>\n      <Box data-testid={testId('value')}>\n        {/* Plain text gets the component's own typography; anything else is\n            rendered as given. */}\n        {typeof value === 'string' || typeof value === 'number' ? (\n          <Text variant=\"body\" size=\"sm\" weight=\"semibold\">\n            {value}\n          </Text>\n        ) : (\n          value\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nDescriptionItem.displayName = 'DescriptionItem';\n"],"mappings":";;;;;AAAA,SAAS,WAAW;AA+GhB,SAKE,KALF;AAvCJ,IAAM,aAAa,EAAE,OAAO,cAAc,QAAQ,UAAU,KAAK,WAAW;AAI5E,IAAM,cAAc,CAAC,cAAuB,WAAuC;AAAA,EACjF,SAAS;AAAA,EACT,eAAe,eAAgB,QAAmB;AAAA,EAClD,YAAY,eAAe,WAAW,WAAW,KAAK;AAAA,EACtD,KAAK,eAAe,IAAI;AAAA;AAAA;AAAA;AAAA,EAIxB,WAAW;AACb;AAEA,IAAM,aAAa,CAAC,kBAA2B;AAAA,EAC7C,eAAe;AAAA,EACf,cAAc,eAAe,IAAI;AAAA,EACjC,UAAU,eAAgB,gBAA0B;AAAA,EACpD,YAAY,eAAe,IAAI;AACjC;AAEA,IAAM,aACJ,CAAC,eACD,CAAC,WACC,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,oBAAoB,MAAM;AAEhE,IAAM,kBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,QAAQ;AAAA,EACR;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,eAAe,gBAAgB;AACrC,QAAM,SAAS,WAAW,UAAU;AAEpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAI,YAAY,cAAc,KAAK;AAAA,MACnC,eAAa,cAAc;AAAA,MAE3B;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAO,WAAW,YAAY;AAAA,YAC9B,eAAa,OAAO,OAAO;AAAA,YAE1B;AAAA;AAAA,QACH;AAAA,QACA,oBAAC,OAAI,eAAa,OAAO,OAAO,GAG7B,iBAAO,UAAU,YAAY,OAAO,UAAU,WAC7C,oBAAC,QAAK,SAAQ,QAAO,MAAK,MAAK,QAAO,YACnC,iBACH,IAEA,OAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,gBAAgB,cAAc;","names":[]}

package/dist/chunk-ILXGVET4.js

@@ -0,0 +1,327 @@
+// src/components/layout/Card/Card.tsx
+import {
+  Box,
+  Card as MuiCard,
+  CardActions as MuiCardActions,
+  CardContent as MuiCardContent,
+  CardHeader as MuiCardHeader,
+  CardMedia as MuiCardMedia,
+  CircularProgress,
+  useTheme
+} from "@mui/material";
+
+// src/components/layout/Card/Card.helpers.ts
+var CARD_DEFAULTS = {
+  variant: "elevated",
+  interactive: false,
+  glow: false,
+  pulse: false,
+  borderRadius: "md",
+  loading: false
+};
+var definedProps = (props) => Object.fromEntries(
+  Object.entries(props).filter(([, value]) => value !== void 0)
+);
+var resolveCardProps = (props) => ({ ...CARD_DEFAULTS, ...definedProps(props) });
+
+// src/components/layout/Card/Card.styles.ts
+import { alpha, keyframes } from "@mui/material";
+var pulseAnimation = keyframes`
+  0% {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 1;
+  }
+  70% {
+    box-shadow: 0 0 0 15px currentColor;
+    opacity: 0;
+  }
+  100% {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 0;
+  }
+`;
+var borderRadiusFor = (theme, radius) => {
+  switch (radius) {
+    case "none":
+      return 0;
+    case "sm":
+      return theme.spacing(0.5);
+    case "lg":
+      return theme.spacing(2);
+    case "xl":
+      return theme.spacing(3);
+    case "full":
+      return "50%";
+    default:
+      return theme.spacing(1);
+  }
+};
+var pulseSurface = (theme) => ({
+  position: "relative",
+  overflow: "visible",
+  "&::after": {
+    content: '""',
+    position: "absolute",
+    top: "0",
+    left: "0",
+    right: "0",
+    bottom: "0",
+    borderRadius: "inherit",
+    backgroundColor: theme.palette.primary.main,
+    opacity: 0.3,
+    animation: `${pulseAnimation} 2s infinite`,
+    pointerEvents: "none",
+    zIndex: -1
+  }
+});
+var neumorphicShadow = (theme, lifted) => {
+  const spread = lifted ? 12 : 8;
+  const blur = spread * 2;
+  return theme.palette.mode === "dark" ? `${spread}px ${spread}px ${blur}px ${alpha(theme.palette.common.black, 0.3)}, -${spread}px -${spread}px ${blur}px ${alpha(theme.palette.common.white, 0.1)}` : `${spread}px ${spread}px ${blur}px ${alpha(theme.palette.grey[400], lifted ? 0.3 : 0.2)}, -${spread}px -${spread}px ${blur}px ${alpha(theme.palette.common.white, lifted ? 0.9 : 0.8)}`;
+};
+var sectionBackground = (theme, lifted) => {
+  if (theme.palette.mode === "dark") {
+    return lifted ? "rgba(0, 0, 0, 0.25)" : "rgba(0, 0, 0, 0.2)";
+  }
+  return lifted ? "rgba(0, 0, 0, 0.04)" : "rgba(0, 0, 0, 0.02)";
+};
+var VARIANT_SURFACES = {
+  elevated: (_theme, lifted) => ({
+    surface: { elevation: 4 },
+    hover: { elevation: lifted ? 8 : 4 }
+  }),
+  outlined: (theme, lifted) => ({
+    surface: { border: `1px solid ${theme.palette.divider}`, boxShadow: "none" },
+    hover: { borderColor: lifted ? theme.palette.primary.main : theme.palette.divider }
+  }),
+  glass: (theme, lifted) => ({
+    surface: {
+      backgroundColor: alpha(theme.palette.background.paper, 0.1),
+      backdropFilter: "blur(20px)",
+      border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,
+      boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`
+    },
+    hover: {
+      backgroundColor: alpha(theme.palette.background.paper, lifted ? 0.15 : 0.1),
+      border: `1px solid ${alpha(theme.palette.primary.main, 0.3)}`
+    }
+  }),
+  gradient: (theme, lifted) => ({
+    surface: {
+      background: cardGradient(theme, false),
+      color: theme.palette.primary.contrastText,
+      boxShadow: `0 4px 20px ${alpha(theme.palette.primary.main, 0.3)}`
+    },
+    hover: { background: cardGradient(theme, lifted) }
+  }),
+  neumorphic: (theme, lifted) => ({
+    surface: {
+      backgroundColor: theme.palette.mode === "dark" ? theme.palette.grey[800] : theme.palette.grey[100],
+      boxShadow: neumorphicShadow(theme, false),
+      border: "none"
+    },
+    hover: { boxShadow: neumorphicShadow(theme, lifted) }
+  }),
+  section: (theme, lifted) => ({
+    surface: {
+      backgroundColor: sectionBackground(theme, false),
+      border: "none",
+      boxShadow: "none"
+    },
+    hover: { backgroundColor: sectionBackground(theme, lifted) }
+  })
+};
+var cardGradient = (theme, dark) => dark ? `linear-gradient(135deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})` : `linear-gradient(135deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`;
+var variantSurface = (theme, variant, interactive) => VARIANT_SURFACES[variant]?.(theme, interactive) ?? null;
+var cardStyles = (theme, { variant, interactive, glow, pulse, borderRadius }) => {
+  const base = {
+    borderRadius: borderRadiusFor(theme, borderRadius),
+    transition: theme.transitions.create(
+      ["box-shadow", "transform", "border-color", "background-color"],
+      { duration: theme.transitions.duration.standard }
+    )
+  };
+  const chosen = variantSurface(theme, variant, interactive);
+  if (!chosen) return base;
+  return {
+    ...base,
+    ...interactive && { cursor: "pointer", "&:active": { transform: "translateY(0)" } },
+    ...glow && { boxShadow: `0 0 20px ${alpha(theme.palette.primary.main, 0.3)}` },
+    ...pulse && pulseSurface(theme),
+    ...chosen.surface,
+    "&:hover": {
+      ...interactive && { transform: "translateY(-2px)" },
+      ...glow && { boxShadow: `0 0 30px ${alpha(theme.palette.primary.main, 0.4)}` },
+      ...chosen.hover
+    }
+  };
+};
+
+// src/components/layout/Card/Card.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Card = (rawProps) => {
+  const {
+    children,
+    variant,
+    interactive,
+    glow,
+    pulse,
+    borderRadius,
+    loading,
+    onClick,
+    onFocus,
+    onBlur,
+    sx,
+    dataTestId,
+    // These props are reserved for future implementation but need to be extracted
+    // to prevent them from being passed to the underlying MuiCard
+    expandable: _expandable,
+    expanded: _expanded,
+    onExpandToggle: _onExpandToggle,
+    entranceAnimation: _entranceAnimation,
+    animationDelay: _animationDelay,
+    skeleton: _skeleton,
+    hoverScale: _hoverScale,
+    ...restProps
+  } = resolveCardProps(rawProps);
+  const theme = useTheme();
+  const idle = !loading;
+  return /* @__PURE__ */ jsxs(
+    MuiCard,
+    {
+      "data-testid": dataTestId || "card",
+      onClick: idle ? onClick : void 0,
+      onFocus: idle ? onFocus : void 0,
+      onBlur: idle ? onBlur : void 0,
+      sx: {
+        ...cardStyles(theme, { variant, interactive, glow, pulse, borderRadius }),
+        position: "relative",
+        opacity: loading ? 0.6 : 1,
+        pointerEvents: loading ? "none" : "auto",
+        ...sx
+      },
+      ...restProps,
+      children: [
+        loading && /* @__PURE__ */ jsx(
+          Box,
+          {
+            sx: {
+              position: "absolute",
+              top: "50%",
+              left: "50%",
+              transform: "translate(-50%, -50%)",
+              zIndex: 10
+            },
+            children: /* @__PURE__ */ jsx(CircularProgress, {})
+          }
+        ),
+        children
+      ]
+    }
+  );
+};
+var CardHeader = ({
+  title,
+  subtitle,
+  action,
+  avatar,
+  children,
+  dataTestId,
+  ...props
+}) => {
+  if (children) {
+    return /* @__PURE__ */ jsx(Box, { sx: { p: 2 }, "data-testid": dataTestId || "card-header", children });
+  }
+  return /* @__PURE__ */ jsx(
+    MuiCardHeader,
+    {
+      "data-testid": dataTestId || "card-header",
+      avatar,
+      action,
+      title,
+      subheader: subtitle,
+      titleTypographyProps: {
+        "data-testid": dataTestId ? `${dataTestId}-title` : "card-title"
+      },
+      subheaderTypographyProps: {
+        "data-testid": dataTestId ? `${dataTestId}-subtitle` : "card-subtitle"
+      },
+      ...props
+    }
+  );
+};
+var CardContent = ({ children, dense = false, dataTestId, ...props }) => /* @__PURE__ */ jsx(
+  MuiCardContent,
+  {
+    "data-testid": dataTestId || "card-content",
+    sx: {
+      padding: dense ? 1 : 2,
+      "&:last-child": {
+        paddingBottom: dense ? 1 : 2
+      }
+    },
+    ...props,
+    children
+  }
+);
+var CardActions = ({
+  children,
+  disableSpacing = false,
+  alignment = "left",
+  dataTestId,
+  ...props
+}) => {
+  const getJustifyContent = () => {
+    switch (alignment) {
+      case "center":
+        return "center";
+      case "right":
+        return "flex-end";
+      case "space-between":
+        return "space-between";
+      default:
+        return "flex-start";
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    MuiCardActions,
+    {
+      "data-testid": dataTestId || "card-actions",
+      disableSpacing,
+      sx: {
+        justifyContent: getJustifyContent()
+      },
+      ...props,
+      children
+    }
+  );
+};
+var CardMedia = ({
+  component = "div",
+  image,
+  title,
+  height = 200,
+  children,
+  dataTestId,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  MuiCardMedia,
+  {
+    "data-testid": dataTestId || "card-media",
+    component,
+    height,
+    image,
+    title,
+    ...props,
+    children
+  }
+);
+
+export {
+  Card,
+  CardHeader,
+  CardContent,
+  CardActions,
+  CardMedia
+};
+//# sourceMappingURL=chunk-ILXGVET4.js.map

package/dist/chunk-ILXGVET4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Card/Card.tsx","../src/components/layout/Card/Card.helpers.ts","../src/components/layout/Card/Card.styles.ts"],"sourcesContent":["import {\n  Box,\n  Card as MuiCard,\n  CardActions as MuiCardActions,\n  CardContent as MuiCardContent,\n  CardHeader as MuiCardHeader,\n  CardMedia as MuiCardMedia,\n  CircularProgress,\n  useTheme,\n} from '@mui/material';\nimport React from 'react';\n\nimport { resolveCardProps } from './Card.helpers';\nimport { cardStyles } from './Card.styles';\nimport type {\n  CardActionsProps,\n  CardContentProps,\n  CardHeaderProps,\n  CardMediaProps,\n  CardProps,\n} from './Card.types';\n\nexport const Card: React.FC<CardProps> = (rawProps) => {\n  const {\n    children,\n    variant,\n    interactive,\n    glow,\n    pulse,\n    borderRadius,\n    loading,\n    onClick,\n    onFocus,\n    onBlur,\n    sx,\n    dataTestId,\n    // These props are reserved for future implementation but need to be extracted\n    // to prevent them from being passed to the underlying MuiCard\n    expandable: _expandable,\n    expanded: _expanded,\n    onExpandToggle: _onExpandToggle,\n    entranceAnimation: _entranceAnimation,\n    animationDelay: _animationDelay,\n    skeleton: _skeleton,\n    hoverScale: _hoverScale,\n    ...restProps\n  } = resolveCardProps(rawProps);\n\n  const theme = useTheme();\n\n  // A loading card is inert: no handlers fire and pointer events are off, so a\n  // half-rendered card cannot be clicked through.\n  const idle = !loading;\n\n  return (\n    <MuiCard\n      data-testid={dataTestId || 'card'}\n      onClick={idle ? onClick : undefined}\n      onFocus={idle ? onFocus : undefined}\n      onBlur={idle ? onBlur : undefined}\n      sx={{\n        ...cardStyles(theme, { variant, interactive, glow, pulse, borderRadius }),\n        position: 'relative',\n        opacity: loading ? 0.6 : 1,\n        pointerEvents: loading ? 'none' : 'auto',\n        ...sx,\n      }}\n      {...restProps}\n    >\n      {loading && (\n        <Box\n          sx={{\n            position: 'absolute',\n            top: '50%',\n            left: '50%',\n            transform: 'translate(-50%, -50%)',\n            zIndex: 10,\n          }}\n        >\n          <CircularProgress />\n        </Box>\n      )}\n      {children}\n    </MuiCard>\n  );\n};\n\nexport const CardHeader: React.FC<CardHeaderProps> = ({\n  title,\n  subtitle,\n  action,\n  avatar,\n  children,\n  dataTestId,\n  ...props\n}) => {\n  if (children) {\n    return <Box sx={{ p: 2 }} data-testid={dataTestId || 'card-header'}>{children}</Box>;\n  }\n\n  return (\n    <MuiCardHeader\n      data-testid={dataTestId || 'card-header'}\n      avatar={avatar}\n      action={action}\n      title={title}\n      subheader={subtitle}\n      titleTypographyProps={{\n        'data-testid': dataTestId ? `${dataTestId}-title` : 'card-title',\n      } as Record<string, unknown>}\n      subheaderTypographyProps={{\n        'data-testid': dataTestId ? `${dataTestId}-subtitle` : 'card-subtitle',\n      } as Record<string, unknown>}\n      {...props}\n    />\n  );\n};\n\nexport const CardContent: React.FC<CardContentProps> = ({ children, dense = false, dataTestId, ...props }) => (\n    <MuiCardContent\n      data-testid={dataTestId || 'card-content'}\n      sx={{\n        padding: dense ? 1 : 2,\n        '&:last-child': {\n          paddingBottom: dense ? 1 : 2,\n        },\n      }}\n      {...props}\n    >\n      {children}\n    </MuiCardContent>\n  );\n\nexport const CardActions: React.FC<CardActionsProps> = ({\n  children,\n  disableSpacing = false,\n  alignment = 'left',\n  dataTestId,\n  ...props\n}) => {\n  const getJustifyContent = () => {\n    switch (alignment) {\n      case 'center':\n        return 'center';\n      case 'right':\n        return 'flex-end';\n      case 'space-between':\n        return 'space-between';\n      default:\n        return 'flex-start';\n    }\n  };\n\n  return (\n    <MuiCardActions\n      data-testid={dataTestId || 'card-actions'}\n      disableSpacing={disableSpacing}\n      sx={{\n        justifyContent: getJustifyContent(),\n      }}\n      {...props}\n    >\n      {children}\n    </MuiCardActions>\n  );\n};\n\nexport const CardMedia: React.FC<CardMediaProps> = ({\n  component = 'div',\n  image,\n  title,\n  height = 200,\n  children,\n  dataTestId,\n  ...props\n}) => (\n    <MuiCardMedia\n      data-testid={dataTestId || 'card-media'}\n      component={component}\n      height={height}\n      image={image}\n      title={title}\n      {...props}\n    >\n      {children}\n    </MuiCardMedia>\n  );\n","import type { CardProps } from './Card.types';\n\ntype CardDefaultedKeys =\n  | 'variant'\n  | 'interactive'\n  | 'glow'\n  | 'pulse'\n  | 'borderRadius'\n  | 'loading';\n\ntype ResolvedCardProps = CardProps & Required<Pick<CardProps, CardDefaultedKeys>>;\n\nconst CARD_DEFAULTS: Pick<CardProps, CardDefaultedKeys> = {\n  variant: 'elevated',\n  interactive: false,\n  glow: false,\n  pulse: false,\n  borderRadius: 'md',\n  loading: false,\n};\n\n// Strips explicitly-undefined props before the merge, so `glow={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: CardProps): Partial<CardProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<CardProps>;\n\nexport const resolveCardProps = (props: CardProps): ResolvedCardProps =>\n  ({ ...CARD_DEFAULTS, ...definedProps(props) }) as ResolvedCardProps;\n","import { alpha, keyframes } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nimport type { CardProps, CardVariant } from './Card.types';\n\ntype BorderRadius = NonNullable<CardProps['borderRadius']>;\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 15px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\nconst borderRadiusFor = (theme: Theme, radius: BorderRadius): number | string => {\n  switch (radius) {\n    case 'none':\n      return 0;\n    case 'sm':\n      return theme.spacing(0.5);\n    case 'lg':\n      return theme.spacing(2);\n    case 'xl':\n      return theme.spacing(3);\n    case 'full':\n      return '50%';\n    default:\n      return theme.spacing(1);\n  }\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: 0.3,\n    animation: `${pulseAnimation} 2s infinite`,\n    pointerEvents: 'none',\n    zIndex: -1,\n  },\n});\n\nconst neumorphicShadow = (theme: Theme, lifted: boolean): string => {\n  const spread = lifted ? 12 : 8;\n  const blur = spread * 2;\n\n  return theme.palette.mode === 'dark'\n    ? `${spread}px ${spread}px ${blur}px ${alpha(theme.palette.common.black, 0.3)}, -${spread}px -${spread}px ${blur}px ${alpha(theme.palette.common.white, 0.1)}`\n    : `${spread}px ${spread}px ${blur}px ${alpha(theme.palette.grey[400], lifted ? 0.3 : 0.2)}, -${spread}px -${spread}px ${blur}px ${alpha(theme.palette.common.white, lifted ? 0.9 : 0.8)}`;\n};\n\nconst sectionBackground = (theme: Theme, lifted: boolean): string => {\n  if (theme.palette.mode === 'dark') {\n    return lifted ? 'rgba(0, 0, 0, 0.25)' : 'rgba(0, 0, 0, 0.2)';\n  }\n  return lifted ? 'rgba(0, 0, 0, 0.04)' : 'rgba(0, 0, 0, 0.02)';\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: 4 } as CSSObject,\n    hover: { elevation: lifted ? 8 : 4 } as CSSObject,\n  }),\n  outlined: (theme, lifted) => ({\n    surface: { border: `1px solid ${theme.palette.divider}`, boxShadow: 'none' },\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, 0.1),\n      backdropFilter: 'blur(20px)',\n      border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,\n      boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`,\n    },\n    hover: {\n      backgroundColor: alpha(theme.palette.background.paper, lifted ? 0.15 : 0.1),\n      border: `1px solid ${alpha(theme.palette.primary.main, 0.3)}`,\n    },\n  }),\n  gradient: (theme, lifted) => ({\n    surface: {\n      background: cardGradient(theme, false),\n      color: theme.palette.primary.contrastText,\n      boxShadow: `0 4px 20px ${alpha(theme.palette.primary.main, 0.3)}`,\n    },\n    hover: { background: cardGradient(theme, lifted) },\n  }),\n  neumorphic: (theme, lifted) => ({\n    surface: {\n      backgroundColor:\n        theme.palette.mode === 'dark' ? theme.palette.grey[800] : theme.palette.grey[100],\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(135deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`\n    : `linear-gradient(135deg, ${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: `0 0 20px ${alpha(theme.palette.primary.main, 0.3)}` }),\n    ...(pulse && pulseSurface(theme)),\n    ...chosen.surface,\n    '&:hover': {\n      ...(interactive && { transform: 'translateY(-2px)' }),\n      ...(glow && { boxShadow: `0 0 30px ${alpha(theme.palette.primary.main, 0.4)}` }),\n      ...chosen.hover,\n    },\n  };\n};\n"],"mappings":"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","names":[]}