@persona/design-system 0.1.5-pre.4

package/dist/index-DWfPppPU.d.mts

@@ -0,0 +1 @@
+export { };

package/dist/index-DcU87nuJ2.d.cts

@@ -0,0 +1 @@
+export { };

package/dist/index-DkrC-i1D.d.mts

@@ -0,0 +1 @@
+export { };

package/dist/index-DvuJXuAN.d.mts

@@ -0,0 +1 @@
+export { };

package/dist/index-OEBbnNdr.d.mts

@@ -0,0 +1 @@
+export { };

package/dist/index-QbUkWSLh.d.mts

@@ -0,0 +1 @@
+export { };

package/dist/index-VmEFGBxN.d.cts

@@ -0,0 +1 @@
+export { };

package/dist/index.cjs

@@ -0,0 +1 @@
+require("./chunk-CoPdw6nB.cjs");

package/dist/index.d.cts

@@ -0,0 +1,2 @@
+import { a as Root, i as HeaderProps, n as Header, o as Title, r as HeaderContainer, s as TitleContainer, t as ActionsContainer } from "./Header-D8oDtnIL.cjs";
+export { ActionsContainer, HeaderContainer, HeaderProps, Root, Title, TitleContainer, Header as default };

package/dist/index.d.mts

@@ -0,0 +1,2 @@
+import { a as Root, i as HeaderProps, n as Header, o as Title, r as HeaderContainer, s as TitleContainer, t as ActionsContainer } from "./Header-t1plnZc0.mjs";
+export { ActionsContainer, HeaderContainer, HeaderProps, Root, Title, TitleContainer, Header as default };

package/dist/index2.d.cts

@@ -0,0 +1 @@
+export { };

package/dist/index2.d.mts

@@ -0,0 +1 @@
+export { };

package/dist/input-BCmP106-.d.mts

@@ -0,0 +1,17 @@
+import { t as PseudoClassProps } from "./PseudoClassProps-mZgO_iZJ.mjs";
+import { t as ErrorProps } from "./ErrorProps-DYUKygmd.mjs";
+import * as _$styled_components0 from "styled-components";
+
+//#region mixins/input.d.ts
+type InputSizes = 'md' | 'sm';
+interface InputMixinProps extends ErrorProps, PseudoClassProps {
+  $size?: InputSizes;
+}
+/**
+ * Provides input-like hover and focus outline effects. Can also be applied to
+ * non-input elements (like divs) to give input-like styles.
+ */
+declare const inputMixin: _$styled_components0.FlattenInterpolation<_$styled_components0.ThemedStyledProps<InputMixinProps, any>>;
+//#endregion
+export { InputSizes as n, inputMixin as r, InputMixinProps as t };
+//# sourceMappingURL=input-BCmP106-.d.mts.map

package/dist/input-Bm_anD8X.d.cts

@@ -0,0 +1,17 @@
+import { t as PseudoClassProps } from "./PseudoClassProps-C5jpj6Rp.cjs";
+import { t as ErrorProps } from "./ErrorProps-DLdVsYlk.cjs";
+import * as _$styled_components0 from "styled-components";
+
+//#region mixins/input.d.ts
+type InputSizes = 'md' | 'sm';
+interface InputMixinProps extends ErrorProps, PseudoClassProps {
+  $size?: InputSizes;
+}
+/**
+ * Provides input-like hover and focus outline effects. Can also be applied to
+ * non-input elements (like divs) to give input-like styles.
+ */
+declare const inputMixin: _$styled_components0.FlattenInterpolation<_$styled_components0.ThemedStyledProps<InputMixinProps, any>>;
+//#endregion
+export { InputSizes as n, inputMixin as r, InputMixinProps as t };
+//# sourceMappingURL=input-Bm_anD8X.d.cts.map

package/dist/inputFields.d.cts

