jaci-ui 0.6.3 → 0.8.0

package/dist/components/stat/stat.d.cts

@@ -0,0 +1,51 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/stat/stat.d.ts
+type StatTone = "neutral" | "accent" | "success" | "warning" | "danger";
+type StatSize = "sm" | "md" | "lg";
+type StatTrendDirection = "up" | "down" | "neutral";
+interface StatRootProps extends ComponentPropsWithoutRef<"article"> {
+  size?: StatSize;
+  tone?: StatTone;
+}
+declare const StatRoot: import("react").ForwardRefExoticComponent<StatRootProps & import("react").RefAttributes<HTMLElement>>;
+type StatIconProps = ComponentPropsWithoutRef<"span">;
+declare const StatIcon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type StatLabelProps = ComponentPropsWithoutRef<"span">;
+declare const StatLabel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type StatValueProps = ComponentPropsWithoutRef<"strong">;
+declare const StatValue: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type StatDescriptionProps = ComponentPropsWithoutRef<"p">;
+declare const StatDescription: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+interface StatTrendProps extends ComponentPropsWithoutRef<"span"> {
+  direction?: StatTrendDirection;
+}
+declare const StatTrend: import("react").ForwardRefExoticComponent<StatTrendProps & import("react").RefAttributes<HTMLSpanElement>>;
+declare const Stat: {
+  Root: import("react").ForwardRefExoticComponent<StatRootProps & import("react").RefAttributes<HTMLElement>>;
+  Icon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Label: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Value: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+  Trend: import("react").ForwardRefExoticComponent<StatTrendProps & import("react").RefAttributes<HTMLSpanElement>>;
+};
+type StatGroupRootProps = ComponentPropsWithoutRef<"div"> & {
+  columns?: 1 | 2 | 3 | 4;
+  gap?: "sm" | "md" | "lg";
+  responsive?: boolean;
+};
+declare const StatGroupRoot: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+  columns?: 1 | 2 | 3 | 4;
+  gap?: "sm" | "md" | "lg";
+  responsive?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;
+declare const StatGroup: {
+  Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    columns?: 1 | 2 | 3 | 4;
+    gap?: "sm" | "md" | "lg";
+    responsive?: boolean;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+};
+type StatGroupProps = StatGroupRootProps;
+//#endregion
+export { Stat, StatDescription, StatDescriptionProps, StatGroup, StatGroupProps, StatGroupRoot, StatGroupRootProps, StatIcon, StatIconProps, StatLabel, StatLabelProps, StatRoot, StatRootProps, StatSize, StatTone, StatTrend, StatTrendDirection, StatTrendProps, StatValue, StatValueProps };
+//# sourceMappingURL=stat.d.cts.map

package/dist/components/stat/stat.d.ts

@@ -0,0 +1,51 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/stat/stat.d.ts
+type StatTone = "neutral" | "accent" | "success" | "warning" | "danger";
+type StatSize = "sm" | "md" | "lg";
+type StatTrendDirection = "up" | "down" | "neutral";
+interface StatRootProps extends ComponentPropsWithoutRef<"article"> {
+  size?: StatSize;
+  tone?: StatTone;
+}
+declare const StatRoot: import("react").ForwardRefExoticComponent<StatRootProps & import("react").RefAttributes<HTMLElement>>;
+type StatIconProps = ComponentPropsWithoutRef<"span">;
+declare const StatIcon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type StatLabelProps = ComponentPropsWithoutRef<"span">;
+declare const StatLabel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type StatValueProps = ComponentPropsWithoutRef<"strong">;
+declare const StatValue: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type StatDescriptionProps = ComponentPropsWithoutRef<"p">;
+declare const StatDescription: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+interface StatTrendProps extends ComponentPropsWithoutRef<"span"> {
+  direction?: StatTrendDirection;
+}
+declare const StatTrend: import("react").ForwardRefExoticComponent<StatTrendProps & import("react").RefAttributes<HTMLSpanElement>>;
+declare const Stat: {
+  Root: import("react").ForwardRefExoticComponent<StatRootProps & import("react").RefAttributes<HTMLElement>>;
+  Icon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Label: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Value: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+  Trend: import("react").ForwardRefExoticComponent<StatTrendProps & import("react").RefAttributes<HTMLSpanElement>>;
+};
+type StatGroupRootProps = ComponentPropsWithoutRef<"div"> & {
+  columns?: 1 | 2 | 3 | 4;
+  gap?: "sm" | "md" | "lg";
+  responsive?: boolean;
+};
+declare const StatGroupRoot: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+  columns?: 1 | 2 | 3 | 4;
+  gap?: "sm" | "md" | "lg";
+  responsive?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;
+declare const StatGroup: {
+  Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    columns?: 1 | 2 | 3 | 4;
+    gap?: "sm" | "md" | "lg";
+    responsive?: boolean;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+};
+type StatGroupProps = StatGroupRootProps;
+//#endregion
+export { Stat, StatDescription, StatDescriptionProps, StatGroup, StatGroupProps, StatGroupRoot, StatGroupRootProps, StatIcon, StatIconProps, StatLabel, StatLabelProps, StatRoot, StatRootProps, StatSize, StatTone, StatTrend, StatTrendDirection, StatTrendProps, StatValue, StatValueProps };
+//# sourceMappingURL=stat.d.ts.map

package/dist/components/stat/stat.js

