@persona/design-system 0.1.8 → 0.2.0

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

package/dist/lib/useIsOverflow.cjs

@@ -1,58 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../chunk-CKQMccvm.cjs");
-let react = require("react");
-//#region lib/useIsOverflow.ts
-const INITIAL_STATE = {
-	isOverflowWidth: false,
-	isOverflowHeight: false
-};
-const subscribers = /* @__PURE__ */ new WeakMap();
-let sharedObserver = null;
-const measureOverflow = (el) => ({
-	isOverflowWidth: el.scrollWidth > el.clientWidth,
-	isOverflowHeight: el.scrollHeight > el.clientHeight
-});
-const getSharedObserver = () => {
-	if (sharedObserver) return sharedObserver;
-	sharedObserver = new ResizeObserver((entries) => {
-		const updates = [];
-		for (const entry of entries) {
-			const setter = subscribers.get(entry.target);
-			if (!setter) continue;
-			const el = entry.target;
-			updates.push({
-				setter,
-				state: measureOverflow(el)
-			});
-		}
-		for (const { setter, state } of updates) setter(state);
-	});
-	return sharedObserver;
-};
-const useIsOverflow = (ref) => {
-	const [state, setState] = (0, react.useState)(INITIAL_STATE);
-	(0, react.useLayoutEffect)(() => {
-		const node = ref.current;
-		if (!node) return;
-		const onUpdate = (next) => {
-			setState((prev) => prev.isOverflowWidth === next.isOverflowWidth && prev.isOverflowHeight === next.isOverflowHeight ? prev : next);
-		};
-		subscribers.set(node, onUpdate);
-		const observer = getSharedObserver();
-		observer.observe(node);
-		onUpdate(measureOverflow(node));
-		return () => {
-			observer.unobserve(node);
-			subscribers.delete(node);
-		};
-	}, [ref]);
-	return (0, react.useMemo)(() => ({
-		isOverflowWidth: state.isOverflowWidth,
-		isOverflowHeight: state.isOverflowHeight,
-		isOverflow: state.isOverflowWidth || state.isOverflowHeight
-	}), [state]);
-};
-//#endregion
-exports.useIsOverflow = useIsOverflow;
-
-//# sourceMappingURL=useIsOverflow.cjs.map

