@persona/design-system 0.3.1 → 0.4.0

package/dist/inputFields.d.mts

@@ -1,13 +1,13 @@
-import { n as CheckboxProps } from "./Checkbox-Bmm-r5ei.mjs";
-import { a as InputProps } from "./Input-BHHWpSKN.mjs";
-import { n as ComboboxMultiSelectProps } from "./ComboboxMultiSelect-iSuvyOx2.mjs";
-import { n as ComboboxSingleSelectProps } from "./ComboboxSingleSelect-DVRFKPi1.mjs";
-import { n as FormFieldBaseProps } from "./FormField-0p4y0sS5.mjs";
-import { n as RadioGroupProps } from "./RadioGroup-Jl1yAvGu.mjs";
-import { i as SegmentedControlProps } from "./SegmentedControl-e6xDtoHC.mjs";
-import { i as SelectProps } from "./Select-CPYztD4m.mjs";
-import { t as TextAreaProps } from "./TextArea-CiLttt0s.mjs";
-import { n as ToggleProps } from "./Toggle-Cav7bMxg.mjs";
+import { n as CheckboxProps } from "./Checkbox-CwPXPLCi.mjs";
+import { a as InputProps } from "./Input-qlQVD5h0.mjs";
+import { n as ComboboxMultiSelectProps } from "./ComboboxMultiSelect-DkVfwSKH.mjs";
+import { n as ComboboxSingleSelectProps } from "./ComboboxSingleSelect-CpumBcDn.mjs";
+import { n as FormFieldBaseProps } from "./FormField-BcaFdmo5.mjs";
+import { n as RadioGroupProps } from "./RadioGroup-BqULCH-D.mjs";
+import { i as SegmentedControlProps } from "./SegmentedControl-Db78Pzo_.mjs";
+import { i as SelectProps } from "./Select-bafAe2wd.mjs";
+import { t as TextAreaProps } from "./TextArea-NjdArapc.mjs";
+import { n as ToggleProps } from "./Toggle-fh80PA8P.mjs";
 import * as _$react from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 

package/dist/{intersperse-CLkblj9A.mjs → intersperse-DQAyfeEw.mjs}

