astralis-ui 0.1.0

package/dist/components/disclosure/carousel/index.js

@@ -0,0 +1,34 @@
+"use client";
+import { CarouselRoot as r } from "./components/carousel-root.js";
+import { CarouselTrack as o } from "./components/carousel-track.js";
+import { CarouselSlide as e } from "./components/carousel-slide.js";
+import { CarouselControl as t } from "./components/carousel-control.js";
+import { CarouselPrev as s } from "./components/carousel-prev.js";
+import { CarouselNext as a } from "./components/carousel-next.js";
+import { CarouselIndicator as i } from "./components/carousel-indicator.js";
+import { CarouselIndicators as m } from "./components/carousel-indicators.js";
+import { CarouselProgressText as l } from "./components/carousel-progress-text.js";
+import { CarouselAutoPlayTrigger as u } from "./components/carousel-autoplay-trigger.js";
+const I = Object.assign(r, {
+  Track: o,
+  Slide: e,
+  Control: t,
+  Prev: s,
+  Next: a,
+  Indicator: i,
+  Indicators: m,
+  ProgressText: l,
+  AutoPlayTrigger: u
+});
+export {
+  I as Carousel,
+  u as CarouselAutoPlayTrigger,
+  t as CarouselControl,
+  i as CarouselIndicator,
+  m as CarouselIndicators,
+  a as CarouselNext,
+  s as CarouselPrev,
+  l as CarouselProgressText,
+  e as CarouselSlide,
+  o as CarouselTrack
+};

package/dist/components/disclosure/pagination/components/pagination-controls.js

@@ -0,0 +1,79 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { usePagination as s } from "../pagination.context.js";
+import { controlIconSize as l, paginationControlVariants as f } from "../pagination.styles.js";
+import { astralisMerge as p } from "../../../../utils/astralis-merge.js";
+import c from "../../../icon/icon.js";
+import { ChevronsLeftIcon as b, ChevronsRightIcon as m, ChevronRightIcon as P, ChevronLeftIcon as h } from "../../../icon/internal-icons.js";
+function d({ icon: i, className: n = "", label: t, disabled: o, onClick: a, defaultIcon: r }) {
+  const { size: g, rounded: u } = s();
+  return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      "aria-label": t,
+      disabled: o,
+      onClick: a,
+      className: p(f({ size: g, rounded: u }), n),
+      children: i ?? r
+    }
+  ) });
+}
+function L(i) {
+  const { page: n, setPage: t, size: o, disabled: a } = s();
+  return /* @__PURE__ */ e(
+    d,
+    {
+      ...i,
+      label: "Previous page",
+      disabled: a || n <= 1,
+      onClick: () => t(n - 1),
+      defaultIcon: /* @__PURE__ */ e(c, { size: l[o], children: /* @__PURE__ */ e(h, {}) })
+    }
+  );
+}
+function N(i) {
+  const { page: n, totalPages: t, setPage: o, size: a, disabled: r } = s();
+  return /* @__PURE__ */ e(
+    d,
+    {
+      ...i,
+      label: "Next page",
+      disabled: r || n >= t,
+      onClick: () => o(n + 1),
+      defaultIcon: /* @__PURE__ */ e(c, { size: l[a], children: /* @__PURE__ */ e(P, {}) })
+    }
+  );
+}
+function F(i) {
+  const { page: n, setPage: t, size: o, disabled: a } = s();
+  return /* @__PURE__ */ e(
+    d,
+    {
+      ...i,
+      label: "First page",
+      disabled: a || n <= 1,
+      onClick: () => t(1),
+      defaultIcon: /* @__PURE__ */ e(c, { size: l[o], children: /* @__PURE__ */ e(b, {}) })
+    }
+  );
+}
+function R(i) {
+  const { page: n, totalPages: t, setPage: o, size: a, disabled: r } = s();
+  return /* @__PURE__ */ e(
+    d,
+    {
+      ...i,
+      label: "Last page",
+      disabled: r || n >= t,
+      onClick: () => o(t),
+      defaultIcon: /* @__PURE__ */ e(c, { size: l[a], children: /* @__PURE__ */ e(m, {}) })
+    }
+  );
+}
+export {
+  F as PaginationFirst,
+  R as PaginationLast,
+  N as PaginationNext,
+  L as PaginationPrev
+};