@@ -0,0 +1,83 @@
+import { n as CheckboxProps } from "./Checkbox-BmjK0Wac.cjs";
+import { a as InputProps } from "./Input-XppkvfUf.cjs";
+import { n as ComboboxMultiSelectProps } from "./ComboboxMultiSelect-Dn8cRZ6Z.cjs";
+import { n as ComboboxSingleSelectProps } from "./ComboboxSingleSelect-D8YM7GKP.cjs";
+import { n as FormFieldBaseProps } from "./FormField-19ownwjH.cjs";
+import { n as RadioGroupProps } from "./RadioGroup-D5ueuC6a.cjs";
+import { i as SegmentedControlProps } from "./SegmentedControl-DRtXdbLe.cjs";
+import { i as SelectProps } from "./Select-BdPdgtfU.cjs";
+import { t as TextAreaProps } from "./TextArea-j43fhp2P.cjs";
+import { n as ToggleProps } from "./Toggle-BjkbL_uf.cjs";
+import * as _$react from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
+
+//#region components/FormField/inputFields.d.ts
+type ImplementsFormField = Omit<FormFieldBaseProps, 'children'>;
+type ExtractFormFieldProps<T extends ImplementsFormField> = Pick<T, 'label' | 'inputId' | 'helperText' | 'errorText' | 'warningText' | 'labelProps' | 'helperProps' | 'warningProps' | 'errorProps' | 'configField' | 'configFieldInputWidth' | 'rightActions'>;
+type OmitFormFieldProps<T extends ImplementsFormField> = Omit<T, keyof ExtractFormFieldProps<T>>;
+/**
+ * Helper to split out props that are sent to the FormField component from props sent
+ * to the underlying input component.
+ */
+declare const splitOutFormFieldProps: <T extends ImplementsFormField>(props: T) => {
+  formFieldProps: ExtractFormFieldProps<T>;
+  inputProps: OmitFormFieldProps<T>;
+};
+interface TextFieldProps extends ImplementsFormField, InputProps {}
+declare const TextField: _$react.ForwardRefExoticComponent<TextFieldProps & _$react.RefAttributes<HTMLInputElement>>;
+interface TextAreaFieldProps extends ImplementsFormField, TextAreaProps {}
+declare const TextAreaField: _$react.ForwardRefExoticComponent<TextAreaFieldProps & _$react.RefAttributes<HTMLTextAreaElement>>;
+interface SelectFieldProps extends ImplementsFormField, SelectProps {}
+declare const SelectField: ({
+  id,
+  label,
+  helperText,
+  errorText,
+  warningText,
+  children,
+  configField,
+  labelProps,
+  ...props
+}: SelectFieldProps) => _$react_jsx_runtime0.JSX.Element;
+interface RadioGroupFieldProps extends Omit<ImplementsFormField, 'configField'>, RadioGroupProps {}
+declare const RadioGroupField: ({
+  label,
+  helperText,
+  errorText,
+  warningText,
+  children,
+  ...props
+}: RadioGroupFieldProps) => _$react_jsx_runtime0.JSX.Element;
+interface CheckboxFieldProps extends ImplementsFormField, CheckboxProps {
+  checkboxLabel?: CheckboxProps['label'];
+}
+declare const CheckboxField: ({
+  label,
+  helperText,
+  errorText,
+  warningText,
+  checkboxLabel,
+  configField,
+  labelProps,
+  ...props
+}: CheckboxFieldProps) => _$react_jsx_runtime0.JSX.Element;
+interface ToggleFieldProps extends ImplementsFormField, ToggleProps {}
+declare const ToggleField: _$react.ForwardRefExoticComponent<ToggleFieldProps & _$react.RefAttributes<HTMLDivElement>>;
+interface SegmentedControlFieldProps extends ImplementsFormField, Omit<SegmentedControlProps, 'children'> {
+  children?: SegmentedControlProps['children'];
+}
+declare const SegmentedControlField: _$react.ForwardRefExoticComponent<SegmentedControlFieldProps & _$react.RefAttributes<HTMLDivElement>>;
+type ComboboxSingleSelectFieldProps<T = string> = ImplementsFormField & ComboboxSingleSelectProps<T>;
+type ComboboxMultiSelectFieldProps<T = string> = ImplementsFormField & ComboboxMultiSelectProps<T>;
+declare const ComboboxField: ({
+  label,
+  labelProps,
+  helperText,
+  errorText,
+  warningText,
+  configField,
+  ...props
+}: ComboboxSingleSelectFieldProps | ComboboxMultiSelectFieldProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CheckboxField, CheckboxFieldProps, ComboboxField, ComboboxMultiSelectFieldProps, ComboboxSingleSelectFieldProps, ImplementsFormField, RadioGroupField, RadioGroupFieldProps, SegmentedControlField, SegmentedControlFieldProps, SelectField, SelectFieldProps, TextAreaField, TextAreaFieldProps, TextField, TextFieldProps, ToggleField, ToggleFieldProps, splitOutFormFieldProps };
+//# sourceMappingURL=inputFields.d.cts.map