@@ -0,0 +1,114 @@
+import { cx } from "../../styled-system/css/cx.js";
+import { statGroup } from "../../styled-system/recipes/stat-group.js";
+import { stat } from "../../styled-system/recipes/stat.js";
+import { createContext, forwardRef, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/stat/stat.tsx
+const StatContext = createContext(null);
+function useStatContext() {
+	const context = useContext(StatContext);
+	if (!context) throw new Error("Stat parts must be rendered inside Stat.Root.");
+	return context;
+}
+const StatRoot = forwardRef(function StatRoot({ children, className, size = "md", tone = "neutral", ...props }, ref) {
+	const styles = stat({
+		size,
+		tone
+	});
+	return /* @__PURE__ */ jsx(StatContext.Provider, {
+		value: {
+			size,
+			styles,
+			tone
+		},
+		children: /* @__PURE__ */ jsx("article", {
+			...props,
+			ref,
+			className: cx(styles.root, className),
+			"data-jaci-component": "stat",
+			"data-size": size,
+			"data-slot": "stat",
+			"data-tone": tone,
+			children
+		})
+	});
+});
+const StatIcon = forwardRef(function StatIcon({ className, ...props }, ref) {
+	const { styles } = useStatContext();
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		ref,
+		className: cx(styles.icon, className),
+		"data-slot": "stat-icon"
+	});
+});
+const StatLabel = forwardRef(function StatLabel({ className, ...props }, ref) {
+	const { styles } = useStatContext();
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		ref,
+		className: cx(styles.label, className),
+		"data-slot": "stat-label"
+	});
+});
+const StatValue = forwardRef(function StatValue({ className, ...props }, ref) {
+	const { styles } = useStatContext();
+	return /* @__PURE__ */ jsx("strong", {
+		...props,
+		ref,
+		className: cx(styles.value, className),
+		"data-slot": "stat-value"
+	});
+});
+const StatDescription = forwardRef(function StatDescription({ className, ...props }, ref) {
+	const { styles } = useStatContext();
+	return /* @__PURE__ */ jsx("p", {
+		...props,
+		ref,
+		className: cx(styles.description, className),
+		"data-slot": "stat-description"
+	});
+});
+const StatTrend = forwardRef(function StatTrend({ className, direction = "neutral", ...props }, ref) {
+	const { styles } = useStatContext();
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		ref,
+		className: cx(styles.trend, stat({ direction }).trend, className),
+		"data-direction": direction,
+		"data-slot": "stat-trend"
+	});
+});
+const Stat = {
+	Root: StatRoot,
+	Icon: StatIcon,
+	Label: StatLabel,
+	Value: StatValue,
+	Description: StatDescription,
+	Trend: StatTrend
+};
+const StatGroupRoot = forwardRef(function StatGroupRoot({ children, className, columns = 3, gap = "md", responsive = true, style, ...props }, ref) {
+	const columnValue = String(columns);
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(statGroup({
+			columns: columnValue,
+			gap
+		}), className),
+		"data-columns": columns,
+		"data-jaci-component": "stat-group",
+		"data-responsive": responsive || void 0,
+		"data-slot": "stat-group",
+		style: responsive ? style : {
+			gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`,
+			...style
+		},
+		children
+	});
+});
+const StatGroup = { Root: StatGroupRoot };
+//#endregion
+export { Stat, StatDescription, StatGroup, StatGroupRoot, StatIcon, StatLabel, StatRoot, StatTrend, StatValue };
+
+//# sourceMappingURL=stat.js.map

package/dist/components/stat/stat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat.js","names":[],"sources":["../../../src/components/stat/stat.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { stat, statGroup } from \"../../styled-system/recipes\";\n\nexport type StatTone = \"neutral\" | \"accent\" | \"success\" | \"warning\" | \"danger\";\nexport type StatSize = \"sm\" | \"md\" | \"lg\";\nexport type StatTrendDirection = \"up\" | \"down\" | \"neutral\";\n\ninterface StatContextValue {\n  size: StatSize;\n  styles: ReturnType<typeof stat>;\n  tone: StatTone;\n}\n\nconst StatContext = createContext<StatContextValue | null>(null);\n\nfunction useStatContext() {\n  const context = useContext(StatContext);\n  if (!context) {\n    throw new Error(\"Stat parts must be rendered inside Stat.Root.\");\n  }\n\n  return context;\n}\n\nexport interface StatRootProps extends ComponentPropsWithoutRef<\"article\"> {\n  size?: StatSize;\n  tone?: StatTone;\n}\n\nexport const StatRoot = forwardRef<HTMLElement, StatRootProps>(function StatRoot(\n  { children, className, size = \"md\", tone = \"neutral\", ...props },\n  ref,\n) {\n  const styles = stat({ size, tone });\n\n  return (\n    <StatContext.Provider value={{ size, styles, tone }}>\n      <article\n        {...props}\n        ref={ref}\n        className={cx(styles.root, className)}\n        data-jaci-component=\"stat\"\n        data-size={size}\n        data-slot=\"stat\"\n        data-tone={tone}\n      >\n        {children}\n      </article>\n    </StatContext.Provider>\n  );\n});\n\nexport type StatIconProps = ComponentPropsWithoutRef<\"span\">;\nexport const StatIcon = forwardRef<HTMLSpanElement, StatIconProps>(function StatIcon(\n  { className, ...props },\n  ref,\n) {\n  const { styles } = useStatContext();\n  return <span {...props} ref={ref} className={cx(styles.icon, className)} data-slot=\"stat-icon\" />;\n});\n\nexport type StatLabelProps = ComponentPropsWithoutRef<\"span\">;\nexport const StatLabel = forwardRef<HTMLSpanElement, StatLabelProps>(function StatLabel(\n  { className, ...props },\n  ref,\n) {\n  const { styles } = useStatContext();\n  return (\n    <span {...props} ref={ref} className={cx(styles.label, className)} data-slot=\"stat-label\" />\n  );\n});\n\nexport type StatValueProps = ComponentPropsWithoutRef<\"strong\">;\nexport const StatValue = forwardRef<HTMLElement, StatValueProps>(function StatValue(\n  { className, ...props },\n  ref,\n) {\n  const { styles } = useStatContext();\n  return (\n    <strong {...props} ref={ref} className={cx(styles.value, className)} data-slot=\"stat-value\" />\n  );\n});\n\nexport type StatDescriptionProps = ComponentPropsWithoutRef<\"p\">;\nexport const StatDescription = forwardRef<HTMLParagraphElement, StatDescriptionProps>(\n  function StatDescription({ className, ...props }, ref) {\n    const { styles } = useStatContext();\n    return (\n      <p\n        {...props}\n        ref={ref}\n        className={cx(styles.description, className)}\n        data-slot=\"stat-description\"\n      />\n    );\n  },\n);\n\nexport interface StatTrendProps extends ComponentPropsWithoutRef<\"span\"> {\n  direction?: StatTrendDirection;\n}\n\nexport const StatTrend = forwardRef<HTMLSpanElement, StatTrendProps>(function StatTrend(\n  { className, direction = \"neutral\", ...props },\n  ref,\n) {\n  const { styles } = useStatContext();\n  return (\n    <span\n      {...props}\n      ref={ref}\n      className={cx(styles.trend, stat({ direction }).trend, className)}\n      data-direction={direction}\n      data-slot=\"stat-trend\"\n    />\n  );\n});\n\nexport const Stat = {\n  Root: StatRoot,\n  Icon: StatIcon,\n  Label: StatLabel,\n  Value: StatValue,\n  Description: StatDescription,\n  Trend: StatTrend,\n};\n\nexport type StatGroupRootProps = ComponentPropsWithoutRef<\"div\"> & {\n  columns?: 1 | 2 | 3 | 4;\n  gap?: \"sm\" | \"md\" | \"lg\";\n  responsive?: boolean;\n};\n\nexport const StatGroupRoot = forwardRef<HTMLDivElement, StatGroupRootProps>(function StatGroupRoot(\n  { children, className, columns = 3, gap = \"md\", responsive = true, style, ...props },\n  ref,\n) {\n  const columnValue = String(columns) as \"1\" | \"2\" | \"3\" | \"4\";\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(statGroup({ columns: columnValue, gap }), className)}\n      data-columns={columns}\n      data-jaci-component=\"stat-group\"\n      data-responsive={responsive || undefined}\n      data-slot=\"stat-group\"\n      style={\n        responsive ? style : { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`, ...style }\n      }\n    >\n      {children}\n    </div>\n  );\n});\n\nexport const StatGroup = { Root: StatGroupRoot };\n\nexport type StatGroupProps = StatGroupRootProps;\n\nexport type StatChildren = ReactNode;\n"],"mappings":";;;;;;AAgBA,MAAM,cAAc,cAAuC,IAAI;AAE/D,SAAS,iBAAiB;CACxB,MAAM,UAAU,WAAW,WAAW;CACtC,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,+CAA+C;CAGjE,OAAO;AACT;AAOA,MAAa,WAAW,WAAuC,SAAS,SACtE,EAAE,UAAU,WAAW,OAAO,MAAM,OAAO,WAAW,GAAG,SACzD,KACA;CACA,MAAM,SAAS,KAAK;EAAE;EAAM;CAAK,CAAC;CAElC,OACE,oBAAC,YAAY,UAAb;EAAsB,OAAO;GAAE;GAAM;GAAQ;EAAK;YAChD,oBAAC,WAAD;GACE,GAAI;GACC;GACL,WAAW,GAAG,OAAO,MAAM,SAAS;GACpC,uBAAoB;GACpB,aAAW;GACX,aAAU;GACV,aAAW;GAEV;EACM,CAAA;CACW,CAAA;AAE1B,CAAC;AAGD,MAAa,WAAW,WAA2C,SAAS,SAC1E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,MAAM,EAAE,WAAW,eAAe;CAClC,OAAO,oBAAC,QAAD;EAAM,GAAI;EAAY;EAAK,WAAW,GAAG,OAAO,MAAM,SAAS;EAAG,aAAU;CAAa,CAAA;AAClG,CAAC;AAGD,MAAa,YAAY,WAA4C,SAAS,UAC5E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,MAAM,EAAE,WAAW,eAAe;CAClC,OACE,oBAAC,QAAD;EAAM,GAAI;EAAY;EAAK,WAAW,GAAG,OAAO,OAAO,SAAS;EAAG,aAAU;CAAc,CAAA;AAE/F,CAAC;AAGD,MAAa,YAAY,WAAwC,SAAS,UACxE,EAAE,WAAW,GAAG,SAChB,KACA;CACA,MAAM,EAAE,WAAW,eAAe;CAClC,OACE,oBAAC,UAAD;EAAQ,GAAI;EAAY;EAAK,WAAW,GAAG,OAAO,OAAO,SAAS;EAAG,aAAU;CAAc,CAAA;AAEjG,CAAC;AAGD,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,MAAM,EAAE,WAAW,eAAe;CAClC,OACE,oBAAC,KAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,aAAa,SAAS;EAC3C,aAAU;CACX,CAAA;AAEL,CACF;AAMA,MAAa,YAAY,WAA4C,SAAS,UAC5E,EAAE,WAAW,YAAY,WAAW,GAAG,SACvC,KACA;CACA,MAAM,EAAE,WAAW,eAAe;CAClC,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,OAAO,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,SAAS;EAChE,kBAAgB;EAChB,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAa,OAAO;CAClB,MAAM;CACN,MAAM;CACN,OAAO;CACP,OAAO;CACP,aAAa;CACb,OAAO;AACT;AAQA,MAAa,gBAAgB,WAA+C,SAAS,cACnF,EAAE,UAAU,WAAW,UAAU,GAAG,MAAM,MAAM,aAAa,MAAM,OAAO,GAAG,SAC7E,KACA;CACA,MAAM,cAAc,OAAO,OAAO;CAClC,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,UAAU;GAAE,SAAS;GAAa;EAAI,CAAC,GAAG,SAAS;EACjE,gBAAc;EACd,uBAAoB;EACpB,mBAAiB,cAAc,KAAA;EAC/B,aAAU;EACV,OACE,aAAa,QAAQ;GAAE,qBAAqB,UAAU,QAAQ;GAAoB,GAAG;EAAM;EAG5F;CACE,CAAA;AAET,CAAC;AAED,MAAa,YAAY,EAAE,MAAM,cAAc"}

package/dist/components/stat-group/index.d.cts

@@ -0,0 +1,2 @@
+import { StatGroup, StatGroupProps, StatGroupRoot, StatGroupRootProps } from "../stat/stat.cjs";
+export { StatGroup, type StatGroupProps, StatGroupRoot, type StatGroupRootProps };

