@persona/design-system 0.7.1 → 0.7.2

package/dist/components/ProgressIndicator/index.mjs

@@ -1,188 +1,2 @@
-import { a as styled, o as useTheme, r as css } from "../../styledComponentsInterop-NxwFjeA4.mjs";
-import { semanticColor, semanticTokens } from "../../lib/semanticColor.mjs";
-import { paragraphMixins } from "../../mixins/text.mjs";
-import { withAlpha } from "../../lib/color.mjs";
-import { focusOutline } from "../../mixins/focus.mjs";
-import { BorderRadius, Color, Spacing } from "@persona/design-tokens";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CircleCheckFillIcon, CircleFillIcon, CircleNullIcon, CircleWarningFillIcon, WarningFillIcon } from "@persona/icons";
-//#region components/ProgressIndicator/ProgressIndicator.tsx
-/**
-* Completed, warning, and error steps can be navigated back to.
-* The current step (first uncompleted or error) is also clickable so the user can
-* return to it after navigating back to an earlier step.
-* Active and upcoming steps (beyond the current) are not clickable.
-*/
-function resolveClickable(status, isActive, isDisabled, isCurrent) {
-	if (isDisabled || isActive) return false;
-	return status === "completed" || status === "warning" || status === "error" || isCurrent;
-}
-function resolveIcon(status, isCurrent) {
-	if (status === "completed") return CircleCheckFillIcon;
-	if (status === "warning") return WarningFillIcon;
-	if (status === "error") return CircleWarningFillIcon;
-	if (isCurrent) return CircleFillIcon;
-	return CircleNullIcon;
-}
-function resolveIconColor(theme, status, isActive, isDisabled) {
-	if (isDisabled) return semanticColor(theme, "FgDisabled", Color.BorderIconDisabled);
-	if (status === "completed") return semanticColor(theme, "FgSuccess", Color.BorderIconSuccess);
-	if (status === "warning") return semanticColor(theme, "FgWarning1", Color.BorderIconWarning);
-	if (status === "error") return semanticColor(theme, "FgDanger1", Color.BorderIconDanger);
-	return isActive ? semanticColor(theme, "FgAccent", Color.BorderIconActive) : semanticColor(theme, "FgSecondary", Color.BorderIconSecondary);
-}
-function resolveTextColor(theme, status, isActive, isDisabled) {
-	if (isDisabled) return semanticColor(theme, "FgDisabled", Color.TextDisabled);
-	if (isActive) return semanticColor(theme, "FgAccent", Color.TextActive);
-	if (status === "uncompleted") return semanticColor(theme, "FgSecondary", Color.TextSecondary);
-	return semanticColor(theme, "FgPrimary", Color.TextPrimary);
-}
-const StepList = styled.ol`
-  display: flex;
-  flex-direction: ${({ $layout }) => $layout === "horizontal" ? "row" : "column"};
-  gap: ${({ $layout }) => $layout === "horizontal" ? Spacing[2] : "0px"};
-  list-style: none;
-  margin: 0;
-  padding: 0;
-`;
-const StepItem = styled.li`
-  display: flex;
-  align-items: center;
-
-  ${({ $layout }) => $layout === "horizontal" && css`
-      width: fit-content;
-      white-space: nowrap;
-    `}
-`;
-const StepContent = styled.button`
-  display: flex;
-  align-items: center;
-  gap: ${Spacing[2]};
-  width: 100%;
-  padding: ${Spacing[2]};
-  border-radius: ${BorderRadius.Md};
-  border: none;
-  margin: 0;
-  font: inherit;
-  color: inherit;
-  text-align: left;
-  outline: none;
-  cursor: ${({ $isClickable, $interactive }) => $interactive && $isClickable ? "pointer" : "default"};
-
-  ${({ theme, $isActive, $isClickable, $interactive }) => {
-	const tokens = semanticTokens(theme);
-	if ($isActive) return css`
-        background-color: ${tokens ? withAlpha(tokens.SurfaceAccent, tokens.Opacity25) : Color.BackgroundInteractiveActive};
-      `;
-	if ($interactive && $isClickable) return css`
-        background-color: ${tokens ? "transparent" : Color.BackgroundInteractiveDefault};
-        &:hover {
-          background-color: ${semanticColor(theme, "SurfaceSecondary", Color.BackgroundInteractiveHover)};
-        }
-      `;
-	return css`
-      background-color: transparent;
-    `;
-}}
-
-  ${focusOutline}
-
-  &:focus-visible {
-    position: relative;
-    z-index: 1;
-  }
-`;
-const IconWrapper = styled.span`
-  display: inline-flex;
-  flex-shrink: 0;
-  width: 16px;
-  height: 16px;
-  color: ${({ $color }) => $color};
-  line-height: 0;
-`;
-const StepLabel = styled.span`
-  ${({ $isActive }) => $isActive ? paragraphMixins.mdBold : paragraphMixins.md};
-  color: ${({ $color }) => $color};
-`;
-const Step = ({ step, isActive, isCurrent, layout, onStepClick }) => {
-	const { id, label, status = "uncompleted", disabled = false } = step;
-	const interactive = Boolean(onStepClick);
-	const isClickable = resolveClickable(status, isActive, disabled, isCurrent);
-	const isInteractionDisabled = disabled || !isActive && !isCurrent && status === "uncompleted";
-	const theme = useTheme();
-	const iconColor = resolveIconColor(theme, status, isActive, disabled);
-	const textColor = resolveTextColor(theme, status, isActive, disabled);
-	const Icon = resolveIcon(status, isCurrent);
-	return /* @__PURE__ */ jsx(StepItem, {
-		$layout: layout,
-		"aria-current": !interactive && isActive ? "step" : void 0,
-		"aria-disabled": !interactive && isInteractionDisabled ? true : void 0,
-		children: /* @__PURE__ */ jsxs(StepContent, {
-			...interactive && isClickable ? {
-				type: "button",
-				onClick: () => onStepClick?.(id)
-			} : { as: "div" },
-			"aria-current": interactive && isActive ? "step" : void 0,
-			"aria-disabled": interactive && isInteractionDisabled ? true : void 0,
-			$isActive: isActive,
-			$isClickable: isClickable,
-			$interactive: interactive,
-			children: [/* @__PURE__ */ jsx(IconWrapper, {
-				$color: iconColor,
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ jsx(Icon, {})
-			}), /* @__PURE__ */ jsx(StepLabel, {
-				$isActive: isActive,
-				$color: textColor,
-				children: label
-			})]
-		})
-	});
-};
-/**
-* ProgressIndicator guides users through a sequence of steps.
-*
-* Interaction rules:
-* - **Completed / warning / error** steps are clickable — navigate back to review or fix.
-* - **Warning** does not block forward progression; later uncompleted steps remain reachable.
-* - **Error** blocks forward progression — treat it as the terminal step in the sequence.
-* - **Active** step is not clickable — the user is already there.
-* - **Upcoming (uncompleted)** steps are not clickable — sequential progression required.
-*
-* Navigation does not clear later steps. If a change on an earlier step
-* invalidates later data, the affected steps should be flagged and require
-* re-confirmation before submission — this logic lives in the consuming component.
-*
-* @example
-* ```tsx
-* <ProgressIndicator
-*   steps={[
-*     { id: 'identity', label: 'Identity', status: 'completed' },
-*     { id: 'address',  label: 'Address',  status: 'uncompleted' },
-*     { id: 'review',   label: 'Review',   status: 'uncompleted' },
-*   ]}
-*   activeStepId="address"
-*   onStepClick={(id) => navigate(id)}
-* />
-* ```
-*/
-const ProgressIndicator = ({ steps, activeStepId, layout = "vertical", onStepClick, "aria-label": ariaLabel = "Progress", ...rest }) => {
-	const currentStepId = steps.find(({ status = "uncompleted" }) => status === "uncompleted" || status === "error")?.id;
-	return /* @__PURE__ */ jsx(StepList, {
-		$layout: layout,
-		role: "list",
-		"aria-label": ariaLabel,
-		...rest,
-		children: steps.map((step) => /* @__PURE__ */ jsx(Step, {
-			step,
-			isActive: step.id === activeStepId,
-			isCurrent: step.id === currentStepId,
-			layout,
-			onStepClick
-		}, step.id))
-	});
-};
-//#endregion
+import { t as ProgressIndicator } from "../../ProgressIndicator-3A4Aqci6.mjs";
 export { ProgressIndicator, ProgressIndicator as default };
