@persona/design-system 0.1.8 → 0.1.9

package/dist/lib/PDSProvider.cjs

@@ -1,13 +0,0 @@
-require("../chunk-CKQMccvm.cjs");
-const require_theme = require("../theme.cjs");
-let styled_components = require("styled-components");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region lib/PDSProvider.tsx
-const PDSProvider = ({ children, theme = require_theme.default }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(styled_components.ThemeProvider, {
-	theme,
-	children
-});
-//#endregion
-module.exports = PDSProvider;
-
-//# sourceMappingURL=PDSProvider.cjs.map

package/dist/lib/PDSProvider.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PDSProvider.cjs","names":["defaultTheme","ThemeProvider"],"sources":["../../lib/PDSProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport { ThemeProvider } from 'styled-components';\n\nimport defaultTheme, { type PersonaTheme } from '@persona/design-system/theme';\n\ninterface PDSProviderProps {\n  theme?: PersonaTheme;\n}\n\nconst PDSProvider: FC<PropsWithChildren<PDSProviderProps>> = ({\n  children,\n  theme = defaultTheme,\n}) => <ThemeProvider theme={theme}>{children}</ThemeProvider>;\n\nexport default PDSProvider;\n"],"mappings":";;;;;AASA,MAAM,eAAwD,EAC5D,UACA,QAAQA,cAAAA,cACJ,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,eAAD;CAAsB;CAAQ;CAAyB,CAAA"}

package/dist/lib/PDSProvider.d.cts

@@ -1,10 +0,0 @@
-import { n as PersonaTheme } from "../theme-Cadb1xzQ.cjs";
-import { FC, PropsWithChildren } from "react";
-
-//#region lib/PDSProvider.d.ts
-interface PDSProviderProps {
-  theme?: PersonaTheme;
-}
-declare const PDSProvider: FC<PropsWithChildren<PDSProviderProps>>;
-export = PDSProvider;
-//# sourceMappingURL=PDSProvider.d.cts.map

package/dist/lib/TruncatedText.cjs

@@ -1,39 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_chunk = require("../chunk-CKQMccvm.cjs");
-const require_lib_useIsOverflow = require("./useIsOverflow.cjs");
-let styled_components = require("styled-components");
-styled_components = require_chunk.__toESM(styled_components);
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-//#region lib/TruncatedText.tsx
-const OverflowEllipsisSpan = styled_components.default.span`
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`;
-/**
-* Truncates the text if it is too long to fit in the container.
-*
-* The text truncation is CSS-driven, but we use JavaScript to detect when truncation
-* happens so we can set a title attribute dynamically.
-*/
-const TruncatedText = ({ children, titleBehavior = "conditional", ...props }) => {
-	const ref = (0, react.useRef)(null);
-	const { isOverflowWidth } = require_lib_useIsOverflow.useIsOverflow(ref);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowEllipsisSpan, {
-		ref,
-		title: isOverflowWidth || titleBehavior === "always" ? ref.current?.textContent ?? "" : void 0,
-		...props,
-		children
-	});
-};
-//#endregion
-exports.OverflowEllipsisSpan = OverflowEllipsisSpan;
-exports.TruncatedText = TruncatedText;
-exports.default = TruncatedText;
-
-//# sourceMappingURL=TruncatedText.cjs.map