package/dist/components/disclosure/pagination/components/pagination-ellipsis.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import { usePagination as r } from "../pagination.context.js";
+import { paginationEllipsisVariants as t } from "../pagination.styles.js";
+function e() {
+  const { size: i } = r();
+  return /* @__PURE__ */ n("li", { "aria-hidden": "true", className: t({ size: i }), children: "…" });
+}
+export {
+  e as PaginationEllipsis
+};

package/dist/components/disclosure/pagination/components/pagination-item.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { usePagination as p } from "../pagination.context.js";
+import { paginationItemVariants as u } from "../pagination.styles.js";
+import { astralisMerge as d } from "../../../../utils/astralis-merge.js";
+function P({ page: t, children: e, className: o = "" }) {
+  const { page: n, setPage: r, variant: s, size: c, rounded: m, disabled: l } = p(), a = t === n;
+  return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
+    "button",
+    {
+      type: "button",
+      "aria-label": `Go to page ${t}`,
+      "aria-current": a ? "page" : void 0,
+      "data-state": a ? "active" : "inactive",
+      disabled: l,
+      onClick: () => r(t),
+      className: d(u({ size: c, rounded: m, variant: s, active: a }), o),
+      children: e
+    }
+  ) });
+}
+export {
+  P as PaginationItem
+};

package/dist/components/disclosure/pagination/components/pagination-jumper.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { useState as c } from "react";
+import { usePagination as f } from "../pagination.context.js";
+import { paginationJumperInputVariants as g } from "../pagination.styles.js";
+import { astralisMerge as x } from "../../../../utils/astralis-merge.js";
+function v({ className: n = "", label: e = "Go to" }) {
+  const { setPage: r, totalPages: o, size: m, disabled: l } = f(), [a, s] = c(""), u = () => {
+    const t = parseInt(a, 10);
+    Number.isNaN(t) || r(t), s("");
+  };
+  return /* @__PURE__ */ p("li", { className: "astralis:inline-flex astralis:items-center astralis:gap-2", children: [
+    e && /* @__PURE__ */ i("span", { className: "astralis:text-sm astralis:text-label-muted", children: e }),
+    /* @__PURE__ */ i(
+      "input",
+      {
+        type: "number",
+        min: 1,
+        max: o,
+        inputMode: "numeric",
+        "aria-label": "Jump to page",
+        disabled: l,
+        value: a,
+        onChange: (t) => s(t.target.value),
+        onKeyDown: (t) => {
+          t.key === "Enter" && (t.preventDefault(), u());
+        },
+        className: x(g({ size: m }), n)
+      }
+    )
+  ] });
+}
+export {
+  v as PaginationJumper
+};

package/dist/components/disclosure/pagination/components/pagination-list.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { astralisMerge as r } from "../../../../utils/astralis-merge.js";
+function l({ children: s, className: t = "" }) {
+  return /* @__PURE__ */ a("ul", { className: r("astralis:flex astralis:items-center astralis:gap-1", t), children: s });
+}
+export {
+  l as PaginationList
+};

package/dist/components/disclosure/pagination/components/pagination-page-text.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+import { usePagination as o } from "../pagination.context.js";
+import { astralisMerge as n } from "../../../../utils/astralis-merge.js";
+function u({ className: i = "", format: a }) {
+  const { page: t, totalPages: e, count: s, pageSize: r } = o();
+  return /* @__PURE__ */ l(
+    "li",
+    {
+      "aria-live": "polite",
+      className: n("astralis:px-2 astralis:text-sm astralis:tabular-nums astralis:text-label-muted", i),
+      children: a ? a({ page: t, totalPages: e, count: s, pageSize: r }) : `Page ${t} of ${e}`
+    }
+  );
+}
+export {
+  u as PaginationPageText
+};

