@still-forest/canopy 0.24.0 → 0.25.1

package/dist/Code.js

@@ -0,0 +1,6 @@
+import { j as e } from "./utils.js";
+import { T as s } from "./Heading.js";
+const r = ({ children: o, ...t }) => /* @__PURE__ */ e.jsx(s, { className: "inline-block w-fit rounded bg-accent px-2", family: "mono", size: "sm", variant: "accent", ...t, children: o });
+export {
+  r as C
+};

package/dist/Heading.js

@@ -0,0 +1,250 @@
+import { j as b, c as p } from "./utils.js";
+import h from "react";
+const y = h.forwardRef(
+  ({
+    className: c,
+    as: o,
+    size: e,
+    weight: d,
+    variant: t = "default",
+    align: n,
+    leading: s,
+    // No default: Tailwind applies a default from text size classes
+    tracking: r,
+    family: f = "display",
+    asForeground: x = !1,
+    truncate: u = !1,
+    numeric: m = !1,
+    ...i
+  }, a) => {
+    const g = o || "p";
+    return /* @__PURE__ */ b.jsx(
+      g,
+      {
+        className: p(
+          // Font sizes
+          {
+            "text-xs": e === "xs",
+            "text-sm": e === "sm",
+            "text-base": e === "base" || e === "md",
+            "text-lg": e === "lg",
+            "text-xl": e === "xl",
+            "text-2xl": e === "2xl",
+            "text-3xl": e === "3xl",
+            "text-4xl": e === "4xl",
+            "text-5xl": e === "5xl",
+            "text-6xl": e === "6xl",
+            "text-7xl": e === "7xl",
+            "text-8xl": e === "8xl",
+            "text-9xl": e === "9xl"
+          },
+          // Font weights
+          {
+            "font-thin": d === "thin",
+            "font-extralight": d === "extralight",
+            "font-light": d === "light",
+            "font-normal": d === "normal",
+            "font-medium": d === "medium",
+            "font-semibold": d === "semibold",
+            "font-bold": d === "bold",
+            "font-extrabold": d === "extrabold",
+            "font-black": d === "black"
+          },
+          // Text colors (variants)
+          {
+            "text-foreground": t === "default",
+            "text-inherit": t === "inherit",
+            "text-muted-foreground": t === "muted",
+            "text-accent-foreground": t === "accent",
+            // Action colors
+            "text-primary-foreground": t === "primary",
+            "text-secondary-foreground": t === "secondary",
+            // Accent colors (rich color variants)
+            "text-info": !x && t === "info",
+            "text-warning": !x && t === "warning",
+            "text-destructive": !x && t === "destructive",
+            "text-success": !x && t === "success",
+            // Accent colors (foreground variants)
+            "text-info-foreground": x && t === "info",
+            "text-warning-foreground": x && t === "warning",
+            "text-destructive-foreground": x && t === "destructive",
+            "text-success-foreground": x && t === "success"
+          },
+          // Text alignment
+          {
+            "text-left": n === "left",
+            "text-center": n === "center",
+            "text-right": n === "right",
+            "text-justify": n === "justify",
+            "text-start": n === "start",
+            "text-end": n === "end"
+          },
+          // Leading (line height)
+          {
+            "leading-none": s === "none",
+            "leading-tight": s === "tight",
+            "leading-snug": s === "snug",
+            "leading-normal": s === "normal",
+            "leading-relaxed": s === "relaxed",
+            "leading-loose": s === "loose"
+          },
+          // Tracking (letter spacing)
+          {
+            "tracking-tighter": r === "tighter",
+            "tracking-tight": r === "tight",
+            "tracking-normal": r === "normal",
+            "tracking-wide": r === "wide",
+            "tracking-wider": r === "wider",
+            "tracking-widest": r === "widest"
+          },
+          // Font family
+          {
+            "font-display": f === "display",
+            "font-sans": f === "sans",
+            "font-serif": f === "serif",
+            "font-mono": f === "mono"
+          },
+          // Truncation
+          u && "truncate",
+          // Tabular numerals
+          m && "tabular-nums",
+          c
+        ),
+        ref: a,
+        ...i
+      }
+    );
+  }
+);
+y.displayName = "Text";
+const j = h.forwardRef(
+  ({
+    className: c,
+    variant: o = "default",
+    level: e = "2",
+    size: d,
+    weight: t = "bold",
+    // Typical default browser style for headings
+    align: n,
+    leading: s,
+    // No default: Tailwind applies a default from text size classes
+    tracking: r,
+    family: f = "display",
+    asForeground: x = !1,
+    truncate: u = !1,
+    numeric: m = !1,
+    ...i
+  }, a) => {
+    const g = `h${e}`, l = d || {
+      1: "4xl",
+      2: "3xl",
+      3: "2xl",
+      4: "xl",
+      5: "lg",
+      6: "base"
+    }[e];
+    return /* @__PURE__ */ b.jsx(
+      g,
+      {
+        className: p(
+          // Size scales
+          {
+            "text-xs": l === "xs",
+            "text-sm": l === "sm",
+            "text-base": l === "base" || l === "md",
+            "text-lg": l === "lg",
+            "text-xl": l === "xl",
+            "text-2xl": l === "2xl",
+            "text-3xl": l === "3xl",
+            "text-4xl": l === "4xl",
+            "text-5xl": l === "5xl",
+            "text-6xl": l === "6xl",
+            "text-7xl": l === "7xl",
+            "text-8xl": l === "8xl",
+            "text-9xl": l === "9xl"
+          },
+          // Font weights
+          {
+            "font-thin": t === "thin",
+            "font-extralight": t === "extralight",
+            "font-light": t === "light",
+            "font-normal": t === "normal",
+            "font-medium": t === "medium",
+            "font-semibold": t === "semibold",
+            "font-bold": t === "bold",
+            "font-extrabold": t === "extrabold",
+            "font-black": t === "black"
+          },
+          // Text colors (variants)
+          {
+            "text-foreground": o === "default",
+            "text-inherit": o === "inherit",
+            "text-muted-foreground": o === "muted",
+            "text-accent-foreground": o === "accent",
+            // Action colors
+            "text-primary-foreground": o === "primary",
+            "text-secondary-foreground": o === "secondary",
+            // Accent colors (rich color variants)
+            "text-info": !x && o === "info",
+            "text-warning": !x && o === "warning",
+            "text-destructive": !x && o === "destructive",
+            "text-success": !x && o === "success",
+            // Accent colors (foreground variants)
+            "text-info-foreground": x && o === "info",
+            "text-warning-foreground": x && o === "warning",
+            "text-destructive-foreground": x && o === "destructive",
+            "text-success-foreground": x && o === "success"
+          },
+          // Text alignment
+          {
+            "text-left": n === "left",
+            "text-center": n === "center",
+            "text-right": n === "right",
+            "text-justify": n === "justify",
+            "text-start": n === "start",
+            "text-end": n === "end"
+          },
+          // Leading (line height)
+          {
+            "leading-none": s === "none",
+            "leading-tight": s === "tight",
+            "leading-snug": s === "snug",
+            "leading-normal": s === "normal",
+            "leading-relaxed": s === "relaxed",
+            "leading-loose": s === "loose"
+          },
+          // Tracking (letter spacing)
+          {
+            "tracking-tighter": r === "tighter",
+            "tracking-tight": r === "tight",
+            "tracking-normal": r === "normal",
+            "tracking-wide": r === "wide",
+            "tracking-wider": r === "wider",
+            "tracking-widest": r === "widest"
+          },
+          // Font family
+          {
+            "font-display": f === "display",
+            "font-sans": f === "sans",
+            "font-serif": f === "serif",
+            "font-mono": f === "mono"
+          },
+          // Truncation
+          u && "truncate",
+          // Tabular numerals
+          m && "tabular-nums",
+          // Add some scroll margin for better anchor navigation
+          "scroll-m-20",
+          c
+        ),
+        ref: a,
+        ...i
+      }
+    );
+  }
+);
+j.displayName = "Heading";
+export {
+  j as H,
+  y as T
+};