@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/ui/table.js

@@ -1,91 +1,58 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as s from "react";
-import { cn as l } from "./lib/utils.js";
-const r = s.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ t(
-  "table",
-  {
-    ref: o,
-    className: l("w-full caption-bottom text-ds-md", e),
-    ...a
-  }
-) }));
+import { cn as e } from "./lib/utils.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/ui/table.tsx
+var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+	className: "relative w-full overflow-auto",
+	children: /* @__PURE__ */ n("table", {
+		ref: i,
+		className: e("w-full caption-bottom text-ds-md", t),
+		...r
+	})
+}));
 r.displayName = "Table";
-const d = s.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t("thead", { ref: o, className: l("", e), ...a }));
-d.displayName = "TableHeader";
-const c = s.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
-  "tbody",
-  {
-    ref: o,
-    className: l("[&_tr:last-child]:border-0", e),
-    ...a
-  }
-));
-c.displayName = "TableBody";
-const m = s.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
-  "tfoot",
-  {
-    ref: o,
-    className: l(
-      "bg-[color-mix(in_srgb,var(--color-surface-raised)_50%,transparent)] font-medium [&>tr]:last:border-b-0",
-      e
-    ),
-    ...a
-  }
-));
-m.displayName = "TableFooter";
-const f = s.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
-  "tr",
-  {
-    ref: o,
-    className: l(
-      "transition-colors hover:bg-surface-raised data-[state=selected]:bg-accent-3",
-      e
-    ),
-    ...a
-  }
-));
-f.displayName = "TableRow";
-const b = s.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
-  "th",
-  {
-    ref: o,
-    scope: "col",
-    className: l(
-      "h-ds-md px-ds-03 text-left font-medium text-surface-fg-muted [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-      e
-    ),
-    ...a
-  }
-));
-b.displayName = "TableHead";
-const i = s.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
-  "td",
-  {
-    ref: o,
-    className: l(
-      "py-ds-03 px-ds-03 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-      e
-    ),
-    ...a
-  }
-));
-i.displayName = "TableCell";
-const p = s.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
-  "caption",
-  {
-    ref: o,
-    className: l("mt-ds-05 text-ds-md text-surface-fg-muted", e),
-    ...a
-  }
-));
-p.displayName = "TableCaption";
-export {
-  r as Table,
-  c as TableBody,
-  p as TableCaption,
-  i as TableCell,
-  m as TableFooter,
-  b as TableHead,
-  d as TableHeader,
-  f as TableRow
-};
+var i = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("thead", {
+	ref: i,
+	className: e("", t),
+	...r
+}));
+i.displayName = "TableHeader";
+var a = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("tbody", {
+	ref: i,
+	className: e("[&_tr:last-child]:border-0", t),
+	...r
+}));
+a.displayName = "TableBody";
+var o = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("tfoot", {
+	ref: i,
+	className: e("bg-[color-mix(in_srgb,var(--color-surface-raised)_50%,transparent)] font-medium [&>tr]:last:border-b-0", t),
+	...r
+}));
+o.displayName = "TableFooter";
+var s = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("tr", {
+	ref: i,
+	className: e("transition-colors hover:bg-surface-raised data-[state=selected]:bg-accent-3", t),
+	...r
+}));
+s.displayName = "TableRow";
+var c = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("th", {
+	ref: i,
+	scope: "col",
+	className: e("h-ds-md px-ds-03 text-left font-medium text-surface-fg-muted [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", t),
+	...r
+}));
+c.displayName = "TableHead";
+var l = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("td", {
+	ref: i,
+	className: e("py-ds-03 px-ds-03 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", t),
+	...r
+}));
+l.displayName = "TableCell";
+var u = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("caption", {
+	ref: i,
+	className: e("mt-ds-05 text-ds-md text-surface-fg-muted", t),
+	...r
+}));
+u.displayName = "TableCaption";
+//#endregion
+export { r as Table, a as TableBody, u as TableCaption, l as TableCell, o as TableFooter, c as TableHead, i as TableHeader, s as TableRow };

package/dist/ui/tabs.js