package/dist/components/disclosure/pagination/components/pagination-pages.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as n, Fragment as c, jsxs as x } from "react/jsx-runtime";
+import { usePagination as M } from "../pagination.context.js";
+import { PaginationItem as d } from "./pagination-item.js";
+import { PaginationEllipsis as g } from "./pagination-ellipsis.js";
+function I({ siblings: a = 1, boundaryCount: i = 1 }) {
+  const { page: m, totalPages: e } = M(), h = Array.from({ length: Math.min(i, e) }, (s, t) => t + 1), p = Array.from(
+    { length: Math.min(i, e) },
+    (s, t) => e - i + t + 1
+  ).filter((s) => s > i), l = Math.max(m - a, i + 1), o = Math.min(m + a, e - i), f = Array.from(
+    { length: Math.max(0, o - l + 1) },
+    (s, t) => l + t
+  ), E = l > i + 1, P = o < e - i - 1, r = (s) => s.map((t) => /* @__PURE__ */ n(d, { page: t, children: t }, t));
+  return e > i * 2 + a * 2 + 3 ? /* @__PURE__ */ x(c, { children: [
+    r(h),
+    E && /* @__PURE__ */ n(g, {}),
+    r(f),
+    P && /* @__PURE__ */ n(g, {}),
+    r(p)
+  ] }) : /* @__PURE__ */ n(c, { children: r(Array.from({ length: e }, (s, t) => t + 1)) });
+}
+export {
+  I as PaginationPages
+};

package/dist/components/disclosure/pagination/components/pagination-root.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as p } from "react/jsx-runtime";
+import { useState as d, useCallback as k, useMemo as y } from "react";
+import { PaginationContext as N } from "../pagination.context.js";
+import { astralisMerge as R } from "../../../../utils/astralis-merge.js";
+import { accentClass as T } from "../../../../const/color-schemes.js";
+function B({
+  page: o,
+  defaultPage: u = 1,
+  totalPages: x,
+  count: r,
+  pageSize: s = 10,
+  onPageChange: e,
+  variant: n = "solid",
+  size: i = "md",
+  rounded: m = "md",
+  colorScheme: M = "brand",
+  disabled: t = !1,
+  className: P = "",
+  children: g
+}) {
+  const a = Math.max(1, x ?? Math.ceil((r ?? 0) / s)), [h, v] = d(u), l = o ?? h, c = k(
+    (C) => {
+      if (t) return;
+      const f = Math.min(Math.max(1, C), a);
+      o === void 0 && v(f), e?.(f);
+    },
+    [o, a, e, t]
+  ), j = y(
+    () => ({ page: l, totalPages: a, setPage: c, count: r, pageSize: s, variant: n, size: i, rounded: m, disabled: t }),
+    [l, a, c, r, s, n, i, m, t]
+  );
+  return /* @__PURE__ */ p(N.Provider, { value: j, children: /* @__PURE__ */ p(
+    "nav",
+    {
+      "aria-label": "Pagination",
+      className: R("astralis:flex astralis:justify-center", T(M), P),
+      children: g
+    }
+  ) });
+}
+export {
+  B as PaginationRoot
+};

package/dist/components/disclosure/pagination/index.js

@@ -0,0 +1,34 @@
+"use client";
+import { PaginationRoot as i } from "./components/pagination-root.js";
+import { PaginationList as t } from "./components/pagination-list.js";
+import { PaginationItem as o } from "./components/pagination-item.js";
+import { PaginationPages as a } from "./components/pagination-pages.js";
+import { PaginationEllipsis as n } from "./components/pagination-ellipsis.js";
+import { PaginationPageText as r } from "./components/pagination-page-text.js";
+import { PaginationJumper as m } from "./components/pagination-jumper.js";
+import { PaginationLast as e, PaginationFirst as P, PaginationNext as g, PaginationPrev as s } from "./components/pagination-controls.js";
+const E = Object.assign(i, {
+  List: t,
+  Item: o,
+  Pages: a,
+  Ellipsis: n,
+  Prev: s,
+  Next: g,
+  First: P,
+  Last: e,
+  PageText: r,
+  Jumper: m
+});
+export {
+  E as Pagination,
+  n as PaginationEllipsis,
+  P as PaginationFirst,
+  o as PaginationItem,
+  m as PaginationJumper,
+  e as PaginationLast,
+  t as PaginationList,
+  g as PaginationNext,
+  r as PaginationPageText,
+  a as PaginationPages,
+  s as PaginationPrev
+};

package/dist/components/disclosure/pagination/pagination.context.js

@@ -0,0 +1,12 @@
+"use client";
+import { useContext as n, createContext as o } from "react";
+const e = o(null);
+function r() {
+  const t = n(e);
+  if (!t) throw new Error("Pagination sub-components must be used within <Pagination>");
+  return t;
+}
+export {
+  e as PaginationContext,
+  r as usePagination
+};

package/dist/components/disclosure/pagination/pagination.styles.js