package/dist/lib/TruncatedText.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TruncatedText.cjs","names":["useIsOverflow"],"sources":["../../lib/TruncatedText.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, type FC, useRef } from 'react';\nimport styled from 'styled-components';\n\nimport { useIsOverflow } from 'design-system/lib/useIsOverflow';\n\nexport const OverflowEllipsisSpan = styled.span`\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nexport interface TruncatedTextProps extends ComponentPropsWithoutRef<'span'> {\n  titleBehavior?: 'always' | 'conditional';\n}\n\n/**\n * Truncates the text if it is too long to fit in the container.\n *\n * The text truncation is CSS-driven, but we use JavaScript to detect when truncation\n * happens so we can set a title attribute dynamically.\n */\nexport const TruncatedText: FC<TruncatedTextProps> = ({\n  children,\n  titleBehavior = 'conditional',\n  ...props\n}) => {\n  const ref = useRef<HTMLSpanElement>(null);\n  const { isOverflowWidth } = useIsOverflow(ref);\n\n  return (\n    <OverflowEllipsisSpan\n      ref={ref}\n      title={\n        isOverflowWidth || titleBehavior === 'always' ? (ref.current?.textContent ?? '') : undefined\n      }\n      {...props}\n    >\n      {children}\n    </OverflowEllipsisSpan>\n  );\n};\n\nexport default TruncatedText;\n"],"mappings":";;;;;;;;;;;AAKA,MAAa,uBAAuB,kBAAA,QAAO,IAAI;;;;;;;;;;;;AAiB/C,MAAa,iBAAyC,EACpD,UACA,gBAAgB,eAChB,GAAG,YACC;CACJ,MAAM,OAAA,GAAA,MAAA,QAA8B,KAAK;CACzC,MAAM,EAAE,oBAAoBA,0BAAAA,cAAc,IAAI;AAE9C,QACE,iBAAA,GAAA,kBAAA,KAAC,sBAAD;EACO;EACL,OACE,mBAAmB,kBAAkB,WAAY,IAAI,SAAS,eAAe,KAAM,KAAA;EAErF,GAAI;EAEH;EACoB,CAAA"}

package/dist/lib/TruncatedText.d.cts

@@ -1,2 +0,0 @@
-import { n as TruncatedText, r as TruncatedTextProps, t as OverflowEllipsisSpan } from "../TruncatedText-Dit2NJI6.cjs";
-export { OverflowEllipsisSpan, TruncatedText, TruncatedText as default, TruncatedTextProps };

package/dist/lib/TruncatedTextWithTooltip.cjs

@@ -1,34 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-require("../chunk-CKQMccvm.cjs");
-const require_lib_useIsOverflow = require("./useIsOverflow.cjs");
-const require_lib_TruncatedText = require("./TruncatedText.cjs");
-const require_Tooltip = require("../Tooltip-olP3rdUO.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-//#region lib/TruncatedTextWithTooltip.tsx
-/**
-* Truncates the text if it is too long to fit in the container and shows a tooltip if the text
-* is truncated.
-*/
-const TruncatedTextWithTooltip = ({ children, tooltipProps = {}, ...props }) => {
-	const ref = (0, react.useRef)(null);
-	const { isOverflowWidth } = require_lib_useIsOverflow.useIsOverflow(ref);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
-		trigger: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_lib_TruncatedText.OverflowEllipsisSpan, {
-			ref,
-			...props,
-			children
-		}),
-		disabled: !isOverflowWidth,
-		...tooltipProps,
-		children
-	});
-};
-//#endregion
-exports.TruncatedTextWithTooltip = TruncatedTextWithTooltip;
-exports.default = TruncatedTextWithTooltip;
-
-//# sourceMappingURL=TruncatedTextWithTooltip.cjs.map

package/dist/lib/TruncatedTextWithTooltip.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TruncatedTextWithTooltip.cjs","names":["useIsOverflow","Tooltip","OverflowEllipsisSpan"],"sources":["../../lib/TruncatedTextWithTooltip.tsx"],"sourcesContent":["import { type ComponentProps, type ComponentPropsWithoutRef, type FC, useRef } from 'react';\n\nimport Tooltip from 'design-system/components/Tooltip';\nimport { OverflowEllipsisSpan } from 'design-system/lib/TruncatedText';\nimport { useIsOverflow } from 'design-system/lib/useIsOverflow';\n\ninterface TruncatedTextWithTooltipProps extends ComponentPropsWithoutRef<'span'> {\n  tooltipProps?: Pick<ComponentProps<typeof Tooltip>, 'side' | 'zIndex' | 'maxWidth'>;\n}\n\n/**\n * Truncates the text if it is too long to fit in the container and shows a tooltip if the text\n * is truncated.\n */\nexport const TruncatedTextWithTooltip: FC<TruncatedTextWithTooltipProps> = ({\n  children,\n  tooltipProps = {},\n  ...props\n}) => {\n  const ref = useRef<HTMLSpanElement>(null);\n  const { isOverflowWidth } = useIsOverflow(ref);\n\n  return (\n    <Tooltip\n      trigger={\n        <OverflowEllipsisSpan ref={ref} {...props}>\n          {children}\n        </OverflowEllipsisSpan>\n      }\n      disabled={!isOverflowWidth}\n      {...tooltipProps}\n    >\n      {children}\n    </Tooltip>\n  );\n};\n\nexport default TruncatedTextWithTooltip;\n"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAa,4BAA+D,EAC1E,UACA,eAAe,EAAE,EACjB,GAAG,YACC;CACJ,MAAM,OAAA,GAAA,MAAA,QAA8B,KAAK;CACzC,MAAM,EAAE,oBAAoBA,0BAAAA,cAAc,IAAI;AAE9C,QACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,SAAD;EACE,SACE,iBAAA,GAAA,kBAAA,KAACC,0BAAAA,sBAAD;GAA2B;GAAK,GAAI;GACjC;GACoB,CAAA;EAEzB,UAAU,CAAC;EACX,GAAI;EAEH;EACO,CAAA"}

package/dist/lib/TruncatedTextWithTooltip.d.cts

@@ -1,15 +0,0 @@
-import { n as Tooltip } from "../Tooltip--eDrrk2r.cjs";
-import { ComponentProps, ComponentPropsWithoutRef, FC } from "react";
-
-//#region lib/TruncatedTextWithTooltip.d.ts
-interface TruncatedTextWithTooltipProps extends ComponentPropsWithoutRef<'span'> {
-  tooltipProps?: Pick<ComponentProps<typeof Tooltip>, 'side' | 'zIndex' | 'maxWidth'>;
-}
-/**
- * Truncates the text if it is too long to fit in the container and shows a tooltip if the text
- * is truncated.
- */
-declare const TruncatedTextWithTooltip: FC<TruncatedTextWithTooltipProps>;
-//#endregion
-export { TruncatedTextWithTooltip, TruncatedTextWithTooltip as default };
-//# sourceMappingURL=TruncatedTextWithTooltip.d.cts.map

package/dist/lib/comboboxHelper.cjs

@@ -1,46 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../chunk-CKQMccvm.cjs");
-let _testing_library_react = require("@testing-library/react");
-//#region lib/comboboxHelper.ts
-/**
-* Test helpers for the design system Combobox component (multi-select).
-*
-* Similar to reactSelectHelper.ts but adapted for the Combobox DOM
-* which uses standard ARIA roles (role="combobox", role="option")
-* and renders options via downshift.
-*/
-/**
-* Open a Combobox dropdown by clicking on the combobox element.
-*/
-const openComboboxOptions = (comboboxInput) => {
-	_testing_library_react.fireEvent.click(comboboxInput);
-};
-/**
-* Get all option labels for a multi-select Combobox.
-* Opens the dropdown and returns the label text of each option.
-*/
-const allComboboxOptionLabels = async (comboboxInput) => {
-	openComboboxOptions(comboboxInput);
-	return (await _testing_library_react.screen.findAllByRole("option")).map((opt) => {
-		const labelId = opt.getAttribute("aria-labelledby");
-		if (labelId) {
-			const labelEl = document.getElementById(labelId);
-			if (labelEl?.textContent) return labelEl.textContent.trim();
-		}
-		return (opt.textContent || "").trim();
-	});
-};
-/**
-* Select an option in a multi-select Combobox by its label text.
-*/
-const selectComboboxOption = async (comboboxInput, labelText) => {
-	openComboboxOptions(comboboxInput);
-	const option = await _testing_library_react.screen.findByRole("option", { name: new RegExp(labelText) });
-	_testing_library_react.fireEvent.click(option);
-};
-//#endregion
-exports.allComboboxOptionLabels = allComboboxOptionLabels;
-exports.openComboboxOptions = openComboboxOptions;
-exports.selectComboboxOption = selectComboboxOption;
-
-//# sourceMappingURL=comboboxHelper.cjs.map

package/dist/lib/comboboxHelper.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"comboboxHelper.cjs","names":["screen"],"sources":["../../lib/comboboxHelper.ts"],"sourcesContent":["import { fireEvent, screen } from '@testing-library/react';\n\n/**\n * Test helpers for the design system Combobox component (multi-select).\n *\n * Similar to reactSelectHelper.ts but adapted for the Combobox DOM\n * which uses standard ARIA roles (role=\"combobox\", role=\"option\")\n * and renders options via downshift.\n */\n\n/**\n * Open a Combobox dropdown by clicking on the combobox element.\n */\nexport const openComboboxOptions = (comboboxInput: HTMLElement) => {\n  fireEvent.click(comboboxInput);\n};\n\n/**\n * Get all option labels for a multi-select Combobox.\n * Opens the dropdown and returns the label text of each option.\n */\nexport const allComboboxOptionLabels = async (comboboxInput: HTMLElement): Promise<string[]> => {\n  openComboboxOptions(comboboxInput);\n  const options = await screen.findAllByRole('option');\n  return options.map((opt) => {\n    // Multi-select options use aria-labelledby pointing to the checkbox label\n    const labelId = opt.getAttribute('aria-labelledby');\n    if (labelId) {\n      const labelEl = document.getElementById(labelId);\n      if (labelEl?.textContent) {\n        return labelEl.textContent.trim();\n      }\n    }\n    return (opt.textContent || '').trim();\n  });\n};\n\n/**\n * Select an option in a multi-select Combobox by its label text.\n */\nexport const selectComboboxOption = async (\n  comboboxInput: HTMLElement,\n  labelText: string,\n): Promise<void> => {\n  openComboboxOptions(comboboxInput);\n  const option = await screen.findByRole('option', {\n    name: new RegExp(labelText),\n  });\n  fireEvent.click(option);\n};\n"],"mappings":";;;;;;;;;;;;;;AAaA,MAAa,uBAAuB,kBAA+B;AACjE,wBAAA,UAAU,MAAM,cAAc;;;;;;AAOhC,MAAa,0BAA0B,OAAO,kBAAkD;AAC9F,qBAAoB,cAAc;AAElC,SAAO,MADeA,uBAAAA,OAAO,cAAc,SAAS,EACrC,KAAK,QAAQ;EAE1B,MAAM,UAAU,IAAI,aAAa,kBAAkB;AACnD,MAAI,SAAS;GACX,MAAM,UAAU,SAAS,eAAe,QAAQ;AAChD,OAAI,SAAS,YACX,QAAO,QAAQ,YAAY,MAAM;;AAGrC,UAAQ,IAAI,eAAe,IAAI,MAAM;GACrC;;;;;AAMJ,MAAa,uBAAuB,OAClC,eACA,cACkB;AAClB,qBAAoB,cAAc;CAClC,MAAM,SAAS,MAAMA,uBAAAA,OAAO,WAAW,UAAU,EAC/C,MAAM,IAAI,OAAO,UAAU,EAC5B,CAAC;AACF,wBAAA,UAAU,MAAM,OAAO"}

package/dist/lib/comboboxHelper.d.cts

@@ -1,24 +0,0 @@
-//#region lib/comboboxHelper.d.ts
-/**
- * Test helpers for the design system Combobox component (multi-select).
- *
- * Similar to reactSelectHelper.ts but adapted for the Combobox DOM
- * which uses standard ARIA roles (role="combobox", role="option")
- * and renders options via downshift.
- */
-/**
- * Open a Combobox dropdown by clicking on the combobox element.
- */
-declare const openComboboxOptions: (comboboxInput: HTMLElement) => void;
-/**
- * Get all option labels for a multi-select Combobox.
- * Opens the dropdown and returns the label text of each option.
- */
-declare const allComboboxOptionLabels: (comboboxInput: HTMLElement) => Promise<string[]>;
-/**
- * Select an option in a multi-select Combobox by its label text.
- */
-declare const selectComboboxOption: (comboboxInput: HTMLElement, labelText: string) => Promise<void>;
-//#endregion
-export { allComboboxOptionLabels, openComboboxOptions, selectComboboxOption };
-//# sourceMappingURL=comboboxHelper.d.cts.map

package/dist/lib/copyTextToClipboard.cjs

@@ -1,33 +0,0 @@
-//#region lib/copyTextToClipboard.ts
-async function copyTextToClipboard(text) {
-	try {
-		if ("clipboard" in navigator) {
-			await navigator.clipboard.writeText(text);
-			return true;
-		}
-		const textarea = document.createElement("textarea");
-		textarea.value = text;
-		textarea.setAttribute("readonly", "");
-		textarea.style.position = "fixed";
-		textarea.style.top = "0";
-		textarea.style.left = "0";
-		textarea.style.opacity = "0";
-		const activeElement = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-		try {
-			document.body.append(textarea);
-			textarea.focus();
-			textarea.select();
-			textarea.setSelectionRange(0, textarea.value.length);
-			return document.execCommand("copy");
-		} finally {
-			textarea.remove();
-			activeElement?.focus();
-		}
-	} catch {
-		return false;
-	}
-}
-//#endregion
-module.exports = copyTextToClipboard;
-
-//# sourceMappingURL=copyTextToClipboard.cjs.map

package/dist/lib/copyTextToClipboard.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"copyTextToClipboard.cjs","names":[],"sources":["../../lib/copyTextToClipboard.ts"],"sourcesContent":["async function copyTextToClipboard(text: string): Promise<boolean> {\n  try {\n    if ('clipboard' in navigator) {\n      await navigator.clipboard.writeText(text);\n      return true;\n    }\n\n    const textarea = document.createElement('textarea');\n    textarea.value = text;\n    textarea.setAttribute('readonly', '');\n    textarea.style.position = 'fixed';\n    textarea.style.top = '0';\n    textarea.style.left = '0';\n    textarea.style.opacity = '0';\n\n    const activeElement =\n      document.activeElement instanceof HTMLElement ? document.activeElement : null;\n\n    try {\n      document.body.append(textarea);\n      textarea.focus();\n      textarea.select();\n      textarea.setSelectionRange(0, textarea.value.length);\n\n      return document.execCommand('copy');\n    } finally {\n      textarea.remove();\n      activeElement?.focus();\n    }\n  } catch {\n    return false;\n  }\n}\n\nexport default copyTextToClipboard;\n"],"mappings":";AAAA,eAAe,oBAAoB,MAAgC;AACjE,KAAI;AACF,MAAI,eAAe,WAAW;AAC5B,SAAM,UAAU,UAAU,UAAU,KAAK;AACzC,UAAO;;EAGT,MAAM,WAAW,SAAS,cAAc,WAAW;AACnD,WAAS,QAAQ;AACjB,WAAS,aAAa,YAAY,GAAG;AACrC,WAAS,MAAM,WAAW;AAC1B,WAAS,MAAM,MAAM;AACrB,WAAS,MAAM,OAAO;AACtB,WAAS,MAAM,UAAU;EAEzB,MAAM,gBACJ,SAAS,yBAAyB,cAAc,SAAS,gBAAgB;AAE3E,MAAI;AACF,YAAS,KAAK,OAAO,SAAS;AAC9B,YAAS,OAAO;AAChB,YAAS,QAAQ;AACjB,YAAS,kBAAkB,GAAG,SAAS,MAAM,OAAO;AAEpD,UAAO,SAAS,YAAY,OAAO;YAC3B;AACR,YAAS,QAAQ;AACjB,kBAAe,OAAO;;SAElB;AACN,SAAO"}

package/dist/lib/copyTextToClipboard.d.cts

@@ -1,4 +0,0 @@
-//#region lib/copyTextToClipboard.d.ts
-declare function copyTextToClipboard(text: string): Promise<boolean>;
-export = copyTextToClipboard;
-//# sourceMappingURL=copyTextToClipboard.d.cts.map

package/dist/lib/datePickerHelper.cjs

@@ -1,36 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_chunk = require("../chunk-CKQMccvm.cjs");
-let _testing_library_react = require("@testing-library/react");
-let _testing_library_user_event = require("@testing-library/user-event");
-_testing_library_user_event = require_chunk.__toESM(_testing_library_user_event, 1);
-//#region lib/datePickerHelper.ts
-/**
-* Open a PDS DateRangePicker calendar by clicking its month segment and wait for the
-* calendar dialog to appear.
-*
-* In React 18 + jsdom, clicking the wrapper label element (getByLabelText(fieldLabel))
-* does not reliably move focus into the date field. Targeting the "month" segment directly
-* works around this.
-*/
-const openDateRangePicker = async (fieldLabel) => {
-	await _testing_library_user_event.default.click(_testing_library_react.screen.getByLabelText(`month, ${fieldLabel},`));
-	await (0, _testing_library_react.waitFor)(() => {
-		expect(_testing_library_react.screen.getByRole("dialog")).toBeVisible();
-	});
-};
-/**
-* Click an enabled calendar date button whose aria-label includes dateString.
-* dateString should be in "MMMM d, yyyy" format (e.g. "April 14, 2026").
-* Requires the calendar dialog to already be open (call openDateRangePicker first).
-*/
-const clickCalendarDate = async (dateString) => {
-	const dateButton = _testing_library_react.screen.getAllByRole("button").filter((button) => !button.getAttribute("aria-disabled")).find((button) => button.getAttribute("aria-label")?.includes(dateString));
-	if (dateButton == null) throw new Error(`Calendar date button not found for "${dateString}"`);
-	expect(dateButton).toBeVisible();
-	await _testing_library_user_event.default.click(dateButton);
-};
-//#endregion
-exports.clickCalendarDate = clickCalendarDate;
-exports.openDateRangePicker = openDateRangePicker;
-
-//# sourceMappingURL=datePickerHelper.cjs.map

package/dist/lib/datePickerHelper.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"datePickerHelper.cjs","names":["userEvent","screen"],"sources":["../../lib/datePickerHelper.ts"],"sourcesContent":["import { screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\n/**\n * Open a PDS DateRangePicker calendar by clicking its month segment and wait for the\n * calendar dialog to appear.\n *\n * In React 18 + jsdom, clicking the wrapper label element (getByLabelText(fieldLabel))\n * does not reliably move focus into the date field. Targeting the \"month\" segment directly\n * works around this.\n */\nexport const openDateRangePicker = async (fieldLabel: string) => {\n  await userEvent.click(screen.getByLabelText(`month, ${fieldLabel},`));\n  await waitFor(() => {\n    expect(screen.getByRole('dialog')).toBeVisible();\n  });\n};\n\n/**\n * Click an enabled calendar date button whose aria-label includes dateString.\n * dateString should be in \"MMMM d, yyyy\" format (e.g. \"April 14, 2026\").\n * Requires the calendar dialog to already be open (call openDateRangePicker first).\n */\nexport const clickCalendarDate = async (dateString: string) => {\n  const dateButton = screen\n    .getAllByRole('button')\n    .filter((button) => !button.getAttribute('aria-disabled'))\n    .find((button) => button.getAttribute('aria-label')?.includes(dateString));\n\n  if (dateButton == null) {\n    throw new Error(`Calendar date button not found for \"${dateString}\"`);\n  }\n\n  expect(dateButton).toBeVisible();\n  await userEvent.click(dateButton);\n};\n"],"mappings":";;;;;;;;;;;;;;AAWA,MAAa,sBAAsB,OAAO,eAAuB;AAC/D,OAAMA,4BAAAA,QAAU,MAAMC,uBAAAA,OAAO,eAAe,UAAU,WAAW,GAAG,CAAC;AACrE,QAAA,GAAA,uBAAA,eAAoB;AAClB,SAAOA,uBAAAA,OAAO,UAAU,SAAS,CAAC,CAAC,aAAa;GAChD;;;;;;;AAQJ,MAAa,oBAAoB,OAAO,eAAuB;CAC7D,MAAM,aAAaA,uBAAAA,OAChB,aAAa,SAAS,CACtB,QAAQ,WAAW,CAAC,OAAO,aAAa,gBAAgB,CAAC,CACzD,MAAM,WAAW,OAAO,aAAa,aAAa,EAAE,SAAS,WAAW,CAAC;AAE5E,KAAI,cAAc,KAChB,OAAM,IAAI,MAAM,uCAAuC,WAAW,GAAG;AAGvE,QAAO,WAAW,CAAC,aAAa;AAChC,OAAMD,4BAAAA,QAAU,MAAM,WAAW"}

