@12-apps/ui 6.11.0 → 6.12.0

package/dist/chunk-VRHBJXZ7.js

@@ -0,0 +1,126 @@
+// src/components/typography/Text/Text.tsx
+import Typography from "@mui/material/Typography/index.js";
+import { alpha, styled } from "@mui/material/styles/index.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var getColorFromTheme = (theme, color) => {
+  if (color === "neutral") {
+    return theme.palette.text.primary;
+  }
+  if (color === "secondary") {
+    return theme.palette.text.secondary;
+  }
+  const colorMap = {
+    primary: theme.palette.primary.main,
+    success: theme.palette.success.main,
+    warning: theme.palette.warning.main,
+    info: theme.palette.info.main,
+    danger: theme.palette.error.main
+  };
+  return colorMap[color];
+};
+var SIZE_MAP = {
+  xs: { fontSize: "0.75rem", lineHeight: 1.2 },
+  sm: { fontSize: "0.875rem", lineHeight: 1.3 },
+  md: { fontSize: "1rem", lineHeight: 1.5 },
+  lg: { fontSize: "1.125rem", lineHeight: 1.4 },
+  xl: { fontSize: "1.25rem", lineHeight: 1.3 }
+};
+var WEIGHT_MAP = {
+  light: 300,
+  normal: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700
+};
+var decorationFor = (underline, strikethrough) => [underline && "underline", strikethrough && "line-through"].filter(Boolean).join(" ") || "none";
+var baseTextStyles = (theme, a) => ({
+  color: getColorFromTheme(theme, a.customColor ?? "neutral"),
+  fontSize: SIZE_MAP[a.customSize ?? "md"]?.fontSize,
+  lineHeight: SIZE_MAP[a.customSize ?? "md"]?.lineHeight,
+  fontWeight: WEIGHT_MAP[a.customWeight ?? "normal"],
+  fontStyle: a.italic ? "italic" : "normal",
+  textDecoration: decorationFor(a.underline, a.strikethrough),
+  transition: "all 0.2s ease"
+});
+var sizeOverride = (customSize, atDefault) => (customSize ?? "md") === "md" ? atDefault : SIZE_MAP[customSize ?? "md"]?.fontSize;
+var textVariantStyles = (theme, a, base) => {
+  const weight = a.customWeight ?? "normal";
+  switch (a.customVariant) {
+    case "heading":
+      return {
+        ...base,
+        fontFamily: theme.typography.h4.fontFamily,
+        fontWeight: weight === "normal" ? 600 : WEIGHT_MAP[weight],
+        letterSpacing: "-0.01em"
+      };
+    case "caption":
+      return {
+        ...base,
+        fontSize: sizeOverride(a.customSize, "0.75rem"),
+        opacity: 0.8,
+        letterSpacing: "0.02em"
+      };
+    case "code":
+      return {
+        ...base,
+        fontFamily: 'Monaco, Menlo, "Ubuntu Mono", "Courier New", monospace',
+        fontSize: sizeOverride(a.customSize, "0.875rem"),
+        backgroundColor: alpha(theme.palette.primary.main, 0.08),
+        padding: "2px 6px",
+        borderRadius: theme.shape.borderRadius / 2,
+        border: `1px solid ${alpha(theme.palette.primary.main, 0.12)}`
+      };
+    default:
+      return { ...base, fontFamily: theme.typography.body1.fontFamily };
+  }
+};
+var StyledText = styled(Typography, {
+  shouldForwardProp: (prop) => ![
+    "customVariant",
+    "customColor",
+    "customSize",
+    "customWeight",
+    "italic",
+    "underline",
+    "strikethrough"
+  ].includes(prop)
+})((args) => {
+  const { theme } = args;
+  return textVariantStyles(theme, args, baseTextStyles(theme, args));
+});
+var Text = React.forwardRef(
+  ({
+    variant = "body",
+    color = "neutral",
+    size = "md",
+    weight = "normal",
+    as = "span",
+    italic = false,
+    underline = false,
+    strikethrough = false,
+    children,
+    ...props
+  }, ref) => /* @__PURE__ */ jsx(
+    StyledText,
+    {
+      ref,
+      customVariant: variant,
+      customColor: color,
+      customSize: size,
+      customWeight: weight,
+      italic,
+      underline,
+      strikethrough,
+      ...as && { as },
+      ...props,
+      children
+    }
+  )
+);
+Text.displayName = "Text";
+
+export {
+  Text
+};
+//# sourceMappingURL=chunk-VRHBJXZ7.js.map

