@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-HD6ZNARS.js

@@ -0,0 +1,89 @@
+import {
+  uiInk
+} from "./chunk-FQ6UW7IY.js";
+
+// src/components/form/CodeEditor/CodeEditor.monaco.ts
+var chromeColors = (chrome) => ({
+  "editor.background": chrome.background,
+  "editor.foreground": chrome.foreground,
+  "editor.lineHighlightBackground": chrome.lineHighlight,
+  "editorLineNumber.foreground": chrome.lineNumber,
+  "editorIndentGuide.background": chrome.gutterBorder,
+  "editor.selectionBackground": chrome.selection
+});
+var customLightTheme = (chrome) => ({
+  base: "vs",
+  inherit: true,
+  rules: [
+    { token: "comment", foreground: "6A737D", fontStyle: "italic" },
+    { token: "keyword", foreground: "D73A49" },
+    { token: "string", foreground: "032F62" },
+    { token: "number", foreground: "005CC5" }
+  ],
+  colors: chromeColors(chrome)
+});
+var customDarkTheme = (chrome) => ({
+  base: "vs-dark",
+  inherit: true,
+  rules: [
+    { token: "comment", foreground: "6A737D", fontStyle: "italic" },
+    { token: "keyword", foreground: "F97583" },
+    { token: "string", foreground: "9ECBFF" },
+    { token: "number", foreground: "79B8FF" }
+  ],
+  colors: chromeColors(chrome)
+});
+var AUTO_FORMAT_DELAY_MS = 100;
+var registerEditorThemes = (monaco, theme) => {
+  const chrome = uiInk(theme).codeEditor;
+  monaco.editor.defineTheme("custom-light", customLightTheme(chrome.light));
+  monaco.editor.defineTheme("custom-dark", customDarkTheme(chrome.dark));
+};
+var configureTypeScriptDefaults = (monaco) => {
+  try {
+    const tsLanguage = monaco.languages.getLanguages().find((language) => language.id === "typescript");
+    if (!tsLanguage) return;
+    monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
+      target: monaco.languages.typescript.ScriptTarget.ES2020,
+      allowNonTsExtensions: true,
+      moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
+      module: monaco.languages.typescript.ModuleKind.CommonJS,
+      noEmit: true,
+      esModuleInterop: true,
+      jsx: monaco.languages.typescript.JsxEmit.React,
+      reactNamespace: "React",
+      allowJs: true,
+      typeRoots: ["node_modules/@types"]
+    });
+    monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
+      noSemanticValidation: false,
+      noSyntaxValidation: false,
+      noSuggestionDiagnostics: true
+    });
+  } catch {
+  }
+};
+var scheduleAutoFormat = (mountedEditor, enabled) => {
+  if (!enabled) return;
+  window.setTimeout(() => {
+    mountedEditor.getAction("editor.action.formatDocument")?.run();
+  }, AUTO_FORMAT_DELAY_MS);
+};
+var registerSaveShortcut = (mountedEditor, monaco, onSave) => {
+  mountedEditor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS, () => {
+    onSave?.(mountedEditor.getValue());
+  });
+};
+var resolveEditorTheme = (themeProp, paletteMode) => {
+  const wantsDark = themeProp === "auto" ? paletteMode === "dark" : themeProp === "dark";
+  return wantsDark ? "custom-dark" : "custom-light";
+};
+
+export {
+  registerEditorThemes,
+  configureTypeScriptDefaults,
+  scheduleAutoFormat,
+  registerSaveShortcut,
+  resolveEditorTheme
+};
+//# sourceMappingURL=chunk-HD6ZNARS.js.map

