@persona/design-system 0.7.1 → 0.7.2

package/dist/patterns/LayoutLoadingShimmer/index.mjs

@@ -3,7 +3,7 @@ import { n as Stack, t as HStack } from "../../Stack-ChsImaEY.mjs";
 import { t as LoadingShimmer } from "../../LoadingShimmer-Dizk2sZu.mjs";
 import { t as Card_default } from "../../CardV2-M3o4BELp.mjs";
 import { h as Table, m as TableHeaderCell, n as TableBody, p as TableRow, r as TableHead, s as TableCell } from "../../Table-B1gRr2XT.mjs";
-import { n as PageHeaderContainer } from "../../PageHeader-DJOlcAiW.mjs";
+import { n as PageHeaderContainer } from "../../PageHeader-BTtm3hRQ.mjs";
 import { Color, Spacing } from "@persona/design-tokens";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region patterns/containers.tsx

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

@@ -1,2 +1,5 @@
 import { Backdrop, Container, Section } from "../../PageLayout.mjs";
-export { Backdrop, Container, Section };
+import { PageLayoutWidth } from "../../PageLayoutFrame.mjs";
+import { SingleColumnLayout, SingleColumnLayoutProps } from "../../SingleColumnLayout.mjs";
+import { SplitColumnLayout, SplitColumnLayoutProps } from "../../SplitColumnLayout.mjs";
+export { Backdrop, Container, type PageLayoutWidth, Section, SingleColumnLayout, type SingleColumnLayoutProps, SplitColumnLayout, type SplitColumnLayoutProps };

package/dist/patterns/PageLayout/index.mjs

@@ -1,6 +1,9 @@
 import { a as styled } from "../../styledComponentsInterop-NxwFjeA4.mjs";
+import { n as Stack } from "../../Stack-ChsImaEY.mjs";
+import { i as useGridBreakpoint, n as GRID_BREAKPOINTS, r as Grid, t as GridItem } from "../../Grid-DOyYYsvk.mjs";
 import { Spacing } from "@persona/design-tokens";
