@persona/design-system 0.1.5-pre.4

package/dist/TableHeaderCell-25lC9tNk.d.cts

@@ -0,0 +1,17 @@
+import * as _$react from "react";
+
+//#region components/Table/TableHeaderCell.d.ts
+interface TableHeaderCellProps {
+  size?: 'sm' | 'md';
+  sortable?: boolean;
+  width?: 'auto' | 'min' | 'max' | string;
+  isSticky?: boolean;
+  align?: 'left' | 'right';
+}
+interface TableIconContainerProps {
+  sortDirection?: 'asc' | 'desc' | false;
+}
+declare const TableHeaderCell: _$react.ForwardRefExoticComponent<Omit<_$react.DetailedHTMLProps<_$react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & TableHeaderCellProps & TableIconContainerProps & _$react.RefAttributes<HTMLTableCellElement>>;
+//#endregion
+export { TableHeaderCell as t };
+//# sourceMappingURL=TableHeaderCell-25lC9tNk.d.cts.map

package/dist/TableHeaderCell-DzYZq7SG.d.mts

@@ -0,0 +1,17 @@
+import * as _$react from "react";
+
+//#region components/Table/TableHeaderCell.d.ts
+interface TableHeaderCellProps {
+  size?: 'sm' | 'md';
+  sortable?: boolean;
+  width?: 'auto' | 'min' | 'max' | string;
+  isSticky?: boolean;
+  align?: 'left' | 'right';
+}
+interface TableIconContainerProps {
+  sortDirection?: 'asc' | 'desc' | false;
+}
+declare const TableHeaderCell: _$react.ForwardRefExoticComponent<Omit<_$react.DetailedHTMLProps<_$react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & TableHeaderCellProps & TableIconContainerProps & _$react.RefAttributes<HTMLTableCellElement>>;
+//#endregion
+export { TableHeaderCell as t };
+//# sourceMappingURL=TableHeaderCell-DzYZq7SG.d.mts.map

package/dist/TableHeaderCell.d.cts

@@ -0,0 +1,2 @@
+import { t as TableHeaderCell } from "./TableHeaderCell-25lC9tNk.cjs";
+export = TableHeaderCell;

package/dist/TableHeaderCell.d.mts

@@ -0,0 +1,2 @@
+import { t as TableHeaderCell } from "./TableHeaderCell-DzYZq7SG.mjs";
+export { TableHeaderCell as default };

package/dist/TableLayout-BA3jbdbi.d.mts

@@ -0,0 +1,19 @@
+import { FC, PropsWithChildren, ReactNode } from "react";
+
+//#region components/Table/TableLayout.d.ts
+interface TableLayoutProps {
+  className?: string;
+  containerMaxHeight?: number;
+  dataTest?: string;
+  headerTR: JSX.Element;
+  isEmpty?: boolean;
+  isLoading?: boolean;
+  nullState: ReactNode;
+  showHeader?: boolean;
+  size?: 'sm' | 'md';
+  stickyHeader?: boolean;
+}
+declare const TableLayout: FC<PropsWithChildren<TableLayoutProps>>;
+//#endregion
+export { TableLayout as t };
+//# sourceMappingURL=TableLayout-BA3jbdbi.d.mts.map

package/dist/TableLayout-CmDKOu10.d.cts

@@ -0,0 +1,19 @@
+import { FC, PropsWithChildren, ReactNode } from "react";
+
+//#region components/Table/TableLayout.d.ts
+interface TableLayoutProps {
+  className?: string;
+  containerMaxHeight?: number;
+  dataTest?: string;
+  headerTR: JSX.Element;
+  isEmpty?: boolean;
+  isLoading?: boolean;
+  nullState: ReactNode;
+  showHeader?: boolean;
+  size?: 'sm' | 'md';
+  stickyHeader?: boolean;
+}
+declare const TableLayout: FC<PropsWithChildren<TableLayoutProps>>;
+//#endregion
+export { TableLayout as t };
+//# sourceMappingURL=TableLayout-CmDKOu10.d.cts.map

package/dist/TableLayout.d.cts

@@ -0,0 +1,2 @@
+import { t as TableLayout } from "./TableLayout-CmDKOu10.cjs";
+export = TableLayout;

package/dist/TableLayout.d.mts

@@ -0,0 +1,2 @@
+import { t as TableLayout } from "./TableLayout-BA3jbdbi.mjs";
+export { TableLayout as default };

package/dist/TableRow-CBKpDeUV.d.mts

@@ -0,0 +1,13 @@
+import { t as PseudoClassProps } from "./PseudoClassProps-mZgO_iZJ.mjs";
+import * as _$styled_components0 from "styled-components";
+
+//#region components/Table/TableRow.d.ts
+interface TableRowProps extends PseudoClassProps {
+  disableHoverBackground?: boolean;
+}
+declare const TableRow: _$styled_components0.StyledComponent<"tr", any, {
+  role: "row";
+} & TableRowProps, "role">;
+//#endregion
+export { TableRowProps as n, TableRow as t };
+//# sourceMappingURL=TableRow-CBKpDeUV.d.mts.map

package/dist/TableRow-IPjQnK2q.d.cts

@@ -0,0 +1,13 @@
+import { t as PseudoClassProps } from "./PseudoClassProps-C5jpj6Rp.cjs";
+import * as _$styled_components0 from "styled-components";
+
+//#region components/Table/TableRow.d.ts
+interface TableRowProps extends PseudoClassProps {
+  disableHoverBackground?: boolean;
+}
+declare const TableRow: _$styled_components0.StyledComponent<"tr", any, {
+  role: "row";
+} & TableRowProps, "role">;
+//#endregion
+export { TableRowProps as n, TableRow as t };
+//# sourceMappingURL=TableRow-IPjQnK2q.d.cts.map