package/dist/chunk-VRHBJXZ7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/typography/Text/Text.tsx"],"sourcesContent":["'use client';\n\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { TextProps } from './Text.types';\nimport type { ColorValue } from '../../../tokens/scales';\n\nconst getColorFromTheme = (theme: Theme, color: ColorValue): string => {\n  if (color === 'neutral') {\n    return theme.palette.text.primary;\n  }\n\n  if (color === 'secondary') {\n    return theme.palette.text.secondary;\n  }\n\n  // Exhaustive over ColorValue on purpose. It was a partial `Record<string, …>`\n  // with a silent `|| text.primary` fallback, so `info` — accepted by the type\n  // — rendered as ordinary body text. Typing the key means a colour added to\n  // the vocabulary cannot reach here without a home.\n  const colorMap: Record<Exclude<ColorValue, 'neutral' | 'secondary'>, string> = {\n    primary: theme.palette.primary.main,\n    success: theme.palette.success.main,\n    warning: theme.palette.warning.main,\n    info: theme.palette.info.main,\n    danger: theme.palette.error.main,\n  };\n\n  return colorMap[color];\n};\n\nconst SIZE_MAP: Record<string, { fontSize: string; lineHeight: number }> = {\n  xs: { fontSize: '0.75rem', lineHeight: 1.2 },\n  sm: { fontSize: '0.875rem', lineHeight: 1.3 },\n  md: { fontSize: '1rem', lineHeight: 1.5 },\n  lg: { fontSize: '1.125rem', lineHeight: 1.4 },\n  xl: { fontSize: '1.25rem', lineHeight: 1.3 },\n};\n\nconst WEIGHT_MAP: Record<string, number> = {\n  light: 300,\n  normal: 400,\n  medium: 500,\n  semibold: 600,\n  bold: 700,\n};\n\ninterface TextStyleArgs {\n  theme: Theme;\n  customVariant?: string;\n  customColor?: ColorValue;\n  customSize?: string;\n  customWeight?: string;\n  italic?: boolean;\n  underline?: boolean;\n  strikethrough?: boolean;\n}\n\n// underline and strikethrough combine into one declaration rather than one\n// winning over the other.\nconst decorationFor = (underline?: boolean, strikethrough?: boolean): string =>\n  [underline && 'underline', strikethrough && 'line-through'].filter(Boolean).join(' ') || 'none';\n\nconst baseTextStyles = (theme: Theme, a: TextStyleArgs): CSSObject => ({\n  color: getColorFromTheme(theme, a.customColor ?? 'neutral'),\n  fontSize: SIZE_MAP[a.customSize ?? 'md']?.fontSize,\n  lineHeight: SIZE_MAP[a.customSize ?? 'md']?.lineHeight,\n  fontWeight: WEIGHT_MAP[a.customWeight ?? 'normal'],\n  fontStyle: a.italic ? 'italic' : 'normal',\n  textDecoration: decorationFor(a.underline, a.strikethrough),\n  transition: 'all 0.2s ease',\n});\n\n// Captions and code shrink relative to the body scale, but only at the default\n// size — an explicit size wins.\nconst sizeOverride = (customSize: string | undefined, atDefault: string): string | undefined =>\n  (customSize ?? 'md') === 'md' ? atDefault : SIZE_MAP[customSize ?? 'md']?.fontSize;\n\nconst textVariantStyles = (theme: Theme, a: TextStyleArgs, base: CSSObject): CSSObject => {\n  const weight = a.customWeight ?? 'normal';\n\n  switch (a.customVariant) {\n    case 'heading':\n      return {\n        ...base,\n        fontFamily: theme.typography.h4.fontFamily,\n        fontWeight: weight === 'normal' ? 600 : WEIGHT_MAP[weight],\n        letterSpacing: '-0.01em',\n      };\n    case 'caption':\n      return {\n        ...base,\n        fontSize: sizeOverride(a.customSize, '0.75rem'),\n        opacity: 0.8,\n        letterSpacing: '0.02em',\n      };\n    case 'code':\n      return {\n        ...base,\n        fontFamily: 'Monaco, Menlo, \"Ubuntu Mono\", \"Courier New\", monospace',\n        fontSize: sizeOverride(a.customSize, '0.875rem'),\n        backgroundColor: alpha(theme.palette.primary.main, 0.08),\n        padding: '2px 6px',\n        borderRadius: theme.shape.borderRadius / 2,\n        border: `1px solid ${alpha(theme.palette.primary.main, 0.12)}`,\n      };\n    default:\n      return { ...base, fontFamily: theme.typography.body1.fontFamily };\n  }\n};\n\nconst StyledText = styled(Typography, {\n  shouldForwardProp: (prop) =>\n    ![\n      'customVariant',\n      'customColor',\n      'customSize',\n      'customWeight',\n      'italic',\n      'underline',\n      'strikethrough',\n    ].includes(prop as string),\n})<{\n  customVariant?: string;\n  customColor?: ColorValue;\n  customSize?: string;\n  customWeight?: string;\n  italic?: boolean;\n  underline?: boolean;\n  strikethrough?: boolean;\n}>((args) => {\n  const { theme } = args;\n  return textVariantStyles(theme, args, baseTextStyles(theme, args));\n});\n\nexport const Text = React.forwardRef<HTMLElement, TextProps>(\n  (\n    {\n      variant = 'body',\n      color = 'neutral',\n      size = 'md',\n      weight = 'normal',\n      as = 'span',\n      italic = false,\n      underline = false,\n      strikethrough = false,\n      children,\n      ...props\n    },\n    ref,\n  ) => (\n      <StyledText\n        ref={ref}\n        customVariant={variant}\n        customColor={color}\n        customSize={size}\n        customWeight={weight}\n        italic={italic}\n        underline={underline}\n        strikethrough={strikethrough}\n        {...(as && { as })}\n        {...props}\n      >\n        {children}\n      </StyledText>\n    ),\n);\n\nText.displayName = 'Text';"],"mappings":"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","names":[]}

package/dist/chunk-VRPCZ3IE.js

@@ -0,0 +1,83 @@
+import {
+  coordinatesOf,
+  freeSoloAddress,
+  toAddressDetails
+} from "./chunk-6HLWZR3X.js";
+import {
+  MOCK_PLACE_DETAILS
+} from "./chunk-O7QPPJAK.js";
+
+// src/components/form/AddressAutocomplete/useAddressSelection.ts
+import { useCallback } from "react";
+var MOCK_DETAILS_DELAY_MS = 50;
+var PLACE_DETAIL_FIELDS = ["formatted_address", "address_components", "geometry"];
+var resolveMockPlace = (value, sink) => {
+  window.setTimeout(() => {
+    sink.setLoading(false);
+    const place = MOCK_PLACE_DETAILS[value.place_id];
+    if (!place) {
+      sink.setApiError("Address details not found");
+      return;
+    }
+    sink.applyAddress(
+      toAddressDetails({
+        components: place.address_components,
+        formatted: place.formatted_address || value.description,
+        coordinates: coordinatesOf(place.geometry)
+      })
+    );
+  }, MOCK_DETAILS_DELAY_MS);
+};
+var resolveLivePlace = (service, value, sink) => {
+  const request = {
+    placeId: value.place_id,
+    fields: PLACE_DETAIL_FIELDS
+  };
+  service.getDetails(request, (place, status) => {
+    sink.setLoading(false);
+    if (status !== google.maps.places.PlacesServiceStatus.OK || !place) {
+      sink.setApiError("Failed to get address details");
+      return;
+    }
+    sink.applyAddress(
+      toAddressDetails({
+        components: place.address_components ?? [],
+        formatted: place.formatted_address || value.description,
+        coordinates: coordinatesOf(place.geometry)
+      })
+    );
+  });
+};
+var useAddressSelection = ({
+  services,
+  useMockData,
+  setLoading,
+  setApiError,
+  onSelect,
+  applyAddress
+}) => useCallback(
+  (_event, value) => {
+    if (typeof value === "string") {
+      onSelect(freeSoloAddress(value));
+      return;
+    }
+    if (!value) return;
+    setLoading(true);
+    const sink = { setLoading, setApiError, applyAddress };
+    if (useMockData && "place_id" in value) {
+      resolveMockPlace(value, sink);
+      return;
+    }
+    if (!services.placesService) {
+      setLoading(false);
+      return;
+    }
+    resolveLivePlace(services.placesService, value, sink);
+  },
+  [services, useMockData, setLoading, setApiError, onSelect, applyAddress]
+);
+
+export {
+  useAddressSelection
+};
+//# sourceMappingURL=chunk-VRPCZ3IE.js.map

package/dist/chunk-VRPCZ3IE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/AddressAutocomplete/useAddressSelection.ts"],"sourcesContent":["import type React from 'react';\nimport { useCallback } from 'react';\n\nimport { coordinatesOf, freeSoloAddress, toAddressDetails } from './AddressAutocomplete.mapper';\nimport type {\n  AddressDetails,\n  AddressOptionValue,\n  AddressPrediction,\n} from './AddressAutocomplete.types';\nimport { MOCK_PLACE_DETAILS } from './mockPlaces';\nimport type { GoogleMapsService } from './useGoogleMapsAPI';\n\nconst MOCK_DETAILS_DELAY_MS = 50;\n\nconst PLACE_DETAIL_FIELDS = ['formatted_address', 'address_components', 'geometry'];\n\ninterface SelectionSink {\n  setLoading: (loading: boolean) => void;\n  setApiError: (message: string | null) => void;\n  applyAddress: (address: AddressDetails) => void;\n}\n\nconst resolveMockPlace = (value: AddressPrediction, sink: SelectionSink) => {\n  window.setTimeout(() => {\n    sink.setLoading(false);\n\n    const place = MOCK_PLACE_DETAILS[value.place_id];\n    if (!place) {\n      sink.setApiError('Address details not found');\n      return;\n    }\n\n    sink.applyAddress(\n      toAddressDetails({\n        components: place.address_components,\n        formatted: place.formatted_address || value.description,\n        coordinates: coordinatesOf(place.geometry),\n      }),\n    );\n  }, MOCK_DETAILS_DELAY_MS);\n};\n\nconst resolveLivePlace = (\n  service: google.maps.places.PlacesService,\n  value: AddressPrediction,\n  sink: SelectionSink,\n) => {\n  const request: google.maps.places.PlaceDetailsRequest = {\n    placeId: value.place_id,\n    fields: PLACE_DETAIL_FIELDS,\n  };\n\n  service.getDetails(request, (place, status) => {\n    sink.setLoading(false);\n\n    if (status !== google.maps.places.PlacesServiceStatus.OK || !place) {\n      sink.setApiError('Failed to get address details');\n      return;\n    }\n\n    sink.applyAddress(\n      toAddressDetails({\n        components: place.address_components ?? [],\n        formatted: place.formatted_address || value.description,\n        coordinates: coordinatesOf(place.geometry),\n      }),\n    );\n  });\n};\n\nexport const useAddressSelection = ({\n  services,\n  useMockData,\n  setLoading,\n  setApiError,\n  onSelect,\n  applyAddress,\n}: {\n  services: GoogleMapsService;\n  useMockData: boolean;\n  setLoading: (loading: boolean) => void;\n  setApiError: (message: string | null) => void;\n  onSelect: (address: AddressDetails) => void;\n  applyAddress: (address: AddressDetails) => void;\n}) =>\n  useCallback(\n    (_event: React.SyntheticEvent, value: AddressOptionValue | null) => {\n      // freeSolo text is reported as typed; there is no place to look up, and the\n      // input already holds it.\n      if (typeof value === 'string') {\n        onSelect(freeSoloAddress(value));\n        return;\n      }\n\n      if (!value) return;\n\n      setLoading(true);\n      const sink: SelectionSink = { setLoading, setApiError, applyAddress };\n\n      if (useMockData && 'place_id' in value) {\n        resolveMockPlace(value, sink);\n        return;\n      }\n\n      if (!services.placesService) {\n        setLoading(false);\n        return;\n      }\n\n      resolveLivePlace(services.placesService, value, sink);\n    },\n    [services, useMockData, setLoading, setApiError, onSelect, applyAddress],\n  );\n"],"mappings":";;;;;;;;;;AACA,SAAS,mBAAmB;AAW5B,IAAM,wBAAwB;AAE9B,IAAM,sBAAsB,CAAC,qBAAqB,sBAAsB,UAAU;AAQlF,IAAM,mBAAmB,CAAC,OAA0B,SAAwB;AAC1E,SAAO,WAAW,MAAM;AACtB,SAAK,WAAW,KAAK;AAErB,UAAM,QAAQ,mBAAmB,MAAM,QAAQ;AAC/C,QAAI,CAAC,OAAO;AACV,WAAK,YAAY,2BAA2B;AAC5C;AAAA,IACF;AAEA,SAAK;AAAA,MACH,iBAAiB;AAAA,QACf,YAAY,MAAM;AAAA,QAClB,WAAW,MAAM,qBAAqB,MAAM;AAAA,QAC5C,aAAa,cAAc,MAAM,QAAQ;AAAA,MAC3C,CAAC;AAAA,IACH;AAAA,EACF,GAAG,qBAAqB;AAC1B;AAEA,IAAM,mBAAmB,CACvB,SACA,OACA,SACG;AACH,QAAM,UAAkD;AAAA,IACtD,SAAS,MAAM;AAAA,IACf,QAAQ;AAAA,EACV;AAEA,UAAQ,WAAW,SAAS,CAAC,OAAO,WAAW;AAC7C,SAAK,WAAW,KAAK;AAErB,QAAI,WAAW,OAAO,KAAK,OAAO,oBAAoB,MAAM,CAAC,OAAO;AAClE,WAAK,YAAY,+BAA+B;AAChD;AAAA,IACF;AAEA,SAAK;AAAA,MACH,iBAAiB;AAAA,QACf,YAAY,MAAM,sBAAsB,CAAC;AAAA,QACzC,WAAW,MAAM,qBAAqB,MAAM;AAAA,QAC5C,aAAa,cAAc,MAAM,QAAQ;AAAA,MAC3C,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACH;AAEO,IAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAQE;AAAA,EACE,CAAC,QAA8B,UAAqC;AAGlE,QAAI,OAAO,UAAU,UAAU;AAC7B,eAAS,gBAAgB,KAAK,CAAC;AAC/B;AAAA,IACF;AAEA,QAAI,CAAC,MAAO;AAEZ,eAAW,IAAI;AACf,UAAM,OAAsB,EAAE,YAAY,aAAa,aAAa;AAEpE,QAAI,eAAe,cAAc,OAAO;AACtC,uBAAiB,OAAO,IAAI;AAC5B;AAAA,IACF;AAEA,QAAI,CAAC,SAAS,eAAe;AAC3B,iBAAW,KAAK;AAChB;AAAA,IACF;AAEA,qBAAiB,SAAS,eAAe,OAAO,IAAI;AAAA,EACtD;AAAA,EACA,CAAC,UAAU,aAAa,YAAY,aAAa,UAAU,YAAY;AACzE;","names":[]}

package/dist/chunk-VXGCB3GY.js

@@ -0,0 +1,81 @@
+// src/components/utility/WorkflowStep/WorkflowStep.helpers.ts
+var INDICATOR_SIZE = {
+  xs: 20,
+  sm: 24,
+  md: 32,
+  lg: 40,
+  xl: 48
+};
+var indicatorSizeFor = (size) => INDICATOR_SIZE[size] ?? INDICATOR_SIZE.md;
+var stepPalette = (theme, color) => {
+  if (color === "neutral") {
+    return {
+      main: theme.palette.grey[600],
+      contrastText: theme.palette.getContrastText(theme.palette.grey[600])
+    };
+  }
+  const key = color || "primary";
+  return theme.palette[key];
+};
+var stepColors = (theme, palette, { isActive, isCompleted, isError, variant }) => {
+  if (isError) {
+    return {
+      backgroundColor: theme.palette.error.main,
+      borderColor: theme.palette.error.main,
+      textColor: theme.palette.error.contrastText
+    };
+  }
+  if (isCompleted) {
+    return {
+      backgroundColor: palette.main,
+      borderColor: palette.main,
+      textColor: palette.contrastText
+    };
+  }
+  if (isActive) {
+    const filled = variant === "filled";
+    return {
+      backgroundColor: filled ? palette.main : theme.palette.background.paper,
+      borderColor: palette.main,
+      textColor: filled ? palette.contrastText : palette.main
+    };
+  }
+  return {
+    backgroundColor: theme.palette.grey[300],
+    borderColor: theme.palette.grey[300],
+    textColor: theme.palette.text.secondary
+  };
+};
+var withDerivedStatus = (steps, currentStep) => steps.map((step, index) => {
+  const derivable = step.status === "pending" || step.status === "current" || step.status === "completed";
+  if (!derivable) return { ...step, status: step.status };
+  if (index < currentStep) return { ...step, status: "completed" };
+  if (index === currentStep) return { ...step, status: "current" };
+  return { ...step, status: "pending" };
+});
+var WORKFLOW_DEFAULTS = {
+  currentStep: 0,
+  variant: "default",
+  orientation: "horizontal",
+  color: "primary",
+  size: "md",
+  showProgress: true,
+  animated: true,
+  interactive: false,
+  showNumbers: true,
+  showIcons: false,
+  disabled: false
+};
+var definedProps = (props) => Object.fromEntries(
+  Object.entries(props).filter(([, value]) => value !== void 0)
+);
+var resolveWorkflowStepProps = (props) => ({ ...WORKFLOW_DEFAULTS, ...definedProps(props) });
+
+export {
+  indicatorSizeFor,
+  stepPalette,
+  stepColors,
+  withDerivedStatus,
+  resolveWorkflowStepProps
+};
+//# sourceMappingURL=chunk-VXGCB3GY.js.map

package/dist/chunk-VXGCB3GY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/utility/WorkflowStep/WorkflowStep.helpers.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\n\nimport type { WorkflowStepItem, WorkflowStepProps } from './WorkflowStep.types';\n\ntype StepColor = NonNullable<WorkflowStepProps['color']>;\ntype StepSize = NonNullable<WorkflowStepProps['size']>;\n\nconst INDICATOR_SIZE: Record<StepSize, number> = {\n  xs: 20,\n  sm: 24,\n  md: 32,\n  lg: 40,\n  xl: 48,\n};\n\nexport const indicatorSizeFor = (size?: StepSize): number =>\n  INDICATOR_SIZE[size as StepSize] ?? INDICATOR_SIZE.md;\n\ninterface StepPalette {\n  main: string;\n  contrastText: string;\n}\n\n/** `neutral` has no MUI palette entry, so its pair is derived from grey. */\nexport const stepPalette = (theme: Theme, color?: StepColor): StepPalette => {\n  if (color === 'neutral') {\n    return {\n      main: theme.palette.grey[600],\n      contrastText: theme.palette.getContrastText(theme.palette.grey[600]),\n    };\n  }\n\n  const key = (color || 'primary') as 'primary' | 'secondary' | 'success' | 'warning' | 'error';\n  return theme.palette[key];\n};\n\nexport interface StepColors {\n  backgroundColor: string;\n  borderColor: string;\n  textColor: string;\n}\n\ninterface StepState {\n  isActive: boolean;\n  isCompleted: boolean;\n  isError: boolean;\n  variant?: WorkflowStepProps['variant'];\n}\n\n/**\n * An indicator is one of four things, in priority order: failed, done, the step\n * you are on, or still ahead. Only the active one respects `variant` — an active\n * outlined step stays hollow with a coloured rim.\n */\nexport const stepColors = (\n  theme: Theme,\n  palette: StepPalette,\n  { isActive, isCompleted, isError, variant }: StepState,\n): StepColors => {\n  if (isError) {\n    return {\n      backgroundColor: theme.palette.error.main,\n      borderColor: theme.palette.error.main,\n      textColor: theme.palette.error.contrastText,\n    };\n  }\n\n  if (isCompleted) {\n    return {\n      backgroundColor: palette.main,\n      borderColor: palette.main,\n      textColor: palette.contrastText,\n    };\n  }\n\n  if (isActive) {\n    const filled = variant === 'filled';\n    return {\n      backgroundColor: filled ? palette.main : theme.palette.background.paper,\n      borderColor: palette.main,\n      textColor: filled ? palette.contrastText : palette.main,\n    };\n  }\n\n  return {\n    backgroundColor: theme.palette.grey[300],\n    borderColor: theme.palette.grey[300],\n    textColor: theme.palette.text.secondary,\n  };\n};\n\n/**\n * A step that declares `error` keeps it; the rest are positioned against\n * `currentStep`, so a caller only has to move one number to advance the workflow.\n */\nexport const withDerivedStatus = (\n  steps: WorkflowStepItem[],\n  currentStep: number,\n): WorkflowStepItem[] =>\n  steps.map((step, index) => {\n    const derivable =\n      step.status === 'pending' || step.status === 'current' || step.status === 'completed';\n\n    if (!derivable) return { ...step, status: step.status };\n\n    if (index < currentStep) return { ...step, status: 'completed' as const };\n    if (index === currentStep) return { ...step, status: 'current' as const };\n    return { ...step, status: 'pending' as const };\n  });\n\ntype WorkflowDefaultedKeys =\n  | 'currentStep'\n  | 'variant'\n  | 'orientation'\n  | 'color'\n  | 'size'\n  | 'showProgress'\n  | 'animated'\n  | 'interactive'\n  | 'showNumbers'\n  | 'showIcons'\n  | 'disabled';\n\ntype ResolvedWorkflowStepProps = WorkflowStepProps &\n  Required<Pick<WorkflowStepProps, WorkflowDefaultedKeys>>;\n\nconst WORKFLOW_DEFAULTS: Pick<WorkflowStepProps, WorkflowDefaultedKeys> = {\n  currentStep: 0,\n  variant: 'default',\n  orientation: 'horizontal',\n  color: 'primary',\n  size: 'md',\n  showProgress: true,\n  animated: true,\n  interactive: false,\n  showNumbers: true,\n  showIcons: false,\n  disabled: false,\n};\n\n// Strips explicitly-undefined props before the merge, so `size={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: WorkflowStepProps): Partial<WorkflowStepProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<WorkflowStepProps>;\n\nexport const resolveWorkflowStepProps = (\n  props: WorkflowStepProps,\n): ResolvedWorkflowStepProps =>\n  ({ ...WORKFLOW_DEFAULTS, ...definedProps(props) }) as ResolvedWorkflowStepProps;\n"],"mappings":";AAOA,IAAM,iBAA2C;AAAA,EAC/C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,IAAM,mBAAmB,CAAC,SAC/B,eAAe,IAAgB,KAAK,eAAe;AAQ9C,IAAM,cAAc,CAAC,OAAc,UAAmC;AAC3E,MAAI,UAAU,WAAW;AACvB,WAAO;AAAA,MACL,MAAM,MAAM,QAAQ,KAAK,GAAG;AAAA,MAC5B,cAAc,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,KAAK,GAAG,CAAC;AAAA,IACrE;AAAA,EACF;AAEA,QAAM,MAAO,SAAS;AACtB,SAAO,MAAM,QAAQ,GAAG;AAC1B;AAoBO,IAAM,aAAa,CACxB,OACA,SACA,EAAE,UAAU,aAAa,SAAS,QAAQ,MAC3B;AACf,MAAI,SAAS;AACX,WAAO;AAAA,MACL,iBAAiB,MAAM,QAAQ,MAAM;AAAA,MACrC,aAAa,MAAM,QAAQ,MAAM;AAAA,MACjC,WAAW,MAAM,QAAQ,MAAM;AAAA,IACjC;AAAA,EACF;AAEA,MAAI,aAAa;AACf,WAAO;AAAA,MACL,iBAAiB,QAAQ;AAAA,MACzB,aAAa,QAAQ;AAAA,MACrB,WAAW,QAAQ;AAAA,IACrB;AAAA,EACF;AAEA,MAAI,UAAU;AACZ,UAAM,SAAS,YAAY;AAC3B,WAAO;AAAA,MACL,iBAAiB,SAAS,QAAQ,OAAO,MAAM,QAAQ,WAAW;AAAA,MAClE,aAAa,QAAQ;AAAA,MACrB,WAAW,SAAS,QAAQ,eAAe,QAAQ;AAAA,IACrD;AAAA,EACF;AAEA,SAAO;AAAA,IACL,iBAAiB,MAAM,QAAQ,KAAK,GAAG;AAAA,IACvC,aAAa,MAAM,QAAQ,KAAK,GAAG;AAAA,IACnC,WAAW,MAAM,QAAQ,KAAK;AAAA,EAChC;AACF;AAMO,IAAM,oBAAoB,CAC/B,OACA,gBAEA,MAAM,IAAI,CAAC,MAAM,UAAU;AACzB,QAAM,YACJ,KAAK,WAAW,aAAa,KAAK,WAAW,aAAa,KAAK,WAAW;AAE5E,MAAI,CAAC,UAAW,QAAO,EAAE,GAAG,MAAM,QAAQ,KAAK,OAAO;AAEtD,MAAI,QAAQ,YAAa,QAAO,EAAE,GAAG,MAAM,QAAQ,YAAqB;AACxE,MAAI,UAAU,YAAa,QAAO,EAAE,GAAG,MAAM,QAAQ,UAAmB;AACxE,SAAO,EAAE,GAAG,MAAM,QAAQ,UAAmB;AAC/C,CAAC;AAkBH,IAAM,oBAAoE;AAAA,EACxE,aAAa;AAAA,EACb,SAAS;AAAA,EACT,aAAa;AAAA,EACb,OAAO;AAAA,EACP,MAAM;AAAA,EACN,cAAc;AAAA,EACd,UAAU;AAAA,EACV,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,EACX,UAAU;AACZ;AAIA,IAAM,eAAe,CAAC,UACpB,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAEK,IAAM,2BAA2B,CACtC,WAEC,EAAE,GAAG,mBAAmB,GAAG,aAAa,KAAK,EAAE;","names":[]}

package/dist/chunk-VZO7VREP.js

@@ -0,0 +1,112 @@
+// src/components/form/Form/Form.tsx
+import Box from "@mui/material/Box/index.js";
+import Stack from "@mui/material/Stack/index.js";
+import { styled } from "@mui/material/styles/index.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StyledForm = styled("form", {
+  shouldForwardProp: (prop) => prop !== "variant"
+})(({ theme, variant }) => ({
+  width: "100%",
+  ...variant === "inline" && {
+    display: "flex",
+    gap: theme.spacing(2),
+    alignItems: "flex-start"
+  }
+}));
+var spacingMap = {
+  xs: 1,
+  sm: 2,
+  md: 3,
+  lg: 4,
+  xl: 5
+};
+var maxWidthMap = {
+  sm: "600px",
+  md: "900px",
+  lg: "1200px",
+  xl: "1536px",
+  full: "100%"
+};
+var Form = React.forwardRef(
+  ({ variant = "vertical", maxWidth = "full", spacing = "md", children, dataTestId, ...props }, ref) => /* @__PURE__ */ jsx(StyledForm, { ref, variant, role: "form", "data-testid": dataTestId, ...props, children: /* @__PURE__ */ jsx(Box, { sx: { maxWidth: maxWidthMap[maxWidth], width: "100%" }, children: variant === "inline" ? children : /* @__PURE__ */ jsx(Stack, { spacing: spacingMap[spacing], children }) }) })
+);
+Form.displayName = "Form";
+var StyledFormField = styled(Box, {
+  shouldForwardProp: (prop) => prop !== "variant"
+})(
+  ({ theme, variant }) => ({
+    display: variant === "horizontal" ? "grid" : "flex",
+    flexDirection: variant === "horizontal" ? void 0 : "column",
+    gridTemplateColumns: variant === "horizontal" ? "200px 1fr" : void 0,
+    gap: theme.spacing(1),
+    alignItems: variant === "horizontal" ? "center" : void 0
+  })
+);
+var FormField = ({
+  name,
+  label,
+  required,
+  error,
+  helperText,
+  children,
+  dataTestId
+}) => /* @__PURE__ */ jsxs(StyledFormField, { "data-testid": dataTestId, children: [
+  label && /* @__PURE__ */ jsx(FormLabel, { required, error: !!error, htmlFor: name, dataTestId: dataTestId ? `${dataTestId}-label` : void 0, children: label }),
+  /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, dataTestId: dataTestId ? `${dataTestId}-control` : void 0, children: [
+    children,
+    (error || helperText) && /* @__PURE__ */ jsx(FormMessage, { error: !!error, dataTestId: dataTestId ? `${dataTestId}-message` : void 0, children: error || helperText })
+  ] })
+] });
+var StyledFormLabel = styled("label", {
+  shouldForwardProp: (prop) => prop !== "error"
+})(({ theme, error }) => ({
+  fontSize: "0.875rem",
+  fontWeight: 500,
+  color: error ? theme.palette.error.main : theme.palette.text.primary,
+  marginBottom: theme.spacing(0.5),
+  display: "block",
+  "&::after": {
+    content: '" *"',
+    color: theme.palette.error.main,
+    display: "var(--required-display, none)"
+  }
+}));
+var FormLabel = ({ required, error, children, htmlFor, dataTestId }) => /* @__PURE__ */ jsx(
+  StyledFormLabel,
+  {
+    error,
+    htmlFor,
+    "data-testid": dataTestId,
+    style: { "--required-display": required ? "inline" : "none" },
+    children
+  }
+);
+var StyledFormControl = styled(Box, {
+  shouldForwardProp: (prop) => prop !== "fullWidth"
+})(({ fullWidth }) => ({
+  width: fullWidth ? "100%" : "auto",
+  position: "relative"
+}));
+var FormControl = ({ fullWidth = true, children, dataTestId }) => (
+  // Don't pass error prop to the DOM element
+  /* @__PURE__ */ jsx(StyledFormControl, { fullWidth, "data-testid": dataTestId, children })
+);
+var StyledFormMessage = styled("span", {
+  shouldForwardProp: (prop) => prop !== "error"
+})(({ theme, error }) => ({
+  fontSize: "0.75rem",
+  marginTop: theme.spacing(0.5),
+  color: error ? theme.palette.error.main : theme.palette.text.secondary,
+  display: "block"
+}));
+var FormMessage = ({ error, children, dataTestId }) => /* @__PURE__ */ jsx(StyledFormMessage, { error, "data-testid": dataTestId, children });
+
+export {
+  Form,
+  FormField,
+  FormLabel,
+  FormControl,
+  FormMessage
+};
+//# sourceMappingURL=chunk-VZO7VREP.js.map

