@persona/design-system 0.1.7 → 0.1.9

package/dist/constants2.d.cts

@@ -1,10 +0,0 @@
-//#region components/DataTable/constants.d.ts
-declare function getColumnWidths(compact?: boolean): {
-  EXPAND_COLUMN_WIDTH: number;
-  SELECT_COLUMN_WIDTH: number;
-  ACTION_COLUMN_WIDTH: number;
-  NEST_SPACING: number;
-};
-//#endregion
-export { getColumnWidths };
-//# sourceMappingURL=constants2.d.cts.map

package/dist/helpers.d.cts

@@ -1,76 +0,0 @@
-import { n as CheckboxProps } from "./Checkbox-DfI0Xp3y.cjs";
-import { DataTableColumnFormat, DataTableColumnImageFormat, DataTableColumnPiiFormat, DataTableColumnStringFormat, DateConfig, DatetimeConfig, RenderValueStickerFormatConfig } from "./components/DataTable/types.cjs";
-import { ReactNode } from "react";
-
-//#region components/DataTable/helpers.d.ts
-declare const renderAsCheckbox: ({
-  rowId,
-  isChecked,
-  onChange,
-  onValueChange,
-  columnHeader,
-  disabled,
-  indeterminate
-}: {
-  rowId: string;
-  isChecked: boolean;
-  /**
-   * Called when the checkbox is clicked
-   * @param e - The event object
-   */
-  onChange?: CheckboxProps["onChange"];
-  /**
-   * Called when the checkbox value changes
-   * @param rowId - The id of the row
-   * @param checked - The new value of the checkbox
-   */
-  onValueChange?: (rowId: string, checked: boolean) => void;
-  columnHeader?: string;
-  disabled?: boolean;
-  indeterminate?: boolean;
-}) => ReactNode;
-declare const renderAsCheckboxHeader: ({
-  header,
-  isChecked,
-  isIndeterminate,
-  onChange,
-  onValueChange
-}: {
-  /**
-   * The header text to display to the right of the checkbox
-   */
-  header?: string;
-  isChecked: boolean;
-  isIndeterminate: boolean;
-  /**
-   * Called when the checkbox is clicked
-   * @param e - The event object
-   */
-  onChange?: CheckboxProps["onChange"];
-  /**
-   * Called when the checkbox value changes
-   * @param rowId - The id of the row
-   * @param checked - The new value of the checkbox
-   */
-  onValueChange?: (checked: boolean) => void;
-}) => ReactNode;
-declare const renderAsString: (value: unknown) => string;
-declare const renderAsDate: (value: unknown, config?: DateConfig) => string;
-declare const renderAsDatetime: (value: unknown, config?: DatetimeConfig) => string;
-declare const renderAsURL: (value: unknown) => ReactNode;
-declare const renderAsNumber: (value: unknown) => ReactNode;
-declare const renderAsSticker: (value: unknown, config?: RenderValueStickerFormatConfig) => ReactNode;
-declare const renderAsCopyableString: (value: unknown, config?: DataTableColumnStringFormat["config"] & {
-  emptyText?: string;
-}) => ReactNode;
-declare const renderAsPii: <TData = unknown>(row?: TData, config?: DataTableColumnPiiFormat<TData>["config"]) => ReactNode;
-declare const renderAsLightweightImage: (value: unknown, config?: DataTableColumnImageFormat["config"]) => ReactNode;
-/**
- * Default PDS cell renderer. Handles all generic format types built into the design system.
- * Hosts should supply their own `renderFormat` prop to DataTable for format types that require
- * application-specific components (e.g. tags, files, PII masking, status indicators).
- */
-declare const renderAsPDSFormat: <TData = unknown>(value: unknown, format?: DataTableColumnFormat<TData>, row?: TData) => string | ReactNode;
-//#endregion
-export { renderAsCheckbox, renderAsCheckboxHeader, renderAsCopyableString, renderAsDate, renderAsDatetime, renderAsLightweightImage, renderAsNumber, renderAsPDSFormat, renderAsPii, renderAsSticker, renderAsString, renderAsURL };
-//# sourceMappingURL=helpers.d.cts.map

package/dist/index-D-BciAtf.d.cts

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

package/dist/index-D2HUTZ-d.d.cts

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

package/dist/index-D8dPsry7.d.mts

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

package/dist/index-DeEmP3Jc.d.cts

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

package/dist/index-DeVKzGce.d.mts

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

package/dist/index-DrZ2Dh-H.d.cts

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