package/dist/TableRow.d.cts

@@ -0,0 +1,2 @@
+import { n as TableRowProps, t as TableRow } from "./TableRow-IPjQnK2q.cjs";
+export { TableRowProps, TableRow as default };

package/dist/TableRow.d.mts

@@ -0,0 +1,2 @@
+import { n as TableRowProps, t as TableRow } from "./TableRow-CBKpDeUV.mjs";
+export { TableRowProps, TableRow as default };

package/dist/TableTH.d.cts

@@ -0,0 +1,2 @@
+import { d as TableTHProps, u as TableTH } from "./TableCell-DIs9h97h.cjs";
+export { TableTHProps, TableTH as default };

package/dist/TableTH.d.mts

@@ -0,0 +1,2 @@
+import { d as TableTHProps, u as TableTH } from "./TableCell-Dog4Blfq.mjs";
+export { TableTHProps, TableTH as default };

package/dist/Text-CnXedFut.d.mts

@@ -0,0 +1,42 @@
+import { i as ParagraphSize, n as HeadingSize, t as DisplaySize } from "./text-BrSUs-88.mjs";
+import { r as TextColors } from "./theme-DGAqgnUa.mjs";
+import * as _$styled_components0 from "styled-components";
+import { ComponentPropsWithoutRef, ComponentType, FC, PropsWithChildren } from "react";
+
+//#region components/Text/Text.d.ts
+interface SpanProps {
+  id?: string;
+  color?: keyof TextColors | null;
+  'data-test'?: string;
+}
+/**
+ * Base class of all Text components.
+ */
+declare const Span: _$styled_components0.StyledComponent<FC<PropsWithChildren<SpanProps>>, any, {}, never>;
+interface DisplayProps {
+  size: DisplaySize;
+}
+declare const Display: _$styled_components0.StyledComponent<FC<PropsWithChildren<SpanProps>>, any, {
+  as: string;
+} & DisplayProps, "as">;
+interface HeadingProps extends Omit<ComponentPropsWithoutRef<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>, 'color'>, SpanProps {
+  size: HeadingSize;
+  as?: string | ComponentType<any>;
+}
+declare const Heading: FC<HeadingProps>;
+interface ParagraphProps extends Omit<ComponentPropsWithoutRef<'p'>, 'color'>, SpanProps {
+  size?: ParagraphSize;
+  weight?: 'bold' | 'normal' | 'light';
+  as?: string | ComponentType<any>;
+}
+declare const Paragraph: _$styled_components0.StyledComponent<FC<PropsWithChildren<SpanProps>>, any, ParagraphProps, never>;
+interface LabelProps extends Omit<ComponentPropsWithoutRef<'label'>, 'color'>, SpanProps {
+  size?: ParagraphSize;
+  weight?: 'bold' | 'normal' | 'light';
+  'data-test'?: string;
+}
+declare const Label: _$styled_components0.StyledComponent<FC<PropsWithChildren<SpanProps>>, any, ParagraphProps & LabelProps, never>;
+declare const TabularNumber: _$styled_components0.StyledComponent<FC<PropsWithChildren<SpanProps>>, any, ParagraphProps, never>;
+//#endregion
+export { Label as a, ParagraphProps as c, TabularNumber as d, HeadingProps as i, Span as l, DisplayProps as n, LabelProps as o, Heading as r, Paragraph as s, Display as t, SpanProps as u };
+//# sourceMappingURL=Text-CnXedFut.d.mts.map

package/dist/Text-CrGiWG2E.d.cts

@@ -0,0 +1,42 @@
+import { i as ParagraphSize, n as HeadingSize, t as DisplaySize } from "./text-PmH5oc61.cjs";
+import { r as TextColors } from "./theme-Cadb1xzQ.cjs";
+import { ComponentPropsWithoutRef, ComponentType, FC, PropsWithChildren } from "react";
+import * as _$styled_components0 from "styled-components";
+
+//#region components/Text/Text.d.ts
+interface SpanProps {
+  id?: string;
+  color?: keyof TextColors | null;
+  'data-test'?: string;
+}
+/**
+ * Base class of all Text components.
+ */
+declare const Span: _$styled_components0.StyledComponent<FC<PropsWithChildren<SpanProps>>, any, {}, never>;
+interface DisplayProps {
+  size: DisplaySize;
+}
+declare const Display: _$styled_components0.StyledComponent<FC<PropsWithChildren<SpanProps>>, any, {
+  as: string;
+} & DisplayProps, "as">;
+interface HeadingProps extends Omit<ComponentPropsWithoutRef<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>, 'color'>, SpanProps {
+  size: HeadingSize;
+  as?: string | ComponentType<any>;
+}
+declare const Heading: FC<HeadingProps>;
+interface ParagraphProps extends Omit<ComponentPropsWithoutRef<'p'>, 'color'>, SpanProps {
+  size?: ParagraphSize;
+  weight?: 'bold' | 'normal' | 'light';
+  as?: string | ComponentType<any>;
+}
+declare const Paragraph: _$styled_components0.StyledComponent<FC<PropsWithChildren<SpanProps>>, any, ParagraphProps, never>;
+interface LabelProps extends Omit<ComponentPropsWithoutRef<'label'>, 'color'>, SpanProps {
+  size?: ParagraphSize;
+  weight?: 'bold' | 'normal' | 'light';
+  'data-test'?: string;
+}
+declare const Label: _$styled_components0.StyledComponent<FC<PropsWithChildren<SpanProps>>, any, ParagraphProps & LabelProps, never>;
+declare const TabularNumber: _$styled_components0.StyledComponent<FC<PropsWithChildren<SpanProps>>, any, ParagraphProps, never>;
+//#endregion
+export { Label as a, ParagraphProps as c, TabularNumber as d, HeadingProps as i, Span as l, DisplayProps as n, LabelProps as o, Heading as r, Paragraph as s, Display as t, SpanProps as u };
+//# sourceMappingURL=Text-CrGiWG2E.d.cts.map