package/dist/lib/datePickerHelper.d.cts

@@ -1,19 +0,0 @@
-//#region lib/datePickerHelper.d.ts
-/**
- * Open a PDS DateRangePicker calendar by clicking its month segment and wait for the
- * calendar dialog to appear.
- *
- * In React 18 + jsdom, clicking the wrapper label element (getByLabelText(fieldLabel))
- * does not reliably move focus into the date field. Targeting the "month" segment directly
- * works around this.
- */
-declare const openDateRangePicker: (fieldLabel: string) => Promise<void>;
-/**
- * Click an enabled calendar date button whose aria-label includes dateString.
- * dateString should be in "MMMM d, yyyy" format (e.g. "April 14, 2026").
- * Requires the calendar dialog to already be open (call openDateRangePicker first).
- */
-declare const clickCalendarDate: (dateString: string) => Promise<void>;
-//#endregion
-export { clickCalendarDate, openDateRangePicker };
-//# sourceMappingURL=datePickerHelper.d.cts.map

package/dist/lib/message.cjs

@@ -1,12 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-//#region lib/message.ts
-let MessageType = /* @__PURE__ */ function(MessageType) {
-	MessageType["Success"] = "success";
-	MessageType["Failure"] = "failure";
-	MessageType["Notice"] = "notice";
-	return MessageType;
-}({});
-//#endregion
-exports.MessageType = MessageType;
-
-//# sourceMappingURL=message.cjs.map

