@persona/design-system 0.3.0 → 0.4.0

package/dist/mixins/input.d.mts

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

package/dist/mixins/input.mjs

@@ -1,9 +1,9 @@
+import { r as css } from "../styledComponentsInterop-8zScIQyC.mjs";
+import "../variables/transitions.mjs";
 import { isDisabled, isHovered, isNotDisabled } from "../lib/pseudoClass.mjs";
 import { focusOutlineControlled } from "./focus.mjs";
-import "../variables/transitions.mjs";
 import { printMixins } from "./print/index.mjs";
 import { Color, Spacing, Typography } from "@persona/design-tokens";
-import { css } from "styled-components";
 //#region mixins/input.ts
 /**
 * Provides input-like hover and focus outline effects. Can also be applied to

package/dist/mixins/menuItem.d.mts

@@ -1,5 +1,5 @@
-import { t as PseudoClassProps } from "../PseudoClassProps-CcSlKNev.mjs";
-import { i as Variant } from "../theme-D9Y6NOzb.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/menuItem.mjs

@@ -1,6 +1,6 @@
+import { r as css } from "../styledComponentsInterop-8zScIQyC.mjs";
 import "../variables/transitions.mjs";
 import { Color } from "@persona/design-tokens";
-import { css } from "styled-components";
 //#region mixins/menuItem.ts
 /**
 * Adds styles for hovered and selected states. For use with dropdowns, menu

package/dist/mixins/print/index.mjs

@@ -1,4 +1,4 @@
-import { css } from "styled-components";
+import { r as css } from "../../styledComponentsInterop-8zScIQyC.mjs";
 //#region mixins/print/index.ts
 const printMixins = {
 	hide: css`

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-BaQdW8qa.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/mixins/text.mjs

@@ -1,5 +1,5 @@
+import { r as css } from "../styledComponentsInterop-8zScIQyC.mjs";
 import { Typography } from "@persona/design-tokens";
-import { css } from "styled-components";
 //#region mixins/text.ts
 const fontFamilyMixin = css`
   font-family: ${({ theme }) => theme.text.fontFamily.base};

package/dist/{operators-CmSqHnTH.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-C-TkDdkG.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-CmSqHnTH.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-CmSqHnTH.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,10 +1,10 @@
-import { n as Stack, t as HStack } from "../../Stack-Bl54WmhY.mjs";
-import { t as LoadingShimmer } from "../../LoadingShimmer-DC2vqicd.mjs";
-import { t as Card_default } from "../../CardV2-B0ZweQYk.mjs";
-import { h as Table, m as TableHeaderCell, n as TableBody, p as TableRow, r as TableHead, s as TableCell } from "../../Table-D1WyUQuv.mjs";
-import { n as PageHeaderContainer } from "../../PageHeader-C2IUKhCg.mjs";
+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-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 styled from "styled-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region patterns/containers.tsx
 const Layout = styled.div`

package/dist/patterns/LayoutLoadingSpinner/index.d.mts

@@ -0,0 +1,2 @@
+import { LayoutLoadingSpinner } from "../../LayoutLoadingSpinner.mjs";
+export { LayoutLoadingSpinner };

package/dist/patterns/LayoutLoadingSpinner/index.mjs

@@ -0,0 +1,56 @@
+import { a as styled } from "../../styledComponentsInterop-8zScIQyC.mjs";
+import { fadeIn, rotate } from "../../variables/keyframes.mjs";
+import { Color } from "@persona/design-tokens";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region patterns/LayoutLoadingSpinner/LayoutLoadingSpinner.tsx
+const Container = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  width: 100%;
+  animation: ${fadeIn} 1s;
+`;
+const VisuallyHidden = styled.span`
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+`;
+const Ring = styled.svg`
+  display: block;
+  border-radius: 50%;
+  animation: ${rotate} 0.9s linear infinite;
+`;
+const RingStroke = styled.circle`
+  stroke: ${Color.PrimaryPurple};
+  stroke-dasharray: 166;
+  stroke-dashoffset: 110;
+  stroke-linecap: round;
+`;
+/**
+* Centered 120px loading ring that fills its container. Use as the loading state for a page or
+* embedded app when no layout-specific shimmer exists.
+*/
+const LayoutLoadingSpinner = () => /* @__PURE__ */ jsxs(Container, {
+	role: "status",
+	"aria-label": "loading spinner",
+	children: [/* @__PURE__ */ jsx(VisuallyHidden, { children: "Loading..." }), /* @__PURE__ */ jsx(Ring, {
+		viewBox: "0 0 52 52",
+		width: 120,
+		height: 120,
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsx(RingStroke, {
+			cx: "26",
+			cy: "26",
+			r: "25",
+			fill: "none"
+		})
+	})]
+});
+//#endregion
+export { LayoutLoadingSpinner };
+
+//# sourceMappingURL=index.mjs.map