package/dist/Text-DOTYjIt0.mjs

@@ -0,0 +1,58 @@
+import { displayMixins, fontFamilyMixin, headingMixins, paragraphMixins } from "./mixins/text.mjs";
+import styled from "styled-components";
+import { jsx } from "react/jsx-runtime";
+//#region components/Text/Text.tsx
+const StyledSpan = ({ children, color, ...othersThanColor }) => /* @__PURE__ */ jsx("span", {
+	...othersThanColor,
+	children
+});
+/**
+* Base class of all Text components.
+*/
+const Span = styled(StyledSpan)`
+  color: ${({ color = "primary", theme }) => color == null ? "inherit" : theme.color.text[color]};
+  ${fontFamilyMixin};
+`;
+const Display = styled(Span).attrs(() => ({ as: "h1" }))`
+  ${({ size }) => displayMixins[size]}
+`;
+const HeadingComponent = styled(Span)`
+  ${({ size }) => headingMixins[size]}
+`;
+const Heading = ({ as, size, ...props }) => {
+	return /* @__PURE__ */ jsx(HeadingComponent, {
+		as: as || "h3",
+		size,
+		...props
+	});
+};
+const Paragraph = styled(Span).attrs(({ as = "p" }) => ({ as }))`
+  ${({ size = "md", weight = "normal" }) => {
+	if (weight !== "normal") if (![
+		"sm",
+		"md",
+		"lg"
+	].includes(size) || size === "sm" && weight === "light") console.error(`Size '${size}' does not exist for weight '${weight}'.`);
+	else return paragraphMixins[size + weight.charAt(0).toUpperCase() + weight.slice(1)];
+	return paragraphMixins[size];
+}}
+  /* Unlike the other text components, Paragraph defaults to the secondary text color. */
+  color: ${({ color = "secondary", theme }) => {
+	return theme.color.text[color];
+}};
+`;
+const Label = styled(Paragraph).attrs({ as: "label" })`
+  color: ${({ color = "primary", theme }) => {
+	return theme.color.text[color];
+}};
+`;
+const TabularNumber = styled(Paragraph)`
+  font-variant-numeric: tabular-nums;
+  color: ${({ color = "primary", theme }) => {
+	return theme.color.text[color];
+}};
+`;
+//#endregion
+export { Span as a, Paragraph as i, Heading as n, TabularNumber as o, Label as r, Display as t };
+
+//# sourceMappingURL=Text-DOTYjIt0.mjs.map