package/dist/lib/message.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"message.cjs","names":[],"sources":["../../lib/message.ts"],"sourcesContent":["export enum MessageType {\n  Success = 'success',\n  Failure = 'failure',\n  Notice = 'notice',\n}\n"],"mappings":";;AAAA,IAAY,cAAL,yBAAA,aAAA;AACL,aAAA,aAAA;AACA,aAAA,aAAA;AACA,aAAA,YAAA;;KACD"}

package/dist/lib/message.d.cts

@@ -1,2 +0,0 @@
-import { t as MessageType } from "../message-BEgtEjQC.cjs";
-export { MessageType };

package/dist/lib/pseudoClass.cjs

@@ -1,31 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-//#region lib/pseudoClass.ts
-const isDisabled = ({ disabled }) => disabled ? "" : ":disabled";
-const isNotDisabled = ({ disabled }) => disabled ? ":not(*)" : ":not(:disabled)";
-const isHovered = ({ hovered }) => hovered ? "" : ":hover";
-const isNotHovered = ({ hovered }) => hovered ? ":not(*)" : ":not(:hover)";
-const isFocused = ({ focused }) => focused ? "" : ":focus";
-const isNotFocused = ({ focused }) => focused ? ":not(*)" : ":not(:focus)";
-const isFocusedVisible = ({ focused }) => focused ? "" : ":focus-visible";
-const isNotFocusedVisible = ({ focused }) => focused ? ":not(*)" : ":not(:focus-visible)";
-const isActive = ({ active }) => active ? "" : ":focus-within";
-const isNotActive = ({ active }) => active ? ":not(*)" : ":not(:focus-within)";
-const isChecked = ({ checked }) => checked ? "" : ":checked";
-const isIndeterminate = ({ mixed }) => mixed ? "" : ":indeterminate";
-const isNotChecked = ({ checked }) => checked ? ":not(*)" : ":not(:checked)";
-//#endregion
-exports.isActive = isActive;
-exports.isChecked = isChecked;
-exports.isDisabled = isDisabled;
-exports.isFocused = isFocused;
-exports.isFocusedVisible = isFocusedVisible;
-exports.isHovered = isHovered;
-exports.isIndeterminate = isIndeterminate;
-exports.isNotActive = isNotActive;
-exports.isNotChecked = isNotChecked;
-exports.isNotDisabled = isNotDisabled;
-exports.isNotFocused = isNotFocused;
-exports.isNotFocusedVisible = isNotFocusedVisible;
-exports.isNotHovered = isNotHovered;
-
-//# sourceMappingURL=pseudoClass.cjs.map