package/dist/index-DxSM7VXJ.d.cts

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

package/dist/index-FtE8MXJ_.d.mts

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

package/dist/index-JuxZj_Qp2.d.mts

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

package/dist/index-LhFpnU-f.d.mts

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

package/dist/index-N-OgGgfF.d.mts

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

package/dist/index-NKYLt_R9.d.mts

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

package/dist/index-VWno75SQ.d.mts

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

package/dist/index-_tQRydn9.d.cts

@@ -1,75 +0,0 @@
-import { t as TableHeaderCell } from "./TableHeaderCell-UoY92mzR.cjs";
-import { n as TableRowProps } from "./TableRow-BVzduO4G.cjs";
-import * as _$react from "react";
-import { ComponentPropsWithoutRef, ReactNode } from "react";
-import * as _$styled_components0 from "styled-components";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
-
-//#region components/Table/TableTH.d.ts
-interface TableTHProps extends ComponentPropsWithoutRef<typeof TableHeaderCell> {
-  canSort?: boolean;
-  isSorted?: boolean;
-  isDescending?: boolean;
-  isSticky?: boolean;
-  /**
-   * Display help icon and tooltip for column header
-   */
-  helpText?: ReactNode;
-  align?: 'left' | 'right';
-  size?: 'sm' | 'md';
-}
-declare const TableTH: _$react.ForwardRefExoticComponent<TableTHProps & _$react.RefAttributes<HTMLTableCellElement>>;
-//#endregion
-//#region components/Table/TableCell.d.ts
-interface TableCellProps {
-  breakWord?: boolean;
-  size?: 'sm' | 'md';
-}
-declare const TableCell: _$styled_components0.StyledComponent<"td", any, {
-  role: "cell";
-} & TableCellProps, "role">;
-interface TableCellTitleProps extends ComponentPropsWithoutRef<'div'> {
-  subtitle?: ReactNode;
-}
-declare const TableCellTitle: ({
-  children,
-  subtitle,
-  ...elemProps
-}: TableCellTitleProps) => _$react_jsx_runtime0.JSX.Element;
-declare const TableTD: _$styled_components0.StyledComponent<"td", any, {
-  role: "cell";
-} & TableCellProps & {
-  unclickable?: boolean;
-}, "role">;
-declare const TableIconTD: _$styled_components0.StyledComponent<"td", any, {
-  role: "cell";
-} & TableCellProps & {
-  unclickable?: boolean;
-}, "role">;
-declare const TableActionTD: _$styled_components0.StyledComponent<"td", any, {
-  role: "cell";
-} & TableCellProps & {
-  unclickable?: boolean;
-}, "role">;
-declare const StickyTD: _$styled_components0.StyledComponent<"td", any, {
-  role: "cell";
-} & TableCellProps & {
-  unclickable?: boolean;
-} & {
-  left?: number;
-  hasRightBorder?: boolean;
-}, "role">;
-declare const StickyTH: _$styled_components0.StyledComponent<_$react.ForwardRefExoticComponent<TableTHProps & _$react.RefAttributes<HTMLTableCellElement>>, any, {
-  left?: number;
-  hasRightBorder?: boolean;
-  size?: "sm" | "md";
-}, never>;
-declare const TableTR: _$styled_components0.StyledComponent<"tr", any, {
-  role: "row";
-} & TableRowProps & {
-  disableHoverBackground?: boolean;
-  $isActive?: boolean;
-}, "role">;
-//#endregion
-export { TableCellProps as a, TableTD as c, TableTHProps as d, TableCell as i, TableTR as l, StickyTH as n, TableCellTitle as o, TableActionTD as r, TableIconTD as s, StickyTD as t, TableTH as u };
-//# sourceMappingURL=index-_tQRydn9.d.cts.map

package/dist/index-_wQ5ClJU.d.cts

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

package/dist/index-c55Utzva.d.mts

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

package/dist/index-gpCH5158.d.mts

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

package/dist/index-lQ_hGQ08.d.cts

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

package/dist/index-luywJTzJ.d.mts

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

package/dist/index-zO0Ly4bS.d.cts

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

package/dist/index.d.cts

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

package/dist/index2.d.cts

@@ -1,2 +0,0 @@
-import { n as SearchInput, t as OmniSearchProps } from "./SearchInput-CAHYPQVX.cjs";
-export { OmniSearchProps, SearchInput as default };

package/dist/index3.d.cts

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