-import { jsx } from "react/jsx-runtime";
+import { useLayoutEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region patterns/PageLayout/PageLayout.tsx
 const Backdrop = styled.div`
   position: relative;
@@ -30,6 +33,100 @@ const Section = styled("div")`
   padding: ${Spacing[7]};
 `;
 //#endregion
-export { Backdrop, Container, Section };
+//#region patterns/PageLayout/PageLayoutFrame.tsx
+const topPadding = (condensed) => condensed ? Spacing[5] : Spacing[6];
+const Root = styled.div`
+  width: 100%;
+  min-width: ${GRID_BREAKPOINTS.sm - 1}px;
+  padding-top: ${({ $condensed, $tabs }) => $tabs ? Spacing[5] : topPadding($condensed)};
+  padding-bottom: ${({ $condensed }) => topPadding($condensed)};
+`;
+const gridMode = (width) => width === "wide" ? "fluid" : "fixed";
+const FullWidthBand = ({ mode, children }) => /* @__PURE__ */ jsx(Grid, {
+	mode,
+	children: /* @__PURE__ */ jsx(GridItem, {
+		span: 12,
+		children
+	})
+});
+const PageLayoutFrame = ({ width = "standard", tabs, pageNotice, children }) => {
+	const mode = gridMode(width);
+	const ref = useRef(null);
+	const [condensed, setCondensed] = useState(false);
+	useLayoutEffect(() => {
+		const node = ref.current;
+		if (!node) return;
+		const update = () => setCondensed(node.offsetWidth < GRID_BREAKPOINTS.md);
+		update();
+		const observer = new ResizeObserver(update);
+		observer.observe(node);
+		return () => observer.disconnect();
+	}, []);
+	return /* @__PURE__ */ jsx(Root, {
+		ref,
+		$condensed: condensed,
+		$tabs: Boolean(tabs),
+		children: /* @__PURE__ */ jsxs(Stack, {
+			spacing: Spacing[5],
+			children: [
+				tabs && /* @__PURE__ */ jsx(FullWidthBand, {
+					mode,
+					children: tabs
+				}),
+				pageNotice && /* @__PURE__ */ jsx(FullWidthBand, {
+					mode,
+					children: pageNotice
+				}),
+				/* @__PURE__ */ jsx(Grid, {
+					mode,
+					children
+				})
+			]
+		})
+	});
+};
+//#endregion
+//#region patterns/PageLayout/SingleColumnLayout.tsx
+const SingleColumnLayout = ({ main, ...chrome }) => /* @__PURE__ */ jsx(PageLayoutFrame, {
+	...chrome,
+	children: /* @__PURE__ */ jsx(GridItem, {
+		span: 12,
+		children: /* @__PURE__ */ jsx(Stack, {
+			spacing: Spacing[4],
+			children: main
+		})
+	})
+});
+//#endregion
+//#region patterns/PageLayout/SplitColumnLayout.tsx
+const SPLIT_COLUMN_SPANS = {
+	main: 8,
+	aside: 4
+};
+const Region = ({ children }) => /* @__PURE__ */ jsx(Stack, {
+	spacing: Spacing[4],
+	children
+});
+const SplitBody = ({ main, aside }) => {
+	const stacked = useGridBreakpoint() === "xs";
+	const mainSpan = stacked ? 12 : SPLIT_COLUMN_SPANS.main;
+	const asideSpan = stacked ? 12 : SPLIT_COLUMN_SPANS.aside;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(GridItem, {
+		span: mainSpan,
+		children: /* @__PURE__ */ jsx(Region, { children: main })
+	}), /* @__PURE__ */ jsx(GridItem, {
+		span: asideSpan,
+		children: /* @__PURE__ */ jsx("aside", { children: /* @__PURE__ */ jsx(Region, { children: aside }) })
+	})] });
+};
+const SplitColumnLayout = ({ main, aside, ...chrome }) => /* @__PURE__ */ jsx(PageLayoutFrame, {
+	...chrome,
+	children: /* @__PURE__ */ jsx(SplitBody, {
+		main,
+		aside
+	})
+});
+//#endregion
+export { Backdrop, Container, Section, SingleColumnLayout, SplitColumnLayout };
 
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../patterns/PageLayout/PageLayout.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport styled from 'styled-components';\n\nimport { Spacing } from '@persona/design-tokens';\n\nexport const Backdrop = styled.div`\n  position: relative;\n  width: 100%;\n  padding: ${Spacing[7]} ${Spacing[5]};\n\n  display: flex;\n  flex-direction: column;\n`;\n\nconst StyledContainer = styled('div')`\n  position: relative;\n  width: 100%;\n  padding: 0;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nexport const Container = ({\n  children,\n  ...rest\n}: { children: ReactNode } & ComponentPropsWithoutRef<'div'>) => {\n  return <StyledContainer {...rest}>{children}</StyledContainer>;\n};\n\nexport const Section = styled('div')`\n  width: 100%;\n  padding: ${Spacing[7]};\n`;\n"],"mappings":";;;;AAKA,MAAa,WAAW,OAAO,GAAG;;;aAGrB,QAAQ,GAAG,GAAG,QAAQ,GAAG;;;;;AAMtC,MAAM,kBAAkB,OAAO,MAAM;;;;;;;;;AAUrC,MAAa,aAAa,EACxB,UACA,GAAG,WAC4D;AAC/D,QAAO,oBAAC,iBAAD;EAAiB,GAAI;EAAO;EAA2B,CAAA;;AAGhE,MAAa,UAAU,OAAO,MAAM;;aAEvB,QAAQ,GAAG"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../patterns/PageLayout/PageLayout.tsx","../../../patterns/PageLayout/PageLayoutFrame.tsx","../../../patterns/PageLayout/SingleColumnLayout.tsx","../../../patterns/PageLayout/SplitColumnLayout.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport styled from 'styled-components';\n\nimport { Spacing } from '@persona/design-tokens';\n\nexport const Backdrop = styled.div`\n  position: relative;\n  width: 100%;\n  padding: ${Spacing[7]} ${Spacing[5]};\n\n  display: flex;\n  flex-direction: column;\n`;\n\nconst StyledContainer = styled('div')`\n  position: relative;\n  width: 100%;\n  padding: 0;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nexport const Container = ({\n  children,\n  ...rest\n}: { children: ReactNode } & ComponentPropsWithoutRef<'div'>) => {\n  return <StyledContainer {...rest}>{children}</StyledContainer>;\n};\n\nexport const Section = styled('div')`\n  width: 100%;\n  padding: ${Spacing[7]};\n`;\n","import { type ReactNode, useLayoutEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { Spacing } from '@persona/design-tokens';\nimport Grid, { GRID_BREAKPOINTS, GridItem } from 'design-system/components/Grid';\nimport { Stack } from 'design-system/components/Stack';\n\nexport type PageLayoutWidth = 'standard' | 'wide';\n\nexport interface PageLayoutChromeProps {\n  /**\n   * `standard` uses the fixed grid (centered, max 1408px). `wide` uses the fluid grid.\n   *\n   * @defaultValue 'standard'\n   */\n  width?: PageLayoutWidth;\n  /** Tab group. Sits above the page notice and scrolls with the page. Omit to skip the region and its gap. */\n  tabs?: ReactNode;\n  /** Page notice under the tabs. Omit to skip the region and its gap. */\n  pageNotice?: ReactNode;\n}\n\nconst topPadding = (condensed: boolean) => (condensed ? Spacing[5] : Spacing[6]);\n\nconst Root = styled.div<{ $condensed: boolean; $tabs: boolean }>`\n  width: 100%;\n  min-width: ${GRID_BREAKPOINTS.sm - 1}px;\n  padding-top: ${({ $condensed, $tabs }) => ($tabs ? Spacing[5] : topPadding($condensed))};\n  padding-bottom: ${({ $condensed }) => topPadding($condensed)};\n`;\n\nconst gridMode = (width: PageLayoutWidth): 'fixed' | 'fluid' =>\n  width === 'wide' ? 'fluid' : 'fixed';\n\nconst FullWidthBand = ({ mode, children }: { mode: 'fixed' | 'fluid'; children: ReactNode }) => (\n  <Grid mode={mode}>\n    <GridItem span={12}>{children}</GridItem>\n  </Grid>\n);\n\nexport const PageLayoutFrame = ({\n  width = 'standard',\n  tabs,\n  pageNotice,\n  children,\n}: PageLayoutChromeProps & { children: ReactNode }) => {\n  const mode = gridMode(width);\n  const ref = useRef<HTMLDivElement>(null);\n  const [condensed, setCondensed] = useState(false);\n\n  useLayoutEffect(() => {\n    const node = ref.current;\n    if (!node) {\n      return;\n    }\n    const update = () => setCondensed(node.offsetWidth < GRID_BREAKPOINTS.md);\n    update();\n    const observer = new ResizeObserver(update);\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, []);\n\n  return (\n    <Root ref={ref} $condensed={condensed} $tabs={Boolean(tabs)}>\n      <Stack spacing={Spacing[5]}>\n        {tabs && <FullWidthBand mode={mode}>{tabs}</FullWidthBand>}\n        {pageNotice && <FullWidthBand mode={mode}>{pageNotice}</FullWidthBand>}\n        <Grid mode={mode}>{children}</Grid>\n      </Stack>\n    </Root>\n  );\n};\n","import type { ReactNode } from 'react';\n\nimport { Spacing } from '@persona/design-tokens';\nimport { GridItem } from 'design-system/components/Grid';\nimport { Stack } from 'design-system/components/Stack';\n\nimport { PageLayoutFrame, type PageLayoutChromeProps } from './PageLayoutFrame';\n\nexport interface SingleColumnLayoutProps extends PageLayoutChromeProps {\n  /** Primary page content. Direct children stack vertically. */\n  main: ReactNode;\n}\n\nexport const SingleColumnLayout = ({ main, ...chrome }: SingleColumnLayoutProps) => (\n  <PageLayoutFrame {...chrome}>\n    <GridItem span={12}>\n      <Stack spacing={Spacing[4]}>{main}</Stack>\n    </GridItem>\n  </PageLayoutFrame>\n);\n","import type { ReactNode } from 'react';\n\nimport { Spacing } from '@persona/design-tokens';\nimport { GridItem, type GridSpan, useGridBreakpoint } from 'design-system/components/Grid';\nimport { Stack } from 'design-system/components/Stack';\n\nimport { PageLayoutFrame, type PageLayoutChromeProps } from './PageLayoutFrame';\n\nconst SPLIT_COLUMN_SPANS = { main: 8, aside: 4 } as const satisfies Record<string, GridSpan>;\n\nexport interface SplitColumnLayoutProps extends PageLayoutChromeProps {\n  /** Primary column. Direct children stack vertically and stay in this column. */\n  main: ReactNode;\n  /** Supporting column. Direct children stack vertically and stay in this column. */\n  aside: ReactNode;\n}\n\nconst Region = ({ children }: { children: ReactNode }) => (\n  <Stack spacing={Spacing[4]}>{children}</Stack>\n);\n\nconst SplitBody = ({ main, aside }: { main: ReactNode; aside: ReactNode }) => {\n  const stacked = useGridBreakpoint() === 'xs';\n  const mainSpan = stacked ? 12 : SPLIT_COLUMN_SPANS.main;\n  const asideSpan = stacked ? 12 : SPLIT_COLUMN_SPANS.aside;\n\n  return (\n    <>\n      <GridItem span={mainSpan}>\n        <Region>{main}</Region>\n      </GridItem>\n      <GridItem span={asideSpan}>\n        <aside>\n          <Region>{aside}</Region>\n        </aside>\n      </GridItem>\n    </>\n  );\n};\n\nexport const SplitColumnLayout = ({ main, aside, ...chrome }: SplitColumnLayoutProps) => (\n  <PageLayoutFrame {...chrome}>\n    <SplitBody main={main} aside={aside} />\n  </PageLayoutFrame>\n);\n"],"mappings":";;;;;;;AAKA,MAAa,WAAW,OAAO,GAAG;;;aAGrB,QAAQ,GAAG,GAAG,QAAQ,GAAG;;;;;AAMtC,MAAM,kBAAkB,OAAO,MAAM;;;;;;;;;AAUrC,MAAa,aAAa,EACxB,UACA,GAAG,WAC4D;AAC/D,QAAO,oBAAC,iBAAD;EAAiB,GAAI;EAAO;EAA2B,CAAA;;AAGhE,MAAa,UAAU,OAAO,MAAM;;aAEvB,QAAQ,GAAG;;;;ACXxB,MAAM,cAAc,cAAwB,YAAY,QAAQ,KAAK,QAAQ;AAE7E,MAAM,OAAO,OAAO,GAA4C;;eAEjD,iBAAiB,KAAK,EAAE;kBACrB,EAAE,YAAY,YAAa,QAAQ,QAAQ,KAAK,WAAW,WAAW,CAAE;qBACrE,EAAE,iBAAiB,WAAW,WAAW,CAAC;;AAG/D,MAAM,YAAY,UAChB,UAAU,SAAS,UAAU;AAE/B,MAAM,iBAAiB,EAAE,MAAM,eAC7B,oBAAC,MAAD;CAAY;WACV,oBAAC,UAAD;EAAU,MAAM;EAAK;EAAoB,CAAA;CACpC,CAAA;AAGT,MAAa,mBAAmB,EAC9B,QAAQ,YACR,MACA,YACA,eACqD;CACrD,MAAM,OAAO,SAAS,MAAM;CAC5B,MAAM,MAAM,OAAuB,KAAK;CACxC,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;AAEjD,uBAAsB;EACpB,MAAM,OAAO,IAAI;AACjB,MAAI,CAAC,KACH;EAEF,MAAM,eAAe,aAAa,KAAK,cAAc,iBAAiB,GAAG;AACzE,UAAQ;EACR,MAAM,WAAW,IAAI,eAAe,OAAO;AAC3C,WAAS,QAAQ,KAAK;AACtB,eAAa,SAAS,YAAY;IACjC,EAAE,CAAC;AAEN,QACE,oBAAC,MAAD;EAAW;EAAK,YAAY;EAAW,OAAO,QAAQ,KAAK;YACzD,qBAAC,OAAD;GAAO,SAAS,QAAQ;aAAxB;IACG,QAAQ,oBAAC,eAAD;KAAqB;eAAO;KAAqB,CAAA;IACzD,cAAc,oBAAC,eAAD;KAAqB;eAAO;KAA2B,CAAA;IACtE,oBAAC,MAAD;KAAY;KAAO;KAAgB,CAAA;IAC7B;;EACH,CAAA;;;;ACxDX,MAAa,sBAAsB,EAAE,MAAM,GAAG,aAC5C,oBAAC,iBAAD;CAAiB,GAAI;WACnB,oBAAC,UAAD;EAAU,MAAM;YACd,oBAAC,OAAD;GAAO,SAAS,QAAQ;aAAK;GAAa,CAAA;EACjC,CAAA;CACK,CAAA;;;ACVpB,MAAM,qBAAqB;CAAE,MAAM;CAAG,OAAO;CAAG;AAShD,MAAM,UAAU,EAAE,eAChB,oBAAC,OAAD;CAAO,SAAS,QAAQ;CAAK;CAAiB,CAAA;AAGhD,MAAM,aAAa,EAAE,MAAM,YAAmD;CAC5E,MAAM,UAAU,mBAAmB,KAAK;CACxC,MAAM,WAAW,UAAU,KAAK,mBAAmB;CACnD,MAAM,YAAY,UAAU,KAAK,mBAAmB;AAEpD,QACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,UAAD;EAAU,MAAM;YACd,oBAAC,QAAD,EAAA,UAAS,MAAc,CAAA;EACd,CAAA,EACX,oBAAC,UAAD;EAAU,MAAM;YACd,oBAAC,SAAD,EAAA,UACE,oBAAC,QAAD,EAAA,UAAS,OAAe,CAAA,EAClB,CAAA;EACC,CAAA,CACV,EAAA,CAAA;;AAIP,MAAa,qBAAqB,EAAE,MAAM,OAAO,GAAG,aAClD,oBAAC,iBAAD;CAAiB,GAAI;WACnB,oBAAC,WAAD;EAAiB;EAAa;EAAS,CAAA;CACvB,CAAA"}