package/dist/patterns/LayoutLoadingSpinner/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../patterns/LayoutLoadingSpinner/LayoutLoadingSpinner.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { Color } from '@persona/design-tokens';\nimport { fadeIn, rotate } from 'design-system/variables/keyframes';\n\nconst Container = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  width: 100%;\n  animation: ${fadeIn} 1s;\n`;\n\nconst VisuallyHidden = styled.span`\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n`;\n\nconst Ring = styled.svg`\n  display: block;\n  border-radius: 50%;\n  animation: ${rotate} 0.9s linear infinite;\n`;\n\nconst RingStroke = styled.circle`\n  stroke: ${Color.PrimaryPurple};\n  stroke-dasharray: 166;\n  stroke-dashoffset: 110;\n  stroke-linecap: round;\n`;\n\n/**\n * Centered 120px loading ring that fills its container. Use as the loading state for a page or\n * embedded app when no layout-specific shimmer exists.\n */\nexport const LayoutLoadingSpinner = () => (\n  <Container role='status' aria-label='loading spinner'>\n    <VisuallyHidden>Loading...</VisuallyHidden>\n    <Ring viewBox='0 0 52 52' width={120} height={120} aria-hidden='true'>\n      <RingStroke cx='26' cy='26' r='25' fill='none' />\n    </Ring>\n  </Container>\n);\n"],"mappings":";;;;;AAKA,MAAM,YAAY,OAAO,GAAG;;;;;;eAMb,OAAO;;AAGtB,MAAM,iBAAiB,OAAO,IAAI;;;;;;;;AASlC,MAAM,OAAO,OAAO,GAAG;;;eAGR,OAAO;;AAGtB,MAAM,aAAa,OAAO,MAAM;YACpB,MAAM,cAAc;;;;;;;;;AAUhC,MAAa,6BACX,qBAAC,WAAD;CAAW,MAAK;CAAS,cAAW;WAApC,CACE,oBAAC,gBAAD,EAAA,UAAgB,cAA2B,CAAA,EAC3C,oBAAC,MAAD;EAAM,SAAQ;EAAY,OAAO;EAAK,QAAQ;EAAK,eAAY;YAC7D,oBAAC,YAAD;GAAY,IAAG;GAAK,IAAG;GAAK,GAAE;GAAK,MAAK;GAAS,CAAA;EAC5C,CAAA,CACG"}

package/dist/patterns/PageLayout/index.mjs

@@ -1,5 +1,5 @@
+import { a as styled } from "../../styledComponentsInterop-8zScIQyC.mjs";
 import { Spacing } from "@persona/design-tokens";
-import styled from "styled-components";
 import { jsx } from "react/jsx-runtime";
 //#region patterns/PageLayout/PageLayout.tsx
 const Backdrop = styled.div`

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/styledComponentsInterop-8zScIQyC.mjs

@@ -0,0 +1,33 @@
+import * as namespace from "styled-components";
+//#region lib/styledComponentsInterop.ts
+/**
+* `styled-components` with its default export normalized across module systems.
+*
+* styled-components@5 ships no `exports` map, so a bundler (Vite/rollup) resolves the bare
+* specifier to the ESM build while Node resolves it to the CJS build. Under Node's CJS→ESM interop
+* the ESM `default` binding is the whole `module.exports` object, so `import styled from
+* 'styled-components'` yields the namespace and `styled.button` is undefined. That is what happens
+* when a consumer's Vitest run loads `@persona/design-system/dist/**` from `node_modules` without
+* inlining it. The tsdown build (see `tsdown.config.ts`) redirects every `styled-components`
+* import in the emitted bundle to this module; source files keep importing `styled-components`
+* directly so `babel-plugin-styled-components` still sees them in the monolith.
+*/
+const isCjsModuleExports = (value) => typeof value === "object" && value != null && "default" in value;
+/**
+* Returns the module with `default` pointing at the real `styled` factory, whichever build Node or
+* the bundler resolved. Exported for the spec; runtime callers use the re-exports below.
+*/
+const normalizeStyledComponents = (mod) => {
+	if (mod.default != null && isCjsModuleExports(mod.default)) return {
+		...mod.default,
+		default: mod.default.default ?? mod.default
+	};
+	return mod;
+};
+const resolved = normalizeStyledComponents(namespace);
+const styled = resolved.default;
+const { ServerStyleSheet, StyleSheetManager, ThemeConsumer, ThemeContext, ThemeProvider, createGlobalStyle, css, isStyledComponent, keyframes, useTheme, withTheme } = resolved;
+//#endregion
+export { styled as a, keyframes as i, createGlobalStyle as n, css as r, ThemeProvider as t };
+
+//# sourceMappingURL=styledComponentsInterop-8zScIQyC.mjs.map