@@ -0,0 +1,84 @@
+"use client";
+import { cva as s } from "class-variance-authority";
+const i = {
+  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"
+}, a = "astralis:outline-none astralis:focus-visible:outline-2 astralis:focus-visible:outline-offset-2 astralis:focus-visible:outline-accent-ring", t = "astralis:disabled:opacity-moderate astralis:disabled:cursor-not-allowed astralis:disabled:pointer-events-none", l = s(
+  `astralis:inline-flex astralis:items-center astralis:justify-center astralis:font-medium astralis:cursor-pointer astralis:transition-colors ${a} ${t}`,
+  {
+    variants: {
+      size: {
+        xs: "astralis:h-7 astralis:min-w-7 astralis:px-2 astralis:text-xs",
+        sm: "astralis:h-8 astralis:min-w-8 astralis:px-2.5 astralis:text-sm",
+        md: "astralis:h-9 astralis:min-w-9 astralis:px-3 astralis:text-sm",
+        lg: "astralis:h-10 astralis:min-w-10 astralis:px-4 astralis:text-base"
+      },
+      rounded: i,
+      variant: { solid: "", outline: "", subtle: "", plain: "" },
+      active: { true: "", false: "" }
+    },
+    compoundVariants: [
+      { variant: "solid", active: !0, class: "astralis:bg-accent-solid astralis:text-accent-contrast" },
+      { variant: "solid", active: !1, class: "astralis:text-label-base astralis:hover:bg-surface-muted" },
+      { variant: "outline", active: !0, class: "astralis:bg-transparent astralis:border-normal astralis:border-accent-stroke astralis:text-accent-label" },
+      { variant: "outline", active: !1, class: "astralis:border-normal astralis:border-transparent astralis:text-label-muted astralis:hover:border-stroke-base astralis:hover:text-label-base" },
+      { variant: "subtle", active: !0, class: "astralis:bg-accent-subtle astralis:text-accent-label" },
+      { variant: "subtle", active: !1, class: "astralis:text-label-muted astralis:hover:bg-surface-muted astralis:hover:text-label-base" },
+      { variant: "plain", active: !0, class: "astralis:text-accent-label astralis:font-semibold" },
+      { variant: "plain", active: !1, class: "astralis:text-label-muted astralis:hover:text-label-base" }
+    ],
+    defaultVariants: { size: "md", rounded: "md", variant: "solid", active: !1 }
+  }
+), r = s(
+  `astralis:inline-flex astralis:items-center astralis:justify-center astralis:cursor-pointer astralis:text-label-muted astralis:transition-colors astralis:hover:bg-surface-muted astralis:hover:text-label-base ${a} ${t}`,
+  {
+    variants: {
+      size: {
+        xs: "astralis:size-7",
+        sm: "astralis:size-8",
+        md: "astralis:size-9",
+        lg: "astralis:size-10"
+      },
+      rounded: i
+    },
+    defaultVariants: { size: "md", rounded: "md" }
+  }
+), n = { xs: "xs", sm: "xs", md: "sm", lg: "sm" }, o = s(
+  "astralis:inline-flex astralis:items-center astralis:justify-center astralis:text-label-muted astralis:select-none",
+  {
+    variants: {
+      size: {
+        xs: "astralis:size-7 astralis:text-xs",
+        sm: "astralis:size-8 astralis:text-sm",
+        md: "astralis:size-9 astralis:text-sm",
+        lg: "astralis:size-10 astralis:text-base"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), d = s(
+  `astralis:border-normal astralis:border-stroke-base astralis:bg-surface-base astralis:text-label-base astralis:text-center astralis:rounded-md astralis:transition-colors ${a} ${t}`,
+  {
+    variants: {
+      size: {
+        xs: "astralis:h-7 astralis:w-12 astralis:text-xs",
+        sm: "astralis:h-8 astralis:w-12 astralis:text-sm",
+        md: "astralis:h-9 astralis:w-14 astralis:text-sm",
+        lg: "astralis:h-10 astralis:w-16 astralis:text-base"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+export {
+  n as controlIconSize,
+  r as paginationControlVariants,
+  o as paginationEllipsisVariants,
+  l as paginationItemVariants,
+  d as paginationJumperInputVariants
+};

package/dist/components/feedback/alert/alert.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsxs as N, jsx as e } from "react/jsx-runtime";
+import { alertIconClasses as A, alertCloseClasses as C, alertVariants as T, alertDescriptionClasses as S, alertTitleClasses as b } from "./alert.styles.js";
+import { astralisMerge as l } from "../../../utils/astralis-merge.js";
+import { accentClass as h } from "../../../const/color-schemes.js";
+import { XIcon as D } from "../../icon/internal-icons.js";
+import { STATUS_ICON as v, statusRole as x, STATUS_SCHEME as y } from "../status.js";
+function o({
+  status: s = "info",
+  variant: a = "subtle",
+  colorScheme: t,
+  icon: r,
+  onClose: i,
+  className: m = "",
+  children: p,
+  ref: d,
+  ...f
+}) {
+  const u = v[s];
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      ref: d,
+      role: x(s),
+      "data-status": s,
+      className: l(
+        T({ variant: a }),
+        h(t ?? y[s]),
+        m
+      ),
+      ...f,
+      children: [
+        r !== !1 && /* @__PURE__ */ e("span", { "aria-hidden": "true", className: A, children: r ?? /* @__PURE__ */ e(u, { className: "astralis:size-full" }) }),
+        /* @__PURE__ */ e("div", { className: "astralis:flex-1 astralis:min-w-0", children: p }),
+        i && /* @__PURE__ */ e("button", { type: "button", "aria-label": "Dismiss", onClick: i, className: C, children: /* @__PURE__ */ e(D, { className: "astralis:h-4 astralis:w-4" }) })
+      ]
+    }
+  );
+}
+o.displayName = "Alert";
+function n({ className: s = "", children: a, ...t }) {
+  return /* @__PURE__ */ e("div", { className: l(b, s), ...t, children: a });
+}
+n.displayName = "Alert.Title";
+function c({ className: s = "", children: a, ...t }) {
+  return /* @__PURE__ */ e("div", { className: l(S, s), ...t, children: a });
+}
+c.displayName = "Alert.Description";
+const O = Object.assign(o, {
+  Title: n,
+  Description: c
+});
+export {
+  O as Alert
+};

package/dist/components/feedback/alert/alert.styles.js

@@ -0,0 +1,23 @@
+"use client";
+import { cva as s } from "class-variance-authority";
+const t = s(
+  "astralis:flex astralis:items-start astralis:gap-3 astralis:rounded-lg astralis:px-4 astralis:py-3 astralis:text-sm",
+  {
+    variants: {
+      variant: {
+        subtle: "astralis:bg-accent-subtle astralis:text-accent-label",
+        solid: "astralis:bg-accent-solid astralis:text-accent-contrast",
+        outline: "astralis:bg-transparent astralis:border-normal astralis:border-accent-stroke astralis:text-accent-label",
+        "left-accent": "astralis:bg-accent-subtle astralis:text-accent-label astralis:border-s-4 astralis:border-accent-solid astralis:rounded-s-none"
+      }
+    },
+    defaultVariants: { variant: "subtle" }
+  }
+), l = "astralis:h-5 astralis:w-5 astralis:shrink-0 astralis:mt-0.5", r = "astralis:font-semibold", i = "astralis:mt-0.5 astralis:opacity-90", e = "astralis:ml-auto astralis:shrink-0 astralis:cursor-pointer astralis:rounded-md astralis:p-1 astralis:-m-1 astralis:opacity-70 astralis:transition-opacity astralis:hover:opacity-100 astralis:focus-visible:outline-2 astralis:focus-visible:outline-offset-2 astralis:focus-visible:outline-accent-ring";
+export {
+  e as alertCloseClasses,
+  i as alertDescriptionClasses,
+  l as alertIconClasses,
+  r as alertTitleClasses,
+  t as alertVariants
+};

package/dist/components/feedback/progress/progress.js

@@ -0,0 +1,112 @@
+"use client";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { progressCircleSizes as y, progressTrackVariants as I, progressValueLabelClasses as v, progressBarClasses as T } from "./progress.styles.js";
+import { astralisMerge as r } from "../../../utils/astralis-merge.js";
+import { accentClass as k } from "../../../const/color-schemes.js";
+const C = {
+  // Longhands only — mixing the `animation` shorthand with other animation-*
+  // props makes React warn on rerender (same lesson as Marquee).
+  animationName: "astralis-progress-slide",
+  animationDuration: "1.2s",
+  animationTimingFunction: "ease-in-out",
+  animationIterationCount: "infinite"
+};
+function w({
+  value: i,
+  max: m = 100,
+  shape: M = "line",
+  size: d = "md",
+  colorScheme: p = "brand",
+  showValueLabel: u = !1,
+  className: h = "",
+  ref: f,
+  ...x
+}) {
+  const s = i == null, e = s ? 0 : Math.min(100, Math.max(0, i / m * 100)), t = `${Math.round(e)}%`, N = {
+    role: "progressbar",
+    "aria-valuemin": 0,
+    "aria-valuemax": m,
+    // Indeterminate bars omit aria-valuenow — that IS the ARIA signal.
+    "aria-valuenow": s ? void 0 : i,
+    "aria-valuetext": s ? void 0 : t
+  };
+  if (M === "circle") {
+    const { px: g, stroke: n } = y[d], l = 24 - n / 2, o = 2 * Math.PI * l;
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: f,
+        ...N,
+        className: r(
+          "astralis:relative astralis:inline-flex astralis:items-center astralis:justify-center",
+          k(p),
+          h
+        ),
+        ...x,
+        children: [
+          /* @__PURE__ */ c(
+            "svg",
+            {
+              width: g,
+              height: g,
+              viewBox: "0 0 48 48",
+              className: s ? "astralis:animate-spin" : void 0,
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ a(
+                  "circle",
+                  {
+                    cx: "24",
+                    cy: "24",
+                    r: l,
+                    fill: "none",
+                    strokeWidth: n,
+                    className: "astralis:stroke-surface-emphasized"
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "circle",
+                  {
+                    cx: "24",
+                    cy: "24",
+                    r: l,
+                    fill: "none",
+                    strokeWidth: n,
+                    strokeLinecap: "round",
+                    strokeDasharray: o,
+                    strokeDashoffset: s ? o * 0.75 : o * (1 - e / 100),
+                    transform: "rotate(-90 24 24)",
+                    className: "astralis:stroke-accent-solid astralis:transition-all astralis:duration-moderate"
+                  }
+                )
+              ]
+            }
+          ),
+          u && !s && /* @__PURE__ */ a("span", { className: r("astralis:absolute astralis:text-xs", v), children: t })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ref: f,
+      className: r("astralis:flex astralis:items-center astralis:gap-3", k(p), h),
+      ...x,
+      children: [
+        /* @__PURE__ */ a("div", { ...N, className: I({ size: d }), children: /* @__PURE__ */ a(
+          "div",
+          {
+            className: r(T, s && "astralis:w-1/3"),
+            style: s ? C : { width: `${e}%` }
+          }
+        ) }),
+        u && !s && /* @__PURE__ */ a("span", { className: r("astralis:text-sm astralis:shrink-0", v), children: t })
+      ]
+    }
+  );
+}
+w.displayName = "Progress";
+export {
+  w as Progress
+};

package/dist/components/feedback/progress/progress.styles.js

@@ -0,0 +1,25 @@
+"use client";
+import { cva as s } from "class-variance-authority";
+const r = s(
+  "astralis:w-full astralis:overflow-hidden astralis:rounded-full astralis:bg-surface-emphasized",
+  {
+    variants: {
+      size: {
+        sm: "astralis:h-1",
+        md: "astralis:h-2",
+        lg: "astralis:h-3"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), t = "astralis:h-full astralis:rounded-full astralis:bg-accent-solid astralis:transition-[width] astralis:duration-moderate", l = {
+  sm: { px: 32, stroke: 4 },
+  md: { px: 44, stroke: 4 },
+  lg: { px: 56, stroke: 5 }
+}, e = "astralis:font-medium astralis:tabular-nums astralis:text-label-muted";
+export {
+  t as progressBarClasses,
+  l as progressCircleSizes,
+  r as progressTrackVariants,
+  e as progressValueLabelClasses
+};

package/dist/components/feedback/skeleton/skeleton.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as e, Fragment as m } from "react/jsx-runtime";
+import { skeletonVariants as l } from "./skeleton.styles.js";
+import { astralisMerge as f } from "../../../utils/astralis-merge.js";
+function u({
+  variant: r = "text",
+  animated: t = !0,
+  loaded: a = !1,
+  className: i = "",
+  children: n,
+  ref: o,
+  ...s
+}) {
+  return a ? /* @__PURE__ */ e(m, { children: n }) : /* @__PURE__ */ e(
+    "div",
+    {
+      ref: o,
+      "aria-hidden": "true",
+      className: f(l({ variant: r, animated: t }), i),
+      ...s
+    }
+  );
+}
+u.displayName = "Skeleton";
+export {
+  u as Skeleton
+};