astralis-ui 0.1.0

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

@@ -0,0 +1,130 @@
+"use client";
+import { jsx as f, jsxs as L } from "react/jsx-runtime";
+import { useId as z, useRef as C, useState as m, useEffect as F } from "react";
+import { usePrefersReducedMotion as K } from "../../../../hooks/use-prefers-reduced-motion.js";
+let p = !1;
+function T() {
+  if (p || typeof document > "u") return;
+  p = !0;
+  const a = document.createElement("style");
+  a.textContent = `
+@keyframes astralis-marquee-x {
+  from { transform: translateX(0); }
+  to   { transform: translateX(-50%); }
+}
+@keyframes astralis-marquee-x-rev {
+  from { transform: translateX(-50%); }
+  to   { transform: translateX(0); }
+}
+@keyframes astralis-marquee-y {
+  from { transform: translateY(0); }
+  to   { transform: translateY(-50%); }
+}
+@keyframes astralis-marquee-y-rev {
+  from { transform: translateY(-50%); }
+  to   { transform: translateY(0); }
+}
+`, document.head.appendChild(a);
+}
+function V({
+  direction: a = "left",
+  speed: c = 50,
+  gap: l = "1rem",
+  pauseOnHover: u = !1,
+  pauseOnFocus: d = !1,
+  reverse: $ = !1,
+  gradient: v = !1,
+  gradientColor: q,
+  gradientWidth: t = "10%",
+  loopCount: r = 0,
+  className: w = "",
+  style: S,
+  children: i,
+  ref: b,
+  ...h
+}) {
+  const M = z(), y = C(null), [g, D] = m(8), [I, s] = m(!1), [R, j] = m(0), N = K(), e = a === "up" || a === "down", x = $ || a === "right" || a === "down", k = r > 0 && R >= r;
+  T(), F(() => {
+    const n = y.current;
+    if (!n) return;
+    const B = e ? n.scrollHeight / 2 : n.scrollWidth / 2;
+    D(B / c);
+  }, [c, e, i]);
+  const X = e ? x ? "astralis-marquee-y-rev" : "astralis-marquee-y" : x ? "astralis-marquee-x-rev" : "astralis-marquee-x", Y = {
+    position: "relative",
+    overflow: "hidden",
+    ...e ? { display: "flex", flexDirection: "column" } : {},
+    ...S
+  }, E = {
+    display: "flex",
+    flexDirection: e ? "column" : "row",
+    gap: l,
+    // Longhands only — mixing the `animation` shorthand with
+    // `animationPlayState` makes React warn on rerender and can drop styles.
+    animationName: k ? "none" : X,
+    animationDuration: `${g}s`,
+    animationTimingFunction: "linear",
+    animationIterationCount: r > 0 ? String(r) : "infinite",
+    animationPlayState: I || N ? "paused" : "running",
+    willChange: "transform"
+  }, o = q ?? "var(--astralis-color-surface-base, #fff)", P = v ? {
+    maskImage: e ? `linear-gradient(to bottom, transparent, ${o} ${t}, ${o} calc(100% - ${t}), transparent)` : `linear-gradient(to right, transparent, ${o} ${t}, ${o} calc(100% - ${t}), transparent)`,
+    WebkitMaskImage: e ? `linear-gradient(to bottom, transparent, black ${t}, black calc(100% - ${t}), transparent)` : `linear-gradient(to right, transparent, black ${t}, black calc(100% - ${t}), transparent)`
+  } : {}, A = () => {
+    r > 0 && j((n) => n + 1);
+  };
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      ref: b,
+      id: `astralis-marquee-${M}`,
+      className: ["astralis:overflow-hidden astralis:w-full", w].filter(Boolean).join(" "),
+      style: { ...Y, ...P },
+      onMouseEnter: () => u && s(!0),
+      onMouseLeave: () => u && s(!1),
+      onFocus: () => d && s(!0),
+      onBlur: () => d && s(!1),
+      ...h,
+      children: /* @__PURE__ */ L(
+        "div",
+        {
+          ref: y,
+          style: E,
+          onAnimationIteration: A,
+          "aria-hidden": k,
+          children: [
+            /* @__PURE__ */ f(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  flexDirection: e ? "column" : "row",
+                  gap: l,
+                  flexShrink: 0
+                },
+                children: i
+              }
+            ),
+            /* @__PURE__ */ f(
+              "div",
+              {
+                "aria-hidden": !0,
+                style: {
+                  display: "flex",
+                  flexDirection: e ? "column" : "row",
+                  gap: l,
+                  flexShrink: 0
+                },
+                children: i
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+V.displayName = "Marquee.Root";
+export {
+  V as MarqueeRoot
+};

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

@@ -0,0 +1,11 @@
+"use client";
+import { MarqueeItem as e } from "./components/marquee-item.js";
+import { MarqueeRoot as t } from "./components/marquee-root.js";
+const m = Object.assign(t, {
+  Item: e
+});
+export {
+  m as Marquee,
+  e as MarqueeItem,
+  t as MarqueeRoot
+};

package/dist/components/data-display/qr-code/index.js

@@ -0,0 +1,7 @@
+"use client";
+import { QrCodeRoot as o } from "./qr-code.js";
+const t = Object.assign(o, {});
+export {
+  t as QrCode,
+  o as QrCodeRoot
+};

package/dist/components/data-display/qr-code/qr-code.js

@@ -0,0 +1,203 @@
+"use client";
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import { useRef as q, useState as b, useEffect as y, useCallback as O } from "react";
+import Q from "qrcode";
+const U = {
+  sm: 96,
+  md: 160,
+  lg: 220,
+  xl: 280
+};
+function z({ size: i }) {
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      width: i * 0.25,
+      height: i * 0.25,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      style: { animation: "astralis-qr-spin 0.8s linear infinite" },
+      children: /* @__PURE__ */ s("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    }
+  );
+}
+function I({
+  value: i,
+  size: k = "md",
+  pixelSize: w,
+  errorLevel: c = "M",
+  color: f = "#000000",
+  bgColor: n = "transparent",
+  overlay: m,
+  overlaySize: j = 20,
+  status: a = "active",
+  onRefresh: h,
+  downloadable: L = !1,
+  downloadFileName: N = "qrcode",
+  className: S = "",
+  style: C
+}) {
+  const t = w ?? U[k], R = q(null), [l, B] = b(""), [u, x] = b(null);
+  y(() => {
+    if (typeof document > "u" || document.getElementById("astralis-qr-keyframes")) return;
+    const e = document.createElement("style");
+    e.id = "astralis-qr-keyframes", e.textContent = "@keyframes astralis-qr-spin { to { transform: rotate(360deg); } }", document.head.appendChild(e);
+  }, []);
+  const g = O(async () => {
+    if (i)
+      try {
+        const e = await Q.toString(i, {
+          type: "svg",
+          errorCorrectionLevel: c,
+          color: {
+            dark: f,
+            light: n === "transparent" ? "#ffffff00" : n
+          },
+          width: t,
+          margin: 1
+        });
+        B(e), x(null);
+      } catch (e) {
+        x(String(e));
+      }
+  }, [i, c, f, n, t]);
+  y(() => {
+    g();
+  }, [g]);
+  const E = () => {
+    if (!l) return;
+    const e = new Blob([l], { type: "image/svg+xml" }), v = URL.createObjectURL(e), d = document.createElement("a");
+    d.href = v, d.download = `${N}.svg`, d.click(), URL.revokeObjectURL(v);
+  }, o = t * j / 100, p = (t - o) / 2, M = a === "loading" || a === "expired" || a === "scanned";
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: [
+        "astralis:inline-flex astralis:flex-col astralis:items-center astralis:gap-3",
+        S
+      ].filter(Boolean).join(" "),
+      style: C,
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: "astralis:relative astralis:rounded-lg astralis:border astralis:border-stroke-subtle astralis:bg-white astralis:overflow-hidden",
+            style: { width: t, height: t },
+            children: [
+              !u && l && /* @__PURE__ */ s(
+                "div",
+                {
+                  ref: R,
+                  style: {
+                    position: "absolute",
+                    inset: 0,
+                    filter: M ? "blur(5px)" : "none",
+                    transition: "filter 0.3s"
+                  },
+                  dangerouslySetInnerHTML: { __html: l }
+                }
+              ),
+              u && /* @__PURE__ */ s("div", { className: "astralis:absolute astralis:inset-0 astralis:flex astralis:items-center astralis:justify-center astralis:text-label-error astralis:text-xs astralis:p-2 astralis:text-center", children: "Failed to generate QR code" }),
+              a === "loading" && /* @__PURE__ */ r("div", { className: "astralis:absolute astralis:inset-0 astralis:flex astralis:flex-col astralis:items-center astralis:justify-center astralis:gap-2 astralis:text-label-muted", children: [
+                /* @__PURE__ */ s(z, { size: t }),
+                /* @__PURE__ */ s("span", { className: "astralis:text-xs astralis:font-medium", children: "Loading…" })
+              ] }),
+              a === "expired" && /* @__PURE__ */ r("div", { className: "astralis:absolute astralis:inset-0 astralis:flex astralis:flex-col astralis:items-center astralis:justify-center astralis:gap-2 astralis:text-label-muted", children: [
+                /* @__PURE__ */ s(
+                  "svg",
+                  {
+                    width: t * 0.22,
+                    height: t * 0.22,
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    children: /* @__PURE__ */ s(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        d: "M12 6v6l4 2m6-2a10 10 0 1 1-20 0 10 10 0 0 1 20 0z"
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ s("span", { className: "astralis:text-xs astralis:font-medium", children: "Expired" }),
+                h && /* @__PURE__ */ s(
+                  "button",
+                  {
+                    onClick: h,
+                    className: "astralis:text-xs astralis:px-2 astralis:py-1 astralis:rounded astralis:bg-brand-solid astralis:text-brand-contrast astralis:hover:opacity-higher astralis:transition-colors",
+                    children: "Refresh"
+                  }
+                )
+              ] }),
+              a === "scanned" && /* @__PURE__ */ r("div", { className: "astralis:absolute astralis:inset-0 astralis:flex astralis:flex-col astralis:items-center astralis:justify-center astralis:gap-2 astralis:text-green-solid", children: [
+                /* @__PURE__ */ s(
+                  "svg",
+                  {
+                    width: t * 0.25,
+                    height: t * 0.25,
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    children: /* @__PURE__ */ s(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        d: "M9 12l2 2 4-4m6 2a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ s("span", { className: "astralis:text-xs astralis:font-semibold", children: "Scanned!" })
+              ] }),
+              m && a === "active" && /* @__PURE__ */ s(
+                "div",
+                {
+                  className: "astralis:absolute astralis:flex astralis:items-center astralis:justify-center astralis:bg-white astralis:rounded-md astralis:shadow-sm astralis:border astralis:border-stroke-subtle astralis:overflow-hidden",
+                  style: {
+                    width: o,
+                    height: o,
+                    top: p,
+                    left: p
+                  },
+                  children: m
+                }
+              )
+            ]
+          }
+        ),
+        L && a === "active" && /* @__PURE__ */ r(
+          "button",
+          {
+            onClick: E,
+            className: [
+              "astralis:inline-flex astralis:items-center astralis:gap-1.5 astralis:text-xs astralis:font-medium",
+              "astralis:px-3 astralis:py-1.5 astralis:rounded-lg astralis:border astralis:border-stroke-subtle",
+              "astralis:bg-surface-base astralis:hover:bg-surface-muted astralis:text-label-muted",
+              "astralis:transition-colors astralis:duration-150"
+            ].join(" "),
+            children: [
+              /* @__PURE__ */ r("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "currentColor", children: [
+                /* @__PURE__ */ s("path", { d: "M2.75 14A1.75 1.75 0 0 1 1 12.25v-2.5a.75.75 0 0 1 1.5 0v2.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25v-2.5a.75.75 0 0 1 1.5 0v2.5A1.75 1.75 0 0 1 13.25 14Z" }),
+                /* @__PURE__ */ s("path", { d: "M7.25 7.689V2a.75.75 0 0 1 1.5 0v5.689l1.97-1.97a.749.749 0 1 1 1.06 1.06l-3.25 3.25a.749.749 0 0 1-1.06 0L4.22 6.779a.749.749 0 1 1 1.06-1.06l1.97 1.97Z" })
+              ] }),
+              "Download SVG"
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+I.displayName = "QrCode.Root";
+export {
+  I as QrCodeRoot
+};

package/dist/components/data-display/stat/components/stat-help-text.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import { astralisMerge as a } from "../../../../utils/astralis-merge.js";
+function i({ children: t, className: e = "" }) {
+  return /* @__PURE__ */ s("span", { className: a("astralis:text-sm astralis:text-label-muted", e), children: t });
+}
+export {
+  i as StatHelpText
+};

package/dist/components/data-display/stat/components/stat-indicator.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { astralisMerge as n } from "../../../../utils/astralis-merge.js";
+function o({ type: e = "increase", children: a, className: t = "" }) {
+  const s = e === "increase";
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      className: n(
+        "astralis:inline-flex astralis:items-center astralis:gap-1 astralis:text-sm astralis:font-medium",
+        s ? "astralis:text-green-solid" : "astralis:text-red-solid",
+        t
+      ),
+      children: [
+        /* @__PURE__ */ i("span", { "aria-hidden": !0, children: s ? "▲" : "▼" }),
+        a
+      ]
+    }
+  );
+}
+export {
+  o as StatIndicator
+};

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

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import { astralisMerge as e } from "../../../../utils/astralis-merge.js";
+function l({ children: t, className: a = "" }) {
+  return /* @__PURE__ */ s("span", { className: e("astralis:text-sm astralis:font-medium astralis:text-label-muted", a), children: t });
+}
+export {
+  l as StatLabel
+};

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

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { StatContext as e } from "../stat.context.js";
+import { astralisMerge as o } from "../../../../utils/astralis-merge.js";
+function m({ children: r, className: a = "" }) {
+  return /* @__PURE__ */ t(e.Provider, { value: {}, children: /* @__PURE__ */ t("div", { className: o("astralis:flex astralis:flex-col astralis:gap-1", a), children: r }) });
+}
+export {
+  m as StatRoot
+};

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

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import { astralisMerge as r } from "../../../../utils/astralis-merge.js";
+function i({ children: a, className: t = "" }) {
+  return /* @__PURE__ */ s("span", { className: r("astralis:text-3xl astralis:font-semibold astralis:text-label-base astralis:tabular-nums", t), children: a });
+}
+export {
+  i as StatValue
+};

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

@@ -0,0 +1,19 @@
+"use client";
+import { StatRoot as t } from "./components/stat-root.js";
+import { StatLabel as o } from "./components/stat-label.js";
+import { StatValue as a } from "./components/stat-value.js";
+import { StatHelpText as r } from "./components/stat-help-text.js";
+import { StatIndicator as e } from "./components/stat-indicator.js";
+const c = Object.assign(t, {
+  Label: o,
+  Value: a,
+  HelpText: r,
+  Indicator: e
+});
+export {
+  c as Stat,
+  r as StatHelpText,
+  e as StatIndicator,
+  o as StatLabel,
+  a as StatValue
+};

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

@@ -0,0 +1,6 @@
+"use client";
+import { createContext as t } from "react";
+const o = t(null);
+export {
+  o as StatContext
+};

package/dist/components/data-display/table/components/table-body.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { astralisMerge as i } from "../../../../utils/astralis-merge.js";
+function l({ children: e, className: r = "", ...s }) {
+  return /* @__PURE__ */ t("tbody", { className: i("astralis:divide-y astralis:divide-stroke-subtle", r), ...s, children: e });
+}
+export {
+  l as TableBody
+};

package/dist/components/data-display/table/components/table-caption.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { astralisMerge as e } from "../../../../utils/astralis-merge.js";
+function r({
+  className: t = "",
+  placement: a = "bottom",
+  ref: s,
+  ...o
+}) {
+  return /* @__PURE__ */ i(
+    "caption",
+    {
+      ref: s,
+      className: e(
+        "astralis:text-sm astralis:text-label-muted astralis:py-2",
+        a === "top" ? "astralis:caption-top" : "astralis:caption-bottom",
+        t
+      ),
+      ...o
+    }
+  );
+}
+r.displayName = "Table.Caption";
+export {
+  r as TableCaption
+};

package/dist/components/data-display/table/components/table-cell.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import { useTable as a } from "../table.context.js";
+import { tableCellSize as o } from "../table.styles.js";
+import { astralisMerge as i } from "../../../../utils/astralis-merge.js";
+function p({ children: e, className: t = "", ...r }) {
+  const { size: l } = a();
+  return /* @__PURE__ */ s("td", { className: i("astralis:text-label-base", o[l], t), ...r, children: e });
+}
+export {
+  p as TableCell
+};

package/dist/components/data-display/table/components/table-footer.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { astralisMerge as a } from "../../../../utils/astralis-merge.js";
+function l({ children: r, className: t = "", ...s }) {
+  return /* @__PURE__ */ e("tfoot", { className: a("astralis:bg-surface-muted astralis:border-t astralis:border-stroke-base astralis:font-medium", t), ...s, children: r });
+}
+export {
+  l as TableFooter
+};

package/dist/components/data-display/table/components/table-head.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+import { useTable as i } from "../table.context.js";
+import { tableCellSize as o } from "../table.styles.js";
+import { astralisMerge as m } from "../../../../utils/astralis-merge.js";
+function u({ children: t, className: e = "", scope: a = "col", ...r }) {
+  const { size: s } = i();
+  return /* @__PURE__ */ l(
+    "th",
+    {
+      scope: a,
+      className: m("astralis:text-left astralis:font-medium astralis:text-label-muted astralis:whitespace-nowrap", o[s], e),
+      ...r,
+      children: t
+    }
+  );
+}
+export {
+  u as TableHead
+};

package/dist/components/data-display/table/components/table-header.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { useTable as i } from "../table.context.js";
+import { astralisMerge as o } from "../../../../utils/astralis-merge.js";
+function c({ children: r, className: s = "", ...a }) {
+  const { stickyHeader: e } = i();
+  return /* @__PURE__ */ t(
+    "thead",
+    {
+      className: o(
+        "astralis:bg-surface-muted astralis:border-b astralis:border-stroke-base",
+        e ? "astralis:sticky astralis:top-0 astralis:z-10" : "",
+        s
+      ),
+      ...a,
+      children: r
+    }
+  );
+}
+export {
+  c as TableHeader
+};

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

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+import { TableContext as f } from "../table.context.js";
+import { astralisMerge as u } from "../../../../utils/astralis-merge.js";
+function p({
+  children: r,
+  variant: e = "line",
+  size: a = "md",
+  striped: s = !1,
+  interactive: t = !1,
+  stickyHeader: o = !1,
+  className: i = "",
+  ...d
+}) {
+  const n = e === "outline" ? "astralis:border-normal astralis:border-stroke-subtle astralis:rounded-lg astralis:overflow-hidden" : "";
+  return /* @__PURE__ */ l(f.Provider, { value: { size: a, variant: e, striped: s, interactive: t, stickyHeader: o }, children: /* @__PURE__ */ l("div", { className: u("astralis:w-full astralis:overflow-x-auto", n, i), children: /* @__PURE__ */ l("table", { className: "astralis:w-full astralis:border-collapse astralis:text-label-base", ...d, children: r }) }) });
+}
+export {
+  p as TableRoot
+};

package/dist/components/data-display/table/components/table-row.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { useTable as o } from "../table.context.js";
+import { astralisMerge as l } from "../../../../utils/astralis-merge.js";
+function u({ children: r, className: e = "", ...s }) {
+  const { striped: t, interactive: a } = o();
+  return /* @__PURE__ */ i(
+    "tr",
+    {
+      className: l(
+        "astralis:transition-colors",
+        t ? "astralis:even:bg-surface-subtle" : "",
+        a ? "astralis:hover:bg-surface-muted" : "",
+        e
+      ),
+      ...s,
+      children: r
+    }
+  );
+}
+export {
+  u as TableRow
+};

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

@@ -0,0 +1,28 @@
+"use client";
+import { TableRoot as o } from "./components/table-root.js";
+import { TableHeader as e } from "./components/table-header.js";
+import { TableBody as r } from "./components/table-body.js";
+import { TableFooter as t } from "./components/table-footer.js";
+import { TableRow as a } from "./components/table-row.js";
+import { TableHead as m } from "./components/table-head.js";
+import { TableCell as l } from "./components/table-cell.js";
+import { TableCaption as i } from "./components/table-caption.js";
+const H = Object.assign(o, {
+  Header: e,
+  Body: r,
+  Footer: t,
+  Row: a,
+  Head: m,
+  Cell: l,
+  Caption: i
+});
+export {
+  H as Table,
+  r as TableBody,
+  i as TableCaption,
+  l as TableCell,
+  t as TableFooter,
+  m as TableHead,
+  e as TableHeader,
+  a as TableRow
+};

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

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

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

@@ -0,0 +1,9 @@
+"use client";
+const s = {
+  sm: "astralis:px-3 astralis:py-2 astralis:text-xs",
+  md: "astralis:px-4 astralis:py-3 astralis:text-sm",
+  lg: "astralis:px-5 astralis:py-4 astralis:text-base"
+};
+export {
+  s as tableCellSize
+};