@persona/design-system 0.1.5-pre.4 → 0.1.6

package/dist/lib/PDSProvider.mjs

@@ -1,18 +1,11 @@
 import defaultTheme from "../theme.mjs";
-import { ComponentRegisterProvider } from "./register/RegisterComponent.mjs";
-import "./register/index.mjs";
 import { ThemeProvider } from "styled-components";
 import { jsx } from "react/jsx-runtime";
 //#region lib/PDSProvider.tsx
-const PDSProvider = ({ children, theme = defaultTheme, componentRegister }) => {
-	return /* @__PURE__ */ jsx(ThemeProvider, {
-		theme,
-		children: componentRegister ? /* @__PURE__ */ jsx(ComponentRegisterProvider, {
-			value: componentRegister,
-			children
-		}) : children
-	});
-};
+const PDSProvider = ({ children, theme = defaultTheme }) => /* @__PURE__ */ jsx(ThemeProvider, {
+	theme,
+	children
+});
 //#endregion
 export { PDSProvider as default };
 

package/dist/lib/PDSProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PDSProvider.mjs","names":[],"sources":["../../lib/PDSProvider.tsx"],"sourcesContent":["import {\n  ComponentRegisterProvider,\n  type ComponentRegister,\n} from '@persona/design-system/lib/register';\nimport defaultTheme, { type PersonaTheme } from '@persona/design-system/theme';\nimport type { FC, PropsWithChildren } from 'react';\nimport { ThemeProvider } from 'styled-components';\n\ninterface PDSProviderProps {\n  theme?: PersonaTheme;\n  componentRegister?: ComponentRegister;\n}\n\nconst PDSProvider: FC<PropsWithChildren<PDSProviderProps>> = ({\n  children,\n  theme = defaultTheme,\n  componentRegister,\n}) => {\n  const content = componentRegister ? (\n    <ComponentRegisterProvider value={componentRegister}>{children}</ComponentRegisterProvider>\n  ) : (\n    children\n  );\n\n  return <ThemeProvider theme={theme}>{content}</ThemeProvider>;\n};\n\nexport default PDSProvider;\n"],"mappings":";;;;;;AAaA,MAAM,eAAwD,EAC5D,UACA,QAAQ,cACR,wBACI;AAOJ,QAAO,oBAAC,eAAD;EAAsB;YANb,oBACd,oBAAC,2BAAD;GAA2B,OAAO;GAAoB;GAAqC,CAAA,GAE3F;EAG2D,CAAA"}
+{"version":3,"file":"PDSProvider.mjs","names":[],"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,QAAQ,mBACJ,oBAAC,eAAD;CAAsB;CAAQ;CAAyB,CAAA"}

package/dist/lib/TruncatedText.cjs

@@ -2,12 +2,12 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_chunk = require("../chunk-CoPdw6nB.cjs");
+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");
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region lib/TruncatedText.tsx
 const OverflowEllipsisSpan = styled_components.default.span`
   display: block;

package/dist/lib/TruncatedText.d.cts

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

package/dist/lib/TruncatedText.d.mts

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

package/dist/lib/TruncatedText.mjs

@@ -1,7 +1,7 @@
 import { useIsOverflow } from "./useIsOverflow.mjs";
 import styled from "styled-components";
-import { jsx } from "react/jsx-runtime";
 import { useRef } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region lib/TruncatedText.tsx
 const OverflowEllipsisSpan = styled.span`
   display: block;

package/dist/lib/TruncatedTextWithTooltip.cjs

@@ -2,12 +2,12 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../chunk-CoPdw6nB.cjs");
+require("../chunk-CKQMccvm.cjs");
 const require_lib_useIsOverflow = require("./useIsOverflow.cjs");
 const require_lib_TruncatedText = require("./TruncatedText.cjs");