package/dist/chunk-HD6ZNARS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CodeEditor/CodeEditor.monaco.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\nimport type { Monaco } from '@monaco-editor/react';\nimport type { editor } from 'monaco-editor';\n\nimport { uiInk, type UiInk } from '../../../tokens/ink';\n\ntype EditorChrome = UiInk['codeEditor']['light'];\n\n/** Monaco's colour keys, filled from one mode's chrome. */\nconst chromeColors = (chrome: EditorChrome) => ({\n  'editor.background': chrome.background,\n  'editor.foreground': chrome.foreground,\n  'editor.lineHighlightBackground': chrome.lineHighlight,\n  'editorLineNumber.foreground': chrome.lineNumber,\n  'editorIndentGuide.background': chrome.gutterBorder,\n  'editor.selectionBackground': chrome.selection,\n});\n\nconst customLightTheme = (chrome: EditorChrome) => ({\n  base: 'vs' as const,\n  inherit: true,\n  rules: [\n    { token: 'comment', foreground: '6A737D', fontStyle: 'italic' },\n    { token: 'keyword', foreground: 'D73A49' },\n    { token: 'string', foreground: '032F62' },\n    { token: 'number', foreground: '005CC5' },\n  ],\n  colors: chromeColors(chrome),\n});\n\nconst customDarkTheme = (chrome: EditorChrome) => ({\n  base: 'vs-dark' as const,\n  inherit: true,\n  rules: [\n    { token: 'comment', foreground: '6A737D', fontStyle: 'italic' },\n    { token: 'keyword', foreground: 'F97583' },\n    { token: 'string', foreground: '9ECBFF' },\n    { token: 'number', foreground: '79B8FF' },\n  ],\n  colors: chromeColors(chrome),\n});\n\n// Main component\nconst AUTO_FORMAT_DELAY_MS = 100;\n\nexport const registerEditorThemes = (monaco: Monaco, theme: Theme) => {\n  const chrome = uiInk(theme).codeEditor;\n  monaco.editor.defineTheme('custom-light', customLightTheme(chrome.light));\n  monaco.editor.defineTheme('custom-dark', customDarkTheme(chrome.dark));\n};\n\n// Best-effort: a Monaco build without the TypeScript worker (as in jsdom) throws\n// here, and the editor is still usable without it.\nexport const configureTypeScriptDefaults = (monaco: Monaco) => {\n  try {\n    const tsLanguage = monaco.languages\n      .getLanguages()\n      .find((language) => language.id === 'typescript');\n\n    if (!tsLanguage) return;\n\n    monaco.languages.typescript.typescriptDefaults.setCompilerOptions({\n      target: monaco.languages.typescript.ScriptTarget.ES2020,\n      allowNonTsExtensions: true,\n      moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,\n      module: monaco.languages.typescript.ModuleKind.CommonJS,\n      noEmit: true,\n      esModuleInterop: true,\n      jsx: monaco.languages.typescript.JsxEmit.React,\n      reactNamespace: 'React',\n      allowJs: true,\n      typeRoots: ['node_modules/@types'],\n    });\n\n    monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({\n      noSemanticValidation: false,\n      noSyntaxValidation: false,\n      noSuggestionDiagnostics: true,\n    });\n  } catch {\n    // Silently handle any TypeScript configuration errors in test environments\n  }\n};\n\nexport const scheduleAutoFormat = (mountedEditor: editor.IStandaloneCodeEditor, enabled: boolean) => {\n  if (!enabled) return;\n\n  window.setTimeout(() => {\n    mountedEditor.getAction('editor.action.formatDocument')?.run();\n  }, AUTO_FORMAT_DELAY_MS);\n};\n\nexport const registerSaveShortcut = (\n  mountedEditor: editor.IStandaloneCodeEditor,\n  monaco: Monaco,\n  onSave?: (value: string) => void,\n) => {\n  mountedEditor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS, () => {\n    onSave?.(mountedEditor.getValue());\n  });\n};\n\n// 'auto' follows the MUI palette; otherwise the caller's choice wins.\nexport const resolveEditorTheme = (themeProp: string, paletteMode: string) => {\n  const wantsDark = themeProp === 'auto' ? paletteMode === 'dark' : themeProp === 'dark';\n\n  return wantsDark ? 'custom-dark' : 'custom-light';\n};\n\n// Monaco's options object. Only the first five entries vary with our props; the\n// rest are fixed editor preferences.\n"],"mappings":";;;;;AASA,IAAM,eAAe,CAAC,YAA0B;AAAA,EAC9C,qBAAqB,OAAO;AAAA,EAC5B,qBAAqB,OAAO;AAAA,EAC5B,kCAAkC,OAAO;AAAA,EACzC,+BAA+B,OAAO;AAAA,EACtC,gCAAgC,OAAO;AAAA,EACvC,8BAA8B,OAAO;AACvC;AAEA,IAAM,mBAAmB,CAAC,YAA0B;AAAA,EAClD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,IACL,EAAE,OAAO,WAAW,YAAY,UAAU,WAAW,SAAS;AAAA,IAC9D,EAAE,OAAO,WAAW,YAAY,SAAS;AAAA,IACzC,EAAE,OAAO,UAAU,YAAY,SAAS;AAAA,IACxC,EAAE,OAAO,UAAU,YAAY,SAAS;AAAA,EAC1C;AAAA,EACA,QAAQ,aAAa,MAAM;AAC7B;AAEA,IAAM,kBAAkB,CAAC,YAA0B;AAAA,EACjD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,IACL,EAAE,OAAO,WAAW,YAAY,UAAU,WAAW,SAAS;AAAA,IAC9D,EAAE,OAAO,WAAW,YAAY,SAAS;AAAA,IACzC,EAAE,OAAO,UAAU,YAAY,SAAS;AAAA,IACxC,EAAE,OAAO,UAAU,YAAY,SAAS;AAAA,EAC1C;AAAA,EACA,QAAQ,aAAa,MAAM;AAC7B;AAGA,IAAM,uBAAuB;AAEtB,IAAM,uBAAuB,CAAC,QAAgB,UAAiB;AACpE,QAAM,SAAS,MAAM,KAAK,EAAE;AAC5B,SAAO,OAAO,YAAY,gBAAgB,iBAAiB,OAAO,KAAK,CAAC;AACxE,SAAO,OAAO,YAAY,eAAe,gBAAgB,OAAO,IAAI,CAAC;AACvE;AAIO,IAAM,8BAA8B,CAAC,WAAmB;AAC7D,MAAI;AACF,UAAM,aAAa,OAAO,UACvB,aAAa,EACb,KAAK,CAAC,aAAa,SAAS,OAAO,YAAY;AAElD,QAAI,CAAC,WAAY;AAEjB,WAAO,UAAU,WAAW,mBAAmB,mBAAmB;AAAA,MAChE,QAAQ,OAAO,UAAU,WAAW,aAAa;AAAA,MACjD,sBAAsB;AAAA,MACtB,kBAAkB,OAAO,UAAU,WAAW,qBAAqB;AAAA,MACnE,QAAQ,OAAO,UAAU,WAAW,WAAW;AAAA,MAC/C,QAAQ;AAAA,MACR,iBAAiB;AAAA,MACjB,KAAK,OAAO,UAAU,WAAW,QAAQ;AAAA,MACzC,gBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,WAAW,CAAC,qBAAqB;AAAA,IACnC,CAAC;AAED,WAAO,UAAU,WAAW,mBAAmB,sBAAsB;AAAA,MACnE,sBAAsB;AAAA,MACtB,oBAAoB;AAAA,MACpB,yBAAyB;AAAA,IAC3B,CAAC;AAAA,EACH,QAAQ;AAAA,EAER;AACF;AAEO,IAAM,qBAAqB,CAAC,eAA6C,YAAqB;AACnG,MAAI,CAAC,QAAS;AAEd,SAAO,WAAW,MAAM;AACtB,kBAAc,UAAU,8BAA8B,GAAG,IAAI;AAAA,EAC/D,GAAG,oBAAoB;AACzB;AAEO,IAAM,uBAAuB,CAClC,eACA,QACA,WACG;AACH,gBAAc,WAAW,OAAO,OAAO,UAAU,OAAO,QAAQ,MAAM,MAAM;AAC1E,aAAS,cAAc,SAAS,CAAC;AAAA,EACnC,CAAC;AACH;AAGO,IAAM,qBAAqB,CAAC,WAAmB,gBAAwB;AAC5E,QAAM,YAAY,cAAc,SAAS,gBAAgB,SAAS,cAAc;AAEhF,SAAO,YAAY,gBAAgB;AACrC;","names":[]}

