@persona/design-system 0.1.8 → 0.2.0

package/dist/inputFields.d.cts

@@ -1,83 +0,0 @@
-import { n as CheckboxProps } from "./Checkbox-Cr8ifm10.cjs";
-import { a as InputProps } from "./Input-BM0DzWEf.cjs";
-import { n as ComboboxMultiSelectProps } from "./ComboboxMultiSelect-ioB4Jx7_.cjs";
-import { n as ComboboxSingleSelectProps } from "./ComboboxSingleSelect-Fn80tdhz.cjs";
-import { n as FormFieldBaseProps } from "./FormField-idNLw5PW.cjs";
-import { n as RadioGroupProps } from "./RadioGroup-XYWjprsv.cjs";
-import { i as SegmentedControlProps } from "./SegmentedControl-nHIK1ZvR.cjs";
-import { i as SelectProps } from "./Select-BH3hXMxp.cjs";
-import { t as TextAreaProps } from "./TextArea-CHW9FKM4.cjs";
-import { n as ToggleProps } from "./Toggle-tbIebQWC.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-_0nQM5Rb.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-_0nQM5Rb.cjs.map

package/dist/intersperse-_0nQM5Rb.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"intersperse-_0nQM5Rb.cjs","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/layouts/LayoutLoadingShimmer/index.cjs

@@ -1,139 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_chunk = require("../../chunk-CKQMccvm.cjs");
-const require_Stack = require("../../Stack-UeifHn3c.cjs");
-const require_LoadingShimmer = require("../../LoadingShimmer-Dx6ncVUV.cjs");
-const require_CardV2 = require("../../CardV2-DJXgFomd.cjs");
-const require_PageHeader = require("../../PageHeader-CUDnarkt.cjs");
-const require_Table = require("../../Table-DxLvJYWK.cjs");
-let _persona_design_tokens = require("@persona/design-tokens");
-let styled_components = require("styled-components");
-styled_components = require_chunk.__toESM(styled_components, 1);
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region layouts/containers.tsx
-const Layout = styled_components.default.div`
-  position: relative;
-  box-sizing: border-box;
-  width: 100%;
-  padding: ${_persona_design_tokens.Spacing[7]};
-`;
-const DetailLayout = styled_components.default.div`
-  position: relative;
-  box-sizing: border-box;
-  width: 100%;
-  padding: ${_persona_design_tokens.Spacing[4]} ${_persona_design_tokens.Spacing[5]};
-`;
-//#endregion
-//#region layouts/LayoutLoadingShimmer/LayoutLoadingShimmer.tsx
-const DataTableShimmer = () => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Stack.Stack, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Table.Table, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Table.TableHead, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Table.TableRow, { children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Table.TableHeaderCell, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LoadingShimmer.LoadingShimmer, {
-		width: "100%",
-		height: "20px"
-	}) }, i)) }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Table.TableBody, { children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Table.TableRow, {
-		disableHoverBackground: true,
-		children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Table.TableCell, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LoadingShimmer.LoadingShimmer, {
-			width: "100%",
-			height: "24px"
-		}) }, i))
-	}, i)) })] }) });
-};
-const HeaderShimmer = () => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_PageHeader.PageHeaderContainer, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LoadingShimmer.LoadingShimmer, {
-		width: "150px",
-		height: "30px"
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.HStack, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LoadingShimmer.LoadingShimmer, {
-		width: "80px",
-		height: "30px"
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LoadingShimmer.LoadingShimmer, {
-		width: "80px",
-		height: "30px"
-	})] })] });
-};
-/**
-* Render a single full-width card with a loading state mimicking a DataTable.
-*/
-const IndexViewLayoutShimmer = () => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeaderShimmer, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Layout, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CardV2.Card_default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CardV2.Card_default.Section, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTableShimmer, {}) }) }) })] });
-};
-/**
-* Render `cards.length` full-width cards of the specified height in a loading state.
-*/
-const SimpleLayoutShimmer = ({ cards = [400] }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeaderShimmer, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Layout, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Stack.Stack, {
-		spacing: _persona_design_tokens.Spacing[4],
-		children: cards.map((height, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CardV2.Card_default, {
-			loading: true,
-			loadingProps: { height: `${height}px` },
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {})
-		}, i))
-	}) })] });
-};
-const TabsDivider = styled_components.default.hr`
-  border-top: 1px solid ${_persona_design_tokens.Color.BorderDivider};
-  margin: 0;
-`;
-const TabsShimmer = () => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.HStack, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LoadingShimmer.LoadingShimmer, {
-		variant: "secondary",
-		width: "100px",
-		height: "20px"
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LoadingShimmer.LoadingShimmer, {
-		variant: "secondary",
-		width: "100px",
-		height: "20px"
-	})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabsDivider, {})] });
-};
-const MainColumn = styled_components.default.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${_persona_design_tokens.Spacing[4]};
-  flex: 2;
-`;
-const RightColumn = styled_components.default.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${_persona_design_tokens.Spacing[4]};
-  flex: 1;
-`;
-const ShowViewLayoutShimmer = () => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeaderShimmer, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailLayout, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
-		spacing: _persona_design_tokens.Spacing[4],
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabsShimmer, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.HStack, {
-			spacing: _persona_design_tokens.Spacing[4],
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(MainColumn, { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CardV2.Card_default, {
-					heading: { title: "Loading" },
-					loading: true,
-					loadingProps: { height: "100px" },
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {})
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CardV2.Card_default, {
-					heading: { title: "Loading" },
-					loading: true,
-					loadingProps: { height: "400px" },
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {})
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CardV2.Card_default, {
-					heading: { title: "Loading" },
-					loading: true,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {})
-				})
-			] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(RightColumn, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CardV2.Card_default, {
-				heading: { title: "Loading" },
-				loading: true,
-				loadingProps: { height: "400px" },
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CardV2.Card_default, {
-				heading: { title: "Loading" },
-				loading: true,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {})
-			})] })]
-		})]
-	}) })] });
-};
-//#endregion
-exports.DataTableShimmer = DataTableShimmer;
-exports.IndexViewLayoutShimmer = IndexViewLayoutShimmer;
-exports.ShowViewLayoutShimmer = ShowViewLayoutShimmer;
-exports.SimpleLayoutShimmer = SimpleLayoutShimmer;
-
-//# sourceMappingURL=index.cjs.map