package/dist/styledComponentsInterop-8zScIQyC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styledComponentsInterop-8zScIQyC.mjs","names":[],"sources":["../lib/styledComponentsInterop.ts"],"sourcesContent":["/**\n * `styled-components` with its default export normalized across module systems.\n *\n * styled-components@5 ships no `exports` map, so a bundler (Vite/rollup) resolves the bare\n * specifier to the ESM build while Node resolves it to the CJS build. Under Node's CJS→ESM interop\n * the ESM `default` binding is the whole `module.exports` object, so `import styled from\n * 'styled-components'` yields the namespace and `styled.button` is undefined. That is what happens\n * when a consumer's Vitest run loads `@persona/design-system/dist/**` from `node_modules` without\n * inlining it. The tsdown build (see `tsdown.config.ts`) redirects every `styled-components`\n * import in the emitted bundle to this module; source files keep importing `styled-components`\n * directly so `babel-plugin-styled-components` still sees them in the monolith.\n */\nimport * as namespace from 'styled-components';\n\ntype StyledComponents = typeof import('styled-components');\ntype StyledDefault = StyledComponents['default'];\n\ntype CjsModuleExports = StyledComponents & { default?: StyledDefault };\n\ninterface InteropNamespace {\n  default?: StyledDefault | CjsModuleExports;\n}\n\nconst isCjsModuleExports = (value: InteropNamespace['default']): value is CjsModuleExports =>\n  typeof value === 'object' && value != null && 'default' in value;\n\n/**\n * Returns the module with `default` pointing at the real `styled` factory, whichever build Node or\n * the bundler resolved. Exported for the spec; runtime callers use the re-exports below.\n */\nexport const normalizeStyledComponents = (mod: InteropNamespace): StyledComponents => {\n  if (mod.default != null && isCjsModuleExports(mod.default)) {\n    return {\n      ...mod.default,\n      default: mod.default.default ?? (mod.default as unknown as StyledDefault),\n    };\n  }\n  return mod as unknown as StyledComponents;\n};\n\nconst resolved = normalizeStyledComponents(namespace as unknown as InteropNamespace);\n\nconst styled: StyledDefault = resolved.default;\n\nexport default styled;\nexport const {\n  ServerStyleSheet,\n  StyleSheetManager,\n  ThemeConsumer,\n  ThemeContext,\n  ThemeProvider,\n  createGlobalStyle,\n  css,\n  isStyledComponent,\n  keyframes,\n  useTheme,\n  withTheme,\n} = resolved;\n"],"mappings":";;;;;;;;;;;;;;AAuBA,MAAM,sBAAsB,UAC1B,OAAO,UAAU,YAAY,SAAS,QAAQ,aAAa;;;;;AAM7D,MAAa,6BAA6B,QAA4C;AACpF,KAAI,IAAI,WAAW,QAAQ,mBAAmB,IAAI,QAAQ,CACxD,QAAO;EACL,GAAG,IAAI;EACP,SAAS,IAAI,QAAQ,WAAY,IAAI;EACtC;AAEH,QAAO;;AAGT,MAAM,WAAW,0BAA0B,UAAyC;AAEpF,MAAM,SAAwB,SAAS;AAGvC,MAAa,EACX,kBACA,mBACA,eACA,cACA,eACA,mBACA,KACA,mBACA,WACA,UACA,cACE"}