package/dist/inputFields.d.mts

@@ -0,0 +1,83 @@
+import { n as CheckboxProps } from "./Checkbox-BWJNAP27.mjs";
+import { a as InputProps } from "./Input-Cv5qieRg.mjs";
+import { n as ComboboxMultiSelectProps } from "./ComboboxMultiSelect-Dq9DGH8S.mjs";
+import { n as ComboboxSingleSelectProps } from "./ComboboxSingleSelect-WwBJRb0e.mjs";
+import { n as FormFieldBaseProps } from "./FormField-CdMru4s5.mjs";
+import { n as RadioGroupProps } from "./RadioGroup-Ls0vPsP_.mjs";
+import { i as SegmentedControlProps } from "./SegmentedControl-Dk5S4Dhz.mjs";
+import { i as SelectProps } from "./Select-DRnRqMAL.mjs";
+import { t as TextAreaProps } from "./TextArea-1bHvaq9p.mjs";
+import { n as ToggleProps } from "./Toggle-B3Cdyf7T.mjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react from "react";
+
+//#region components/FormField/inputFields.d.ts
+type ImplementsFormField = Omit<FormFieldBaseProps, 'children'>;
+type ExtractFormFieldProps<T extends ImplementsFormField> = Pick<T, 'label' | 'inputId' | 'helperText' | 'errorText' | 'warningText' | 'labelProps' | 'helperProps' | 'warningProps' | 'errorProps' | 'configField' | 'configFieldInputWidth' | 'rightActions'>;
+type OmitFormFieldProps<T extends ImplementsFormField> = Omit<T, keyof ExtractFormFieldProps<T>>;
+/**
+ * Helper to split out props that are sent to the FormField component from props sent
+ * to the underlying input component.
+ */
+declare const splitOutFormFieldProps: <T extends ImplementsFormField>(props: T) => {
+  formFieldProps: ExtractFormFieldProps<T>;
+  inputProps: OmitFormFieldProps<T>;
+};
+interface TextFieldProps extends ImplementsFormField, InputProps {}
+declare const TextField: _$react.ForwardRefExoticComponent<TextFieldProps & _$react.RefAttributes<HTMLInputElement>>;
+interface TextAreaFieldProps extends ImplementsFormField, TextAreaProps {}
+declare const TextAreaField: _$react.ForwardRefExoticComponent<TextAreaFieldProps & _$react.RefAttributes<HTMLTextAreaElement>>;
+interface SelectFieldProps extends ImplementsFormField, SelectProps {}
+declare const SelectField: ({
+  id,
+  label,
+  helperText,
+  errorText,
+  warningText,
+  children,
+  configField,
+  labelProps,
+  ...props
+}: SelectFieldProps) => _$react_jsx_runtime0.JSX.Element;
+interface RadioGroupFieldProps extends Omit<ImplementsFormField, 'configField'>, RadioGroupProps {}
+declare const RadioGroupField: ({
+  label,
+  helperText,
+  errorText,
+  warningText,
+  children,
+  ...props
+}: RadioGroupFieldProps) => _$react_jsx_runtime0.JSX.Element;
+interface CheckboxFieldProps extends ImplementsFormField, CheckboxProps {
+  checkboxLabel?: CheckboxProps['label'];
+}
+declare const CheckboxField: ({
+  label,
+  helperText,
+  errorText,
+  warningText,
+  checkboxLabel,
+  configField,
+  labelProps,
+  ...props
+}: CheckboxFieldProps) => _$react_jsx_runtime0.JSX.Element;
+interface ToggleFieldProps extends ImplementsFormField, ToggleProps {}
+declare const ToggleField: _$react.ForwardRefExoticComponent<ToggleFieldProps & _$react.RefAttributes<HTMLDivElement>>;
+interface SegmentedControlFieldProps extends ImplementsFormField, Omit<SegmentedControlProps, 'children'> {
+  children?: SegmentedControlProps['children'];
+}
+declare const SegmentedControlField: _$react.ForwardRefExoticComponent<SegmentedControlFieldProps & _$react.RefAttributes<HTMLDivElement>>;
+type ComboboxSingleSelectFieldProps<T = string> = ImplementsFormField & ComboboxSingleSelectProps<T>;
+type ComboboxMultiSelectFieldProps<T = string> = ImplementsFormField & ComboboxMultiSelectProps<T>;
+declare const ComboboxField: ({
+  label,
+  labelProps,
+  helperText,
+  errorText,
+  warningText,
+  configField,
+  ...props
+}: ComboboxSingleSelectFieldProps | ComboboxMultiSelectFieldProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CheckboxField, CheckboxFieldProps, ComboboxField, ComboboxMultiSelectFieldProps, ComboboxSingleSelectFieldProps, ImplementsFormField, RadioGroupField, RadioGroupFieldProps, SegmentedControlField, SegmentedControlFieldProps, SelectField, SelectFieldProps, TextAreaField, TextAreaFieldProps, TextField, TextFieldProps, ToggleField, ToggleFieldProps, splitOutFormFieldProps };
+//# sourceMappingURL=inputFields.d.mts.map