package/dist/components/stat-group/index.d.ts

@@ -0,0 +1,2 @@
+import { StatGroup, StatGroupProps, StatGroupRoot, StatGroupRootProps } from "../stat/stat.js";
+export { StatGroup, type StatGroupProps, StatGroupRoot, type StatGroupRootProps };

package/dist/components/toast/toast.cjs

@@ -2,6 +2,7 @@
 const require_cx = require("../../styled-system/css/cx.cjs");
 const require_base_ui = require("../base-ui.cjs");
 const require_toast = require("../../styled-system/recipes/toast.cjs");
+const require_theme_scope = require("../../theme/theme-scope.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _base_ui_react_toast = require("@base-ui/react/toast");
@@ -107,7 +108,9 @@ const ToastAction = (0, react.forwardRef)(function ToastAction({ className, ...p
 	});
 });
 /** Base UI's portal is preserved for rendering the viewport at document level. */
-const ToastPortal = _base_ui_react_toast.Toast.Portal;
+function ToastPortal(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Portal, { ...require_theme_scope.useThemePortalProps(props) });
+}
 const Toast = {
 	Provider: ToastProvider,
 	Viewport: ToastViewport,

package/dist/components/toast/toast.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toast.cjs","names":["BaseToast","withRecipeClassName","toastRecipe","cx"],"sources":["../../../src/components/toast/toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { toast as toastRecipe } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type ToastTone = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"danger\";\n\nconst toneByToastType: Record<string, ToastTone> = {\n  danger: \"danger\",\n  error: \"danger\",\n  info: \"info\",\n  success: \"success\",\n  warning: \"warning\",\n};\n\nfunction resolveTone(type: string | undefined, tone: ToastTone | undefined): ToastTone {\n  return tone ?? (type === undefined ? \"neutral\" : (toneByToastType[type] ?? \"neutral\"));\n}\n\nexport type ToastProviderProps = ComponentPropsWithoutRef<typeof BaseToast.Provider>;\n\n/**\n * Creates an isolated, declarative toast region. Configure `timeout` and\n * `limit` here; use `Toast.Root` to render each toast from local state or\n * `Toast.useToastManager()`.\n */\nexport function ToastProvider(props: ToastProviderProps) {\n  return <BaseToast.Provider {...props} />;\n}\n\nexport type ToastViewportProps = ComponentPropsWithoutRef<typeof BaseToast.Viewport>;\n\n/**\n * A bottom-centred notification region.\n */\nexport const ToastViewport = forwardRef<HTMLDivElement, ToastViewportProps>(function ToastViewport(\n  { \"aria-label\": ariaLabel, \"aria-live\": ariaLive, className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Viewport\n      {...props}\n      aria-label={ariaLabel ?? \"Notifications\"}\n      aria-live={ariaLive ?? \"polite\"}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().viewport, className)}\n      data-jaci-component=\"toast-viewport\"\n      data-slot=\"toast-viewport\"\n    />\n  );\n});\n\nexport interface ToastRootProps extends ComponentPropsWithoutRef<typeof BaseToast.Root> {\n  /**\n   * Visual status. When omitted, the value is inferred from the toast's\n   * `type` (`error` maps to `danger`) and otherwise remains neutral.\n   */\n  tone?: ToastTone;\n}\n\n/**\n * Renders a toast object while preserving Base UI's lifecycle, focus, swipe,\n * and auto-dismiss behavior. It is intentionally composed rather than a\n * global imperative notification API.\n */\nexport const ToastRoot = forwardRef<HTMLDivElement, ToastRootProps>(function ToastRoot(\n  { className, toast: toastObject, tone, ...props },\n  ref,\n) {\n  const resolvedTone = resolveTone(toastObject.type, tone);\n\n  return (\n    <BaseToast.Root\n      {...props}\n      ref={ref}\n      toast={toastObject}\n      className={withRecipeClassName(toastRecipe({ tone: resolvedTone }).root, className)}\n      data-jaci-component=\"toast\"\n      data-jaci-tone={resolvedTone}\n      data-slot=\"toast\"\n    />\n  );\n});\n\nexport type ToastContentProps = ComponentPropsWithoutRef<typeof BaseToast.Content>;\n\nexport const ToastContent = forwardRef<HTMLDivElement, ToastContentProps>(function ToastContent(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Content\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().content, className)}\n      data-slot=\"toast-content\"\n    />\n  );\n});\n\n/** A layout wrapper for `Toast.Title` and `Toast.Description`. */\nexport type ToastTextProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const ToastText = forwardRef<HTMLDivElement, ToastTextProps>(function ToastText(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(toastRecipe().text, className)}\n      data-slot=\"toast-text\"\n    />\n  );\n});\n\nexport type ToastTitleProps = ComponentPropsWithoutRef<typeof BaseToast.Title>;\n\nexport const ToastTitle = forwardRef<HTMLHeadingElement, ToastTitleProps>(function ToastTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Title\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().title, className)}\n      data-slot=\"toast-title\"\n    />\n  );\n});\n\nexport type ToastDescriptionProps = ComponentPropsWithoutRef<typeof BaseToast.Description>;\n\nexport const ToastDescription = forwardRef<HTMLParagraphElement, ToastDescriptionProps>(\n  function ToastDescription({ className, ...props }, ref) {\n    return (\n      <BaseToast.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(toastRecipe().description, className)}\n        data-slot=\"toast-description\"\n      />\n    );\n  },\n);\n\nexport type ToastCloseProps = ComponentPropsWithoutRef<typeof BaseToast.Close>;\n\nexport const ToastClose = forwardRef<HTMLButtonElement, ToastCloseProps>(function ToastClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BaseToast.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Dismiss notification\")}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().close, className)}\n      data-slot=\"toast-close\"\n    >\n      {children ?? \"×\"}\n    </BaseToast.Close>\n  );\n});\n\nexport type ToastActionProps = ComponentPropsWithoutRef<typeof BaseToast.Action>;\n\nexport const ToastAction = forwardRef<HTMLButtonElement, ToastActionProps>(function ToastAction(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Action\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().action, className)}\n      data-slot=\"toast-action\"\n    />\n  );\n});\n\n/** Base UI's portal is preserved for rendering the viewport at document level. */\nexport const ToastPortal: typeof BaseToast.Portal = BaseToast.Portal;\n\nexport interface ToastComponent {\n  Provider: typeof ToastProvider;\n  Viewport: typeof ToastViewport;\n  Root: typeof ToastRoot;\n  Content: typeof ToastContent;\n  Text: typeof ToastText;\n  Title: typeof ToastTitle;\n  Description: typeof ToastDescription;\n  Close: typeof ToastClose;\n  Action: typeof ToastAction;\n  Portal: typeof ToastPortal;\n  useToastManager: typeof BaseToast.useToastManager;\n}\n\nexport const Toast: ToastComponent = {\n  Provider: ToastProvider,\n  Viewport: ToastViewport,\n  Root: ToastRoot,\n  Content: ToastContent,\n  Text: ToastText,\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Close: ToastClose,\n  Action: ToastAction,\n  Portal: ToastPortal,\n  useToastManager: BaseToast.useToastManager,\n};\n"],"mappings":"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"}
+{"version":3,"file":"toast.cjs","names":["BaseToast","withRecipeClassName","toastRecipe","cx","useThemePortalProps"],"sources":["../../../src/components/toast/toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { toast as toastRecipe } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport type ToastTone = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"danger\";\n\nconst toneByToastType: Record<string, ToastTone> = {\n  danger: \"danger\",\n  error: \"danger\",\n  info: \"info\",\n  success: \"success\",\n  warning: \"warning\",\n};\n\nfunction resolveTone(type: string | undefined, tone: ToastTone | undefined): ToastTone {\n  return tone ?? (type === undefined ? \"neutral\" : (toneByToastType[type] ?? \"neutral\"));\n}\n\nexport type ToastProviderProps = ComponentPropsWithoutRef<typeof BaseToast.Provider>;\n\n/**\n * Creates an isolated, declarative toast region. Configure `timeout` and\n * `limit` here; use `Toast.Root` to render each toast from local state or\n * `Toast.useToastManager()`.\n */\nexport function ToastProvider(props: ToastProviderProps) {\n  return <BaseToast.Provider {...props} />;\n}\n\nexport type ToastViewportProps = ComponentPropsWithoutRef<typeof BaseToast.Viewport>;\n\n/**\n * A bottom-centred notification region.\n */\nexport const ToastViewport = forwardRef<HTMLDivElement, ToastViewportProps>(function ToastViewport(\n  { \"aria-label\": ariaLabel, \"aria-live\": ariaLive, className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Viewport\n      {...props}\n      aria-label={ariaLabel ?? \"Notifications\"}\n      aria-live={ariaLive ?? \"polite\"}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().viewport, className)}\n      data-jaci-component=\"toast-viewport\"\n      data-slot=\"toast-viewport\"\n    />\n  );\n});\n\nexport interface ToastRootProps extends ComponentPropsWithoutRef<typeof BaseToast.Root> {\n  /**\n   * Visual status. When omitted, the value is inferred from the toast's\n   * `type` (`error` maps to `danger`) and otherwise remains neutral.\n   */\n  tone?: ToastTone;\n}\n\n/**\n * Renders a toast object while preserving Base UI's lifecycle, focus, swipe,\n * and auto-dismiss behavior. It is intentionally composed rather than a\n * global imperative notification API.\n */\nexport const ToastRoot = forwardRef<HTMLDivElement, ToastRootProps>(function ToastRoot(\n  { className, toast: toastObject, tone, ...props },\n  ref,\n) {\n  const resolvedTone = resolveTone(toastObject.type, tone);\n\n  return (\n    <BaseToast.Root\n      {...props}\n      ref={ref}\n      toast={toastObject}\n      className={withRecipeClassName(toastRecipe({ tone: resolvedTone }).root, className)}\n      data-jaci-component=\"toast\"\n      data-jaci-tone={resolvedTone}\n      data-slot=\"toast\"\n    />\n  );\n});\n\nexport type ToastContentProps = ComponentPropsWithoutRef<typeof BaseToast.Content>;\n\nexport const ToastContent = forwardRef<HTMLDivElement, ToastContentProps>(function ToastContent(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Content\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().content, className)}\n      data-slot=\"toast-content\"\n    />\n  );\n});\n\n/** A layout wrapper for `Toast.Title` and `Toast.Description`. */\nexport type ToastTextProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const ToastText = forwardRef<HTMLDivElement, ToastTextProps>(function ToastText(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(toastRecipe().text, className)}\n      data-slot=\"toast-text\"\n    />\n  );\n});\n\nexport type ToastTitleProps = ComponentPropsWithoutRef<typeof BaseToast.Title>;\n\nexport const ToastTitle = forwardRef<HTMLHeadingElement, ToastTitleProps>(function ToastTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Title\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().title, className)}\n      data-slot=\"toast-title\"\n    />\n  );\n});\n\nexport type ToastDescriptionProps = ComponentPropsWithoutRef<typeof BaseToast.Description>;\n\nexport const ToastDescription = forwardRef<HTMLParagraphElement, ToastDescriptionProps>(\n  function ToastDescription({ className, ...props }, ref) {\n    return (\n      <BaseToast.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(toastRecipe().description, className)}\n        data-slot=\"toast-description\"\n      />\n    );\n  },\n);\n\nexport type ToastCloseProps = ComponentPropsWithoutRef<typeof BaseToast.Close>;\n\nexport const ToastClose = forwardRef<HTMLButtonElement, ToastCloseProps>(function ToastClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BaseToast.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Dismiss notification\")}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().close, className)}\n      data-slot=\"toast-close\"\n    >\n      {children ?? \"×\"}\n    </BaseToast.Close>\n  );\n});\n\nexport type ToastActionProps = ComponentPropsWithoutRef<typeof BaseToast.Action>;\n\nexport const ToastAction = forwardRef<HTMLButtonElement, ToastActionProps>(function ToastAction(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Action\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().action, className)}\n      data-slot=\"toast-action\"\n    />\n  );\n});\n\n/** Base UI's portal is preserved for rendering the viewport at document level. */\nexport function ToastPortal(props: ComponentPropsWithoutRef<typeof BaseToast.Portal>) {\n  return <BaseToast.Portal {...useThemePortalProps(props)} />;\n}\n\nexport interface ToastComponent {\n  Provider: typeof ToastProvider;\n  Viewport: typeof ToastViewport;\n  Root: typeof ToastRoot;\n  Content: typeof ToastContent;\n  Text: typeof ToastText;\n  Title: typeof ToastTitle;\n  Description: typeof ToastDescription;\n  Close: typeof ToastClose;\n  Action: typeof ToastAction;\n  Portal: typeof ToastPortal;\n  useToastManager: typeof BaseToast.useToastManager;\n}\n\nexport const Toast: ToastComponent = {\n  Provider: ToastProvider,\n  Viewport: ToastViewport,\n  Root: ToastRoot,\n  Content: ToastContent,\n  Text: ToastText,\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Close: ToastClose,\n  Action: ToastAction,\n  Portal: ToastPortal,\n  useToastManager: BaseToast.useToastManager,\n};\n"],"mappings":"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"}

