@12-apps/ui 6.10.1 → 6.11.1

package/dist/chunk-PTHUUYAG.js

@@ -0,0 +1,170 @@
+import {
+  EditorToolbar
+} from "./chunk-7ICBEB3Z.js";
+import {
+  useCodeEditor
+} from "./chunk-QR2GBPYM.js";
+import {
+  makeTestId,
+  resolveCodeEditorProps
+} from "./chunk-CSSCGM27.js";
+
+// src/components/form/CodeEditor/CodeEditor.tsx
+import Editor from "@monaco-editor/react";
+import {
+  alpha,
+  Box,
+  Paper,
+  styled,
+  Typography
+} from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+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)",
+  border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,
+  borderRadius: theme.shape.borderRadius * 2,
+  overflow: "hidden"
+}));
+var EditorWrapper = styled(Box, {
+  shouldForwardProp: (prop) => prop !== "fullscreen"
+})(({ theme, fullscreen }) => ({
+  position: "relative",
+  flex: 1,
+  minHeight: 200,
+  ...fullscreen && {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    zIndex: theme.zIndex.modal,
+    background: theme.palette.background.paper
+  }
+}));
+var PlaceholderOverlay = styled(Box)(({ theme }) => ({
+  position: "absolute",
+  top: theme.spacing(2),
+  left: theme.spacing(8),
+  color: theme.palette.text.disabled,
+  fontFamily: 'Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace',
+  fontSize: "0.875rem",
+  pointerEvents: "none",
+  userSelect: "none"
+}));
+var EditorLoading = ({ label }) => /* @__PURE__ */ jsx(
+  Box,
+  {
+    sx: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      height: "100%",
+      color: "text.secondary"
+    },
+    children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: label })
+  }
+);
+var buildEditorOptions = ({
+  minimap,
+  fontSize,
+  isWrapped,
+  lineNumbers,
+  readOnly
+}) => ({
+  readOnly,
+  // Explicitly convert minimap to boolean to ensure Monaco receives a definitive value
+  // This prevents undefined from being interpreted differently in various environments
+  minimap: { enabled: minimap === true },
+  fontSize,
+  wordWrap: isWrapped ? "on" : "off",
+  lineNumbers: lineNumbers ? "on" : "off",
+  scrollBeyondLastLine: false,
+  automaticLayout: true,
+  tabSize: 2,
+  insertSpaces: true,
+  folding: true,
+  foldingStrategy: "indentation",
+  showFoldingControls: "mouseover",
+  smoothScrolling: true,
+  cursorBlinking: "smooth",
+  cursorSmoothCaretAnimation: "on",
+  renderWhitespace: "selection",
+  renderLineHighlight: "all",
+  selectOnLineNumbers: true,
+  roundedSelection: true,
+  padding: { top: 16, bottom: 16 },
+  fontFamily: 'Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace',
+  fontLigatures: true
+});
+var CodeEditor = (componentProps) => {
+  const {
+    language,
+    height,
+    theme: themeProp,
+    value,
+    onChange,
+    readOnly,
+    lineNumbers,
+    minimap,
+    fontSize,
+    wordWrap,
+    showToolbar,
+    autoFormat,
+    placeholder,
+    onSave,
+    dataTestId,
+    copy
+  } = resolveCodeEditorProps(componentProps);
+  const testId = makeTestId(dataTestId);
+  const editor = useCodeEditor({ themeProp, wordWrap, autoFormat, readOnly, onSave });
+  const editorOptions = buildEditorOptions({
+    minimap,
+    fontSize,
+    isWrapped: editor.isWrapped,
+    lineNumbers,
+    readOnly
+  });
+  return /* @__PURE__ */ jsxs(EditorContainer, { elevation: 2, "data-testid": dataTestId || "code-editor", children: [
+    showToolbar && /* @__PURE__ */ jsx(
+      EditorToolbar,
+      {
+        copy,
+        language,
+        readOnly,
+        isWrapped: editor.isWrapped,
+        isCopied: editor.isCopied,
+        isFullscreen: editor.isFullscreen,
+        dataTestId,
+        onFormat: editor.handleFormat,
+        onCopy: editor.handleCopy,
+        onWrapToggle: editor.handleWrapToggle,
+        onFullscreenToggle: editor.handleFullscreenToggle
+      }
+    ),
+    /* @__PURE__ */ jsxs(EditorWrapper, { fullscreen: editor.isFullscreen, "data-testid": testId("editor-wrapper"), children: [
+      placeholder && !value && /* @__PURE__ */ jsx(PlaceholderOverlay, { "data-testid": testId("placeholder"), children: placeholder }),
+      /* @__PURE__ */ jsx(
+        Editor,
+        {
+          height: editor.isFullscreen ? "100vh" : height,
+          language,
+          value,
+          onChange: (newValue) => onChange?.(newValue || ""),
+          theme: editor.editorTheme,
+          options: editorOptions,
+          onMount: editor.handleEditorDidMount,
+          loading: /* @__PURE__ */ jsx(EditorLoading, { label: copy.loading })
+        }
+      )
+    ] })
+  ] });
+};
+
+export {
+  CodeEditor
+};
+//# sourceMappingURL=chunk-PTHUUYAG.js.map