package/dist/intersperse.d.mts

@@ -0,0 +1,18 @@
+//#region lib/intersperse.d.ts
+/**
+ * @name intersperse
+ *
+ * Inserts an element between array items using a separator function. The
+ * separator function is passed the previous index, the previous element, and
+ * the next element.
+ *
+ * ```typescript
+ * const nodeList: React.ReactNode[] = [...]
+ * const commaSeparatedList = intersperse(nodeList, () => ', ')
+ * const advancedSeparatedList = intersperse(nodeList, i => <Separator key={i}/>)
+ * ```
+ */
+declare function intersperse<T>(arr: T[], separator: (n: number, prev: T, curr: T) => T): T[];
+//#endregion
+export { intersperse };
+//# sourceMappingURL=intersperse.d.mts.map

package/dist/lib/ConfigContext.cjs

@@ -0,0 +1,15 @@
+require("../chunk-CoPdw6nB.cjs");
+//#region lib/ConfigContext.ts
+/**
+* Use this context to pass feature flags into the design system.
+*/
+const ConfigContext = (0, require("react").createContext)({
+	featureFlags: {},
+	captureException: () => {
+		console.error("PDS default captureException not configured. Set using ConfigContext.Provider");
+	}
+});
+//#endregion
+module.exports = ConfigContext;
+
+//# sourceMappingURL=ConfigContext.cjs.map

