astralis-ui 0.1.0

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { CardContext as s } from "../card.context.js";
+import { cardRootVariants as n } from "../card.styles.js";
+import { astralisMerge as f } from "../../../../utils/astralis-merge.js";
+function p({
+  variant: t = "elevated",
+  size: r = "md",
+  hoverable: a = !1,
+  className: e = "",
+  style: i,
+  children: m,
+  ref: d,
+  ...l
+}) {
+  return /* @__PURE__ */ o(s.Provider, { value: { size: r }, children: /* @__PURE__ */ o(
+    "div",
+    {
+      ref: d,
+      className: f(n({ variant: t, size: r, hoverable: a }), e),
+      style: i,
+      ...l,
+      children: m
+    }
+  ) });
+}
+p.displayName = "Card.Root";
+export {
+  p as CardRoot
+};

package/dist/components/data-display/card/components/card-title.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { astralisMerge as l } from "../../../../utils/astralis-merge.js";
+function o({
+  className: a = "",
+  style: s,
+  children: t,
+  ref: e,
+  ...r
+}) {
+  return /* @__PURE__ */ i(
+    "h3",
+    {
+      ref: e,
+      className: l("astralis:text-base astralis:font-semibold astralis:leading-snug astralis:text-label-base", a),
+      style: s,
+      ...r,
+      children: t
+    }
+  );
+}
+o.displayName = "Card.Title";
+export {
+  o as CardTitle
+};

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

@@ -0,0 +1,24 @@
+"use client";
+import { CardBody as r } from "./components/card-body.js";
+import { CardDescription as t } from "./components/card-description.js";
+import { CardFooter as e } from "./components/card-footer.js";
+import { CardHeader as i } from "./components/card-header.js";
+import { CardRoot as o } from "./components/card-root.js";
+import { CardTitle as m } from "./components/card-title.js";
+const c = Object.assign(o, {
+  Root: o,
+  Header: i,
+  Title: m,
+  Description: t,
+  Body: r,
+  Footer: e
+});
+export {
+  c as Card,
+  r as CardBody,
+  t as CardDescription,
+  e as CardFooter,
+  i as CardHeader,
+  o as CardRoot,
+  m as CardTitle
+};

package/dist/components/data-display/data-list/components/data-list-item.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { useDataList as i } from "../data-list.context.js";
+import { astralisMerge as o } from "../../../../utils/astralis-merge.js";
+function n({ children: a, className: t = "" }) {
+  const { orientation: s } = i();
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: o(
+        s === "horizontal" ? "astralis:flex astralis:gap-4" : "astralis:flex astralis:flex-col astralis:gap-0.5",
+        t
+      ),
+      children: a
+    }
+  );
+}
+export {
+  n as DataListItem
+};

package/dist/components/data-display/data-list/components/data-list-label.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { useDataList as e } from "../data-list.context.js";
+import { astralisMerge as o } from "../../../../utils/astralis-merge.js";
+const l = { sm: "astralis:text-xs", md: "astralis:text-sm", lg: "astralis:text-base" };
+function u({ children: t, className: s = "" }) {
+  const { orientation: a, size: i } = e();
+  return /* @__PURE__ */ r(
+    "dt",
+    {
+      className: o(
+        "astralis:font-medium astralis:text-label-muted",
+        l[i],
+        a === "horizontal" ? "astralis:w-40 astralis:shrink-0" : "",
+        s
+      ),
+      children: t
+    }
+  );
+}
+export {
+  u as DataListLabel
+};

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

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { DataListContext as i } from "../data-list.context.js";
+import { astralisMerge as l } from "../../../../utils/astralis-merge.js";
+const e = { sm: "astralis:gap-2", md: "astralis:gap-3", lg: "astralis:gap-4" };
+function c({ children: r, orientation: s = "horizontal", size: a = "md", className: o = "" }) {
+  return /* @__PURE__ */ t(i.Provider, { value: { orientation: s, size: a }, children: /* @__PURE__ */ t("dl", { className: l("astralis:flex astralis:flex-col", e[a], o), children: r }) });
+}
+export {
+  c as DataListRoot
+};