package/dist/chunk-HEVST4CS.js

@@ -0,0 +1,347 @@
+import {
+  usePhoneInput
+} from "./chunk-BGYLL467.js";
+import {
+  countries
+} from "./chunk-3JDP5OUR.js";
+import {
+  fieldControlStyles,
+  fieldTextFieldStyles
+} from "./chunk-CGO452DC.js";
+import {
+  fieldRadius
+} from "./chunk-GDN2LUTZ.js";
+import {
+  fieldEdge
+} from "./chunk-7FDU3FIN.js";
+
+// src/components/form/PhoneInput/PhoneInput.tsx
+import ArrowDropDown from "@mui/icons-material/ArrowDropDown";
+import PhoneIcon from "@mui/icons-material/Phone";
+import Box from "@mui/material/Box/index.js";
+import InputAdornment from "@mui/material/InputAdornment/index.js";
+import ListItemIcon from "@mui/material/ListItemIcon/index.js";
+import ListItemText from "@mui/material/ListItemText/index.js";
+import Menu from "@mui/material/Menu/index.js";
+import MenuItem from "@mui/material/MenuItem/index.js";
+import TextField from "@mui/material/TextField/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { alpha, styled, useTheme } from "@mui/material/styles/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FieldTextField = styled(TextField)(({ theme }) => fieldTextFieldStyles(theme));
+var GlassTextField = styled(TextField)(({ theme }) => ({
+  ...fieldControlStyles(theme),
+  "& .MuiOutlinedInput-root": {
+    borderRadius: fieldRadius(theme),
+    background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.8)} 0%, ${alpha(theme.palette.background.paper, 0.6)} 100%)`,
+    backdropFilter: "blur(10px)",
+    WebkitBackdropFilter: "blur(10px)",
+    border: `1px solid ${fieldEdge(theme)}`,
+    transition: theme.transitions.create(["border-color", "box-shadow", "background"]),
+    "&:hover": {
+      background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.9)} 0%, ${alpha(theme.palette.background.paper, 0.7)} 100%)`,
+      borderColor: theme.palette.primary.main
+    },
+    "&.Mui-focused": {
+      background: theme.palette.background.paper,
+      boxShadow: `0 0 0 2px ${alpha(theme.palette.primary.main, 0.25)}`
+    },
+    "& fieldset": {
+      border: "none"
+    }
+  },
+  "& .MuiInputLabel-root": {
+    "&.Mui-focused": {
+      color: theme.palette.primary.main
+    }
+  }
+}));
+var CountrySelector = styled(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  padding: theme.spacing(0.5, 1),
+  borderRadius: theme.shape.borderRadius,
+  cursor: "pointer",
+  transition: theme.transitions.create(["background-color"]),
+  "&:hover": {
+    backgroundColor: alpha(theme.palette.primary.main, 0.08)
+  }
+}));
+var CountryMenu = styled(Menu)(({ theme }) => ({
+  "& .MuiPaper-root": {
+    background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.paper, 0.95)} 100%)`,
+    backdropFilter: "blur(20px)",
+    WebkitBackdropFilter: "blur(20px)",
+    border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,
+    maxHeight: 400
+  }
+}));
+var PhoneField = ({
+  TextFieldComponent,
+  copy,
+  variant,
+  label,
+  placeholder,
+  value,
+  validation,
+  disabled,
+  required,
+  fullWidth,
+  icon,
+  isValid,
+  selectedCountry,
+  anchorEl,
+  onChange,
+  onFocus,
+  onBlur,
+  onCountryOpen,
+  onCountryOpenViaKeyboard
+}) => /* @__PURE__ */ jsx(
+  TextFieldComponent,
+  {
+    variant: variant === "glass" ? "outlined" : variant,
+    label,
+    placeholder,
+    value,
+    onChange,
+    onFocus,
+    onBlur,
+    error: validation.hasError,
+    helperText: validation.helperText,
+    disabled,
+    required,
+    fullWidth,
+    type: "tel",
+    "data-testid": "phone-input-field",
+    InputProps: {
+      startAdornment: /* @__PURE__ */ jsx(
+        CountryAdornment,
+        {
+          selectCountryLabel: copy.selectCountry,
+          country: selectedCountry,
+          menuOpen: Boolean(anchorEl),
+          onOpen: onCountryOpen,
+          onOpenViaKeyboard: onCountryOpenViaKeyboard
+        }
+      ),
+      endAdornment: /* @__PURE__ */ jsx(ValidityAdornment, { icon, isValid })
+    },
+    sx: {
+      "& input": {
+        letterSpacing: "0.5px"
+      }
+    }
+  }
+);
+var PHONE_INPUT_DEFAULTS = {
+  variant: "outlined",
+  label: "Phone Number",
+  placeholder: "Enter phone number",
+  icon: /* @__PURE__ */ jsx(PhoneIcon, {}),
+  defaultValue: "",
+  countryCode: "US",
+  floating: false,
+  error: false,
+  disabled: false,
+  required: false,
+  fullWidth: true
+};
+var definedProps = (props) => Object.fromEntries(
+  Object.entries(props).filter(([, value]) => value !== void 0)
+);
+var CountryAdornment = ({ country, menuOpen, onOpen, onOpenViaKeyboard, selectCountryLabel }) => /* @__PURE__ */ jsx(InputAdornment, { position: "start", "data-testid": "phone-input-start-adornment", children: /* @__PURE__ */ jsxs(
+  CountrySelector,
+  {
+    onClick: onOpen,
+    role: "button",
+    "aria-label": selectCountryLabel,
+    "aria-expanded": menuOpen,
+    tabIndex: 0,
+    "data-testid": "country-selector",
+    onKeyDown: (e) => {
+      if (e.key !== "Enter" && e.key !== " ") return;
+      e.preventDefault();
+      onOpenViaKeyboard(e.currentTarget);
+    },
+    children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "h6", component: "span", sx: { mr: 0.5 }, "data-testid": "country-flag", children: country?.flag }),
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "body2",
+          color: "text.secondary",
+          sx: { mr: 0.5 },
+          "data-testid": "country-dial-code",
+          children: country?.dial
+        }
+      ),
+      /* @__PURE__ */ jsx(ArrowDropDown, { fontSize: "small", "data-testid": "country-dropdown-icon" })
+    ]
+  }
+) });
+var ValidityAdornment = ({
+  icon,
+  isValid
+}) => {
+  const theme = useTheme();
+  if (!icon) return null;
+  return /* @__PURE__ */ jsx(InputAdornment, { position: "end", "data-testid": "phone-input-end-adornment", children: /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: {
+        color: isValid ? theme.palette.success.main : theme.palette.text.secondary,
+        transition: "color 0.3s ease"
+      },
+      "data-testid": "phone-input-icon",
+      children: icon
+    }
+  ) });
+};
+var CountryPicker = ({ anchorEl, selectedCode, onClose, onSelect }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(
+    CountryMenu,
+    {
+      anchorEl,
+      open: Boolean(anchorEl),
+      onClose,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "left"
+      },
+      transformOrigin: {
+        vertical: "top",
+        horizontal: "left"
+      },
+      "data-testid": "country-menu",
+      children: countries.map((country) => /* @__PURE__ */ jsxs(
+        MenuItem,
+        {
+          onClick: () => onSelect(country),
+          selected: country.code === selectedCode,
+          "data-testid": `country-option-${country.code}`,
+          sx: {
+            "&:hover": {
+              background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)} 0%, ${alpha(theme.palette.primary.main, 0.05)} 100%)`
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 36 }, children: /* @__PURE__ */ jsx(Typography, { variant: "h5", component: "span", children: country.flag }) }),
+            /* @__PURE__ */ jsx(
+              ListItemText,
+              {
+                primary: country.name,
+                secondary: country.dial,
+                primaryTypographyProps: { fontSize: "0.9rem" },
+                secondaryTypographyProps: { fontSize: "0.8rem" }
+              }
+            )
+          ]
+        },
+        country.code
+      ))
+    }
+  );
+};
+var resolveValidation = ({
+  error,
+  errorMessage,
+  isValid,
+  value,
+  isFocused,
+  helper,
+  countryName,
+  copy
+}) => {
+  const looksInvalid = !isValid && value !== "" && !isFocused;
+  return {
+    hasError: error || looksInvalid,
+    helperText: errorMessage || (looksInvalid ? copy.invalidNumber(countryName || copy.unknownCountry) : helper)
+  };
+};
+var PhoneInput = (props) => {
+  const { copy } = props;
+  const {
+    variant,
+    label,
+    placeholder,
+    icon,
+    defaultValue,
+    countryCode: initialCountryCode,
+    floating,
+    onChange,
+    helper,
+    error,
+    errorMessage,
+    disabled,
+    required,
+    fullWidth
+  } = { ...PHONE_INPUT_DEFAULTS, ...definedProps(props) };
+  const {
+    value,
+    selectedCountry,
+    anchorEl,
+    isValid,
+    isFocused,
+    setIsFocused,
+    setAnchorEl,
+    handleCountryClick,
+    handleCountryClose,
+    handleCountrySelect,
+    handleChange,
+    handleBlur
+  } = usePhoneInput({ defaultValue, initialCountryCode, onChange });
+  const validation = resolveValidation({
+    error,
+    errorMessage,
+    isValid,
+    value,
+    isFocused,
+    helper,
+    countryName: selectedCountry?.name,
+    copy
+  });
+  const TextFieldComponent = variant === "glass" ? GlassTextField : FieldTextField;
+  return /* @__PURE__ */ jsxs(Box, { "data-testid": "phone-input-container", children: [
+    /* @__PURE__ */ jsx(
+      PhoneField,
+      {
+        copy,
+        TextFieldComponent,
+        variant,
+        label: floating ? void 0 : label,
+        placeholder,
+        value,
+        validation,
+        disabled,
+        required,
+        fullWidth,
+        icon,
+        isValid,
+        selectedCountry,
+        anchorEl,
+        onChange: handleChange,
+        onFocus: () => setIsFocused(true),
+        onBlur: handleBlur,
+        onCountryOpen: handleCountryClick,
+        onCountryOpenViaKeyboard: setAnchorEl
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CountryPicker,
+      {
+        anchorEl,
+        selectedCode: selectedCountry?.code,
+        onClose: handleCountryClose,
+        onSelect: handleCountrySelect
+      }
+    )
+  ] });
+};
+var PhoneInput_default = PhoneInput;
+
+export {
+  PhoneInput,
+  PhoneInput_default
+};
+//# sourceMappingURL=chunk-HEVST4CS.js.map

package/dist/chunk-HH5CNSJP.js

@@ -0,0 +1,123 @@
+import {
+  BADGE_DESTRUCTIVE_FONT_WEIGHT,
+  GLASS_BACKGROUND_ALPHA,
+  GLASS_BLUR_PX,
+  GLASS_BORDER_ALPHA,
+  GLASS_INSET_HIGHLIGHT_ALPHA,
+  GLASS_SATURATE,
+  OUTLINE_BORDER_WIDTH,
+  SECONDARY_BACKGROUND_ALPHA,
+  SECONDARY_BORDER_ALPHA
+} from "./chunk-PYC4CWCQ.js";
+import {
+  absoluteInk,
+  onMedia,
+  sheen
+} from "./chunk-FQ6UW7IY.js";
+
+// src/components/data-display/Badge/Badge.variants.ts
+import { alpha } from "@mui/material/styles/index.js";
+var BADGE_VARIANTS = {
+  default: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: colorPalette.main,
+    color: colorPalette.contrastText || theme.palette.getContrastText?.(colorPalette.main) || absoluteInk(theme).white,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  }),
+  dot: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: colorPalette.main,
+    width: sizeStyles.dotSize,
+    height: sizeStyles.dotSize,
+    minWidth: sizeStyles.dotSize,
+    borderRadius: "50%",
+    padding: 0
+  }),
+  count: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: colorPalette.main,
+    color: colorPalette.contrastText || theme.palette.getContrastText?.(colorPalette.main) || absoluteInk(theme).white,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: "50%"
+  }),
+  gradient: (theme, colorPalette, sizeStyles) => ({
+    background: `linear-gradient(135deg, ${colorPalette.main} 0%, ${colorPalette.dark || colorPalette.main} 100%)`,
+    color: onMedia(theme),
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  }),
+  glass: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: alpha(colorPalette.main, GLASS_BACKGROUND_ALPHA),
+    backdropFilter: `blur(${GLASS_BLUR_PX}px) saturate(${GLASS_SATURATE * 100}%)`,
+    WebkitBackdropFilter: `blur(${GLASS_BLUR_PX}px) saturate(${GLASS_SATURATE * 100}%)`,
+    border: `1px solid ${alpha(colorPalette.main, GLASS_BORDER_ALPHA)}`,
+    color: colorPalette.main,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2,
+    boxShadow: `inset 0 1px 1px ${sheen(theme, GLASS_INSET_HIGHLIGHT_ALPHA)}`
+  }),
+  outline: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: "transparent",
+    border: `${OUTLINE_BORDER_WIDTH}px solid ${colorPalette.main}`,
+    color: colorPalette.main,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  }),
+  secondary: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: alpha(colorPalette.main, SECONDARY_BACKGROUND_ALPHA),
+    color: colorPalette.main,
+    border: `1px solid ${alpha(colorPalette.main, SECONDARY_BORDER_ALPHA)}`,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  }),
+  destructive: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: theme.palette.error.main,
+    color: theme.palette.error.contrastText,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2,
+    fontWeight: BADGE_DESTRUCTIVE_FONT_WEIGHT
+  }),
+  success: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: theme.palette.success.main,
+    color: theme.palette.success.contrastText,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  }),
+  warning: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: theme.palette.warning.main,
+    color: theme.palette.warning.contrastText,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  })
+};
+var badgeVariantStyles = (theme, colorPalette, sizeStyles, customVariant) => customVariant ? BADGE_VARIANTS[customVariant]?.(theme, colorPalette, sizeStyles) ?? {} : {};
+
+export {
+  badgeVariantStyles
+};
+//# sourceMappingURL=chunk-HH5CNSJP.js.map