package/dist/Text-DOTYjIt0.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text-DOTYjIt0.mjs","names":[],"sources":["../components/Text/Text.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ComponentType, FC, PropsWithChildren } from 'react';\nimport styled from 'styled-components';\n\nimport {\n  displayMixins,\n  type DisplaySize,\n  fontFamilyMixin,\n  headingMixins,\n  type HeadingSize,\n  paragraphMixins,\n  type ParagraphMixinSize,\n  type ParagraphSize,\n} from 'design-system/mixins/text';\nimport type { TextColors } from 'design-system/theme';\n\nexport interface SpanProps {\n  id?: string;\n  color?: keyof TextColors | null;\n  'data-test'?: string;\n}\n\nconst StyledSpan: FC<PropsWithChildren<SpanProps>> = ({ children, color, ...othersThanColor }) => (\n  <span {...othersThanColor}>{children}</span>\n);\n\n/**\n * Base class of all Text components.\n */\nexport const Span = styled(StyledSpan)`\n  color: ${({ color = 'primary', theme }) => (color == null ? 'inherit' : theme.color.text[color])};\n  ${fontFamilyMixin};\n`;\n\nexport interface DisplayProps {\n  size: DisplaySize;\n}\n\nexport const Display = styled(Span).attrs(() => ({ as: 'h1' }))<DisplayProps>`\n  ${({ size }) => displayMixins[size]}\n`;\n\nexport interface HeadingProps\n  extends\n    Omit<ComponentPropsWithoutRef<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>, 'color'>,\n    SpanProps {\n  size: HeadingSize;\n  as?: string | ComponentType<any>;\n}\n\nconst HeadingComponent = styled(Span)<HeadingProps>`\n  ${({ size }) => headingMixins[size]}\n`;\n\n// Needs a wrapper to support chaining .attrs without overwriting `as: size`\n// This is a bug with styled components when chaining .attrs where the inner\n// .attr cannot access values passed by the outer .attr.\nexport const Heading: FC<HeadingProps> = ({ as, size, ...props }) => {\n  return <HeadingComponent as={as || 'h3'} size={size} {...props} />;\n};\n\nexport interface ParagraphProps extends Omit<ComponentPropsWithoutRef<'p'>, 'color'>, SpanProps {\n  size?: ParagraphSize;\n  weight?: 'bold' | 'normal' | 'light';\n  as?: string | ComponentType<any>;\n}\n\nexport const Paragraph = styled(Span).attrs<ParagraphProps>(({ as = 'p' }) => ({\n  as,\n}))<ParagraphProps>`\n  ${({ size = 'md', weight = 'normal' }) => {\n    if (weight !== 'normal') {\n      if (!['sm', 'md', 'lg'].includes(size) || (size === 'sm' && weight === 'light')) {\n        console.error(`Size '${size}' does not exist for weight '${weight}'.`);\n      } else {\n        return paragraphMixins[\n          (size + weight.charAt(0).toUpperCase() + weight.slice(1)) as ParagraphMixinSize\n        ];\n      }\n    }\n\n    return paragraphMixins[size];\n  }}\n  /* Unlike the other text components, Paragraph defaults to the secondary text color. */\n  color: ${({ color = 'secondary', theme }) => {\n    /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n    return theme.color.text[color];\n  }};\n`;\n\nexport interface LabelProps extends Omit<ComponentPropsWithoutRef<'label'>, 'color'>, SpanProps {\n  size?: ParagraphSize;\n  weight?: 'bold' | 'normal' | 'light';\n  'data-test'?: string;\n}\n\nexport const Label = styled(Paragraph).attrs<LabelProps>({\n  as: 'label',\n})<LabelProps>`\n  color: ${({ color = 'primary', theme }) => {\n    /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n    return theme.color.text[color];\n  }};\n`;\n\nexport const TabularNumber = styled(Paragraph)`\n  font-variant-numeric: tabular-nums;\n  color: ${({ color = 'primary', theme }) => {\n    /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n    return theme.color.text[color];\n  }};\n`;\n"],"mappings":";;;;AAqBA,MAAM,cAAgD,EAAE,UAAU,OAAO,GAAG,sBAC1E,oBAAC,QAAD;CAAM,GAAI;CAAkB;CAAgB,CAAA;;;;AAM9C,MAAa,OAAO,OAAO,WAAW;YAC1B,EAAE,QAAQ,WAAW,YAAa,SAAS,OAAO,YAAY,MAAM,MAAM,KAAK,OAAQ;IAC/F,gBAAgB;;AAOpB,MAAa,UAAU,OAAO,KAAK,CAAC,aAAa,EAAE,IAAI,MAAM,EAAE;KAC1D,EAAE,WAAW,cAAc,MAAM;;AAWtC,MAAM,mBAAmB,OAAO,KAAK;KAChC,EAAE,WAAW,cAAc,MAAM;;AAMtC,MAAa,WAA6B,EAAE,IAAI,MAAM,GAAG,YAAY;AACnE,QAAO,oBAAC,kBAAD;EAAkB,IAAI,MAAM;EAAY;EAAM,GAAI;EAAS,CAAA;;AASpE,MAAa,YAAY,OAAO,KAAK,CAAC,OAAuB,EAAE,KAAK,WAAW,EAC7E,IACD,EAAE;KACE,EAAE,OAAO,MAAM,SAAS,eAAe;AACxC,KAAI,WAAW,SACb,KAAI,CAAC;EAAC;EAAM;EAAM;EAAK,CAAC,SAAS,KAAK,IAAK,SAAS,QAAQ,WAAW,QACrE,SAAQ,MAAM,SAAS,KAAK,+BAA+B,OAAO,IAAI;KAEtE,QAAO,gBACJ,OAAO,OAAO,OAAO,EAAE,CAAC,aAAa,GAAG,OAAO,MAAM,EAAE;AAK9D,QAAO,gBAAgB;EACvB;;YAEQ,EAAE,QAAQ,aAAa,YAAY;AAE3C,QAAO,MAAM,MAAM,KAAK;EACxB;;AASJ,MAAa,QAAQ,OAAO,UAAU,CAAC,MAAkB,EACvD,IAAI,SACL,CAAC;YACU,EAAE,QAAQ,WAAW,YAAY;AAEzC,QAAO,MAAM,MAAM,KAAK;EACxB;;AAGJ,MAAa,gBAAgB,OAAO,UAAU;;YAElC,EAAE,QAAQ,WAAW,YAAY;AAEzC,QAAO,MAAM,MAAM,KAAK;EACxB"}

package/dist/Text-DVz8erdF.cjs