package/dist/components/data-display/data-list/components/data-list-value.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { useDataList as r } from "../data-list.context.js";
+import { astralisMerge as i } from "../../../../utils/astralis-merge.js";
+const l = { sm: "astralis:text-xs", md: "astralis:text-sm", lg: "astralis:text-base" };
+function n({ children: t, className: s = "" }) {
+  const { size: a } = r();
+  return /* @__PURE__ */ e("dd", { className: i("astralis:flex-1 astralis:min-w-0 astralis:text-label-base", l[a], s), children: t });
+}
+export {
+  n as DataListValue
+};

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

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

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

@@ -0,0 +1,16 @@
+"use client";
+import { DataListRoot as t } from "./components/data-list-root.js";
+import { DataListItem as a } from "./components/data-list-item.js";
+import { DataListLabel as o } from "./components/data-list-label.js";
+import { DataListValue as i } from "./components/data-list-value.js";
+const L = Object.assign(t, {
+  Item: a,
+  Label: o,
+  Value: i
+});
+export {
+  L as DataList,
+  a as DataListItem,
+  o as DataListLabel,
+  i as DataListValue
+};

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

@@ -0,0 +1,79 @@
+"use client";
+import { jsxs as f, Fragment as h, jsx as e } from "react/jsx-runtime";
+import { useState as u, useCallback as p, useEffect as w } from "react";
+import { FIT_MAP as x, ROUNDED_MAP as P } from "./image.constants.js";
+import { ImageLightbox as k } from "./image-lightbox.js";
+const y = {
+  sm: "astralis:gap-2",
+  md: "astralis:gap-3",
+  lg: "astralis:gap-4"
+}, A = {
+  2: "astralis:grid-cols-2",
+  3: "astralis:grid-cols-3",
+  4: "astralis:grid-cols-4"
+};
+function N({
+  items: s,
+  columns: o = 3,
+  gap: n = "md",
+  rounded: c = "md",
+  objectFit: d = "cover",
+  className: m = "",
+  style: g
+}) {
+  const [l, t] = u(null), i = p(
+    (r) => {
+      l !== null && (r.key === "Escape" && t(null), r.key === "ArrowLeft" && t((a) => a > 0 ? a - 1 : a), r.key === "ArrowRight" && t(
+        (a) => a < s.length - 1 ? a + 1 : a
+      ));
+    },
+    [l, s.length]
+  );
+  return w(() => (window.addEventListener("keydown", i), () => window.removeEventListener("keydown", i)), [i]), /* @__PURE__ */ f(h, { children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: ["astralis:grid", A[o], y[n], m].filter(Boolean).join(" "),
+        style: g,
+        children: s.map((r, a) => /* @__PURE__ */ e(
+          "div",
+          {
+            className: [
+              "astralis:overflow-hidden astralis:cursor-zoom-in astralis:aspect-square",
+              P[c]
+            ].join(" "),
+            onClick: () => t(a),
+            children: /* @__PURE__ */ e(
+              "img",
+              {
+                src: r.src,
+                alt: r.alt,
+                className: [
+                  "astralis:h-full astralis:w-full astralis:transition-transform astralis:duration-200 astralis:hover:scale-105",
+                  x[d]
+                ].join(" ")
+              }
+            )
+          },
+          a
+        ))
+      }
+    ),
+    l !== null && /* @__PURE__ */ e(
+      k,
+      {
+        src: s[l].src,
+        alt: s[l].alt,
+        onClose: () => t(null),
+        hasPrev: l > 0,
+        hasNext: l < s.length - 1,
+        onPrev: () => t((r) => Math.max(0, r - 1)),
+        onNext: () => t((r) => Math.min(s.length - 1, r + 1))
+      }
+    )
+  ] });
+}
+N.displayName = "ImageGroup";
+export {
+  N as ImageGroup
+};

package/dist/components/data-display/image/components/image-lightbox.js