package/dist/layouts/LayoutLoadingShimmer/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Spacing","Stack","Table","TableHead","TableRow","TableHeaderCell","LoadingShimmer","TableBody","TableCell","PageHeaderContainer","HStack","CardV2","Spacing","Color"],"sources":["../../../layouts/containers.tsx","../../../layouts/LayoutLoadingShimmer/LayoutLoadingShimmer.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { Spacing } from '@persona/design-tokens';\n\nexport const Layout = styled.div`\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  padding: ${Spacing[7]};\n`;\n\nexport const DetailLayout = styled.div`\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  padding: ${Spacing[4]} ${Spacing[5]};\n`;\n","import styled from 'styled-components';\n\nimport { Color, Spacing } from '@persona/design-tokens';\nimport CardV2 from 'design-system/components/CardV2';\nimport { LoadingShimmer } from 'design-system/components/LoadingShimmer';\nimport { PageHeaderContainer } from 'design-system/components/PageHeader';\nimport Stack, { HStack } from 'design-system/components/Stack';\nimport Table, {\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeaderCell,\n  TableRow,\n} from 'design-system/components/Table';\nimport { Layout, DetailLayout } from 'design-system/layouts/containers';\n\nexport const DataTableShimmer = () => {\n  return (\n    <Stack>\n      <Table>\n        <TableHead>\n          <TableRow>\n            {Array.from({ length: 5 }).map((_, i) => (\n              <TableHeaderCell key={i}>\n                <LoadingShimmer width='100%' height='20px' />\n              </TableHeaderCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {Array.from({ length: 8 }).map((_, i) => (\n            <TableRow key={i} disableHoverBackground>\n              {Array.from({ length: 5 }).map((_, i) => (\n                <TableCell key={i}>\n                  <LoadingShimmer width='100%' height='24px' />\n                </TableCell>\n              ))}\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </Stack>\n  );\n};\n\nconst HeaderShimmer = () => {\n  return (\n    <PageHeaderContainer>\n      <LoadingShimmer width='150px' height='30px' />\n      <HStack>\n        <LoadingShimmer width='80px' height='30px' />\n        <LoadingShimmer width='80px' height='30px' />\n      </HStack>\n    </PageHeaderContainer>\n  );\n};\n\n/**\n * Render a single full-width card with a loading state mimicking a DataTable.\n */\nexport const IndexViewLayoutShimmer = () => {\n  return (\n    <>\n      <HeaderShimmer />\n      <Layout>\n        <CardV2>\n          <CardV2.Section>\n            <DataTableShimmer />\n          </CardV2.Section>\n        </CardV2>\n      </Layout>\n    </>\n  );\n};\n\n/**\n * Render `cards.length` full-width cards of the specified height in a loading state.\n */\nexport const SimpleLayoutShimmer = ({ cards = [400] }: { cards?: number[] }) => {\n  return (\n    <>\n      <HeaderShimmer />\n      <Layout>\n        <Stack spacing={Spacing[4]}>\n          {cards.map((height, i) => (\n            <CardV2 key={i} loading loadingProps={{ height: `${height}px` }}>\n              <></>\n            </CardV2>\n          ))}\n        </Stack>\n      </Layout>\n    </>\n  );\n};\n\nconst TabsDivider = styled.hr`\n  border-top: 1px solid ${Color.BorderDivider};\n  margin: 0;\n`;\n\nconst TabsShimmer = () => {\n  return (\n    <Stack>\n      <HStack>\n        <LoadingShimmer variant='secondary' width='100px' height='20px' />\n        <LoadingShimmer variant='secondary' width='100px' height='20px' />\n      </HStack>\n      <TabsDivider />\n    </Stack>\n  );\n};\n\nconst MainColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: ${Spacing[4]};\n  flex: 2;\n`;\n\nconst RightColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: ${Spacing[4]};\n  flex: 1;\n`;\n\nexport const ShowViewLayoutShimmer = () => {\n  return (\n    <>\n      <HeaderShimmer />\n      <DetailLayout>\n        <Stack spacing={Spacing[4]}>\n          <TabsShimmer />\n          <HStack spacing={Spacing[4]}>\n            <MainColumn>\n              <CardV2 heading={{ title: 'Loading' }} loading loadingProps={{ height: '100px' }}>\n                <></>\n              </CardV2>\n              <CardV2 heading={{ title: 'Loading' }} loading loadingProps={{ height: '400px' }}>\n                <></>\n              </CardV2>\n              <CardV2 heading={{ title: 'Loading' }} loading>\n                <></>\n              </CardV2>\n            </MainColumn>\n            <RightColumn>\n              <CardV2 heading={{ title: 'Loading' }} loading loadingProps={{ height: '400px' }}>\n                <></>\n              </CardV2>\n              <CardV2 heading={{ title: 'Loading' }} loading>\n                <></>\n              </CardV2>\n            </RightColumn>\n          </HStack>\n        </Stack>\n      </DetailLayout>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAIA,MAAa,SAAS,kBAAA,QAAO,GAAG;;;;aAInBA,uBAAAA,QAAQ,GAAG;;AAGxB,MAAa,eAAe,kBAAA,QAAO,GAAG;;;;aAIzBA,uBAAAA,QAAQ,GAAG,GAAGA,uBAAAA,QAAQ,GAAG;;;;ACCtC,MAAa,yBAAyB;AACpC,QACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,MAACC,cAAAA,OAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,WAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,UAAD,EAAA,UACG,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,iBAAA,GAAA,kBAAA,KAACC,cAAAA,iBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,uBAAAA,gBAAD;EAAgB,OAAM;EAAO,QAAO;EAAS,CAAA,EAC7B,EAFI,EAEJ,CAClB,EACO,CAAA,EACD,CAAA,EACZ,iBAAA,GAAA,kBAAA,KAACC,cAAAA,WAAD,EAAA,UACG,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,iBAAA,GAAA,kBAAA,KAACH,cAAAA,UAAD;EAAkB,wBAAA;YACf,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,iBAAA,GAAA,kBAAA,KAACI,cAAAA,WAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACF,uBAAAA,gBAAD;GAAgB,OAAM;GAAO,QAAO;GAAS,CAAA,EACnC,EAFI,EAEJ,CACZ;EACO,EANI,EAMJ,CACX,EACQ,CAAA,CACN,EAAA,CAAA,EACF,CAAA;;AAIZ,MAAM,sBAAsB;AAC1B,QACE,iBAAA,GAAA,kBAAA,MAACG,mBAAAA,qBAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACH,uBAAAA,gBAAD;EAAgB,OAAM;EAAQ,QAAO;EAAS,CAAA,EAC9C,iBAAA,GAAA,kBAAA,MAACI,cAAAA,QAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACJ,uBAAAA,gBAAD;EAAgB,OAAM;EAAO,QAAO;EAAS,CAAA,EAC7C,iBAAA,GAAA,kBAAA,KAACA,uBAAAA,gBAAD;EAAgB,OAAM;EAAO,QAAO;EAAS,CAAA,CACtC,EAAA,CAAA,CACW,EAAA,CAAA;;;;;AAO1B,MAAa,+BAA+B;AAC1C,QACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,eAAD,EAAiB,CAAA,EACjB,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACK,eAAAA,cAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACA,eAAAA,aAAO,SAAR,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,kBAAD,EAAoB,CAAA,EACL,CAAA,EACV,CAAA,EACF,CAAA,CACR,EAAA,CAAA;;;;;AAOP,MAAa,uBAAuB,EAAE,QAAQ,CAAC,IAAI,OAA6B;AAC9E,QACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,eAAD,EAAiB,CAAA,EACjB,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACV,cAAAA,OAAD;EAAO,SAASW,uBAAAA,QAAQ;YACrB,MAAM,KAAK,QAAQ,MAClB,iBAAA,GAAA,kBAAA,KAACD,eAAAA,cAAD;GAAgB,SAAA;GAAQ,cAAc,EAAE,QAAQ,GAAG,OAAO,KAAK;aAC7D,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAK,CAAA;GACE,EAFI,EAEJ,CACT;EACI,CAAA,EACD,CAAA,CACR,EAAA,CAAA;;AAIP,MAAM,cAAc,kBAAA,QAAO,EAAE;0BACHE,uBAAAA,MAAM,cAAc;;;AAI9C,MAAM,oBAAoB;AACxB,QACE,iBAAA,GAAA,kBAAA,MAACZ,cAAAA,OAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,MAACS,cAAAA,QAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACJ,uBAAAA,gBAAD;EAAgB,SAAQ;EAAY,OAAM;EAAQ,QAAO;EAAS,CAAA,EAClE,iBAAA,GAAA,kBAAA,KAACA,uBAAAA,gBAAD;EAAgB,SAAQ;EAAY,OAAM;EAAQ,QAAO;EAAS,CAAA,CAC3D,EAAA,CAAA,EACT,iBAAA,GAAA,kBAAA,KAAC,aAAD,EAAe,CAAA,CACT,EAAA,CAAA;;AAIZ,MAAM,aAAa,kBAAA,QAAO,GAAG;;;SAGpBM,uBAAAA,QAAQ,GAAG;;;AAIpB,MAAM,cAAc,kBAAA,QAAO,GAAG;;;SAGrBA,uBAAAA,QAAQ,GAAG;;;AAIpB,MAAa,8BAA8B;AACzC,QACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,eAAD,EAAiB,CAAA,EACjB,iBAAA,GAAA,kBAAA,KAAC,cAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,MAACX,cAAAA,OAAD;EAAO,SAASW,uBAAAA,QAAQ;YAAxB,CACE,iBAAA,GAAA,kBAAA,KAAC,aAAD,EAAe,CAAA,EACf,iBAAA,GAAA,kBAAA,MAACF,cAAAA,QAAD;GAAQ,SAASE,uBAAAA,QAAQ;aAAzB,CACE,iBAAA,GAAA,kBAAA,MAAC,YAAD,EAAA,UAAA;IACE,iBAAA,GAAA,kBAAA,KAACD,eAAAA,cAAD;KAAQ,SAAS,EAAE,OAAO,WAAW;KAAE,SAAA;KAAQ,cAAc,EAAE,QAAQ,SAAS;eAC9E,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAK,CAAA;KACE,CAAA;IACT,iBAAA,GAAA,kBAAA,KAACA,eAAAA,cAAD;KAAQ,SAAS,EAAE,OAAO,WAAW;KAAE,SAAA;KAAQ,cAAc,EAAE,QAAQ,SAAS;eAC9E,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAK,CAAA;KACE,CAAA;IACT,iBAAA,GAAA,kBAAA,KAACA,eAAAA,cAAD;KAAQ,SAAS,EAAE,OAAO,WAAW;KAAE,SAAA;eACrC,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAK,CAAA;KACE,CAAA;IACE,EAAA,CAAA,EACb,iBAAA,GAAA,kBAAA,MAAC,aAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACA,eAAAA,cAAD;IAAQ,SAAS,EAAE,OAAO,WAAW;IAAE,SAAA;IAAQ,cAAc,EAAE,QAAQ,SAAS;cAC9E,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAK,CAAA;IACE,CAAA,EACT,iBAAA,GAAA,kBAAA,KAACA,eAAAA,cAAD;IAAQ,SAAS,EAAE,OAAO,WAAW;IAAE,SAAA;cACrC,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAK,CAAA;IACE,CAAA,CACG,EAAA,CAAA,CACP;KACH;KACK,CAAA,CACd,EAAA,CAAA"}

package/dist/layouts/LayoutLoadingShimmer/index.d.cts

@@ -1,2 +0,0 @@
-import { DataTableShimmer, IndexViewLayoutShimmer, ShowViewLayoutShimmer, SimpleLayoutShimmer } from "../../LayoutLoadingShimmer.cjs";
-export { DataTableShimmer, IndexViewLayoutShimmer, ShowViewLayoutShimmer, SimpleLayoutShimmer };

package/dist/layouts/LayoutLoadingShimmer/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["CardV2"],"sources":["../../../layouts/containers.tsx","../../../layouts/LayoutLoadingShimmer/LayoutLoadingShimmer.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { Spacing } from '@persona/design-tokens';\n\nexport const Layout = styled.div`\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  padding: ${Spacing[7]};\n`;\n\nexport const DetailLayout = styled.div`\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  padding: ${Spacing[4]} ${Spacing[5]};\n`;\n","import styled from 'styled-components';\n\nimport { Color, Spacing } from '@persona/design-tokens';\nimport CardV2 from 'design-system/components/CardV2';\nimport { LoadingShimmer } from 'design-system/components/LoadingShimmer';\nimport { PageHeaderContainer } from 'design-system/components/PageHeader';\nimport Stack, { HStack } from 'design-system/components/Stack';\nimport Table, {\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeaderCell,\n  TableRow,\n} from 'design-system/components/Table';\nimport { Layout, DetailLayout } from 'design-system/layouts/containers';\n\nexport const DataTableShimmer = () => {\n  return (\n    <Stack>\n      <Table>\n        <TableHead>\n          <TableRow>\n            {Array.from({ length: 5 }).map((_, i) => (\n              <TableHeaderCell key={i}>\n                <LoadingShimmer width='100%' height='20px' />\n              </TableHeaderCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {Array.from({ length: 8 }).map((_, i) => (\n            <TableRow key={i} disableHoverBackground>\n              {Array.from({ length: 5 }).map((_, i) => (\n                <TableCell key={i}>\n                  <LoadingShimmer width='100%' height='24px' />\n                </TableCell>\n              ))}\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </Stack>\n  );\n};\n\nconst HeaderShimmer = () => {\n  return (\n    <PageHeaderContainer>\n      <LoadingShimmer width='150px' height='30px' />\n      <HStack>\n        <LoadingShimmer width='80px' height='30px' />\n        <LoadingShimmer width='80px' height='30px' />\n      </HStack>\n    </PageHeaderContainer>\n  );\n};\n\n/**\n * Render a single full-width card with a loading state mimicking a DataTable.\n */\nexport const IndexViewLayoutShimmer = () => {\n  return (\n    <>\n      <HeaderShimmer />\n      <Layout>\n        <CardV2>\n          <CardV2.Section>\n            <DataTableShimmer />\n          </CardV2.Section>\n        </CardV2>\n      </Layout>\n    </>\n  );\n};\n\n/**\n * Render `cards.length` full-width cards of the specified height in a loading state.\n */\nexport const SimpleLayoutShimmer = ({ cards = [400] }: { cards?: number[] }) => {\n  return (\n    <>\n      <HeaderShimmer />\n      <Layout>\n        <Stack spacing={Spacing[4]}>\n          {cards.map((height, i) => (\n            <CardV2 key={i} loading loadingProps={{ height: `${height}px` }}>\n              <></>\n            </CardV2>\n          ))}\n        </Stack>\n      </Layout>\n    </>\n  );\n};\n\nconst TabsDivider = styled.hr`\n  border-top: 1px solid ${Color.BorderDivider};\n  margin: 0;\n`;\n\nconst TabsShimmer = () => {\n  return (\n    <Stack>\n      <HStack>\n        <LoadingShimmer variant='secondary' width='100px' height='20px' />\n        <LoadingShimmer variant='secondary' width='100px' height='20px' />\n      </HStack>\n      <TabsDivider />\n    </Stack>\n  );\n};\n\nconst MainColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: ${Spacing[4]};\n  flex: 2;\n`;\n\nconst RightColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: ${Spacing[4]};\n  flex: 1;\n`;\n\nexport const ShowViewLayoutShimmer = () => {\n  return (\n    <>\n      <HeaderShimmer />\n      <DetailLayout>\n        <Stack spacing={Spacing[4]}>\n          <TabsShimmer />\n          <HStack spacing={Spacing[4]}>\n            <MainColumn>\n              <CardV2 heading={{ title: 'Loading' }} loading loadingProps={{ height: '100px' }}>\n                <></>\n              </CardV2>\n              <CardV2 heading={{ title: 'Loading' }} loading loadingProps={{ height: '400px' }}>\n                <></>\n              </CardV2>\n              <CardV2 heading={{ title: 'Loading' }} loading>\n                <></>\n              </CardV2>\n            </MainColumn>\n            <RightColumn>\n              <CardV2 heading={{ title: 'Loading' }} loading loadingProps={{ height: '400px' }}>\n                <></>\n              </CardV2>\n              <CardV2 heading={{ title: 'Loading' }} loading>\n                <></>\n              </CardV2>\n            </RightColumn>\n          </HStack>\n        </Stack>\n      </DetailLayout>\n    </>\n  );\n};\n"],"mappings":"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"}

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-CO76xIqP.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_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-//#region lib/TruncatedText.tsx
-const OverflowEllipsisSpan = styled_components.default.span`
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`;
-/**
-* Truncates the text if it is too long to fit in the container.
-*
-* The text truncation is CSS-driven, but we use JavaScript to detect when truncation
-* happens so we can set a title attribute dynamically.
-*/
-const TruncatedText = ({ children, titleBehavior = "conditional", ...props }) => {
-	const ref = (0, react.useRef)(null);
-	const { isOverflowWidth } = require_lib_useIsOverflow.useIsOverflow(ref);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowEllipsisSpan, {
-		ref,
-		title: isOverflowWidth || titleBehavior === "always" ? ref.current?.textContent ?? "" : void 0,
-		...props,
-		children
-	});
-};
-//#endregion
-exports.OverflowEllipsisSpan = OverflowEllipsisSpan;
-exports.TruncatedText = TruncatedText;
-exports.default = TruncatedText;
-
-//# sourceMappingURL=TruncatedText.cjs.map

package/dist/lib/TruncatedText.cjs.map

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

package/dist/lib/TruncatedText.d.cts

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

package/dist/lib/TruncatedTextWithTooltip.cjs

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

package/dist/lib/TruncatedTextWithTooltip.cjs.map

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

package/dist/lib/TruncatedTextWithTooltip.d.cts

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