@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-UN5INW6K.js

@@ -0,0 +1,86 @@
+import {
+  useCalendar
+} from "./chunk-2ZRZTGWP.js";
+import {
+  resolveCalendarProps
+} from "./chunk-SUALMVL7.js";
+import {
+  CalendarMonth
+} from "./chunk-PUBPZOQJ.js";
+
+// src/components/form/Calendar/Calendar.tsx
+import Box from "@mui/material/Box/index.js";
+import Paper from "@mui/material/Paper/index.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var containerSx = (monthsToShow) => ({
+  p: 3,
+  display: "flex",
+  flexDirection: monthsToShow > 1 ? "row" : "column",
+  gap: 3,
+  outline: "none",
+  "&:focus-within": {
+    outline: "2px solid",
+    outlineColor: "primary.main",
+    outlineOffset: 2
+  }
+});
+var Calendar = React.forwardRef((componentProps, ref) => {
+  const props = resolveCalendarProps(componentProps);
+  const { monthsToShow, locale, renderHeader, renderFooter, className, ariaLabel } = props;
+  const calendar = useCalendar(props);
+  const dayContext = {
+    selectionMode: props.selectionMode,
+    value: props.value,
+    range: props.range,
+    showOutsideDays: props.showOutsideDays,
+    renderDay: props.renderDay,
+    dayClassName: props.dayClassName,
+    hoveredDate: calendar.hoveredDate,
+    focusedDate: calendar.focusedDate,
+    today: calendar.today,
+    isDisabled: calendar.isDisabled,
+    onSelect: calendar.handleDateClick,
+    onHover: calendar.handleDateMouseEnter,
+    onHoverEnd: calendar.handleDateMouseLeave
+  };
+  return /* @__PURE__ */ jsxs(
+    Paper,
+    {
+      ref,
+      className,
+      role: "application",
+      "aria-label": ariaLabel,
+      tabIndex: 0,
+      onKeyDown: calendar.handleKeyDown,
+      "data-testid": "calendar-container",
+      sx: containerSx(monthsToShow),
+      children: [
+        /* @__PURE__ */ jsx(Box, { ref: calendar.gridRef, sx: { display: "flex", gap: 3, flexWrap: "wrap" }, children: calendar.monthMatrices.map((matrix, index) => /* @__PURE__ */ jsx(
+          CalendarMonth,
+          {
+            matrix,
+            monthIndex: index,
+            monthsToShow,
+            locale,
+            weekdayNames: calendar.weekdayNames,
+            renderHeader,
+            onPreviousMonth: calendar.goToPreviousMonth,
+            onNextMonth: calendar.goToNextMonth,
+            dayContext
+          },
+          `month-${matrix.year}-${matrix.month}`
+        )) }),
+        renderFooter && /* @__PURE__ */ jsx(Box, { sx: { mt: 2, pt: 2, borderTop: 1, borderColor: "divider" }, children: renderFooter })
+      ]
+    }
+  );
+});
+Calendar.displayName = "Calendar";
+var Calendar_default = Calendar;
+
+export {
+  Calendar,
+  Calendar_default
+};
+//# sourceMappingURL=chunk-UN5INW6K.js.map

package/dist/chunk-UUFHI7J5.js

@@ -0,0 +1,41 @@
+import {
+  useFormContext
+} from "./chunk-4XK6JQ4D.js";
+import {
+  CategorySelect
+} from "./chunk-KBMKALKQ.js";
+
+// src/components/form/total-form/Fields/CategoryField.tsx
+import { jsx } from "react/jsx-runtime";
+function CategoryField({
+  name,
+  options,
+  label,
+  placeholder,
+  allowParentSelection = true,
+  copy
+}) {
+  const { values, errors, setFieldValue } = useFormContext();
+  const error = errors[name];
+  return /* @__PURE__ */ jsx(
+    CategorySelect,
+    {
+      copy,
+      mode: "single",
+      fullWidth: true,
+      label,
+      placeholder,
+      options,
+      allowParentSelection,
+      value: values[name] ? values[name] : null,
+      error,
+      onChange: (next) => setFieldValue(name, next ?? ""),
+      dataTestId: `total-form-field-${name}`
+    }
+  );
+}
+
+export {
+  CategoryField
+};
+//# sourceMappingURL=chunk-UUFHI7J5.js.map

package/dist/chunk-UXWU5NRC.js