package/dist/components/toast/toast.d.cts

@@ -41,7 +41,7 @@ declare const ToastClose: import("react").ForwardRefExoticComponent<Omit<Omit<im
 type ToastActionProps = ComponentPropsWithoutRef<typeof Toast.Action>;
 declare const ToastAction: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastActionProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 /** Base UI's portal is preserved for rendering the viewport at document level. */
-declare const ToastPortal: typeof Toast.Portal;
+declare function ToastPortal(props: ComponentPropsWithoutRef<typeof Toast.Portal>): import("react").JSX.Element;
 interface ToastComponent {
   Provider: typeof ToastProvider;
   Viewport: typeof ToastViewport;

package/dist/components/toast/toast.d.ts

@@ -41,7 +41,7 @@ declare const ToastClose: import("react").ForwardRefExoticComponent<Omit<Omit<im
 type ToastActionProps = ComponentPropsWithoutRef<typeof Toast.Action>;
 declare const ToastAction: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastActionProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 /** Base UI's portal is preserved for rendering the viewport at document level. */
-declare const ToastPortal: typeof Toast.Portal;
+declare function ToastPortal(props: ComponentPropsWithoutRef<typeof Toast.Portal>): import("react").JSX.Element;
 interface ToastComponent {
   Provider: typeof ToastProvider;
   Viewport: typeof ToastViewport;

package/dist/components/toast/toast.js

@@ -2,6 +2,7 @@
 import { cx } from "../../styled-system/css/cx.js";
 import { withRecipeClassName } from "../base-ui.js";
 import { toast } from "../../styled-system/recipes/toast.js";
+import { useThemePortalProps } from "../../theme/theme-scope.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Toast } from "@base-ui/react/toast";
@@ -107,7 +108,9 @@ const ToastAction = forwardRef(function ToastAction({ className, ...props }, ref
 	});
 });
 /** Base UI's portal is preserved for rendering the viewport at document level. */