package/dist/chunk-HH5CNSJP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Badge/Badge.variants.ts"],"sourcesContent":["import type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport { alpha } from '@mui/material/styles/index.js';\n\nimport {\n  BADGE_DESTRUCTIVE_FONT_WEIGHT,\n  GLASS_BACKGROUND_ALPHA,\n  GLASS_BLUR_PX,\n  GLASS_BORDER_ALPHA,\n  GLASS_INSET_HIGHLIGHT_ALPHA,\n  GLASS_SATURATE,\n  OUTLINE_BORDER_WIDTH,\n  SECONDARY_BACKGROUND_ALPHA,\n  SECONDARY_BORDER_ALPHA,\n} from './Badge.metrics';\nimport type { BadgePalette, BadgeSizeStyles } from './Badge.styles';\nimport { absoluteInk, onMedia, sheen } from '../../../tokens/ink';\n\nconst BADGE_VARIANTS: Record<\n  string,\n  (theme: Theme, colorPalette: BadgePalette, sizeStyles: BadgeSizeStyles) => CSSObject\n> = {\n  default: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: colorPalette.main,\n        color:\n          colorPalette.contrastText || theme.palette.getContrastText?.(colorPalette.main) || absoluteInk(theme).white,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }),\n  dot: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: colorPalette.main,\n        width: sizeStyles.dotSize,\n        height: sizeStyles.dotSize,\n        minWidth: sizeStyles.dotSize,\n        borderRadius: '50%',\n        padding: 0 }),\n  count: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: colorPalette.main,\n        color:\n          colorPalette.contrastText || theme.palette.getContrastText?.(colorPalette.main) || absoluteInk(theme).white,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: '50%' }),\n  gradient: (theme, colorPalette, sizeStyles) => ({\n        background: `linear-gradient(135deg, ${colorPalette.main} 0%, ${colorPalette.dark || colorPalette.main} 100%)`,\n        color: onMedia(theme),\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }),\n  glass: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: alpha(colorPalette.main, GLASS_BACKGROUND_ALPHA),\n        backdropFilter: `blur(${GLASS_BLUR_PX}px) saturate(${GLASS_SATURATE * 100}%)`,\n        WebkitBackdropFilter: `blur(${GLASS_BLUR_PX}px) saturate(${GLASS_SATURATE * 100}%)`,\n        border: `1px solid ${alpha(colorPalette.main, GLASS_BORDER_ALPHA)}`,\n        color: colorPalette.main,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2,\n        boxShadow: `inset 0 1px 1px ${sheen(theme, GLASS_INSET_HIGHLIGHT_ALPHA)}` }),\n  outline: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: 'transparent',\n        border: `${OUTLINE_BORDER_WIDTH}px solid ${colorPalette.main}`,\n        color: colorPalette.main,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }),\n  secondary: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: alpha(colorPalette.main, SECONDARY_BACKGROUND_ALPHA),\n        color: colorPalette.main,\n        border: `1px solid ${alpha(colorPalette.main, SECONDARY_BORDER_ALPHA)}`,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }),\n  destructive: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: theme.palette.error.main,\n        color: theme.palette.error.contrastText,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2,\n        fontWeight: BADGE_DESTRUCTIVE_FONT_WEIGHT }),\n  success: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: theme.palette.success.main,\n        color: theme.palette.success.contrastText,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }),\n  warning: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: theme.palette.warning.main,\n        color: theme.palette.warning.contrastText,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }) };\n\nexport const badgeVariantStyles = (\n  theme: Theme,\n  colorPalette: BadgePalette,\n  sizeStyles: BadgeSizeStyles,\n  customVariant?: string,\n): CSSObject =>\n  customVariant ? (BADGE_VARIANTS[customVariant]?.(theme, colorPalette, sizeStyles) ?? {}) : {};\n\n"],"mappings":"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","names":[]}