package/dist/chunk-VZO7VREP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Form/Form.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport { styled } from '@mui/material/styles/index.js';\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-W2UTDN4T.js

@@ -0,0 +1,194 @@
+import {
+  paginationStyles
+} from "./chunk-CZBONNPA.js";
+import {
+  ItemsPerPageSelect,
+  PageInfo
+} from "./chunk-BB2IVF76.js";
+import {
+  makeTestId,
+  muiSizeFor,
+  resolvePaginationProps
+} from "./chunk-Z6TIAVEG.js";
+
+// src/components/navigation/Pagination/Pagination.tsx
+import FirstPage from "@mui/icons-material/FirstPage";
+import LastPage from "@mui/icons-material/LastPage";
+import NavigateBefore from "@mui/icons-material/NavigateBefore";
+import NavigateNext from "@mui/icons-material/NavigateNext";
+import Box from "@mui/material/Box/index.js";
+import MuiPagination from "@mui/material/Pagination/index.js";
+import PaginationItem from "@mui/material/PaginationItem/index.js";
+import { styled } from "@mui/material/styles/index.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StyledPagination = styled(MuiPagination, {
+  shouldForwardProp: (prop) => !["customVariant", "customSize"].includes(prop)
+})(({ theme, customVariant, customSize }) => ({
+  ...paginationStyles({ theme, customVariant, customSize })
+}));
+var PaginationContainer = styled(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  flexWrap: "wrap",
+  gap: theme.spacing(1)
+}));
+var ITEM_TEST_SUFFIX = {
+  first: "first",
+  last: "last",
+  previous: "prev",
+  next: "next"
+};
+var paginationItemTestId = (base, item) => {
+  const prefix = base ?? "pagination";
+  if (item.type === "page") return `${prefix}-page-${item.page}`;
+  const suffix = ITEM_TEST_SUFFIX[item.type];
+  return suffix ? `${prefix}-${suffix}` : void 0;
+};
+var renderPaginationItem = ({
+  item,
+  variant,
+  size: _size,
+  dataTestId,
+  icons
+}) => {
+  const { firstIcon, lastIcon, previousIcon, nextIcon } = icons;
+  const itemTestId = paginationItemTestId(dataTestId, item);
+  if (variant === "dots") {
+    if (item.type === "page") {
+      return /* @__PURE__ */ jsx(
+        PaginationItem,
+        {
+          ...item,
+          "data-testid": itemTestId,
+          sx: {
+            "&.MuiPaginationItem-page": {
+              fontSize: 0,
+              overflow: "hidden",
+              textIndent: "-9999px"
+            }
+          }
+        }
+      );
+    }
+    return null;
+  }
+  const iconMap = {
+    first: firstIcon,
+    last: lastIcon,
+    previous: previousIcon,
+    next: nextIcon
+  };
+  return /* @__PURE__ */ jsx(
+    PaginationItem,
+    {
+      ...item,
+      "data-testid": itemTestId,
+      components: {
+        first: () => iconMap.first || /* @__PURE__ */ jsx(FirstPage, {}),
+        last: () => iconMap.last || /* @__PURE__ */ jsx(LastPage, {}),
+        previous: () => iconMap.previous || /* @__PURE__ */ jsx(NavigateBefore, {}),
+        next: () => iconMap.next || /* @__PURE__ */ jsx(NavigateNext, {})
+      }
+    }
+  );
+};
+var PaginationControl = ({ innerRef, renderItem, rest, ...p }) => {
+  const isDots = p.variant === "dots";
+  return /* @__PURE__ */ jsx(
+    StyledPagination,
+    {
+      ref: innerRef,
+      page: p.page,
+      count: p.count,
+      onChange: p.onChange,
+      customVariant: p.variant,
+      customSize: p.size,
+      variant: "outlined",
+      size: muiSizeFor(p.size),
+      boundaryCount: isDots ? 0 : p.boundaryCount,
+      siblingCount: isDots ? 0 : p.siblingCount,
+      hideNextButton: p.hideNextButton || isDots,
+      hidePrevButton: p.hidePrevButton || isDots,
+      showFirstButton: p.showFirstButton && !isDots,
+      showLastButton: p.showLastButton && !isDots,
+      disabled: p.disabled,
+      color: p.color === void 0 ? void 0 : p.color === "neutral" ? "standard" : p.color,
+      renderItem,
+      ...rest
+    }
+  );
+};
+var Pagination = React.forwardRef(
+  (componentProps, ref) => {
+    const resolved = resolvePaginationProps(componentProps);
+    const {
+      pageSizeLabel,
+      variant,
+      size,
+      page,
+      count,
+      onChange: _onChange,
+      boundaryCount: _boundaryCount,
+      siblingCount: _siblingCount,
+      hideNextButton: _hideNextButton,
+      hidePrevButton: _hidePrevButton,
+      showFirstButton: _showFirstButton,
+      showLastButton: _showLastButton,
+      firstIcon,
+      lastIcon,
+      previousIcon,
+      nextIcon,
+      disabled,
+      color: _color,
+      showPageInfo,
+      pageInfoFormat,
+      showItemsPerPage,
+      itemsPerPageOptions,
+      itemsPerPage,
+      onItemsPerPageChange,
+      className,
+      dataTestId,
+      ...props
+    } = resolved;
+    const testId = makeTestId(dataTestId);
+    const renderItem = (item) => renderPaginationItem({
+      item,
+      variant,
+      size,
+      dataTestId,
+      icons: { firstIcon, lastIcon, previousIcon, nextIcon }
+    });
+    return /* @__PURE__ */ jsxs(PaginationContainer, { className, "data-testid": dataTestId || "pagination", children: [
+      showItemsPerPage && onItemsPerPageChange && /* @__PURE__ */ jsx(
+        ItemsPerPageSelect,
+        {
+          pageSizeLabel,
+          value: itemsPerPage,
+          options: itemsPerPageOptions,
+          size,
+          disabled,
+          testId: testId("items-per-page"),
+          onChange: onItemsPerPageChange
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        PaginationControl,
+        {
+          ...resolved,
+          innerRef: ref,
+          renderItem,
+          rest: props
+        }
+      ),
+      showPageInfo && /* @__PURE__ */ jsx(PageInfo, { size, testId: testId("info"), children: pageInfoFormat(page, count) })
+    ] });
+  }
+);
+Pagination.displayName = "Pagination";
+
+export {
+  Pagination
+};
+//# sourceMappingURL=chunk-W2UTDN4T.js.map