package/dist/{text-BaQdW8qa.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-BaQdW8qa.d.mts.map
+//# sourceMappingURL=text-DjTGRUM1.d.mts.map

package/dist/{theme-D9Y6NOzb.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-D9Y6NOzb.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-D9Y6NOzb.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-NJtAxsU1.d.mts → types-B5VmRRMR.d.mts}

@@ -1,4 +1,4 @@
-import { a as FilterField, c as FilterOperator, u as FilterRuleValue } from "./types-C-TkDdkG.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-NJtAxsU1.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-TV9nVfSe.d.mts → types-Cg3aXHUh2.d.mts}

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

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

@@ -2,6 +2,8 @@
 interface AttributeColumn {
   key: string;
   label: string;
+  /** Presentation-only; never persisted into a saved view. */
+  isCustomField?: boolean;
 }
 interface BaseFilterConfig {
   id: string;
@@ -22,4 +24,4 @@ interface BaseActiveFilter<TFilter extends BaseFilterConfig = BaseFilterConfig>
 }
 //#endregion
 export { BaseActiveFilter as n, BaseFilterConfig as r, AttributeColumn as t };
-//# sourceMappingURL=types-DEh_pXgS.d.mts.map
+//# sourceMappingURL=types-Df0D37uh.d.mts.map

package/dist/{types-C-TkDdkG.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-C-TkDdkG.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-DEh_pXgS.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-C-TkDdkG.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-NJtAxsU1.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-TV9nVfSe.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-DJGTMf1_.mjs";
+import { p as FooterAction } from "./ComboboxBase-BkSpdmsT.mjs";
 import { KeyboardEvent } from "react";
 
 //#region components/Combobox/useComboboxFooterAction.d.ts

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

@@ -1,5 +1,5 @@
-import { f as FilterStateV2, l as FilterRule, n as CompoundExpression } from "./types-C-TkDdkG.mjs";
-import { t as FieldRegistry } from "./FieldRegistry-DdA63Vnh.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-C4itmN4S.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-C4itmN4S.mjs";
+import { n as UseFilterStateV2Result, r as useFilterStateV2, t as UseFilterStateV2Options } from "./useFilterStateV2-BB14vCC-.mjs";
 export { UseFilterStateV2Options, UseFilterStateV2Result, useFilterStateV2 };

package/dist/{useFormField-eftOPiXj.mjs → useFormField-Bz2iMPBO.mjs}

@@ -1,4 +1,4 @@
-import { n as useFormGroup } from "./useFormGroup-BMukAMAd.mjs";
+import { n as useFormGroup } from "./useFormGroup-CaTiD_Yt.mjs";
 import { createContext, useContext } from "react";
 //#region components/FormControl/useFormField.ts
 const FormControlContext = createContext({});
@@ -22,4 +22,4 @@ const useFormField = (props) => {
 //#endregion
 export { useFormField as n, FormControlContext as t };
 
-//# sourceMappingURL=useFormField-eftOPiXj.mjs.map
+//# sourceMappingURL=useFormField-Bz2iMPBO.mjs.map

package/dist/{useFormField-eftOPiXj.mjs.map → useFormField-Bz2iMPBO.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useFormField-eftOPiXj.mjs","names":[],"sources":["../components/FormControl/useFormField.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport useFormGroup from 'design-system/components/ConfigFormGroup/useFormGroup';\nimport type ErrorProps from 'design-system/types/ErrorProps';\n\nexport interface FormControlContextProps extends ErrorProps {\n  inputId?: string;\n  helperTextId?: string;\n  errorTextId?: string;\n  warningTextId?: string;\n  labelId?: string;\n  disabled?: boolean;\n  maxLength?: number;\n  configField?: boolean;\n}\n\nexport const FormControlContext = createContext<FormControlContextProps>({});\n\nconst useFormField = (props: Partial<FormControlContextProps>) => {\n  const group = useFormGroup();\n  const field = useContext(FormControlContext);\n\n  const inputId = props.inputId ?? field.inputId;\n\n  return {\n    configField: props.configField ?? group.configField,\n    hasError: props.hasError ?? field.hasError,\n    hasWarning: props.hasWarning ?? field.hasWarning,\n    inputId,\n    helperTextId: props.helperTextId ?? field.helperTextId,\n    errorTextId: props.errorTextId ?? field.errorTextId,\n    warningTextId: props.warningTextId ?? field.warningTextId,\n    labelId: props.labelId ?? field.labelId,\n    disabled: props.disabled ?? field.disabled,\n    maxLength: props.maxLength ?? field.maxLength,\n  };\n};\n\nexport default useFormField;\n"],"mappings":";;;AAgBA,MAAa,qBAAqB,cAAuC,EAAE,CAAC;AAE5E,MAAM,gBAAgB,UAA4C;CAChE,MAAM,QAAQ,cAAc;CAC5B,MAAM,QAAQ,WAAW,mBAAmB;CAE5C,MAAM,UAAU,MAAM,WAAW,MAAM;AAEvC,QAAO;EACL,aAAa,MAAM,eAAe,MAAM;EACxC,UAAU,MAAM,YAAY,MAAM;EAClC,YAAY,MAAM,cAAc,MAAM;EACtC;EACA,cAAc,MAAM,gBAAgB,MAAM;EAC1C,aAAa,MAAM,eAAe,MAAM;EACxC,eAAe,MAAM,iBAAiB,MAAM;EAC5C,SAAS,MAAM,WAAW,MAAM;EAChC,UAAU,MAAM,YAAY,MAAM;EAClC,WAAW,MAAM,aAAa,MAAM;EACrC"}
+{"version":3,"file":"useFormField-Bz2iMPBO.mjs","names":[],"sources":["../components/FormControl/useFormField.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport useFormGroup from 'design-system/components/ConfigFormGroup/useFormGroup';\nimport type ErrorProps from 'design-system/types/ErrorProps';\n\nexport interface FormControlContextProps extends ErrorProps {\n  inputId?: string;\n  helperTextId?: string;\n  errorTextId?: string;\n  warningTextId?: string;\n  labelId?: string;\n  disabled?: boolean;\n  maxLength?: number;\n  configField?: boolean;\n}\n\nexport const FormControlContext = createContext<FormControlContextProps>({});\n\nconst useFormField = (props: Partial<FormControlContextProps>) => {\n  const group = useFormGroup();\n  const field = useContext(FormControlContext);\n\n  const inputId = props.inputId ?? field.inputId;\n\n  return {\n    configField: props.configField ?? group.configField,\n    hasError: props.hasError ?? field.hasError,\n    hasWarning: props.hasWarning ?? field.hasWarning,\n    inputId,\n    helperTextId: props.helperTextId ?? field.helperTextId,\n    errorTextId: props.errorTextId ?? field.errorTextId,\n    warningTextId: props.warningTextId ?? field.warningTextId,\n    labelId: props.labelId ?? field.labelId,\n    disabled: props.disabled ?? field.disabled,\n    maxLength: props.maxLength ?? field.maxLength,\n  };\n};\n\nexport default useFormField;\n"],"mappings":";;;AAgBA,MAAa,qBAAqB,cAAuC,EAAE,CAAC;AAE5E,MAAM,gBAAgB,UAA4C;CAChE,MAAM,QAAQ,cAAc;CAC5B,MAAM,QAAQ,WAAW,mBAAmB;CAE5C,MAAM,UAAU,MAAM,WAAW,MAAM;AAEvC,QAAO;EACL,aAAa,MAAM,eAAe,MAAM;EACxC,UAAU,MAAM,YAAY,MAAM;EAClC,YAAY,MAAM,cAAc,MAAM;EACtC;EACA,cAAc,MAAM,gBAAgB,MAAM;EAC1C,aAAa,MAAM,eAAe,MAAM;EACxC,eAAe,MAAM,iBAAiB,MAAM;EAC5C,SAAS,MAAM,WAAW,MAAM;EAChC,UAAU,MAAM,YAAY,MAAM;EAClC,WAAW,MAAM,aAAa,MAAM;EACrC"}

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

@@ -1,4 +1,4 @@
-import { t as ErrorProps } from "./ErrorProps-CN2XjaOX.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-B2U4GOH4.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-B2U4GOH4.mjs";
+import { n as FormControlContextProps, r as useFormField, t as FormControlContext } from "./useFormField-CQo08dR4.mjs";
 export { FormControlContext, FormControlContextProps, useFormField as default };

package/dist/{useFormGroup-BMukAMAd.mjs → useFormGroup-CaTiD_Yt.mjs}

@@ -11,4 +11,4 @@ const useFormGroup = (props) => {
 //#endregion
 export { useFormGroup as n, FormGroupContext as t };
 
-//# sourceMappingURL=useFormGroup-BMukAMAd.mjs.map
+//# sourceMappingURL=useFormGroup-CaTiD_Yt.mjs.map

package/dist/{useFormGroup-BMukAMAd.mjs.map → useFormGroup-CaTiD_Yt.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useFormGroup-BMukAMAd.mjs","names":[],"sources":["../components/ConfigFormGroup/useFormGroup.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface FormGroupContextProps {\n  configField?: boolean;\n  /**\n   * The z-index to use when labels are rendered as tooltips (e.g. when configField is true).\n   */\n  labelTooltipZIndex?: number;\n}\n\nexport const FormGroupContext = createContext<FormGroupContextProps>({});\n\nconst useFormGroup = (props?: Partial<FormGroupContextProps>) => {\n  const field = useContext(FormGroupContext);\n\n  return {\n    configField: props?.configField ?? field.configField,\n    labelTooltipZIndex: props?.labelTooltipZIndex ?? field.labelTooltipZIndex,\n  };\n};\n\nexport default useFormGroup;\n"],"mappings":";;AAUA,MAAa,mBAAmB,cAAqC,EAAE,CAAC;AAExE,MAAM,gBAAgB,UAA2C;CAC/D,MAAM,QAAQ,WAAW,iBAAiB;AAE1C,QAAO;EACL,aAAa,OAAO,eAAe,MAAM;EACzC,oBAAoB,OAAO,sBAAsB,MAAM;EACxD"}
+{"version":3,"file":"useFormGroup-CaTiD_Yt.mjs","names":[],"sources":["../components/ConfigFormGroup/useFormGroup.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface FormGroupContextProps {\n  configField?: boolean;\n  /**\n   * The z-index to use when labels are rendered as tooltips (e.g. when configField is true).\n   */\n  labelTooltipZIndex?: number;\n}\n\nexport const FormGroupContext = createContext<FormGroupContextProps>({});\n\nconst useFormGroup = (props?: Partial<FormGroupContextProps>) => {\n  const field = useContext(FormGroupContext);\n\n  return {\n    configField: props?.configField ?? field.configField,\n    labelTooltipZIndex: props?.labelTooltipZIndex ?? field.labelTooltipZIndex,\n  };\n};\n\nexport default useFormGroup;\n"],"mappings":";;AAUA,MAAa,mBAAmB,cAAqC,EAAE,CAAC;AAExE,MAAM,gBAAgB,UAA2C;CAC/D,MAAM,QAAQ,WAAW,iBAAiB;AAE1C,QAAO;EACL,aAAa,OAAO,eAAe,MAAM;EACzC,oBAAoB,OAAO,sBAAsB,MAAM;EACxD"}

package/dist/{useTableBoxDragAndDrop-CpemHLhL.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-CpemHLhL.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-CpemHLhL.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-DJGTMf1_.mjs";
+import { i as ComboboxOption } from "./ComboboxBase-BkSpdmsT.mjs";
 import { MutableRefObject, RefObject } from "react";
 
 //#region components/Combobox/useTruncation.d.ts

package/dist/{utilities-DnSIlR1i.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-DnSIlR1i.d.mts.map
+//# sourceMappingURL=utilities-BHMNnJ8h.d.mts.map

package/dist/utilities.d.mts

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

package/dist/utils/storybook.mjs

@@ -1,4 +1,4 @@
-import { n as Stack } from "../Stack-Bl54WmhY.mjs";
+import { n as Stack } from "../Stack-Bre2oiov.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region utils/storybook.tsx
 const withStack = (Story) => {

package/dist/utils/testing.d.mts

@@ -1,6 +1,6 @@
+import { ReactElement } from "react";
 import * as _$_testing_library_react0 from "@testing-library/react";
 import { RenderOptions, screen } from "@testing-library/react";
-import { ReactElement } from "react";
 import * as _$_testing_library_dom_types_queries0 from "@testing-library/dom/types/queries";
 
 //#region utils/testing.d.ts

package/dist/utils/testing.mjs

@@ -1,7 +1,7 @@
 import PDSProvider from "../lib/PDSProvider.mjs";
+import { RouterProvider } from "react-aria-components";
 import { Fragment, jsx } from "react/jsx-runtime";
 import { render, screen } from "@testing-library/react";
-import { RouterProvider } from "react-aria-components";
 import { RouterProvider as RouterProvider$1, createMemoryRouter } from "react-router-dom";
 //#region utils/testing.tsx
 const AllTheProviders = ({ children, includeRouter = false }) => {

package/dist/utils.d.mts

@@ -1,4 +1,4 @@
-import { u as FilterRuleValue } from "./types-C-TkDdkG.mjs";
+import { u as FilterRuleValue } from "./types-V8UJX-rk.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/value-controls/utils.d.ts
 /**