acai-ui-library 0.1.11

package/dist/components/typography.cjs

@@ -0,0 +1,140 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/typography.tsx
+var typography_exports = {};
+__export(typography_exports, {
+  Body: () => Body,
+  Caption: () => Caption,
+  Code: () => Code,
+  H1: () => H1,
+  H2: () => H2,
+  H3: () => H3,
+  H4: () => H4,
+  Lead: () => Lead,
+  Muted: () => Muted,
+  Small: () => Small
+});
+module.exports = __toCommonJS(typography_exports);
+var React = __toESM(require("react"), 1);
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/typography.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var weightMap = {
+  extrabold: "font-extrabold",
+  bold: "font-bold",
+  semibold: "font-semibold",
+  medium: "font-medium",
+  regular: "font-normal",
+  light: "font-light"
+};
+var colorMap = {
+  secondary: "text-muted-foreground",
+  foreground: "text-[var(--hc-color-foreground)]",
+  muted: "text-muted-foreground",
+  success: "text-[var(--hc-color-success)]",
+  warning: "text-[var(--hc-color-warning)]",
+  destructive: "text-[var(--hc-color-destructive)]",
+  inherit: "text-inherit"
+};
+function resolveColor(color, defaultColorClass) {
+  if (!color || color === "default") return defaultColorClass;
+  return colorMap[color];
+}
+var H1 = React.forwardRef(
+  ({ className, weight = "semibold", color, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { ref, className: cn("scroll-m-20 text-3xl tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+);
+H1.displayName = "H1";
+var H2 = React.forwardRef(
+  ({ className, weight = "semibold", color, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { ref, className: cn("scroll-m-20 text-2xl tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+);
+H2.displayName = "H2";
+var H3 = React.forwardRef(
+  ({ className, weight = "semibold", color, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { ref, className: cn("scroll-m-20 text-xl tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+);
+H3.displayName = "H3";
+var H4 = React.forwardRef(
+  ({ className, weight = "semibold", color, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { ref, className: cn("scroll-m-20 text-lg tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+);
+H4.displayName = "H4";
+var Body = React.forwardRef(
+  ({ className, weight = "regular", color, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { ref, className: cn("text-base leading-7", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+);
+Body.displayName = "Body";
+var Small = React.forwardRef(
+  ({ className, weight = "regular", color, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { ref, className: cn("text-sm", resolveColor(color, "text-muted-foreground"), weightMap[weight], className), ...props })
+);
+Small.displayName = "Small";
+var Caption = React.forwardRef(
+  ({ className, weight = "regular", color, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { ref, className: cn("text-xs", resolveColor(color, "text-muted-foreground"), weightMap[weight], className), ...props })
+);
+Caption.displayName = "Caption";
+var Lead = React.forwardRef(
+  ({ className, weight = "medium", color, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { ref, className: cn("text-lg", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+);
+Lead.displayName = "Lead";
+var Muted = React.forwardRef(
+  ({ className, weight = "regular", color, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { ref, className: cn("text-sm", resolveColor(color, "text-muted-foreground"), weightMap[weight], className), ...props })
+);
+Muted.displayName = "Muted";
+var Code = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "code",
+    {
+      ref,
+      className: cn(
+        "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Code.displayName = "Code";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Body,
+  Caption,
+  Code,
+  H1,
+  H2,
+  H3,
+  H4,
+  Lead,
+  Muted,
+  Small
+});
+//# sourceMappingURL=typography.cjs.map

package/dist/components/typography.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/typography.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../lib/utils\"\n\nexport type TypographyWeight = \"extrabold\" | \"bold\" | \"semibold\" | \"medium\" | \"regular\" | \"light\"\n\nexport type TypographyColor =\n  | \"default\"\n  | \"secondary\"\n  | \"foreground\"\n  | \"muted\"\n  | \"success\"\n  | \"warning\"\n  | \"destructive\"\n  | \"inherit\"\n\nconst weightMap: Record<TypographyWeight, string> = {\n  extrabold: \"font-extrabold\",\n  bold: \"font-bold\",\n  semibold: \"font-semibold\",\n  medium: \"font-medium\",\n  regular: \"font-normal\",\n  light: \"font-light\",\n}\n\nconst colorMap: Record<Exclude<TypographyColor, \"default\">, string> = {\n  secondary: \"text-muted-foreground\",\n  foreground: \"text-[var(--hc-color-foreground)]\",\n  muted: \"text-muted-foreground\",\n  success: \"text-[var(--hc-color-success)]\",\n  warning: \"text-[var(--hc-color-warning)]\",\n  destructive: \"text-[var(--hc-color-destructive)]\",\n  inherit: \"text-inherit\",\n}\n\ninterface TypographyHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  weight?: TypographyWeight\n  color?: TypographyColor\n}\n\ninterface TypographyParagraphProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  weight?: TypographyWeight\n  color?: TypographyColor\n}\n\nfunction resolveColor(color: TypographyColor | undefined, defaultColorClass: string): string {\n  if (!color || color === \"default\") return defaultColorClass\n  return colorMap[color]\n}\n\nconst H1 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, ...props }, ref) => (\n    <h1 ref={ref} className={cn(\"scroll-m-20 text-3xl tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nH1.displayName = \"H1\"\n\nconst H2 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, ...props }, ref) => (\n    <h2 ref={ref} className={cn(\"scroll-m-20 text-2xl tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nH2.displayName = \"H2\"\n\nconst H3 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, ...props }, ref) => (\n    <h3 ref={ref} className={cn(\"scroll-m-20 text-xl tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nH3.displayName = \"H3\"\n\nconst H4 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, ...props }, ref) => (\n    <h4 ref={ref} className={cn(\"scroll-m-20 text-lg tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nH4.displayName = \"H4\"\n\nconst Body = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-base leading-7\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nBody.displayName = \"Body\"\n\nconst Small = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-sm\", resolveColor(color, \"text-muted-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nSmall.displayName = \"Small\"\n\nconst Caption = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-xs\", resolveColor(color, \"text-muted-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nCaption.displayName = \"Caption\"\n\nconst Lead = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"medium\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-lg\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nLead.displayName = \"Lead\"\n\nconst Muted = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-sm\", resolveColor(color, \"text-muted-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nMuted.displayName = \"Muted\"\n\nconst Code = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  ({ className, ...props }, ref) => (\n    <code\n      ref={ref}\n      className={cn(\n        \"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nCode.displayName = \"Code\"\n\nexport { H1, H2, H3, H4, Body, Small, Caption, Lead, Muted, Code }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":"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","names":[]}

package/dist/components/typography.d.cts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+
+type TypographyWeight = "extrabold" | "bold" | "semibold" | "medium" | "regular" | "light";
+type TypographyColor = "default" | "secondary" | "foreground" | "muted" | "success" | "warning" | "destructive" | "inherit";
+interface TypographyHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    weight?: TypographyWeight;
+    color?: TypographyColor;
+}
+interface TypographyParagraphProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    weight?: TypographyWeight;
+    color?: TypographyColor;
+}
+declare const H1: React.ForwardRefExoticComponent<TypographyHeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const H2: React.ForwardRefExoticComponent<TypographyHeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const H3: React.ForwardRefExoticComponent<TypographyHeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const H4: React.ForwardRefExoticComponent<TypographyHeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const Body: React.ForwardRefExoticComponent<TypographyParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
+declare const Small: React.ForwardRefExoticComponent<TypographyParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
+declare const Caption: React.ForwardRefExoticComponent<TypographyParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
+declare const Lead: React.ForwardRefExoticComponent<TypographyParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
+declare const Muted: React.ForwardRefExoticComponent<TypographyParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
+declare const Code: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+
+export { Body, Caption, Code, H1, H2, H3, H4, Lead, Muted, Small, type TypographyColor, type TypographyWeight };

package/dist/components/typography.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+
+type TypographyWeight = "extrabold" | "bold" | "semibold" | "medium" | "regular" | "light";
+type TypographyColor = "default" | "secondary" | "foreground" | "muted" | "success" | "warning" | "destructive" | "inherit";
+interface TypographyHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    weight?: TypographyWeight;
+    color?: TypographyColor;
+}
+interface TypographyParagraphProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    weight?: TypographyWeight;
+    color?: TypographyColor;
+}
+declare const H1: React.ForwardRefExoticComponent<TypographyHeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const H2: React.ForwardRefExoticComponent<TypographyHeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const H3: React.ForwardRefExoticComponent<TypographyHeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const H4: React.ForwardRefExoticComponent<TypographyHeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const Body: React.ForwardRefExoticComponent<TypographyParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
+declare const Small: React.ForwardRefExoticComponent<TypographyParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
+declare const Caption: React.ForwardRefExoticComponent<TypographyParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
+declare const Lead: React.ForwardRefExoticComponent<TypographyParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
+declare const Muted: React.ForwardRefExoticComponent<TypographyParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
+declare const Code: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+
+export { Body, Caption, Code, H1, H2, H3, H4, Lead, Muted, Small, type TypographyColor, type TypographyWeight };

package/dist/components/typography.js

@@ -0,0 +1,96 @@
+// src/components/typography.tsx
+import * as React from "react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/typography.tsx
+import { jsx } from "react/jsx-runtime";
+var weightMap = {
+  extrabold: "font-extrabold",
+  bold: "font-bold",
+  semibold: "font-semibold",
+  medium: "font-medium",
+  regular: "font-normal",
+  light: "font-light"
+};
+var colorMap = {
+  secondary: "text-muted-foreground",
+  foreground: "text-[var(--hc-color-foreground)]",
+  muted: "text-muted-foreground",
+  success: "text-[var(--hc-color-success)]",
+  warning: "text-[var(--hc-color-warning)]",
+  destructive: "text-[var(--hc-color-destructive)]",
+  inherit: "text-inherit"
+};
+function resolveColor(color, defaultColorClass) {
+  if (!color || color === "default") return defaultColorClass;
+  return colorMap[color];
+}
+var H1 = React.forwardRef(
+  ({ className, weight = "semibold", color, ...props }, ref) => /* @__PURE__ */ jsx("h1", { ref, className: cn("scroll-m-20 text-3xl tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+);
+H1.displayName = "H1";
+var H2 = React.forwardRef(
+  ({ className, weight = "semibold", color, ...props }, ref) => /* @__PURE__ */ jsx("h2", { ref, className: cn("scroll-m-20 text-2xl tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+);
+H2.displayName = "H2";
+var H3 = React.forwardRef(
+  ({ className, weight = "semibold", color, ...props }, ref) => /* @__PURE__ */ jsx("h3", { ref, className: cn("scroll-m-20 text-xl tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+);
+H3.displayName = "H3";
+var H4 = React.forwardRef(
+  ({ className, weight = "semibold", color, ...props }, ref) => /* @__PURE__ */ jsx("h4", { ref, className: cn("scroll-m-20 text-lg tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+);
+H4.displayName = "H4";
+var Body = React.forwardRef(
+  ({ className, weight = "regular", color, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-base leading-7", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+);
+Body.displayName = "Body";
+var Small = React.forwardRef(
+  ({ className, weight = "regular", color, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-sm", resolveColor(color, "text-muted-foreground"), weightMap[weight], className), ...props })
+);
+Small.displayName = "Small";
+var Caption = React.forwardRef(
+  ({ className, weight = "regular", color, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-xs", resolveColor(color, "text-muted-foreground"), weightMap[weight], className), ...props })
+);
+Caption.displayName = "Caption";
+var Lead = React.forwardRef(
+  ({ className, weight = "medium", color, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-lg", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+);
+Lead.displayName = "Lead";
+var Muted = React.forwardRef(
+  ({ className, weight = "regular", color, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-sm", resolveColor(color, "text-muted-foreground"), weightMap[weight], className), ...props })
+);
+Muted.displayName = "Muted";
+var Code = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "code",
+    {
+      ref,
+      className: cn(
+        "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Code.displayName = "Code";
+export {
+  Body,
+  Caption,
+  Code,
+  H1,
+  H2,
+  H3,
+  H4,
+  Lead,
+  Muted,
+  Small
+};
+//# sourceMappingURL=typography.js.map

package/dist/components/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/typography.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../lib/utils\"\n\nexport type TypographyWeight = \"extrabold\" | \"bold\" | \"semibold\" | \"medium\" | \"regular\" | \"light\"\n\nexport type TypographyColor =\n  | \"default\"\n  | \"secondary\"\n  | \"foreground\"\n  | \"muted\"\n  | \"success\"\n  | \"warning\"\n  | \"destructive\"\n  | \"inherit\"\n\nconst weightMap: Record<TypographyWeight, string> = {\n  extrabold: \"font-extrabold\",\n  bold: \"font-bold\",\n  semibold: \"font-semibold\",\n  medium: \"font-medium\",\n  regular: \"font-normal\",\n  light: \"font-light\",\n}\n\nconst colorMap: Record<Exclude<TypographyColor, \"default\">, string> = {\n  secondary: \"text-muted-foreground\",\n  foreground: \"text-[var(--hc-color-foreground)]\",\n  muted: \"text-muted-foreground\",\n  success: \"text-[var(--hc-color-success)]\",\n  warning: \"text-[var(--hc-color-warning)]\",\n  destructive: \"text-[var(--hc-color-destructive)]\",\n  inherit: \"text-inherit\",\n}\n\ninterface TypographyHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  weight?: TypographyWeight\n  color?: TypographyColor\n}\n\ninterface TypographyParagraphProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  weight?: TypographyWeight\n  color?: TypographyColor\n}\n\nfunction resolveColor(color: TypographyColor | undefined, defaultColorClass: string): string {\n  if (!color || color === \"default\") return defaultColorClass\n  return colorMap[color]\n}\n\nconst H1 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, ...props }, ref) => (\n    <h1 ref={ref} className={cn(\"scroll-m-20 text-3xl tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nH1.displayName = \"H1\"\n\nconst H2 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, ...props }, ref) => (\n    <h2 ref={ref} className={cn(\"scroll-m-20 text-2xl tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nH2.displayName = \"H2\"\n\nconst H3 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, ...props }, ref) => (\n    <h3 ref={ref} className={cn(\"scroll-m-20 text-xl tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nH3.displayName = \"H3\"\n\nconst H4 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, ...props }, ref) => (\n    <h4 ref={ref} className={cn(\"scroll-m-20 text-lg tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nH4.displayName = \"H4\"\n\nconst Body = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-base leading-7\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nBody.displayName = \"Body\"\n\nconst Small = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-sm\", resolveColor(color, \"text-muted-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nSmall.displayName = \"Small\"\n\nconst Caption = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-xs\", resolveColor(color, \"text-muted-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nCaption.displayName = \"Caption\"\n\nconst Lead = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"medium\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-lg\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nLead.displayName = \"Lead\"\n\nconst Muted = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-sm\", resolveColor(color, \"text-muted-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nMuted.displayName = \"Muted\"\n\nconst Code = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  ({ className, ...props }, ref) => (\n    <code\n      ref={ref}\n      className={cn(\n        \"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nCode.displayName = \"Code\"\n\nexport { H1, H2, H3, H4, Body, Small, Caption, Lead, Muted, Code }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":"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","names":[]}