-
-//# sourceMappingURL=index.mjs.map

package/dist/components/Radio/index.mjs

@@ -1,2 +1,2 @@
-import { t as Radio } from "../../Radio-Ds1pODKw.mjs";
+import { t as Radio } from "../../Radio-Cxt89w8s.mjs";
 export { Radio, Radio as default };

package/dist/components/RadioGroup/index.d.mts

@@ -1,2 +1,2 @@
-import { n as RadioGroupProps, t as RadioGroup } from "../../RadioGroup-CxL6LW4q.mjs";
+import { n as RadioGroupProps, t as RadioGroup } from "../../RadioGroup-BjrfVPZQ.mjs";
 export { RadioGroup, RadioGroup as default, RadioGroupProps };

package/dist/components/RadioGroup/index.mjs

@@ -1,2 +1,2 @@
-import { t as RadioGroup } from "../../RadioGroup-HIC9V2hO.mjs";
+import { t as RadioGroup } from "../../RadioGroup-B6Cg1kdm.mjs";
 export { RadioGroup, RadioGroup as default };

package/dist/components/SegmentedControl/index.d.mts

@@ -1,2 +1,2 @@
-import { i as SegmentedControlProps, n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-vCnGsdXo.mjs";
+import { i as SegmentedControlProps, n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-Crr_aHAs.mjs";
 export { SegmentedControl, SegmentedControl as default, SegmentedControlItem, SegmentedControlProps };

package/dist/components/SegmentedControl/index.mjs

@@ -1,2 +1,2 @@
-import { n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-OHrfJiw0.mjs";
+import { n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-BcwfLuHA.mjs";
 export { SegmentedControl, SegmentedControl as default, SegmentedControlItem };

package/dist/components/Select/index.d.mts

@@ -1,2 +1,2 @@
-import { i as SelectProps, n as Select, r as SelectHeader, t as Option } from "../../Select-sQb4dQwT.mjs";
+import { i as SelectProps, n as Select, r as SelectHeader, t as Option } from "../../Select-CJQeuCiF.mjs";
 export { Option, Select, Select as default, SelectHeader, SelectProps };

package/dist/components/Select/index.mjs

@@ -1,2 +1,2 @@
-import { n as Select, r as SelectHeader, t as Option } from "../../Select-DE7uv9C8.mjs";
+import { n as Select, r as SelectHeader, t as Option } from "../../Select-BstCz8P1.mjs";
 export { Option, Select, Select as default, SelectHeader };

package/dist/components/Stack/index.d.mts

@@ -1,2 +1,2 @@
-import { i as StackProps, n as HStackProps, r as Stack, t as HStack } from "../../Stack-8KGPQp0u.mjs";
+import { i as StackProps, n as HStackProps, r as Stack, t as HStack } from "../../Stack-RVptVTVi.mjs";
 export { HStack, HStackProps, Stack, Stack as default, StackProps };

package/dist/components/Sticker/index.d.mts

@@ -1,2 +1,2 @@
-import { a as StickerContentContainer, i as StickerContainer, n as STICKER_COLOR_CONFIG, o as StickerProps, r as Sticker, s as StyledTruncatedText, t as LabelBackgrounds } from "../../Sticker-Bf9rhSkv.mjs";
+import { a as StickerContentContainer, i as StickerContainer, n as STICKER_COLOR_CONFIG, o as StickerProps, r as Sticker, s as StyledTruncatedText, t as LabelBackgrounds } from "../../Sticker-BVX38LKi.mjs";
 export { LabelBackgrounds, STICKER_COLOR_CONFIG, Sticker, Sticker as default, StickerContainer, StickerContentContainer, StickerProps, StyledTruncatedText };

package/dist/components/Table/index.d.mts

@@ -1,9 +1,9 @@
-import { t as Table } from "../../Table-BefytM6w.mjs";
-import { t as TableHeaderCell } from "../../TableHeaderCell-C_7X8QAT.mjs";
-import { t as TableRow } from "../../TableRow-Dr61XJNw.mjs";
-import { a as TableCellProps, c as TableTD, i as TableCell, l as TableTR, n as StickyTH, o as TableCellTitle, r as TableActionTD, s as TableIconTD, t as StickyTD } from "../../TableCell-DorRxyke.mjs";
-import { t as TableHead } from "../../TableHead-B0Fdldgw.mjs";
-import { t as TableBody } from "../../TableBody-BZ34-_wV.mjs";
-import { t as TableTH } from "../../index-DalP_w0c.mjs";
-import { t as TableLayout } from "../../TableLayout-CXVVzq0e.mjs";
+import { t as Table } from "../../Table-DFiSWroB.mjs";
+import { t as TableHeaderCell } from "../../TableHeaderCell-K9Ry6YqO.mjs";
+import { t as TableRow } from "../../TableRow-DMHlo1eg.mjs";
+import { a as TableCellProps, c as TableTD, i as TableCell, l as TableTR, n as StickyTH, o as TableCellTitle, r as TableActionTD, s as TableIconTD, t as StickyTD } from "../../TableCell-WSDXw79Q.mjs";
+import { t as TableHead } from "../../TableHead-CkL1fEg2.mjs";
+import { t as TableBody } from "../../TableBody-Di9JYHDN.mjs";
+import { t as TableTH } from "../../index-C2-PBfN3.mjs";
+import { t as TableLayout } from "../../TableLayout-CYRGIFEl.mjs";
 export { StickyTD, StickyTH, Table, Table as default, TableActionTD, TableBody, TableCell, TableCellProps, TableCellTitle, TableHead, TableHeaderCell, TableIconTD, TableLayout, TableRow, TableTD, TableTH, TableTR };

package/dist/components/TableBox/index.d.mts

@@ -1,3 +1,3 @@
-import { t as DragDirection } from "../../useTableBoxDragAndDrop-CbbH3pMK.mjs";
-import { a as TableBox, o as TableBoxContext, r as InlineEditConfig, s as TableBoxProps } from "../../TableBoxCell-CHGw9HVj.mjs";
+import { t as DragDirection } from "../../useTableBoxDragAndDrop-DWlG5vhl.mjs";
+import { a as TableBox, o as TableBoxContext, r as InlineEditConfig, s as TableBoxProps } from "../../TableBoxCell-D6h1X5ph.mjs";
 export { DragDirection, InlineEditConfig, TableBoxContext, TableBoxProps, TableBox as default };

package/dist/components/TableBox/index.mjs

@@ -1,2 +1,2 @@
-import { n as TableBoxContext, t as TableBox } from "../../TableBox-NP6bhtKb.mjs";
+import { n as TableBoxContext, t as TableBox } from "../../TableBox-DAQ3Plqx.mjs";
 export { TableBoxContext, TableBox as default };

package/dist/components/Text/index.d.mts

@@ -1,2 +1,2 @@
-import { a as Label, c as ParagraphProps, d as TabularNumber, i as HeadingProps, l as Span, n as DisplayProps, o as LabelProps, r as Heading, s as Paragraph, t as Display, u as SpanProps } from "../../Text-DD_W_ixb.mjs";
+import { a as Label, c as ParagraphProps, d as TabularNumber, i as HeadingProps, l as Span, n as DisplayProps, o as LabelProps, r as Heading, s as Paragraph, t as Display, u as SpanProps } from "../../Text-B69gp3X_.mjs";
 export { Display, DisplayProps, Heading, HeadingProps, Label, LabelProps, Paragraph, ParagraphProps, Span, SpanProps, TabularNumber };

package/dist/components/TextArea/index.d.mts

@@ -1,2 +1,2 @@
-import { n as TextAreaWithStyle, t as TextAreaProps } from "../../TextArea-DOofaXJi.mjs";
+import { n as TextAreaWithStyle, t as TextAreaProps } from "../../TextArea-Cjsdl07-.mjs";
 export { TextAreaWithStyle as TextArea, TextAreaWithStyle as default, TextAreaProps };

package/dist/components/TextArea/index.mjs

@@ -1,2 +1,2 @@
-import { t as TextAreaWithStyle } from "../../TextArea-8TuVvmvj.mjs";
+import { t as TextAreaWithStyle } from "../../TextArea-CcxltuBh.mjs";
 export { TextAreaWithStyle as TextArea, TextAreaWithStyle as default };

package/dist/components/Toggle/index.d.mts

@@ -1,2 +1,2 @@
-import { n as ToggleProps, t as Toggle } from "../../Toggle-2nrUX591.mjs";
+import { n as ToggleProps, t as Toggle } from "../../Toggle-B5sSdb_q.mjs";
 export { Toggle, Toggle as default, ToggleProps };

package/dist/components/Toggle/index.mjs

@@ -1,2 +1,2 @@
-import { t as Toggle } from "../../Toggle-Dcn2Rqgm.mjs";
+import { t as Toggle } from "../../Toggle-DWbJOwf3.mjs";
 export { Toggle, Toggle as default };

package/dist/components/Tooltip/index.d.mts

@@ -1,4 +1,4 @@
-import { i as TooltipWithIconProps, n as Tooltip, r as TooltipStandardProps, t as FloatingTooltip } from "../../Tooltip-Cnqf1-tx.mjs";
-import { t as HelperTooltip } from "../../HelperTooltip-CQpPO16Q.mjs";
-import { n as TextWithDashedUnderline, t as TextUnderlineTooltip } from "../../TextUnderlineTooltip-BPLKU9wu.mjs";
+import { i as TooltipWithIconProps, n as Tooltip, r as TooltipStandardProps, t as FloatingTooltip } from "../../Tooltip-x1pFf-Mj.mjs";
+import { t as HelperTooltip } from "../../HelperTooltip-mOVSuEB8.mjs";
+import { n as TextWithDashedUnderline, t as TextUnderlineTooltip } from "../../TextUnderlineTooltip-DDzKLCeX.mjs";
 export { FloatingTooltip, HelperTooltip, TextUnderlineTooltip, TextWithDashedUnderline, Tooltip, Tooltip as default, TooltipStandardProps, TooltipWithIconProps };

package/dist/components/WizardModal/index.d.mts

@@ -0,0 +1,2 @@
+import { WizardModal, WizardModalProps, WizardModalSteps, WizardProceedResult, statusFromProceed } from "../../WizardModal.mjs";
+export { WizardModal, WizardModal as default, type WizardModalProps, type WizardModalSteps, type WizardProceedResult, statusFromProceed };

package/dist/components/WizardModal/index.mjs

@@ -0,0 +1,106 @@
+import { a as styled } from "../../styledComponentsInterop-NxwFjeA4.mjs";
+import { semanticColor } from "../../lib/semanticColor.mjs";
+import { t as HStack } from "../../Stack-ChsImaEY.mjs";
+import { n as Button } from "../../IconButton-CqTPMhjV.mjs";
+import { i as Modal_default } from "../../Modal-BN0K8QXi.mjs";
+import { t as ProgressIndicator } from "../../ProgressIndicator-3A4Aqci6.mjs";
+import { Color, Spacing } from "@persona/design-tokens";
+import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region components/WizardModal/WizardModal.tsx
+const statusFromProceed = (result) => result === "valid" ? "completed" : result;
+const VERTICAL_STEPPER_RAIL_WIDTH = "240px";
+const BodyShell = styled.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  height: 100%;
+  overflow: hidden;
+`;
+const VerticalBody = styled(HStack)`
+  flex: 1;
+  min-height: 0;
+  align-items: stretch;
+  width: 100%;
+`;
+const VerticalRail = styled.div`
+  flex: 0 0 ${VERTICAL_STEPPER_RAIL_WIDTH};
+  width: ${VERTICAL_STEPPER_RAIL_WIDTH};
+  padding: ${Spacing[4]};
+  overflow-y: auto;
+  border-right: 1px solid
+    ${({ theme }) => semanticColor(theme, "BorderSubtle", Color.BorderDivider)};
+`;
+const HorizontalProgress = styled.div`
+  flex: 0 0 auto;
+  padding: ${Spacing[4]} ${Spacing[4]} 0;
+`;
+const StepBody = styled.div`
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  overflow-y: auto;
+  padding: ${Spacing[5]} ${Spacing[4]};
+`;
+const WizardModal = ({ steps, activeStepId, onActiveStepChange, onProceed, onComplete, confirmLabel = "Confirm", layout = "vertical", children, title, open, defaultOpen, onOpenChange, size = "lg", trigger, isDismissable, isKeyboardDismissDisabled }) => {
+	const [isSubmitting, setIsSubmitting] = useState(false);
+	const foundIndex = steps.findIndex((step) => step.id === activeStepId);
+	const activeIndex = foundIndex === -1 ? 0 : foundIndex;
+	const activeId = steps[activeIndex]?.id;
+	const previousStepId = activeIndex > 0 ? steps[activeIndex - 1]?.id : void 0;
+	const nextStepId = activeIndex < steps.length - 1 ? steps[activeIndex + 1]?.id : void 0;
+	const handlePrimary = () => {
+		if (steps.length < 2) return;
+		if ((onProceed?.() ?? "valid") === "error") return;
+		if (nextStepId) {
+			onActiveStepChange(nextStepId);
+			return;
+		}
+		setIsSubmitting(true);
+		return Promise.resolve().then(() => onComplete()).catch(() => void 0).finally(() => setIsSubmitting(false));
+	};
+	const progress = /* @__PURE__ */ jsx(ProgressIndicator, {
+		steps,
+		activeStepId: activeId,
+		layout,
+		onStepClick: isSubmitting ? void 0 : onActiveStepChange
+	});
+	const renderBody = (renderProps) => {
+		const stepBody = /* @__PURE__ */ jsx(StepBody, { children: typeof children === "function" ? children(renderProps) : children });
+		return /* @__PURE__ */ jsx(BodyShell, { children: layout === "horizontal" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(HorizontalProgress, { children: progress }), stepBody] }) : /* @__PURE__ */ jsxs(VerticalBody, {
+			spacing: Spacing[0],
+			children: [/* @__PURE__ */ jsx(VerticalRail, { children: progress }), stepBody]
+		}) });
+	};
+	return /* @__PURE__ */ jsx(Modal_default, {
+		title,
+		open,
+		defaultOpen,
+		onOpenChange,
+		size,
+		trigger,
+		isDismissable: isSubmitting ? false : isDismissable,
+		isKeyboardDismissDisabled: isSubmitting || isKeyboardDismissDisabled,
+		contentProps: isSubmitting ? { showCloseButton: false } : void 0,
+		noBodyPadding: true,
+		footer: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+			width: "auto",
+			variant: "basic",
+			disabled: !previousStepId || isSubmitting,
+			onClick: () => previousStepId && onActiveStepChange(previousStepId),
+			children: "Previous"
+		}), /* @__PURE__ */ jsx(Button, {
+			width: "auto",
+			variant: "primary",
+			isPending: isSubmitting,
+			onClick: handlePrimary,
+			children: nextStepId ? "Next" : confirmLabel
+		})] }),
+		children: renderBody
+	});
+};
+//#endregion
+export { WizardModal, WizardModal as default, statusFromProceed };
+
+//# sourceMappingURL=index.mjs.map

package/dist/components/WizardModal/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Modal"],"sources":["../../../components/WizardModal/WizardModal.tsx"],"sourcesContent":["import { type ComponentProps, type ReactNode, useState } from 'react';\nimport styled from 'styled-components';\n\nimport Button from '@persona/design-system/components/Button';\nimport Modal, { type ModalRenderProps } from '@persona/design-system/components/Modal';\nimport ProgressIndicator, {\n  type ProgressIndicatorStep,\n  type StepStatus,\n} from '@persona/design-system/components/ProgressIndicator';\nimport { HStack } from '@persona/design-system/components/Stack';\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { semanticColor } from 'design-system/lib/semanticColor';\n\ntype ModalChromeProps = Pick<\n  ComponentProps<typeof Modal>,\n  | 'title'\n  | 'open'\n  | 'defaultOpen'\n  | 'onOpenChange'\n  | 'size'\n  | 'trigger'\n  | 'isDismissable'\n  | 'isKeyboardDismissDisabled'\n>;\n\nexport type WizardProceedResult = 'valid' | Extract<StepStatus, 'warning' | 'error'>;\n\nexport const statusFromProceed = (result: WizardProceedResult): StepStatus =>\n  result === 'valid' ? 'completed' : result;\n\nexport type WizardModalSteps = [\n  ProgressIndicatorStep,\n  ProgressIndicatorStep,\n  ...ProgressIndicatorStep[],\n];\n\nexport interface WizardModalProps extends ModalChromeProps {\n  steps: WizardModalSteps;\n  activeStepId: string;\n  onActiveStepChange: (stepId: string) => void;\n  onProceed?: () => WizardProceedResult;\n  onComplete: () => void | Promise<void>;\n  confirmLabel?: string;\n  layout?: 'vertical' | 'horizontal';\n  children: ReactNode | ((props: ModalRenderProps) => ReactNode);\n}\n\nconst VERTICAL_STEPPER_RAIL_WIDTH = '240px';\n\nconst BodyShell = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  height: 100%;\n  overflow: hidden;\n`;\n\nconst VerticalBody = styled(HStack)`\n  flex: 1;\n  min-height: 0;\n  align-items: stretch;\n  width: 100%;\n`;\n\nconst VerticalRail = styled.div`\n  flex: 0 0 ${VERTICAL_STEPPER_RAIL_WIDTH};\n  width: ${VERTICAL_STEPPER_RAIL_WIDTH};\n  padding: ${Spacing[4]};\n  overflow-y: auto;\n  border-right: 1px solid\n    ${({ theme }) => semanticColor(theme, 'BorderSubtle', Color.BorderDivider)};\n`;\n\nconst HorizontalProgress = styled.div`\n  flex: 0 0 auto;\n  padding: ${Spacing[4]} ${Spacing[4]} 0;\n`;\n\nconst StepBody = styled.div`\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  overflow-y: auto;\n  padding: ${Spacing[5]} ${Spacing[4]};\n`;\n\nexport const WizardModal = ({\n  steps,\n  activeStepId,\n  onActiveStepChange,\n  onProceed,\n  onComplete,\n  confirmLabel = 'Confirm',\n  layout = 'vertical',\n  children,\n  title,\n  open,\n  defaultOpen,\n  onOpenChange,\n  size = 'lg',\n  trigger,\n  isDismissable,\n  isKeyboardDismissDisabled,\n}: WizardModalProps) => {\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const foundIndex = steps.findIndex((step) => step.id === activeStepId);\n  const activeIndex = foundIndex === -1 ? 0 : foundIndex;\n  const activeId = steps[activeIndex]?.id;\n  const previousStepId = activeIndex > 0 ? steps[activeIndex - 1]?.id : undefined;\n  const nextStepId = activeIndex < steps.length - 1 ? steps[activeIndex + 1]?.id : undefined;\n\n  const handlePrimary = () => {\n    if (steps.length < 2) {\n      return;\n    }\n    const result = onProceed?.() ?? 'valid';\n    if (result === 'error') {\n      return;\n    }\n    if (nextStepId) {\n      onActiveStepChange(nextStepId);\n      return;\n    }\n    setIsSubmitting(true);\n    return Promise.resolve()\n      .then(() => onComplete())\n      .catch(() => undefined)\n      .finally(() => setIsSubmitting(false));\n  };\n\n  const progress = (\n    <ProgressIndicator\n      steps={steps}\n      activeStepId={activeId}\n      layout={layout}\n      onStepClick={isSubmitting ? undefined : onActiveStepChange}\n    />\n  );\n\n  const renderBody = (renderProps: ModalRenderProps) => {\n    const stepBody = (\n      <StepBody>{typeof children === 'function' ? children(renderProps) : children}</StepBody>\n    );\n\n    return (\n      <BodyShell>\n        {layout === 'horizontal' ? (\n          <>\n            <HorizontalProgress>{progress}</HorizontalProgress>\n            {stepBody}\n          </>\n        ) : (\n          <VerticalBody spacing={Spacing[0]}>\n            <VerticalRail>{progress}</VerticalRail>\n            {stepBody}\n          </VerticalBody>\n        )}\n      </BodyShell>\n    );\n  };\n\n  return (\n    <Modal\n      title={title}\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      size={size}\n      trigger={trigger}\n      isDismissable={isSubmitting ? false : isDismissable}\n      isKeyboardDismissDisabled={isSubmitting || isKeyboardDismissDisabled}\n      contentProps={isSubmitting ? { showCloseButton: false } : undefined}\n      noBodyPadding\n      footer={\n        <>\n          <Button\n            width='auto'\n            variant='basic'\n            disabled={!previousStepId || isSubmitting}\n            onClick={() => previousStepId && onActiveStepChange(previousStepId)}\n          >\n            Previous\n          </Button>\n          <Button width='auto' variant='primary' isPending={isSubmitting} onClick={handlePrimary}>\n            {nextStepId ? 'Next' : confirmLabel}\n          </Button>\n        </>\n      }\n    >\n      {renderBody}\n    </Modal>\n  );\n};\n\nexport default WizardModal;\n"],"mappings":";;;;;;;;;;AA2BA,MAAa,qBAAqB,WAChC,WAAW,UAAU,cAAc;AAmBrC,MAAM,8BAA8B;AAEpC,MAAM,YAAY,OAAO,GAAG;;;;;;;;AAS5B,MAAM,eAAe,OAAO,OAAO;;;;;;AAOnC,MAAM,eAAe,OAAO,GAAG;cACjB,4BAA4B;WAC/B,4BAA4B;aAC1B,QAAQ,GAAG;;;OAGjB,EAAE,YAAY,cAAc,OAAO,gBAAgB,MAAM,cAAc,CAAC;;AAG/E,MAAM,qBAAqB,OAAO,GAAG;;aAExB,QAAQ,GAAG,GAAG,QAAQ,GAAG;;AAGtC,MAAM,WAAW,OAAO,GAAG;;;;;aAKd,QAAQ,GAAG,GAAG,QAAQ,GAAG;;AAGtC,MAAa,eAAe,EAC1B,OACA,cACA,oBACA,WACA,YACA,eAAe,WACf,SAAS,YACT,UACA,OACA,MACA,aACA,cACA,OAAO,MACP,SACA,eACA,gCACsB;CACtB,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,aAAa,MAAM,WAAW,SAAS,KAAK,OAAO,aAAa;CACtE,MAAM,cAAc,eAAe,KAAK,IAAI;CAC5C,MAAM,WAAW,MAAM,cAAc;CACrC,MAAM,iBAAiB,cAAc,IAAI,MAAM,cAAc,IAAI,KAAK,KAAA;CACtE,MAAM,aAAa,cAAc,MAAM,SAAS,IAAI,MAAM,cAAc,IAAI,KAAK,KAAA;CAEjF,MAAM,sBAAsB;AAC1B,MAAI,MAAM,SAAS,EACjB;AAGF,OADe,aAAa,IAAI,aACjB,QACb;AAEF,MAAI,YAAY;AACd,sBAAmB,WAAW;AAC9B;;AAEF,kBAAgB,KAAK;AACrB,SAAO,QAAQ,SAAS,CACrB,WAAW,YAAY,CAAC,CACxB,YAAY,KAAA,EAAU,CACtB,cAAc,gBAAgB,MAAM,CAAC;;CAG1C,MAAM,WACJ,oBAAC,mBAAD;EACS;EACP,cAAc;EACN;EACR,aAAa,eAAe,KAAA,IAAY;EACxC,CAAA;CAGJ,MAAM,cAAc,gBAAkC;EACpD,MAAM,WACJ,oBAAC,UAAD,EAAA,UAAW,OAAO,aAAa,aAAa,SAAS,YAAY,GAAG,UAAoB,CAAA;AAG1F,SACE,oBAAC,WAAD,EAAA,UACG,WAAW,eACV,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,oBAAD,EAAA,UAAqB,UAA8B,CAAA,EAClD,SACA,EAAA,CAAA,GAEH,qBAAC,cAAD;GAAc,SAAS,QAAQ;aAA/B,CACE,oBAAC,cAAD,EAAA,UAAe,UAAwB,CAAA,EACtC,SACY;MAEP,CAAA;;AAIhB,QACE,oBAACA,eAAD;EACS;EACD;EACO;EACC;EACR;EACG;EACT,eAAe,eAAe,QAAQ;EACtC,2BAA2B,gBAAgB;EAC3C,cAAc,eAAe,EAAE,iBAAiB,OAAO,GAAG,KAAA;EAC1D,eAAA;EACA,QACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,QAAD;GACE,OAAM;GACN,SAAQ;GACR,UAAU,CAAC,kBAAkB;GAC7B,eAAe,kBAAkB,mBAAmB,eAAe;aACpE;GAEQ,CAAA,EACT,oBAAC,QAAD;GAAQ,OAAM;GAAO,SAAQ;GAAU,WAAW;GAAc,SAAS;aACtE,aAAa,SAAS;GAChB,CAAA,CACR,EAAA,CAAA;YAGJ;EACK,CAAA"}

package/dist/compound-expression.d.mts

@@ -1,4 +1,4 @@
-import { l as FilterRule, n as CompoundExpression } from "./types-N8PYonjD.mjs";
+import { l as FilterRule, n as CompoundExpression } from "./types-BEjWTkZV.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/AdvancedFilterRulesPopover/compound-expression.d.ts
 declare function addRuleToGroup(compound: CompoundExpression, groupIndex: number, rule: FilterRule): CompoundExpression;

package/dist/{constants-D8bzZ-7B.d.mts → constants-BpwnTzcv.d.mts}

@@ -3,4 +3,4 @@ declare const DEFAULT_PAGE_SIZE_OPTIONS: number[];
 declare const MIN_PAGE_SIZE = 10;
 //#endregion
 export { MIN_PAGE_SIZE as n, DEFAULT_PAGE_SIZE_OPTIONS as t };
-//# sourceMappingURL=constants-D8bzZ-7B.d.mts.map
+//# sourceMappingURL=constants-BpwnTzcv.d.mts.map

package/dist/constants.d.mts

@@ -1,2 +1,2 @@
-import { n as MIN_PAGE_SIZE, t as DEFAULT_PAGE_SIZE_OPTIONS } from "./constants-D8bzZ-7B.mjs";
+import { n as MIN_PAGE_SIZE, t as DEFAULT_PAGE_SIZE_OPTIONS } from "./constants-BpwnTzcv.mjs";
 export { DEFAULT_PAGE_SIZE_OPTIONS, MIN_PAGE_SIZE };

package/dist/{createPath-BDYRvl57.d.mts → createPath-Bst12Uxr.d.mts}

@@ -1,7 +1,7 @@
-import { i as To } from "./types-CuQSgl1F.mjs";
+import { i as To } from "./types-B-stjYNc.mjs";
 
 //#region lib/router/createPath.d.ts
 declare function createPath(to: To): string;
 //#endregion
 export { createPath as t };
-//# sourceMappingURL=createPath-BDYRvl57.d.mts.map
+//# sourceMappingURL=createPath-Bst12Uxr.d.mts.map

package/dist/createPath.d.mts

@@ -1,2 +1,2 @@
-import { t as createPath } from "./createPath-BDYRvl57.mjs";
+import { t as createPath } from "./createPath-Bst12Uxr.mjs";
 export { createPath };

package/dist/{date-range-rule-value-jZAHuxZJ.d.mts → date-range-rule-value-C4ir2Y8W.d.mts}

@@ -1,4 +1,4 @@
-import { l as FilterRule, r as DateRangeFilterValue, s as FilterFieldType } from "./types-N8PYonjD.mjs";
+import { l as FilterRule, r as DateRangeFilterValue, s as FilterFieldType } from "./types-BEjWTkZV.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/date-range-rule-value.d.ts
 /**
@@ -14,4 +14,4 @@ import { l as FilterRule, r as DateRangeFilterValue, s as FilterFieldType } from
 declare function resolveDateRangeRuleValue(rule: Pick<FilterRule, 'operator' | 'relativeDate' | 'value'>, fieldType?: FilterFieldType): DateRangeFilterValue | null;
 //#endregion
 export { resolveDateRangeRuleValue as t };
-//# sourceMappingURL=date-range-rule-value-jZAHuxZJ.d.mts.map
+//# sourceMappingURL=date-range-rule-value-C4ir2Y8W.d.mts.map

package/dist/date-range-rule-value.d.mts

@@ -1,2 +1,2 @@
-import { t as resolveDateRangeRuleValue } from "./date-range-rule-value-jZAHuxZJ.mjs";
+import { t as resolveDateRangeRuleValue } from "./date-range-rule-value-C4ir2Y8W.mjs";
 export { resolveDateRangeRuleValue };

package/dist/{date-rule-intent-CC1LdkE7.d.mts → date-rule-intent-gKmuxMVA.d.mts}

@@ -1,5 +1,5 @@
-import { a as DateFilterPreset } from "./types-D8rWSj3z.mjs";
-import { t as DateFilterChange } from "./DateRangePicker-ByD6IsLB.mjs";
+import { a as DateFilterPreset } from "./types-YojUycQK.mjs";
+import { t as DateFilterChange } from "./DateRangePicker-C4QKMo2a.mjs";
 import { DateValue } from "@internationalized/date";
 import { RangeValue } from "@react-types/shared";
 
@@ -17,4 +17,4 @@ type DateRuleIntent = {
 declare function dateRuleIntent(change: DateFilterChange, writesEnabled: boolean): DateRuleIntent;
 //#endregion
 export { dateRuleIntent as t };
-//# sourceMappingURL=date-rule-intent-CC1LdkE7.d.mts.map
+//# sourceMappingURL=date-rule-intent-gKmuxMVA.d.mts.map

package/dist/date-rule-intent.d.mts

@@ -1,2 +1,2 @@
-import { t as dateRuleIntent } from "./date-rule-intent-CC1LdkE7.mjs";
+import { t as dateRuleIntent } from "./date-rule-intent-gKmuxMVA.mjs";
 export { dateRuleIntent };

package/dist/display.d.mts

@@ -1,4 +1,4 @@
-import { a as FilterField, c as FilterOperator, l as FilterRule, u as FilterRuleValue } from "./types-N8PYonjD.mjs";
+import { a as FilterField, c as FilterOperator, l as FilterRule, u as FilterRuleValue } from "./types-BEjWTkZV.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/AdvancedFilterRulesPopover/display.d.ts
 declare function valueDisplayString(value: FilterRuleValue, optionLabels?: Record<string, string>, relativeDate?: FilterRule['relativeDate']): string | undefined;

package/dist/fieldPickerOptions.d.mts

@@ -1,5 +1,5 @@
-import { o as ComboboxOptionsOrGroups } from "./ComboboxBase-B3YqkjQp.mjs";
-import { t as FieldRegistry } from "./FieldRegistry-BdtxI1N2.mjs";
+import { o as ComboboxOptionsOrGroups } from "./ComboboxBase-Evo0FRxP.mjs";
+import { t as FieldRegistry } from "./FieldRegistry-bKxrF1gC.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/fieldPickerOptions.d.ts
 declare const FIELDS_SUBMENU_LABEL = "Fields";

package/dist/{filter-size-context-BGczB5R9.d.mts → filter-size-context-BOpH6pBm.d.mts}

@@ -1,4 +1,4 @@
-import { f as FilterSize } from "./types-N8PYonjD.mjs";
+import { f as FilterSize } from "./types-BEjWTkZV.mjs";
 import * as _$react from "react";
 
 //#region components/DataTable/TableControls/FiltersV2/filter-size-context.d.ts
@@ -49,4 +49,4 @@ declare const FILTER_SIZE_TOKENS: Record<FilterSize, FilterSizeTokens>;
 declare function useFilterSizeTokens(override?: FilterSize): FilterSizeTokens;
 //#endregion
 export { useFilterBarSize as a, FilterSizeTokens as i, FilterBarContext as n, useFilterSizeTokens as o, FilterBarContextValue as r, FILTER_SIZE_TOKENS as t };
-//# sourceMappingURL=filter-size-context-BGczB5R9.d.mts.map
+//# sourceMappingURL=filter-size-context-BOpH6pBm.d.mts.map

package/dist/filter-size-context.d.mts

@@ -1,2 +1,2 @@
-import { a as useFilterBarSize, i as FilterSizeTokens, n as FilterBarContext, o as useFilterSizeTokens, r as FilterBarContextValue, t as FILTER_SIZE_TOKENS } from "./filter-size-context-BGczB5R9.mjs";
+import { a as useFilterBarSize, i as FilterSizeTokens, n as FilterBarContext, o as useFilterSizeTokens, r as FilterBarContextValue, t as FILTER_SIZE_TOKENS } from "./filter-size-context-BOpH6pBm.mjs";
 export { FILTER_SIZE_TOKENS, FilterBarContext, FilterBarContextValue, FilterSizeTokens, useFilterBarSize, useFilterSizeTokens };

package/dist/helpers.d.mts

@@ -1,4 +1,4 @@
-import { n as CheckboxProps } from "./Checkbox-C-hMfItK.mjs";
+import { n as CheckboxProps } from "./Checkbox-fWj7GkBl.mjs";
 import { DataTableColumnFormat, DataTableColumnImageFormat, DataTableColumnPiiFormat, DataTableColumnStringFormat, DateConfig, DatetimeConfig, RenderValueStickerFormatConfig } from "./components/DataTable/types.mjs";
 import { ReactNode } from "react";
 

package/dist/{index-BZmGEbsA.d.mts → index-BXdrzR0c.d.mts}

@@ -1,5 +1,5 @@
-import { n as ListBoxItemProps, r as ListBoxProps } from "./ListBox-D-8iwYVj.mjs";
-import { n as LogicRowProps } from "./LogicRow-CgPds2tq.mjs";
+import { n as ListBoxItemProps, r as ListBoxProps } from "./ListBox-nYAdYVQx.mjs";
+import { n as LogicRowProps } from "./LogicRow-k4ZPtjN0.mjs";
 import * as _$react from "react";
 import * as _$react_aria_components0 from "react-aria-components";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
@@ -52,4 +52,4 @@ declare const ListBox: {
 };
 //#endregion
 export { ListBox as t };
-//# sourceMappingURL=index-BZmGEbsA.d.mts.map
+//# sourceMappingURL=index-BXdrzR0c.d.mts.map

package/dist/{index-DalP_w0c.d.mts → index-C2-PBfN3.d.mts}

@@ -1,4 +1,4 @@
-import { t as TableHeaderCell } from "./TableHeaderCell-C_7X8QAT.mjs";
+import { t as TableHeaderCell } from "./TableHeaderCell-K9Ry6YqO.mjs";
 import * as _$react from "react";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 
@@ -18,4 +18,4 @@ interface TableTHProps extends ComponentPropsWithoutRef<typeof TableHeaderCell>
 declare const TableTH: _$react.ForwardRefExoticComponent<TableTHProps & _$react.RefAttributes<HTMLTableCellElement>>;
 //#endregion
 export { TableTHProps as n, TableTH as t };
-//# sourceMappingURL=index-DalP_w0c.d.mts.map
+//# sourceMappingURL=index-C2-PBfN3.d.mts.map

package/dist/{index-BRKXhLGa.d.mts → index-c0aXmZV9.d.mts}

@@ -1,7 +1,7 @@
-import { n as FilterBarProps$1 } from "./FilterBar-jYjPeD7F.mjs";
+import { n as FilterBarProps$1 } from "./FilterBar-DhlBLWxw.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/FilterBar/index.d.ts
 type FilterBarProps = FilterBarProps$1;
 //#endregion
 export { FilterBarProps as t };
-//# sourceMappingURL=index-BRKXhLGa.d.mts.map
+//# sourceMappingURL=index-c0aXmZV9.d.mts.map

package/dist/index-dhjtMp5F.d.mts

@@ -0,0 +1 @@
+export { };

package/dist/index-xmouCHX9.d.mts

@@ -0,0 +1 @@
+export { };

package/dist/index.d.mts

@@ -1,2 +1,2 @@
-import { a as Root, i as HeaderProps, n as Header, o as Title, r as HeaderContainer, s as TitleContainer, t as ActionsContainer } from "./Header-ZnHGm8fs.mjs";
+import { a as Root, i as HeaderProps, n as Header, o as Title, r as HeaderContainer, s as TitleContainer, t as ActionsContainer } from "./Header-BqEKkEp5.mjs";
 export { ActionsContainer, HeaderContainer, HeaderProps, Root, Title, TitleContainer, Header as default };

package/dist/index2.d.mts

@@ -1,2 +1,2 @@
-import { n as SearchInput, t as OmniSearchProps } from "./SearchInput-D69WxMNq.mjs";
+import { n as SearchInput, t as OmniSearchProps } from "./SearchInput-CIjwmT8R.mjs";
 export { OmniSearchProps, SearchInput as default };

package/dist/index3.d.mts

@@ -1,4 +1,4 @@
-import { r as resolveValueControl } from "./value-control-resolver-Au9JNS5z.mjs";
-import { t as FilterBar } from "./FilterBar-jYjPeD7F.mjs";
-import { t as FilterBarProps } from "./index-BRKXhLGa.mjs";
+import { r as resolveValueControl } from "./value-control-resolver-BiyhB8zt.mjs";
+import { t as FilterBar } from "./FilterBar-DhlBLWxw.mjs";
+import { t as FilterBarProps } from "./index-c0aXmZV9.mjs";
 export { FilterBarProps, FilterBar as default, resolveValueControl };