package/dist/lib/useIsOverflow.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsOverflow.cjs","names":[],"sources":["../../lib/useIsOverflow.ts"],"sourcesContent":["import { type RefObject, useLayoutEffect, useMemo, useState } from 'react';\n\ntype OverflowState = {\n  isOverflowWidth: boolean;\n  isOverflowHeight: boolean;\n};\n\nconst INITIAL_STATE: OverflowState = { isOverflowWidth: false, isOverflowHeight: false };\n\nconst subscribers = new WeakMap<Element, (state: OverflowState) => void>();\nlet sharedObserver: ResizeObserver | null = null;\n\nconst measureOverflow = (el: HTMLElement): OverflowState => ({\n  isOverflowWidth: el.scrollWidth > el.clientWidth,\n  isOverflowHeight: el.scrollHeight > el.clientHeight,\n});\n\nconst getSharedObserver = (): ResizeObserver => {\n  if (sharedObserver) {\n    return sharedObserver;\n  }\n  sharedObserver = new ResizeObserver((entries) => {\n    const updates: { setter: (state: OverflowState) => void; state: OverflowState }[] = [];\n    for (const entry of entries) {\n      const setter = subscribers.get(entry.target);\n      if (!setter) {\n        continue;\n      }\n      const el = entry.target as HTMLElement;\n      updates.push({\n        setter,\n        state: measureOverflow(el),\n      });\n    }\n    for (const { setter, state } of updates) {\n      setter(state);\n    }\n  });\n  return sharedObserver;\n};\n\nexport const useIsOverflow = <T extends HTMLElement>(ref: RefObject<T>) => {\n  const [state, setState] = useState<OverflowState>(INITIAL_STATE);\n\n  useLayoutEffect(() => {\n    const node = ref.current;\n    if (!node) {\n      return;\n    }\n\n    const onUpdate = (next: OverflowState) => {\n      setState((prev) =>\n        prev.isOverflowWidth === next.isOverflowWidth &&\n        prev.isOverflowHeight === next.isOverflowHeight\n          ? prev\n          : next,\n      );\n    };\n\n    subscribers.set(node, onUpdate);\n    const observer = getSharedObserver();\n    observer.observe(node);\n    onUpdate(measureOverflow(node));\n\n    return () => {\n      observer.unobserve(node);\n      subscribers.delete(node);\n    };\n  }, [ref]);\n\n  return useMemo(\n    () => ({\n      isOverflowWidth: state.isOverflowWidth,\n      isOverflowHeight: state.isOverflowHeight,\n      isOverflow: state.isOverflowWidth || state.isOverflowHeight,\n    }),\n    [state],\n  );\n};\n"],"mappings":";;;;AAOA,MAAM,gBAA+B;CAAE,iBAAiB;CAAO,kBAAkB;CAAO;AAExF,MAAM,8BAAc,IAAI,SAAkD;AAC1E,IAAI,iBAAwC;AAE5C,MAAM,mBAAmB,QAAoC;CAC3D,iBAAiB,GAAG,cAAc,GAAG;CACrC,kBAAkB,GAAG,eAAe,GAAG;CACxC;AAED,MAAM,0BAA0C;AAC9C,KAAI,eACF,QAAO;AAET,kBAAiB,IAAI,gBAAgB,YAAY;EAC/C,MAAM,UAA8E,EAAE;AACtF,OAAK,MAAM,SAAS,SAAS;GAC3B,MAAM,SAAS,YAAY,IAAI,MAAM,OAAO;AAC5C,OAAI,CAAC,OACH;GAEF,MAAM,KAAK,MAAM;AACjB,WAAQ,KAAK;IACX;IACA,OAAO,gBAAgB,GAAG;IAC3B,CAAC;;AAEJ,OAAK,MAAM,EAAE,QAAQ,WAAW,QAC9B,QAAO,MAAM;GAEf;AACF,QAAO;;AAGT,MAAa,iBAAwC,QAAsB;CACzE,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAAoC,cAAc;AAEhE,EAAA,GAAA,MAAA,uBAAsB;EACpB,MAAM,OAAO,IAAI;AACjB,MAAI,CAAC,KACH;EAGF,MAAM,YAAY,SAAwB;AACxC,aAAU,SACR,KAAK,oBAAoB,KAAK,mBAC9B,KAAK,qBAAqB,KAAK,mBAC3B,OACA,KACL;;AAGH,cAAY,IAAI,MAAM,SAAS;EAC/B,MAAM,WAAW,mBAAmB;AACpC,WAAS,QAAQ,KAAK;AACtB,WAAS,gBAAgB,KAAK,CAAC;AAE/B,eAAa;AACX,YAAS,UAAU,KAAK;AACxB,eAAY,OAAO,KAAK;;IAEzB,CAAC,IAAI,CAAC;AAET,SAAA,GAAA,MAAA,gBACS;EACL,iBAAiB,MAAM;EACvB,kBAAkB,MAAM;EACxB,YAAY,MAAM,mBAAmB,MAAM;EAC5C,GACD,CAAC,MAAM,CACR"}

package/dist/lib/useIsOverflow.d.cts

@@ -1,11 +0,0 @@
-import { RefObject } from "react";
-
-//#region lib/useIsOverflow.d.ts
-declare const useIsOverflow: <T extends HTMLElement>(ref: RefObject<T>) => {
-  isOverflowWidth: boolean;
-  isOverflowHeight: boolean;
-  isOverflow: boolean;
-};
-//#endregion
-export { useIsOverflow };
-//# sourceMappingURL=useIsOverflow.d.cts.map

package/dist/lib/useOutsideClick.cjs

@@ -1,19 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../chunk-CKQMccvm.cjs");
-let react = require("react");
-//#region lib/useOutsideClick.tsx
-const useOutsideClick = ({ ref, onOutsideClick }) => {
-	(0, react.useEffect)(() => {
-		const handleClick = (event) => {
-			if (ref.current && !ref.current.contains(event.target)) onOutsideClick(event);
-		};
-		document.addEventListener("mousedown", handleClick);
-		return () => {
-			document.removeEventListener("mousedown", handleClick);
-		};
-	}, [ref, onOutsideClick]);
-};
-//#endregion
-exports.useOutsideClick = useOutsideClick;
-
-//# sourceMappingURL=useOutsideClick.cjs.map

