@aloudata/aloudata-design 3.1.6 → 3.2.0-beta.0

package/dist/Typography/index.js

@@ -1,28 +1,39 @@
 import { cn } from "../lib/utils.js";
-import { useCallback, useState } from "react";
+import { c } from "react-compiler-runtime";
+import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Typography/index.tsx
-function CopyButton({ copyable, children }) {
+function CopyButton(t0) {
+	const $ = c(11);
+	const { copyable, children } = t0;
 	const [copied, setCopied] = useState(false);
-	const handleCopy = useCallback(() => {
-		const config = typeof copyable === "object" ? copyable : {};
-		const textToCopy = config.text ?? (typeof children === "string" ? children : "");
-		navigator.clipboard.writeText(String(textToCopy)).then(() => {
-			setCopied(true);
-			config.onCopy?.();
-			setTimeout(() => setCopied(false), 2e3);
-		});
-	}, [copyable, children]);
-	return /* @__PURE__ */ jsx("span", {
-		role: "button",
-		tabIndex: 0,
-		className: "ald-typography-copy tw-ml-1 tw-inline-flex tw-cursor-pointer tw-align-middle tw-text-[var(--content-secondary)] hover:tw-text-[var(--content-primary)]",
-		onClick: handleCopy,
-		onKeyDown: (e) => {
+	let t1;
+	if ($[0] !== children || $[1] !== copyable) {
+		t1 = () => {
+			const config = typeof copyable === "object" ? copyable : {};
+			const textToCopy = config.text ?? (typeof children === "string" ? children : "");
+			navigator.clipboard.writeText(String(textToCopy)).then(() => {
+				setCopied(true);
+				config.onCopy?.();
+				setTimeout(() => setCopied(false), 2e3);
+			});
+		};
+		$[0] = children;
+		$[1] = copyable;
+		$[2] = t1;
+	} else t1 = $[2];
+	const handleCopy = t1;
+	let t2;
+	if ($[3] !== handleCopy) {
+		t2 = (e) => {
 			if (e.key === "Enter" || e.key === " ") handleCopy();
-		},
-		"aria-label": "Copy",
-		children: copied ? /* @__PURE__ */ jsx("span", {
+		};
+		$[3] = handleCopy;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== copied) {
+		t3 = copied ? /* @__PURE__ */ jsx("span", {
 			className: "tw-text-xs tw-text-[var(--content-positive-primary)]",
 			children: "Copied!"
 		}) : /* @__PURE__ */ jsxs("svg", {
@@ -32,14 +43,51 @@ function CopyButton({ copyable, children }) {
 			fill: "currentColor",
 			"aria-hidden": "true",
 			children: [/* @__PURE__ */ jsx("path", { d: "M4 2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6z" }), /* @__PURE__ */ jsx("path", { d: "M2 4a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h1v1H2z" })]
-		})
-	});
+		});
+		$[5] = copied;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== handleCopy || $[8] !== t2 || $[9] !== t3) {
+		t4 = /* @__PURE__ */ jsx("span", {
+			role: "button",
+			tabIndex: 0,
+			className: "ald-typography-copy tw-ml-1 tw-inline-flex tw-cursor-pointer tw-align-middle tw-text-[var(--content-secondary)] hover:tw-text-[var(--content-primary)]",
+			onClick: handleCopy,
+			onKeyDown: t2,
+			"aria-label": "Copy",
+			children: t3
+		});
+		$[7] = handleCopy;
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
 }
-var Typography = ({ className, style, children }) => /* @__PURE__ */ jsx("article", {
-	className: cn("ald-typography tw-text-typography-body-reading", className),
-	style,
-	children
-});
+var Typography = (t0) => {
+	const $ = c(6);
+	const { className, style, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = cn("ald-typography tw-text-typography-body-reading", className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children || $[3] !== style || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx("article", {
+			className: t1,
+			style,
+			children
+		});
+		$[2] = children;
+		$[3] = style;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+};
 Typography.Text = ({ className, style, children, strong, italic, underline, code, disabled, type, ellipsis, copyable, delete: del, ...rest }) => {
 	const isEllipsis = Boolean(ellipsis);
 	const ellipsisRows = typeof ellipsis === "object" ? ellipsis.rows : void 0;

package/dist/Typography/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Typography/index.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface TypographyProps {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n}\n\ninterface TypographyComponent extends React.FC<TypographyProps> {\n  Text: React.FC<TextProps>;\n  Title: React.FC<TitleProps>;\n  Paragraph: React.FC<ParagraphProps>;\n  Link: React.FC<LinkProps>;\n}\n\ninterface CopyableConfig {\n  text?: string;\n  onCopy?: () => void;\n  tooltips?: [React.ReactNode, React.ReactNode];\n}\n\ntype EllipsisConfig = boolean | { rows?: number };\n\ninterface TextProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'type'> {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  strong?: boolean;\n  italic?: boolean;\n  underline?: boolean;\n  delete?: boolean;\n  code?: boolean;\n  disabled?: boolean;\n  type?: 'secondary' | 'success' | 'warning' | 'danger';\n  ellipsis?: EllipsisConfig;\n  copyable?: boolean | CopyableConfig;\n}\n\ninterface TitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  level?: 1 | 2 | 3 | 4 | 5;\n  ellipsis?: EllipsisConfig;\n}\n\ninterface ParagraphProps extends React.HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  ellipsis?: EllipsisConfig;\n  copyable?: boolean | CopyableConfig;\n}\n\ninterface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  href?: string;\n  target?: string;\n}\n\nfunction CopyButton({\n  copyable,\n  children,\n}: {\n  copyable: boolean | CopyableConfig;\n  children: React.ReactNode;\n}) {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = useCallback(() => {\n    const config =\n      typeof copyable === 'object' ? copyable : ({} as CopyableConfig);\n    const textToCopy =\n      config.text ?? (typeof children === 'string' ? children : '');\n    navigator.clipboard.writeText(String(textToCopy)).then(() => {\n      setCopied(true);\n      config.onCopy?.();\n      setTimeout(() => setCopied(false), 2000);\n    });\n  }, [copyable, children]);\n\n  return (\n    <span\n      role=\"button\"\n      tabIndex={0}\n      className=\"ald-typography-copy tw-ml-1 tw-inline-flex tw-cursor-pointer tw-align-middle tw-text-[var(--content-secondary)] hover:tw-text-[var(--content-primary)]\"\n      onClick={handleCopy}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') handleCopy();\n      }}\n      aria-label=\"Copy\"\n    >\n      {copied ? (\n        <span className=\"tw-text-xs tw-text-[var(--content-positive-primary)]\">\n          Copied!\n        </span>\n      ) : (\n        <svg\n          viewBox=\"0 0 16 16\"\n          width=\"1em\"\n          height=\"1em\"\n          fill=\"currentColor\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"M4 2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6z\" />\n          <path d=\"M2 4a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h1v1H2z\" />\n        </svg>\n      )}\n    </span>\n  );\n}\n\nconst Typography: TypographyComponent = ({ className, style, children }) => (\n  <article\n    className={cn('ald-typography tw-text-typography-body-reading', className)}\n    style={style}\n  >\n    {children}\n  </article>\n);\n\nTypography.Text = ({\n  className,\n  style,\n  children,\n  strong,\n  italic,\n  underline,\n  code,\n  disabled,\n  type,\n  ellipsis,\n  copyable,\n  delete: del,\n  ...rest\n}) => {\n  const isEllipsis = Boolean(ellipsis);\n  const ellipsisRows = typeof ellipsis === 'object' ? ellipsis.rows : undefined;\n  let content: React.ReactNode = children;\n  if (code) content = <code>{content}</code>;\n  if (del) content = <del>{content}</del>;\n  if (underline) content = <u>{content}</u>;\n  if (italic) content = <i>{content}</i>;\n  if (strong) content = <strong>{content}</strong>;\n\n  return (\n    <span\n      className={cn(\n        'ald-typography-text tw-text-typography-body-reading',\n        disabled && 'tw-cursor-not-allowed tw-opacity-50',\n        type === 'secondary' && 'tw-text-[var(--content-secondary)]',\n        type === 'success' && 'tw-text-[var(--content-positive-primary)]',\n        type === 'warning' && 'tw-text-[var(--content-warning-primary)]',\n        type === 'danger' && 'tw-text-[var(--content-negative-primary)]',\n        isEllipsis && (ellipsisRows ? 'tw-overflow-hidden' : 'tw-truncate'),\n        className,\n      )}\n      style={{\n        ...style,\n        ...(ellipsisRows\n          ? {\n              display: '-webkit-box',\n              WebkitLineClamp: ellipsisRows,\n              WebkitBoxOrient: 'vertical',\n            }\n          : {}),\n      }}\n      {...rest}\n    >\n      {content}\n      {copyable && <CopyButton copyable={copyable}>{children}</CopyButton>}\n    </span>\n  );\n};\n\nTypography.Title = ({\n  className,\n  style,\n  children,\n  level = 1,\n  ellipsis,\n  ...rest\n}) => {\n  const Tag = `h${level}` as React.ElementType;\n  const isEllipsis = Boolean(ellipsis);\n  return (\n    <Tag\n      className={cn(\n        'ald-typography-title tw-text-[var(--content-primary)] tw-text-typography-heading',\n        isEllipsis && 'tw-truncate',\n        className,\n      )}\n      style={style}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n};\n\nTypography.Paragraph = ({\n  className,\n  style,\n  children,\n  ellipsis,\n  copyable,\n  ...rest\n}) => {\n  const isEllipsis = Boolean(ellipsis);\n  const ellipsisRows = typeof ellipsis === 'object' ? ellipsis.rows : undefined;\n\n  return (\n    <div\n      className={cn(\n        'ald-typography-paragraph tw-text-typography-body-reading',\n        isEllipsis && (ellipsisRows ? 'tw-overflow-hidden' : 'tw-truncate'),\n        className,\n      )}\n      style={{\n        ...style,\n        ...(ellipsisRows\n          ? {\n              display: '-webkit-box',\n              WebkitLineClamp: ellipsisRows,\n              WebkitBoxOrient: 'vertical',\n            }\n          : {}),\n      }}\n      {...rest}\n    >\n      {children}\n      {copyable && <CopyButton copyable={copyable}>{children}</CopyButton>}\n    </div>\n  );\n};\n\nTypography.Link = ({ className, style, children, href, target, ...rest }) => (\n  <a\n    className={cn(\n      'ald-typography-link tw-text-[var(--content-brand-secondary)] tw-text-typography-body-reading hover:tw-text-[var(--content-brand-primary)]',\n      className,\n    )}\n    style={style}\n    href={href}\n    target={target}\n    {...rest}\n  >\n    {children}\n  </a>\n);\n\nexport default Typography;\n"],"mappings":";;;;AAgEA,SAAS,WAAW,EAClB,UACA,YAIC;CACD,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAE3C,MAAM,aAAa,kBAAkB;EACnC,MAAM,SACJ,OAAO,aAAa,WAAW,WAAY,EAAE;EAC/C,MAAM,aACJ,OAAO,SAAS,OAAO,aAAa,WAAW,WAAW;AAC5D,YAAU,UAAU,UAAU,OAAO,WAAW,CAAC,CAAC,WAAW;AAC3D,aAAU,KAAK;AACf,UAAO,UAAU;AACjB,oBAAiB,UAAU,MAAM,EAAE,IAAK;IACxC;IACD,CAAC,UAAU,SAAS,CAAC;AAExB,QACE,oBAAC,QAAD;EACE,MAAK;EACL,UAAU;EACV,WAAU;EACV,SAAS;EACT,YAAY,MAAM;AAChB,OAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,IAAK,aAAY;;EAEtD,cAAW;YAEV,SACC,oBAAC,QAAD;GAAM,WAAU;aAAuD;GAEhE,CAAA,GAEP,qBAAC,OAAD;GACE,SAAQ;GACR,OAAM;GACN,QAAO;GACP,MAAK;GACL,eAAY;aALd,CAOE,oBAAC,QAAD,EAAM,GAAE,8IAA+I,CAAA,EACvJ,oBAAC,QAAD,EAAM,GAAE,kHAAmH,CAAA,CACvH;;EAEH,CAAA;;AAIX,IAAM,cAAmC,EAAE,WAAW,OAAO,eAC3D,oBAAC,WAAD;CACE,WAAW,GAAG,kDAAkD,UAAU;CACnE;CAEN;CACO,CAAA;AAGZ,WAAW,QAAQ,EACjB,WACA,OACA,UACA,QACA,QACA,WACA,MACA,UACA,MACA,UACA,UACA,QAAQ,KACR,GAAG,WACC;CACJ,MAAM,aAAa,QAAQ,SAAS;CACpC,MAAM,eAAe,OAAO,aAAa,WAAW,SAAS,OAAO;CACpE,IAAI,UAA2B;AAC/B,KAAI,KAAM,WAAU,oBAAC,QAAD,EAAA,UAAO,SAAe,CAAA;AAC1C,KAAI,IAAK,WAAU,oBAAC,OAAD,EAAA,UAAM,SAAc,CAAA;AACvC,KAAI,UAAW,WAAU,oBAAC,KAAD,EAAA,UAAI,SAAY,CAAA;AACzC,KAAI,OAAQ,WAAU,oBAAC,KAAD,EAAA,UAAI,SAAY,CAAA;AACtC,KAAI,OAAQ,WAAU,oBAAC,UAAD,EAAA,UAAS,SAAiB,CAAA;AAEhD,QACE,qBAAC,QAAD;EACE,WAAW,GACT,uDACA,YAAY,uCACZ,SAAS,eAAe,sCACxB,SAAS,aAAa,6CACtB,SAAS,aAAa,4CACtB,SAAS,YAAY,6CACrB,eAAe,eAAe,uBAAuB,gBACrD,UACD;EACD,OAAO;GACL,GAAG;GACH,GAAI,eACA;IACE,SAAS;IACT,iBAAiB;IACjB,iBAAiB;IAClB,GACD,EAAE;GACP;EACD,GAAI;YArBN,CAuBG,SACA,YAAY,oBAAC,YAAD;GAAsB;GAAW;GAAsB,CAAA,CAC/D;;;AAIX,WAAW,SAAS,EAClB,WACA,OACA,UACA,QAAQ,GACR,UACA,GAAG,WACC;AAGJ,QACE,oBAHU,IAAI,SAGd;EACE,WAAW,GACT,oFAJa,QAAQ,SAAS,IAKhB,eACd,UACD;EACM;EACP,GAAI;EAEH;EACG,CAAA;;AAIV,WAAW,aAAa,EACtB,WACA,OACA,UACA,UACA,UACA,GAAG,WACC;CACJ,MAAM,aAAa,QAAQ,SAAS;CACpC,MAAM,eAAe,OAAO,aAAa,WAAW,SAAS,OAAO;AAEpE,QACE,qBAAC,OAAD;EACE,WAAW,GACT,4DACA,eAAe,eAAe,uBAAuB,gBACrD,UACD;EACD,OAAO;GACL,GAAG;GACH,GAAI,eACA;IACE,SAAS;IACT,iBAAiB;IACjB,iBAAiB;IAClB,GACD,EAAE;GACP;EACD,GAAI;YAhBN,CAkBG,UACA,YAAY,oBAAC,YAAD;GAAsB;GAAW;GAAsB,CAAA,CAChE;;;AAIV,WAAW,QAAQ,EAAE,WAAW,OAAO,UAAU,MAAM,QAAQ,GAAG,WAChE,oBAAC,KAAD;CACE,WAAW,GACT,6IACA,UACD;CACM;CACD;CACE;CACR,GAAI;CAEH;CACC,CAAA"}
+{"version":3,"file":"index.js","names":["React","useCallback","useState","cn","TypographyProps","className","style","CSSProperties","children","ReactNode","TypographyComponent","FC","Text","TextProps","Title","TitleProps","Paragraph","ParagraphProps","Link","LinkProps","CopyableConfig","text","onCopy","tooltips","EllipsisConfig","rows","Omit","HTMLAttributes","HTMLSpanElement","strong","italic","underline","delete","code","disabled","type","ellipsis","copyable","HTMLHeadingElement","level","HTMLDivElement","AnchorHTMLAttributes","HTMLAnchorElement","href","target","CopyButton","t0","$","_c","copied","setCopied","t1","config","textToCopy","navigator","clipboard","writeText","String","then","setTimeout","handleCopy","t2","e","key","t3","t4","Typography","del","rest","isEllipsis","Boolean","ellipsisRows","undefined","content","display","WebkitLineClamp","WebkitBoxOrient","Tag","ElementType"],"sources":["../../src/Typography/index.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface TypographyProps {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n}\n\ninterface TypographyComponent extends React.FC<TypographyProps> {\n  Text: React.FC<TextProps>;\n  Title: React.FC<TitleProps>;\n  Paragraph: React.FC<ParagraphProps>;\n  Link: React.FC<LinkProps>;\n}\n\ninterface CopyableConfig {\n  text?: string;\n  onCopy?: () => void;\n  tooltips?: [React.ReactNode, React.ReactNode];\n}\n\ntype EllipsisConfig = boolean | { rows?: number };\n\ninterface TextProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'type'> {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  strong?: boolean;\n  italic?: boolean;\n  underline?: boolean;\n  delete?: boolean;\n  code?: boolean;\n  disabled?: boolean;\n  type?: 'secondary' | 'success' | 'warning' | 'danger';\n  ellipsis?: EllipsisConfig;\n  copyable?: boolean | CopyableConfig;\n}\n\ninterface TitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  level?: 1 | 2 | 3 | 4 | 5;\n  ellipsis?: EllipsisConfig;\n}\n\ninterface ParagraphProps extends React.HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  ellipsis?: EllipsisConfig;\n  copyable?: boolean | CopyableConfig;\n}\n\ninterface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  href?: string;\n  target?: string;\n}\n\nfunction CopyButton({\n  copyable,\n  children,\n}: {\n  copyable: boolean | CopyableConfig;\n  children: React.ReactNode;\n}) {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = useCallback(() => {\n    const config =\n      typeof copyable === 'object' ? copyable : ({} as CopyableConfig);\n    const textToCopy =\n      config.text ?? (typeof children === 'string' ? children : '');\n    navigator.clipboard.writeText(String(textToCopy)).then(() => {\n      setCopied(true);\n      config.onCopy?.();\n      setTimeout(() => setCopied(false), 2000);\n    });\n  }, [copyable, children]);\n\n  return (\n    <span\n      role=\"button\"\n      tabIndex={0}\n      className=\"ald-typography-copy tw-ml-1 tw-inline-flex tw-cursor-pointer tw-align-middle tw-text-[var(--content-secondary)] hover:tw-text-[var(--content-primary)]\"\n      onClick={handleCopy}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') handleCopy();\n      }}\n      aria-label=\"Copy\"\n    >\n      {copied ? (\n        <span className=\"tw-text-xs tw-text-[var(--content-positive-primary)]\">\n          Copied!\n        </span>\n      ) : (\n        <svg\n          viewBox=\"0 0 16 16\"\n          width=\"1em\"\n          height=\"1em\"\n          fill=\"currentColor\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"M4 2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6z\" />\n          <path d=\"M2 4a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h1v1H2z\" />\n        </svg>\n      )}\n    </span>\n  );\n}\n\nconst Typography: TypographyComponent = ({ className, style, children }) => (\n  <article\n    className={cn('ald-typography tw-text-typography-body-reading', className)}\n    style={style}\n  >\n    {children}\n  </article>\n);\n\nTypography.Text = ({\n  className,\n  style,\n  children,\n  strong,\n  italic,\n  underline,\n  code,\n  disabled,\n  type,\n  ellipsis,\n  copyable,\n  delete: del,\n  ...rest\n}) => {\n  const isEllipsis = Boolean(ellipsis);\n  const ellipsisRows = typeof ellipsis === 'object' ? ellipsis.rows : undefined;\n  let content: React.ReactNode = children;\n  if (code) content = <code>{content}</code>;\n  if (del) content = <del>{content}</del>;\n  if (underline) content = <u>{content}</u>;\n  if (italic) content = <i>{content}</i>;\n  if (strong) content = <strong>{content}</strong>;\n\n  return (\n    <span\n      className={cn(\n        'ald-typography-text tw-text-typography-body-reading',\n        disabled && 'tw-cursor-not-allowed tw-opacity-50',\n        type === 'secondary' && 'tw-text-[var(--content-secondary)]',\n        type === 'success' && 'tw-text-[var(--content-positive-primary)]',\n        type === 'warning' && 'tw-text-[var(--content-warning-primary)]',\n        type === 'danger' && 'tw-text-[var(--content-negative-primary)]',\n        isEllipsis && (ellipsisRows ? 'tw-overflow-hidden' : 'tw-truncate'),\n        className,\n      )}\n      style={{\n        ...style,\n        ...(ellipsisRows\n          ? {\n              display: '-webkit-box',\n              WebkitLineClamp: ellipsisRows,\n              WebkitBoxOrient: 'vertical',\n            }\n          : {}),\n      }}\n      {...rest}\n    >\n      {content}\n      {copyable && <CopyButton copyable={copyable}>{children}</CopyButton>}\n    </span>\n  );\n};\n\nTypography.Title = ({\n  className,\n  style,\n  children,\n  level = 1,\n  ellipsis,\n  ...rest\n}) => {\n  const Tag = `h${level}` as React.ElementType;\n  const isEllipsis = Boolean(ellipsis);\n  return (\n    <Tag\n      className={cn(\n        'ald-typography-title tw-text-[var(--content-primary)] tw-text-typography-heading',\n        isEllipsis && 'tw-truncate',\n        className,\n      )}\n      style={style}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n};\n\nTypography.Paragraph = ({\n  className,\n  style,\n  children,\n  ellipsis,\n  copyable,\n  ...rest\n}) => {\n  const isEllipsis = Boolean(ellipsis);\n  const ellipsisRows = typeof ellipsis === 'object' ? ellipsis.rows : undefined;\n\n  return (\n    <div\n      className={cn(\n        'ald-typography-paragraph tw-text-typography-body-reading',\n        isEllipsis && (ellipsisRows ? 'tw-overflow-hidden' : 'tw-truncate'),\n        className,\n      )}\n      style={{\n        ...style,\n        ...(ellipsisRows\n          ? {\n              display: '-webkit-box',\n              WebkitLineClamp: ellipsisRows,\n              WebkitBoxOrient: 'vertical',\n            }\n          : {}),\n      }}\n      {...rest}\n    >\n      {children}\n      {copyable && <CopyButton copyable={copyable}>{children}</CopyButton>}\n    </div>\n  );\n};\n\nTypography.Link = ({ className, style, children, href, target, ...rest }) => (\n  <a\n    className={cn(\n      'ald-typography-link tw-text-[var(--content-brand-secondary)] tw-text-typography-body-reading hover:tw-text-[var(--content-brand-primary)]',\n      className,\n    )}\n    style={style}\n    href={href}\n    target={target}\n    {...rest}\n  >\n    {children}\n  </a>\n);\n\nexport default Typography;\n"],"mappings":"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"}

package/dist/Typography.js

@@ -0,0 +1,2 @@
+export * from './Typography/index.js';
+export { default } from './Typography/index.js';

package/dist/Upload/index.d.ts

@@ -1,4 +1,4 @@
-import { RcFile as RcUploadFile, UploadProgressEvent } from 'rc-upload/es/interface';
+import { RcFile as RcUploadFile, UploadProgressEvent } from 'rc-upload/es/interface.js';
 import { default as React } from 'react';
 export interface UploadFile<T = any> {
     uid: string;
@@ -80,11 +80,11 @@ export interface UploadListProps {
 export interface DraggerProps extends UploadProps {
     height?: number;
 }
-declare function Upload<T = any>(props: UploadProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function Upload<T = any>(props: UploadProps<T>): React.JSX.Element;
 declare namespace Upload {
-    var Dragger: (props: DraggerProps) => import("react/jsx-runtime").JSX.Element;
+    var Dragger: (props: DraggerProps) => React.JSX.Element;
 }
-declare function Dragger(props: DraggerProps): import("react/jsx-runtime").JSX.Element;
+declare function Dragger(props: DraggerProps): React.JSX.Element;
 declare const _default: typeof Upload & {
     Dragger: typeof Dragger;
 };