astralis-ui 0.1.0

package/dist/components/typography/kbd/kbd.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+import { cva as e } from "class-variance-authority";
+import { astralisMerge as m } from "../../../utils/astralis-merge.js";
+const n = e(
+  // The heavier bottom border gives the keycap its pressed-key depth.
+  "astralis:inline-flex astralis:items-center astralis:justify-center astralis:font-mono astralis:font-medium astralis:rounded-md astralis:border-normal astralis:border-b-2 astralis:border-stroke-base astralis:bg-surface-subtle astralis:text-label-muted astralis:whitespace-nowrap",
+  {
+    variants: {
+      size: {
+        sm: "astralis:text-2xs astralis:px-1 astralis:min-w-4 astralis:h-4",
+        md: "astralis:text-xs astralis:px-1.5 astralis:min-w-5 astralis:h-5",
+        lg: "astralis:text-sm astralis:px-2 astralis:min-w-6 astralis:h-6"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+function o({ size: s, className: a = "", children: t, ref: r, ...i }) {
+  return /* @__PURE__ */ l("kbd", { ref: r, className: m(n({ size: s }), a), ...i, children: t });
+}
+o.displayName = "Kbd";
+export {
+  o as Kbd,
+  n as kbdVariants
+};

package/dist/components/typography/link/link.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsxs as u, jsx as f } from "react/jsx-runtime";
+import { cva as d } from "class-variance-authority";
+import { astralisMerge as m } from "../../../utils/astralis-merge.js";
+import { accentClass as p } from "../../../const/color-schemes.js";
+const v = d(
+  "astralis:cursor-pointer astralis:rounded-sm astralis:text-accent-label astralis:transition-colors astralis:hover:text-accent-emphasized astralis:focus-visible:outline-2 astralis:focus-visible:outline-offset-2 astralis:focus-visible:outline-accent-ring",
+  {
+    variants: {
+      variant: {
+        underline: "astralis:underline astralis:underline-offset-2",
+        hover: "astralis:hover:underline astralis:underline-offset-2",
+        plain: ""
+      }
+    },
+    defaultVariants: { variant: "hover" }
+  }
+);
+function h({
+  as: s,
+  variant: r,
+  colorScheme: e = "brand",
+  external: a = !1,
+  className: i = "",
+  ref: t,
+  children: n,
+  ...l
+}) {
+  const o = s || "a", c = a ? { target: "_blank", rel: "noopener noreferrer" } : {};
+  return /* @__PURE__ */ u(
+    o,
+    {
+      ref: t,
+      className: m(v({ variant: r }), p(e), i),
+      ...c,
+      ...l,
+      children: [
+        n,
+        a && /* @__PURE__ */ f("span", { "aria-hidden": "true", className: "astralis:ml-0.5 astralis:align-super astralis:text-2xs", children: "↗" })
+      ]
+    }
+  );
+}
+h.displayName = "Link";
+export {
+  h as Link,
+  v as linkVariants
+};

package/dist/components/typography/list/index.js

@@ -0,0 +1,10 @@
+"use client";
+import t from "./list.js";
+import o from "./list-item.js";
+const e = Object.assign(t, {
+  Item: o
+});
+export {
+  e as List,
+  o as ListItem
+};

package/dist/components/typography/list/list-item.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { astralisMerge as x } from "../../../utils/astralis-merge.js";
+import { resolveStyleProps as d } from "../../../utils/responsive.js";
+import { boxVariantMap as h, boxVariants as y } from "../../layout/box/box.styles.js";
+import { BOX_VARIANT_KEYS as b } from "../../layout/box/box.js";
+const N = u(
+  ({ as: n, className: m, children: r, icon: t, ...a }, p) => {
+    const f = n || "li", e = {}, l = {};
+    for (const s in a)
+      if (Object.prototype.hasOwnProperty.call(a, s)) {
+        const i = a[s];
+        b.includes(s) ? e[s] = i : l[s] = i;
+      }
+    return /* @__PURE__ */ c(
+      f,
+      {
+        className: x(
+          d(e, { maps: h, variants: y }),
+          t != null ? "astralis:list-none astralis:flex astralis:items-start astralis:gap-2" : "",
+          m
+        ),
+        ref: p,
+        ...l,
+        children: [
+          t != null && /* @__PURE__ */ o("span", { className: "astralis:inline-flex astralis:shrink-0 astralis:items-center", "aria-hidden": "true", children: t }),
+          t != null ? /* @__PURE__ */ o("span", { children: r }) : r
+        ]
+      }
+    );
+  }
+);
+N.displayName = "List.Item";
+export {
+  N as default
+};

package/dist/components/typography/list/list.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as V } from "react";
+import { astralisMerge as c } from "../../../utils/astralis-merge.js";
+import { resolveStyleProps as r } from "../../../utils/responsive.js";
+import { splitVariantProps as x } from "../../../utils/split-variant-props.js";
+import { listVariantMap as t, listVariants as P } from "./list.styles.js";
+import { boxVariantMap as b, boxVariants as u } from "../../layout/box/box.styles.js";
+import { BOX_VARIANT_KEYS as v } from "../../layout/box/box.js";
+const A = Object.keys(t), N = V(
+  ({ as: o, className: a, children: s, ...i }, m) => {
+    const p = o || "ul", [e, n, l] = x(
+      i,
+      A,
+      v
+    );
+    return /* @__PURE__ */ f(
+      p,
+      {
+        className: c(
+          r(e, { maps: t, variants: P }),
+          r(n, { maps: b, variants: u }),
+          a
+        ),
+        ref: m,
+        ...l,
+        children: s
+      }
+    );
+  }
+);
+N.displayName = "List";
+export {
+  N as default
+};

package/dist/components/typography/list/list.styles.js

@@ -0,0 +1,35 @@
+"use client";
+import { cva as s } from "class-variance-authority";
+const a = {
+  // Marker glyph. Indented variants reserve room for the marker in the leading gutter;
+  // `none` removes both marker and indent (use it for icon lists).
+  styleType: {
+    disc: "astralis:list-disc astralis:ps-6",
+    circle: "astralis:list-[circle] astralis:ps-6",
+    square: "astralis:list-[square] astralis:ps-6",
+    decimal: "astralis:list-decimal astralis:ps-6",
+    "lower-alpha": "astralis:list-[lower-alpha] astralis:ps-6",
+    "upper-roman": "astralis:list-[upper-roman] astralis:ps-6",
+    none: "astralis:list-none astralis:ps-0"
+  },
+  // Vertical rhythm between items (margin-top on all but the first).
+  spacing: {
+    0: "astralis:space-y-0",
+    1: "astralis:space-y-1",
+    "1.5": "astralis:space-y-1.5",
+    2: "astralis:space-y-2",
+    "2.5": "astralis:space-y-2.5",
+    3: "astralis:space-y-3",
+    4: "astralis:space-y-4",
+    5: "astralis:space-y-5",
+    6: "astralis:space-y-6",
+    8: "astralis:space-y-8"
+  }
+}, l = s("astralis:m-0", {
+  variants: a,
+  defaultVariants: { styleType: "disc", spacing: "2" }
+});
+export {
+  a as listVariantMap,
+  l as listVariants
+};

package/dist/components/typography/text/text.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx as v } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { astralisMerge as A } from "../../../utils/astralis-merge.js";
+import { resolveStyleProps as D } from "../../../utils/responsive.js";
+import { textVariantMap as I, textVariants as N } from "./text.styles.js";
+const _ = {
+  h1: "4xl",
+  h2: "3xl",
+  h3: "2xl",
+  h4: "xl",
+  h5: "lg",
+  h6: "md"
+}, u = {
+  h1: "bold",
+  h2: "bold",
+  h3: "bold",
+  h4: "semibold",
+  h5: "semibold",
+  h6: "semibold",
+  b: "bold",
+  strong: "bold"
+}, w = y(
+  ({
+    children: s,
+    as: r,
+    className: m = "",
+    size: i,
+    weight: a,
+    align: n,
+    color: d,
+    casing: f,
+    lineHeight: h,
+    letterSpacing: p,
+    fontFamily: x,
+    fontStyle: b,
+    textDecoration: c,
+    gutterBottom: E = !1,
+    paragraph: o = !1,
+    truncate: t = !1,
+    lineClamp: S,
+    ...T
+  }, g) => {
+    const e = o ? "p" : r || "p", l = typeof e == "string" ? e : "";
+    return /* @__PURE__ */ v(
+      e,
+      {
+        className: A(
+          D(
+            {
+              size: i || _[l] || "md",
+              weight: a || u[l] || "normal",
+              align: n,
+              color: d,
+              casing: f,
+              lineHeight: h,
+              letterSpacing: p,
+              fontFamily: x,
+              fontStyle: b,
+              textDecoration: c,
+              gutterBottom: E,
+              paragraph: o,
+              truncate: t,
+              lineClamp: t ? void 0 : S
+            },
+            { maps: I, variants: N }
+          ),
+          m
+        ),
+        ref: g,
+        ...T,
+        children: s
+      }
+    );
+  }
+);
+w.displayName = "Text";
+export {
+  w as default
+};

package/dist/components/typography/text/text.styles.js

@@ -0,0 +1,110 @@
+"use client";
+import { cva as a } from "class-variance-authority";
+import { textColors as t } from "../../../const/color-mappings.js";
+const s = {
+  size: {
+    xs: "astralis:text-xs",
+    sm: "astralis:text-sm",
+    md: "astralis:text-md",
+    lg: "astralis:text-lg",
+    xl: "astralis:text-xl",
+    "2xl": "astralis:text-2xl",
+    "3xl": "astralis:text-3xl",
+    "4xl": "astralis:text-4xl",
+    "5xl": "astralis:text-5xl",
+    "6xl": "astralis:text-6xl",
+    "7xl": "astralis:text-7xl",
+    "8xl": "astralis:text-8xl",
+    "9xl": "astralis:text-9xl"
+  },
+  weight: {
+    thin: "astralis:font-thin",
+    extralight: "astralis:font-extralight",
+    light: "astralis:font-light",
+    normal: "astralis:font-normal",
+    medium: "astralis:font-medium",
+    semibold: "astralis:font-semibold",
+    bold: "astralis:font-bold",
+    extrabold: "astralis:font-extrabold",
+    black: "astralis:font-black"
+  },
+  align: {
+    left: "astralis:text-left",
+    center: "astralis:text-center",
+    right: "astralis:text-right",
+    justify: "astralis:text-justify"
+  },
+  // Full palette parity with Box — semantic tokens, every palette shade,
+  // brand, plus `current`/`inherit` (use `inherit` to cascade from a parent's color).
+  color: t,
+  casing: {
+    uppercase: "astralis:uppercase",
+    lowercase: "astralis:lowercase",
+    capitalize: "astralis:capitalize",
+    normal: "astralis:normal-case"
+  },
+  fontFamily: {
+    heading: "astralis:font-heading",
+    body: "astralis:font-body",
+    sans: "astralis:font-sans",
+    serif: "astralis:font-serif",
+    mono: "astralis:font-mono"
+  },
+  fontStyle: {
+    italic: "astralis:italic",
+    normal: "astralis:not-italic"
+  },
+  textDecoration: {
+    underline: "astralis:underline",
+    "line-through": "astralis:line-through",
+    overline: "astralis:overline",
+    none: "astralis:no-underline"
+  },
+  // Unitless line-height multipliers — scale with font-size, safe across
+  // text-xs -> text-9xl. Sourced from the explicit --astralis-line-height-* tokens.
+  lineHeight: {
+    none: "astralis:leading-none",
+    tight: "astralis:leading-tight",
+    snug: "astralis:leading-snug",
+    normal: "astralis:leading-normal",
+    relaxed: "astralis:leading-relaxed",
+    loose: "astralis:leading-loose"
+  },
+  letterSpacing: {
+    tighter: "astralis:tracking-tighter",
+    tight: "astralis:tracking-tight",
+    normal: "astralis:tracking-normal",
+    wide: "astralis:tracking-wide",
+    wider: "astralis:tracking-wider",
+    widest: "astralis:tracking-widest"
+  },
+  lineClamp: {
+    1: "astralis:line-clamp-1",
+    2: "astralis:line-clamp-2",
+    3: "astralis:line-clamp-3",
+    4: "astralis:line-clamp-4",
+    5: "astralis:line-clamp-5",
+    6: "astralis:line-clamp-6"
+  },
+  gutterBottom: {
+    true: "astralis:mb-2",
+    false: ""
+  },
+  paragraph: {
+    true: "astralis:mb-4",
+    false: ""
+  },
+  truncate: {
+    true: "astralis:truncate",
+    false: ""
+  }
+}, r = a("astralis:transition-colors", {
+  variants: s,
+  defaultVariants: {
+    color: "base"
+  }
+});
+export {
+  s as textVariantMap,
+  r as textVariants
+};