package/dist/chunk-PTHUUYAG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CodeEditor/CodeEditor.tsx"],"sourcesContent":["import Editor from '@monaco-editor/react';\nimport {\n  alpha,\n  Box,\n  Paper,\n  styled,\n  Typography } from '@mui/material';\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\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(10px)',\n  WebkitBackdropFilter: 'blur(10px)',\n  border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,\n  borderRadius: theme.shape.borderRadius * 2,\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: 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: '0.875rem',\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  minimap,\n  fontSize,\n  isWrapped,\n  lineNumbers,\n  readOnly }: {\n  minimap?: boolean;\n  fontSize: 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    fontSize,\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: 16, bottom: 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 editorOptions = buildEditorOptions({\n    minimap,\n    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}\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-PWF4PYZL.js

@@ -0,0 +1,92 @@
+// src/components/form/PasswordStrength/PasswordStrength.helpers.tsx
+import SecurityIcon from "@mui/icons-material/Security";
+import SuccessIcon from "@mui/icons-material/CheckCircle";
+import WarningIcon from "@mui/icons-material/Warning";
+import { Box, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var defaultRequirements = {
+  minLength: 8,
+  uppercase: true,
+  lowercase: true,
+  numbers: true,
+  special: true
+};
+var SPECIAL_CHARACTERS = /[!@#$%^&*(),.?":{}|<>]/;
+var DEFAULT_MIN_LENGTH = 8;
+var REQUIREMENT_POINTS = {
+  length: 20,
+  uppercase: 10,
+  lowercase: 10,
+  numbers: 15,
+  special: 15
+};
+var evaluateRequirements = (password, requirements) => {
+  if (!password) {
+    return { length: false, uppercase: false, lowercase: false, numbers: false, special: false };
+  }
+  return {
+    length: password.length >= (requirements.minLength || DEFAULT_MIN_LENGTH),
+    uppercase: !requirements.uppercase || /[A-Z]/.test(password),
+    lowercase: !requirements.lowercase || /[a-z]/.test(password),
+    numbers: !requirements.numbers || /\d/.test(password),
+    special: !requirements.special || SPECIAL_CHARACTERS.test(password)
+  };
+};
+var lengthBonus = (length) => {
+  const base = Math.min(length * 3, 30);
+  const over12 = length > 12 ? 10 : 0;
+  const over16 = length > 16 ? 10 : 0;
+  return base + over12 + over16;
+};
+var calculatePasswordStrength = (password, requirements) => {
+  if (!password) return 0;
+  const checks = evaluateRequirements(password, requirements);
+  const earned = Object.entries(REQUIREMENT_POINTS).reduce(
+    (total, [key, points]) => total + (checks[key] ? points : 0),
+    0
+  );
+  return Math.min(earned + lengthBonus(password.length), 100);
+};
+var STRENGTH_BANDS = [
+  [20, "veryWeak"],
+  [40, "weak"],
+  [60, "fair"],
+  [80, "good"]
+];
+var getStrengthLabel = (strength, bands) => bands[STRENGTH_BANDS.find(([ceiling]) => strength <= ceiling)?.[1] ?? "strong"];
+var getStrengthIcon = (strength) => {
+  if (strength <= 40) return /* @__PURE__ */ jsx(WarningIcon, {});
+  if (strength <= 80) return /* @__PURE__ */ jsx(SecurityIcon, {});
+  return /* @__PURE__ */ jsx(SuccessIcon, {});
+};
+var SUGGESTION_KEYS = [
+  ["length", "minLength"],
+  ["uppercase", "uppercase"],
+  ["lowercase", "lowercase"],
+  ["numbers", "numbers"],
+  ["special", "special"]
+];
+var buildSuggestions = (checks, copy, minLength) => SUGGESTION_KEYS.filter(([check]) => !checks[check]).map(
+  ([, key]) => key === "minLength" ? copy.minLength(minLength) : copy[key]
+);
+var SuggestionsList = ({
+  suggestions,
+  heading
+}) => /* @__PURE__ */ jsxs(Box, { children: [
+  /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", fontWeight: "medium", children: heading }),
+  /* @__PURE__ */ jsx(Box, { sx: { mt: 1 }, children: suggestions.map((tip) => /* @__PURE__ */ jsxs(Typography, { variant: "caption", display: "block", color: "warning.main", sx: { ml: 2 }, children: [
+    "\u2022 ",
+    tip
+  ] }, tip)) })
+] });
+
+export {
+  defaultRequirements,
+  evaluateRequirements,
+  calculatePasswordStrength,
+  getStrengthLabel,
+  getStrengthIcon,
+  buildSuggestions,
+  SuggestionsList
+};
+//# sourceMappingURL=chunk-PWF4PYZL.js.map

package/dist/chunk-PWF4PYZL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/PasswordStrength/PasswordStrength.helpers.tsx"],"sourcesContent":["import SecurityIcon from '@mui/icons-material/Security';\nimport SuccessIcon from '@mui/icons-material/CheckCircle';\nimport WarningIcon from '@mui/icons-material/Warning';\nimport { Box, Typography } from '@mui/material';\nimport React from 'react';\n\nimport type { PasswordRequirementCopy, PasswordStrengthCopy } from '../../../copy';\nimport type { PasswordRequirements } from './PasswordStrength.types';\n\nexport const defaultRequirements: PasswordRequirements = {\n  minLength: 8,\n  uppercase: true,\n  lowercase: true,\n  numbers: true,\n  special: true,\n};\n\n\nconst SPECIAL_CHARACTERS = /[!@#$%^&*(),.?\":{}|<>]/;\nconst DEFAULT_MIN_LENGTH = 8;\n\n// Points awarded per satisfied requirement.\nconst REQUIREMENT_POINTS = {\n  length: 20,\n  uppercase: 10,\n  lowercase: 10,\n  numbers: 15,\n  special: 15,\n} as const;\n\nexport type RequirementChecks = Record<keyof typeof REQUIREMENT_POINTS, boolean>;\n\n// A requirement that is switched off counts as satisfied. This was previously\n// written out twice — once to score the password and once to render the\n// checklist — so the two could drift.\nexport const evaluateRequirements = (\n  password: string,\n  requirements: PasswordRequirements,\n): RequirementChecks => {\n  if (!password) {\n    return { length: false, uppercase: false, lowercase: false, numbers: false, special: false };\n  }\n\n  return {\n    length: password.length >= (requirements.minLength || DEFAULT_MIN_LENGTH),\n    uppercase: !requirements.uppercase || /[A-Z]/.test(password),\n    lowercase: !requirements.lowercase || /[a-z]/.test(password),\n    numbers: !requirements.numbers || /\\d/.test(password),\n    special: !requirements.special || SPECIAL_CHARACTERS.test(password),\n  };\n};\n\nconst lengthBonus = (length: number): number => {\n  const base = Math.min(length * 3, 30);\n  const over12 = length > 12 ? 10 : 0;\n  const over16 = length > 16 ? 10 : 0;\n\n  return base + over12 + over16;\n};\n\nexport const calculatePasswordStrength = (\n  password: string,\n  requirements: PasswordRequirements,\n): number => {\n  if (!password) return 0;\n\n  const checks = evaluateRequirements(password, requirements);\n  const earned = Object.entries(REQUIREMENT_POINTS).reduce(\n    (total, [key, points]) => total + (checks[key as keyof RequirementChecks] ? points : 0),\n    0,\n  );\n\n  return Math.min(earned + lengthBonus(password.length), 100);\n};\n\n// The four ceilings, and which band each one names. The band NAMES come from\n// the host's table — only the thresholds are ours.\nconst STRENGTH_BANDS: ReadonlyArray<[number, keyof PasswordStrengthCopy['bands']]> = [\n  [20, 'veryWeak'],\n  [40, 'weak'],\n  [60, 'fair'],\n  [80, 'good'],\n];\n\nexport const getStrengthLabel = (\n  strength: number,\n  bands: PasswordStrengthCopy['bands'],\n): string => bands[STRENGTH_BANDS.find(([ceiling]) => strength <= ceiling)?.[1] ?? 'strong'];\n\nexport const getStrengthIcon = (strength: number) => {\n  if (strength <= 40) return <WarningIcon />;\n  if (strength <= 80) return <SecurityIcon />;\n  return <SuccessIcon />;\n};\n\n// One tip per unmet requirement, in checklist order. The `length` tip carries\n// the configured minimum, so the number in the sentence is the one enforced.\nconst SUGGESTION_KEYS: ReadonlyArray<[keyof RequirementChecks, keyof PasswordRequirementCopy]> = [\n  ['length', 'minLength'],\n  ['uppercase', 'uppercase'],\n  ['lowercase', 'lowercase'],\n  ['numbers', 'numbers'],\n  ['special', 'special'],\n];\n\nexport const buildSuggestions = (\n  checks: RequirementChecks,\n  copy: PasswordRequirementCopy,\n  minLength: number,\n): string[] =>\n  SUGGESTION_KEYS.filter(([check]) => !checks[check]).map(([, key]) =>\n    key === 'minLength' ? copy.minLength(minLength) : copy[key],\n  );\n\n// Rendered by PasswordStrength; depends on nothing styled, so it lives beside\n// the pure helpers rather than in the component file.\nexport const SuggestionsList: React.FC<{ suggestions: string[]; heading: string }> = ({\n  suggestions,\n  heading,\n}) => (\n  <Box>\n    <Typography variant=\"caption\" color=\"text.secondary\" fontWeight=\"medium\">\n      {heading}\n    </Typography>\n    <Box sx={{ mt: 1 }}>\n      {suggestions.map((tip) => (\n        <Typography key={tip} variant=\"caption\" display=\"block\" color=\"warning.main\" sx={{ ml: 2 }}>\n          • {tip}\n        </Typography>\n      ))}\n    </Box>\n  </Box>\n);\n"],"mappings":";AAAA,OAAO,kBAAkB;AACzB,OAAO,iBAAiB;AACxB,OAAO,iBAAiB;AACxB,SAAS,KAAK,kBAAkB;AAuFH,cAoCrB,YApCqB;AAjFtB,IAAM,sBAA4C;AAAA,EACvD,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AACX;AAGA,IAAM,qBAAqB;AAC3B,IAAM,qBAAqB;AAG3B,IAAM,qBAAqB;AAAA,EACzB,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AACX;AAOO,IAAM,uBAAuB,CAClC,UACA,iBACsB;AACtB,MAAI,CAAC,UAAU;AACb,WAAO,EAAE,QAAQ,OAAO,WAAW,OAAO,WAAW,OAAO,SAAS,OAAO,SAAS,MAAM;AAAA,EAC7F;AAEA,SAAO;AAAA,IACL,QAAQ,SAAS,WAAW,aAAa,aAAa;AAAA,IACtD,WAAW,CAAC,aAAa,aAAa,QAAQ,KAAK,QAAQ;AAAA,IAC3D,WAAW,CAAC,aAAa,aAAa,QAAQ,KAAK,QAAQ;AAAA,IAC3D,SAAS,CAAC,aAAa,WAAW,KAAK,KAAK,QAAQ;AAAA,IACpD,SAAS,CAAC,aAAa,WAAW,mBAAmB,KAAK,QAAQ;AAAA,EACpE;AACF;AAEA,IAAM,cAAc,CAAC,WAA2B;AAC9C,QAAM,OAAO,KAAK,IAAI,SAAS,GAAG,EAAE;AACpC,QAAM,SAAS,SAAS,KAAK,KAAK;AAClC,QAAM,SAAS,SAAS,KAAK,KAAK;AAElC,SAAO,OAAO,SAAS;AACzB;AAEO,IAAM,4BAA4B,CACvC,UACA,iBACW;AACX,MAAI,CAAC,SAAU,QAAO;AAEtB,QAAM,SAAS,qBAAqB,UAAU,YAAY;AAC1D,QAAM,SAAS,OAAO,QAAQ,kBAAkB,EAAE;AAAA,IAChD,CAAC,OAAO,CAAC,KAAK,MAAM,MAAM,SAAS,OAAO,GAA8B,IAAI,SAAS;AAAA,IACrF;AAAA,EACF;AAEA,SAAO,KAAK,IAAI,SAAS,YAAY,SAAS,MAAM,GAAG,GAAG;AAC5D;AAIA,IAAM,iBAA+E;AAAA,EACnF,CAAC,IAAI,UAAU;AAAA,EACf,CAAC,IAAI,MAAM;AAAA,EACX,CAAC,IAAI,MAAM;AAAA,EACX,CAAC,IAAI,MAAM;AACb;AAEO,IAAM,mBAAmB,CAC9B,UACA,UACW,MAAM,eAAe,KAAK,CAAC,CAAC,OAAO,MAAM,YAAY,OAAO,IAAI,CAAC,KAAK,QAAQ;AAEpF,IAAM,kBAAkB,CAAC,aAAqB;AACnD,MAAI,YAAY,GAAI,QAAO,oBAAC,eAAY;AACxC,MAAI,YAAY,GAAI,QAAO,oBAAC,gBAAa;AACzC,SAAO,oBAAC,eAAY;AACtB;AAIA,IAAM,kBAA2F;AAAA,EAC/F,CAAC,UAAU,WAAW;AAAA,EACtB,CAAC,aAAa,WAAW;AAAA,EACzB,CAAC,aAAa,WAAW;AAAA,EACzB,CAAC,WAAW,SAAS;AAAA,EACrB,CAAC,WAAW,SAAS;AACvB;AAEO,IAAM,mBAAmB,CAC9B,QACA,MACA,cAEA,gBAAgB,OAAO,CAAC,CAAC,KAAK,MAAM,CAAC,OAAO,KAAK,CAAC,EAAE;AAAA,EAAI,CAAC,CAAC,EAAE,GAAG,MAC7D,QAAQ,cAAc,KAAK,UAAU,SAAS,IAAI,KAAK,GAAG;AAC5D;AAIK,IAAM,kBAAwE,CAAC;AAAA,EACpF;AAAA,EACA;AACF,MACE,qBAAC,OACC;AAAA,sBAAC,cAAW,SAAQ,WAAU,OAAM,kBAAiB,YAAW,UAC7D,mBACH;AAAA,EACA,oBAAC,OAAI,IAAI,EAAE,IAAI,EAAE,GACd,sBAAY,IAAI,CAAC,QAChB,qBAAC,cAAqB,SAAQ,WAAU,SAAQ,SAAQ,OAAM,gBAAe,IAAI,EAAE,IAAI,EAAE,GAAG;AAAA;AAAA,IACvF;AAAA,OADY,GAEjB,CACD,GACH;AAAA,GACF;","names":[]}

package/dist/chunk-PZS7N74L.js

@@ -0,0 +1,85 @@
+// src/en-US.shared.ts
+var EN_US_SECTION_ONBOARDING_COPY = {
+  edit: "Edit",
+  collapse: "Hide",
+  start: "Start"
+};
+var EN_US_CONFIRM_ACTION_COPY = {
+  cancel: "Cancel",
+  defaultError: "That action could not be completed. Try again.",
+  irreversible: "This cannot be undone.",
+  // The expected word is what the reader must type, and it is the HOST's word.
+  // It is interpolated rather than translated: a dialog that asks for one word
+  // and matches on another can never be confirmed.
+  typeToConfirm: (expected) => `Type "${expected}" to confirm.`
+};
+var EN_US_CATEGORY_SELECT_COPY = {
+  purpose: "Categories organise the menu and the filters shoppers see.",
+  clearSelection: "Clear selection",
+  selectAll: "Select all",
+  deselectAll: "Deselect all",
+  expandAll: "Expand all",
+  collapseAll: "Collapse all",
+  expandCategory: (name) => `Expand ${name}`,
+  collapseCategory: (name) => `Collapse ${name}`,
+  placeholderSingle: "Move to\u2026",
+  placeholderMulti: "Category",
+  emptyTitle: "No categories yet",
+  createCategory: "Create category",
+  noResults: {
+    title: (query) => `Nothing found for \u201C${query}\u201D`,
+    hint: "Try another term, or check the spelling.",
+    clearSearch: "Clear search",
+    create: (query) => `Create \u201C${query}\u201D`
+  },
+  search: {
+    placeholderSingle: "Search categories\u2026",
+    placeholderMulti: "Search a category or subcategory",
+    clear: "Clear search",
+    removeChip: (label) => `Remove ${label}`,
+    pinnedLabel: (count) => `Selected \xB7 ${count}`
+  },
+  footer: {
+    // The pt-BR pack pluralises with a suffix; English changes the noun, so the
+    // whole word is chosen here. Each locale owning its own plural rule is the
+    // reason these are functions rather than templates.
+    selectedCount: (count) => `${count} ${count === 1 ? "category" : "categories"} selected`,
+    clear: "Clear",
+    apply: "Apply",
+    close: "Close",
+    singleHint: "Pick one category",
+    cancel: "Cancel"
+  }
+};
+var EN_US_CEP_FIELD_COPY = {
+  loading: "Looking up the address\u2026",
+  found: "Address filled in from the CEP.",
+  notfound: "CEP not found \u2014 fill the address in by hand."
+};
+var EN_US_SAVED_VIEWS_LABELS = {
+  trigger: "Views",
+  mainView: "Main view",
+  pinned: "Pinned",
+  recent: "Recent",
+  empty: "No saved views yet.",
+  saveCurrent: "+ Save current view",
+  manageAll: "Manage views",
+  apply: "Apply",
+  setDefault: "Set as default",
+  pin: "Pin to the sidebar",
+  unpin: "Unpin",
+  share: "Share with the team",
+  unshare: "Make private",
+  edit: "Edit",
+  remove: "Delete",
+  defaultTag: "Default"
+};
+
+export {
+  EN_US_SECTION_ONBOARDING_COPY,
+  EN_US_CONFIRM_ACTION_COPY,
+  EN_US_CATEGORY_SELECT_COPY,
+  EN_US_CEP_FIELD_COPY,
+  EN_US_SAVED_VIEWS_LABELS
+};
+//# sourceMappingURL=chunk-PZS7N74L.js.map

package/dist/chunk-PZS7N74L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/en-US.shared.ts"],"sourcesContent":["/**\n * The en-US pack for the shared family. Split the same way `pt-BR.shared.ts`\n * is — see `en-US.ts` for why.\n */\nimport type { SavedViewsLabels } from \"./components/layout/ContentToolbar/ContentToolbar.types\";\nimport type {\n  CategorySelectCopy,\n  CepFieldCopy,\n  ConfirmActionCopy,\n  SectionOnboardingCopy,\n} from './copy';\n\nexport const EN_US_SECTION_ONBOARDING_COPY: SectionOnboardingCopy = {\n  edit: \"Edit\",\n  collapse: \"Hide\",\n  start: \"Start\",\n};\n\nexport const EN_US_CONFIRM_ACTION_COPY: ConfirmActionCopy = {\n  cancel: \"Cancel\",\n  defaultError: \"That action could not be completed. Try again.\",\n  irreversible: \"This cannot be undone.\",\n  // The expected word is what the reader must type, and it is the HOST's word.\n  // It is interpolated rather than translated: a dialog that asks for one word\n  // and matches on another can never be confirmed.\n  typeToConfirm: (expected) => `Type \"${expected}\" to confirm.`,\n};\n\nexport const EN_US_CATEGORY_SELECT_COPY: CategorySelectCopy = {\n  purpose: \"Categories organise the menu and the filters shoppers see.\",\n  clearSelection: \"Clear selection\",\n  selectAll: \"Select all\",\n  deselectAll: \"Deselect all\",\n  expandAll: \"Expand all\",\n  collapseAll: \"Collapse all\",\n  expandCategory: (name) => `Expand ${name}`,\n  collapseCategory: (name) => `Collapse ${name}`,\n  placeholderSingle: \"Move to…\",\n  placeholderMulti: \"Category\",\n  emptyTitle: \"No categories yet\",\n  createCategory: \"Create category\",\n  noResults: {\n    title: (query) => `Nothing found for “${query}”`,\n    hint: \"Try another term, or check the spelling.\",\n    clearSearch: \"Clear search\",\n    create: (query) => `Create “${query}”`,\n  },\n  search: {\n    placeholderSingle: \"Search categories…\",\n    placeholderMulti: \"Search a category or subcategory\",\n    clear: \"Clear search\",\n    removeChip: (label) => `Remove ${label}`,\n    pinnedLabel: (count) => `Selected · ${count}`,\n  },\n  footer: {\n    // The pt-BR pack pluralises with a suffix; English changes the noun, so the\n    // whole word is chosen here. Each locale owning its own plural rule is the\n    // reason these are functions rather than templates.\n    selectedCount: (count) => `${count} ${count === 1 ? \"category\" : \"categories\"} selected`,\n    clear: \"Clear\",\n    apply: \"Apply\",\n    close: \"Close\",\n    singleHint: \"Pick one category\",\n    cancel: \"Cancel\",\n  },\n};\n\n/**\n * CEP is Brazil's postal code and is NOT translated: the field looks up a\n * Brazilian address by a Brazilian code, and calling it a \"ZIP code\" in the\n * error would send an English-reading operator hunting for a field that does\n * not exist. The surrounding sentences are English; the code's name is a proper\n * noun, the same way a vendor's own field name is.\n */\nexport const EN_US_CEP_FIELD_COPY: CepFieldCopy = {\n  loading: \"Looking up the address…\",\n  found: \"Address filled in from the CEP.\",\n  notfound: \"CEP not found — fill the address in by hand.\",\n};\n\n/**\n * The saved-views dropdown's labels.\n *\n * Typed as the package's OWN `SavedViewsLabels` rather than a parallel shape,\n * for the reason `pt-BR.shared.ts` records: that interface already named every\n * string, including the seven with no diacritics the copy gate could not see.\n */\nexport const EN_US_SAVED_VIEWS_LABELS: SavedViewsLabels = {\n  trigger: \"Views\",\n  mainView: \"Main view\",\n  pinned: \"Pinned\",\n  recent: \"Recent\",\n  empty: \"No saved views yet.\",\n  saveCurrent: \"+ Save current view\",\n  manageAll: \"Manage views\",\n  apply: \"Apply\",\n  setDefault: \"Set as default\",\n  pin: \"Pin to the sidebar\",\n  unpin: \"Unpin\",\n  share: \"Share with the team\",\n  unshare: \"Make private\",\n  edit: \"Edit\",\n  remove: \"Delete\",\n  defaultTag: \"Default\",\n};\n"],"mappings":";AAYO,IAAM,gCAAuD;AAAA,EAClE,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AACT;AAEO,IAAM,4BAA+C;AAAA,EAC1D,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA;AAAA;AAAA;AAAA,EAId,eAAe,CAAC,aAAa,SAAS,QAAQ;AAChD;AAEO,IAAM,6BAAiD;AAAA,EAC5D,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,WAAW;AAAA,EACX,aAAa;AAAA,EACb,gBAAgB,CAAC,SAAS,UAAU,IAAI;AAAA,EACxC,kBAAkB,CAAC,SAAS,YAAY,IAAI;AAAA,EAC5C,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,WAAW;AAAA,IACT,OAAO,CAAC,UAAU,2BAAsB,KAAK;AAAA,IAC7C,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ,CAAC,UAAU,gBAAW,KAAK;AAAA,EACrC;AAAA,EACA,QAAQ;AAAA,IACN,mBAAmB;AAAA,IACnB,kBAAkB;AAAA,IAClB,OAAO;AAAA,IACP,YAAY,CAAC,UAAU,UAAU,KAAK;AAAA,IACtC,aAAa,CAAC,UAAU,iBAAc,KAAK;AAAA,EAC7C;AAAA,EACA,QAAQ;AAAA;AAAA;AAAA;AAAA,IAIN,eAAe,CAAC,UAAU,GAAG,KAAK,IAAI,UAAU,IAAI,aAAa,YAAY;AAAA,IAC7E,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,QAAQ;AAAA,EACV;AACF;AASO,IAAM,uBAAqC;AAAA,EAChD,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ;AASO,IAAM,2BAA6C;AAAA,EACxD,SAAS;AAAA,EACT,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AAAA,EACb,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AACd;","names":[]}

package/dist/chunk-Q3XNEFO6.js

@@ -0,0 +1,76 @@
+// src/components/data-display/HoverCard/HoverCard.animations.ts
+import { keyframes } from "@mui/material";
+var pulseAnimation = keyframes`
+  0% {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 1;
+  }
+  70% {
+    box-shadow: 0 0 0 10px currentColor;
+    opacity: 0;
+  }
+  100% {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 0;
+  }
+`;
+var slideInUp = keyframes`
+  from {
+    opacity: 0;
+    transform: translateY(8px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+`;
+var slideInDown = keyframes`
+  from {
+    opacity: 0;
+    transform: translateY(-8px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+`;
+var slideInLeft = keyframes`
+  from {
+    opacity: 0;
+    transform: translateX(8px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+`;
+var slideInRight = keyframes`
+  from {
+    opacity: 0;
+    transform: translateX(-8px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+`;
+var scaleIn = keyframes`
+  from {
+    opacity: 0;
+    transform: scale(0.8);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+`;
+
+export {
+  pulseAnimation,
+  slideInUp,
+  slideInDown,
+  slideInLeft,
+  slideInRight,
+  scaleIn
+};
+//# sourceMappingURL=chunk-Q3XNEFO6.js.map

package/dist/chunk-Q3XNEFO6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/HoverCard/HoverCard.animations.ts"],"sourcesContent":["import { keyframes } from '@mui/material';\n\nexport const pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 10px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\nexport const slideInUp = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nexport const slideInDown = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nexport const slideInLeft = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nexport const slideInRight = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nexport const scaleIn = keyframes`\n  from {\n    opacity: 0;\n    transform: scale(0.8);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n`;\n\n// Arrow component\n"],"mappings":";AAAA,SAAS,iBAAiB;AAEnB,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAevB,IAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWlB,IAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWpB,IAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWpB,IAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWrB,IAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/chunk-Q56BXYKT.js

@@ -0,0 +1,184 @@
+import {
+  cellValue
+} from "./chunk-G3E66C6J.js";
+
+// src/components/data-display/DataGrid/DataGrid.cells.tsx
+import ArrowDownward from "@mui/icons-material/ArrowDownward";
+import ArrowUpward from "@mui/icons-material/ArrowUpward";
+import ExpandLess from "@mui/icons-material/ExpandLess";
+import ExpandMore from "@mui/icons-material/ExpandMore";
+import UnfoldMore from "@mui/icons-material/UnfoldMore";
+import { Button, Checkbox, IconButton, TableCell, TableRow, Typography, useTheme } from "@mui/material";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function SortIcon({ dir }) {
+  if (!dir) return /* @__PURE__ */ jsx(UnfoldMore, { fontSize: "small", sx: { opacity: 0.5 } });
+  return dir === "asc" ? /* @__PURE__ */ jsx(ArrowUpward, { fontSize: "small" }) : /* @__PURE__ */ jsx(ArrowDownward, { fontSize: "small" });
+}
+function ariaSort(dir) {
+  if (!dir) return "none";
+  return dir === "asc" ? "ascending" : "descending";
+}
+function HeaderCell({
+  column,
+  sort,
+  sortable,
+  stickyHeader,
+  headerHeight,
+  onSort
+}) {
+  const theme = useTheme();
+  const content = column.headerCell ? column.headerCell(column) : column.header;
+  return /* @__PURE__ */ jsx(
+    TableCell,
+    {
+      "data-slot": "header-cell",
+      "data-sort": sort?.dir ?? "none",
+      sx: {
+        position: stickyHeader ? "sticky" : "static",
+        top: 0,
+        zIndex: 1,
+        backgroundColor: theme.palette.background.paper,
+        borderBottom: `1px solid ${theme.palette.divider}`,
+        height: headerHeight,
+        minWidth: column.minWidth,
+        maxWidth: column.maxWidth,
+        width: column.width
+      },
+      role: "columnheader",
+      "aria-sort": ariaSort(sort?.dir),
+      children: sortable ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => onSort(column.id),
+          sx: {
+            justifyContent: "flex-start",
+            textTransform: "none",
+            fontWeight: 500,
+            color: "inherit",
+            p: 0,
+            minWidth: 0,
+            "&:hover": { backgroundColor: "transparent", opacity: 0.8 }
+          },
+          endIcon: /* @__PURE__ */ jsx(SortIcon, { dir: sort?.dir }),
+          "aria-label": column.ariaLabel ?? `Sort by ${String(column.header)}`,
+          children: content
+        }
+      ) : /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", fontWeight: 500, children: content })
+    }
+  );
+}
+function DataCell({
+  row,
+  rowIndex,
+  rowId,
+  column,
+  rowHeight,
+  editing,
+  model
+}) {
+  const value = cellValue(row, column);
+  const isEditing = model.editingCell?.rowId === rowId && model.editingCell?.colId === column.id;
+  const content = column.cell ? column.cell({ value, row, rowIndex, col: column }) : String(value ?? "");
+  return /* @__PURE__ */ jsx(
+    TableCell,
+    {
+      "data-slot": "cell",
+      "data-col-id": column.id,
+      "data-editing": isEditing,
+      sx: {
+        minWidth: column.minWidth,
+        maxWidth: column.maxWidth,
+        width: column.width,
+        height: rowHeight
+      },
+      role: "gridcell",
+      tabIndex: -1,
+      children: isEditing && column.editor ? column.editor({
+        value,
+        row,
+        onChange: () => void 0,
+        commit: () => {
+          editing.onEditCommit?.({ rowId, colId: column.id, value, row });
+          model.setEditingCell(null);
+        },
+        cancel: () => model.setEditingCell(null)
+      }) : content
+    }
+  );
+}
+function RowControls({
+  index,
+  rowId,
+  isSelected,
+  isExpanded,
+  model,
+  props
+}) {
+  const { selection = { mode: "none" }, expansion } = props;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    selection.mode !== "none" && /* @__PURE__ */ jsx(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx(
+      Checkbox,
+      {
+        checked: isSelected,
+        onChange: (event) => model.onToggleRow(rowId, event.target.checked),
+        inputProps: { "aria-label": `Select row ${index + 1}` }
+      }
+    ) }),
+    expansion && /* @__PURE__ */ jsx(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        size: "small",
+        onClick: () => model.onToggleExpansion(rowId),
+        "aria-label": isExpanded ? "Collapse row" : "Expand row",
+        children: isExpanded ? /* @__PURE__ */ jsx(ExpandLess, {}) : /* @__PURE__ */ jsx(ExpandMore, {})
+      }
+    ) })
+  ] });
+}
+function GridRow(rowProps) {
+  const { row, index, rowId, isSelected, isExpanded, totalColumns, model, props } = rowProps;
+  const theme = useTheme();
+  const expansion = props.expansion;
+  return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      TableRow,
+      {
+        "data-slot": "row",
+        "data-selected": isSelected,
+        "data-expanded": isExpanded,
+        sx: {
+          "&:hover": { backgroundColor: theme.palette.action.hover },
+          ...isSelected && { backgroundColor: theme.palette.action.selected },
+          height: model.rowHeight
+        },
+        role: "row",
+        "aria-selected": isSelected,
+        children: [
+          /* @__PURE__ */ jsx(RowControls, { ...rowProps }),
+          model.visibleColumns.map((column) => /* @__PURE__ */ jsx(
+            DataCell,
+            {
+              row,
+              rowIndex: index,
+              rowId,
+              column,
+              rowHeight: model.rowHeight,
+              editing: props.editing ?? { mode: "none" },
+              model
+            },
+            column.id
+          ))
+        ]
+      }
+    ),
+    expansion && isExpanded && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: totalColumns, children: expansion.render(row, index) }) })
+  ] });
+}
+
+export {
+  HeaderCell,
+  DataCell,
+  GridRow
+};
+//# sourceMappingURL=chunk-Q56BXYKT.js.map