-const ToastPortal = Toast.Portal;
+function ToastPortal(props) {
+	return /* @__PURE__ */ jsx(Toast.Portal, { ...useThemePortalProps(props) });
+}
 const Toast$1 = {
 	Provider: ToastProvider,
 	Viewport: ToastViewport,

package/dist/components/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":["BaseToast","toastRecipe","Toast"],"sources":["../../../src/components/toast/toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { toast as toastRecipe } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type ToastTone = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"danger\";\n\nconst toneByToastType: Record<string, ToastTone> = {\n  danger: \"danger\",\n  error: \"danger\",\n  info: \"info\",\n  success: \"success\",\n  warning: \"warning\",\n};\n\nfunction resolveTone(type: string | undefined, tone: ToastTone | undefined): ToastTone {\n  return tone ?? (type === undefined ? \"neutral\" : (toneByToastType[type] ?? \"neutral\"));\n}\n\nexport type ToastProviderProps = ComponentPropsWithoutRef<typeof BaseToast.Provider>;\n\n/**\n * Creates an isolated, declarative toast region. Configure `timeout` and\n * `limit` here; use `Toast.Root` to render each toast from local state or\n * `Toast.useToastManager()`.\n */\nexport function ToastProvider(props: ToastProviderProps) {\n  return <BaseToast.Provider {...props} />;\n}\n\nexport type ToastViewportProps = ComponentPropsWithoutRef<typeof BaseToast.Viewport>;\n\n/**\n * A bottom-centred notification region.\n */\nexport const ToastViewport = forwardRef<HTMLDivElement, ToastViewportProps>(function ToastViewport(\n  { \"aria-label\": ariaLabel, \"aria-live\": ariaLive, className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Viewport\n      {...props}\n      aria-label={ariaLabel ?? \"Notifications\"}\n      aria-live={ariaLive ?? \"polite\"}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().viewport, className)}\n      data-jaci-component=\"toast-viewport\"\n      data-slot=\"toast-viewport\"\n    />\n  );\n});\n\nexport interface ToastRootProps extends ComponentPropsWithoutRef<typeof BaseToast.Root> {\n  /**\n   * Visual status. When omitted, the value is inferred from the toast's\n   * `type` (`error` maps to `danger`) and otherwise remains neutral.\n   */\n  tone?: ToastTone;\n}\n\n/**\n * Renders a toast object while preserving Base UI's lifecycle, focus, swipe,\n * and auto-dismiss behavior. It is intentionally composed rather than a\n * global imperative notification API.\n */\nexport const ToastRoot = forwardRef<HTMLDivElement, ToastRootProps>(function ToastRoot(\n  { className, toast: toastObject, tone, ...props },\n  ref,\n) {\n  const resolvedTone = resolveTone(toastObject.type, tone);\n\n  return (\n    <BaseToast.Root\n      {...props}\n      ref={ref}\n      toast={toastObject}\n      className={withRecipeClassName(toastRecipe({ tone: resolvedTone }).root, className)}\n      data-jaci-component=\"toast\"\n      data-jaci-tone={resolvedTone}\n      data-slot=\"toast\"\n    />\n  );\n});\n\nexport type ToastContentProps = ComponentPropsWithoutRef<typeof BaseToast.Content>;\n\nexport const ToastContent = forwardRef<HTMLDivElement, ToastContentProps>(function ToastContent(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Content\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().content, className)}\n      data-slot=\"toast-content\"\n    />\n  );\n});\n\n/** A layout wrapper for `Toast.Title` and `Toast.Description`. */\nexport type ToastTextProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const ToastText = forwardRef<HTMLDivElement, ToastTextProps>(function ToastText(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(toastRecipe().text, className)}\n      data-slot=\"toast-text\"\n    />\n  );\n});\n\nexport type ToastTitleProps = ComponentPropsWithoutRef<typeof BaseToast.Title>;\n\nexport const ToastTitle = forwardRef<HTMLHeadingElement, ToastTitleProps>(function ToastTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Title\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().title, className)}\n      data-slot=\"toast-title\"\n    />\n  );\n});\n\nexport type ToastDescriptionProps = ComponentPropsWithoutRef<typeof BaseToast.Description>;\n\nexport const ToastDescription = forwardRef<HTMLParagraphElement, ToastDescriptionProps>(\n  function ToastDescription({ className, ...props }, ref) {\n    return (\n      <BaseToast.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(toastRecipe().description, className)}\n        data-slot=\"toast-description\"\n      />\n    );\n  },\n);\n\nexport type ToastCloseProps = ComponentPropsWithoutRef<typeof BaseToast.Close>;\n\nexport const ToastClose = forwardRef<HTMLButtonElement, ToastCloseProps>(function ToastClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BaseToast.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Dismiss notification\")}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().close, className)}\n      data-slot=\"toast-close\"\n    >\n      {children ?? \"×\"}\n    </BaseToast.Close>\n  );\n});\n\nexport type ToastActionProps = ComponentPropsWithoutRef<typeof BaseToast.Action>;\n\nexport const ToastAction = forwardRef<HTMLButtonElement, ToastActionProps>(function ToastAction(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Action\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().action, className)}\n      data-slot=\"toast-action\"\n    />\n  );\n});\n\n/** Base UI's portal is preserved for rendering the viewport at document level. */\nexport const ToastPortal: typeof BaseToast.Portal = BaseToast.Portal;\n\nexport interface ToastComponent {\n  Provider: typeof ToastProvider;\n  Viewport: typeof ToastViewport;\n  Root: typeof ToastRoot;\n  Content: typeof ToastContent;\n  Text: typeof ToastText;\n  Title: typeof ToastTitle;\n  Description: typeof ToastDescription;\n  Close: typeof ToastClose;\n  Action: typeof ToastAction;\n  Portal: typeof ToastPortal;\n  useToastManager: typeof BaseToast.useToastManager;\n}\n\nexport const Toast: ToastComponent = {\n  Provider: ToastProvider,\n  Viewport: ToastViewport,\n  Root: ToastRoot,\n  Content: ToastContent,\n  Text: ToastText,\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Close: ToastClose,\n  Action: ToastAction,\n  Portal: ToastPortal,\n  useToastManager: BaseToast.useToastManager,\n};\n"],"mappings":"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"}
+{"version":3,"file":"toast.js","names":["BaseToast","toastRecipe","Toast"],"sources":["../../../src/components/toast/toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { toast as toastRecipe } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport type ToastTone = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"danger\";\n\nconst toneByToastType: Record<string, ToastTone> = {\n  danger: \"danger\",\n  error: \"danger\",\n  info: \"info\",\n  success: \"success\",\n  warning: \"warning\",\n};\n\nfunction resolveTone(type: string | undefined, tone: ToastTone | undefined): ToastTone {\n  return tone ?? (type === undefined ? \"neutral\" : (toneByToastType[type] ?? \"neutral\"));\n}\n\nexport type ToastProviderProps = ComponentPropsWithoutRef<typeof BaseToast.Provider>;\n\n/**\n * Creates an isolated, declarative toast region. Configure `timeout` and\n * `limit` here; use `Toast.Root` to render each toast from local state or\n * `Toast.useToastManager()`.\n */\nexport function ToastProvider(props: ToastProviderProps) {\n  return <BaseToast.Provider {...props} />;\n}\n\nexport type ToastViewportProps = ComponentPropsWithoutRef<typeof BaseToast.Viewport>;\n\n/**\n * A bottom-centred notification region.\n */\nexport const ToastViewport = forwardRef<HTMLDivElement, ToastViewportProps>(function ToastViewport(\n  { \"aria-label\": ariaLabel, \"aria-live\": ariaLive, className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Viewport\n      {...props}\n      aria-label={ariaLabel ?? \"Notifications\"}\n      aria-live={ariaLive ?? \"polite\"}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().viewport, className)}\n      data-jaci-component=\"toast-viewport\"\n      data-slot=\"toast-viewport\"\n    />\n  );\n});\n\nexport interface ToastRootProps extends ComponentPropsWithoutRef<typeof BaseToast.Root> {\n  /**\n   * Visual status. When omitted, the value is inferred from the toast's\n   * `type` (`error` maps to `danger`) and otherwise remains neutral.\n   */\n  tone?: ToastTone;\n}\n\n/**\n * Renders a toast object while preserving Base UI's lifecycle, focus, swipe,\n * and auto-dismiss behavior. It is intentionally composed rather than a\n * global imperative notification API.\n */\nexport const ToastRoot = forwardRef<HTMLDivElement, ToastRootProps>(function ToastRoot(\n  { className, toast: toastObject, tone, ...props },\n  ref,\n) {\n  const resolvedTone = resolveTone(toastObject.type, tone);\n\n  return (\n    <BaseToast.Root\n      {...props}\n      ref={ref}\n      toast={toastObject}\n      className={withRecipeClassName(toastRecipe({ tone: resolvedTone }).root, className)}\n      data-jaci-component=\"toast\"\n      data-jaci-tone={resolvedTone}\n      data-slot=\"toast\"\n    />\n  );\n});\n\nexport type ToastContentProps = ComponentPropsWithoutRef<typeof BaseToast.Content>;\n\nexport const ToastContent = forwardRef<HTMLDivElement, ToastContentProps>(function ToastContent(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Content\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().content, className)}\n      data-slot=\"toast-content\"\n    />\n  );\n});\n\n/** A layout wrapper for `Toast.Title` and `Toast.Description`. */\nexport type ToastTextProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const ToastText = forwardRef<HTMLDivElement, ToastTextProps>(function ToastText(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(toastRecipe().text, className)}\n      data-slot=\"toast-text\"\n    />\n  );\n});\n\nexport type ToastTitleProps = ComponentPropsWithoutRef<typeof BaseToast.Title>;\n\nexport const ToastTitle = forwardRef<HTMLHeadingElement, ToastTitleProps>(function ToastTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Title\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().title, className)}\n      data-slot=\"toast-title\"\n    />\n  );\n});\n\nexport type ToastDescriptionProps = ComponentPropsWithoutRef<typeof BaseToast.Description>;\n\nexport const ToastDescription = forwardRef<HTMLParagraphElement, ToastDescriptionProps>(\n  function ToastDescription({ className, ...props }, ref) {\n    return (\n      <BaseToast.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(toastRecipe().description, className)}\n        data-slot=\"toast-description\"\n      />\n    );\n  },\n);\n\nexport type ToastCloseProps = ComponentPropsWithoutRef<typeof BaseToast.Close>;\n\nexport const ToastClose = forwardRef<HTMLButtonElement, ToastCloseProps>(function ToastClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BaseToast.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Dismiss notification\")}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().close, className)}\n      data-slot=\"toast-close\"\n    >\n      {children ?? \"×\"}\n    </BaseToast.Close>\n  );\n});\n\nexport type ToastActionProps = ComponentPropsWithoutRef<typeof BaseToast.Action>;\n\nexport const ToastAction = forwardRef<HTMLButtonElement, ToastActionProps>(function ToastAction(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Action\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().action, className)}\n      data-slot=\"toast-action\"\n    />\n  );\n});\n\n/** Base UI's portal is preserved for rendering the viewport at document level. */\nexport function ToastPortal(props: ComponentPropsWithoutRef<typeof BaseToast.Portal>) {\n  return <BaseToast.Portal {...useThemePortalProps(props)} />;\n}\n\nexport interface ToastComponent {\n  Provider: typeof ToastProvider;\n  Viewport: typeof ToastViewport;\n  Root: typeof ToastRoot;\n  Content: typeof ToastContent;\n  Text: typeof ToastText;\n  Title: typeof ToastTitle;\n  Description: typeof ToastDescription;\n  Close: typeof ToastClose;\n  Action: typeof ToastAction;\n  Portal: typeof ToastPortal;\n  useToastManager: typeof BaseToast.useToastManager;\n}\n\nexport const Toast: ToastComponent = {\n  Provider: ToastProvider,\n  Viewport: ToastViewport,\n  Root: ToastRoot,\n  Content: ToastContent,\n  Text: ToastText,\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Close: ToastClose,\n  Action: ToastAction,\n  Portal: ToastPortal,\n  useToastManager: BaseToast.useToastManager,\n};\n"],"mappings":"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"}