package/dist/lib/pseudoClass.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"pseudoClass.cjs","names":[],"sources":["../../lib/pseudoClass.ts"],"sourcesContent":["/**\n * @file Contains utility functions that allow targeting pseudo-classes with props.\n * When used, allows props.active to act like :active, etc.\n *\n * When used, a preceding ampersand is needed.\n * `&${isHovered}${isNotActive}`\n */\nimport type PseudoClassProps from 'design-system/types/PseudoClassProps';\n\nexport const isDisabled = ({ disabled }: PseudoClassProps) => (disabled ? '' : ':disabled');\nexport const isNotDisabled = ({ disabled }: PseudoClassProps) =>\n  disabled ? ':not(*)' : ':not(:disabled)';\n\nexport const isHovered = ({ hovered }: PseudoClassProps) => (hovered ? '' : ':hover');\nexport const isNotHovered = ({ hovered }: PseudoClassProps) =>\n  hovered ? ':not(*)' : ':not(:hover)';\n\nexport const isFocused = ({ focused }: PseudoClassProps) => (focused ? '' : ':focus');\nexport const isNotFocused = ({ focused }: PseudoClassProps) =>\n  focused ? ':not(*)' : ':not(:focus)';\n\nexport const isFocusedVisible = ({ focused }: PseudoClassProps) =>\n  focused ? '' : ':focus-visible';\nexport const isNotFocusedVisible = ({ focused }: PseudoClassProps) =>\n  focused ? ':not(*)' : ':not(:focus-visible)';\n\nexport const isActive = ({ active }: PseudoClassProps) => (active ? '' : ':focus-within');\nexport const isNotActive = ({ active }: PseudoClassProps) =>\n  active ? ':not(*)' : ':not(:focus-within)';\n\nexport const isChecked = ({ checked }: PseudoClassProps) => (checked ? '' : ':checked');\nexport const isIndeterminate = ({ mixed }: PseudoClassProps) => (mixed ? '' : ':indeterminate');\nexport const isNotChecked = ({ checked }: PseudoClassProps) =>\n  checked ? ':not(*)' : ':not(:checked)';\n"],"mappings":";;AASA,MAAa,cAAc,EAAE,eAAkC,WAAW,KAAK;AAC/E,MAAa,iBAAiB,EAAE,eAC9B,WAAW,YAAY;AAEzB,MAAa,aAAa,EAAE,cAAiC,UAAU,KAAK;AAC5E,MAAa,gBAAgB,EAAE,cAC7B,UAAU,YAAY;AAExB,MAAa,aAAa,EAAE,cAAiC,UAAU,KAAK;AAC5E,MAAa,gBAAgB,EAAE,cAC7B,UAAU,YAAY;AAExB,MAAa,oBAAoB,EAAE,cACjC,UAAU,KAAK;AACjB,MAAa,uBAAuB,EAAE,cACpC,UAAU,YAAY;AAExB,MAAa,YAAY,EAAE,aAAgC,SAAS,KAAK;AACzE,MAAa,eAAe,EAAE,aAC5B,SAAS,YAAY;AAEvB,MAAa,aAAa,EAAE,cAAiC,UAAU,KAAK;AAC5E,MAAa,mBAAmB,EAAE,YAA+B,QAAQ,KAAK;AAC9E,MAAa,gBAAgB,EAAE,cAC7B,UAAU,YAAY"}