package/dist/lib/useOutsideClick.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOutsideClick.cjs","names":[],"sources":["../../lib/useOutsideClick.tsx"],"sourcesContent":["import { type RefObject, useEffect } from 'react';\n\nexport const useOutsideClick = ({\n  ref,\n  onOutsideClick,\n}: {\n  ref: RefObject<HTMLElement>;\n  onOutsideClick: (event: MouseEvent) => void;\n}) => {\n  useEffect(() => {\n    const handleClick = (event: MouseEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        onOutsideClick(event);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClick);\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n    };\n  }, [ref, onOutsideClick]);\n};\n"],"mappings":";;;;AAEA,MAAa,mBAAmB,EAC9B,KACA,qBAII;AACJ,EAAA,GAAA,MAAA,iBAAgB;EACd,MAAM,eAAe,UAAsB;AACzC,OAAI,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,MAAM,OAAe,CAC5D,gBAAe,MAAM;;AAIzB,WAAS,iBAAiB,aAAa,YAAY;AACnD,eAAa;AACX,YAAS,oBAAoB,aAAa,YAAY;;IAEvD,CAAC,KAAK,eAAe,CAAC"}

package/dist/lib/useOutsideClick.d.cts

@@ -1,13 +0,0 @@
-import { RefObject } from "react";
-
-//#region lib/useOutsideClick.d.ts
-declare const useOutsideClick: ({
-  ref,
-  onOutsideClick
-}: {
-  ref: RefObject<HTMLElement>;
-  onOutsideClick: (event: MouseEvent) => void;
-}) => void;
-//#endregion
-export { useOutsideClick };
-//# sourceMappingURL=useOutsideClick.d.cts.map

package/dist/lib/useScrollOverflow.cjs

@@ -1,61 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../chunk-CKQMccvm.cjs");
-let react = require("react");
-//#region lib/useScrollOverflow.ts
-/**
-* Tracks the horizontal-overflow state of a scroll container.
-*
-* - `hasHorizontalOverflow` — true while the content is wider than the box.
-* - `hasMoreScrollLeft` — true while the user has not yet scrolled to the
-*   left edge. Drives the left-edge fade affordance.
-* - `hasMoreScrollRight` — true while the user has not yet scrolled to the
-*   right edge. Drives the right-edge fade affordance.
-*
-* Listens to `scroll` on the element, size changes via `ResizeObserver`,
-* and content changes via `MutationObserver` (child add/remove and text
-* changes within existing descendants).
-*/
-const useScrollOverflow = (ref, { enabled = true } = {}) => {
-	const [hasHorizontalOverflow, setHasHorizontalOverflow] = (0, react.useState)(false);
-	const [hasMoreScrollLeft, setHasMoreScrollLeft] = (0, react.useState)(false);
-	const [hasMoreScrollRight, setHasMoreScrollRight] = (0, react.useState)(false);
-	(0, react.useEffect)(() => {
-		if (!enabled) {
-			setHasHorizontalOverflow(false);
-			setHasMoreScrollLeft(false);
-			setHasMoreScrollRight(false);
-			return;
-		}
-		const el = ref.current;
-		if (!el) return;
-		const update = () => {
-			setHasHorizontalOverflow(el.scrollWidth > el.clientWidth + 1);
-			setHasMoreScrollLeft(el.scrollLeft > 1);
-			setHasMoreScrollRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);
-		};
-		update();
-		el.addEventListener("scroll", update, { passive: true });
-		const ro = typeof ResizeObserver !== "undefined" ? new ResizeObserver(update) : null;
-		ro?.observe(el);
-		const mo = typeof MutationObserver !== "undefined" ? new MutationObserver(update) : null;
-		mo?.observe(el, {
-			characterData: true,
-			childList: true,
-			subtree: true
-		});
-		return () => {
-			el.removeEventListener("scroll", update);
-			ro?.disconnect();
-			mo?.disconnect();
-		};
-	}, [ref, enabled]);
-	return {
-		hasHorizontalOverflow,
-		hasMoreScrollLeft,
-		hasMoreScrollRight
-	};
-};
-//#endregion
-exports.useScrollOverflow = useScrollOverflow;
-
-//# sourceMappingURL=useScrollOverflow.cjs.map