package/dist/reactRouterFallback.d.mts

@@ -1,4 +1,4 @@
-import { r as RouterLinkComponentProps } from "./types-CuQSgl1F.mjs";
+import { r as RouterLinkComponentProps } from "./types-B-stjYNc.mjs";
 import * as _$react from "react";
 import { useInRouterContext } from "react-router-dom";
 

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

@@ -1,4 +1,4 @@
-import { l as FilterRule, u as FilterRuleValue } from "./types-N8PYonjD.mjs";
+import { l as FilterRule, u as FilterRuleValue } from "./types-BEjWTkZV.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/relative-date-label.d.ts
 /**

package/dist/scrollExpandedItemIntoView.d.mts

@@ -0,0 +1,12 @@
+//#region components/Accordion/scrollExpandedItemIntoView.d.ts
+type ScrollExpandedItemTarget = {
+  itemElement: HTMLElement;
+  triggerElement: HTMLElement;
+};
+declare const findScrollContainer: (element: HTMLElement) => HTMLElement | null;
+declare const scrollExpandedItemIntoView: (target: ScrollExpandedItemTarget | null) => void;
+declare const scrollExpandedItemIntoViewAfterExpand: (target: ScrollExpandedItemTarget | null) => (() => void) | undefined;
+declare const resolveAccordionTriggerElement: (itemElement: HTMLElement | null) => HTMLElement | null;
+//#endregion
+export { ScrollExpandedItemTarget, findScrollContainer, resolveAccordionTriggerElement, scrollExpandedItemIntoView, scrollExpandedItemIntoViewAfterExpand };
+//# sourceMappingURL=scrollExpandedItemIntoView.d.mts.map

package/dist/{semantic-DUctmpu_.d.mts → semantic-BXwNUd4a.d.mts}

@@ -130,4 +130,4 @@ declare const semanticLight: SemanticTokens;
 declare const semanticDark: SemanticTokens;
 //#endregion
 export { semanticLight as i, SemanticTokens as n, semanticDark as r, CssPercentage as t };
-//# sourceMappingURL=semantic-DUctmpu_.d.mts.map
+//# sourceMappingURL=semantic-BXwNUd4a.d.mts.map

package/dist/{semanticColor-IAhXS17y.d.mts → semanticColor-Cru2gSys.d.mts}

@@ -1,5 +1,5 @@
-import { n as SemanticTokens, t as CssPercentage } from "./semantic-DUctmpu_.mjs";
-import { t as CssColor } from "./color-Bt0Lv1e3.mjs";
+import { n as SemanticTokens, t as CssPercentage } from "./semantic-BXwNUd4a.mjs";
+import { t as CssColor } from "./color-LH7zKfKo.mjs";
 
 //#region lib/semanticColor.d.ts
 /** PDS components also render under foreign themes (Relay, darkTheme), so `semantic` is optional. */