package/dist/lib/pseudoClass.d.cts

@@ -1,45 +0,0 @@
-import { t as PseudoClassProps } from "../PseudoClassProps-C5jpj6Rp.cjs";
-
-//#region lib/pseudoClass.d.ts
-declare const isDisabled: ({
-  disabled
-}: PseudoClassProps) => ":disabled" | "";
-declare const isNotDisabled: ({
-  disabled
-}: PseudoClassProps) => ":not(*)" | ":not(:disabled)";
-declare const isHovered: ({
-  hovered
-}: PseudoClassProps) => ":hover" | "";
-declare const isNotHovered: ({
-  hovered
-}: PseudoClassProps) => ":not(*)" | ":not(:hover)";
-declare const isFocused: ({
-  focused
-}: PseudoClassProps) => ":focus" | "";
-declare const isNotFocused: ({
-  focused
-}: PseudoClassProps) => ":not(*)" | ":not(:focus)";
-declare const isFocusedVisible: ({
-  focused
-}: PseudoClassProps) => ":focus-visible" | "";
-declare const isNotFocusedVisible: ({
-  focused
-}: PseudoClassProps) => ":not(*)" | ":not(:focus-visible)";
-declare const isActive: ({
-  active
-}: PseudoClassProps) => ":focus-within" | "";
-declare const isNotActive: ({
-  active
-}: PseudoClassProps) => ":not(*)" | ":not(:focus-within)";
-declare const isChecked: ({
-  checked
-}: PseudoClassProps) => ":checked" | "";
-declare const isIndeterminate: ({
-  mixed
-}: PseudoClassProps) => ":indeterminate" | "";
-declare const isNotChecked: ({
-  checked
-}: PseudoClassProps) => ":not(*)" | ":not(:checked)";
-//#endregion
-export { isActive, isChecked, isDisabled, isFocused, isFocusedVisible, isHovered, isIndeterminate, isNotActive, isNotChecked, isNotDisabled, isNotFocused, isNotFocusedVisible, isNotHovered };
-//# sourceMappingURL=pseudoClass.d.cts.map

package/dist/lib/reorderItems.cjs