package/dist/input-DrG6mA0V.d.mts

@@ -1,17 +0,0 @@
-import { t as PseudoClassProps } from "./PseudoClassProps-ySXCGUEQ.mjs";
-import { t as ErrorProps } from "./ErrorProps-iEj4BIVA.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-DrG6mA0V.d.mts.map

package/dist/inputFields.d.cts

@@ -1,83 +0,0 @@
-import { n as CheckboxProps } from "./Checkbox-DfI0Xp3y.cjs";
-import { a as InputProps } from "./Input-CEcTvtX2.cjs";
-import { n as ComboboxMultiSelectProps } from "./ComboboxMultiSelect-CnI6sFAF.cjs";
-import { n as ComboboxSingleSelectProps } from "./ComboboxSingleSelect-Japejm0g.cjs";
-import { n as FormFieldBaseProps } from "./FormField-DoSXvnJ3.cjs";
-import { n as RadioGroupProps } from "./RadioGroup-D_H1B7JV.cjs";
-import { i as SegmentedControlProps } from "./SegmentedControl-BYuXohIp.cjs";
-import { i as SelectProps } from "./Select-NcaURrGZ.cjs";
-import { t as TextAreaProps } from "./TextArea-KpDoXg-5.cjs";
-import { n as ToggleProps } from "./Toggle-CYQE1Nk_.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/intersperse-Gxwgpbk8.cjs

