@persona/design-system 0.7.2 → 0.8.0

package/dist/components/VersionHistory/index.mjs

@@ -0,0 +1,389 @@
+import { a as styled } from "../../styledComponentsInterop-NxwFjeA4.mjs";
+import { semanticColor } from "../../lib/semanticColor.mjs";
+import { i as Paragraph } from "../../Text-BdluS7Fy.mjs";
+import { focusOutline } from "../../mixins/focus.mjs";
+import { semanticScrollbar } from "../../mixins/scrollbar.mjs";
+import { n as Stack, t as HStack } from "../../Stack-Bkn0TUDe.mjs";
+import { n as Button, t as IconButton } from "../../IconButton-CCLMYWVN.mjs";
+import { n as DropdownMenu_default } from "../../DropdownMenu-rm9Nnxn7.mjs";
+import { t as Spinner } from "../../Spinner-BlAg8_OX.mjs";
+import { t as TextAreaWithStyle } from "../../TextArea-CfZr5Sk4.mjs";
+import { i as Modal_default } from "../../Modal-CMiFcXC9.mjs";
+import { n as StatusIndicator } from "../../StatusIndicator-DT2zNbkp.mjs";
+import { Color, Spacing } from "@persona/design-tokens";
+import { useCallback, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { MoreIcon, XIcon } from "@persona/icons";
+//#region components/VersionHistory/VersionHistoryItem.tsx
+const DEFAULT_COMPARE_LABEL = "Compare to latest version";
+const DEFAULT_RESTORE_LABEL = "Restore";
+const DEFAULT_DISCARD_LABEL = "Discard";
+const DEFAULT_EDIT_DESCRIPTION_LABEL = "Edit description";
+const hasVersionHistoryItemActions = (item) => item.onCompare != null || item.onRestore != null || item.onDiscard != null || item.onEditDescription != null;
+/** Timeline stroke; 3px is the rail weight from the source panel. */
+const RAIL_THICKNESS = "3px";
+const ACTION_SLOT_WIDTH = `calc(${Spacing[8]} + ${Spacing[4]})`;
+const Row = styled.div`
+  display: grid;
+  grid-template-columns: ${({ $withActionSlot }) => $withActionSlot ? `${Spacing[7]} minmax(0, 1fr) ${ACTION_SLOT_WIDTH}` : `${Spacing[7]} minmax(0, 1fr)`};
+  cursor: pointer;
+  background-color: ${({ theme }) => semanticColor(theme, "SurfacePrimary", Color.BackgroundPrimary)};
+  ${focusOutline}
+
+  &:hover:not([aria-current='true']) {
+    background-color: ${({ theme }) => semanticColor(theme, "SurfaceHover", Color.BackgroundSecondary)};
+  }
+
+  &[aria-current='true'] {
+    background-color: ${({ theme }) => semanticColor(theme, "SurfaceAccent", theme.color.background.highlight)};
+  }
+`;
+const RailColumn = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`;
+const RailSegment = styled.div`
+  width: 0;
+  border-left: ${RAIL_THICKNESS} solid
+    ${({ theme, $selected }) => $selected ? semanticColor(theme, "FgAccent", Color.TextActive) : semanticColor(theme, "BorderDefault", Color.BorderDivider)};
+  flex: 1;
+`;
+const RailStart = styled.div`
+  height: ${Spacing[5]};
+  flex-shrink: 0;
+`;
+const TimelineDot = styled.span`
+  width: ${Spacing[2]};
+  height: ${Spacing[2]};
+  border-radius: 50%;
+  flex-shrink: 0;
+  background-color: ${({ theme, $selected }) => $selected ? semanticColor(theme, "FgAccent", Color.TextActive) : semanticColor(theme, "BorderDefault", Color.BorderDivider)};
+`;
+const BodyColumn = styled.div`
+  min-width: 0;
+  padding: ${Spacing[4]} 0;
+`;
+const ActionsColumn = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  width: ${ACTION_SLOT_WIDTH};
+  padding: ${Spacing[4]} ${Spacing[4]} ${Spacing[4]} ${Spacing[2]};
+  box-sizing: border-box;
+
+  > * {
+    visibility: ${({ $revealed }) => $revealed ? "visible" : "hidden"};
+  }
+
+  ${Row}:hover &,
+  ${Row}:focus-within & {
+    > * {
+      visibility: visible;
+    }
+  }
+`;
+const StatusChip = ({ status }) => {
+	const chip = useMemo(() => {
+		switch (status) {
+			case "live": return {
+				label: "Deployed",
+				type: "success"
+			};
+			case "unsaved": return {
+				label: "Unsaved",
+				type: "critical"
+			};
+			case "saved": return {
+				label: "Saved",
+				type: "feature"
+			};
+			default: return null;
+		}
+	}, [status]);
+	if (chip == null) return null;
+	return /* @__PURE__ */ jsx(StatusIndicator, {
+		type: chip.type,
+		showIcon: false,
+		children: chip.label
+	});
+};
+const VersionHistoryItem = ({ id, title, status, timestamp, lastUpdater, description, compareLabel = DEFAULT_COMPARE_LABEL, restoreLabel = DEFAULT_RESTORE_LABEL, discardLabel = DEFAULT_DISCARD_LABEL, editDescriptionLabel = DEFAULT_EDIT_DESCRIPTION_LABEL, onRestore, onDiscard, onCompare, onEditDescription, isFirst, isLast, isSelected, isLoadingVersion, onSelect, showActionSlot }) => {
+	const [isMenuOpen, setIsMenuOpen] = useState(false);
+	const [isDiscardOpen, setIsDiscardOpen] = useState(false);
+	const [isDiscarding, setIsDiscarding] = useState(false);
+	const [isEditOpen, setIsEditOpen] = useState(false);
+	const [draftDescription, setDraftDescription] = useState(description ?? "");
+	const menuItems = [
+		onCompare != null && {
+			id: `${id}__compare`,
+			label: compareLabel,
+			variant: "basic",
+			onClick: onCompare
+		},
+		onRestore != null && {
+			id: `${id}__restore`,
+			label: restoreLabel,
+			variant: "basic",
+			onClick: onRestore
+		},
+		onDiscard != null && {
+			id: `${id}__discard`,
+			label: discardLabel,
+			variant: "basic",
+			onClick: () => setIsDiscardOpen(true)
+		},
+		onEditDescription != null && {
+			id: `${id}__edit-description`,
+			label: editDescriptionLabel,
+			variant: "basic",
+			onClick: () => {
+				setDraftDescription(description ?? "");
+				setIsEditOpen(true);
+			}
+		}
+	].filter((item) => Boolean(item));
+	const stopRowClick = (event) => {
+		event.stopPropagation();
+	};
+	const confirmDiscard = async () => {
+		setIsDiscarding(true);
+		try {
+			await onDiscard?.();
+			setIsDiscardOpen(false);
+		} catch {} finally {
+			setIsDiscarding(false);
+		}
+	};
+	const confirmEdit = () => {
+		onEditDescription?.(draftDescription);
+		setIsEditOpen(false);
+	};
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(Modal_default, {
+			open: isDiscardOpen,
+			onOpenChange: setIsDiscardOpen,
+			isKeyboardDismissDisabled: isDiscarding,
+			contentProps: isDiscarding ? { showCloseButton: false } : void 0,
+			title: "Discard draft?",
+			footer: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+				variant: "basic",
+				width: "auto",
+				disabled: isDiscarding,
+				onClick: () => setIsDiscardOpen(false),
+				children: "Cancel"
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "danger",
+				width: "auto",
+				isPending: isDiscarding,
+				onClick: confirmDiscard,
+				children: "Discard"
+			})] }),
+			children: /* @__PURE__ */ jsx(Paragraph, {
+				color: "primary",
+				children: "All unpublished changes in this draft will be discarded. This action is permanent and cannot be undone."
+			})
+		}),
+		/* @__PURE__ */ jsx(Modal_default, {
+			open: isEditOpen,
+			onOpenChange: (open) => {
+				setIsEditOpen(open);
+				if (open) setDraftDescription(description ?? "");
+			},
+			title: "Edit description",
+			footer: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+				variant: "basic",
+				width: "auto",
+				onClick: () => setIsEditOpen(false),
+				children: "Cancel"
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "primary",
+				width: "auto",
+				onClick: confirmEdit,
+				children: "Confirm"
+			})] }),
+			children: /* @__PURE__ */ jsx(TextAreaWithStyle, {
+				autoFocus: true,
+				value: draftDescription,
+				onChange: (event) => setDraftDescription(event.target.value),
+				placeholder: "No description"
+			})
+		}),
+		/* @__PURE__ */ jsxs(Row, {
+			role: "listitem",
+			$withActionSlot: showActionSlot,
+			"aria-current": isSelected || void 0,
+			"aria-busy": isLoadingVersion || void 0,
+			tabIndex: 0,
+			onClick: () => {
+				if (!isSelected) onSelect();
+			},
+			onKeyDown: (event) => {
+				if (isSelected) return;
+				if (event.key === "Enter" || event.key === " ") {
+					event.preventDefault();
+					onSelect();
+				}
+			},
+			children: [
+				/* @__PURE__ */ jsxs(RailColumn, { children: [
+					isFirst ? /* @__PURE__ */ jsx(RailStart, {}) : /* @__PURE__ */ jsx(RailSegment, { $selected: isSelected }),
+					/* @__PURE__ */ jsx(TimelineDot, { $selected: isSelected }),
+					!isLast && /* @__PURE__ */ jsx(RailSegment, { $selected: isSelected })
+				] }),
+				/* @__PURE__ */ jsx(BodyColumn, { children: /* @__PURE__ */ jsxs(Stack, {
+					spacing: Spacing[1],
+					children: [
+						/* @__PURE__ */ jsxs(HStack, {
+							spacing: Spacing[2],
+							align: "center",
+							children: [
+								/* @__PURE__ */ jsx(Paragraph, {
+									color: "primary",
+									as: "span",
+									children: timestamp
+								}),
+								/* @__PURE__ */ jsx(StatusChip, { status }),
+								isLoadingVersion && !showActionSlot && /* @__PURE__ */ jsx(Spinner, { srText: "Version loading" })
+							]
+						}),
+						/* @__PURE__ */ jsxs(HStack, {
+							spacing: Spacing[1],
+							align: "center",
+							children: [/* @__PURE__ */ jsx(Paragraph, {
+								color: "secondary",
+								size: "sm",
+								children: title
+							}), lastUpdater && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Paragraph, {
+								color: "secondary",
+								size: "sm",
+								children: "·"
+							}), /* @__PURE__ */ jsx(Paragraph, {
+								color: "secondary",
+								size: "sm",
+								children: lastUpdater
+							})] })]
+						}),
+						description != null && description !== "" && /* @__PURE__ */ jsx(Paragraph, {
+							color: "secondary",
+							size: "sm",
+							children: description
+						})
+					]
+				}) }),
+				showActionSlot && /* @__PURE__ */ jsx(ActionsColumn, {
+					$revealed: isLoadingVersion || isMenuOpen,
+					onClick: isLoadingVersion ? void 0 : stopRowClick,
+					children: isLoadingVersion ? /* @__PURE__ */ jsx(Spinner, { srText: "Version loading" }) : menuItems.length > 0 && /* @__PURE__ */ jsx(DropdownMenu_default, {
+						portal: true,
+						onOpenChange: setIsMenuOpen,
+						trigger: /* @__PURE__ */ jsx(IconButton, {
+							size: "md",
+							"aria-label": "More",
+							children: /* @__PURE__ */ jsx(MoreIcon, {})
+						}),
+						children: menuItems.map((item) => /* @__PURE__ */ jsx(DropdownMenu_default.Item, {
+							variant: item.variant,
+							onClick: (event) => {
+								event.preventDefault();
+								event.stopPropagation();
+								item.onClick?.();
+							},
+							children: item.label
+						}, item.id))
+					})
+				})
+			]
+		})
+	] });
+};
+//#endregion
+//#region components/VersionHistory/VersionHistory.tsx
+const Panel = styled.nav`
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  width: ${"600px"};
+  height: 100%;
+  overflow: hidden;
+  background-color: ${({ theme }) => semanticColor(theme, "SurfacePrimary", Color.BackgroundPrimary)};
+  border-left: 1px solid
+    ${({ theme }) => semanticColor(theme, "BorderSubtle", Color.BorderDivider)};
+`;
+const Header = styled.div`
+  flex-shrink: 0;
+  padding: ${Spacing[3]} ${Spacing[5]};
+  border-bottom: 1px solid
+    ${({ theme }) => semanticColor(theme, "BorderSubtle", Color.BorderDivider)};
+`;
+const List = styled.div`
+  flex: 1;
+  overflow-x: hidden;
+  overflow-y: auto;
+  ${semanticScrollbar}
+`;
+const LoadingBody = styled.div`
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+`;
+const VersionHistory = ({ items, selectedVersionId, onSelectVersion, onClose, loading = false, emptyText = "No versions yet. Save or publish your changes to create one." }) => {
+	const [pendingVersionId, setPendingVersionId] = useState(null);
+	const selectVersion = useCallback((versionId) => {
+		if (pendingVersionId != null) return;
+		const result = onSelectVersion(versionId);
+		if (result instanceof Promise) {
+			setPendingVersionId(versionId);
+			const clearPending = () => setPendingVersionId(null);
+			result.then(clearPending, clearPending);
+		}
+	}, [onSelectVersion, pendingVersionId]);
+	const showActionSlot = items.some(hasVersionHistoryItemActions);
+	return /* @__PURE__ */ jsxs(Panel, {
+		"aria-label": "Version History",
+		children: [/* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsxs(HStack, {
+			justify: "space-between",
+			align: "center",
+			spacing: Spacing[2],
+			children: [/* @__PURE__ */ jsx(Paragraph, {
+				as: "h3",
+				size: "lg",
+				weight: "bold",
+				color: "primary",
+				children: "Version History"
+			}), onClose != null && /* @__PURE__ */ jsx(IconButton, {
+				size: "md",
+				"aria-label": "Close",
+				onClick: onClose,
+				children: /* @__PURE__ */ jsx(XIcon, {})
+			})]
+		}) }), loading ? /* @__PURE__ */ jsx(LoadingBody, { children: /* @__PURE__ */ jsx(Spinner, {
+			size: "md",
+			srText: "Loading versions..."
+		}) }) : items.length === 0 ? /* @__PURE__ */ jsx(Stack, {
+			spacing: Spacing[3],
+			style: { padding: Spacing[5] },
+			children: /* @__PURE__ */ jsx(Paragraph, {
+				color: "secondary",
+				children: emptyText
+			})
+		}) : /* @__PURE__ */ jsx(List, {
+			role: "list",
+			"aria-label": "Version history",
+			children: items.map((item, index) => /* @__PURE__ */ jsx(VersionHistoryItem, {
+				...item,
+				isFirst: index === 0,
+				isLast: index === items.length - 1,
+				isSelected: item.id === (pendingVersionId ?? selectedVersionId),
+				isLoadingVersion: item.id === pendingVersionId,
+				showActionSlot,
+				onSelect: () => selectVersion(item.id)
+			}, item.id))
+		})]
+	});
+};
+//#endregion
+export { VersionHistory, VersionHistory as default };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Modal","TextArea","DropdownMenu"],"sources":["../../../components/VersionHistory/VersionHistoryItem.tsx","../../../components/VersionHistory/VersionHistory.tsx"],"sourcesContent":["import { type MouseEvent, useMemo, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { MoreIcon } from '@persona/icons';\nimport Button, { IconButton } from 'design-system/components/Button';\nimport DropdownMenu from 'design-system/components/DropdownMenu';\nimport Modal from 'design-system/components/Modal';\nimport Spinner from 'design-system/components/Spinner';\nimport { HStack, Stack } from 'design-system/components/Stack';\nimport StatusIndicator from 'design-system/components/StatusIndicator';\nimport { Paragraph } from 'design-system/components/Text';\nimport TextArea from 'design-system/components/TextArea';\nimport { semanticColor } from 'design-system/lib/semanticColor';\nimport { focusOutline } from 'design-system/mixins/focus';\n\nexport type VersionHistoryStatus = 'live' | 'saved' | 'unsaved' | 'published';\n\nexport type VersionHistoryItemProps = {\n  id: string;\n  title: string;\n  status: VersionHistoryStatus;\n  timestamp: string;\n  lastUpdater?: string;\n  description?: string;\n  compareLabel?: string;\n  restoreLabel?: string;\n  discardLabel?: string;\n  editDescriptionLabel?: string;\n  onRestore?: () => void;\n  onDiscard?: () => void | Promise<void>;\n  onCompare?: () => void;\n  onEditDescription?: (description: string) => void;\n};\n\nconst DEFAULT_COMPARE_LABEL = 'Compare to latest version';\nconst DEFAULT_RESTORE_LABEL = 'Restore';\nconst DEFAULT_DISCARD_LABEL = 'Discard';\nconst DEFAULT_EDIT_DESCRIPTION_LABEL = 'Edit description';\n\nexport const hasVersionHistoryItemActions = (item: VersionHistoryItemProps) =>\n  item.onCompare != null ||\n  item.onRestore != null ||\n  item.onDiscard != null ||\n  item.onEditDescription != null;\n\ntype VersionHistoryItemViewProps = VersionHistoryItemProps & {\n  isFirst: boolean;\n  isLast: boolean;\n  isSelected: boolean;\n  isLoadingVersion: boolean;\n  onSelect: () => void;\n  showActionSlot: boolean;\n};\n\n/** Timeline stroke; 3px is the rail weight from the source panel. */\nconst RAIL_THICKNESS = '3px';\n\nconst ACTION_SLOT_WIDTH = `calc(${Spacing[8]} + ${Spacing[4]})`;\n\nconst Row = styled.div<{ $withActionSlot: boolean }>`\n  display: grid;\n  grid-template-columns: ${({ $withActionSlot }) =>\n    $withActionSlot\n      ? `${Spacing[7]} minmax(0, 1fr) ${ACTION_SLOT_WIDTH}`\n      : `${Spacing[7]} minmax(0, 1fr)`};\n  cursor: pointer;\n  background-color: ${({ theme }) =>\n    semanticColor(theme, 'SurfacePrimary', Color.BackgroundPrimary)};\n  ${focusOutline}\n\n  &:hover:not([aria-current='true']) {\n    background-color: ${({ theme }) =>\n      semanticColor(theme, 'SurfaceHover', Color.BackgroundSecondary)};\n  }\n\n  &[aria-current='true'] {\n    background-color: ${({ theme }) =>\n      semanticColor(theme, 'SurfaceAccent', theme.color.background.highlight)};\n  }\n`;\n\nconst RailColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nconst RailSegment = styled.div<{ $selected: boolean }>`\n  width: 0;\n  border-left: ${RAIL_THICKNESS} solid\n    ${({ theme, $selected }) =>\n      $selected\n        ? semanticColor(theme, 'FgAccent', Color.TextActive)\n        : semanticColor(theme, 'BorderDefault', Color.BorderDivider)};\n  flex: 1;\n`;\n\nconst RailStart = styled.div`\n  height: ${Spacing[5]};\n  flex-shrink: 0;\n`;\n\nconst TimelineDot = styled.span<{ $selected: boolean }>`\n  width: ${Spacing[2]};\n  height: ${Spacing[2]};\n  border-radius: 50%;\n  flex-shrink: 0;\n  background-color: ${({ theme, $selected }) =>\n    $selected\n      ? semanticColor(theme, 'FgAccent', Color.TextActive)\n      : semanticColor(theme, 'BorderDefault', Color.BorderDivider)};\n`;\n\nconst BodyColumn = styled.div`\n  min-width: 0;\n  padding: ${Spacing[4]} 0;\n`;\n\nconst ActionsColumn = styled.div<{ $revealed: boolean }>`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  width: ${ACTION_SLOT_WIDTH};\n  padding: ${Spacing[4]} ${Spacing[4]} ${Spacing[4]} ${Spacing[2]};\n  box-sizing: border-box;\n\n  > * {\n    visibility: ${({ $revealed }) => ($revealed ? 'visible' : 'hidden')};\n  }\n\n  ${Row}:hover &,\n  ${Row}:focus-within & {\n    > * {\n      visibility: visible;\n    }\n  }\n`;\n\nconst StatusChip = ({ status }: { status: VersionHistoryStatus }) => {\n  const chip = useMemo(() => {\n    switch (status) {\n      case 'live':\n        return { label: 'Deployed', type: 'success' as const };\n      case 'unsaved':\n        return { label: 'Unsaved', type: 'critical' as const };\n      case 'saved':\n        return { label: 'Saved', type: 'feature' as const };\n      default:\n        return null;\n    }\n  }, [status]);\n\n  if (chip == null) {\n    return null;\n  }\n\n  return (\n    <StatusIndicator type={chip.type} showIcon={false}>\n      {chip.label}\n    </StatusIndicator>\n  );\n};\n\nconst VersionHistoryItem = ({\n  id,\n  title,\n  status,\n  timestamp,\n  lastUpdater,\n  description,\n  compareLabel = DEFAULT_COMPARE_LABEL,\n  restoreLabel = DEFAULT_RESTORE_LABEL,\n  discardLabel = DEFAULT_DISCARD_LABEL,\n  editDescriptionLabel = DEFAULT_EDIT_DESCRIPTION_LABEL,\n  onRestore,\n  onDiscard,\n  onCompare,\n  onEditDescription,\n  isFirst,\n  isLast,\n  isSelected,\n  isLoadingVersion,\n  onSelect,\n  showActionSlot,\n}: VersionHistoryItemViewProps) => {\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const [isDiscardOpen, setIsDiscardOpen] = useState(false);\n  const [isDiscarding, setIsDiscarding] = useState(false);\n  const [isEditOpen, setIsEditOpen] = useState(false);\n  const [draftDescription, setDraftDescription] = useState(description ?? '');\n\n  const menuItems = [\n    onCompare != null && {\n      id: `${id}__compare`,\n      label: compareLabel,\n      variant: 'basic' as const,\n      onClick: onCompare,\n    },\n    onRestore != null && {\n      id: `${id}__restore`,\n      label: restoreLabel,\n      variant: 'basic' as const,\n      onClick: onRestore,\n    },\n    onDiscard != null && {\n      id: `${id}__discard`,\n      label: discardLabel,\n      variant: 'basic' as const,\n      onClick: () => setIsDiscardOpen(true),\n    },\n    onEditDescription != null && {\n      id: `${id}__edit-description`,\n      label: editDescriptionLabel,\n      variant: 'basic' as const,\n      onClick: () => {\n        setDraftDescription(description ?? '');\n        setIsEditOpen(true);\n      },\n    },\n  ].filter((item): item is Exclude<typeof item, false> => Boolean(item));\n\n  const stopRowClick = (event: MouseEvent) => {\n    event.stopPropagation();\n  };\n\n  const confirmDiscard = async () => {\n    setIsDiscarding(true);\n    try {\n      await onDiscard?.();\n      setIsDiscardOpen(false);\n    } catch {\n      // Keep the dialog open so the user can retry.\n    } finally {\n      setIsDiscarding(false);\n    }\n  };\n\n  const confirmEdit = () => {\n    onEditDescription?.(draftDescription);\n    setIsEditOpen(false);\n  };\n\n  return (\n    <>\n      <Modal\n        open={isDiscardOpen}\n        onOpenChange={setIsDiscardOpen}\n        isKeyboardDismissDisabled={isDiscarding}\n        contentProps={isDiscarding ? { showCloseButton: false } : undefined}\n        title='Discard draft?'\n        footer={\n          <>\n            <Button\n              variant='basic'\n              width='auto'\n              disabled={isDiscarding}\n              onClick={() => setIsDiscardOpen(false)}\n            >\n              Cancel\n            </Button>\n            <Button variant='danger' width='auto' isPending={isDiscarding} onClick={confirmDiscard}>\n              Discard\n            </Button>\n          </>\n        }\n      >\n        <Paragraph color='primary'>\n          All unpublished changes in this draft will be discarded. This action is permanent and\n          cannot be undone.\n        </Paragraph>\n      </Modal>\n      <Modal\n        open={isEditOpen}\n        onOpenChange={(open) => {\n          setIsEditOpen(open);\n          if (open) {\n            setDraftDescription(description ?? '');\n          }\n        }}\n        title='Edit description'\n        footer={\n          <>\n            <Button variant='basic' width='auto' onClick={() => setIsEditOpen(false)}>\n              Cancel\n            </Button>\n            <Button variant='primary' width='auto' onClick={confirmEdit}>\n              Confirm\n            </Button>\n          </>\n        }\n      >\n        <TextArea\n          autoFocus\n          value={draftDescription}\n          onChange={(event) => setDraftDescription(event.target.value)}\n          placeholder='No description'\n        />\n      </Modal>\n      <Row\n        role='listitem'\n        $withActionSlot={showActionSlot}\n        aria-current={isSelected || undefined}\n        aria-busy={isLoadingVersion || undefined}\n        tabIndex={0}\n        onClick={() => {\n          if (!isSelected) {\n            onSelect();\n          }\n        }}\n        onKeyDown={(event) => {\n          if (isSelected) {\n            return;\n          }\n          if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault();\n            onSelect();\n          }\n        }}\n      >\n        <RailColumn>\n          {isFirst ? <RailStart /> : <RailSegment $selected={isSelected} />}\n          <TimelineDot $selected={isSelected} />\n          {!isLast && <RailSegment $selected={isSelected} />}\n        </RailColumn>\n        <BodyColumn>\n          <Stack spacing={Spacing[1]}>\n            <HStack spacing={Spacing[2]} align='center'>\n              <Paragraph color='primary' as='span'>\n                {timestamp}\n              </Paragraph>\n              <StatusChip status={status} />\n              {isLoadingVersion && !showActionSlot && <Spinner srText='Version loading' />}\n            </HStack>\n            <HStack spacing={Spacing[1]} align='center'>\n              <Paragraph color='secondary' size='sm'>\n                {title}\n              </Paragraph>\n              {lastUpdater && (\n                <>\n                  <Paragraph color='secondary' size='sm'>\n                    &middot;\n                  </Paragraph>\n                  <Paragraph color='secondary' size='sm'>\n                    {lastUpdater}\n                  </Paragraph>\n                </>\n              )}\n            </HStack>\n            {description != null && description !== '' && (\n              <Paragraph color='secondary' size='sm'>\n                {description}\n              </Paragraph>\n            )}\n          </Stack>\n        </BodyColumn>\n        {showActionSlot && (\n          <ActionsColumn\n            $revealed={isLoadingVersion || isMenuOpen}\n            onClick={isLoadingVersion ? undefined : stopRowClick}\n          >\n            {isLoadingVersion ? (\n              <Spinner srText='Version loading' />\n            ) : (\n              menuItems.length > 0 && (\n                <DropdownMenu\n                  portal\n                  onOpenChange={setIsMenuOpen}\n                  trigger={\n                    <IconButton size='md' aria-label='More'>\n                      <MoreIcon />\n                    </IconButton>\n                  }\n                >\n                  {menuItems.map((item) => (\n                    <DropdownMenu.Item\n                      key={item.id}\n                      variant={item.variant}\n                      onClick={(event) => {\n                        event.preventDefault();\n                        event.stopPropagation();\n                        item.onClick?.();\n                      }}\n                    >\n                      {item.label}\n                    </DropdownMenu.Item>\n                  ))}\n                </DropdownMenu>\n              )\n            )}\n          </ActionsColumn>\n        )}\n      </Row>\n    </>\n  );\n};\n\nexport default VersionHistoryItem;\n","import { useCallback, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { XIcon } from '@persona/icons';\nimport { IconButton } from 'design-system/components/Button';\nimport Spinner from 'design-system/components/Spinner';\nimport { HStack, Stack } from 'design-system/components/Stack';\nimport { Paragraph } from 'design-system/components/Text';\nimport { semanticColor } from 'design-system/lib/semanticColor';\nimport { semanticScrollbar } from 'design-system/mixins/scrollbar';\n\nimport VersionHistoryItem, {\n  hasVersionHistoryItemActions,\n  type VersionHistoryItemProps,\n} from './VersionHistoryItem';\n\nexport type { VersionHistoryItemProps, VersionHistoryStatus } from './VersionHistoryItem';\n\n/** Matches the redesigned dashboard panel width. */\nconst PANEL_WIDTH = '600px';\n\nexport type VersionHistoryProps = {\n  items: VersionHistoryItemProps[];\n  selectedVersionId: string;\n  onSelectVersion: (id: string) => void | Promise<void>;\n  onClose?: () => void;\n  loading?: boolean;\n  emptyText?: string;\n};\n\nconst Panel = styled.nav`\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  width: ${PANEL_WIDTH};\n  height: 100%;\n  overflow: hidden;\n  background-color: ${({ theme }) =>\n    semanticColor(theme, 'SurfacePrimary', Color.BackgroundPrimary)};\n  border-left: 1px solid\n    ${({ theme }) => semanticColor(theme, 'BorderSubtle', Color.BorderDivider)};\n`;\n\nconst Header = styled.div`\n  flex-shrink: 0;\n  padding: ${Spacing[3]} ${Spacing[5]};\n  border-bottom: 1px solid\n    ${({ theme }) => semanticColor(theme, 'BorderSubtle', Color.BorderDivider)};\n`;\n\nconst List = styled.div`\n  flex: 1;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ${semanticScrollbar}\n`;\n\nconst LoadingBody = styled.div`\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst VersionHistory = ({\n  items,\n  selectedVersionId,\n  onSelectVersion,\n  onClose,\n  loading = false,\n  emptyText = 'No versions yet. Save or publish your changes to create one.',\n}: VersionHistoryProps) => {\n  const [pendingVersionId, setPendingVersionId] = useState<string | null>(null);\n\n  const selectVersion = useCallback(\n    (versionId: string) => {\n      if (pendingVersionId != null) {\n        return;\n      }\n      const result = onSelectVersion(versionId);\n      if (result instanceof Promise) {\n        setPendingVersionId(versionId);\n        const clearPending = () => setPendingVersionId(null);\n        result.then(clearPending, clearPending);\n      }\n    },\n    [onSelectVersion, pendingVersionId],\n  );\n\n  const showActionSlot = items.some(hasVersionHistoryItemActions);\n\n  return (\n    <Panel aria-label='Version History'>\n      <Header>\n        <HStack justify='space-between' align='center' spacing={Spacing[2]}>\n          <Paragraph as='h3' size='lg' weight='bold' color='primary'>\n            Version History\n          </Paragraph>\n          {onClose != null && (\n            <IconButton size='md' aria-label='Close' onClick={onClose}>\n              <XIcon />\n            </IconButton>\n          )}\n        </HStack>\n      </Header>\n      {loading ? (\n        <LoadingBody>\n          <Spinner size='md' srText='Loading versions...' />\n        </LoadingBody>\n      ) : items.length === 0 ? (\n        <Stack spacing={Spacing[3]} style={{ padding: Spacing[5] }}>\n          <Paragraph color='secondary'>{emptyText}</Paragraph>\n        </Stack>\n      ) : (\n        <List role='list' aria-label='Version history'>\n          {items.map((item, index) => (\n            <VersionHistoryItem\n              key={item.id}\n              {...item}\n              isFirst={index === 0}\n              isLast={index === items.length - 1}\n              isSelected={item.id === (pendingVersionId ?? selectedVersionId)}\n              isLoadingVersion={item.id === pendingVersionId}\n              showActionSlot={showActionSlot}\n              onSelect={() => selectVersion(item.id)}\n            />\n          ))}\n        </List>\n      )}\n    </Panel>\n  );\n};\n\nexport { VersionHistory };\nexport default VersionHistory;\n"],"mappings":"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"}

package/dist/components/WizardModal/index.mjs

@@ -1,9 +1,9 @@
 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 { t as HStack } from "../../Stack-Bkn0TUDe.mjs";
+import { n as Button } from "../../IconButton-CCLMYWVN.mjs";
+import { i as Modal_default } from "../../Modal-CMiFcXC9.mjs";
+import { t as ProgressIndicator } from "../../ProgressIndicator-CQg08vuA.mjs";
 import { Color, Spacing } from "@persona/design-tokens";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/compound-expression.d.mts

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

package/dist/{constants-BpwnTzcv.d.mts → constants-BOxzLX-O.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-BpwnTzcv.d.mts.map
+//# sourceMappingURL=constants-BOxzLX-O.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-BpwnTzcv.mjs";
+import { n as MIN_PAGE_SIZE, t as DEFAULT_PAGE_SIZE_OPTIONS } from "./constants-BOxzLX-O.mjs";
 export { DEFAULT_PAGE_SIZE_OPTIONS, MIN_PAGE_SIZE };

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

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

package/dist/createPath.d.mts

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

package/dist/{date-filter-CZeChs9T.mjs → date-filter-BnzR6NxT.mjs}

@@ -173,4 +173,4 @@ function formatDateFilterValue(value) {
 //#endregion
 export { selectedPresetFor as i, parseDateFilterValue as n, resolveDateFilterValue as r, formatDateFilterValue as t };
 
-//# sourceMappingURL=date-filter-CZeChs9T.mjs.map
+//# sourceMappingURL=date-filter-BnzR6NxT.mjs.map

package/dist/{date-filter-CZeChs9T.mjs.map → date-filter-BnzR6NxT.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"date-filter-CZeChs9T.mjs","names":[],"sources":["../lib/date-filter/types.ts","../lib/date-filter/codec.ts"],"sourcesContent":["/** Ordered preset list shared by date-filter consumers. */\nexport const DATE_FILTER_PRESETS = [\n  'last_7_days',\n  'last_14_days',\n  'last_30_days',\n  'this_month',\n  'last_month',\n  'this_year',\n  'last_year',\n] as const;\n\n/** Closed vocabulary of named presets the picker offers. */\nexport type DateFilterPreset = (typeof DATE_FILTER_PRESETS)[number];\n\nexport const DATE_FILTER_PRESET_LABELS: Record<DateFilterPreset, string> = {\n  last_7_days: 'Last 7 days',\n  last_14_days: 'Last 14 days',\n  last_30_days: 'Last 30 days',\n  this_month: 'This month',\n  last_month: 'Last month',\n  this_year: 'This year',\n  last_year: 'Last year',\n};\n\nexport interface AbsoluteDateFilterValue {\n  kind: 'absolute';\n  startDate?: string;\n  endDate?: string;\n}\n\nexport interface PresetRelativeDateFilterValue {\n  kind: 'relative';\n  preset: DateFilterPreset;\n}\n\nexport type RelativeDateFilterValue = PresetRelativeDateFilterValue;\n\nexport type DateFilterValue = AbsoluteDateFilterValue | RelativeDateFilterValue;\n\nexport interface AbsoluteDateRange {\n  startDate?: string;\n  endDate?: string;\n}\n","import { DateTime, Settings } from 'luxon';\n\nimport { DATE_FILTER_PRESET_LABELS, DATE_FILTER_PRESETS } from './types';\nimport type {\n  AbsoluteDateFilterValue,\n  AbsoluteDateRange,\n  DateFilterPreset,\n  DateFilterValue,\n  PresetRelativeDateFilterValue,\n  RelativeDateFilterValue,\n} from './types';\n\ntype InternalWindow =\n  | { mode: 'rolling-days'; days: number }\n  | { mode: 'calendar'; unit: 'month' | 'year'; offset: 0 | 1 };\n\nconst PRESET_WINDOWS = {\n  last_7_days: { mode: 'rolling-days', days: 7 },\n  last_14_days: { mode: 'rolling-days', days: 14 },\n  last_30_days: { mode: 'rolling-days', days: 30 },\n  this_month: { mode: 'calendar', unit: 'month', offset: 0 },\n  last_month: { mode: 'calendar', unit: 'month', offset: 1 },\n  this_year: { mode: 'calendar', unit: 'year', offset: 0 },\n  last_year: { mode: 'calendar', unit: 'year', offset: 1 },\n} satisfies Record<DateFilterPreset, InternalWindow>;\n\nconst DATE_FILTER_PRESET_SET = new Set<DateFilterPreset>(DATE_FILTER_PRESETS);\n\nfunction isOptionalString(value: unknown): value is string | undefined {\n  return typeof value === 'undefined' || typeof value === 'string';\n}\n\nfunction normalizeOptionalString(value: unknown): unknown {\n  return value == null ? undefined : value;\n}\n\nfunction isAbsoluteDateFilterValue(value: unknown): value is AbsoluteDateFilterValue {\n  if (typeof value !== 'object' || value == null || Array.isArray(value)) {\n    return false;\n  }\n  const record = value as Record<string, unknown>;\n  return (\n    record.kind === 'absolute' &&\n    isOptionalString(normalizeOptionalString(record.startDate)) &&\n    isOptionalString(normalizeOptionalString(record.endDate))\n  );\n}\n\nfunction isPresetRelativeDateFilterValue(value: unknown): value is PresetRelativeDateFilterValue {\n  if (typeof value !== 'object' || value == null || Array.isArray(value)) {\n    return false;\n  }\n  const record = value as Record<string, unknown>;\n  return (\n    record.kind === 'relative' &&\n    typeof record.preset === 'string' &&\n    DATE_FILTER_PRESET_SET.has(record.preset as DateFilterPreset)\n  );\n}\n\nfunction normalizedAbsoluteDateRange(value: Record<string, unknown>): AbsoluteDateRange {\n  return {\n    startDate: normalizeOptionalString(value.startDate) as string | undefined,\n    endDate: normalizeOptionalString(value.endDate) as string | undefined,\n  };\n}\n\nexport function parseDateFilterValue(raw: unknown): DateFilterValue | null {\n  if (typeof raw !== 'object' || raw == null || Array.isArray(raw)) {\n    return null;\n  }\n  const value = raw as Record<string, unknown>;\n  if (!('kind' in value)) {\n    if (\n      ('startDate' in value || 'endDate' in value) &&\n      isOptionalString(normalizeOptionalString(value.startDate)) &&\n      isOptionalString(normalizeOptionalString(value.endDate))\n    ) {\n      return {\n        kind: 'absolute',\n        ...normalizedAbsoluteDateRange(value),\n      };\n    }\n    return null;\n  }\n  if (isAbsoluteDateFilterValue(value)) {\n    return {\n      kind: 'absolute',\n      ...normalizedAbsoluteDateRange(value),\n    };\n  }\n  if (isPresetRelativeDateFilterValue(value)) {\n    return {\n      kind: 'relative',\n      preset: value.preset,\n    };\n  }\n  return 'startDate' in value || 'endDate' in value\n    ? parseDateFilterValue({ startDate: value.startDate, endDate: value.endDate })\n    : null;\n}\n\nfunction relativeWindowFor(value: RelativeDateFilterValue): InternalWindow {\n  return PRESET_WINDOWS[value.preset];\n}\n\nfunction dateTimeToISO(value: DateTime): string {\n  const iso = value.toISO();\n  if (iso == null) {\n    throw new Error(\n      `Unable to evaluate invalid date: ${value.invalidExplanation ?? 'unknown error'}`,\n    );\n  }\n  return iso;\n}\n\nfunction isValidZone(zone: string): boolean {\n  return DateTime.utc().setZone(zone).isValid;\n}\n\nfunction resolvedZone(zone?: string): string {\n  if (zone && isValidZone(zone)) {\n    return zone;\n  }\n\n  const defaultZone = Settings.defaultZone.name;\n  return isValidZone(defaultZone) ? defaultZone : 'UTC';\n}\n\nfunction evaluationNow(context: { zone?: string; now?: DateTime }): DateTime {\n  // Constructing `DateTime.now()` uses Settings.defaultZone and is itself invalid\n  // when an application has configured an unsupported default zone. UTC gives us\n  // the same instant without depending on that ambient setting.\n  const now = context.now ?? DateTime.utc();\n  if (!now.isValid) {\n    throw new Error(\n      `Unable to evaluate invalid date: ${now.invalidExplanation ?? 'unknown error'}`,\n    );\n  }\n\n  const zonedNow = now.setZone(resolvedZone(context.zone));\n  if (!zonedNow.isValid) {\n    throw new Error(\n      `Unable to evaluate invalid date: ${zonedNow.invalidExplanation ?? 'unknown error'}`,\n    );\n  }\n  return zonedNow;\n}\n\nfunction evaluateRelative(\n  value: RelativeDateFilterValue,\n  context: { zone?: string; now?: DateTime },\n): Required<AbsoluteDateRange> {\n  const window = relativeWindowFor(value);\n  const zonedNow = evaluationNow(context);\n  let start: DateTime;\n  let end: DateTime;\n\n  if (window.mode === 'rolling-days') {\n    end = zonedNow.endOf('day');\n    // Preserve the established picker and legacy-filter contract: `days` is a\n    // lookback offset, so the start date and today are both included.\n    start = zonedNow.minus({ days: window.days }).startOf('day');\n  } else {\n    const referencedPeriod = zonedNow.minus({ [window.unit]: window.offset });\n    start = referencedPeriod.startOf(window.unit);\n    end = window.offset === 0 ? zonedNow.endOf('day') : referencedPeriod.endOf(window.unit);\n  }\n\n  return { startDate: dateTimeToISO(start), endDate: dateTimeToISO(end) };\n}\n\nexport function resolveDateFilterValue(\n  value: RelativeDateFilterValue,\n  context?: { zone?: string; now?: DateTime },\n): Required<AbsoluteDateRange>;\nexport function resolveDateFilterValue(\n  value: DateFilterValue,\n  context?: { zone?: string; now?: DateTime },\n): AbsoluteDateRange;\nexport function resolveDateFilterValue(\n  value: DateFilterValue,\n  context: { zone?: string; now?: DateTime } = {},\n): AbsoluteDateRange {\n  if (!isRelative(value)) {\n    return {\n      startDate: value.startDate,\n      endDate: value.endDate,\n    };\n  }\n  return evaluateRelative(value, context);\n}\n\n/**\n * Which preset a control should render as selected.\n *\n * Only stored metadata makes a value semantic. Once writes are enabled an absolute\n * value means the user picked dates, so inferring a preset from them would relabel\n * their choice; with writes disabled no metadata is ever stored, so inference is\n * the only thing that can highlight a preset at all.\n *\n * `undefined` asks the picker to infer from the dates, `null` selects nothing.\n */\nexport function selectedPresetFor(\n  value: DateFilterValue | null,\n  writesEnabled: boolean,\n): DateFilterPreset | null | undefined {\n  if (value != null && isRelative(value)) {\n    return value.preset;\n  }\n  return writesEnabled ? null : undefined;\n}\n\nexport function isRelative(value: DateFilterValue): value is RelativeDateFilterValue {\n  return value.kind === 'relative';\n}\n\nexport function formatDateFilterValue(value: DateFilterValue): string | null {\n  if (!isRelative(value)) {\n    return null;\n  }\n  return DATE_FILTER_PRESET_LABELS[value.preset];\n}\n"],"mappings":"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"}
+{"version":3,"file":"date-filter-BnzR6NxT.mjs","names":[],"sources":["../lib/date-filter/types.ts","../lib/date-filter/codec.ts"],"sourcesContent":["/** Ordered preset list shared by date-filter consumers. */\nexport const DATE_FILTER_PRESETS = [\n  'last_7_days',\n  'last_14_days',\n  'last_30_days',\n  'this_month',\n  'last_month',\n  'this_year',\n  'last_year',\n] as const;\n\n/** Closed vocabulary of named presets the picker offers. */\nexport type DateFilterPreset = (typeof DATE_FILTER_PRESETS)[number];\n\nexport const DATE_FILTER_PRESET_LABELS: Record<DateFilterPreset, string> = {\n  last_7_days: 'Last 7 days',\n  last_14_days: 'Last 14 days',\n  last_30_days: 'Last 30 days',\n  this_month: 'This month',\n  last_month: 'Last month',\n  this_year: 'This year',\n  last_year: 'Last year',\n};\n\nexport interface AbsoluteDateFilterValue {\n  kind: 'absolute';\n  startDate?: string;\n  endDate?: string;\n}\n\nexport interface PresetRelativeDateFilterValue {\n  kind: 'relative';\n  preset: DateFilterPreset;\n}\n\nexport type RelativeDateFilterValue = PresetRelativeDateFilterValue;\n\nexport type DateFilterValue = AbsoluteDateFilterValue | RelativeDateFilterValue;\n\nexport interface AbsoluteDateRange {\n  startDate?: string;\n  endDate?: string;\n}\n","import { DateTime, Settings } from 'luxon';\n\nimport { DATE_FILTER_PRESET_LABELS, DATE_FILTER_PRESETS } from './types';\nimport type {\n  AbsoluteDateFilterValue,\n  AbsoluteDateRange,\n  DateFilterPreset,\n  DateFilterValue,\n  PresetRelativeDateFilterValue,\n  RelativeDateFilterValue,\n} from './types';\n\ntype InternalWindow =\n  | { mode: 'rolling-days'; days: number }\n  | { mode: 'calendar'; unit: 'month' | 'year'; offset: 0 | 1 };\n\nconst PRESET_WINDOWS = {\n  last_7_days: { mode: 'rolling-days', days: 7 },\n  last_14_days: { mode: 'rolling-days', days: 14 },\n  last_30_days: { mode: 'rolling-days', days: 30 },\n  this_month: { mode: 'calendar', unit: 'month', offset: 0 },\n  last_month: { mode: 'calendar', unit: 'month', offset: 1 },\n  this_year: { mode: 'calendar', unit: 'year', offset: 0 },\n  last_year: { mode: 'calendar', unit: 'year', offset: 1 },\n} satisfies Record<DateFilterPreset, InternalWindow>;\n\nconst DATE_FILTER_PRESET_SET = new Set<DateFilterPreset>(DATE_FILTER_PRESETS);\n\nfunction isOptionalString(value: unknown): value is string | undefined {\n  return typeof value === 'undefined' || typeof value === 'string';\n}\n\nfunction normalizeOptionalString(value: unknown): unknown {\n  return value == null ? undefined : value;\n}\n\nfunction isAbsoluteDateFilterValue(value: unknown): value is AbsoluteDateFilterValue {\n  if (typeof value !== 'object' || value == null || Array.isArray(value)) {\n    return false;\n  }\n  const record = value as Record<string, unknown>;\n  return (\n    record.kind === 'absolute' &&\n    isOptionalString(normalizeOptionalString(record.startDate)) &&\n    isOptionalString(normalizeOptionalString(record.endDate))\n  );\n}\n\nfunction isPresetRelativeDateFilterValue(value: unknown): value is PresetRelativeDateFilterValue {\n  if (typeof value !== 'object' || value == null || Array.isArray(value)) {\n    return false;\n  }\n  const record = value as Record<string, unknown>;\n  return (\n    record.kind === 'relative' &&\n    typeof record.preset === 'string' &&\n    DATE_FILTER_PRESET_SET.has(record.preset as DateFilterPreset)\n  );\n}\n\nfunction normalizedAbsoluteDateRange(value: Record<string, unknown>): AbsoluteDateRange {\n  return {\n    startDate: normalizeOptionalString(value.startDate) as string | undefined,\n    endDate: normalizeOptionalString(value.endDate) as string | undefined,\n  };\n}\n\nexport function parseDateFilterValue(raw: unknown): DateFilterValue | null {\n  if (typeof raw !== 'object' || raw == null || Array.isArray(raw)) {\n    return null;\n  }\n  const value = raw as Record<string, unknown>;\n  if (!('kind' in value)) {\n    if (\n      ('startDate' in value || 'endDate' in value) &&\n      isOptionalString(normalizeOptionalString(value.startDate)) &&\n      isOptionalString(normalizeOptionalString(value.endDate))\n    ) {\n      return {\n        kind: 'absolute',\n        ...normalizedAbsoluteDateRange(value),\n      };\n    }\n    return null;\n  }\n  if (isAbsoluteDateFilterValue(value)) {\n    return {\n      kind: 'absolute',\n      ...normalizedAbsoluteDateRange(value),\n    };\n  }\n  if (isPresetRelativeDateFilterValue(value)) {\n    return {\n      kind: 'relative',\n      preset: value.preset,\n    };\n  }\n  return 'startDate' in value || 'endDate' in value\n    ? parseDateFilterValue({ startDate: value.startDate, endDate: value.endDate })\n    : null;\n}\n\nfunction relativeWindowFor(value: RelativeDateFilterValue): InternalWindow {\n  return PRESET_WINDOWS[value.preset];\n}\n\nfunction dateTimeToISO(value: DateTime): string {\n  const iso = value.toISO();\n  if (iso == null) {\n    throw new Error(\n      `Unable to evaluate invalid date: ${value.invalidExplanation ?? 'unknown error'}`,\n    );\n  }\n  return iso;\n}\n\nfunction isValidZone(zone: string): boolean {\n  return DateTime.utc().setZone(zone).isValid;\n}\n\nfunction resolvedZone(zone?: string): string {\n  if (zone && isValidZone(zone)) {\n    return zone;\n  }\n\n  const defaultZone = Settings.defaultZone.name;\n  return isValidZone(defaultZone) ? defaultZone : 'UTC';\n}\n\nfunction evaluationNow(context: { zone?: string; now?: DateTime }): DateTime {\n  // Constructing `DateTime.now()` uses Settings.defaultZone and is itself invalid\n  // when an application has configured an unsupported default zone. UTC gives us\n  // the same instant without depending on that ambient setting.\n  const now = context.now ?? DateTime.utc();\n  if (!now.isValid) {\n    throw new Error(\n      `Unable to evaluate invalid date: ${now.invalidExplanation ?? 'unknown error'}`,\n    );\n  }\n\n  const zonedNow = now.setZone(resolvedZone(context.zone));\n  if (!zonedNow.isValid) {\n    throw new Error(\n      `Unable to evaluate invalid date: ${zonedNow.invalidExplanation ?? 'unknown error'}`,\n    );\n  }\n  return zonedNow;\n}\n\nfunction evaluateRelative(\n  value: RelativeDateFilterValue,\n  context: { zone?: string; now?: DateTime },\n): Required<AbsoluteDateRange> {\n  const window = relativeWindowFor(value);\n  const zonedNow = evaluationNow(context);\n  let start: DateTime;\n  let end: DateTime;\n\n  if (window.mode === 'rolling-days') {\n    end = zonedNow.endOf('day');\n    // Preserve the established picker and legacy-filter contract: `days` is a\n    // lookback offset, so the start date and today are both included.\n    start = zonedNow.minus({ days: window.days }).startOf('day');\n  } else {\n    const referencedPeriod = zonedNow.minus({ [window.unit]: window.offset });\n    start = referencedPeriod.startOf(window.unit);\n    end = window.offset === 0 ? zonedNow.endOf('day') : referencedPeriod.endOf(window.unit);\n  }\n\n  return { startDate: dateTimeToISO(start), endDate: dateTimeToISO(end) };\n}\n\nexport function resolveDateFilterValue(\n  value: RelativeDateFilterValue,\n  context?: { zone?: string; now?: DateTime },\n): Required<AbsoluteDateRange>;\nexport function resolveDateFilterValue(\n  value: DateFilterValue,\n  context?: { zone?: string; now?: DateTime },\n): AbsoluteDateRange;\nexport function resolveDateFilterValue(\n  value: DateFilterValue,\n  context: { zone?: string; now?: DateTime } = {},\n): AbsoluteDateRange {\n  if (!isRelative(value)) {\n    return {\n      startDate: value.startDate,\n      endDate: value.endDate,\n    };\n  }\n  return evaluateRelative(value, context);\n}\n\n/**\n * Which preset a control should render as selected.\n *\n * Only stored metadata makes a value semantic. Once writes are enabled an absolute\n * value means the user picked dates, so inferring a preset from them would relabel\n * their choice; with writes disabled no metadata is ever stored, so inference is\n * the only thing that can highlight a preset at all.\n *\n * `undefined` asks the picker to infer from the dates, `null` selects nothing.\n */\nexport function selectedPresetFor(\n  value: DateFilterValue | null,\n  writesEnabled: boolean,\n): DateFilterPreset | null | undefined {\n  if (value != null && isRelative(value)) {\n    return value.preset;\n  }\n  return writesEnabled ? null : undefined;\n}\n\nexport function isRelative(value: DateFilterValue): value is RelativeDateFilterValue {\n  return value.kind === 'relative';\n}\n\nexport function formatDateFilterValue(value: DateFilterValue): string | null {\n  if (!isRelative(value)) {\n    return null;\n  }\n  return DATE_FILTER_PRESET_LABELS[value.preset];\n}\n"],"mappings":";;;AACA,MAAa,sBAAsB;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAKD,MAAa,4BAA8D;CACzE,aAAa;CACb,cAAc;CACd,cAAc;CACd,YAAY;CACZ,YAAY;CACZ,WAAW;CACX,WAAW;CACZ;;;ACND,MAAM,iBAAiB;CACrB,aAAa;EAAE,MAAM;EAAgB,MAAM;EAAG;CAC9C,cAAc;EAAE,MAAM;EAAgB,MAAM;EAAI;CAChD,cAAc;EAAE,MAAM;EAAgB,MAAM;EAAI;CAChD,YAAY;EAAE,MAAM;EAAY,MAAM;EAAS,QAAQ;EAAG;CAC1D,YAAY;EAAE,MAAM;EAAY,MAAM;EAAS,QAAQ;EAAG;CAC1D,WAAW;EAAE,MAAM;EAAY,MAAM;EAAQ,QAAQ;EAAG;CACxD,WAAW;EAAE,MAAM;EAAY,MAAM;EAAQ,QAAQ;EAAG;CACzD;AAED,MAAM,yBAAyB,IAAI,IAAsB,oBAAoB;AAE7E,SAAS,iBAAiB,OAA6C;AACrE,QAAO,OAAO,UAAU,eAAe,OAAO,UAAU;;AAG1D,SAAS,wBAAwB,OAAyB;AACxD,QAAO,SAAS,OAAO,KAAA,IAAY;;AAGrC,SAAS,0BAA0B,OAAkD;AACnF,KAAI,OAAO,UAAU,YAAY,SAAS,QAAQ,MAAM,QAAQ,MAAM,CACpE,QAAO;CAET,MAAM,SAAS;AACf,QACE,OAAO,SAAS,cAChB,iBAAiB,wBAAwB,OAAO,UAAU,CAAC,IAC3D,iBAAiB,wBAAwB,OAAO,QAAQ,CAAC;;AAI7D,SAAS,gCAAgC,OAAwD;AAC/F,KAAI,OAAO,UAAU,YAAY,SAAS,QAAQ,MAAM,QAAQ,MAAM,CACpE,QAAO;CAET,MAAM,SAAS;AACf,QACE,OAAO,SAAS,cAChB,OAAO,OAAO,WAAW,YACzB,uBAAuB,IAAI,OAAO,OAA2B;;AAIjE,SAAS,4BAA4B,OAAmD;AACtF,QAAO;EACL,WAAW,wBAAwB,MAAM,UAAU;EACnD,SAAS,wBAAwB,MAAM,QAAQ;EAChD;;AAGH,SAAgB,qBAAqB,KAAsC;AACzE,KAAI,OAAO,QAAQ,YAAY,OAAO,QAAQ,MAAM,QAAQ,IAAI,CAC9D,QAAO;CAET,MAAM,QAAQ;AACd,KAAI,EAAE,UAAU,QAAQ;AACtB,OACG,eAAe,SAAS,aAAa,UACtC,iBAAiB,wBAAwB,MAAM,UAAU,CAAC,IAC1D,iBAAiB,wBAAwB,MAAM,QAAQ,CAAC,CAExD,QAAO;GACL,MAAM;GACN,GAAG,4BAA4B,MAAM;GACtC;AAEH,SAAO;;AAET,KAAI,0BAA0B,MAAM,CAClC,QAAO;EACL,MAAM;EACN,GAAG,4BAA4B,MAAM;EACtC;AAEH,KAAI,gCAAgC,MAAM,CACxC,QAAO;EACL,MAAM;EACN,QAAQ,MAAM;EACf;AAEH,QAAO,eAAe,SAAS,aAAa,QACxC,qBAAqB;EAAE,WAAW,MAAM;EAAW,SAAS,MAAM;EAAS,CAAC,GAC5E;;AAGN,SAAS,kBAAkB,OAAgD;AACzE,QAAO,eAAe,MAAM;;AAG9B,SAAS,cAAc,OAAyB;CAC9C,MAAM,MAAM,MAAM,OAAO;AACzB,KAAI,OAAO,KACT,OAAM,IAAI,MACR,oCAAoC,MAAM,sBAAsB,kBACjE;AAEH,QAAO;;AAGT,SAAS,YAAY,MAAuB;AAC1C,QAAO,SAAS,KAAK,CAAC,QAAQ,KAAK,CAAC;;AAGtC,SAAS,aAAa,MAAuB;AAC3C,KAAI,QAAQ,YAAY,KAAK,CAC3B,QAAO;CAGT,MAAM,cAAc,SAAS,YAAY;AACzC,QAAO,YAAY,YAAY,GAAG,cAAc;;AAGlD,SAAS,cAAc,SAAsD;CAI3E,MAAM,MAAM,QAAQ,OAAO,SAAS,KAAK;AACzC,KAAI,CAAC,IAAI,QACP,OAAM,IAAI,MACR,oCAAoC,IAAI,sBAAsB,kBAC/D;CAGH,MAAM,WAAW,IAAI,QAAQ,aAAa,QAAQ,KAAK,CAAC;AACxD,KAAI,CAAC,SAAS,QACZ,OAAM,IAAI,MACR,oCAAoC,SAAS,sBAAsB,kBACpE;AAEH,QAAO;;AAGT,SAAS,iBACP,OACA,SAC6B;CAC7B,MAAM,SAAS,kBAAkB,MAAM;CACvC,MAAM,WAAW,cAAc,QAAQ;CACvC,IAAI;CACJ,IAAI;AAEJ,KAAI,OAAO,SAAS,gBAAgB;AAClC,QAAM,SAAS,MAAM,MAAM;AAG3B,UAAQ,SAAS,MAAM,EAAE,MAAM,OAAO,MAAM,CAAC,CAAC,QAAQ,MAAM;QACvD;EACL,MAAM,mBAAmB,SAAS,MAAM,GAAG,OAAO,OAAO,OAAO,QAAQ,CAAC;AACzE,UAAQ,iBAAiB,QAAQ,OAAO,KAAK;AAC7C,QAAM,OAAO,WAAW,IAAI,SAAS,MAAM,MAAM,GAAG,iBAAiB,MAAM,OAAO,KAAK;;AAGzF,QAAO;EAAE,WAAW,cAAc,MAAM;EAAE,SAAS,cAAc,IAAI;EAAE;;AAWzE,SAAgB,uBACd,OACA,UAA6C,EAAE,EAC5B;AACnB,KAAI,CAAC,WAAW,MAAM,CACpB,QAAO;EACL,WAAW,MAAM;EACjB,SAAS,MAAM;EAChB;AAEH,QAAO,iBAAiB,OAAO,QAAQ;;;;;;;;;;;;AAazC,SAAgB,kBACd,OACA,eACqC;AACrC,KAAI,SAAS,QAAQ,WAAW,MAAM,CACpC,QAAO,MAAM;AAEf,QAAO,gBAAgB,OAAO,KAAA;;AAGhC,SAAgB,WAAW,OAA0D;AACnF,QAAO,MAAM,SAAS;;AAGxB,SAAgB,sBAAsB,OAAuC;AAC3E,KAAI,CAAC,WAAW,MAAM,CACpB,QAAO;AAET,QAAO,0BAA0B,MAAM"}

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

@@ -1,4 +1,4 @@
-import { l as FilterRule, r as DateRangeFilterValue, s as FilterFieldType } from "./types-BEjWTkZV.mjs";
+import { l as FilterRule, r as DateRangeFilterValue, s as FilterFieldType } from "./types-C4WUSW3e.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-C4ir2Y8W.d.mts.map
+//# sourceMappingURL=date-range-rule-value-BRp5Bi7R.d.mts.map

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

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

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

@@ -1,5 +1,5 @@
-import { a as DateFilterPreset } from "./types-YojUycQK.mjs";
-import { t as DateFilterChange } from "./DateRangePicker-C4QKMo2a.mjs";
+import { a as DateFilterPreset } from "./types-Cl-w8tYc.mjs";
+import { t as DateFilterChange } from "./DateRangePicker-HPYsa4wC.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-gKmuxMVA.d.mts.map
+//# sourceMappingURL=date-rule-intent-CDBtV0ET.d.mts.map

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

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

package/dist/display.d.mts

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

package/dist/fieldPickerOptions.d.mts

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

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

@@ -1,4 +1,4 @@
-import { f as FilterSize } from "./types-BEjWTkZV.mjs";
+import { f as FilterSize } from "./types-C4WUSW3e.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-BOpH6pBm.d.mts.map
+//# sourceMappingURL=filter-size-context-CqvQ190x.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-BOpH6pBm.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-CqvQ190x.mjs";
 export { FILTER_SIZE_TOKENS, FilterBarContext, FilterBarContextValue, FilterSizeTokens, useFilterBarSize, useFilterSizeTokens };

package/dist/format-date-value.d.mts

@@ -0,0 +1,5 @@
+//#region components/DataTable/TableControls/FiltersV2/format-date-value.d.ts
+declare function formatDateValueForDisplay(value: string): string;
+//#endregion
+export { formatDateValueForDisplay };
+//# sourceMappingURL=format-date-value.d.mts.map