@@ -1,38 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-//#region lib/reorderItems.ts
-/**
-* Pure index-based helpers for reordering an array of items.
-*
-* Shared between drag-and-drop implementations that use different underlying
-* libraries (e.g. React Aria Components' `useDragAndDrop` and @dnd-kit's
-* `useSortable`). Each caller reduces its library-specific event to a pair of
-* indices and then uses `moveItemByIndex` to produce the reordered array.
-*/
-/**
-* Returns a new array with the item at `fromIndex` moved to `toIndex`.
-*
-* Returns the original array unchanged when either index is out of bounds or
-* the indices are equal.
-*/
-const moveItemByIndex = (items, fromIndex, toIndex) => {
-	if (fromIndex === toIndex || fromIndex < 0 || toIndex < 0 || fromIndex >= items.length || toIndex >= items.length) return items;
-	const next = items.slice();
-	const [moved] = next.splice(fromIndex, 1);
-	next.splice(toIndex, 0, moved);
-	return next;
-};
-/**
-* Finds the index of the item whose `keyPath` property stringifies to `key`.
-*
-* Comparison is done via `String(...)` on both sides so callers can pass
-* numeric or string ids interchangeably.
-*/
-const findIndexByKey = (items, keyPath, key) => {
-	const target = String(key);
-	return items.findIndex((item) => String(item[keyPath]) === target);
-};
-//#endregion
-exports.findIndexByKey = findIndexByKey;
-exports.moveItemByIndex = moveItemByIndex;
-
-//# sourceMappingURL=reorderItems.cjs.map

package/dist/lib/reorderItems.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"reorderItems.cjs","names":[],"sources":["../../lib/reorderItems.ts"],"sourcesContent":["/**\n * Pure index-based helpers for reordering an array of items.\n *\n * Shared between drag-and-drop implementations that use different underlying\n * libraries (e.g. React Aria Components' `useDragAndDrop` and @dnd-kit's\n * `useSortable`). Each caller reduces its library-specific event to a pair of\n * indices and then uses `moveItemByIndex` to produce the reordered array.\n */\n\n/**\n * Returns a new array with the item at `fromIndex` moved to `toIndex`.\n *\n * Returns the original array unchanged when either index is out of bounds or\n * the indices are equal.\n */\nexport const moveItemByIndex = <T>(items: T[], fromIndex: number, toIndex: number): T[] => {\n  if (\n    fromIndex === toIndex ||\n    fromIndex < 0 ||\n    toIndex < 0 ||\n    fromIndex >= items.length ||\n    toIndex >= items.length\n  ) {\n    return items;\n  }\n\n  const next = items.slice();\n  const [moved] = next.splice(fromIndex, 1);\n  next.splice(toIndex, 0, moved);\n  return next;\n};\n\n/**\n * Finds the index of the item whose `keyPath` property stringifies to `key`.\n *\n * Comparison is done via `String(...)` on both sides so callers can pass\n * numeric or string ids interchangeably.\n */\nexport const findIndexByKey = <T>(items: T[], keyPath: string, key: string | number): number => {\n  const target = String(key);\n  return items.findIndex((item) => String((item as Record<string, unknown>)[keyPath]) === target);\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAa,mBAAsB,OAAY,WAAmB,YAAyB;AACzF,KACE,cAAc,WACd,YAAY,KACZ,UAAU,KACV,aAAa,MAAM,UACnB,WAAW,MAAM,OAEjB,QAAO;CAGT,MAAM,OAAO,MAAM,OAAO;CAC1B,MAAM,CAAC,SAAS,KAAK,OAAO,WAAW,EAAE;AACzC,MAAK,OAAO,SAAS,GAAG,MAAM;AAC9B,QAAO;;;;;;;;AAST,MAAa,kBAAqB,OAAY,SAAiB,QAAiC;CAC9F,MAAM,SAAS,OAAO,IAAI;AAC1B,QAAO,MAAM,WAAW,SAAS,OAAQ,KAAiC,SAAS,KAAK,OAAO"}

package/dist/lib/reorderItems.d.cts

@@ -1,26 +0,0 @@
-//#region lib/reorderItems.d.ts
-/**
- * Pure index-based helpers for reordering an array of items.
- *
- * Shared between drag-and-drop implementations that use different underlying
- * libraries (e.g. React Aria Components' `useDragAndDrop` and @dnd-kit's
- * `useSortable`). Each caller reduces its library-specific event to a pair of
- * indices and then uses `moveItemByIndex` to produce the reordered array.
- */
-/**
- * Returns a new array with the item at `fromIndex` moved to `toIndex`.
- *
- * Returns the original array unchanged when either index is out of bounds or
- * the indices are equal.
- */
-declare const moveItemByIndex: <T>(items: T[], fromIndex: number, toIndex: number) => T[];
-/**
- * Finds the index of the item whose `keyPath` property stringifies to `key`.
- *
- * Comparison is done via `String(...)` on both sides so callers can pass
- * numeric or string ids interchangeably.
- */
-declare const findIndexByKey: <T>(items: T[], keyPath: string, key: string | number) => number;
-//#endregion
-export { findIndexByKey, moveItemByIndex };
-//# sourceMappingURL=reorderItems.d.cts.map

package/dist/lib/selectHelper.cjs

@@ -1,22 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../chunk-CKQMccvm.cjs");
-let _testing_library_react = require("@testing-library/react");
-//#region lib/selectHelper.ts
-/**
-* Click a PDS Select (Radix UI) option using fireEvent.click inside act().
-*
-* userEvent.click doesn't work for Radix SelectItem in React 18 + JSDOM because it fires
-* pointer events that set pointerTypeRef to "mouse", routing selection through onPointerUp
-* instead of onClick — and that path doesn't flush React state within act() due to focus()
-* calls from onPointerMove interfering with the concurrent scheduler. fireEvent.click
-* bypasses all of this cleanly.
-*/
-const clickSelectItem = async (name) => {
-	await (0, _testing_library_react.act)(async () => {
-		_testing_library_react.fireEvent.click(_testing_library_react.screen.getByRole("option", { name }));
-	});
-};
-//#endregion
-exports.clickSelectItem = clickSelectItem;
-
-//# sourceMappingURL=selectHelper.cjs.map