package/dist/components/tooltip/tooltip.cjs

@@ -1,6 +1,7 @@
 "use client";
 const require_base_ui = require("../base-ui.cjs");
 const require_tooltip = require("../../styled-system/recipes/tooltip.cjs");
+const require_theme_scope = require("../../theme/theme-scope.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _base_ui_react_tooltip = require("@base-ui/react/tooltip");
@@ -18,7 +19,9 @@ const TooltipTrigger = (0, react.forwardRef)(function TooltipTrigger({ className
 	});
 });
 /** Preserves Base UI's optional portal container and mount controls. */
-const TooltipPortal = _base_ui_react_tooltip.Tooltip.Portal;
+function TooltipPortal(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tooltip.Tooltip.Portal, { ...require_theme_scope.useThemePortalProps(props) });
+}
 const TooltipPositioner = (0, react.forwardRef)(function TooltipPositioner({ className, ...props }, ref) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tooltip.Tooltip.Positioner, {
 		...props,

package/dist/components/tooltip/tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.cjs","names":["BaseTooltip","withRecipeClassName","tooltip"],"sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tooltip as BaseTooltip } from \"@base-ui/react/tooltip\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { TooltipRoot as BaseTooltipRoot } from \"@base-ui/react/tooltip\";\n\nimport { tooltip } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\n/** Preserves Base UI's controlled `open` API and uncontrolled `defaultOpen` API. */\nexport type TooltipRootProps<Payload = unknown> = BaseTooltipRoot.Props<Payload>;\n\nexport function TooltipRoot<Payload = unknown>(props: TooltipRootProps<Payload>) {\n  return <BaseTooltip.Root {...props} />;\n}\n\nexport type TooltipTriggerProps = ComponentPropsWithoutRef<typeof BaseTooltip.Trigger>;\n\nexport const TooltipTrigger = forwardRef<HTMLButtonElement, TooltipTriggerProps>(\n  function TooltipTrigger({ className, ...props }, ref) {\n    return (\n      <BaseTooltip.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(tooltip().trigger, className)}\n        data-jaci-component=\"tooltip\"\n        data-slot=\"tooltip-trigger\"\n      />\n    );\n  },\n);\n\n/** Preserves Base UI's optional portal container and mount controls. */\nexport const TooltipPortal: typeof BaseTooltip.Portal = BaseTooltip.Portal;\n\nexport type TooltipPositionerProps = ComponentPropsWithoutRef<typeof BaseTooltip.Positioner>;\n\nexport const TooltipPositioner = forwardRef<HTMLDivElement, TooltipPositionerProps>(\n  function TooltipPositioner({ className, ...props }, ref) {\n    return (\n      <BaseTooltip.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(tooltip().positioner, className)}\n        data-slot=\"tooltip-positioner\"\n      />\n    );\n  },\n);\n\nexport type TooltipPopupProps = ComponentPropsWithoutRef<typeof BaseTooltip.Popup>;\n\nexport const TooltipPopup = forwardRef<HTMLDivElement, TooltipPopupProps>(function TooltipPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseTooltip.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(tooltip().popup, className)}\n      data-jaci-component=\"tooltip\"\n      data-slot=\"tooltip-popup\"\n    />\n  );\n});\n\nexport type TooltipArrowProps = ComponentPropsWithoutRef<typeof BaseTooltip.Arrow>;\n\nexport const TooltipArrow = forwardRef<HTMLDivElement, TooltipArrowProps>(function TooltipArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseTooltip.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(tooltip().arrow, className)}\n      data-slot=\"tooltip-arrow\"\n    />\n  );\n});\n\nexport const Tooltip = {\n  Root: TooltipRoot,\n  Trigger: TooltipTrigger,\n  Portal: TooltipPortal,\n  Positioner: TooltipPositioner,\n  Popup: TooltipPopup,\n  Arrow: TooltipArrow,\n  createHandle: BaseTooltip.createHandle,\n};\n"],"mappings":";;;;;;;AAaA,SAAgB,YAA+B,OAAkC;CAC/E,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,QAAY,MAAb,EAAkB,GAAI,MAAQ,CAAA;AACvC;AAIA,MAAa,kBAAA,GAAA,MAAA,WAAA,CACX,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,QAAY,SAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,SAAS,SAAS;EAC3D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;;AAGA,MAAa,gBAA2CF,uBAAAA,QAAY;AAIpE,MAAa,qBAAA,GAAA,MAAA,WAAA,CACX,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,QAAY,YAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,YAAY,SAAS;EAC9D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,gBAAA,GAAA,MAAA,WAAA,CAA6D,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,gBAAA,GAAA,MAAA,WAAA,CAA6D,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAa,UAAU;CACrB,MAAM;CACN,SAAS;CACT,QAAQ;CACR,YAAY;CACZ,OAAO;CACP,OAAO;CACP,cAAcF,uBAAAA,QAAY;AAC5B"}
+{"version":3,"file":"tooltip.cjs","names":["BaseTooltip","withRecipeClassName","tooltip","useThemePortalProps"],"sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tooltip as BaseTooltip } from \"@base-ui/react/tooltip\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { TooltipRoot as BaseTooltipRoot } from \"@base-ui/react/tooltip\";\n\nimport { tooltip } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\n/** Preserves Base UI's controlled `open` API and uncontrolled `defaultOpen` API. */\nexport type TooltipRootProps<Payload = unknown> = BaseTooltipRoot.Props<Payload>;\n\nexport function TooltipRoot<Payload = unknown>(props: TooltipRootProps<Payload>) {\n  return <BaseTooltip.Root {...props} />;\n}\n\nexport type TooltipTriggerProps = ComponentPropsWithoutRef<typeof BaseTooltip.Trigger>;\n\nexport const TooltipTrigger = forwardRef<HTMLButtonElement, TooltipTriggerProps>(\n  function TooltipTrigger({ className, ...props }, ref) {\n    return (\n      <BaseTooltip.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(tooltip().trigger, className)}\n        data-jaci-component=\"tooltip\"\n        data-slot=\"tooltip-trigger\"\n      />\n    );\n  },\n);\n\n/** Preserves Base UI's optional portal container and mount controls. */\nexport function TooltipPortal(props: ComponentPropsWithoutRef<typeof BaseTooltip.Portal>) {\n  return <BaseTooltip.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type TooltipPositionerProps = ComponentPropsWithoutRef<typeof BaseTooltip.Positioner>;\n\nexport const TooltipPositioner = forwardRef<HTMLDivElement, TooltipPositionerProps>(\n  function TooltipPositioner({ className, ...props }, ref) {\n    return (\n      <BaseTooltip.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(tooltip().positioner, className)}\n        data-slot=\"tooltip-positioner\"\n      />\n    );\n  },\n);\n\nexport type TooltipPopupProps = ComponentPropsWithoutRef<typeof BaseTooltip.Popup>;\n\nexport const TooltipPopup = forwardRef<HTMLDivElement, TooltipPopupProps>(function TooltipPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseTooltip.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(tooltip().popup, className)}\n      data-jaci-component=\"tooltip\"\n      data-slot=\"tooltip-popup\"\n    />\n  );\n});\n\nexport type TooltipArrowProps = ComponentPropsWithoutRef<typeof BaseTooltip.Arrow>;\n\nexport const TooltipArrow = forwardRef<HTMLDivElement, TooltipArrowProps>(function TooltipArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseTooltip.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(tooltip().arrow, className)}\n      data-slot=\"tooltip-arrow\"\n    />\n  );\n});\n\nexport const Tooltip = {\n  Root: TooltipRoot,\n  Trigger: TooltipTrigger,\n  Portal: TooltipPortal,\n  Positioner: TooltipPositioner,\n  Popup: TooltipPopup,\n  Arrow: TooltipArrow,\n  createHandle: BaseTooltip.createHandle,\n};\n"],"mappings":";;;;;;;;AAcA,SAAgB,YAA+B,OAAkC;CAC/E,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,QAAY,MAAb,EAAkB,GAAI,MAAQ,CAAA;AACvC;AAIA,MAAa,kBAAA,GAAA,MAAA,WAAA,CACX,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,QAAY,SAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,SAAS,SAAS;EAC3D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;;AAGA,SAAgB,cAAc,OAA4D;CACxF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAY,QAAb,EAAoB,GAAIG,oBAAAA,oBAAoB,KAAK,EAAI,CAAA;AAC9D;AAIA,MAAa,qBAAA,GAAA,MAAA,WAAA,CACX,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACH,uBAAAA,QAAY,YAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,YAAY,SAAS;EAC9D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,gBAAA,GAAA,MAAA,WAAA,CAA6D,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,gBAAA,GAAA,MAAA,WAAA,CAA6D,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAa,UAAU;CACrB,MAAM;CACN,SAAS;CACT,QAAQ;CACR,YAAY;CACZ,OAAO;CACP,OAAO;CACP,cAAcF,uBAAAA,QAAY;AAC5B"}