@@ -18,4 +18,4 @@ function intersperse(arr, separator) {
 //#endregion
 export { intersperse as t };
 
-//# sourceMappingURL=intersperse-CLkblj9A.mjs.map
+//# sourceMappingURL=intersperse-DQAyfeEw.mjs.map

package/dist/{intersperse-CLkblj9A.mjs.map → intersperse-DQAyfeEw.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"intersperse-CLkblj9A.mjs","names":[],"sources":["../lib/intersperse.ts"],"sourcesContent":["/**\n * @name intersperse\n *\n * Inserts an element between array items using a separator function. The\n * separator function is passed the previous index, the previous element, and\n * the next element.\n *\n * ```typescript\n * const nodeList: React.ReactNode[] = [...]\n * const commaSeparatedList = intersperse(nodeList, () => ', ')\n * const advancedSeparatedList = intersperse(nodeList, i => <Separator key={i}/>)\n * ```\n */\nexport function intersperse<T>(arr: T[], separator: (n: number, prev: T, curr: T) => T): T[] {\n  return arr.flatMap((a, i) => (i > 0 ? [separator(i - 1, arr[i - 1], a), a] : [a]));\n}\n"],"mappings":";;;;;;;;;;;;;;AAaA,SAAgB,YAAe,KAAU,WAAoD;AAC3F,QAAO,IAAI,SAAS,GAAG,MAAO,IAAI,IAAI,CAAC,UAAU,IAAI,GAAG,IAAI,IAAI,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,CAAE"}
+{"version":3,"file":"intersperse-DQAyfeEw.mjs","names":[],"sources":["../lib/intersperse.ts"],"sourcesContent":["/**\n * @name intersperse\n *\n * Inserts an element between array items using a separator function. The\n * separator function is passed the previous index, the previous element, and\n * the next element.\n *\n * ```typescript\n * const nodeList: React.ReactNode[] = [...]\n * const commaSeparatedList = intersperse(nodeList, () => ', ')\n * const advancedSeparatedList = intersperse(nodeList, i => <Separator key={i}/>)\n * ```\n */\nexport function intersperse<T>(arr: T[], separator: (n: number, prev: T, curr: T) => T): T[] {\n  return arr.flatMap((a, i) => (i > 0 ? [separator(i - 1, arr[i - 1], a), a] : [a]));\n}\n"],"mappings":";;;;;;;;;;;;;;AAaA,SAAgB,YAAe,KAAU,WAAoD;AAC3F,QAAO,IAAI,SAAS,GAAG,MAAO,IAAI,IAAI,CAAC,UAAU,IAAI,GAAG,IAAI,IAAI,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,CAAE"}

package/dist/lib/PDSProvider.d.mts

@@ -1,4 +1,4 @@
-import { n as PersonaTheme } from "../theme-Ftogn9Wo.mjs";
+import { n as PersonaTheme } from "../theme-Biwx2eJZ.mjs";
 import { FC, PropsWithChildren } from "react";
 
 //#region lib/PDSProvider.d.ts

package/dist/lib/TruncatedText.d.mts

@@ -1,2 +1,2 @@
-import { n as TruncatedText, r as TruncatedTextProps, t as OverflowEllipsisSpan } from "../TruncatedText-D2R7uy_y.mjs";
+import { n as TruncatedText, r as TruncatedTextProps, t as OverflowEllipsisSpan } from "../TruncatedText-B1W4BivL.mjs";
 export { OverflowEllipsisSpan, TruncatedText, TruncatedText as default, TruncatedTextProps };

package/dist/lib/TruncatedTextWithTooltip.d.mts

@@ -1,4 +1,4 @@
-import { n as Tooltip } from "../Tooltip-DX-N-szt.mjs";
+import { n as Tooltip } from "../Tooltip-DabloV0o.mjs";
 import { ComponentProps, ComponentPropsWithoutRef, FC } from "react";
 
 //#region lib/TruncatedTextWithTooltip.d.ts

package/dist/lib/date-filter/index.d.mts

@@ -0,0 +1,3 @@
+import { a as DateFilterPreset, c as RelativeDateFilterValue, n as AbsoluteDateRange, o as DateFilterValue } from "../../types-Bsf1VsW6.mjs";
+import { a as selectedPresetFor, i as resolveDateFilterValue, r as parseDateFilterValue } from "../../codec-B0dZTwlG.mjs";
+export { AbsoluteDateRange, DateFilterPreset, DateFilterValue, RelativeDateFilterValue, parseDateFilterValue, resolveDateFilterValue, selectedPresetFor };

package/dist/lib/date-filter/index.mjs

@@ -0,0 +1,2 @@
+import { i as selectedPresetFor, n as parseDateFilterValue, r as resolveDateFilterValue } from "../../date-filter-BbWgAXy3.mjs";
+export { parseDateFilterValue, resolveDateFilterValue, selectedPresetFor };

package/dist/lib/message.d.mts

@@ -1,2 +1,2 @@
-import { t as MessageType } from "../message-CqKB5mko.mjs";
+import { t as MessageType } from "../message-DaiDXonE.mjs";
 export { MessageType };

package/dist/lib/pseudoClass.d.mts

@@ -1,4 +1,4 @@
-import { t as PseudoClassProps } from "../PseudoClassProps-DgT5G_z5.mjs";
+import { t as PseudoClassProps } from "../PseudoClassProps-BPdn-ofQ.mjs";
 
 //#region lib/pseudoClass.d.ts
 declare const isDisabled: ({

package/dist/lib/useResizablePanel.d.mts

@@ -0,0 +1,49 @@
+//#region lib/useResizablePanel.d.ts
+declare enum PanelState {
+  Drawer = "drawer",
+  Maximized = "maximized"
+}
+interface UseResizablePanelOptions {
+  initialPanelState?: PanelState;
+  initialSize?: number;
+  /** Smallest size the panel snaps back to when a drag ends below it. */
+  minSize: number;
+  /** Fraction of the available space past which a released drag snaps to maximized. */
+  snapThreshold?: number;
+}
+interface ResizablePanelState {
+  /** Leave maximized and return to the drawer at `size` (null = `minSize`). */
+  collapse: () => void;
+  /** Open the drawer at the given size. */
+  expandTo: (size: number) => void;
+  /**
+   * Called on every drag frame. `size` is the requested panel size and
+   * `maxSize` the space the panel can grow into; both in px.
+   */
+  handleDragMove: (size: number, maxSize: number) => void;
+  /** Called once when a drag ends; snaps to maximized or back to `minSize`. */
+  handleDragRelease: () => void;
+  maximize: () => void;
+  panelState: PanelState;
+  /**
+   * Return from maximized to the drawer size the panel had before maximizing
+   * (for a drag that snapped to maximized, the size when the drag started).
+   */
+  restore: () => void;
+  size: number | null;
+  toggleMaximized: () => void;
+}
+/**
+ * Size and maximize/restore state for a resizable panel. Coordinates are
+ * caller-supplied sizes, so the hook works for both viewport- and
+ * container-anchored panels.
+ */
+declare const useResizablePanel: ({
+  initialPanelState,
+  initialSize,
+  minSize,
+  snapThreshold
+}: UseResizablePanelOptions) => ResizablePanelState;
+//#endregion
+export { PanelState, ResizablePanelState, useResizablePanel };
+//# sourceMappingURL=useResizablePanel.d.mts.map

package/dist/lib/useResizablePanel.mjs

@@ -0,0 +1,75 @@
+import { useCallback, useRef, useState } from "react";
+//#region lib/useResizablePanel.ts
+let PanelState = /* @__PURE__ */ function(PanelState) {
+	PanelState["Drawer"] = "drawer";
+	PanelState["Maximized"] = "maximized";
+	return PanelState;
+}({});
+/**
+* Size and maximize/restore state for a resizable panel. Coordinates are
+* caller-supplied sizes, so the hook works for both viewport- and
+* container-anchored panels.
+*/
+const useResizablePanel = ({ initialPanelState = "drawer", initialSize, minSize, snapThreshold = .95 }) => {
+	const [size, setSize] = useState(initialSize ?? null);
+	const [panelState, setPanelState] = useState(initialPanelState);
+	const maxSizeRef = useRef(null);
+	const dragStartSizeRef = useRef(null);
+	const sizeBeforeMaximizeRef = useRef(initialPanelState === "maximized" ? initialSize ?? null : null);
+	const maximize = useCallback(() => {
+		if (panelState !== "maximized") sizeBeforeMaximizeRef.current = size;
+		setPanelState("maximized");
+	}, [panelState, size]);
+	const restore = useCallback(() => {
+		setPanelState("drawer");
+		setSize(sizeBeforeMaximizeRef.current ?? minSize);
+	}, [minSize]);
+	const toggleMaximized = useCallback(() => {
+		if (panelState === "maximized") restore();
+		else maximize();
+	}, [
+		maximize,
+		panelState,
+		restore
+	]);
+	return {
+		collapse: useCallback(() => {
+			setPanelState("drawer");
+			setSize(null);
+		}, []),
+		expandTo: useCallback((nextSize) => {
+			setPanelState("drawer");
+			setSize(nextSize);
+		}, []),
+		handleDragMove: useCallback((nextSize, maxSize) => {
+			if (maxSizeRef.current == null) dragStartSizeRef.current = panelState === "maximized" ? null : size;
+			maxSizeRef.current = maxSize;
+			setPanelState("drawer");
+			setSize(Math.max(0, Math.min(nextSize, maxSize)));
+		}, [panelState, size]),
+		handleDragRelease: useCallback(() => {
+			const maxSize = maxSizeRef.current;
+			const dragStartSize = dragStartSizeRef.current;
+			maxSizeRef.current = null;
+			dragStartSizeRef.current = null;
+			if (size == null || maxSize == null) return;
+			if (size > maxSize * snapThreshold) {
+				sizeBeforeMaximizeRef.current = dragStartSize;
+				setPanelState("maximized");
+			} else if (size < minSize) setSize(minSize);
+		}, [
+			minSize,
+			size,
+			snapThreshold
+		]),
+		maximize,
+		panelState,
+		restore,
+		size,
+		toggleMaximized
+	};
+};
+//#endregion
+export { PanelState, useResizablePanel };
+
+//# sourceMappingURL=useResizablePanel.mjs.map

package/dist/lib/useResizablePanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizablePanel.mjs","names":[],"sources":["../../lib/useResizablePanel.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nexport enum PanelState {\n  Drawer = 'drawer',\n  Maximized = 'maximized',\n}\n\ninterface UseResizablePanelOptions {\n  initialPanelState?: PanelState;\n  initialSize?: number;\n  /** Smallest size the panel snaps back to when a drag ends below it. */\n  minSize: number;\n  /** Fraction of the available space past which a released drag snaps to maximized. */\n  snapThreshold?: number;\n}\n\nexport interface ResizablePanelState {\n  /** Leave maximized and return to the drawer at `size` (null = `minSize`). */\n  collapse: () => void;\n  /** Open the drawer at the given size. */\n  expandTo: (size: number) => void;\n  /**\n   * Called on every drag frame. `size` is the requested panel size and\n   * `maxSize` the space the panel can grow into; both in px.\n   */\n  handleDragMove: (size: number, maxSize: number) => void;\n  /** Called once when a drag ends; snaps to maximized or back to `minSize`. */\n  handleDragRelease: () => void;\n  maximize: () => void;\n  panelState: PanelState;\n  /**\n   * Return from maximized to the drawer size the panel had before maximizing\n   * (for a drag that snapped to maximized, the size when the drag started).\n   */\n  restore: () => void;\n  size: number | null;\n  toggleMaximized: () => void;\n}\n\n/**\n * Size and maximize/restore state for a resizable panel. Coordinates are\n * caller-supplied sizes, so the hook works for both viewport- and\n * container-anchored panels.\n */\nexport const useResizablePanel = ({\n  initialPanelState = PanelState.Drawer,\n  initialSize,\n  minSize,\n  snapThreshold = 0.95,\n}: UseResizablePanelOptions): ResizablePanelState => {\n  const [size, setSize] = useState<number | null>(initialSize ?? null);\n  const [panelState, setPanelState] = useState<PanelState>(initialPanelState);\n  const maxSizeRef = useRef<number | null>(null);\n  const dragStartSizeRef = useRef<number | null>(null);\n  const sizeBeforeMaximizeRef = useRef<number | null>(\n    initialPanelState === PanelState.Maximized ? (initialSize ?? null) : null,\n  );\n\n  const maximize = useCallback(() => {\n    if (panelState !== PanelState.Maximized) {\n      sizeBeforeMaximizeRef.current = size;\n    }\n    setPanelState(PanelState.Maximized);\n  }, [panelState, size]);\n\n  const restore = useCallback(() => {\n    setPanelState(PanelState.Drawer);\n    setSize(sizeBeforeMaximizeRef.current ?? minSize);\n  }, [minSize]);\n\n  const toggleMaximized = useCallback(() => {\n    if (panelState === PanelState.Maximized) {\n      restore();\n    } else {\n      maximize();\n    }\n  }, [maximize, panelState, restore]);\n\n  const collapse = useCallback(() => {\n    setPanelState(PanelState.Drawer);\n    setSize(null);\n  }, []);\n\n  const expandTo = useCallback((nextSize: number) => {\n    setPanelState(PanelState.Drawer);\n    setSize(nextSize);\n  }, []);\n\n  const handleDragMove = useCallback(\n    (nextSize: number, maxSize: number) => {\n      if (maxSizeRef.current == null) {\n        dragStartSizeRef.current = panelState === PanelState.Maximized ? null : size;\n      }\n      maxSizeRef.current = maxSize;\n      setPanelState(PanelState.Drawer);\n      setSize(Math.max(0, Math.min(nextSize, maxSize)));\n    },\n    [panelState, size],\n  );\n\n  const handleDragRelease = useCallback(() => {\n    const maxSize = maxSizeRef.current;\n    const dragStartSize = dragStartSizeRef.current;\n    maxSizeRef.current = null;\n    dragStartSizeRef.current = null;\n    if (size == null || maxSize == null) {\n      return;\n    }\n\n    if (size > maxSize * snapThreshold) {\n      sizeBeforeMaximizeRef.current = dragStartSize;\n      setPanelState(PanelState.Maximized);\n    } else if (size < minSize) {\n      setSize(minSize);\n    }\n  }, [minSize, size, snapThreshold]);\n\n  return {\n    collapse,\n    expandTo,\n    handleDragMove,\n    handleDragRelease,\n    maximize,\n    panelState,\n    restore,\n    size,\n    toggleMaximized,\n  };\n};\n"],"mappings":";;AAEA,IAAY,aAAL,yBAAA,YAAA;AACL,YAAA,YAAA;AACA,YAAA,eAAA;;KACD;;;;;;AAuCD,MAAa,qBAAqB,EAChC,oBAAA,UACA,aACA,SACA,gBAAgB,UACmC;CACnD,MAAM,CAAC,MAAM,WAAW,SAAwB,eAAe,KAAK;CACpE,MAAM,CAAC,YAAY,iBAAiB,SAAqB,kBAAkB;CAC3E,MAAM,aAAa,OAAsB,KAAK;CAC9C,MAAM,mBAAmB,OAAsB,KAAK;CACpD,MAAM,wBAAwB,OAC5B,sBAAA,cAA8C,eAAe,OAAQ,KACtE;CAED,MAAM,WAAW,kBAAkB;AACjC,MAAI,eAAA,YACF,uBAAsB,UAAU;AAElC,gBAAA,YAAmC;IAClC,CAAC,YAAY,KAAK,CAAC;CAEtB,MAAM,UAAU,kBAAkB;AAChC,gBAAA,SAAgC;AAChC,UAAQ,sBAAsB,WAAW,QAAQ;IAChD,CAAC,QAAQ,CAAC;CAEb,MAAM,kBAAkB,kBAAkB;AACxC,MAAI,eAAA,YACF,UAAS;MAET,WAAU;IAEX;EAAC;EAAU;EAAY;EAAQ,CAAC;AAyCnC,QAAO;EACL,UAxCe,kBAAkB;AACjC,iBAAA,SAAgC;AAChC,WAAQ,KAAK;KACZ,EAAE,CAqCK;EACR,UApCe,aAAa,aAAqB;AACjD,iBAAA,SAAgC;AAChC,WAAQ,SAAS;KAChB,EAAE,CAiCK;EACR,gBAhCqB,aACpB,UAAkB,YAAoB;AACrC,OAAI,WAAW,WAAW,KACxB,kBAAiB,UAAU,eAAA,cAAsC,OAAO;AAE1E,cAAW,UAAU;AACrB,iBAAA,SAAgC;AAChC,WAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,UAAU,QAAQ,CAAC,CAAC;KAEnD,CAAC,YAAY,KAAK,CAuBJ;EACd,mBArBwB,kBAAkB;GAC1C,MAAM,UAAU,WAAW;GAC3B,MAAM,gBAAgB,iBAAiB;AACvC,cAAW,UAAU;AACrB,oBAAiB,UAAU;AAC3B,OAAI,QAAQ,QAAQ,WAAW,KAC7B;AAGF,OAAI,OAAO,UAAU,eAAe;AAClC,0BAAsB,UAAU;AAChC,kBAAA,YAAmC;cAC1B,OAAO,QAChB,SAAQ,QAAQ;KAEjB;GAAC;GAAS;GAAM;GAAc,CAMd;EACjB;EACA;EACA;EACA;EACA;EACD"}

package/dist/{message-CqKB5mko.d.mts → message-DaiDXonE.d.mts}

@@ -6,4 +6,4 @@ declare enum MessageType {
 }
 //#endregion
 export { MessageType as t };
-//# sourceMappingURL=message-CqKB5mko.d.mts.map
+//# sourceMappingURL=message-DaiDXonE.d.mts.map

package/dist/mixins/focus.d.mts

@@ -1,4 +1,4 @@
-import { t as PseudoClassProps } from "../PseudoClassProps-DgT5G_z5.mjs";
+import { t as PseudoClassProps } from "../PseudoClassProps-BPdn-ofQ.mjs";
 import * as _$styled_components0 from "styled-components";
 
 //#region mixins/focus.d.ts

package/dist/mixins/hoverable.d.mts

@@ -1,5 +1,5 @@
-import { t as PseudoClassProps } from "../PseudoClassProps-DgT5G_z5.mjs";
-import { i as Variant } from "../theme-Ftogn9Wo.mjs";
+import { t as PseudoClassProps } from "../PseudoClassProps-BPdn-ofQ.mjs";
+import { i as Variant } from "../theme-Biwx2eJZ.mjs";
 import * as _$styled_components0 from "styled-components";
 
 //#region mixins/hoverable.d.ts

package/dist/mixins/input.d.mts

@@ -1,2 +1,2 @@
-import { n as InputSizes, r as inputMixin, t as InputMixinProps } from "../input-D9FuQmlI.mjs";
+import { n as InputSizes, r as inputMixin, t as InputMixinProps } from "../input-M7BEIewR.mjs";
 export { InputMixinProps, InputSizes, inputMixin as default };

package/dist/mixins/menuItem.d.mts

@@ -1,5 +1,5 @@
-import { t as PseudoClassProps } from "../PseudoClassProps-DgT5G_z5.mjs";
-import { i as Variant } from "../theme-Ftogn9Wo.mjs";
+import { t as PseudoClassProps } from "../PseudoClassProps-BPdn-ofQ.mjs";
+import { i as Variant } from "../theme-Biwx2eJZ.mjs";
 import * as _$styled_components0 from "styled-components";
 
 //#region mixins/menuItem.d.ts

package/dist/mixins/text.d.mts

@@ -1,2 +1,2 @@
-import { a as displayMixins, c as paragraphMixins, i as ParagraphSize, n as HeadingSize, o as fontFamilyMixin, r as ParagraphMixinSize, s as headingMixins, t as DisplaySize } from "../text-xwtyWIbE.mjs";
+import { a as displayMixins, c as paragraphMixins, i as ParagraphSize, n as HeadingSize, o as fontFamilyMixin, r as ParagraphMixinSize, s as headingMixins, t as DisplaySize } from "../text-DjTGRUM1.mjs";
 export { DisplaySize, HeadingSize, ParagraphMixinSize, ParagraphSize, displayMixins, fontFamilyMixin, headingMixins, paragraphMixins };

package/dist/{operators-CgcsYzfy.d.mts → operators-BsSl7gPE.d.mts}

@@ -1,4 +1,4 @@
-import { a as FilterField, c as FilterOperator, l as FilterRule, r as DateRangeFilterValue, s as FilterFieldType, u as FilterRuleValue } from "./types-D55MZSyx.mjs";
+import { a as FilterField, c as FilterOperator, l as FilterRule, r as DateRangeFilterValue, s as FilterFieldType, u as FilterRuleValue } from "./types-V8UJX-rk.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/operators.d.ts
 declare function getOperatorsForType(type: FilterFieldType): ReadonlyArray<FilterOperator>;
@@ -16,6 +16,13 @@ declare function getOperatorsForType(type: FilterFieldType): ReadonlyArray<Filte
 declare function getOperatorsForField(field: Pick<FilterField, 'type' | 'allowedOperators'>): ReadonlyArray<FilterOperator>;
 declare function getDefaultOperatorForType(type: FilterFieldType): FilterOperator;
 declare function isValuelessOperator(operator: FilterOperator): boolean;
+/**
+ * Whether a rule's value is a date range: a range operator, or a field that is
+ * one by type. Relative metadata only describes a range, so resolving or
+ * labelling it on a scalar rule would put a `{ startDate, endDate }` object
+ * where the wire expects a day string.
+ */
+declare function carriesDateRange(operator: FilterOperator, fieldType?: FilterFieldType): boolean;
 declare function isRangeOperator(operator: FilterOperator): boolean;
 /**
  * Whether `value` carries both endpoints of a range. Shared by the pill,
@@ -60,5 +67,5 @@ declare function emptyValueForRule(field: Pick<FilterField, 'type'>, operator: F
  */
 declare function reconcileValueForOperator(field: Pick<FilterField, 'type'>, nextOperator: FilterOperator, previousOperator: FilterOperator, value: FilterRuleValue): FilterRuleValue;
 //#endregion
-export { getOperatorLabel as a, isCompleteDateRange as c, reconcileValueForOperator as d, withValue as f, getDefaultOperatorForType as i, isRangeOperator as l, emptyValueForRule as n, getOperatorsForField as o, fieldHasMultipleOperators as r, getOperatorsForType as s, emptyValueForFieldType as t, isValuelessOperator as u };
-//# sourceMappingURL=operators-CgcsYzfy.d.mts.map
+export { getDefaultOperatorForType as a, getOperatorsForType as c, isValuelessOperator as d, reconcileValueForOperator as f, fieldHasMultipleOperators as i, isCompleteDateRange as l, emptyValueForFieldType as n, getOperatorLabel as o, withValue as p, emptyValueForRule as r, getOperatorsForField as s, carriesDateRange as t, isRangeOperator as u };
+//# sourceMappingURL=operators-BsSl7gPE.d.mts.map

package/dist/operators.d.mts

@@ -1,2 +1,2 @@
-import { a as getOperatorLabel, c as isCompleteDateRange, d as reconcileValueForOperator, f as withValue, i as getDefaultOperatorForType, l as isRangeOperator, n as emptyValueForRule, o as getOperatorsForField, r as fieldHasMultipleOperators, s as getOperatorsForType, t as emptyValueForFieldType, u as isValuelessOperator } from "./operators-CgcsYzfy.mjs";
-export { emptyValueForFieldType, emptyValueForRule, fieldHasMultipleOperators, getDefaultOperatorForType, getOperatorLabel, getOperatorsForField, getOperatorsForType, isCompleteDateRange, isRangeOperator, isValuelessOperator, reconcileValueForOperator, withValue };
+import { a as getDefaultOperatorForType, c as getOperatorsForType, d as isValuelessOperator, f as reconcileValueForOperator, i as fieldHasMultipleOperators, l as isCompleteDateRange, n as emptyValueForFieldType, o as getOperatorLabel, p as withValue, r as emptyValueForRule, s as getOperatorsForField, t as carriesDateRange, u as isRangeOperator } from "./operators-BsSl7gPE.mjs";
+export { carriesDateRange, emptyValueForFieldType, emptyValueForRule, fieldHasMultipleOperators, getDefaultOperatorForType, getOperatorLabel, getOperatorsForField, getOperatorsForType, isCompleteDateRange, isRangeOperator, isValuelessOperator, reconcileValueForOperator, withValue };

package/dist/patterns/LayoutLoadingShimmer/index.mjs

@@ -1,9 +1,9 @@
 import { a as styled } from "../../styledComponentsInterop-8zScIQyC.mjs";
 import { n as Stack, t as HStack } from "../../Stack-Bre2oiov.mjs";
-import { t as LoadingShimmer } from "../../LoadingShimmer-dsBWRdTU.mjs";
-import { t as Card_default } from "../../CardV2-D3m5EKlp.mjs";
-import { h as Table, m as TableHeaderCell, n as TableBody, p as TableRow, r as TableHead, s as TableCell } from "../../Table-C2pkP5Xg.mjs";
-import { n as PageHeaderContainer } from "../../PageHeader-XxGsFLHb.mjs";
+import { t as LoadingShimmer } from "../../LoadingShimmer-a2Hv0kAq.mjs";
+import { t as Card_default } from "../../CardV2-CXxzl1EZ.mjs";
+import { h as Table, m as TableHeaderCell, n as TableBody, p as TableRow, r as TableHead, s as TableCell } from "../../Table-DfUD3I2s.mjs";
+import { n as PageHeaderContainer } from "../../PageHeader-B2-Slzhl.mjs";
 import { Color, Spacing } from "@persona/design-tokens";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region patterns/containers.tsx

package/dist/relative-date-label.d.mts

@@ -0,0 +1,15 @@
+import { l as FilterRule, u as FilterRuleValue } from "./types-V8UJX-rk.mjs";
+
+//#region components/DataTable/TableControls/FiltersV2/relative-date-label.d.ts
+/**
+ * The preset name a rule should display instead of its dates, or `undefined`
+ * when it has none and the caller should fall back to rendering the value.
+ *
+ * Completeness is checked against the same predicate the serialize boundary
+ * uses: labelling a rule `hasCompleteValue` drops would advertise a filter the
+ * request never carries.
+ */
+declare function relativePresetLabel(value: FilterRuleValue, relativeDate: FilterRule['relativeDate']): string | undefined;
+//#endregion
+export { relativePresetLabel };
+//# sourceMappingURL=relative-date-label.d.mts.map

package/dist/{text-xwtyWIbE.d.mts → text-DjTGRUM1.d.mts}

@@ -11,4 +11,4 @@ type ParagraphSize = 'lg' | 'md' | 'sm' | 'xs';
 declare const paragraphMixins: Record<ParagraphMixinSize, FlattenInterpolation<ThemeProps<DefaultTheme>>>;
 //#endregion
 export { displayMixins as a, paragraphMixins as c, ParagraphSize as i, HeadingSize as n, fontFamilyMixin as o, ParagraphMixinSize as r, headingMixins as s, DisplaySize as t };
-//# sourceMappingURL=text-xwtyWIbE.d.mts.map
+//# sourceMappingURL=text-DjTGRUM1.d.mts.map

package/dist/{theme-Ftogn9Wo.d.mts → theme-Biwx2eJZ.d.mts}

@@ -151,4 +151,4 @@ declare const darkTheme: PersonaTheme;
 declare const marketingFontTheme: PersonaTheme;
 //#endregion
 export { darkTheme as a, Variant as i, PersonaTheme as n, defaultTheme as o, TextColors as r, marketingFontTheme as s, BackgroundColors as t };
-//# sourceMappingURL=theme-Ftogn9Wo.d.mts.map
+//# sourceMappingURL=theme-Biwx2eJZ.d.mts.map

package/dist/theme.d.mts

@@ -1,2 +1,2 @@
-import { a as darkTheme, i as Variant, n as PersonaTheme, o as defaultTheme, r as TextColors, s as marketingFontTheme, t as BackgroundColors } from "./theme-Ftogn9Wo.mjs";
+import { a as darkTheme, i as Variant, n as PersonaTheme, o as defaultTheme, r as TextColors, s as marketingFontTheme, t as BackgroundColors } from "./theme-Biwx2eJZ.mjs";
 export { BackgroundColors, PersonaTheme, TextColors, Variant, darkTheme, defaultTheme as default, marketingFontTheme };

package/dist/{types-BrNreYUU.d.mts → types-B5VmRRMR.d.mts}

@@ -1,4 +1,4 @@
-import { a as FilterField, c as FilterOperator, u as FilterRuleValue } from "./types-D55MZSyx.mjs";
+import { a as FilterField, c as FilterOperator, d as FilterRuleValueChange, l as FilterRule, u as FilterRuleValue } from "./types-V8UJX-rk.mjs";
 import { ReactElement } from "react";
 
 //#region components/DataTable/TableControls/FiltersV2/value-controls/types.d.ts
@@ -24,8 +24,10 @@ interface ValueControlProps {
   operator: FilterOperator;
   /** Current value held by the rule. */
   value: FilterRuleValue;
+  /** Optional relative-date semantics stored beside the absolute value snapshot. */
+  relativeDate?: FilterRule['relativeDate'];
   /** Called when the user commits a new value. */
-  onChange: (value: FilterRuleValue) => void;
+  onChange: FilterRuleValueChange;
   /** Optional callback for controls that commit a complete selection in one action. */
   onCommit?: () => void;
   /** Aria label wired to the popover's labeling. */
@@ -42,4 +44,4 @@ interface ValueControlProps {
 }
 //#endregion
 export { ValueControlProps as t };
-//# sourceMappingURL=types-BrNreYUU.d.mts.map
+//# sourceMappingURL=types-B5VmRRMR.d.mts.map

package/dist/types-Bsf1VsW6.d.mts

@@ -0,0 +1,24 @@
+//#region lib/date-filter/types.d.ts
+/** Ordered preset list shared by date-filter consumers. */
+declare const DATE_FILTER_PRESETS: readonly ["last_7_days", "last_14_days", "last_30_days", "this_month", "last_month", "this_year", "last_year"];
+/** Closed vocabulary of named presets the picker offers. */
+type DateFilterPreset = (typeof DATE_FILTER_PRESETS)[number];
+declare const DATE_FILTER_PRESET_LABELS: Record<DateFilterPreset, string>;
+interface AbsoluteDateFilterValue {
+  kind: 'absolute';
+  startDate?: string;
+  endDate?: string;
+}
+interface PresetRelativeDateFilterValue {
+  kind: 'relative';
+  preset: DateFilterPreset;
+}
+type RelativeDateFilterValue = PresetRelativeDateFilterValue;
+type DateFilterValue = AbsoluteDateFilterValue | RelativeDateFilterValue;
+interface AbsoluteDateRange {
+  startDate?: string;
+  endDate?: string;
+}
+//#endregion
+export { DateFilterPreset as a, RelativeDateFilterValue as c, DATE_FILTER_PRESET_LABELS as i, AbsoluteDateRange as n, DateFilterValue as o, DATE_FILTER_PRESETS as r, PresetRelativeDateFilterValue as s, AbsoluteDateFilterValue as t };
+//# sourceMappingURL=types-Bsf1VsW6.d.mts.map

package/dist/{types-DVsBRqjZ.d.mts → types-Cg3aXHUh2.d.mts}

@@ -7,4 +7,4 @@ interface PaginationParams {
 }
 //#endregion
 export { PaginationParams as t };
-//# sourceMappingURL=types-DVsBRqjZ.d.mts.map
+//# sourceMappingURL=types-Cg3aXHUh2.d.mts.map

package/dist/{types-0_9G0kWg.d.mts → types-Df0D37uh.d.mts}

@@ -24,4 +24,4 @@ interface BaseActiveFilter<TFilter extends BaseFilterConfig = BaseFilterConfig>
 }
 //#endregion
 export { BaseActiveFilter as n, BaseFilterConfig as r, AttributeColumn as t };
-//# sourceMappingURL=types-0_9G0kWg.d.mts.map
+//# sourceMappingURL=types-Df0D37uh.d.mts.map

package/dist/{types-D55MZSyx.d.mts → types-V8UJX-rk.d.mts}

@@ -1,3 +1,4 @@
+import { c as RelativeDateFilterValue } from "./types-Bsf1VsW6.mjs";
 //#region components/DataTable/TableControls/FiltersV2/types.d.ts
 /**
  * Filter UI v2 — client-side state shape.
@@ -105,7 +106,16 @@ interface FilterRule {
   fieldId: string;
   operator: FilterOperator;
   value: FilterRuleValue;
+  /**
+   * Semantic metadata; `value` remains an old-client-safe absolute snapshot.
+   *
+   * Deliberately not checked by `isFilterRule`: readers fall back to the
+   * snapshot when this is unparseable, so rejecting the rule would discard a
+   * usable range over a bad label.
+   */
+  relativeDate?: RelativeDateFilterValue;
 }
+type FilterRuleValueChange = (value: FilterRuleValue, relativeDate?: RelativeDateFilterValue | null) => void;
 /**
  * A top-level (simple pill) rule. Carries a stable `id` so multiple
  * pills for the same field can coexist — the "Add filter" picker
@@ -155,6 +165,8 @@ interface FilterStateV2 {
 type FilterSize = 'sm' | 'md';
 /** The empty state — no filters applied. */
 declare const EMPTY_FILTER_STATE: FilterStateV2;
+/** True when no filters are applied — no pills and no compound groups. */
+declare function isEmptyState(state: FilterStateV2): boolean;
 //#endregion
-export { FilterField as a, FilterOperator as c, FilterSize as d, FilterStateV2 as f, EMPTY_FILTER_STATE as i, FilterRule as l, CompoundExpression as n, FilterFieldSource as o, TopLevelFilterRule as p, DateRangeFilterValue as r, FilterFieldType as s, AndGroup as t, FilterRuleValue as u };
-//# sourceMappingURL=types-D55MZSyx.d.mts.map
+export { FilterField as a, FilterOperator as c, FilterRuleValueChange as d, FilterSize as f, isEmptyState as h, EMPTY_FILTER_STATE as i, FilterRule as l, TopLevelFilterRule as m, CompoundExpression as n, FilterFieldSource as o, FilterStateV2 as p, DateRangeFilterValue as r, FilterFieldType as s, AndGroup as t, FilterRuleValue as u };
+//# sourceMappingURL=types-V8UJX-rk.d.mts.map

package/dist/types.d.mts

@@ -1,2 +1,2 @@
-import { n as BaseActiveFilter, r as BaseFilterConfig, t as AttributeColumn } from "./types-0_9G0kWg.mjs";
+import { n as BaseActiveFilter, r as BaseFilterConfig, t as AttributeColumn } from "./types-Df0D37uh.mjs";
 export { AttributeColumn, BaseActiveFilter, BaseFilterConfig };

package/dist/types2.d.mts

@@ -1,2 +1,2 @@
-import { a as FilterField, c as FilterOperator, d as FilterSize, f as FilterStateV2, i as EMPTY_FILTER_STATE, l as FilterRule, n as CompoundExpression, o as FilterFieldSource, p as TopLevelFilterRule, r as DateRangeFilterValue, s as FilterFieldType, t as AndGroup, u as FilterRuleValue } from "./types-D55MZSyx.mjs";
-export { AndGroup, CompoundExpression, DateRangeFilterValue, EMPTY_FILTER_STATE, FilterField, FilterFieldSource, FilterFieldType, FilterOperator, FilterRule, FilterRuleValue, FilterSize, FilterStateV2, TopLevelFilterRule };
+import { a as DateFilterPreset, c as RelativeDateFilterValue, i as DATE_FILTER_PRESET_LABELS, n as AbsoluteDateRange, o as DateFilterValue, r as DATE_FILTER_PRESETS, s as PresetRelativeDateFilterValue, t as AbsoluteDateFilterValue } from "./types-Bsf1VsW6.mjs";
+export { AbsoluteDateFilterValue, AbsoluteDateRange, DATE_FILTER_PRESETS, DATE_FILTER_PRESET_LABELS, DateFilterPreset, DateFilterValue, PresetRelativeDateFilterValue, RelativeDateFilterValue };

package/dist/types3.d.mts

@@ -1,2 +1,2 @@
-import { t as ValueControlProps } from "./types-BrNreYUU.mjs";
-export { ValueControlProps };
+import { a as FilterField, c as FilterOperator, d as FilterRuleValueChange, f as FilterSize, h as isEmptyState, i as EMPTY_FILTER_STATE, l as FilterRule, m as TopLevelFilterRule, n as CompoundExpression, o as FilterFieldSource, p as FilterStateV2, r as DateRangeFilterValue, s as FilterFieldType, t as AndGroup, u as FilterRuleValue } from "./types-V8UJX-rk.mjs";
+export { AndGroup, CompoundExpression, DateRangeFilterValue, EMPTY_FILTER_STATE, FilterField, FilterFieldSource, FilterFieldType, FilterOperator, FilterRule, FilterRuleValue, FilterRuleValueChange, FilterSize, FilterStateV2, TopLevelFilterRule, isEmptyState };

package/dist/types4.d.mts

@@ -1,2 +1,2 @@
-import { t as PaginationParams } from "./types-DVsBRqjZ.mjs";
-export { PaginationParams };
+import { t as ValueControlProps } from "./types-B5VmRRMR.mjs";
+export { ValueControlProps };

package/dist/types5.d.mts

@@ -0,0 +1,2 @@
+import { t as PaginationParams } from "./types-Cg3aXHUh2.mjs";
+export { PaginationParams };

package/dist/url-state-ektb0HnB.d.mts

@@ -0,0 +1,42 @@
+import { p as FilterStateV2 } from "./types-V8UJX-rk.mjs";
+
+//#region components/DataTable/TableControls/FiltersV2/url-state.d.ts
+/**
+ * URL state encoding/decoding for the `fv2=` namespace.
+ *
+ * v2 URL state is base64'd JSON of `FilterStateV2`. Encoding is a lossless
+ * mirror of the in-memory shape — no schema migrations required when the
+ * vocabulary grows because the type already models OR-of-AND.
+ *
+ * Hosts that persist filter state elsewhere (saved views, session storage)
+ * store the same encoded string the URL carries; see
+ * {@link decodeFilterStateFromString}.
+ */
+/** The query param the FilterBar's full rule state travels in. */
+declare const FILTER_STATE_URL_PARAM = "fv2";
+interface UrlStateCodecResult {
+  /** The filter state recovered from the URL (or `EMPTY_FILTER_STATE` if absent). */
+  state: FilterStateV2;
+  /** True when an `fv2=…` param was present (regardless of decode success). */
+  hadParam: boolean;
+  /** True when the param was present but failed to decode. */
+  invalid: boolean;
+}
+/** Read `fv2=…` from a query string and return the decoded state. */
+declare function decodeFilterStateFromUrl(search: string | URLSearchParams): UrlStateCodecResult;
+/**
+ * Produce a `fv2=…` segment for the given state. Returns `null` when the
+ * state is empty — callers should treat that as "no param at all" so URLs
+ * stay clean in the common case of no filters.
+ */
+declare function encodeFilterStateToUrlParam(state: FilterStateV2): string | null;
+declare function applyFilterStateToSearchParams(params: URLSearchParams, state: FilterStateV2): URLSearchParams;
+/**
+ * Decode a bare base64 string (as produced by {@link encodeFilterStateToUrlParam})
+ * back into a {@link FilterStateV2}, or `null` when it is absent/corrupt/from a
+ * future vocabulary.
+ */
+declare function decodeFilterStateFromString(raw: string | null | undefined): FilterStateV2 | null;
+//#endregion
+export { decodeFilterStateFromUrl as a, decodeFilterStateFromString as i, UrlStateCodecResult as n, encodeFilterStateToUrlParam as o, applyFilterStateToSearchParams as r, FILTER_STATE_URL_PARAM as t };
+//# sourceMappingURL=url-state-ektb0HnB.d.mts.map

package/dist/url-state.d.mts

@@ -0,0 +1,2 @@
+import { a as decodeFilterStateFromUrl, i as decodeFilterStateFromString, n as UrlStateCodecResult, o as encodeFilterStateToUrlParam, r as applyFilterStateToSearchParams, t as FILTER_STATE_URL_PARAM } from "./url-state-ektb0HnB.mjs";
+export { FILTER_STATE_URL_PARAM, UrlStateCodecResult, applyFilterStateToSearchParams, decodeFilterStateFromString, decodeFilterStateFromUrl, encodeFilterStateToUrlParam };

package/dist/useComboboxFooterAction.d.mts

@@ -1,4 +1,4 @@
-import { p as FooterAction } from "./ComboboxBase-CWzN8GML.mjs";
+import { p as FooterAction } from "./ComboboxBase-BkSpdmsT.mjs";
 import { KeyboardEvent } from "react";
 
 //#region components/Combobox/useComboboxFooterAction.d.ts

package/dist/{useFilterStateV2-D8Q8QKhS.d.mts → useFilterStateV2-BB14vCC-.d.mts}

@@ -1,5 +1,5 @@
-import { f as FilterStateV2, l as FilterRule, n as CompoundExpression } from "./types-D55MZSyx.mjs";
-import { t as FieldRegistry } from "./FieldRegistry-D1vghSC_.mjs";
+import { l as FilterRule, n as CompoundExpression, p as FilterStateV2 } from "./types-V8UJX-rk.mjs";
+import { t as FieldRegistry } from "./FieldRegistry-D6niLExM.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/useFilterStateV2.d.ts
 interface UseFilterStateV2Options {
@@ -90,4 +90,4 @@ interface UseFilterStateV2Result {
 declare function useFilterStateV2(options: UseFilterStateV2Options): UseFilterStateV2Result;
 //#endregion
 export { UseFilterStateV2Result as n, useFilterStateV2 as r, UseFilterStateV2Options as t };
-//# sourceMappingURL=useFilterStateV2-D8Q8QKhS.d.mts.map
+//# sourceMappingURL=useFilterStateV2-BB14vCC-.d.mts.map

package/dist/useFilterStateV2.d.mts

@@ -1,2 +1,2 @@
-import { n as UseFilterStateV2Result, r as useFilterStateV2, t as UseFilterStateV2Options } from "./useFilterStateV2-D8Q8QKhS.mjs";
+import { n as UseFilterStateV2Result, r as useFilterStateV2, t as UseFilterStateV2Options } from "./useFilterStateV2-BB14vCC-.mjs";
 export { UseFilterStateV2Options, UseFilterStateV2Result, useFilterStateV2 };

package/dist/{useFormField-BBbq1izo.d.mts → useFormField-CQo08dR4.d.mts}

@@ -1,4 +1,4 @@
-import { t as ErrorProps } from "./ErrorProps-DX50vo-U.mjs";
+import { t as ErrorProps } from "./ErrorProps-C9T857Wk.mjs";
 import * as _$react from "react";
 
 //#region components/FormControl/useFormField.d.ts
@@ -27,4 +27,4 @@ declare const useFormField: (props: Partial<FormControlContextProps>) => {
 };
 //#endregion
 export { FormControlContextProps as n, useFormField as r, FormControlContext as t };
-//# sourceMappingURL=useFormField-BBbq1izo.d.mts.map
+//# sourceMappingURL=useFormField-CQo08dR4.d.mts.map

package/dist/useFormField.d.mts

@@ -1,2 +1,2 @@
-import { n as FormControlContextProps, r as useFormField, t as FormControlContext } from "./useFormField-BBbq1izo.mjs";
+import { n as FormControlContextProps, r as useFormField, t as FormControlContext } from "./useFormField-CQo08dR4.mjs";
 export { FormControlContext, FormControlContextProps, useFormField as default };

package/dist/{useTableBoxDragAndDrop-Bye8gJTl.d.mts → useTableBoxDragAndDrop-B-Dev5D6.d.mts}

@@ -66,4 +66,4 @@ declare const useTableBoxDragAndDrop: <T extends object>({
 }: UseTableBoxDragAndDropArgs<T>) => UseTableBoxDragAndDropResult;
 //#endregion
 export { ReorderConfig as n, useTableBoxDragAndDrop as r, DragDirection as t };
-//# sourceMappingURL=useTableBoxDragAndDrop-Bye8gJTl.d.mts.map
+//# sourceMappingURL=useTableBoxDragAndDrop-B-Dev5D6.d.mts.map

package/dist/useTableBoxDragAndDrop.d.mts

@@ -1,2 +1,2 @@
-import { n as ReorderConfig, r as useTableBoxDragAndDrop, t as DragDirection } from "./useTableBoxDragAndDrop-Bye8gJTl.mjs";
+import { n as ReorderConfig, r as useTableBoxDragAndDrop, t as DragDirection } from "./useTableBoxDragAndDrop-B-Dev5D6.mjs";
 export { DragDirection, ReorderConfig, useTableBoxDragAndDrop };

package/dist/useTruncation.d.mts

@@ -1,4 +1,4 @@
-import { i as ComboboxOption } from "./ComboboxBase-CWzN8GML.mjs";
+import { i as ComboboxOption } from "./ComboboxBase-BkSpdmsT.mjs";
 import { MutableRefObject, RefObject } from "react";
 
 //#region components/Combobox/useTruncation.d.ts

package/dist/{utilities-Bmwk_DRn.d.mts → utilities-BHMNnJ8h.d.mts}

@@ -6,4 +6,4 @@
 type RequireOneOf<T, Keys extends keyof T = keyof T> = Pick<T, Exclude<keyof T, Keys>> & { [K in Keys]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<Keys, K>>> }[Keys];
 //#endregion
 export { RequireOneOf as t };
-//# sourceMappingURL=utilities-Bmwk_DRn.d.mts.map
+//# sourceMappingURL=utilities-BHMNnJ8h.d.mts.map

package/dist/utilities.d.mts

@@ -1,2 +1,2 @@
-import { t as RequireOneOf } from "./utilities-Bmwk_DRn.mjs";
+import { t as RequireOneOf } from "./utilities-BHMNnJ8h.mjs";
 export { RequireOneOf };