@@ -0,0 +1,95 @@
+const require_chunk = require("./chunk-CoPdw6nB.cjs");
+const require_mixins_text = require("./mixins/text.cjs");
+let styled_components = require("styled-components");
+styled_components = require_chunk.__toESM(styled_components);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/Text/Text.tsx
+const StyledSpan = ({ children, color, ...othersThanColor }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+	...othersThanColor,
+	children
+});
+/**
+* Base class of all Text components.
+*/
+const Span = (0, styled_components.default)(StyledSpan)`
+  color: ${({ color = "primary", theme }) => color == null ? "inherit" : theme.color.text[color]};
+  ${require_mixins_text.fontFamilyMixin};
+`;
+const Display = (0, styled_components.default)(Span).attrs(() => ({ as: "h1" }))`
+  ${({ size }) => require_mixins_text.displayMixins[size]}
+`;
+const HeadingComponent = (0, styled_components.default)(Span)`
+  ${({ size }) => require_mixins_text.headingMixins[size]}
+`;
+const Heading = ({ as, size, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeadingComponent, {
+		as: as || "h3",
+		size,
+		...props
+	});
+};
+const Paragraph = (0, styled_components.default)(Span).attrs(({ as = "p" }) => ({ as }))`
+  ${({ size = "md", weight = "normal" }) => {
+	if (weight !== "normal") if (![
+		"sm",
+		"md",
+		"lg"
+	].includes(size) || size === "sm" && weight === "light") console.error(`Size '${size}' does not exist for weight '${weight}'.`);
+	else return require_mixins_text.paragraphMixins[size + weight.charAt(0).toUpperCase() + weight.slice(1)];
+	return require_mixins_text.paragraphMixins[size];
+}}
+  /* Unlike the other text components, Paragraph defaults to the secondary text color. */
+  color: ${({ color = "secondary", theme }) => {
+	return theme.color.text[color];
+}};
+`;
+const Label = (0, styled_components.default)(Paragraph).attrs({ as: "label" })`
+  color: ${({ color = "primary", theme }) => {
+	return theme.color.text[color];
+}};
+`;
+const TabularNumber = (0, styled_components.default)(Paragraph)`
+  font-variant-numeric: tabular-nums;
+  color: ${({ color = "primary", theme }) => {
+	return theme.color.text[color];
+}};
+`;
+//#endregion
+Object.defineProperty(exports, "Display", {
+	enumerable: true,
+	get: function() {
+		return Display;
+	}
+});
+Object.defineProperty(exports, "Heading", {
+	enumerable: true,
+	get: function() {
+		return Heading;
+	}
+});
+Object.defineProperty(exports, "Label", {
+	enumerable: true,
+	get: function() {
+		return Label;
+	}
+});
+Object.defineProperty(exports, "Paragraph", {
+	enumerable: true,
+	get: function() {
+		return Paragraph;
+	}
+});
+Object.defineProperty(exports, "Span", {
+	enumerable: true,
+	get: function() {
+		return Span;
+	}
+});
+Object.defineProperty(exports, "TabularNumber", {
+	enumerable: true,
+	get: function() {
+		return TabularNumber;
+	}
+});
+
+//# sourceMappingURL=Text-DVz8erdF.cjs.map

package/dist/Text-DVz8erdF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text-DVz8erdF.cjs","names":["fontFamilyMixin","displayMixins","headingMixins","paragraphMixins"],"sources":["../components/Text/Text.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ComponentType, FC, PropsWithChildren } from 'react';\nimport styled from 'styled-components';\n\nimport {\n  displayMixins,\n  type DisplaySize,\n  fontFamilyMixin,\n  headingMixins,\n  type HeadingSize,\n  paragraphMixins,\n  type ParagraphMixinSize,\n  type ParagraphSize,\n} from 'design-system/mixins/text';\nimport type { TextColors } from 'design-system/theme';\n\nexport interface SpanProps {\n  id?: string;\n  color?: keyof TextColors | null;\n  'data-test'?: string;\n}\n\nconst StyledSpan: FC<PropsWithChildren<SpanProps>> = ({ children, color, ...othersThanColor }) => (\n  <span {...othersThanColor}>{children}</span>\n);\n\n/**\n * Base class of all Text components.\n */\nexport const Span = styled(StyledSpan)`\n  color: ${({ color = 'primary', theme }) => (color == null ? 'inherit' : theme.color.text[color])};\n  ${fontFamilyMixin};\n`;\n\nexport interface DisplayProps {\n  size: DisplaySize;\n}\n\nexport const Display = styled(Span).attrs(() => ({ as: 'h1' }))<DisplayProps>`\n  ${({ size }) => displayMixins[size]}\n`;\n\nexport interface HeadingProps\n  extends\n    Omit<ComponentPropsWithoutRef<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>, 'color'>,\n    SpanProps {\n  size: HeadingSize;\n  as?: string | ComponentType<any>;\n}\n\nconst HeadingComponent = styled(Span)<HeadingProps>`\n  ${({ size }) => headingMixins[size]}\n`;\n\n// Needs a wrapper to support chaining .attrs without overwriting `as: size`\n// This is a bug with styled components when chaining .attrs where the inner\n// .attr cannot access values passed by the outer .attr.\nexport const Heading: FC<HeadingProps> = ({ as, size, ...props }) => {\n  return <HeadingComponent as={as || 'h3'} size={size} {...props} />;\n};\n\nexport interface ParagraphProps extends Omit<ComponentPropsWithoutRef<'p'>, 'color'>, SpanProps {\n  size?: ParagraphSize;\n  weight?: 'bold' | 'normal' | 'light';\n  as?: string | ComponentType<any>;\n}\n\nexport const Paragraph = styled(Span).attrs<ParagraphProps>(({ as = 'p' }) => ({\n  as,\n}))<ParagraphProps>`\n  ${({ size = 'md', weight = 'normal' }) => {\n    if (weight !== 'normal') {\n      if (!['sm', 'md', 'lg'].includes(size) || (size === 'sm' && weight === 'light')) {\n        console.error(`Size '${size}' does not exist for weight '${weight}'.`);\n      } else {\n        return paragraphMixins[\n          (size + weight.charAt(0).toUpperCase() + weight.slice(1)) as ParagraphMixinSize\n        ];\n      }\n    }\n\n    return paragraphMixins[size];\n  }}\n  /* Unlike the other text components, Paragraph defaults to the secondary text color. */\n  color: ${({ color = 'secondary', theme }) => {\n    /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n    return theme.color.text[color];\n  }};\n`;\n\nexport interface LabelProps extends Omit<ComponentPropsWithoutRef<'label'>, 'color'>, SpanProps {\n  size?: ParagraphSize;\n  weight?: 'bold' | 'normal' | 'light';\n  'data-test'?: string;\n}\n\nexport const Label = styled(Paragraph).attrs<LabelProps>({\n  as: 'label',\n})<LabelProps>`\n  color: ${({ color = 'primary', theme }) => {\n    /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n    return theme.color.text[color];\n  }};\n`;\n\nexport const TabularNumber = styled(Paragraph)`\n  font-variant-numeric: tabular-nums;\n  color: ${({ color = 'primary', theme }) => {\n    /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n    return theme.color.text[color];\n  }};\n`;\n"],"mappings":";;;;;;AAqBA,MAAM,cAAgD,EAAE,UAAU,OAAO,GAAG,sBAC1E,iBAAA,GAAA,kBAAA,KAAC,QAAD;CAAM,GAAI;CAAkB;CAAgB,CAAA;;;;AAM9C,MAAa,OAAO,CAAA,GAAA,kBAAA,SAAO,WAAW;YAC1B,EAAE,QAAQ,WAAW,YAAa,SAAS,OAAO,YAAY,MAAM,MAAM,KAAK,OAAQ;IAC/FA,oBAAAA,gBAAgB;;AAOpB,MAAa,UAAU,CAAA,GAAA,kBAAA,SAAO,KAAK,CAAC,aAAa,EAAE,IAAI,MAAM,EAAE;KAC1D,EAAE,WAAWC,oBAAAA,cAAc,MAAM;;AAWtC,MAAM,mBAAmB,CAAA,GAAA,kBAAA,SAAO,KAAK;KAChC,EAAE,WAAWC,oBAAAA,cAAc,MAAM;;AAMtC,MAAa,WAA6B,EAAE,IAAI,MAAM,GAAG,YAAY;AACnE,QAAO,iBAAA,GAAA,kBAAA,KAAC,kBAAD;EAAkB,IAAI,MAAM;EAAY;EAAM,GAAI;EAAS,CAAA;;AASpE,MAAa,YAAY,CAAA,GAAA,kBAAA,SAAO,KAAK,CAAC,OAAuB,EAAE,KAAK,WAAW,EAC7E,IACD,EAAE;KACE,EAAE,OAAO,MAAM,SAAS,eAAe;AACxC,KAAI,WAAW,SACb,KAAI,CAAC;EAAC;EAAM;EAAM;EAAK,CAAC,SAAS,KAAK,IAAK,SAAS,QAAQ,WAAW,QACrE,SAAQ,MAAM,SAAS,KAAK,+BAA+B,OAAO,IAAI;KAEtE,QAAOC,oBAAAA,gBACJ,OAAO,OAAO,OAAO,EAAE,CAAC,aAAa,GAAG,OAAO,MAAM,EAAE;AAK9D,QAAOA,oBAAAA,gBAAgB;EACvB;;YAEQ,EAAE,QAAQ,aAAa,YAAY;AAE3C,QAAO,MAAM,MAAM,KAAK;EACxB;;AASJ,MAAa,QAAQ,CAAA,GAAA,kBAAA,SAAO,UAAU,CAAC,MAAkB,EACvD,IAAI,SACL,CAAC;YACU,EAAE,QAAQ,WAAW,YAAY;AAEzC,QAAO,MAAM,MAAM,KAAK;EACxB;;AAGJ,MAAa,gBAAgB,CAAA,GAAA,kBAAA,SAAO,UAAU;;YAElC,EAAE,QAAQ,WAAW,YAAY;AAEzC,QAAO,MAAM,MAAM,KAAK;EACxB"}