@@ -1,160 +1,143 @@
 "use client";
-import { jsx as s, jsxs as N } from "react/jsx-runtime";
-import { aR as z, aS as g, aT as p, aU as x } from "../_chunks/primitives.js";
-import * as e from "react";
-import { a as y } from "../_chunks/vendor-utils.js";
-import { cn as m } from "./lib/utils.js";
-import { springs as b, tweens as T } from "./lib/motion.js";
-import { L as V, m as v } from "../_chunks/framer.js";
-const h = e.createContext(void 0), I = e.forwardRef(({ value: t, defaultValue: n, onValueChange: o, ...r }, l) => {
-  const [i, c] = e.useState(t ?? n ?? "");
-  e.useEffect(() => {
-    t !== void 0 && c(t);
-  }, [t]);
-  const a = e.useCallback(
-    (d) => {
-      c(d), o?.(d);
-    },
-    [o]
-  );
-  return /* @__PURE__ */ s(h.Provider, { value: i, children: /* @__PURE__ */ s(
-    z,
-    {
-      ref: l,
-      value: t,
-      defaultValue: t === void 0 ? n : void 0,
-      onValueChange: a,
-      ...r
-    }
-  ) });
+import { D as e, E as t, O as n, T as r } from "../_chunks/primitives.js";
+import { a as i, s as a } from "../_chunks/framer.js";
+import { springs as o, tweens as s } from "./lib/motion.js";
+import { t as c } from "../_chunks/vendor-utils.js";
+import { cn as l } from "./lib/utils.js";
+import * as u from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/ui/tabs.tsx
+var p = u.createContext(void 0), m = u.forwardRef(({ value: t, defaultValue: n, onValueChange: r, ...i }, a) => {
+	let [o, s] = u.useState(t ?? n ?? "");
+	u.useEffect(() => {
+		t !== void 0 && s(t);
+	}, [t]);
+	let c = u.useCallback((e) => {
+		s(e), r?.(e);
+	}, [r]);
+	return /* @__PURE__ */ d(p.Provider, {
+		value: o,
+		children: /* @__PURE__ */ d(e, {
+			ref: a,
+			value: t,
+			defaultValue: t === void 0 ? n : void 0,
+			onValueChange: c,
+			...i
+		})
+	});
 });
-I.displayName = "Tabs";
-const C = e.createContext({
-  variant: "line",
-  size: "md",
-  color: "accent",
-  layoutId: "tab-indicator"
-}), w = y("inline-flex items-center", {
-  variants: {
-    variant: {
-      line: "border-b border-surface-border-strong w-full gap-0",
-      contained: "bg-surface-raised p-ds-02 rounded-ds-lg gap-ds-02"
-    },
-    size: {
-      sm: "h-8",
-      md: "h-10",
-      lg: "h-12"
-    }
-  },
-  defaultVariants: { variant: "line", size: "md" }
-}), R = y(
-  "relative inline-flex items-center justify-center gap-ds-02 whitespace-nowrap font-sans font-medium transition-colors duration-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-action-disabled",
-  {
-    variants: {
-      variant: {
-        line: [
-          "-mb-px",
-          "text-surface-fg-muted hover:text-surface-fg"
-        ],
-        contained: [
-          "rounded-ds-md",
-          "text-surface-fg-muted hover:text-surface-fg",
-          "data-[state=active]:text-surface-fg"
-        ]
-      },
-      size: {
-        sm: "px-ds-03 py-ds-02 text-ds-xs",
-        md: "px-ds-05 py-ds-03 text-ds-sm",
-        lg: "px-ds-06 py-ds-04 text-ds-md"
-      }
-    },
-    defaultVariants: { variant: "line", size: "md" }
-  }
-), L = e.forwardRef(({ className: t, variant: n, size: o, color: r, ...l }, i) => {
-  const c = n ?? "line", a = o ?? "md", d = r ?? "accent", f = e.useId(), u = e.useMemo(
-    () => ({
-      variant: c,
-      size: a,
-      color: d,
-      layoutId: `tab-indicator-${f}`
-    }),
-    [c, a, d, f]
-  );
-  return /* @__PURE__ */ s(C.Provider, { value: u, children: /* @__PURE__ */ s(V, { children: /* @__PURE__ */ s(
-    g,
-    {
-      ref: i,
-      className: m(w({ variant: c, size: a }), t),
-      ...l
-    }
-  ) }) });
+m.displayName = "Tabs";
+var h = u.createContext({
+	variant: "line",
+	size: "md",
+	color: "accent",
+	layoutId: "tab-indicator"
+}), g = c("inline-flex items-center", {
+	variants: {
+		variant: {
+			line: "border-b border-surface-border-strong w-full gap-0",
+			contained: "bg-surface-raised p-ds-02 rounded-ds-lg gap-ds-02"
+		},
+		size: {
+			sm: "h-8",
+			md: "h-10",
+			lg: "h-12"
+		}
+	},
+	defaultVariants: {
+		variant: "line",
+		size: "md"
+	}
+}), _ = c("relative inline-flex items-center justify-center gap-ds-02 whitespace-nowrap font-sans font-medium transition-colors duration-100 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-action-disabled", {
+	variants: {
+		variant: {
+			line: ["-mb-px", "text-surface-fg-muted hover:text-surface-fg"],
+			contained: [
+				"rounded-ds-md",
+				"text-surface-fg-muted hover:text-surface-fg",
+				"data-[state=active]:text-surface-fg"
+			]
+		},
+		size: {
+			sm: "px-ds-03 py-ds-02 text-ds-xs",
+			md: "px-ds-05 py-ds-03 text-ds-sm",
+			lg: "px-ds-06 py-ds-04 text-ds-md"
+		}
+	},
+	defaultVariants: {
+		variant: "line",
+		size: "md"
+	}
+}), v = u.forwardRef(({ className: e, variant: n, size: r, color: i, ...o }, s) => {
+	let c = n ?? "line", f = r ?? "md", p = i ?? "accent", m = u.useId(), _ = u.useMemo(() => ({
+		variant: c,
+		size: f,
+		color: p,
+		layoutId: `tab-indicator-${m}`
+	}), [
+		c,
+		f,
+		p,
+		m
+	]);
+	return /* @__PURE__ */ d(h.Provider, {
+		value: _,
+		children: /* @__PURE__ */ d(a, { children: /* @__PURE__ */ d(t, {
+			ref: s,
+			className: l(g({
+				variant: c,
+				size: f
+			}), e),
+			...o
+		}) })
+	});
 });
-L.displayName = g.displayName;
-const j = {
-  accent: "data-[state=active]:text-accent-11",
-  neutral: "data-[state=active]:text-surface-fg"
-}, A = {
-  accent: "bg-accent-9",
-  neutral: "bg-surface-fg"
-}, M = e.forwardRef(({ className: t, variant: n, children: o, ...r }, l) => {
-  const i = e.useContext(C), c = e.useContext(h), a = n ?? i.variant, d = i.size, f = i.color, u = r.value === c;
-  return /* @__PURE__ */ N(
-    p,
-    {
-      ref: l,
-      className: m(
-        R({ variant: a, size: d }),
-        a === "line" && j[f],
-        t
-      ),
-      ...r,
-      children: [
-        a === "contained" && u && /* @__PURE__ */ s(
-          v.span,
-          {
-            layoutId: `${i.layoutId}-contained`,
-            className: "absolute inset-0 rounded-ds-md bg-surface-overlay shadow-raised",
-            transition: b.smooth
-          }
-        ),
-        /* @__PURE__ */ s("span", { className: "relative z-[1] inline-flex items-center gap-ds-02", children: o }),
-        a === "line" && u && /* @__PURE__ */ s(
-          v.span,
-          {
-            layoutId: `${i.layoutId}-line`,
-            className: m("absolute bottom-0 left-0 right-0 h-0.5", A[f]),
-            transition: b.smooth
-          }
-        )
-      ]
-    }
-  );
+v.displayName = t.displayName;
+var y = {
+	accent: "data-[state=active]:text-accent-11",
+	neutral: "data-[state=active]:text-surface-fg"
+}, b = {
+	accent: "bg-accent-9",
+	neutral: "bg-surface-fg"
+}, x = u.forwardRef(({ className: e, variant: t, children: r, ...a }, s) => {
+	let c = u.useContext(h), m = u.useContext(p), g = t ?? c.variant, v = c.size, x = c.color, S = a.value === m;
+	return /* @__PURE__ */ f(n, {
+		ref: s,
+		className: l(_({
+			variant: g,
+			size: v
+		}), g === "line" && y[x], e),
+		...a,
+		children: [
+			g === "contained" && S && /* @__PURE__ */ d(i.span, {
+				layoutId: `${c.layoutId}-contained`,
+				className: "absolute inset-0 rounded-ds-md bg-surface-overlay shadow-raised",
+				transition: o.smooth
+			}),
+			/* @__PURE__ */ d("span", {
+				className: "relative z-[1] inline-flex items-center gap-ds-02",
+				children: r
+			}),
+			g === "line" && S && /* @__PURE__ */ d(i.span, {
+				layoutId: `${c.layoutId}-line`,
+				className: l("absolute bottom-0 left-0 right-0 h-0.5", b[x]),
+				transition: o.smooth
+			})
+		]
+	});
 });
-M.displayName = p.displayName;
-const S = e.forwardRef(({ className: t, children: n, ...o }, r) => /* @__PURE__ */ s(
-  x,
-  {
-    ref: r,
-    className: m(
-      "mt-ds-05 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
-      t
-    ),
-    ...o,
-    children: /* @__PURE__ */ s(
-      v.div,
-      {
-        initial: { opacity: 0 },
-        animate: { opacity: 1 },
-        transition: T.fade,
-        children: n
-      }
-    )
-  }
-));
-S.displayName = x.displayName;
-export {
-  I as Tabs,
-  S as TabsContent,
-  L as TabsList,
-  M as TabsTrigger
-};
+x.displayName = n.displayName;
+var S = u.forwardRef(({ className: e, children: t, ...n }, a) => /* @__PURE__ */ d(r, {
+	ref: a,
+	className: l("mt-ds-05 ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2", e),
+	...n,
+	children: /* @__PURE__ */ d(i.div, {
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		transition: s.fade,
+		children: t
+	})
+}));
+S.displayName = r.displayName;
+//#endregion
+export { m as Tabs, S as TabsContent, v as TabsList, x as TabsTrigger };

package/dist/ui/text.js

@@ -1,59 +1,52 @@
-import * as e from "react";
-import { a as o } from "../_chunks/vendor-utils.js";
-import { cn as d } from "./lib/utils.js";
-const p = o("font-sans", {
-  variants: {
-    variant: {
-      "heading-2xl": "text-[length:var(--typo-heading-2xl-size)] font-[number:var(--typo-heading-2xl-weight)] leading-[var(--typo-heading-2xl-leading)] tracking-[var(--typo-heading-2xl-tracking)]",
-      "heading-xl": "text-[length:var(--typo-heading-xl-size)] font-[number:var(--typo-heading-xl-weight)] leading-[var(--typo-heading-xl-leading)] tracking-[var(--typo-heading-xl-tracking)]",
-      "heading-lg": "text-[length:var(--typo-heading-lg-size)] font-[number:var(--typo-heading-lg-weight)] leading-[var(--typo-heading-lg-leading)] tracking-[var(--typo-heading-lg-tracking)]",
-      "heading-md": "text-[length:var(--typo-heading-md-size)] font-[number:var(--typo-heading-md-weight)] leading-[var(--typo-heading-md-leading)] tracking-[var(--typo-heading-md-tracking)]",
-      "heading-sm": "text-[length:var(--typo-heading-sm-size)] font-[number:var(--typo-heading-sm-weight)] leading-[var(--typo-heading-sm-leading)] tracking-[var(--typo-heading-sm-tracking)]",
-      "heading-xs": "text-[length:var(--typo-heading-xs-size)] font-[number:var(--typo-heading-xs-weight)] leading-[var(--typo-heading-xs-leading)] tracking-[var(--typo-heading-xs-tracking)]",
-      "body-lg": "text-[length:var(--typo-body-lg-size)] font-[number:var(--typo-body-lg-weight)] leading-[var(--typo-body-lg-leading)] tracking-[var(--typo-body-lg-tracking)]",
-      "body-md": "text-[length:var(--typo-body-md-size)] font-[number:var(--typo-body-md-weight)] leading-[var(--typo-body-md-leading)] tracking-[var(--typo-body-md-tracking)]",
-      "body-sm": "text-[length:var(--typo-body-sm-size)] font-[number:var(--typo-body-sm-weight)] leading-[var(--typo-body-sm-leading)] tracking-[var(--typo-body-sm-tracking)]",
-      "body-xs": "text-[length:var(--typo-body-xs-size)] font-[number:var(--typo-body-xs-weight)] leading-[var(--typo-body-xs-leading)] tracking-[var(--typo-body-xs-tracking)]",
-      "label-lg": "text-[length:var(--typo-label-lg-size)] font-[number:var(--typo-label-lg-weight)] leading-[var(--typo-label-lg-leading)] tracking-[var(--typo-label-lg-tracking)] uppercase",
-      "label-md": "text-[length:var(--typo-label-md-size)] font-[number:var(--typo-label-md-weight)] leading-[var(--typo-label-md-leading)] tracking-[var(--typo-label-md-tracking)] uppercase",
-      "label-sm": "text-[length:var(--typo-label-sm-size)] font-[number:var(--typo-label-sm-weight)] leading-[var(--typo-label-sm-leading)] tracking-[var(--typo-label-sm-tracking)] uppercase",
-      "label-xs": "text-[length:var(--typo-label-xs-size)] font-[number:var(--typo-label-xs-weight)] leading-[var(--typo-label-xs-leading)] tracking-[var(--typo-label-xs-tracking)] uppercase",
-      caption: "text-[length:var(--typo-caption-size)] font-[number:var(--typo-caption-weight)] leading-[var(--typo-caption-leading)] tracking-[var(--typo-caption-tracking)]",
-      overline: "text-[length:var(--typo-overline-size)] font-[number:var(--typo-overline-weight)] leading-[var(--typo-overline-leading)] tracking-[var(--typo-overline-tracking)] uppercase"
-    }
-  },
-  defaultVariants: {
-    variant: "body-md"
-  }
-}), y = {
-  "heading-2xl": "h1",
-  "heading-xl": "h2",
-  "heading-lg": "h3",
-  "heading-md": "h4",
-  "heading-sm": "h5",
-  "heading-xs": "h6",
-  "body-lg": "p",
-  "body-md": "p",
-  "body-sm": "p",
-  "body-xs": "p",
-  "label-lg": "span",
-  "label-md": "span",
-  "label-sm": "span",
-  "label-xs": "span",
-  caption: "span",
-  overline: "span"
-}, s = e.forwardRef(
-  ({ variant: a = "body-md", as: t, className: n, children: i, ...g }, r) => {
-    const l = t || y[a] || "p";
-    return e.createElement(
-      l,
-      { ref: r, className: d(p({ variant: a }), n), ...g },
-      i
-    );
-  }
-);
-s.displayName = "Text";
-export {
-  s as Text,
-  p as textVariants
-};
+import { t as e } from "../_chunks/vendor-utils.js";
+import { cn as t } from "./lib/utils.js";
+import * as n from "react";
+//#region src/ui/text.tsx
+var r = e("font-sans", {
+	variants: { variant: {
+		"heading-2xl": "text-[length:var(--typo-heading-2xl-size)] font-[number:var(--typo-heading-2xl-weight)] leading-[var(--typo-heading-2xl-leading)] tracking-[var(--typo-heading-2xl-tracking)]",
+		"heading-xl": "text-[length:var(--typo-heading-xl-size)] font-[number:var(--typo-heading-xl-weight)] leading-[var(--typo-heading-xl-leading)] tracking-[var(--typo-heading-xl-tracking)]",
+		"heading-lg": "text-[length:var(--typo-heading-lg-size)] font-[number:var(--typo-heading-lg-weight)] leading-[var(--typo-heading-lg-leading)] tracking-[var(--typo-heading-lg-tracking)]",
+		"heading-md": "text-[length:var(--typo-heading-md-size)] font-[number:var(--typo-heading-md-weight)] leading-[var(--typo-heading-md-leading)] tracking-[var(--typo-heading-md-tracking)]",
+		"heading-sm": "text-[length:var(--typo-heading-sm-size)] font-[number:var(--typo-heading-sm-weight)] leading-[var(--typo-heading-sm-leading)] tracking-[var(--typo-heading-sm-tracking)]",
+		"heading-xs": "text-[length:var(--typo-heading-xs-size)] font-[number:var(--typo-heading-xs-weight)] leading-[var(--typo-heading-xs-leading)] tracking-[var(--typo-heading-xs-tracking)]",
+		"body-lg": "text-[length:var(--typo-body-lg-size)] font-[number:var(--typo-body-lg-weight)] leading-[var(--typo-body-lg-leading)] tracking-[var(--typo-body-lg-tracking)]",
+		"body-md": "text-[length:var(--typo-body-md-size)] font-[number:var(--typo-body-md-weight)] leading-[var(--typo-body-md-leading)] tracking-[var(--typo-body-md-tracking)]",
+		"body-sm": "text-[length:var(--typo-body-sm-size)] font-[number:var(--typo-body-sm-weight)] leading-[var(--typo-body-sm-leading)] tracking-[var(--typo-body-sm-tracking)]",
+		"body-xs": "text-[length:var(--typo-body-xs-size)] font-[number:var(--typo-body-xs-weight)] leading-[var(--typo-body-xs-leading)] tracking-[var(--typo-body-xs-tracking)]",
+		"label-lg": "text-[length:var(--typo-label-lg-size)] font-[number:var(--typo-label-lg-weight)] leading-[var(--typo-label-lg-leading)] tracking-[var(--typo-label-lg-tracking)] uppercase",
+		"label-md": "text-[length:var(--typo-label-md-size)] font-[number:var(--typo-label-md-weight)] leading-[var(--typo-label-md-leading)] tracking-[var(--typo-label-md-tracking)] uppercase",
+		"label-sm": "text-[length:var(--typo-label-sm-size)] font-[number:var(--typo-label-sm-weight)] leading-[var(--typo-label-sm-leading)] tracking-[var(--typo-label-sm-tracking)] uppercase",
+		"label-xs": "text-[length:var(--typo-label-xs-size)] font-[number:var(--typo-label-xs-weight)] leading-[var(--typo-label-xs-leading)] tracking-[var(--typo-label-xs-tracking)] uppercase",
+		caption: "text-[length:var(--typo-caption-size)] font-[number:var(--typo-caption-weight)] leading-[var(--typo-caption-leading)] tracking-[var(--typo-caption-tracking)]",
+		overline: "text-[length:var(--typo-overline-size)] font-[number:var(--typo-overline-weight)] leading-[var(--typo-overline-leading)] tracking-[var(--typo-overline-tracking)] uppercase"
+	} },
+	defaultVariants: { variant: "body-md" }
+}), i = {
+	"heading-2xl": "h1",
+	"heading-xl": "h2",
+	"heading-lg": "h3",
+	"heading-md": "h4",
+	"heading-sm": "h5",
+	"heading-xs": "h6",
+	"body-lg": "p",
+	"body-md": "p",
+	"body-sm": "p",
+	"body-xs": "p",
+	"label-lg": "span",
+	"label-md": "span",
+	"label-sm": "span",
+	"label-xs": "span",
+	caption: "span",
+	overline: "span"
+}, a = n.forwardRef(({ variant: e = "body-md", as: a, className: o, children: s, ...c }, l) => {
+	let u = a || i[e] || "p";
+	return n.createElement(u, {
+		ref: l,
+		className: t(r({ variant: e }), o),
+		...c
+	}, s);
+});
+a.displayName = "Text";
+//#endregion
+export { a as Text, r as textVariants };