@@ -0,0 +1,188 @@
+"use client";
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { useState as n, useEffect as g } from "react";
+function v({
+  src: c,
+  alt: h,
+  onClose: i,
+  onPrev: l,
+  onNext: r,
+  hasPrev: d,
+  hasNext: u
+}) {
+  const [w, o] = n(1), [f, m] = n(0);
+  return g(() => {
+    const s = (e) => {
+      e.key === "Escape" && i(), e.key === "ArrowLeft" && l && l(), e.key === "ArrowRight" && r && r();
+    };
+    return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
+  }, [i, l, r]), /* @__PURE__ */ t(
+    "div",
+    {
+      className: "astralis:fixed astralis:inset-0 astralis:z-50 astralis:flex astralis:flex-col astralis:items-center astralis:justify-center",
+      style: { background: "rgba(0,0,0,0.85)" },
+      onClick: i,
+      children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: "astralis:absolute astralis:top-4 astralis:right-4 astralis:flex astralis:items-center astralis:gap-2",
+            onClick: (s) => s.stopPropagation(),
+            children: [
+              /* @__PURE__ */ a(
+                "button",
+                {
+                  className: "astralis:h-9 astralis:w-9 astralis:rounded-full astralis:flex astralis:items-center astralis:justify-center astralis:bg-white/10 astralis:hover:bg-white/20 astralis:text-white astralis:transition-colors",
+                  onClick: () => o((s) => Math.max(0.5, s - 0.25)),
+                  title: "Zoom out",
+                  children: /* @__PURE__ */ t(
+                    "svg",
+                    {
+                      viewBox: "0 0 16 16",
+                      fill: "currentColor",
+                      className: "astralis:h-4 astralis:w-4",
+                      children: [
+                        /* @__PURE__ */ a("path", { d: "M3.5 7.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5zM11.354 11.354a1 1 0 0 0 1.415-1.414l-4-4a1 1 0 0 0-1.414 1.414l4 4z" }),
+                        /* @__PURE__ */ a("path", { d: "M6.5 11a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" })
+                      ]
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ a(
+                "button",
+                {
+                  className: "astralis:h-9 astralis:w-9 astralis:rounded-full astralis:flex astralis:items-center astralis:justify-center astralis:bg-white/10 astralis:hover:bg-white/20 astralis:text-white astralis:transition-colors",
+                  onClick: () => o((s) => Math.min(3, s + 0.25)),
+                  title: "Zoom in",
+                  children: /* @__PURE__ */ t(
+                    "svg",
+                    {
+                      viewBox: "0 0 16 16",
+                      fill: "currentColor",
+                      className: "astralis:h-4 astralis:w-4",
+                      children: [
+                        /* @__PURE__ */ a("path", { d: "M6.5 11a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" }),
+                        /* @__PURE__ */ a("path", { d: "M10.344 11.742c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1A6.538 6.538 0 0 1 10.343 11.742zM6.5 13a.5.5 0 0 1-.5-.5V8H2.5a.5.5 0 0 1 0-1H6V3.5a.5.5 0 0 1 1 0V7h3.5a.5.5 0 0 1 0 1H7v3.5a.5.5 0 0 1-.5.5z" })
+                      ]
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ a(
+                "button",
+                {
+                  className: "astralis:h-9 astralis:w-9 astralis:rounded-full astralis:flex astralis:items-center astralis:justify-center astralis:bg-white/10 astralis:hover:bg-white/20 astralis:text-white astralis:transition-colors",
+                  onClick: () => m((s) => s + 90),
+                  title: "Rotate",
+                  children: /* @__PURE__ */ t(
+                    "svg",
+                    {
+                      viewBox: "0 0 16 16",
+                      fill: "currentColor",
+                      className: "astralis:h-4 astralis:w-4",
+                      children: [
+                        /* @__PURE__ */ a(
+                          "path",
+                          {
+                            fillRule: "evenodd",
+                            d: "M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z"
+                          }
+                        ),
+                        /* @__PURE__ */ a("path", { d: "M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" })
+                      ]
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ a(
+                "button",
+                {
+                  className: "astralis:h-9 astralis:w-9 astralis:rounded-full astralis:flex astralis:items-center astralis:justify-center astralis:bg-white/10 astralis:hover:bg-white/20 astralis:text-white astralis:transition-colors",
+                  onClick: i,
+                  title: "Close",
+                  children: /* @__PURE__ */ a(
+                    "svg",
+                    {
+                      viewBox: "0 0 16 16",
+                      fill: "currentColor",
+                      className: "astralis:h-4 astralis:w-4",
+                      children: /* @__PURE__ */ a("path", { d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z" })
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        d && /* @__PURE__ */ a(
+          "button",
+          {
+            className: "astralis:absolute astralis:left-4 astralis:h-10 astralis:w-10 astralis:rounded-full astralis:flex astralis:items-center astralis:justify-center astralis:bg-white/10 astralis:hover:bg-white/20 astralis:text-white astralis:transition-colors",
+            onClick: (s) => {
+              s.stopPropagation(), l?.();
+            },
+            children: /* @__PURE__ */ a(
+              "svg",
+              {
+                viewBox: "0 0 16 16",
+                fill: "currentColor",
+                className: "astralis:h-5 astralis:w-5",
+                children: /* @__PURE__ */ a(
+                  "path",
+                  {
+                    fillRule: "evenodd",
+                    d: "M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ a(
+          "img",
+          {
+            src: c,
+            alt: h,
+            onClick: (s) => s.stopPropagation(),
+            style: {
+              maxWidth: "90vw",
+              maxHeight: "85vh",
+              transform: `scale(${w}) rotate(${f}deg)`,
+              transition: "transform 0.2s ease",
+              borderRadius: 8,
+              objectFit: "contain"
+            }
+          }
+        ),
+        u && /* @__PURE__ */ a(
+          "button",
+          {
+            className: "astralis:absolute astralis:right-4 astralis:h-10 astralis:w-10 astralis:rounded-full astralis:flex astralis:items-center astralis:justify-center astralis:bg-white/10 astralis:hover:bg-white/20 astralis:text-white astralis:transition-colors",
+            onClick: (s) => {
+              s.stopPropagation(), r?.();
+            },
+            children: /* @__PURE__ */ a(
+              "svg",
+              {
+                viewBox: "0 0 16 16",
+                fill: "currentColor",
+                className: "astralis:h-5 astralis:w-5",
+                children: /* @__PURE__ */ a(
+                  "path",
+                  {
+                    fillRule: "evenodd",
+                    d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
+                  }
+                )
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  v as ImageLightbox
+};

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

@@ -0,0 +1,98 @@
+"use client";
+import { jsx as a, Fragment as y, jsxs as o } from "react/jsx-runtime";
+import { useState as n } from "react";
+import { ImageLightbox as H } from "./image-lightbox.js";
+import { ROUNDED_MAP as U, DEFAULT_PLACEHOLDER as k, FIT_MAP as V, ASPECT_RATIO_MAP as q } from "./image.constants.js";
+function w({
+  src: c,
+  alt: m,
+  className: p = "",
+  style: u,
+  width: l,
+  height: t,
+  objectFit: I = "cover",
+  loading: N = "lazy",
+  srcset: v,
+  sizes: A,
+  placeholder: r = "empty",
+  rounded: C = "none",
+  aspectRatio: s,
+  fallback: d,
+  caption: f,
+  preview: e = !1,
+  onLoad: j,
+  onError: z,
+  ariaLabel: M,
+  ref: O
+}) {
+  const [i, g] = n(!0), [x, P] = n(!1), [S, b] = n(!1), _ = () => {
+    g(!1), j?.();
+  }, D = () => {
+    g(!1), P(!0), z?.();
+  }, F = r !== "empty" && r !== "blur" ? r : k, L = U[C] ?? "", T = V[I] ?? "", B = s ? {
+    aspectRatio: q[s] ?? s,
+    position: "relative",
+    overflow: "hidden"
+  } : {}, h = x ? d ? /* @__PURE__ */ a(y, { children: d }) : /* @__PURE__ */ o(
+    "div",
+    {
+      className: [
+        "astralis:flex astralis:flex-col astralis:items-center astralis:justify-center astralis:gap-2",
+        "astralis:bg-surface-muted astralis:text-label-subtle",
+        L,
+        s ? "astralis:absolute astralis:inset-0" : ""
+      ].filter(Boolean).join(" "),
+      style: s ? {} : { width: l, height: t ?? 160 },
+      children: [
+        /* @__PURE__ */ a(
+          "svg",
+          {
+            viewBox: "0 0 24 24",
+            fill: "currentColor",
+            className: "astralis:h-8 astralis:w-8",
+            children: /* @__PURE__ */ a("path", { d: "M21.9 21.9l-8.49-8.49-9.82-9.82L2.1 2.1.69 3.51 3 5.83V19c0 1.1.9 2 2 2h13.17l2.31 2.31 1.42-1.41zM5 18l3.5-4.5 2.5 3.01L12.17 15l3 3H5zm16 .17L6.83 5H19c1.1 0 2 .9 2 2v11.17z" })
+          }
+        ),
+        /* @__PURE__ */ a("span", { className: "astralis:text-xs", children: "Failed to load" })
+      ]
+    }
+  ) : /* @__PURE__ */ a(
+    "img",
+    {
+      ref: O,
+      src: i ? F : c,
+      alt: m,
+      "aria-label": M,
+      width: l,
+      height: t,
+      loading: N,
+      srcSet: v,
+      sizes: A,
+      onLoad: _,
+      onError: D,
+      onClick: e ? () => b(!0) : void 0,
+      className: [
+        "astralis:transition-opacity astralis:duration-200",
+        T,
+        L,
+        i ? "astralis:animate-pulse astralis:bg-surface-muted" : "",
+        r === "blur" && i ? "astralis:blur-sm" : "",
+        e ? "astralis:cursor-zoom-in" : "",
+        s ? "astralis:absolute astralis:inset-0 astralis:h-full astralis:w-full" : "",
+        p
+      ].filter(Boolean).join(" "),
+      style: s ? {} : { width: l, height: t, ...u }
+    }
+  ), E = s ? /* @__PURE__ */ a("div", { style: { ...B, width: l, ...u }, children: h }) : h;
+  return /* @__PURE__ */ o(y, { children: [
+    f ? /* @__PURE__ */ o("figure", { className: "astralis:inline-block", children: [
+      E,
+      /* @__PURE__ */ a("figcaption", { className: "astralis:mt-1.5 astralis:text-xs astralis:text-center astralis:text-label-muted", children: f })
+    ] }) : E,
+    e && S && !x && /* @__PURE__ */ a(H, { src: c, alt: m, onClose: () => b(!1) })
+  ] });
+}
+w.displayName = "Image";
+export {
+  w as ImageRoot
+};

package/dist/components/data-display/image/components/image.constants.js

@@ -0,0 +1,28 @@
+"use client";
+const s = {
+  square: "1 / 1",
+  video: "16 / 9",
+  portrait: "3 / 4",
+  wide: "21 / 9"
+}, M = {
+  none: "astralis:rounded-none",
+  sm: "astralis:rounded-sm",
+  md: "astralis:rounded-md",
+  lg: "astralis:rounded-lg",
+  xl: "astralis:rounded-xl",
+  "2xl": "astralis:rounded-2xl",
+  "3xl": "astralis:rounded-3xl",
+  full: "astralis:rounded-full"
+}, w = {
+  contain: "astralis:object-contain",
+  cover: "astralis:object-cover",
+  fill: "astralis:object-fill",
+  none: "astralis:object-none",
+  "scale-down": "astralis:object-scale-down"
+}, N = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNkI3MjgwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDE2LDY0SDk2YTY0LjA3LDY0LjA3LDAsMCwwLTY0LDY0VjM4NGE2NC4wNyw2NC4wNywwLDAsMCw2NCw2NEg0MTZhNjQuMDcsNjQuMDcsMCwwLDAsNjQtNjRWMTI4QTY0LjA3LDY0LjA3LDAsMCwwLDQxNiw2NFpNMzM2LDEyOGE0OCw0OCwwLDEsMSw0OCw0OEE0OC4wNSw0OC4wNSwwLDAsMSwzMzYsMTI4Wk05Niw0MTZhMzIsMzIsMCwwLDEtMzItMzJWMzE2LjM3bDk0Ljg0LTg0LjNhNDguMDYsNDguMDYsMCwwLDEsNjUuOCwxLjlsNjQuOTUsNjQuODFMMTcyLjM3LDQxNlpNNDQ4LDM4NGEzMiwzMiwwLDAsMSczMiwzMkgyMTcuNjNMMzM5LjA1LDI5NC41OGE0Ny43Miw0Ny43MiwwLDAsMSw2MS42NC0uMTZMNDQ4LDMzMy44NFoiLz48L3N2Zz4=";
+export {
+  s as ASPECT_RATIO_MAP,
+  N as DEFAULT_PLACEHOLDER,
+  w as FIT_MAP,
+  M as ROUNDED_MAP
+};

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

@@ -0,0 +1,11 @@
+"use client";
+import { ImageGroup as o } from "./components/image-group.js";
+import { ImageRoot as e } from "./components/image-root.js";
+const t = Object.assign(e, {
+  Group: o
+});
+export {
+  t as Image,
+  o as ImageGroup,
+  e as ImageRoot
+};

package/dist/components/data-display/marquee/components/marquee-item.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+function l({
+  className: e = "",
+  style: i,
+  children: a,
+  ref: r,
+  ...s
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ref: r,
+      className: [
+        "astralis:inline-flex astralis:shrink-0 astralis:items-center",
+        e
+      ].filter(Boolean).join(" "),
+      style: i,
+      ...s,
+      children: a
+    }
+  );
+}
+l.displayName = "Marquee.Item";
+export {
+  l as MarqueeItem
+};