@@ -26,4 +26,4 @@ declare const semanticOnly: <T>(build: (tokens: SemanticTokens) => T) => ({
 }) => T | undefined;
 //#endregion
 export { semanticTokens as a, semanticOnly as i, SemanticFallback as n, semanticColor as r, MaybeSemanticTheme as t };
-//# sourceMappingURL=semanticColor-IAhXS17y.d.mts.map
+//# sourceMappingURL=semanticColor-Cru2gSys.d.mts.map

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

package/dist/{theme-DKiszVRN.d.mts → theme-CW6qlONZ.d.mts}

@@ -1,5 +1,5 @@
-import { n as SemanticTokens } from "./semantic-DUctmpu_.mjs";
-import { n as PdsColor } from "./color-Bt0Lv1e3.mjs";
+import { n as SemanticTokens } from "./semantic-BXwNUd4a.mjs";
+import { n as PdsColor } from "./color-LH7zKfKo.mjs";
 import { Color, PDSTypeStyle } from "@persona/design-tokens";
 
 //#region theme.d.ts
@@ -168,4 +168,4 @@ type PdsThemed<T extends PersonaTheme, M extends PdsThemingMode> = Omit<T, 'colo
 declare function withPdsTheming<T extends PersonaTheme, M extends PdsThemingMode>(theme: T, mode: M): PdsThemed<T, M>;
 //#endregion
 export { TextColors as a, defaultTheme as c, PersonaTheme as i, marketingFontTheme as l, PdsThemed as n, Variant as o, PdsThemingMode as r, darkTheme as s, BackgroundColors as t, withPdsTheming as u };
-//# sourceMappingURL=theme-DKiszVRN.d.mts.map
+//# sourceMappingURL=theme-CW6qlONZ.d.mts.map

package/dist/theme.d.mts

@@ -1,2 +1,2 @@
-import { a as TextColors, c as defaultTheme, i as PersonaTheme, l as marketingFontTheme, n as PdsThemed, o as Variant, r as PdsThemingMode, s as darkTheme, t as BackgroundColors, u as withPdsTheming } from "./theme-DKiszVRN.mjs";
+import { a as TextColors, c as defaultTheme, i as PersonaTheme, l as marketingFontTheme, n as PdsThemed, o as Variant, r as PdsThemingMode, s as darkTheme, t as BackgroundColors, u as withPdsTheming } from "./theme-CW6qlONZ.mjs";
 export { BackgroundColors, PdsThemed, PdsThemingMode, PersonaTheme, TextColors, Variant, darkTheme, defaultTheme as default, marketingFontTheme, withPdsTheming };

package/dist/tone.d.mts

@@ -1,6 +1,6 @@
-import { n as SemanticTokens } from "./semantic-DUctmpu_.mjs";
-import { n as PdsColor } from "./color-Bt0Lv1e3.mjs";
-import { o as StickerProps } from "./Sticker-Bf9rhSkv.mjs";
+import { n as SemanticTokens } from "./semantic-BXwNUd4a.mjs";
+import { n as PdsColor } from "./color-LH7zKfKo.mjs";
+import { o as StickerProps } from "./Sticker-BVX38LKi.mjs";
 import { Color } from "@persona/design-tokens";
 
 //#region components/Sticker/tone.d.ts

package/dist/{types-gnF3MPfk2.d.mts → types-3iEDsymE.d.mts}

@@ -1,4 +1,4 @@
-import { a as FilterField, c as FilterOperator, d as FilterRuleValueChange, l as FilterRule, u as FilterRuleValue } from "./types-N8PYonjD.mjs";
+import { a as FilterField, c as FilterOperator, d as FilterRuleValueChange, l as FilterRule, u as FilterRuleValue } from "./types-BEjWTkZV.mjs";
 import { ReactElement } from "react";
 
 //#region components/DataTable/TableControls/FiltersV2/value-controls/types.d.ts
@@ -44,4 +44,4 @@ interface ValueControlProps {
 }
 //#endregion
 export { ValueControlProps as t };