@@ -1,26 +0,0 @@
-//#region lib/intersperse.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}/>)
-* ```
-*/
-function intersperse(arr, separator) {
-	return arr.flatMap((a, i) => i > 0 ? [separator(i - 1, arr[i - 1], a), a] : [a]);
-}
-//#endregion
-Object.defineProperty(exports, "intersperse", {
-	enumerable: true,
-	get: function() {
-		return intersperse;
-	}
-});
-
-//# sourceMappingURL=intersperse-Gxwgpbk8.cjs.map

package/dist/intersperse-yd3oMrQl.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"intersperse-yd3oMrQl.mjs","names":[],"sources":["../lib/intersperse.ts"],"sourcesContent":["/**\n * @name intersperse\n *\n * Inserts an element between array items using a separator function. The\n * separator function is passed the previous index, the previous element, and\n * the next element.\n *\n * ```typescript\n * const nodeList: React.ReactNode[] = [...]\n * const commaSeparatedList = intersperse(nodeList, () => ', ')\n * const advancedSeparatedList = intersperse(nodeList, i => <Separator key={i}/>)\n * ```\n */\nexport function intersperse<T>(arr: T[], separator: (n: number, prev: T, curr: T) => T): T[] {\n  return arr.flatMap((a, i) => (i > 0 ? [separator(i - 1, arr[i - 1], a), a] : [a]));\n}\n"],"mappings":";;;;;;;;;;;;;;AAaA,SAAgB,YAAe,KAAU,WAAoD;AAC3F,QAAO,IAAI,SAAS,GAAG,MAAO,IAAI,IAAI,CAAC,UAAU,IAAI,GAAG,IAAI,IAAI,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,CAAE"}

package/dist/lib/ConfigContext.cjs

@@ -1,15 +0,0 @@
-require("../chunk-CKQMccvm.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

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

@@ -1,16 +0,0 @@
-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/GlobalStyles.cjs

@@ -1,57 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-require("../chunk-CKQMccvm.cjs");
-let _persona_design_tokens = require("@persona/design-tokens");
-let styled_components = require("styled-components");
-//#region lib/GlobalStyles.tsx
-const globalStylesRaw = styled_components.css`
-  body {
-    height: 100%;
-    width: 100%;
-    background: ${_persona_design_tokens.Color.BackgroundSecondary};
-    color: ${_persona_design_tokens.Color.TextPrimary};
-    ${_persona_design_tokens.Typography.TextMedium};
-    -webkit-font-smoothing: antialiased;
-
-    /* For iOS scrolling */
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
-  }
-
-  a {
-    color: ${_persona_design_tokens.Color.PrimaryPurple};
-    font-size: inherit;
-    line-height: inherit;
-    text-decoration: none;
-
-    /* Only show outline when focused via keyboard */
-    &:focus-visible {
-      outline: 2px auto ${_persona_design_tokens.Color.BorderFocus};
-      outline-offset: 2px;
-    }
-  }
-
-  b {
-    font-weight: ${_persona_design_tokens.Typography.TextMediumBold.fontWeight};
-  }
-
-  @page {
-    size: portrait;
-  }
-
-  @media print {
-    body {
-      overflow: visible;
-    }
-  }
-`;
-var GlobalStyles_default = styled_components.createGlobalStyle`
-  ${globalStylesRaw}
-`;
-//#endregion
-exports.default = GlobalStyles_default;
-exports.globalStylesRaw = globalStylesRaw;
-
-//# sourceMappingURL=GlobalStyles.cjs.map

package/dist/lib/GlobalStyles.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"GlobalStyles.cjs","names":["Color","Typography"],"sources":["../../lib/GlobalStyles.tsx"],"sourcesContent":["import { createGlobalStyle, css } from 'styled-components';\n\nimport { Color, Typography } from '@persona/design-tokens';\n\nexport const globalStylesRaw = css`\n  body {\n    height: 100%;\n    width: 100%;\n    background: ${Color.BackgroundSecondary};\n    color: ${Color.TextPrimary};\n    ${Typography.TextMedium};\n    -webkit-font-smoothing: antialiased;\n\n    /* For iOS scrolling */\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  a {\n    color: ${Color.PrimaryPurple};\n    font-size: inherit;\n    line-height: inherit;\n    text-decoration: none;\n\n    /* Only show outline when focused via keyboard */\n    &:focus-visible {\n      outline: 2px auto ${Color.BorderFocus};\n      outline-offset: 2px;\n    }\n  }\n\n  b {\n    font-weight: ${Typography.TextMediumBold.fontWeight};\n  }\n\n  @page {\n    size: portrait;\n  }\n\n  @media print {\n    body {\n      overflow: visible;\n    }\n  }\n`;\n\nexport default createGlobalStyle`\n  ${globalStylesRaw}\n`;\n"],"mappings":";;;;;;;;AAIA,MAAa,kBAAkB,kBAAA,GAAG;;;;kBAIhBA,uBAAAA,MAAM,oBAAoB;aAC/BA,uBAAAA,MAAM,YAAY;MACzBC,uBAAAA,WAAW,WAAW;;;;;;;;;aASfD,uBAAAA,MAAM,cAAc;;;;;;;0BAOPA,uBAAAA,MAAM,YAAY;;;;;;mBAMzBC,uBAAAA,WAAW,eAAe,WAAW;;;;;;;;;;;;;AAcxD,IAAA,uBAAe,kBAAA,iBAAiB;IAC5B,gBAAgB"}

package/dist/lib/GlobalStyles.d.cts

@@ -1,8 +0,0 @@
-import * as _$styled_components0 from "styled-components";
-
-//#region lib/GlobalStyles.d.ts
-declare const globalStylesRaw: _$styled_components0.FlattenSimpleInterpolation;
-declare const _default: _$styled_components0.GlobalStyleComponent<{}, _$styled_components0.DefaultTheme>;
-//#endregion
-export { _default as default, globalStylesRaw };
-//# sourceMappingURL=GlobalStyles.d.cts.map

package/dist/lib/HeadlessAriaButton.cjs

@@ -1,33 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_chunk = require("../chunk-CKQMccvm.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

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

@@ -1,12 +0,0 @@
-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/MiddleTruncatedText.cjs

@@ -1,7 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_MiddleTruncatedText = require("../MiddleTruncatedText-BIzKECv9.cjs");
-exports.MiddleTruncatedText = require_MiddleTruncatedText.MiddleTruncatedText;
-exports.default = require_MiddleTruncatedText.MiddleTruncatedText;

package/dist/lib/MiddleTruncatedText.d.cts

@@ -1,14 +0,0 @@
-import { ComponentPropsWithoutRef, FC } from "react";
-
-//#region lib/MiddleTruncatedText.d.ts
-interface MiddleTruncatedTextProps extends ComponentPropsWithoutRef<'span'> {
-  value: string;
-  maxWidth?: number | string;
-  font?: string;
-  titleBehavior?: 'always' | 'conditional' | 'never';
-  onTruncatedChange?: (isTruncated: boolean) => void;
-}
-declare const MiddleTruncatedText: FC<MiddleTruncatedTextProps>;
-//#endregion
-export { MiddleTruncatedText, MiddleTruncatedText as default, MiddleTruncatedTextProps };
-//# sourceMappingURL=MiddleTruncatedText.d.cts.map

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 = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#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-D8f3AiBL.cjs";
-export { OverflowEllipsisSpan, TruncatedText, TruncatedText as default, TruncatedTextProps };