package/dist/chunk-HMHCNNNW.js

@@ -0,0 +1,82 @@
+import {
+  thumbnailStripSx
+} from "./chunk-2BFUUUDS.js";
+import {
+  onMedia,
+  sheen
+} from "./chunk-FQ6UW7IY.js";
+
+// src/components/data-display/Lightbox/LightboxThumbnails.tsx
+import PlayIcon from "@mui/icons-material/PlayArrow";
+import Box from "@mui/material/Box/index.js";
+import { jsx } from "react/jsx-runtime";
+var THUMB_WIDTH = 60;
+var THUMB_HEIGHT = 40;
+var VideoThumbnail = () => /* @__PURE__ */ jsx(
+  Box,
+  {
+    sx: {
+      width: "100%",
+      height: "100%",
+      background: (theme) => sheen(theme, 0.1),
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    children: /* @__PURE__ */ jsx(PlayIcon, { sx: { color: onMedia, fontSize: 16 } })
+  }
+);
+var LightboxThumbnails = ({
+  items,
+  currentIndex,
+  testId,
+  onSelect
+}) => /* @__PURE__ */ jsx(
+  Box,
+  {
+    sx: {
+      ...thumbnailStripSx,
+      position: "absolute",
+      bottom: 16,
+      left: "50%",
+      transform: "translateX(-50%)",
+      display: "flex",
+      gap: 1,
+      maxWidth: "90vw",
+      overflowX: "auto",
+      padding: 1
+    },
+    "data-testid": testId("thumbnails"),
+    children: items.map((item, index) => /* @__PURE__ */ jsx(
+      Box,
+      {
+        onClick: () => onSelect(index),
+        sx: {
+          width: THUMB_WIDTH,
+          height: THUMB_HEIGHT,
+          cursor: "pointer",
+          border: currentIndex === index ? (theme) => `2px solid ${onMedia(theme)}` : "2px solid transparent",
+          borderRadius: 0.5,
+          overflow: "hidden",
+          flexShrink: 0,
+          "&:hover": { border: (theme) => `2px solid ${sheen(theme, 0.7)}` }
+        },
+        "data-testid": testId(`thumbnail-${index}`),
+        children: item.type === "video" ? /* @__PURE__ */ jsx(VideoThumbnail, {}) : /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: item.src,
+            alt: item.alt || `Thumbnail ${index + 1}`,
+            style: { width: "100%", height: "100%", objectFit: "cover" }
+          }
+        )
+      },
+      `${item.src}-${index}`
+    ))
+  }
+);
+
+export {
+  LightboxThumbnails
+};
+//# sourceMappingURL=chunk-HMHCNNNW.js.map