package/dist/Text.d.cts

@@ -0,0 +1,2 @@
+import { a as Label, c as ParagraphProps, d as TabularNumber, i as HeadingProps, l as Span, n as DisplayProps, o as LabelProps, r as Heading, s as Paragraph, t as Display, u as SpanProps } from "./Text-CrGiWG2E.cjs";
+export { Display, DisplayProps, Heading, HeadingProps, Label, LabelProps, Paragraph, ParagraphProps, Span, SpanProps, TabularNumber };

package/dist/Text.d.mts

@@ -0,0 +1,2 @@
+import { a as Label, c as ParagraphProps, d as TabularNumber, i as HeadingProps, l as Span, n as DisplayProps, o as LabelProps, r as Heading, s as Paragraph, t as Display, u as SpanProps } from "./Text-CnXedFut.mjs";
+export { Display, DisplayProps, Heading, HeadingProps, Label, LabelProps, Paragraph, ParagraphProps, Span, SpanProps, TabularNumber };

package/dist/TextArea-1bHvaq9p.d.mts

@@ -0,0 +1,10 @@
+import { t as InputProps } from "./InputProps-BHu05fX0.mjs";
+import * as _$react from "react";
+import { ComponentPropsWithoutRef } from "react";
+
+//#region components/TextArea/TextArea.d.ts
+interface TextAreaProps extends ComponentPropsWithoutRef<'textarea'>, Omit<InputProps, 'inputSize'> {}
+declare const TextAreaWithStyle: _$react.ForwardRefExoticComponent<TextAreaProps & _$react.RefAttributes<HTMLTextAreaElement>>;
+//#endregion
+export { TextAreaWithStyle as n, TextAreaProps as t };
+//# sourceMappingURL=TextArea-1bHvaq9p.d.mts.map

package/dist/TextArea-B1kitxCl.mjs