package/dist/components/tooltip/tooltip.d.cts

@@ -7,7 +7,7 @@ declare function TooltipRoot$1<Payload = unknown>(props: TooltipRootProps<Payloa
 type TooltipTriggerProps = ComponentPropsWithoutRef<typeof Tooltip.Trigger>;
 declare const TooltipTrigger: import("react").ForwardRefExoticComponent<Omit<Tooltip.Trigger.Props<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 /** Preserves Base UI's optional portal container and mount controls. */
-declare const TooltipPortal: typeof Tooltip.Portal;
+declare function TooltipPortal(props: ComponentPropsWithoutRef<typeof Tooltip.Portal>): import("react").JSX.Element;
 type TooltipPositionerProps = ComponentPropsWithoutRef<typeof Tooltip.Positioner>;
 declare const TooltipPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TooltipPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type TooltipPopupProps = ComponentPropsWithoutRef<typeof Tooltip.Popup>;
@@ -17,7 +17,7 @@ declare const TooltipArrow: import("react").ForwardRefExoticComponent<Omit<Omit<
 declare const Tooltip$1: {
   Root: typeof TooltipRoot$1;
   Trigger: import("react").ForwardRefExoticComponent<Omit<Tooltip.Trigger.Props<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Portal: typeof TooltipPortal;
   Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TooltipPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TooltipPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Arrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TooltipArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/tooltip/tooltip.d.ts

@@ -7,7 +7,7 @@ declare function TooltipRoot$1<Payload = unknown>(props: TooltipRootProps<Payloa
 type TooltipTriggerProps = ComponentPropsWithoutRef<typeof Tooltip.Trigger>;
 declare const TooltipTrigger: import("react").ForwardRefExoticComponent<Omit<Tooltip.Trigger.Props<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 /** Preserves Base UI's optional portal container and mount controls. */
-declare const TooltipPortal: typeof Tooltip.Portal;
+declare function TooltipPortal(props: ComponentPropsWithoutRef<typeof Tooltip.Portal>): import("react").JSX.Element;
 type TooltipPositionerProps = ComponentPropsWithoutRef<typeof Tooltip.Positioner>;
 declare const TooltipPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TooltipPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type TooltipPopupProps = ComponentPropsWithoutRef<typeof Tooltip.Popup>;
@@ -17,7 +17,7 @@ declare const TooltipArrow: import("react").ForwardRefExoticComponent<Omit<Omit<
 declare const Tooltip$1: {
   Root: typeof TooltipRoot$1;
   Trigger: import("react").ForwardRefExoticComponent<Omit<Tooltip.Trigger.Props<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Portal: typeof TooltipPortal;
   Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TooltipPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TooltipPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Arrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TooltipArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/tooltip/tooltip.js

@@ -1,6 +1,7 @@
 "use client";
 import { withRecipeClassName } from "../base-ui.js";
 import { tooltip } from "../../styled-system/recipes/tooltip.js";
+import { useThemePortalProps } from "../../theme/theme-scope.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Tooltip } from "@base-ui/react/tooltip";
@@ -18,7 +19,9 @@ const TooltipTrigger = forwardRef(function TooltipTrigger({ className, ...props
 	});
 });
 /** Preserves Base UI's optional portal container and mount controls. */
-const TooltipPortal = Tooltip.Portal;
+function TooltipPortal(props) {
+	return /* @__PURE__ */ jsx(Tooltip.Portal, { ...useThemePortalProps(props) });
+}
 const TooltipPositioner = forwardRef(function TooltipPositioner({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Tooltip.Positioner, {
 		...props,

package/dist/components/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["TooltipRoot","BaseTooltip","Tooltip"],"sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tooltip as BaseTooltip } from \"@base-ui/react/tooltip\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { TooltipRoot as BaseTooltipRoot } from \"@base-ui/react/tooltip\";\n\nimport { tooltip } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\n/** Preserves Base UI's controlled `open` API and uncontrolled `defaultOpen` API. */\nexport type TooltipRootProps<Payload = unknown> = BaseTooltipRoot.Props<Payload>;\n\nexport function TooltipRoot<Payload = unknown>(props: TooltipRootProps<Payload>) {\n  return <BaseTooltip.Root {...props} />;\n}\n\nexport type TooltipTriggerProps = ComponentPropsWithoutRef<typeof BaseTooltip.Trigger>;\n\nexport const TooltipTrigger = forwardRef<HTMLButtonElement, TooltipTriggerProps>(\n  function TooltipTrigger({ className, ...props }, ref) {\n    return (\n      <BaseTooltip.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(tooltip().trigger, className)}\n        data-jaci-component=\"tooltip\"\n        data-slot=\"tooltip-trigger\"\n      />\n    );\n  },\n);\n\n/** Preserves Base UI's optional portal container and mount controls. */\nexport const TooltipPortal: typeof BaseTooltip.Portal = BaseTooltip.Portal;\n\nexport type TooltipPositionerProps = ComponentPropsWithoutRef<typeof BaseTooltip.Positioner>;\n\nexport const TooltipPositioner = forwardRef<HTMLDivElement, TooltipPositionerProps>(\n  function TooltipPositioner({ className, ...props }, ref) {\n    return (\n      <BaseTooltip.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(tooltip().positioner, className)}\n        data-slot=\"tooltip-positioner\"\n      />\n    );\n  },\n);\n\nexport type TooltipPopupProps = ComponentPropsWithoutRef<typeof BaseTooltip.Popup>;\n\nexport const TooltipPopup = forwardRef<HTMLDivElement, TooltipPopupProps>(function TooltipPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseTooltip.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(tooltip().popup, className)}\n      data-jaci-component=\"tooltip\"\n      data-slot=\"tooltip-popup\"\n    />\n  );\n});\n\nexport type TooltipArrowProps = ComponentPropsWithoutRef<typeof BaseTooltip.Arrow>;\n\nexport const TooltipArrow = forwardRef<HTMLDivElement, TooltipArrowProps>(function TooltipArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseTooltip.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(tooltip().arrow, className)}\n      data-slot=\"tooltip-arrow\"\n    />\n  );\n});\n\nexport const Tooltip = {\n  Root: TooltipRoot,\n  Trigger: TooltipTrigger,\n  Portal: TooltipPortal,\n  Positioner: TooltipPositioner,\n  Popup: TooltipPopup,\n  Arrow: TooltipArrow,\n  createHandle: BaseTooltip.createHandle,\n};\n"],"mappings":";;;;;;;AAaA,SAAgBA,cAA+B,OAAkC;CAC/E,OAAO,oBAACC,QAAY,MAAb,EAAkB,GAAI,MAAQ,CAAA;AACvC;AAIA,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAACA,QAAY,SAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,SAAS,SAAS;EAC3D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;;AAGA,MAAa,gBAA2CA,QAAY;AAIpE,MAAa,oBAAoB,WAC/B,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,oBAACA,QAAY,YAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,YAAY,SAAS;EAC9D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,eAAe,WAA8C,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,eAAe,WAA8C,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAaC,YAAU;CACrB,MAAMF;CACN,SAAS;CACT,QAAQ;CACR,YAAY;CACZ,OAAO;CACP,OAAO;CACP,cAAcC,QAAY;AAC5B"}
+{"version":3,"file":"tooltip.js","names":["TooltipRoot","BaseTooltip","Tooltip"],"sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tooltip as BaseTooltip } from \"@base-ui/react/tooltip\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { TooltipRoot as BaseTooltipRoot } from \"@base-ui/react/tooltip\";\n\nimport { tooltip } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\n/** Preserves Base UI's controlled `open` API and uncontrolled `defaultOpen` API. */\nexport type TooltipRootProps<Payload = unknown> = BaseTooltipRoot.Props<Payload>;\n\nexport function TooltipRoot<Payload = unknown>(props: TooltipRootProps<Payload>) {\n  return <BaseTooltip.Root {...props} />;\n}\n\nexport type TooltipTriggerProps = ComponentPropsWithoutRef<typeof BaseTooltip.Trigger>;\n\nexport const TooltipTrigger = forwardRef<HTMLButtonElement, TooltipTriggerProps>(\n  function TooltipTrigger({ className, ...props }, ref) {\n    return (\n      <BaseTooltip.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(tooltip().trigger, className)}\n        data-jaci-component=\"tooltip\"\n        data-slot=\"tooltip-trigger\"\n      />\n    );\n  },\n);\n\n/** Preserves Base UI's optional portal container and mount controls. */\nexport function TooltipPortal(props: ComponentPropsWithoutRef<typeof BaseTooltip.Portal>) {\n  return <BaseTooltip.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type TooltipPositionerProps = ComponentPropsWithoutRef<typeof BaseTooltip.Positioner>;\n\nexport const TooltipPositioner = forwardRef<HTMLDivElement, TooltipPositionerProps>(\n  function TooltipPositioner({ className, ...props }, ref) {\n    return (\n      <BaseTooltip.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(tooltip().positioner, className)}\n        data-slot=\"tooltip-positioner\"\n      />\n    );\n  },\n);\n\nexport type TooltipPopupProps = ComponentPropsWithoutRef<typeof BaseTooltip.Popup>;\n\nexport const TooltipPopup = forwardRef<HTMLDivElement, TooltipPopupProps>(function TooltipPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseTooltip.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(tooltip().popup, className)}\n      data-jaci-component=\"tooltip\"\n      data-slot=\"tooltip-popup\"\n    />\n  );\n});\n\nexport type TooltipArrowProps = ComponentPropsWithoutRef<typeof BaseTooltip.Arrow>;\n\nexport const TooltipArrow = forwardRef<HTMLDivElement, TooltipArrowProps>(function TooltipArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseTooltip.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(tooltip().arrow, className)}\n      data-slot=\"tooltip-arrow\"\n    />\n  );\n});\n\nexport const Tooltip = {\n  Root: TooltipRoot,\n  Trigger: TooltipTrigger,\n  Portal: TooltipPortal,\n  Positioner: TooltipPositioner,\n  Popup: TooltipPopup,\n  Arrow: TooltipArrow,\n  createHandle: BaseTooltip.createHandle,\n};\n"],"mappings":";;;;;;;;AAcA,SAAgBA,cAA+B,OAAkC;CAC/E,OAAO,oBAACC,QAAY,MAAb,EAAkB,GAAI,MAAQ,CAAA;AACvC;AAIA,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAACA,QAAY,SAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,SAAS,SAAS;EAC3D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;;AAGA,SAAgB,cAAc,OAA4D;CACxF,OAAO,oBAACA,QAAY,QAAb,EAAoB,GAAI,oBAAoB,KAAK,EAAI,CAAA;AAC9D;AAIA,MAAa,oBAAoB,WAC/B,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,oBAACA,QAAY,YAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,YAAY,SAAS;EAC9D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,eAAe,WAA8C,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,eAAe,WAA8C,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAaC,YAAU;CACrB,MAAMF;CACN,SAAS;CACT,QAAQ;CACR,YAAY;CACZ,OAAO;CACP,OAAO;CACP,cAAcC,QAAY;AAC5B"}

package/dist/components/typography/heading.cjs

@@ -11,13 +11,19 @@ const defaultSizeByElement = {
 	h5: "sm",
 	h6: "xs"
 };
-const Heading = (0, react.forwardRef)(function Heading({ as = "h2", className, size, ...props }, ref) {
+const Heading = (0, react.forwardRef)(function Heading({ as = "h2", className, lineClamp, size, truncate = false, weight, width = "auto", ...props }, ref) {
 	const Component = as;
 	const resolvedSize = size ?? defaultSizeByElement[as];
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
 		...props,
 		ref,
-		className: require_cx.cx(require_heading.heading({ size: resolvedSize }), className),
+		className: require_cx.cx(require_heading.heading({
+			lineClamp: lineClamp ? String(lineClamp) : void 0,
+			size: resolvedSize,
+			truncate,
+			weight,
+			width
+		}), className),
 		"data-jaci-component": "heading",
 		"data-slot": "heading"
 	});

package/dist/components/typography/heading.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"heading.cjs","names":["cx","heading"],"sources":["../../../src/components/typography/heading.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementType, ReactElement, Ref } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { heading } from \"../../styled-system/recipes\";\n\nexport type HeadingSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport type HeadingElement = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\nconst defaultSizeByElement: Record<HeadingElement, HeadingSize> = {\n  h1: \"2xl\",\n  h2: \"xl\",\n  h3: \"lg\",\n  h4: \"md\",\n  h5: \"sm\",\n  h6: \"xs\",\n};\n\nexport interface HeadingProps extends Omit<ComponentPropsWithoutRef<\"h2\">, \"color\"> {\n  as?: HeadingElement;\n  size?: HeadingSize;\n}\n\nexport const Heading = forwardRef<HTMLHeadingElement, HeadingProps>(function Heading(\n  { as = \"h2\", className, size, ...props },\n  ref,\n) {\n  const Component = as as ElementType;\n  const resolvedSize = size ?? defaultSizeByElement[as];\n\n  return (\n    <Component\n      {...props}\n      ref={ref as Ref<HTMLElement>}\n      className={cx(heading({ size: resolvedSize }), className)}\n      data-jaci-component=\"heading\"\n      data-slot=\"heading\"\n    />\n  ) as ReactElement;\n});\n"],"mappings":";;;;;AASA,MAAM,uBAA4D;CAChE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAOA,MAAa,WAAA,GAAA,MAAA,WAAA,CAAuD,SAAS,QAC3E,EAAE,KAAK,MAAM,WAAW,MAAM,GAAG,SACjC,KACA;CACA,MAAM,YAAY;CAClB,MAAM,eAAe,QAAQ,qBAAqB;CAElD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GAAGC,gBAAAA,QAAQ,EAAE,MAAM,aAAa,CAAC,GAAG,SAAS;EACxD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC"}
+{"version":3,"file":"heading.cjs","names":["cx","heading"],"sources":["../../../src/components/typography/heading.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementType, ReactElement, Ref } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { heading } from \"../../styled-system/recipes\";\n\nexport type HeadingSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport type HeadingElement = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\nexport type TypographyWeight = \"normal\" | \"medium\" | \"semibold\" | \"bold\";\nexport type TypographyWidth = \"auto\" | \"fit\" | \"full\";\nexport type TypographyLineClamp = 1 | 2 | 3 | 4;\n\nconst defaultSizeByElement: Record<HeadingElement, HeadingSize> = {\n  h1: \"2xl\",\n  h2: \"xl\",\n  h3: \"lg\",\n  h4: \"md\",\n  h5: \"sm\",\n  h6: \"xs\",\n};\n\nexport interface HeadingProps extends Omit<ComponentPropsWithoutRef<\"h2\">, \"color\"> {\n  as?: HeadingElement;\n  size?: HeadingSize;\n  weight?: TypographyWeight;\n  truncate?: boolean;\n  lineClamp?: TypographyLineClamp;\n  width?: TypographyWidth;\n}\n\nexport const Heading = forwardRef<HTMLHeadingElement, HeadingProps>(function Heading(\n  { as = \"h2\", className, lineClamp, size, truncate = false, weight, width = \"auto\", ...props },\n  ref,\n) {\n  const Component = as as ElementType;\n  const resolvedSize = size ?? defaultSizeByElement[as];\n\n  return (\n    <Component\n      {...props}\n      ref={ref as Ref<HTMLElement>}\n      className={cx(\n        heading({\n          lineClamp: lineClamp ? (String(lineClamp) as \"1\" | \"2\" | \"3\" | \"4\") : undefined,\n          size: resolvedSize,\n          truncate,\n          weight,\n          width,\n        }),\n        className,\n      )}\n      data-jaci-component=\"heading\"\n      data-slot=\"heading\"\n    />\n  ) as ReactElement;\n});\n"],"mappings":";;;;;AAYA,MAAM,uBAA4D;CAChE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAWA,MAAa,WAAA,GAAA,MAAA,WAAA,CAAuD,SAAS,QAC3E,EAAE,KAAK,MAAM,WAAW,WAAW,MAAM,WAAW,OAAO,QAAQ,QAAQ,QAAQ,GAAG,SACtF,KACA;CACA,MAAM,YAAY;CAClB,MAAM,eAAe,QAAQ,qBAAqB;CAElD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GACTC,gBAAAA,QAAQ;GACN,WAAW,YAAa,OAAO,SAAS,IAA8B,KAAA;GACtE,MAAM;GACN;GACA;GACA;EACF,CAAC,GACD,SACF;EACA,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC"}

package/dist/components/typography/heading.d.cts

@@ -2,11 +2,18 @@ import { ComponentPropsWithoutRef } from "react";
 //#region src/components/typography/heading.d.ts
 type HeadingSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
 type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+type TypographyWeight = "normal" | "medium" | "semibold" | "bold";
+type TypographyWidth = "auto" | "fit" | "full";
+type TypographyLineClamp = 1 | 2 | 3 | 4;
 interface HeadingProps extends Omit<ComponentPropsWithoutRef<"h2">, "color"> {
   as?: HeadingElement;
   size?: HeadingSize;
+  weight?: TypographyWeight;
+  truncate?: boolean;
+  lineClamp?: TypographyLineClamp;
+  width?: TypographyWidth;
 }
 declare const Heading: import("react").ForwardRefExoticComponent<HeadingProps & import("react").RefAttributes<HTMLHeadingElement>>;
 //#endregion
-export { Heading, HeadingElement, HeadingProps, HeadingSize };
+export { Heading, HeadingElement, HeadingProps, HeadingSize, TypographyLineClamp, TypographyWeight, TypographyWidth };
 //# sourceMappingURL=heading.d.cts.map