package/dist/chunk-HMHCNNNW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Lightbox/LightboxThumbnails.tsx"],"sourcesContent":["import PlayIcon from '@mui/icons-material/PlayArrow';\nimport Box from '@mui/material/Box/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { thumbnailStripSx } from './Lightbox.constants';\nimport type { LightboxItem } from './Lightbox.types';\nimport { onMedia, sheen } from '../../../tokens/ink';\n\nconst THUMB_WIDTH = 60;\nconst THUMB_HEIGHT = 40;\n\nconst VideoThumbnail: FC = () => (\n  <Box\n    sx={{\n      width: '100%',\n      height: '100%',\n      background: (theme: Theme) => sheen(theme, 0.1),\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n    }}\n  >\n    <PlayIcon sx={{ color: onMedia, fontSize: 16 }} />\n  </Box>\n);\n\nexport interface LightboxThumbnailsProps {\n  items: LightboxItem[];\n  currentIndex: number;\n  testId: (suffix: string) => string;\n  onSelect: (index: number) => void;\n}\n\nexport const LightboxThumbnails: FC<LightboxThumbnailsProps> = ({\n  items,\n  currentIndex,\n  testId,\n  onSelect,\n}) => (\n  <Box\n    sx={{\n      ...thumbnailStripSx,\n      position: 'absolute',\n      bottom: 16,\n      left: '50%',\n      transform: 'translateX(-50%)',\n      display: 'flex',\n      gap: 1,\n      maxWidth: '90vw',\n      overflowX: 'auto',\n      padding: 1,\n    }}\n    data-testid={testId('thumbnails')}\n  >\n    {items.map((item, index) => (\n      <Box\n        key={`${item.src}-${index}`}\n        onClick={() => onSelect(index)}\n        sx={{\n          width: THUMB_WIDTH,\n          height: THUMB_HEIGHT,\n          cursor: 'pointer',\n          border: currentIndex === index ? (theme: Theme) => `2px solid ${onMedia(theme)}` : '2px solid transparent',\n          borderRadius: 0.5,\n          overflow: 'hidden',\n          flexShrink: 0,\n          '&:hover': { border: (theme: Theme) => `2px solid ${sheen(theme, 0.7)}` },\n        }}\n        data-testid={testId(`thumbnail-${index}`)}\n      >\n        {item.type === 'video' ? (\n          <VideoThumbnail />\n        ) : (\n          <img\n            src={item.src}\n            alt={item.alt || `Thumbnail ${index + 1}`}\n            style={{ width: '100%', height: '100%', objectFit: 'cover' }}\n          />\n        )}\n      </Box>\n    ))}\n  </Box>\n);\n"],"mappings":";;;;;;;;;AAAA,OAAO,cAAc;AACrB,OAAO,SAAS;AAuBZ;AAdJ,IAAM,cAAc;AACpB,IAAM,eAAe;AAErB,IAAM,iBAAqB,MACzB;AAAA,EAAC;AAAA;AAAA,IACC,IAAI;AAAA,MACF,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY,CAAC,UAAiB,MAAM,OAAO,GAAG;AAAA,MAC9C,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,IAClB;AAAA,IAEA,8BAAC,YAAS,IAAI,EAAE,OAAO,SAAS,UAAU,GAAG,GAAG;AAAA;AAClD;AAUK,IAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC,IAAI;AAAA,MACF,GAAG;AAAA,MACH,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,WAAW;AAAA,MACX,SAAS;AAAA,MACT,KAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAS;AAAA,IACX;AAAA,IACA,eAAa,OAAO,YAAY;AAAA,IAE/B,gBAAM,IAAI,CAAC,MAAM,UAChB;AAAA,MAAC;AAAA;AAAA,QAEC,SAAS,MAAM,SAAS,KAAK;AAAA,QAC7B,IAAI;AAAA,UACF,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,QAAQ,iBAAiB,QAAQ,CAAC,UAAiB,aAAa,QAAQ,KAAK,CAAC,KAAK;AAAA,UACnF,cAAc;AAAA,UACd,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,WAAW,EAAE,QAAQ,CAAC,UAAiB,aAAa,MAAM,OAAO,GAAG,CAAC,GAAG;AAAA,QAC1E;AAAA,QACA,eAAa,OAAO,aAAa,KAAK,EAAE;AAAA,QAEvC,eAAK,SAAS,UACb,oBAAC,kBAAe,IAEhB;AAAA,UAAC;AAAA;AAAA,YACC,KAAK,KAAK;AAAA,YACV,KAAK,KAAK,OAAO,aAAa,QAAQ,CAAC;AAAA,YACvC,OAAO,EAAE,OAAO,QAAQ,QAAQ,QAAQ,WAAW,QAAQ;AAAA;AAAA,QAC7D;AAAA;AAAA,MArBG,GAAG,KAAK,GAAG,IAAI,KAAK;AAAA,IAuB3B,CACD;AAAA;AACH;","names":[]}