@@ -0,0 +1,33 @@
+import "./variables/transitions.mjs";
+import inputMixin from "./mixins/input.mjs";
+import { n as useFormField } from "./useFormField-eftOPiXj.mjs";
+import styled from "styled-components";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+//#region components/TextArea/TextArea.tsx
+const TextArea = styled("textarea")`
+  ${inputMixin};
+  /* Don't cut off overflow text */
+  padding-bottom: 0;
+  font-family: ${({ theme }) => theme.text.fontFamily.base};
+  height: ${({ theme }) => theme.element.height.xl};
+  white-space: pre-wrap;
+  transition:
+    all ${"200ms"},
+    height 0s,
+    width 0s;
+`;
+const TextAreaWithStyle = forwardRef(function TextAreaWithStyle({ size, ...props }, ref) {
+	const { inputId } = useFormField(props);
+	return /* @__PURE__ */ jsx(TextArea, {
+		id: inputId,
+		"aria-invalid": props.hasError === true,
+		ref,
+		...props,
+		$size: size
+	});
+});
+//#endregion
+export { TextAreaWithStyle as t };
+
+//# sourceMappingURL=TextArea-B1kitxCl.mjs.map

package/dist/TextArea-B1kitxCl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea-B1kitxCl.mjs","names":[],"sources":["../components/TextArea/TextArea.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from 'react';\nimport styled from 'styled-components';\n\nimport useFormField from 'design-system/components/FormControl/useFormField';\nimport inputMixin, { type InputMixinProps } from 'design-system/mixins/input';\nimport type { InputProps } from 'design-system/types/InputProps';\nimport { TransitionDuration } from 'design-system/variables/transitions';\n\nexport interface TextAreaProps\n  extends ComponentPropsWithoutRef<'textarea'>, Omit<InputProps, 'inputSize'> {}\n\nconst TextArea = styled('textarea')<InputMixinProps>`\n  ${inputMixin};\n  /* Don't cut off overflow text */\n  padding-bottom: 0;\n  font-family: ${({ theme }) => theme.text.fontFamily.base};\n  height: ${({ theme }) => theme.element.height.xl};\n  white-space: pre-wrap;\n  transition:\n    all ${TransitionDuration.Fast},\n    height 0s,\n    width 0s;\n`;\n\nconst TextAreaWithStyle = forwardRef<HTMLTextAreaElement, TextAreaProps>(function TextAreaWithStyle(\n  { size, ...props },\n  ref,\n) {\n  const { inputId } = useFormField(props);\n\n  return (\n    <TextArea\n      id={inputId}\n      aria-invalid={props.hasError === true}\n      ref={ref}\n      {...props}\n      $size={size}\n    />\n  );\n});\n\nexport { TextAreaWithStyle as TextArea };\nexport default TextAreaWithStyle;\n"],"mappings":";;;;;;;AAWA,MAAM,WAAW,OAAO,WAAW;IAC/B,WAAW;;;kBAGG,EAAE,YAAY,MAAM,KAAK,WAAW,KAAK;aAC9C,EAAE,YAAY,MAAM,QAAQ,OAAO,GAAG;;;kBAGjB;;;;AAKlC,MAAM,oBAAoB,WAA+C,SAAS,kBAChF,EAAE,MAAM,GAAG,SACX,KACA;CACA,MAAM,EAAE,YAAY,aAAa,MAAM;AAEvC,QACE,oBAAC,UAAD;EACE,IAAI;EACJ,gBAAc,MAAM,aAAa;EAC5B;EACL,GAAI;EACJ,OAAO;EACP,CAAA;EAEJ"}

package/dist/TextArea-MVgGGM6r.cjs