-const require_Tooltip = require("../Tooltip-0i_15ysU.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
+const require_Tooltip = require("../Tooltip-vylydKVv.cjs");
 let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region lib/TruncatedTextWithTooltip.tsx
 /**
 * Truncates the text if it is too long to fit in the container and shows a tooltip if the text

package/dist/lib/TruncatedTextWithTooltip.d.mts

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

package/dist/lib/TruncatedTextWithTooltip.mjs

@@ -1,8 +1,8 @@
 import { useIsOverflow } from "./useIsOverflow.mjs";
 import { OverflowEllipsisSpan } from "./TruncatedText.mjs";
-import { a as Tooltip } from "../Tooltip-T7RQpy_a.mjs";
-import { jsx } from "react/jsx-runtime";
+import { a as Tooltip } from "../Tooltip-CDvOu1UN.mjs";
 import { useRef } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region lib/TruncatedTextWithTooltip.tsx
 /**
 * Truncates the text if it is too long to fit in the container and shows a tooltip if the text

package/dist/lib/comboboxHelper.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../chunk-CoPdw6nB.cjs");
-const require_react_esm = require("../react.esm-C-es35jP.cjs");
+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).
@@ -13,7 +13,7 @@ const require_react_esm = require("../react.esm-C-es35jP.cjs");
 * Open a Combobox dropdown by clicking on the combobox element.
 */
 const openComboboxOptions = (comboboxInput) => {
-	require_react_esm.fireEvent.click(comboboxInput);
+	_testing_library_react.fireEvent.click(comboboxInput);
 };
 /**
 * Get all option labels for a multi-select Combobox.
@@ -21,7 +21,7 @@ const openComboboxOptions = (comboboxInput) => {
 */
 const allComboboxOptionLabels = async (comboboxInput) => {
 	openComboboxOptions(comboboxInput);
-	return (await require_react_esm.screen.findAllByRole("option")).map((opt) => {
+	return (await _testing_library_react.screen.findAllByRole("option")).map((opt) => {
 		const labelId = opt.getAttribute("aria-labelledby");
 		if (labelId) {
 			const labelEl = document.getElementById(labelId);
@@ -35,8 +35,8 @@ const allComboboxOptionLabels = async (comboboxInput) => {
 */
 const selectComboboxOption = async (comboboxInput, labelText) => {
 	openComboboxOptions(comboboxInput);
-	const option = await require_react_esm.screen.findByRole("option", { name: new RegExp(labelText) });
-	require_react_esm.fireEvent.click(option);
+	const option = await _testing_library_react.screen.findByRole("option", { name: new RegExp(labelText) });
+	_testing_library_react.fireEvent.click(option);
 };
 //#endregion
 exports.allComboboxOptionLabels = allComboboxOptionLabels;

package/dist/lib/comboboxHelper.cjs.map

@@ -1 +1 @@
-{"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,mBAAA,UAAU,MAAM,cAAc;;;;;;AAOhC,MAAa,0BAA0B,OAAO,kBAAkD;AAC9F,qBAAoB,cAAc;AAElC,SAAO,MADeA,kBAAAA,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,kBAAAA,OAAO,WAAW,UAAU,EAC/C,MAAM,IAAI,OAAO,UAAU,EAC5B,CAAC;AACF,mBAAA,UAAU,MAAM,OAAO"}
+{"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.mjs

@@ -1,4 +1,4 @@
-import { a as screen, n as fireEvent } from "../react.esm-Dv1lMDRs.mjs";
+import { fireEvent, screen } from "@testing-library/react";
 //#region lib/comboboxHelper.ts
 /**
 * Test helpers for the design system Combobox component (multi-select).

package/dist/lib/copyTextToClipboard.cjs

@@ -0,0 +1,33 @@
+//#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

@@ -0,0 +1 @@
+{"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

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

package/dist/lib/copyTextToClipboard.d.mts

@@ -0,0 +1,5 @@
+//#region lib/copyTextToClipboard.d.ts
+declare function copyTextToClipboard(text: string): Promise<boolean>;
+//#endregion
+export { copyTextToClipboard as default };
+//# sourceMappingURL=copyTextToClipboard.d.mts.map

package/dist/lib/copyTextToClipboard.mjs

@@ -0,0 +1,33 @@
+//#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
+export { copyTextToClipboard as default };
+
+//# sourceMappingURL=copyTextToClipboard.mjs.map

package/dist/lib/copyTextToClipboard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyTextToClipboard.mjs","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"}