package/dist/lib/selectHelper.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"selectHelper.cjs","names":["screen"],"sources":["../../lib/selectHelper.ts"],"sourcesContent":["import { act, fireEvent, screen } from '@testing-library/react';\n\n/**\n * Click a PDS Select (Radix UI) option using fireEvent.click inside act().\n *\n * userEvent.click doesn't work for Radix SelectItem in React 18 + JSDOM because it fires\n * pointer events that set pointerTypeRef to \"mouse\", routing selection through onPointerUp\n * instead of onClick — and that path doesn't flush React state within act() due to focus()\n * calls from onPointerMove interfering with the concurrent scheduler. fireEvent.click\n * bypasses all of this cleanly.\n */\n// eslint-disable-next-line @persona-id/rtl-user-event\nexport const clickSelectItem = async (name: RegExp | string) => {\n  await act(async () => {\n    // eslint-disable-next-line @persona-id/rtl-user-event\n    fireEvent.click(screen.getByRole('option', { name }));\n  });\n};\n"],"mappings":";;;;;;;;;;;;;AAYA,MAAa,kBAAkB,OAAO,SAA0B;AAC9D,QAAA,GAAA,uBAAA,KAAU,YAAY;AAEpB,yBAAA,UAAU,MAAMA,uBAAAA,OAAO,UAAU,UAAU,EAAE,MAAM,CAAC,CAAC;GACrD"}

package/dist/lib/selectHelper.d.cts

@@ -1,14 +0,0 @@
-//#region lib/selectHelper.d.ts
-/**
- * Click a PDS Select (Radix UI) option using fireEvent.click inside act().
- *
- * userEvent.click doesn't work for Radix SelectItem in React 18 + JSDOM because it fires
- * pointer events that set pointerTypeRef to "mouse", routing selection through onPointerUp
- * instead of onClick — and that path doesn't flush React state within act() due to focus()
- * calls from onPointerMove interfering with the concurrent scheduler. fireEvent.click
- * bypasses all of this cleanly.
- */
-declare const clickSelectItem: (name: RegExp | string) => Promise<void>;
-//#endregion
-export { clickSelectItem };
-//# sourceMappingURL=selectHelper.d.cts.map

package/dist/lib/useControlled.cjs

@@ -1,20 +0,0 @@
-require("../chunk-CKQMccvm.cjs");
-let react = require("react");
-//#region lib/useControlled.ts
-/**
-* Hook to allow components that can be controlled and uncontrolled to get and set state.
-*
-* Inspired by MUI's neat controlled util
-* https://github.com/mui-org/material-ui/blob/master/packages/mui-utils/src/useControlled.js
-*/
-function useControlled({ controlledValue, default: defaultProp }) {
-	const { current: isControlled } = (0, react.useRef)(controlledValue !== void 0);
-	const [valueState, setValue] = (0, react.useState)(defaultProp);
-	return [isControlled ? controlledValue : valueState, (0, react.useCallback)((newValue) => {
-		if (!isControlled) setValue(newValue);
-	}, [])];
-}
-//#endregion
-module.exports = useControlled;
-
-//# sourceMappingURL=useControlled.cjs.map

package/dist/lib/useControlled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useControlled.cjs","names":[],"sources":["../../lib/useControlled.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\n/**\n * Hook to allow components that can be controlled and uncontrolled to get and set state.\n *\n * Inspired by MUI's neat controlled util\n * https://github.com/mui-org/material-ui/blob/master/packages/mui-utils/src/useControlled.js\n */\nexport default function useControlled<T>({\n  controlledValue,\n  default: defaultProp,\n}: {\n  controlledValue?: T;\n  default: T;\n}) {\n  // eslint-disable-next-line @persona-id/eqeq-null-undefined\n  const { current: isControlled } = useRef(controlledValue !== undefined);\n  const [valueState, setValue] = useState<T | undefined>(defaultProp);\n  const value = isControlled ? controlledValue : valueState;\n\n  const setValueIfUncontrolled = useCallback((newValue: T | undefined) => {\n    if (!isControlled) {\n      setValue(newValue);\n    }\n  }, []);\n\n  return [value, setValueIfUncontrolled] as const;\n}\n"],"mappings":";;;;;;;;;AAQA,SAAwB,cAAiB,EACvC,iBACA,SAAS,eAIR;CAED,MAAM,EAAE,SAAS,kBAAA,GAAA,MAAA,QAAwB,oBAAoB,KAAA,EAAU;CACvE,MAAM,CAAC,YAAY,aAAA,GAAA,MAAA,UAAoC,YAAY;AASnE,QAAO,CARO,eAAe,kBAAkB,aAAA,GAAA,MAAA,cAEH,aAA4B;AACtE,MAAI,CAAC,aACH,UAAS,SAAS;IAEnB,EAAE,CAEgC,CAAC"}

package/dist/lib/useControlled.d.cts

@@ -1,16 +0,0 @@
-//#region lib/useControlled.d.ts
-/**
- * Hook to allow components that can be controlled and uncontrolled to get and set state.
- *
- * Inspired by MUI's neat controlled util
- * https://github.com/mui-org/material-ui/blob/master/packages/mui-utils/src/useControlled.js
- */
-declare function useControlled<T>({
-  controlledValue,
-  default: defaultProp
-}: {
-  controlledValue?: T;
-  default: T;
-}): readonly [T | undefined, (newValue: T | undefined) => void];
-export = useControlled;
-//# sourceMappingURL=useControlled.d.cts.map