@@ -0,0 +1,40 @@
+const require_chunk = require("./chunk-CoPdw6nB.cjs");
+require("./variables/transitions.cjs");
+const require_mixins_input = require("./mixins/input.cjs");
+const require_useFormField = require("./useFormField-DN3gpEEV.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 components/TextArea/TextArea.tsx
+const TextArea = (0, styled_components.default)("textarea")`
+  ${require_mixins_input};
+  /* Don't cut off overflow text */
+  padding-bottom: 0;
+  font-family: ${({ theme }) => theme.text.fontFamily.base};
+  height: ${({ theme }) => theme.element.height.xl};
+  white-space: pre-wrap;
+  transition:
+    all ${"200ms"},
+    height 0s,
+    width 0s;
+`;
+const TextAreaWithStyle = (0, react.forwardRef)(function TextAreaWithStyle({ size, ...props }, ref) {
+	const { inputId } = require_useFormField.useFormField(props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextArea, {
+		id: inputId,
+		"aria-invalid": props.hasError === true,
+		ref,
+		...props,
+		$size: size
+	});
+});
+//#endregion
+Object.defineProperty(exports, "TextAreaWithStyle", {
+	enumerable: true,
+	get: function() {
+		return TextAreaWithStyle;
+	}
+});
+
+//# sourceMappingURL=TextArea-MVgGGM6r.cjs.map

package/dist/TextArea-MVgGGM6r.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea-MVgGGM6r.cjs","names":["inputMixin","useFormField"],"sources":["../components/TextArea/TextArea.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from 'react';\nimport styled from 'styled-components';\n\nimport useFormField from 'design-system/components/FormControl/useFormField';\nimport inputMixin, { type InputMixinProps } from 'design-system/mixins/input';\nimport type { InputProps } from 'design-system/types/InputProps';\nimport { TransitionDuration } from 'design-system/variables/transitions';\n\nexport interface TextAreaProps\n  extends ComponentPropsWithoutRef<'textarea'>, Omit<InputProps, 'inputSize'> {}\n\nconst TextArea = styled('textarea')<InputMixinProps>`\n  ${inputMixin};\n  /* Don't cut off overflow text */\n  padding-bottom: 0;\n  font-family: ${({ theme }) => theme.text.fontFamily.base};\n  height: ${({ theme }) => theme.element.height.xl};\n  white-space: pre-wrap;\n  transition:\n    all ${TransitionDuration.Fast},\n    height 0s,\n    width 0s;\n`;\n\nconst TextAreaWithStyle = forwardRef<HTMLTextAreaElement, TextAreaProps>(function TextAreaWithStyle(\n  { size, ...props },\n  ref,\n) {\n  const { inputId } = useFormField(props);\n\n  return (\n    <TextArea\n      id={inputId}\n      aria-invalid={props.hasError === true}\n      ref={ref}\n      {...props}\n      $size={size}\n    />\n  );\n});\n\nexport { TextAreaWithStyle as TextArea };\nexport default TextAreaWithStyle;\n"],"mappings":";;;;;;;;;AAWA,MAAM,WAAW,CAAA,GAAA,kBAAA,SAAO,WAAW;IAC/BA,qBAAW;;;kBAGG,EAAE,YAAY,MAAM,KAAK,WAAW,KAAK;aAC9C,EAAE,YAAY,MAAM,QAAQ,OAAO,GAAG;;;kBAGjB;;;;AAKlC,MAAM,qBAAA,GAAA,MAAA,YAAmE,SAAS,kBAChF,EAAE,MAAM,GAAG,SACX,KACA;CACA,MAAM,EAAE,YAAYC,qBAAAA,aAAa,MAAM;AAEvC,QACE,iBAAA,GAAA,kBAAA,KAAC,UAAD;EACE,IAAI;EACJ,gBAAc,MAAM,aAAa;EAC5B;EACL,GAAI;EACJ,OAAO;EACP,CAAA;EAEJ"}

package/dist/TextArea-j43fhp2P.d.cts

@@ -0,0 +1,10 @@
+import { t as InputProps } from "./InputProps-CitGo8QA.cjs";
+import * as _$react from "react";
+import { ComponentPropsWithoutRef } from "react";
+
+//#region components/TextArea/TextArea.d.ts
+interface TextAreaProps extends ComponentPropsWithoutRef<'textarea'>, Omit<InputProps, 'inputSize'> {}
+declare const TextAreaWithStyle: _$react.ForwardRefExoticComponent<TextAreaProps & _$react.RefAttributes<HTMLTextAreaElement>>;
+//#endregion
+export { TextAreaWithStyle as n, TextAreaProps as t };
+//# sourceMappingURL=TextArea-j43fhp2P.d.cts.map

package/dist/TextArea.d.cts

@@ -0,0 +1,2 @@
+import { n as TextAreaWithStyle, t as TextAreaProps } from "./TextArea-j43fhp2P.cjs";
+export { TextAreaWithStyle as TextArea, TextAreaWithStyle as default, TextAreaProps };

package/dist/TextArea.d.mts

@@ -0,0 +1,2 @@
+import { n as TextAreaWithStyle, t as TextAreaProps } from "./TextArea-1bHvaq9p.mjs";
+export { TextAreaWithStyle as TextArea, TextAreaWithStyle as default, TextAreaProps };

package/dist/TextUnderlineTooltip-BDMs4iXn.d.cts

@@ -0,0 +1,18 @@
+import { r as TooltipStandardProps } from "./Tooltip-CE1oH6Iz.cjs";
+import { ReactNode } from "react";
+import * as _$styled_components0 from "styled-components";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
+
+//#region components/Tooltip/TextUnderlineTooltip.d.ts
+declare const TextWithDashedUnderline: _$styled_components0.StyledComponent<"span", any, {}, never>;
+interface TextUnderlineTooltipProps extends Omit<TooltipStandardProps, 'trigger' | 'iconTrigger'> {
+  tooltip: ReactNode;
+}
+declare const TextUnderlineTooltip: ({
+  children,
+  tooltip,
+  ...props
+}: TextUnderlineTooltipProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TextWithDashedUnderline as n, TextUnderlineTooltip as t };
+//# sourceMappingURL=TextUnderlineTooltip-BDMs4iXn.d.cts.map

package/dist/TextUnderlineTooltip-z4sSGL91.d.mts

@@ -0,0 +1,18 @@
+import { r as TooltipStandardProps } from "./Tooltip-C0PS5InA.mjs";
+import * as _$styled_components0 from "styled-components";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region components/Tooltip/TextUnderlineTooltip.d.ts
+declare const TextWithDashedUnderline: _$styled_components0.StyledComponent<"span", any, {}, never>;
+interface TextUnderlineTooltipProps extends Omit<TooltipStandardProps, 'trigger' | 'iconTrigger'> {
+  tooltip: ReactNode;
+}
+declare const TextUnderlineTooltip: ({
+  children,
+  tooltip,
+  ...props
+}: TextUnderlineTooltipProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TextWithDashedUnderline as n, TextUnderlineTooltip as t };
+//# sourceMappingURL=TextUnderlineTooltip-z4sSGL91.d.mts.map

package/dist/TextUnderlineTooltip.d.cts

@@ -0,0 +1,2 @@
+import { n as TextWithDashedUnderline, t as TextUnderlineTooltip } from "./TextUnderlineTooltip-BDMs4iXn.cjs";
+export { TextWithDashedUnderline, TextUnderlineTooltip as default };

package/dist/TextUnderlineTooltip.d.mts

@@ -0,0 +1,2 @@
+import { n as TextWithDashedUnderline, t as TextUnderlineTooltip } from "./TextUnderlineTooltip-z4sSGL91.mjs";
+export { TextWithDashedUnderline, TextUnderlineTooltip as default };