@@ -0,0 +1,34 @@
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  Pagination
+} from "./chunk-JRODCEIG.js";
+import {
+  default as default2
+} from "./chunk-6DPAWXZ3.js";
+
+// src/components/data-display/DataViews/data-views-pagination.tsx
+import { jsx } from "react/jsx-runtime";
+function DataViewsPagination({
+  c,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  if (!c.serverMode || c.serverPageCount <= 1) return null;
+  return /* @__PURE__ */ jsx(default2, { sx: { mt: 2, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx(
+    Pagination,
+    {
+      pageSizeLabel: copy.nav.pageSize,
+      page: c.serverPage,
+      count: c.serverPageCount,
+      onChange: (_event, page) => c.changePage(page),
+      dataTestId: `${testIdPrefix}-pagination`
+    }
+  ) });
+}
+
+export {
+  DataViewsPagination
+};
+//# sourceMappingURL=chunk-UXWU5NRC.js.map

package/dist/chunk-UYA2QMH6.js

@@ -0,0 +1,144 @@
+import {
+  CategorySectionHeading,
+  CategoryTreeRow
+} from "./chunk-MWBHZZA4.js";
+import {
+  categoryCheckState,
+  isLeafCategory,
+  leavesOf
+} from "./chunk-PN4HVM43.js";
+import {
+  emptySx,
+  listSx,
+  skeletonSx
+} from "./chunk-ZSRLRDTP.js";
+
+// src/components/form/CategorySelect/CategoryPanelList.tsx
+import Box from "@mui/material/Box/index.js";
+import Button from "@mui/material/Button/index.js";
+import Skeleton from "@mui/material/Skeleton/index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var SENTENCE_CASE = { textTransform: "none" };
+var SKELETON_ROWS = 6;
+function LoadingRows() {
+  return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: SKELETON_ROWS }, (_unused, index) => /* @__PURE__ */ jsx(Skeleton, { variant: "rounded", sx: skeletonSx }, index)) });
+}
+function EmptyCatalogue({
+  onCreateCategory,
+  dataTestId,
+  copy
+}) {
+  return /* @__PURE__ */ jsxs(Box, { sx: emptySx, "data-testid": `${dataTestId}-empty-catalogue`, children: [
+    /* @__PURE__ */ jsx("strong", { children: copy.emptyTitle }),
+    /* @__PURE__ */ jsx("p", { children: copy.purpose }),
+    onCreateCategory && /* @__PURE__ */ jsx(Button, { variant: "contained", size: "small", sx: SENTENCE_CASE, onClick: () => onCreateCategory(), children: copy.createCategory })
+  ] });
+}
+function NoResults({
+  query,
+  onClearQuery,
+  onCreateCategory,
+  dataTestId,
+  copy
+}) {
+  return /* @__PURE__ */ jsxs(Box, { sx: emptySx, "data-testid": `${dataTestId}-no-results`, children: [
+    /* @__PURE__ */ jsx("strong", { children: copy.noResults.title(query) }),
+    /* @__PURE__ */ jsx("p", { children: copy.noResults.hint }),
+    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: "6px", justifyContent: "center" }, children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outlined", size: "small", sx: SENTENCE_CASE, onClick: onClearQuery, children: copy.noResults.clearSearch }),
+      onCreateCategory && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "contained",
+          size: "small",
+          sx: SENTENCE_CASE,
+          "data-testid": `${dataTestId}-create`,
+          onClick: () => onCreateCategory(query.trim()),
+          children: copy.noResults.create(query.trim())
+        }
+      )
+    ] })
+  ] });
+}
+function CategoryNodeRows({
+  node,
+  depth,
+  props
+}) {
+  const { draft, query, single, allowParentSelection, rowIds, activeIndex, sheet } = props;
+  const categoryId = node.category.id;
+  const leaf = isLeafCategory(node);
+  const expanded = props.isExpanded(categoryId);
+  const selectable = allowParentSelection || leaf;
+  const asHeading = single && !selectable && !props.deepTree;
+  const selectedCount = leaf ? 0 : leavesOf(node).filter((id) => draft.has(id)).length;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    asHeading ? /* @__PURE__ */ jsx(CategorySectionHeading, { option: node.category, query }) : /* @__PURE__ */ jsx(
+      CategoryTreeRow,
+      {
+        option: node.category,
+        query,
+        depth,
+        branch: !leaf,
+        expanded,
+        active: rowIds[activeIndex] === categoryId,
+        sheet,
+        ...selectable ? { checkState: categoryCheckState(node, draft) } : {},
+        single,
+        selectedCount,
+        showCounts: props.showCounts,
+        onToggleExpanded: () => props.onToggleExpanded(categoryId),
+        onActivate: () => leaf ? props.onActivateSubcategory(categoryId) : props.onActivateCategory(node),
+        dataTestId: props.dataTestId,
+        copy: props.copy
+      }
+    ),
+    (expanded || asHeading) && node.subcategories.map((sub) => /* @__PURE__ */ jsx(CategoryNodeRows, { node: sub, depth: depth + 1, props }, sub.category.id))
+  ] });
+}
+function CategoryPanelList(props) {
+  const { groups, loading, query, listRef, sheet, dataTestId, copy } = props;
+  const body = () => {
+    if (loading) return /* @__PURE__ */ jsx(LoadingRows, {});
+    if (groups.length === 0 && query.trim().length > 0) {
+      return /* @__PURE__ */ jsx(
+        NoResults,
+        {
+          copy,
+          query,
+          onClearQuery: props.onClearQuery,
+          onCreateCategory: props.onCreateCategory,
+          dataTestId
+        }
+      );
+    }
+    if (groups.length === 0) {
+      return /* @__PURE__ */ jsx(
+        EmptyCatalogue,
+        {
+          copy,
+          onCreateCategory: props.onCreateCategory,
+          dataTestId
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(Fragment, { children: groups.map((group) => /* @__PURE__ */ jsx(CategoryNodeRows, { node: group, depth: 0, props }, group.category.id)) });
+  };
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref: listRef,
+      role: "listbox",
+      "aria-multiselectable": props.single ? void 0 : true,
+      tabIndex: -1,
+      "data-testid": `${dataTestId}-list`,
+      sx: listSx(sheet),
+      children: body()
+    }
+  );
+}
+
+export {
+  CategoryPanelList
+};
+//# sourceMappingURL=chunk-UYA2QMH6.js.map

package/dist/chunk-V26IDPL4.js

@@ -0,0 +1,220 @@
+import {
+  onTrackInk,
+  switchSx
+} from "./chunk-PYJI2YGJ.js";
+import {
+  LABEL_GAP_UNITS,
+  SWITCH_ICON_SIZES,
+  TAP_TARGET_MIN
+} from "./chunk-D5SZXH7Q.js";
+
+// src/components/form/Switch/Switch.parts.tsx
+import Box from "@mui/material/Box/index.js";
+import FormHelperText from "@mui/material/FormHelperText/index.js";
+import MuiSwitch from "@mui/material/Switch/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { styled, useTheme } from "@mui/material/styles/index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var StyledSwitch = styled(MuiSwitch, {
+  shouldForwardProp: (prop) => ![
+    "customVariant",
+    "customColor",
+    "customSize",
+    "glow",
+    "glass",
+    "gradient",
+    "trackWidth",
+    "trackHeight",
+    "onText",
+    "offText",
+    "loading",
+    "ripple",
+    "pulse"
+  ].includes(prop)
+})(({ theme, ...flags }) => ({ ...switchSx(theme, flags) }));
+var StyledLabelContainer = styled(Box, {
+  shouldForwardProp: (prop) => !["labelPosition", "error"].includes(prop)
+})(({ theme, labelPosition, error }) => {
+  const stacked = labelPosition === "top" || labelPosition === "bottom";
+  return {
+    display: "flex",
+    alignItems: stacked ? "flex-start" : "center",
+    flexDirection: labelPosition === "top" ? "column" : labelPosition === "bottom" ? "column-reverse" : "row",
+    gap: theme.spacing(stacked ? LABEL_GAP_UNITS.stacked : LABEL_GAP_UNITS.beside),
+    width: "100%",
+    ...error && { "& .MuiTypography-root": { color: theme.palette.error.main } }
+  };
+});
+var LabelContainer = ({ labelPosition, error, children }) => /* @__PURE__ */ jsx(StyledLabelContainer, { labelPosition, error, children });
+var SwitchIcon = ({
+  icon,
+  shown,
+  animated,
+  size,
+  side,
+  onInk
+}) => {
+  const isOn = side === "on";
+  const translate = isOn ? "translate(-50%, -50%)" : "translate(50%, -50%)";
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: {
+        position: "absolute",
+        top: "50%",
+        ...isOn ? { left: shown ? 4 : "50%" } : { right: shown ? 4 : "50%" },
+        transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+        opacity: shown ? 1 : 0,
+        transform: `${translate} scale(${shown && animated ? 1 : 0.8})`,
+        pointerEvents: "none",
+        zIndex: 2,
+        color: isOn ? onInk : "text.secondary",
+        fontSize: SWITCH_ICON_SIZES[size] ?? SWITCH_ICON_SIZES.md
+      },
+      children: icon
+    }
+  );
+};
+var SwitchControl = ({
+  checked,
+  onChange,
+  onIcon,
+  offIcon,
+  animated,
+  size,
+  dataTestId,
+  switchRef,
+  inputId,
+  inputProps,
+  describedBy,
+  rest,
+  ...flags
+}) => {
+  const props = rest;
+  const theme = useTheme();
+  const onInk = onTrackInk(theme, flags);
+  return /* @__PURE__ */ jsxs(Box, { sx: { position: "relative", display: "inline-flex" }, children: [
+    /* @__PURE__ */ jsx(
+      StyledSwitch,
+      {
+        ref: switchRef,
+        ...flags,
+        checked,
+        onChange,
+        disabled: Boolean(flags.loading) || props.disabled,
+        ...props,
+        inputProps: {
+          "aria-label": props["aria-label"],
+          "data-testid": dataTestId || "switch",
+          ...inputProps,
+          id: inputId,
+          "aria-describedby": describedBy
+        }
+      }
+    ),
+    onIcon && /* @__PURE__ */ jsx(
+      SwitchIcon,
+      {
+        icon: onIcon,
+        shown: Boolean(checked),
+        animated,
+        size,
+        side: "on",
+        onInk
+      }
+    ),
+    offIcon && /* @__PURE__ */ jsx(
+      SwitchIcon,
+      {
+        icon: offIcon,
+        shown: !checked,
+        animated,
+        size,
+        side: "off",
+        onInk
+      }
+    )
+  ] });
+};
+var SwitchHelper = ({ helperText, error, dataTestId, id }) => helperText ? /* @__PURE__ */ jsx(
+  FormHelperText,
+  {
+    id,
+    error,
+    sx: { mt: 1 },
+    "data-testid": dataTestId ? `${dataTestId}-helper` : "switch-helper",
+    children: helperText
+  }
+) : null;
+var SwitchLabel = ({ label, description, error, dataTestId, htmlFor, descriptionId, disabled }) => /* @__PURE__ */ jsxs(Box, { sx: { flex: 1, minWidth: 0 }, children: [
+  /* @__PURE__ */ jsx(
+    Typography,
+    {
+      component: "label",
+      htmlFor,
+      variant: "body2",
+      fontWeight: 500,
+      color: error ? "error.main" : "text.primary",
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        // The floor applies to the row the label shares with the control. A
+        // description already makes the row taller than 40px, so forcing it
+        // there would only add blank space.
+        ...description ? {} : { minHeight: TAP_TARGET_MIN },
+        // A disabled control's label toggles nothing, so it must not wear the
+        // cursor that says it does.
+        ...htmlFor && !disabled ? { cursor: "pointer" } : {}
+      },
+      "data-testid": dataTestId ? `${dataTestId}-label` : "switch-label",
+      children: label
+    }
+  ),
+  description && /* @__PURE__ */ jsx(
+    Typography,
+    {
+      id: descriptionId,
+      variant: "caption",
+      color: error ? "error.main" : "text.secondary",
+      sx: { display: "block", mt: 0.5 },
+      children: description
+    }
+  )
+] });
+var SwitchRow = ({
+  label,
+  description,
+  labelPosition,
+  error,
+  dataTestId,
+  htmlFor,
+  descriptionId,
+  disabled,
+  control
+}) => {
+  if (!label) return /* @__PURE__ */ jsx(Fragment, { children: control });
+  return /* @__PURE__ */ jsxs(LabelContainer, { labelPosition, error, children: [
+    labelPosition === "start" && control,
+    /* @__PURE__ */ jsx(
+      SwitchLabel,
+      {
+        label,
+        description,
+        error,
+        dataTestId,
+        htmlFor,
+        descriptionId,
+        disabled
+      }
+    ),
+    labelPosition !== "start" && control
+  ] });
+};
+
+export {
+  SwitchIcon,
+  SwitchControl,
+  SwitchHelper,
+  SwitchRow
+};
+//# sourceMappingURL=chunk-V26IDPL4.js.map

package/dist/chunk-V5KKBMAT.js

@@ -0,0 +1,86 @@
+import {
+  neutralTones
+} from "./chunk-FQ6UW7IY.js";
+
+// 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") {
+    const main = neutralTones(theme).emphasis;
+    return {
+      main,
+      contrastText: theme.palette.getContrastText(main)
+    };
+  }
+  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: neutralTones(theme).track,
+    borderColor: neutralTones(theme).track,
+    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-V5KKBMAT.js.map

package/dist/chunk-V5KKBMAT.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';\nimport { neutralTones } from '../../../tokens/ink';\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    const main = neutralTones(theme).emphasis;\n    return {\n      main,\n      contrastText: theme.palette.getContrastText(main),\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: neutralTones(theme).track,\n    borderColor: neutralTones(theme).track,\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":";;;;;AAQA,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,UAAM,OAAO,aAAa,KAAK,EAAE;AACjC,WAAO;AAAA,MACL;AAAA,MACA,cAAc,MAAM,QAAQ,gBAAgB,IAAI;AAAA,IAClD;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,aAAa,KAAK,EAAE;AAAA,IACrC,aAAa,aAAa,KAAK,EAAE;AAAA,IACjC,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":[]}