-//# sourceMappingURL=types-gnF3MPfk2.d.mts.map
+//# sourceMappingURL=types-3iEDsymE.d.mts.map

package/dist/{types-CuQSgl1F.d.mts → types-B-stjYNc.d.mts}

@@ -33,4 +33,4 @@ interface RouterAdapter {
 }
 //#endregion
 export { To as i, RouterAdapter as n, RouterLinkComponentProps as r, NavigateOptions as t };
-//# sourceMappingURL=types-CuQSgl1F.d.mts.map
+//# sourceMappingURL=types-B-stjYNc.d.mts.map

package/dist/{types-N8PYonjD.d.mts → types-BEjWTkZV.d.mts}

@@ -1,4 +1,4 @@
-import { c as RelativeDateFilterValue } from "./types-D8rWSj3z.mjs";
+import { c as RelativeDateFilterValue } from "./types-YojUycQK.mjs";
 //#region components/DataTable/TableControls/FiltersV2/types.d.ts
 /**
  * Filter UI v2 — client-side state shape.
@@ -169,4 +169,4 @@ declare const EMPTY_FILTER_STATE: FilterStateV2;
 declare function isEmptyState(state: FilterStateV2): boolean;
 //#endregion
 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-N8PYonjD.d.mts.map
+//# sourceMappingURL=types-BEjWTkZV.d.mts.map

package/dist/{types-CcZbBH0e.d.mts → types-ChkiGhjQ.d.mts}

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

package/dist/{types-D8rWSj3z.d.mts → types-YojUycQK.d.mts}

@@ -21,4 +21,4 @@ interface AbsoluteDateRange {
 }
 //#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-D8rWSj3z.d.mts.map
+//# sourceMappingURL=types-YojUycQK.d.mts.map

package/dist/{types-RWjW1d9I.d.mts → types-g-aqbnek.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-RWjW1d9I.d.mts.map
+//# sourceMappingURL=types-g-aqbnek.d.mts.map

package/dist/types.d.mts

@@ -1,2 +1,2 @@
-import { i as To, n as RouterAdapter, r as RouterLinkComponentProps, t as NavigateOptions } from "./types-CuQSgl1F.mjs";
+import { i as To, n as RouterAdapter, r as RouterLinkComponentProps, t as NavigateOptions } from "./types-B-stjYNc.mjs";
 export { NavigateOptions, RouterAdapter, RouterLinkComponentProps, To };

package/dist/types2.d.mts

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

package/dist/types3.d.mts

@@ -1,2 +1,2 @@
-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-D8rWSj3z.mjs";
+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-YojUycQK.mjs";
 export { AbsoluteDateFilterValue, AbsoluteDateRange, DATE_FILTER_PRESETS, DATE_FILTER_PRESET_LABELS, DateFilterPreset, DateFilterValue, PresetRelativeDateFilterValue, RelativeDateFilterValue };

package/dist/types4.d.mts

@@ -1,2 +1,2 @@
-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-N8PYonjD.mjs";
+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-BEjWTkZV.mjs";
 export { AndGroup, CompoundExpression, DateRangeFilterValue, EMPTY_FILTER_STATE, FilterField, FilterFieldSource, FilterFieldType, FilterOperator, FilterRule, FilterRuleValue, FilterRuleValueChange, FilterSize, FilterStateV2, TopLevelFilterRule, isEmptyState };

package/dist/types5.d.mts

@@ -1,2 +1,2 @@
-import { t as ValueControlProps } from "./types-gnF3MPfk2.mjs";
+import { t as ValueControlProps } from "./types-3iEDsymE.mjs";
 export { ValueControlProps };

package/dist/types6.d.mts

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

package/dist/{url-state-C2gl07_y.d.mts → url-state-CHK2N2fA.d.mts}

@@ -1,4 +1,4 @@
-import { p as FilterStateV2 } from "./types-N8PYonjD.mjs";
+import { p as FilterStateV2 } from "./types-BEjWTkZV.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/url-state.d.ts
 /**
@@ -39,4 +39,4 @@ declare function applyFilterStateToSearchParams(params: URLSearchParams, state:
 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-C2gl07_y.d.mts.map
+//# sourceMappingURL=url-state-CHK2N2fA.d.mts.map

package/dist/url-state.d.mts

@@ -1,2 +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-C2gl07_y.mjs";
+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-CHK2N2fA.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-B3YqkjQp.mjs";
+import { p as FooterAction } from "./ComboboxBase-Evo0FRxP.mjs";
 import { KeyboardEvent } from "react";
 
 //#region components/Combobox/useComboboxFooterAction.d.ts

package/dist/{useFilterStateV2-BQYcAdKR.d.mts → useFilterStateV2-B26e5iUx.d.mts}

@@ -1,5 +1,5 @@
-import { l as FilterRule, n as CompoundExpression, p as FilterStateV2 } from "./types-N8PYonjD.mjs";
-import { t as FieldRegistry } from "./FieldRegistry-BdtxI1N2.mjs";
+import { l as FilterRule, n as CompoundExpression, p as FilterStateV2 } from "./types-BEjWTkZV.mjs";
+import { t as FieldRegistry } from "./FieldRegistry-bKxrF1gC.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-BQYcAdKR.d.mts.map
+//# sourceMappingURL=useFilterStateV2-B26e5iUx.d.mts.map

package/dist/useFilterStateV2.d.mts

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

package/dist/{useFormField-DsvC5dOb.mjs → useFormField-BzhMbl5P.mjs}

@@ -16,10 +16,11 @@ const useFormField = (props) => {
 		warningTextId: props.warningTextId ?? field.warningTextId,
 		labelId: props.labelId ?? field.labelId,
 		disabled: props.disabled ?? field.disabled,
+		required: props.required ?? field.required,
 		maxLength: props.maxLength ?? field.maxLength
 	};
 };
 //#endregion
 export { useFormField as n, FormControlContext as t };
 
-//# sourceMappingURL=useFormField-DsvC5dOb.mjs.map
+//# sourceMappingURL=useFormField-BzhMbl5P.mjs.map

package/dist/useFormField-BzhMbl5P.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormField-BzhMbl5P.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  required?: 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    required: props.required ?? field.required,\n    maxLength: props.maxLength ?? field.maxLength,\n  };\n};\n\nexport default useFormField;\n"],"mappings":";;;AAiBA,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,UAAU,MAAM,YAAY,MAAM;EAClC,WAAW,MAAM,aAAa,MAAM;EACrC"}

package/dist/{useFormField-DDbo-ExT.d.mts → useFormField-DPFClB5h.d.mts}

@@ -1,4 +1,4 @@
-import { t as ErrorProps } from "./ErrorProps-Dgu98PkH.mjs";
+import { t as ErrorProps } from "./ErrorProps-BA0-m_Wp.mjs";
 import * as _$react from "react";
 
 //#region components/FormControl/useFormField.d.ts
@@ -9,6 +9,7 @@ interface FormControlContextProps extends ErrorProps {
   warningTextId?: string;
   labelId?: string;
   disabled?: boolean;
+  required?: boolean;
   maxLength?: number;
   configField?: boolean;
 }
@@ -23,8 +24,9 @@ declare const useFormField: (props: Partial<FormControlContextProps>) => {
   warningTextId: string | undefined;
   labelId: string | undefined;
   disabled: boolean | undefined;
+  required: boolean | undefined;
   maxLength: number | undefined;
 };
 //#endregion
 export { FormControlContextProps as n, useFormField as r, FormControlContext as t };
-//# sourceMappingURL=useFormField-DDbo-ExT.d.mts.map
+//# sourceMappingURL=useFormField-DPFClB5h.d.mts.map

package/dist/useFormField.d.mts

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

package/dist/{useLocationPathname-K2N4fw8j.d.mts → useLocationPathname-CnRd_Rzn.d.mts}

@@ -2,4 +2,4 @@
 declare const usePathname: () => string;
 //#endregion
 export { usePathname as t };
-//# sourceMappingURL=useLocationPathname-K2N4fw8j.d.mts.map
+//# sourceMappingURL=useLocationPathname-CnRd_Rzn.d.mts.map

package/dist/useLocationPathname.d.mts

@@ -1,2 +1,2 @@
-import { t as usePathname } from "./useLocationPathname-K2N4fw8j.mjs";
+import { t as usePathname } from "./useLocationPathname-CnRd_Rzn.mjs";
 export { usePathname };

package/dist/{useTableBoxDragAndDrop-CbbH3pMK.d.mts → useTableBoxDragAndDrop-DWlG5vhl.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-CbbH3pMK.d.mts.map
+//# sourceMappingURL=useTableBoxDragAndDrop-DWlG5vhl.d.mts.map

package/dist/useTableBoxDragAndDrop.d.mts

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

package/dist/useTruncation.d.mts

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

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

package/dist/utilities.d.mts

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

package/dist/utils/testing.d.mts

@@ -1,4 +1,4 @@
-import { n as RouterAdapter } from "../types-CuQSgl1F.mjs";
+import { n as RouterAdapter } from "../types-B-stjYNc.mjs";
 import { ReactElement } from "react";
 import * as _$_testing_library_react0 from "@testing-library/react";
 import { RenderOptions, screen } from "@testing-library/react";

package/dist/utils/testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testing.mjs","names":["ReactAriaRouterProvider","RouterProvider"],"sources":["../../utils/testing.tsx"],"sourcesContent":["import { render, type RenderOptions, screen } from '@testing-library/react';\nimport type { FC, PropsWithChildren, ReactElement } from 'react';\nimport { RouterProvider as ReactAriaRouterProvider } from 'react-aria-components';\nimport { createMemoryRouter, RouterProvider } from 'react-router-dom';\n\nimport PDSProvider from '@persona/design-system/lib/PDSProvider';\nimport type { RouterAdapter } from '@persona/design-system/lib/router';\n\nconst AllTheProviders: FC<PropsWithChildren<{ includeRouter?: boolean; routerAdapter?: RouterAdapter }>> = ({\n  children,\n  includeRouter = false,\n  routerAdapter,\n}) => {\n  let router: ReturnType<typeof createMemoryRouter> | undefined;\n  if (includeRouter) {\n    router = createMemoryRouter([\n      {\n        path: '/internal-route',\n        element: <div>INTERNAL ROUTE</div>,\n      },\n      {\n        path: '*',\n        element: <>{children}</>,\n      },\n    ]);\n  }\n\n  return (\n    <PDSProvider router={routerAdapter}>\n      {router ? (\n        <ReactAriaRouterProvider navigate={router.navigate}>\n          <RouterProvider router={router} />\n        </ReactAriaRouterProvider>\n      ) : (\n        <>{children}</>\n      )}\n    </PDSProvider>\n  );\n};\n\n// https://testing-library.com/docs/react-testing-library/setup/#custom-render\nconst customRender = (\n  ui: ReactElement,\n  options?: Omit<RenderOptions, 'wrapper'> & {\n    includeRouter?: boolean;\n    routerAdapter?: RouterAdapter;\n  },\n) =>\n  render(ui, {\n    wrapper: ({ children }) => (\n      <AllTheProviders includeRouter={options?.includeRouter} routerAdapter={options?.routerAdapter}>\n        {children}\n      </AllTheProviders>\n    ),\n    ...options,\n  });\n\n/**\n * TODO: Improve this helper or the Select to make querying it easer\n */\nexport const getSelectByTrigger = (triggerLabel: string) => {\n  const triggerBtn = screen.getByText(triggerLabel).closest('button');\n\n  // Check to make sure it's a combobox button\n  /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n  if (triggerBtn.getAttribute('role') !== 'combobox') {\n    return null;\n  }\n\n  return triggerBtn;\n};\n\nexport const isInLoadingState = (screenObj: typeof screen) => {\n  expect(screenObj.queryAllByTestId('loading-shimmer').length).toBeGreaterThan(0);\n};\n\nexport const isNotInLoadingState = (screenObj: typeof screen) => {\n  expect(screenObj.queryAllByTestId('loading-shimmer').length).toBe(0);\n};\n\nexport { customRender as render };\n"],"mappings":";;;;;;AAQA,MAAM,mBAAsG,EAC1G,UACA,gBAAgB,OAChB,oBACI;CACJ,IAAI;AACJ,KAAI,cACF,UAAS,mBAAmB,CAC1B;EACE,MAAM;EACN,SAAS,oBAAC,OAAD,EAAA,UAAK,kBAAoB,CAAA;EACnC,EACD;EACE,MAAM;EACN,SAAS,oBAAA,UAAA,EAAG,UAAY,CAAA;EACzB,CACF,CAAC;AAGJ,QACE,oBAAC,aAAD;EAAa,QAAQ;YAClB,SACC,oBAACA,gBAAD;GAAyB,UAAU,OAAO;aACxC,oBAACC,kBAAD,EAAwB,QAAU,CAAA;GACV,CAAA,GAE1B,oBAAA,UAAA,EAAG,UAAY,CAAA;EAEL,CAAA;;AAKlB,MAAM,gBACJ,IACA,YAKA,OAAO,IAAI;CACT,UAAU,EAAE,eACV,oBAAC,iBAAD;EAAiB,eAAe,SAAS;EAAe,eAAe,SAAS;EAC7E;EACe,CAAA;CAEpB,GAAG;CACJ,CAAC;;;;AAKJ,MAAa,sBAAsB,iBAAyB;CAC1D,MAAM,aAAa,OAAO,UAAU,aAAa,CAAC,QAAQ,SAAS;AAInE,KAAI,WAAW,aAAa,OAAO,KAAK,WACtC,QAAO;AAGT,QAAO;;AAGT,MAAa,oBAAoB,cAA6B;AAC5D,QAAO,UAAU,iBAAiB,kBAAkB,CAAC,OAAO,CAAC,gBAAgB,EAAE;;AAGjF,MAAa,uBAAuB,cAA6B;AAC/D,QAAO,UAAU,iBAAiB,kBAAkB,CAAC,OAAO,CAAC,KAAK,EAAE"}
+{"version":3,"file":"testing.mjs","names":["ReactAriaRouterProvider","RouterProvider"],"sources":["../../utils/testing.tsx"],"sourcesContent":["import { render, type RenderOptions, screen } from '@testing-library/react';\nimport type { FC, PropsWithChildren, ReactElement } from 'react';\nimport { RouterProvider as ReactAriaRouterProvider } from 'react-aria-components';\nimport { createMemoryRouter, RouterProvider } from 'react-router-dom';\n\nimport PDSProvider from '@persona/design-system/lib/PDSProvider';\nimport type { RouterAdapter } from '@persona/design-system/lib/router';\n\nconst AllTheProviders: FC<\n  PropsWithChildren<{ includeRouter?: boolean; routerAdapter?: RouterAdapter }>\n> = ({ children, includeRouter = false, routerAdapter }) => {\n  let router: ReturnType<typeof createMemoryRouter> | undefined;\n  if (includeRouter) {\n    router = createMemoryRouter([\n      {\n        path: '/internal-route',\n        element: <div>INTERNAL ROUTE</div>,\n      },\n      {\n        path: '*',\n        element: <>{children}</>,\n      },\n    ]);\n  }\n\n  return (\n    <PDSProvider router={routerAdapter}>\n      {router ? (\n        <ReactAriaRouterProvider navigate={router.navigate}>\n          <RouterProvider router={router} />\n        </ReactAriaRouterProvider>\n      ) : (\n        <>{children}</>\n      )}\n    </PDSProvider>\n  );\n};\n\n// https://testing-library.com/docs/react-testing-library/setup/#custom-render\nconst customRender = (\n  ui: ReactElement,\n  options?: Omit<RenderOptions, 'wrapper'> & {\n    includeRouter?: boolean;\n    routerAdapter?: RouterAdapter;\n  },\n) =>\n  render(ui, {\n    wrapper: ({ children }) => (\n      <AllTheProviders\n        includeRouter={options?.includeRouter}\n        routerAdapter={options?.routerAdapter}\n      >\n        {children}\n      </AllTheProviders>\n    ),\n    ...options,\n  });\n\n/**\n * TODO: Improve this helper or the Select to make querying it easer\n */\nexport const getSelectByTrigger = (triggerLabel: string) => {\n  const triggerBtn = screen.getByText(triggerLabel).closest('button');\n\n  // Check to make sure it's a combobox button\n  /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n  if (triggerBtn.getAttribute('role') !== 'combobox') {\n    return null;\n  }\n\n  return triggerBtn;\n};\n\nexport const isInLoadingState = (screenObj: typeof screen) => {\n  expect(screenObj.queryAllByTestId('loading-shimmer').length).toBeGreaterThan(0);\n};\n\nexport const isNotInLoadingState = (screenObj: typeof screen) => {\n  expect(screenObj.queryAllByTestId('loading-shimmer').length).toBe(0);\n};\n\nexport { customRender as render };\n"],"mappings":";;;;;;AAQA,MAAM,mBAED,EAAE,UAAU,gBAAgB,OAAO,oBAAoB;CAC1D,IAAI;AACJ,KAAI,cACF,UAAS,mBAAmB,CAC1B;EACE,MAAM;EACN,SAAS,oBAAC,OAAD,EAAA,UAAK,kBAAoB,CAAA;EACnC,EACD;EACE,MAAM;EACN,SAAS,oBAAA,UAAA,EAAG,UAAY,CAAA;EACzB,CACF,CAAC;AAGJ,QACE,oBAAC,aAAD;EAAa,QAAQ;YAClB,SACC,oBAACA,gBAAD;GAAyB,UAAU,OAAO;aACxC,oBAACC,kBAAD,EAAwB,QAAU,CAAA;GACV,CAAA,GAE1B,oBAAA,UAAA,EAAG,UAAY,CAAA;EAEL,CAAA;;AAKlB,MAAM,gBACJ,IACA,YAKA,OAAO,IAAI;CACT,UAAU,EAAE,eACV,oBAAC,iBAAD;EACE,eAAe,SAAS;EACxB,eAAe,SAAS;EAEvB;EACe,CAAA;CAEpB,GAAG;CACJ,CAAC;;;;AAKJ,MAAa,sBAAsB,iBAAyB;CAC1D,MAAM,aAAa,OAAO,UAAU,aAAa,CAAC,QAAQ,SAAS;AAInE,KAAI,WAAW,aAAa,OAAO,KAAK,WACtC,QAAO;AAGT,QAAO;;AAGT,MAAa,oBAAoB,cAA6B;AAC5D,QAAO,UAAU,iBAAiB,kBAAkB,CAAC,OAAO,CAAC,gBAAgB,EAAE;;AAGjF,MAAa,uBAAuB,cAA6B;AAC/D,QAAO,UAAU,iBAAiB,kBAAkB,CAAC,OAAO,CAAC,KAAK,EAAE"}

package/dist/utils.d.mts

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

package/dist/{validation-CMtfUd-R.d.mts → validation-B-Om4ANo.d.mts}

@@ -1,5 +1,5 @@
-import { l as FilterRule, p as FilterStateV2 } from "./types-N8PYonjD.mjs";
-import { t as FieldRegistry } from "./FieldRegistry-BdtxI1N2.mjs";
+import { l as FilterRule, p as FilterStateV2 } from "./types-BEjWTkZV.mjs";
+import { t as FieldRegistry } from "./FieldRegistry-bKxrF1gC.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/validation.d.ts
 /**
@@ -48,4 +48,4 @@ declare function pruneToRegistry(state: FilterStateV2, registry: FieldRegistry |
 declare function hasCompleteValue(rule: FilterRule, registry: FieldRegistry): boolean;
 //#endregion
 export { isFilterStateV2 as n, pruneToRegistry as r, hasCompleteValue as t };
-//# sourceMappingURL=validation-CMtfUd-R.d.mts.map
+//# sourceMappingURL=validation-B-Om4ANo.d.mts.map

package/dist/validation.d.mts

@@ -1,2 +1,2 @@
-import { n as isFilterStateV2, r as pruneToRegistry, t as hasCompleteValue } from "./validation-CMtfUd-R.mjs";
+import { n as isFilterStateV2, r as pruneToRegistry, t as hasCompleteValue } from "./validation-B-Om4ANo.mjs";
 export { hasCompleteValue, isFilterStateV2, pruneToRegistry };

package/dist/{value-control-resolver-Au9JNS5z.d.mts → value-control-resolver-BiyhB8zt.d.mts}

@@ -1,4 +1,4 @@
-import { a as FilterField, c as FilterOperator, d as FilterRuleValueChange, l as FilterRule, u as FilterRuleValue } from "./types-N8PYonjD.mjs";
+import { a as FilterField, c as FilterOperator, d as FilterRuleValueChange, l as FilterRule, u as FilterRuleValue } from "./types-BEjWTkZV.mjs";
 import { ReactNode } from "react";
 
 //#region components/DataTable/TableControls/FiltersV2/FilterBar/value-control-resolver.d.ts
@@ -45,4 +45,4 @@ type ValueControlResolver = (opts: ResolveValueControlOptions) => ReactNode | un
 declare function resolveValueControl(opts: ResolveValueControlOptions, hostResolver?: ValueControlResolver): ReactNode;
 //#endregion
 export { ValueControlResolver as n, resolveValueControl as r, ResolveValueControlOptions as t };
-//# sourceMappingURL=value-control-resolver-Au9JNS5z.d.mts.map
+//# sourceMappingURL=value-control-resolver-BiyhB8zt.d.mts.map

package/dist/value-control-resolver.d.mts

@@ -1,2 +1,2 @@
-import { n as ValueControlResolver, r as resolveValueControl, t as ResolveValueControlOptions } from "./value-control-resolver-Au9JNS5z.mjs";
+import { n as ValueControlResolver, r as resolveValueControl, t as ResolveValueControlOptions } from "./value-control-resolver-BiyhB8zt.mjs";
 export { ResolveValueControlOptions, ValueControlResolver, resolveValueControl };

package/dist/variables/effect.d.mts

@@ -1,4 +1,4 @@
-import { t as MaybeSemanticTheme } from "../semanticColor-IAhXS17y.mjs";
+import { t as MaybeSemanticTheme } from "../semanticColor-Cru2gSys.mjs";
 
 //#region variables/effect.d.ts
 /**

package/dist/variables/semantic.d.mts

@@ -1,2 +1,2 @@
-import { i as semanticLight, n as SemanticTokens, r as semanticDark, t as CssPercentage } from "../semantic-DUctmpu_.mjs";
+import { i as semanticLight, n as SemanticTokens, r as semanticDark, t as CssPercentage } from "../semantic-BXwNUd4a.mjs";
 export { CssPercentage, SemanticTokens, semanticDark, semanticLight };

package/llms.txt

@@ -34,7 +34,7 @@ their own subpaths.
 - Tables: `DataTable` (data views w/ pagination + sorting), `TableBox` (editable form tables), `TableLayout` + `Table`/`TableRow`/`TableCell`/`TableHeaderCell` primitives (components/Table) — `TableLayout` has built-in `isLoading`/`isEmpty`/`nullState`/`showHeader` handling
 - Page chrome: `PageHeader` (title or breadcrumbs variant), `Breadcrumbs`, `TabBar`, `BottomPanel` (resizable bottom drawer)
 - Feedback: `Spinner`, `Banner`, `Toast`, `LoadingShimmer`, `ProgressBar`
-- Overlays: `Modal`, `RightPanel`, `Popover`, `Tooltip` / `TextUnderlineTooltip`, `DropdownMenu`, `FloatingPanel`
+- Overlays: `Modal`, `WizardModal`, `RightPanel`, `Popover`, `Tooltip` / `TextUnderlineTooltip`, `DropdownMenu`, `FloatingPanel`
 - Forms: `ConfigFormGroup`, `FormField` (`TextField`, `TextAreaField`, `TableBoxField`), `Input`, `TextArea`, `Select`, `Combobox`, `Checkbox`, `Radio`, `Toggle`, `DatePicker`
 - Status: `Sticker` (status badges), `Badge` (counts), `StatusIndicator`
 
@@ -42,3 +42,12 @@ their own subpaths.
 
 Use `dsRender` from `@persona/design-system/utils/testing` (wraps ThemeProvider); prefer
 role/label/text queries over test IDs.
+
+## JSON schema types
+
+`lib/jsonSchema` (`lib/jsonSchema.mdx` in Storybook, "Lib/JSON Schema") types `objectKey` and
+`fieldType` through consumer-side module augmentation: `JsonSchemaObjectKeyRegistry` narrows
+`objectKey`, and `JsonSchemaFieldTypeRegistry` takes `fieldTypes`, a map from each field type to the
+JSON type it serializes as. Register via
+`declare module '@persona/design-system/lib/jsonSchema' { interface JsonSchemaFieldTypeRegistry { fieldTypes: typeof FIELD_TYPE_JSON_TYPES } }`;
+without registration both widen to `string`.