astralis-ui 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Paul Andrew
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,89 @@
+# Astralis UI
+
+React 19 component library built on semantic design tokens — precompiled CSS,
+runtime brand theming, first-class dark mode and responsive props on every
+layout primitive. **62 components across 9 categories.**
+
+**Docs & live demos:** https://astralis-zeta.vercel.app
+
+## Why Astralis
+
+- **Zero build step.** The library ships precompiled CSS — import one
+  stylesheet and every component works. Your app never runs Tailwind, PostCSS
+  plugins or a theme compiler. Internals are prefixed (`astralis:*`), so it
+  coexists with your own Tailwind without collisions.
+- **Runtime theming.** Hand the provider a single brand color and the full
+  shade scale, hover states and a readable contrast color are derived at
+  runtime with OKLCH color math:
+
+  ```tsx
+  <AstralisProvider tokens={{ brandColor: "#8b5cf6" }}>
+  ```
+
+- **One accent channel, eleven hues.** Every themeable component takes a
+  `colorScheme` prop backed by CSS-variable indirection — any component
+  recolors to any palette without per-hue CSS.
+- **Responsive props.** Layout and typography accept breakpoint maps —
+  `p={{ base: "4", md: "8" }}` — resolved to precompiled classes, zero
+  runtime style computation.
+- **Verified CSS.** A build gate asserts that every class the components can
+  emit exists in the shipped stylesheet — silent styling breakage is a build
+  failure, not a runtime surprise.
+- **Light dependencies.** Four small runtime deps; no Radix, no Floating UI,
+  no animation library. Behavior lives in ~5 small in-house hooks.
+
+## Install
+
+```bash
+pnpm add astralis-ui   # or npm / yarn
+```
+
+Requires React 19.
+
+## Setup
+
+```tsx
+import { AstralisProvider } from "astralis-ui";
+import "astralis-ui/styles.css"; // once, at your entry point
+
+export function App({ children }) {
+  return <AstralisProvider defaultTheme="system">{children}</AstralisProvider>;
+}
+```
+
+## Use
+
+```tsx
+import { Button, Card, Field, Input, VStack } from "astralis-ui";
+
+<Card>
+  <Card.Header>
+    <Card.Title>Create account</Card.Title>
+  </Card.Header>
+  <Card.Body>
+    <VStack gap="4" alignItems="stretch">
+      <Field required>
+        <Field.Label>Email</Field.Label>
+        <Input type="email" placeholder="you@example.com" />
+      </Field>
+      <Button colorScheme="blue" fullWidth>Sign up</Button>
+    </VStack>
+  </Card.Body>
+</Card>;
+```
+
+- [Installation guide](https://astralis-zeta.vercel.app/docs/installation)
+- [Quick start](https://astralis-zeta.vercel.app/docs/quick-start)
+- [Theming](https://astralis-zeta.vercel.app/docs/theming)
+- [All 62 components](https://astralis-zeta.vercel.app/docs)
+
+## For AI agents
+
+The docs are machine-readable: [`/llms.txt`](https://astralis-zeta.vercel.app/llms.txt)
+indexes every page, and each page is available as plain markdown (e.g.
+[`/docs/components/button.md`](https://astralis-zeta.vercel.app/docs/components/button.md))
+with full demo source included.
+
+## License
+
+MIT © Paul Andrew

package/dist/components/buttons/button/button.js

@@ -0,0 +1,83 @@
+"use client";
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { forwardRef as H } from "react";
+import { buttonVariants as L, buttonColorClasses as P } from "./button.styles.js";
+import { astralisMerge as R } from "../../../utils/astralis-merge.js";
+import { accentClass as W } from "../../../const/color-schemes.js";
+import { useButtonGroup as _ } from "../button-group/button-group.context.js";
+const $ = {
+  xs: "astralis:h-3 astralis:w-3",
+  sm: "astralis:h-3.5 astralis:w-3.5",
+  md: "astralis:h-4 astralis:w-4",
+  lg: "astralis:h-5 astralis:w-5",
+  xl: "astralis:h-6 astralis:w-6"
+}, b = H(
+  ({
+    as: f,
+    children: w,
+    variant: N,
+    colorScheme: x,
+    size: v,
+    disabled: y,
+    loading: s = !1,
+    loadingText: o,
+    loaderPlacement: c = "start",
+    loader: B,
+    rounded: S = "lg",
+    leftIcon: l,
+    rightIcon: i,
+    fullWidth: k = !1,
+    className: z = "",
+    ...r
+  }, C) => {
+    const t = _(), E = N ?? t?.variant ?? "solid", O = x ?? t?.colorScheme ?? "brand", m = v ?? t?.size ?? "md", V = y ?? t?.disabled ?? !1, d = f || "button", j = d === "button", e = V || s, n = s && o != null ? o : w, h = !n && (!!l || !!i || s), A = /* @__PURE__ */ p(
+      "svg",
+      {
+        className: `astralis:animate-spin ${$[m]} astralis:shrink-0`,
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        "aria-hidden": "true",
+        children: [
+          /* @__PURE__ */ a("circle", { className: "astralis:opacity-low", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+          /* @__PURE__ */ a(
+            "path",
+            {
+              className: "astralis:opacity-high",
+              fill: "currentColor",
+              d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+            }
+          )
+        ]
+      }
+    ), u = s ? /* @__PURE__ */ a("span", { className: "astralis:inline-flex astralis:shrink-0", children: B ?? A }) : null, D = s && c === "start" ? u : !s && l ? /* @__PURE__ */ a("span", { className: "astralis:inline-flex astralis:shrink-0", children: l }) : null, M = s && c === "end" ? u : !s && i ? /* @__PURE__ */ a("span", { className: "astralis:inline-flex astralis:shrink-0", children: i }) : null;
+    process.env.NODE_ENV !== "production" && h && !r["aria-label"] && !r["aria-labelledby"] && console.warn(
+      "[Astralis] Icon-only Button has no accessible name. Pass `aria-label` so assistive tech can announce it."
+    );
+    const G = j ? { disabled: e } : e ? { "aria-disabled": !0, tabIndex: -1 } : {};
+    return /* @__PURE__ */ p(
+      d,
+      {
+        ref: C,
+        className: R(
+          L({ size: m, rounded: S, fullWidth: k, isDisabledOrLoading: e, isIconOnly: h }),
+          P(E),
+          W(O),
+          z
+        ),
+        ...G,
+        ...r,
+        children: [
+          D,
+          n && /* @__PURE__ */ a("span", { className: "astralis:inline-flex astralis:items-center", children: n }),
+          M
+        ]
+      }
+    );
+  }
+);
+b.displayName = "Button";
+const Q = b;
+export {
+  Q as Button
+};

package/dist/components/buttons/button/button.styles.js

@@ -0,0 +1,69 @@
+"use client";
+import { cva as a } from "class-variance-authority";
+const i = a(
+  "astralis:inline-flex astralis:items-center astralis:justify-center astralis:font-medium astralis:cursor-pointer astralis:transition-all astralis:outline-none astralis:focus-visible:outline-2 astralis:focus-visible:outline-offset-2",
+  {
+    variants: {
+      size: {
+        xs: "astralis:h-7 astralis:text-xs astralis:gap-1 astralis:px-2.5",
+        sm: "astralis:h-8 astralis:text-sm astralis:gap-1.5 astralis:px-3",
+        md: "astralis:h-10 astralis:text-base astralis:gap-2 astralis:px-4",
+        lg: "astralis:h-12 astralis:text-lg astralis:gap-2.5 astralis:px-5",
+        xl: "astralis:h-14 astralis:text-xl astralis:gap-3 astralis:px-7"
+      },
+      rounded: {
+        none: "astralis:rounded-none",
+        sm: "astralis:rounded-sm",
+        md: "astralis:rounded-md",
+        lg: "astralis:rounded-lg",
+        xl: "astralis:rounded-xl",
+        "2xl": "astralis:rounded-2xl",
+        full: "astralis:rounded-full"
+      },
+      fullWidth: {
+        true: "astralis:w-full",
+        false: ""
+      },
+      isDisabledOrLoading: {
+        true: "astralis:opacity-moderate astralis:cursor-not-allowed astralis:pointer-events-none",
+        false: "astralis:active:scale-[0.98]"
+      },
+      isIconOnly: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      { isIconOnly: !0, size: "xs", className: "astralis:w-7 astralis:px-0" },
+      { isIconOnly: !0, size: "sm", className: "astralis:w-8 astralis:px-0" },
+      { isIconOnly: !0, size: "md", className: "astralis:w-10 astralis:px-0" },
+      { isIconOnly: !0, size: "lg", className: "astralis:w-12 astralis:px-0" },
+      { isIconOnly: !0, size: "xl", className: "astralis:w-14 astralis:px-0" }
+    ],
+    defaultVariants: {
+      size: "md",
+      rounded: "lg",
+      fullWidth: !1
+    }
+  }
+), t = {
+  // Signature fill; readable foreground from the accent `contrast` role.
+  solid: "astralis:bg-accent-solid astralis:text-accent-contrast astralis:hover:opacity-higher astralis:focus-visible:outline-accent-ring",
+  // Tinted fill, no border.
+  subtle: "astralis:bg-accent-subtle astralis:text-accent-label astralis:hover:bg-accent-muted astralis:focus-visible:outline-accent-ring",
+  // Tinted fill + matching border (the bordered sibling of `subtle`).
+  surface: "astralis:bg-accent-subtle astralis:text-accent-label astralis:border-normal astralis:border-accent-stroke astralis:hover:bg-accent-muted astralis:focus-visible:outline-accent-ring",
+  // Border only; fills with a faint tint on hover.
+  outline: "astralis:bg-transparent astralis:border-normal astralis:border-accent-stroke astralis:text-accent-label astralis:hover:bg-accent-subtle astralis:focus-visible:outline-accent-ring",
+  // No chrome until hover (a.k.a. "ghost").
+  text: "astralis:bg-transparent astralis:text-accent-label astralis:hover:bg-accent-subtle astralis:focus-visible:outline-accent-ring",
+  // Inline-link affordance.
+  link: "astralis:bg-transparent astralis:text-accent-label astralis:hover:underline astralis:underline-offset-2 astralis:focus-visible:outline-accent-ring"
+};
+function r(s) {
+  return t[s];
+}
+export {
+  r as buttonColorClasses,
+  i as buttonVariants
+};

package/dist/components/buttons/button-group/button-group.context.js

@@ -0,0 +1,10 @@
+"use client";
+import { useContext as t, createContext as o } from "react";
+const e = o(null);
+function u() {
+  return t(e);
+}
+export {
+  e as ButtonGroupContext,
+  u as useButtonGroup
+};

package/dist/components/buttons/button-group/button-group.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { useMemo as G } from "react";
+import { buttonGroupVariants as c } from "./button-group.styles.js";
+import { ButtonGroupContext as x } from "./button-group.context.js";
+import { astralisMerge as B } from "../../../utils/astralis-merge.js";
+function g({
+  children: e,
+  orientation: n = "horizontal",
+  attached: p = !1,
+  spacing: i = "md",
+  size: o,
+  variant: r,
+  colorScheme: t,
+  disabled: u,
+  className: s = "",
+  role: a = "group",
+  ref: f,
+  ...l
+}) {
+  const d = G(
+    () => ({ size: o, variant: r, colorScheme: t, disabled: u }),
+    [o, r, t, u]
+  );
+  return /* @__PURE__ */ m(x.Provider, { value: d, children: /* @__PURE__ */ m(
+    "div",
+    {
+      ref: f,
+      role: a,
+      className: B(
+        c({ orientation: n, attached: p, spacing: i }),
+        s
+      ),
+      ...l,
+      children: e
+    }
+  ) });
+}
+g.displayName = "ButtonGroup";
+export {
+  g as ButtonGroup
+};

package/dist/components/buttons/button-group/button-group.styles.js

@@ -0,0 +1,39 @@
+"use client";
+import { cva as a } from "class-variance-authority";
+const s = a("astralis:inline-flex", {
+  variants: {
+    orientation: {
+      horizontal: "astralis:flex-row",
+      vertical: "astralis:flex-col"
+    },
+    attached: { true: "", false: "" },
+    spacing: {
+      none: "astralis:gap-0",
+      sm: "astralis:gap-1.5",
+      md: "astralis:gap-2",
+      lg: "astralis:gap-3"
+    }
+  },
+  compoundVariants: [
+    // Attached → no gap; spacing is ignored.
+    { attached: !0, class: "astralis:gap-0" },
+    {
+      attached: !0,
+      orientation: "horizontal",
+      class: "astralis:[&>*:not(:first-child)]:rounded-s-none astralis:[&>*:not(:last-child)]:rounded-e-none astralis:[&>*:not(:first-child)]:-ms-px"
+    },
+    {
+      attached: !0,
+      orientation: "vertical",
+      class: "astralis:[&>*:not(:first-child)]:rounded-t-none astralis:[&>*:not(:last-child)]:rounded-b-none astralis:[&>*:not(:first-child)]:-mt-px"
+    }
+  ],
+  defaultVariants: {
+    orientation: "horizontal",
+    attached: !1,
+    spacing: "md"
+  }
+});
+export {
+  s as buttonGroupVariants
+};

package/dist/components/buttons/theme-toggle/theme-toggle.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsx as s, jsxs as u } from "react/jsx-runtime";
+import { Button as x } from "../button/button.js";
+import { useTheme as k } from "../../../theme/provider.js";
+import r from "../../icon/icon.js";
+import { MoonIcon as y, SunIcon as I } from "../../icon/internal-icons.js";
+function $({
+  variant: l = "outline",
+  size: t = "md",
+  showLabel: o = !1,
+  className: n = "",
+  ref: c,
+  ...m
+}) {
+  const { resolvedTheme: d, setTheme: p } = k(), a = d === "dark", e = t === "xs" || t === "sm" ? "xs" : "sm", g = e === "xs" ? "astralis:size-4" : "astralis:size-5", h = a ? "Light Mode" : "Dark Mode", T = () => {
+    p(a ? "light" : "dark");
+  }, i = "astralis:absolute astralis:inset-0 astralis:transition-all astralis:duration-moderate", f = /* @__PURE__ */ u("span", { className: `astralis:relative astralis:inline-flex ${g}`, children: [
+    /* @__PURE__ */ s(
+      r,
+      {
+        size: e,
+        className: `${i} ${a ? "astralis:rotate-90 astralis:opacity-0" : "astralis:rotate-0 astralis:opacity-100"}`,
+        children: /* @__PURE__ */ s(y, {})
+      }
+    ),
+    /* @__PURE__ */ s(
+      r,
+      {
+        size: e,
+        className: `${i} ${a ? "astralis:rotate-0 astralis:opacity-100" : "astralis:-rotate-90 astralis:opacity-0"}`,
+        children: /* @__PURE__ */ s(I, {})
+      }
+    )
+  ] });
+  return /* @__PURE__ */ s(
+    x,
+    {
+      ref: c,
+      variant: l,
+      size: t,
+      onClick: T,
+      leftIcon: f,
+      className: n,
+      "aria-label": o ? void 0 : "Toggle theme",
+      ...m,
+      children: o ? h : void 0
+    }
+  );
+}
+$.displayName = "ThemeToggle";
+export {
+  $ as ThemeToggle
+};

package/dist/components/data-display/avatar/avatar.context.js

@@ -0,0 +1,10 @@
+"use client";
+import { useContext as t, createContext as e } from "react";
+const o = e(null);
+function r() {
+  return t(o);
+}
+export {
+  o as AvatarGroupContext,
+  r as useAvatarGroupContext
+};

package/dist/components/data-display/avatar/avatar.styles.js

@@ -0,0 +1,40 @@
+"use client";
+import { cva as s } from "class-variance-authority";
+const i = s(
+  "astralis:relative astralis:inline-flex astralis:items-center astralis:justify-center astralis:font-semibold astralis:select-none astralis:shrink-0 astralis:overflow-hidden",
+  {
+    variants: {
+      size: {
+        xs: "astralis:size-6 astralis:text-xs",
+        sm: "astralis:size-8 astralis:text-xs",
+        md: "astralis:size-10 astralis:text-sm",
+        lg: "astralis:size-12 astralis:text-base",
+        xl: "astralis:size-16 astralis:text-xl",
+        "2xl": "astralis:size-20 astralis:text-2xl"
+      },
+      shape: {
+        circle: "astralis:rounded-full",
+        rounded: "astralis:rounded-lg",
+        square: "astralis:rounded-none"
+      }
+    },
+    defaultVariants: { size: "md", shape: "circle" }
+  }
+), t = {
+  xs: "astralis:size-1.5",
+  sm: "astralis:size-2",
+  md: "astralis:size-2.5",
+  lg: "astralis:size-3",
+  xl: "astralis:size-3.5",
+  "2xl": "astralis:size-4"
+}, l = {
+  online: "astralis:bg-green-solid",
+  away: "astralis:bg-yellow-solid",
+  busy: "astralis:bg-red-solid",
+  offline: "astralis:bg-gray-solid"
+};
+export {
+  t as avatarBadgeSize,
+  l as avatarStatusColor,
+  i as avatarVariants
+};

package/dist/components/data-display/avatar/components/avatar-badge.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import { useAvatarGroupContext as m } from "../avatar.context.js";
+import { avatarStatusColor as s, avatarBadgeSize as u } from "../avatar.styles.js";
+import { astralisMerge as d } from "../../../../utils/astralis-merge.js";
+function g({ status: t = "online", color: a, size: e, className: o = "", style: r }) {
+  const i = m(), l = e ?? i?.size ?? "md";
+  return /* @__PURE__ */ n(
+    "span",
+    {
+      className: d(
+        "astralis:absolute astralis:bottom-0 astralis:right-0 astralis:block astralis:rounded-full astralis:ring-2 astralis:ring-surface-base",
+        u[l],
+        a ? "" : s[t] ?? s.online,
+        o
+      ),
+      style: a ? { backgroundColor: a, ...r } : r
+    }
+  );
+}
+g.displayName = "Avatar.Badge";
+export {
+  g as AvatarBadge
+};

package/dist/components/data-display/avatar/components/avatar-group.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as l, jsxs as o } from "react/jsx-runtime";
+import { Children as u, isValidElement as p } from "react";
+import { AvatarGroupContext as g } from "../avatar.context.js";
+import { avatarVariants as h } from "../avatar.styles.js";
+import { astralisMerge as n } from "../../../../utils/astralis-merge.js";
+function b({ children: m, max: r, spacing: t = -8, size: a = "md", className: c = "", style: d }) {
+  const e = u.toArray(m).filter(p), f = r !== void 0 ? e.slice(0, r) : e, i = r !== void 0 ? e.length - r : 0;
+  return /* @__PURE__ */ l(g.Provider, { value: { size: a, ring: !0 }, children: /* @__PURE__ */ o("div", { className: n("astralis:inline-flex astralis:items-center", c), style: d, children: [
+    f.map((v, s) => /* @__PURE__ */ l("div", { style: { marginLeft: s === 0 ? 0 : t }, children: v }, s)),
+    i > 0 && /* @__PURE__ */ o(
+      "div",
+      {
+        className: n(
+          h({ size: a, shape: "circle" }),
+          "astralis:bg-surface-muted astralis:text-label-muted astralis:ring-2 astralis:ring-surface-base"
+        ),
+        style: { marginLeft: t },
+        children: [
+          "+",
+          i
+        ]
+      }
+    )
+  ] }) });
+}
+b.displayName = "Avatar.Group";
+export {
+  b as AvatarGroup
+};

package/dist/components/data-display/avatar/components/avatar-root.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsxs as C, jsx as a } from "react/jsx-runtime";
+import { useState as E } from "react";
+import { useAvatarGroupContext as j } from "../avatar.context.js";
+import { avatarVariants as N } from "../avatar.styles.js";
+import { astralisMerge as S } from "../../../../utils/astralis-merge.js";
+import { accentClass as w } from "../../../../const/color-schemes.js";
+const n = ["blue", "purple", "green", "teal", "orange", "pink", "red", "cyan"];
+function M(e) {
+  let t = 0;
+  for (let r = 0; r < e.length; r++) t = e.charCodeAt(r) + ((t << 5) - t);
+  return n[Math.abs(t) % n.length];
+}
+function B({
+  src: e,
+  alt: t,
+  name: r,
+  icon: o,
+  size: c,
+  shape: p,
+  colorScheme: h,
+  ring: m,
+  children: u,
+  className: g = "",
+  style: f
+}) {
+  const [d, v] = E(!1), s = j(), b = c ?? s?.size ?? "md", x = p ?? s?.shape ?? "circle", z = m ?? s?.ring ?? !1, A = h ?? (r ? M(r) : "gray"), i = r ? r.split(" ").filter(Boolean).map((y) => y[0]).slice(0, 2).join("").toUpperCase() : null, l = e && !d;
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      className: S(
+        N({ size: b, shape: x }),
+        w(A),
+        l ? "" : "astralis:bg-accent-muted astralis:text-accent-label",
+        z ? "astralis:ring-2 astralis:ring-surface-base" : "",
+        g
+      ),
+      style: f,
+      children: [
+        l ? /* @__PURE__ */ a(
+          "img",
+          {
+            src: e,
+            alt: t ?? r ?? "Avatar",
+            onError: () => v(!0),
+            className: "astralis:size-full astralis:object-cover"
+          }
+        ) : i ? /* @__PURE__ */ a("span", { children: i }) : o || /* @__PURE__ */ a("svg", { viewBox: "0 0 24 24", fill: "currentColor", style: { width: "60%", height: "60%", opacity: 0.6 }, children: /* @__PURE__ */ a("path", { d: "M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z" }) }),
+        u
+      ]
+    }
+  );
+}
+B.displayName = "Avatar";
+export {
+  B as AvatarRoot
+};

package/dist/components/data-display/avatar/index.js

@@ -0,0 +1,13 @@
+"use client";
+import { AvatarRoot as r } from "./components/avatar-root.js";
+import { AvatarGroup as o } from "./components/avatar-group.js";
+import { AvatarBadge as t } from "./components/avatar-badge.js";
+const p = Object.assign(r, {
+  Group: o,
+  Badge: t
+});
+export {
+  p as Avatar,
+  t as AvatarBadge,
+  o as AvatarGroup
+};

package/dist/components/data-display/badge/badge.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { badgeVariants as i } from "./badge.styles.js";
+import { astralisMerge as n } from "../../../utils/astralis-merge.js";
+import { accentClass as p } from "../../../const/color-schemes.js";
+function l({ children: a, variant: r = "subtle", colorScheme: e = "gray", size: s = "sm", className: t = "", ...m }) {
+  return /* @__PURE__ */ o("span", { className: n(i({ variant: r, size: s }), p(e), t), ...m, children: a });
+}
+l.displayName = "Badge";
+export {
+  l as Badge
+};

package/dist/components/data-display/badge/badge.styles.js

@@ -0,0 +1,25 @@
+"use client";
+import { cva as a } from "class-variance-authority";
+const t = a(
+  "astralis:inline-flex astralis:items-center astralis:gap-1 astralis:rounded-full astralis:font-medium astralis:leading-none astralis:whitespace-nowrap",
+  {
+    variants: {
+      size: {
+        xs: "astralis:text-xs astralis:px-1.5 astralis:py-0.5",
+        sm: "astralis:text-xs astralis:px-2 astralis:py-1",
+        md: "astralis:text-sm astralis:px-2.5 astralis:py-1",
+        lg: "astralis:text-sm astralis:px-3 astralis:py-1.5"
+      },
+      variant: {
+        solid: "astralis:bg-accent-solid astralis:text-accent-contrast",
+        subtle: "astralis:bg-accent-subtle astralis:text-accent-label",
+        surface: "astralis:bg-accent-subtle astralis:text-accent-label astralis:border-normal astralis:border-accent-stroke",
+        outline: "astralis:bg-transparent astralis:border-normal astralis:border-accent-stroke astralis:text-accent-label"
+      }
+    },
+    defaultVariants: { size: "sm", variant: "subtle" }
+  }
+);
+export {
+  t as badgeVariants
+};

package/dist/components/data-display/calendar/calendar.context.js

@@ -0,0 +1,13 @@
+"use client";
+import { useContext as t, createContext as n } from "react";
+const o = n(null);
+function a() {
+  const e = t(o);
+  if (!e)
+    throw new Error("Calendar components must be used inside <Calendar.Root>");
+  return e;
+}
+export {
+  o as CalendarContext,
+  a as useCalendarContext
+};