package/dist/lib/ConfigContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigContext.cjs","names":[],"sources":["../../lib/ConfigContext.ts"],"sourcesContent":["import { createContext } from 'react';\n\n/**\n * Use this context to pass feature flags into the design system.\n */\nconst ConfigContext = createContext<{\n  // Update to { \"feature_flag_name\": boolean } when adding the first feature flag.\n  featureFlags: object;\n  /**\n   * Configure the default captureException function used by components that have built-in error\n   * handling (i.e. Card).\n   */\n  captureException: (error: Error) => void;\n}>({\n  featureFlags: {},\n  captureException: () => {\n    console.error('PDS default captureException not configured. Set using ConfigContext.Provider');\n  },\n});\n\nexport default ConfigContext;\n"],"mappings":";;;;;AAKA,MAAM,iBAAA,mBAAA,CAAA,eAQH;CACD,cAAc,EAAE;CAChB,wBAAwB;AACtB,UAAQ,MAAM,gFAAgF;;CAEjG,CAAC"}

package/dist/lib/ConfigContext.d.cts

@@ -0,0 +1,16 @@
+import * as _$react from "react";
+
+//#region lib/ConfigContext.d.ts
+/**
+ * Use this context to pass feature flags into the design system.
+ */
+declare const ConfigContext: _$react.Context<{
+  featureFlags: object;
+  /**
+   * Configure the default captureException function used by components that have built-in error
+   * handling (i.e. Card).
+   */
+  captureException: (error: Error) => void;
+}>;
+export = ConfigContext;
+//# sourceMappingURL=ConfigContext.d.cts.map

package/dist/lib/ConfigContext.d.mts

@@ -0,0 +1,17 @@
+import * as _$react from "react";
+
+//#region lib/ConfigContext.d.ts
+/**
+ * Use this context to pass feature flags into the design system.
+ */
+declare const ConfigContext: _$react.Context<{
+  featureFlags: object;
+  /**
+   * Configure the default captureException function used by components that have built-in error
+   * handling (i.e. Card).
+   */
+  captureException: (error: Error) => void;
+}>;
+//#endregion
+export { ConfigContext as default };
+//# sourceMappingURL=ConfigContext.d.mts.map

package/dist/lib/ConfigContext.mjs

@@ -0,0 +1,15 @@
+import { createContext } from "react";
+//#region lib/ConfigContext.ts
+/**
+* Use this context to pass feature flags into the design system.
+*/
+const ConfigContext = createContext({
+	featureFlags: {},
+	captureException: () => {
+		console.error("PDS default captureException not configured. Set using ConfigContext.Provider");
+	}
+});
+//#endregion
+export { ConfigContext as default };
+
+//# sourceMappingURL=ConfigContext.mjs.map

package/dist/lib/ConfigContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigContext.mjs","names":[],"sources":["../../lib/ConfigContext.ts"],"sourcesContent":["import { createContext } from 'react';\n\n/**\n * Use this context to pass feature flags into the design system.\n */\nconst ConfigContext = createContext<{\n  // Update to { \"feature_flag_name\": boolean } when adding the first feature flag.\n  featureFlags: object;\n  /**\n   * Configure the default captureException function used by components that have built-in error\n   * handling (i.e. Card).\n   */\n  captureException: (error: Error) => void;\n}>({\n  featureFlags: {},\n  captureException: () => {\n    console.error('PDS default captureException not configured. Set using ConfigContext.Provider');\n  },\n});\n\nexport default ConfigContext;\n"],"mappings":";;;;;AAKA,MAAM,gBAAgB,cAQnB;CACD,cAAc,EAAE;CAChB,wBAAwB;AACtB,UAAQ,MAAM,gFAAgF;;CAEjG,CAAC"}

package/dist/lib/HeadlessAriaButton.cjs

@@ -0,0 +1,33 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_chunk = require("../chunk-CoPdw6nB.cjs");
+let styled_components = require("styled-components");
+styled_components = require_chunk.__toESM(styled_components);
+let react_aria_components = require("react-aria-components");
+//#region lib/HeadlessAriaButton.tsx
+/**
+* A fully headless version of the react-aria Button component. A react-aria button is sometimes
+* needed for react-aria components to function.
+*/
+const HeadlessAriaButton = (0, styled_components.default)(react_aria_components.Button)`
+  /* Unset styles */
+  border: none;
+  margin: 0;
+  padding: 0;
+  background: none;
+  cursor: pointer;
+
+  /* Set button radius incase the button will use focus styles*/
+  border-radius: ${({ theme }) => theme.button.borderRadius};
+
+  &:focus-visible {
+    outline: none;
+  }
+
+  &:disabled {
+    cursor: default;
+  }
+`;
+//#endregion
+exports.HeadlessAriaButton = HeadlessAriaButton;
+
+//# sourceMappingURL=HeadlessAriaButton.cjs.map

package/dist/lib/HeadlessAriaButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadlessAriaButton.cjs","names":["Button"],"sources":["../../lib/HeadlessAriaButton.tsx"],"sourcesContent":["import { Button } from 'react-aria-components';\nimport styled from 'styled-components';\n\n/**\n * A fully headless version of the react-aria Button component. A react-aria button is sometimes\n * needed for react-aria components to function.\n */\nexport const HeadlessAriaButton = styled(Button)`\n  /* Unset styles */\n  border: none;\n  margin: 0;\n  padding: 0;\n  background: none;\n  cursor: pointer;\n\n  /* Set button radius incase the button will use focus styles*/\n  border-radius: ${({ theme }) => theme.button.borderRadius};\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:disabled {\n    cursor: default;\n  }\n`;\n"],"mappings":";;;;;;;;;;AAOA,MAAa,qBAAqB,CAAA,GAAA,kBAAA,SAAOA,sBAAAA,OAAO;;;;;;;;;oBAS5B,EAAE,YAAY,MAAM,OAAO,aAAa"}

package/dist/lib/HeadlessAriaButton.d.cts

@@ -0,0 +1,12 @@
+import * as _$styled_components0 from "styled-components";
+import * as _$react_aria_components0 from "react-aria-components";
+
+//#region lib/HeadlessAriaButton.d.ts
+/**
+ * A fully headless version of the react-aria Button component. A react-aria button is sometimes
+ * needed for react-aria components to function.
+ */
+declare const HeadlessAriaButton: _$styled_components0.StyledComponent<(props: _$react_aria_components0.ButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null, any, {}, never>;
+//#endregion
+export { HeadlessAriaButton };
+//# sourceMappingURL=HeadlessAriaButton.d.cts.map

package/dist/lib/HeadlessAriaButton.d.mts

@@ -0,0 +1,12 @@
+import * as _$styled_components0 from "styled-components";
+import * as _$react_aria_components0 from "react-aria-components";
+
+//#region lib/HeadlessAriaButton.d.ts
+/**
+ * A fully headless version of the react-aria Button component. A react-aria button is sometimes
+ * needed for react-aria components to function.
+ */
+declare const HeadlessAriaButton: _$styled_components0.StyledComponent<(props: _$react_aria_components0.ButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null, any, {}, never>;
+//#endregion
+export { HeadlessAriaButton };
+//# sourceMappingURL=HeadlessAriaButton.d.mts.map

package/dist/lib/HeadlessAriaButton.mjs

@@ -0,0 +1,30 @@
+import styled from "styled-components";
+import { Button } from "react-aria-components";
+//#region lib/HeadlessAriaButton.tsx
+/**
+* A fully headless version of the react-aria Button component. A react-aria button is sometimes
+* needed for react-aria components to function.
+*/
+const HeadlessAriaButton = styled(Button)`
+  /* Unset styles */
+  border: none;
+  margin: 0;
+  padding: 0;
+  background: none;
+  cursor: pointer;
+
+  /* Set button radius incase the button will use focus styles*/
+  border-radius: ${({ theme }) => theme.button.borderRadius};
+
+  &:focus-visible {
+    outline: none;
+  }
+
+  &:disabled {
+    cursor: default;
+  }
+`;
+//#endregion
+export { HeadlessAriaButton };
+
+//# sourceMappingURL=HeadlessAriaButton.mjs.map

package/dist/lib/HeadlessAriaButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadlessAriaButton.mjs","names":[],"sources":["../../lib/HeadlessAriaButton.tsx"],"sourcesContent":["import { Button } from 'react-aria-components';\nimport styled from 'styled-components';\n\n/**\n * A fully headless version of the react-aria Button component. A react-aria button is sometimes\n * needed for react-aria components to function.\n */\nexport const HeadlessAriaButton = styled(Button)`\n  /* Unset styles */\n  border: none;\n  margin: 0;\n  padding: 0;\n  background: none;\n  cursor: pointer;\n\n  /* Set button radius incase the button will use focus styles*/\n  border-radius: ${({ theme }) => theme.button.borderRadius};\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:disabled {\n    cursor: default;\n  }\n`;\n"],"mappings":";;;;;;;AAOA,MAAa,qBAAqB,OAAO,OAAO;;;;;;;;;oBAS5B,EAAE,YAAY,MAAM,OAAO,aAAa"}

package/dist/lib/PDSProvider.cjs

@@ -0,0 +1,20 @@
+require("../chunk-CoPdw6nB.cjs");
+const require_theme = require("../theme.cjs");
+const require_lib_register_RegisterComponent = require("./register/RegisterComponent.cjs");
+require("./register/index.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, componentRegister }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(styled_components.ThemeProvider, {
+		theme,
+		children: componentRegister ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_lib_register_RegisterComponent.ComponentRegisterProvider, {
+			value: componentRegister,
+			children
+		}) : children
+	});
+};
+//#endregion
+module.exports = PDSProvider;
+
+//# sourceMappingURL=PDSProvider.cjs.map

package/dist/lib/PDSProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PDSProvider.cjs","names":["defaultTheme","ThemeProvider","ComponentRegisterProvider"],"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,QAAQA,cAAAA,SACR,wBACI;AAOJ,QAAO,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,eAAD;EAAsB;YANb,oBACd,iBAAA,GAAA,kBAAA,KAACC,uCAAAA,2BAAD;GAA2B,OAAO;GAAoB;GAAqC,CAAA,GAE3F;EAG2D,CAAA"}

package/dist/lib/PDSProvider.d.cts

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

package/dist/lib/PDSProvider.d.mts

@@ -0,0 +1,13 @@
+import { n as PersonaTheme } from "../theme-DGAqgnUa.mjs";
+import { t as ComponentRegister } from "../RegisterComponent-BDb43KvI.mjs";
+import { FC, PropsWithChildren } from "react";
+
+//#region lib/PDSProvider.d.ts
+interface PDSProviderProps {
+  theme?: PersonaTheme;
+  componentRegister?: ComponentRegister;
+}
+declare const PDSProvider: FC<PropsWithChildren<PDSProviderProps>>;
+//#endregion
+export { PDSProvider as default };
+//# sourceMappingURL=PDSProvider.d.mts.map

package/dist/lib/PDSProvider.mjs

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

package/dist/lib/PDSProvider.mjs.map

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

package/dist/lib/TruncatedText.cjs

@@ -0,0 +1,39 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_chunk = require("../chunk-CoPdw6nB.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

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

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

package/dist/lib/TruncatedText.d.mts

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

package/dist/lib/TruncatedText.mjs

@@ -0,0 +1,31 @@
+import { useIsOverflow } from "./useIsOverflow.mjs";
+import styled from "styled-components";
+import { jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+//#region lib/TruncatedText.tsx
+const OverflowEllipsisSpan = styled.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 = useRef(null);
+	const { isOverflowWidth } = useIsOverflow(ref);
+	return /* @__PURE__ */ jsx(OverflowEllipsisSpan, {
+		ref,
+		title: isOverflowWidth || titleBehavior === "always" ? ref.current?.textContent ?? "" : void 0,
+		...props,
+		children
+	});
+};
+//#endregion
+export { OverflowEllipsisSpan, TruncatedText, TruncatedText as default };
+
+//# sourceMappingURL=TruncatedText.mjs.map

package/dist/lib/TruncatedText.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TruncatedText.mjs","names":[],"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,OAAO,IAAI;;;;;;;;;;;;AAiB/C,MAAa,iBAAyC,EACpD,UACA,gBAAgB,eAChB,GAAG,YACC;CACJ,MAAM,MAAM,OAAwB,KAAK;CACzC,MAAM,EAAE,oBAAoB,cAAc,IAAI;AAE9C,QACE,oBAAC,sBAAD;EACO;EACL,OACE,mBAAmB,kBAAkB,WAAY,IAAI,SAAS,eAAe,KAAM,KAAA;EAErF,GAAI;EAEH;EACoB,CAAA"}