@jdcpuwiz/homelab-ui 0.1.0

package/dist/index.cjs

@@ -0,0 +1,602 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Button: () => Button,
+  ConfirmDialog: () => ConfirmDialog,
+  EmptyState: () => EmptyState,
+  FONT_CSS_VARIABLES: () => FONT_CSS_VARIABLES,
+  Modal: () => Modal,
+  PageHeader: () => PageHeader,
+  Sidebar: () => Sidebar,
+  SidebarNavItem: () => SidebarNavItem,
+  Spinner: () => Spinner,
+  TagChips: () => TagChips,
+  cn: () => cn,
+  tagTextColor: () => tagTextColor
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/Button.tsx
+var import_react = require("react");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/Button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var BASE = "inline-flex items-center justify-center gap-1.5 rounded-[0.5rem] font-semibold transition active:scale-95 disabled:cursor-not-allowed disabled:opacity-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ffb84d]";
+var VARIANT = {
+  primary: "bg-[#ff9900] text-[#0a0a0a] hover:bg-[#cc6a1a]",
+  secondary: "bg-[#1e1e1e] text-white hover:bg-[#252525]",
+  tertiary: "text-white/60 hover:bg-[#252525] hover:text-white",
+  danger: "bg-[#b91c1c] text-white hover:brightness-110"
+};
+var SIZE = {
+  sm: "px-3 py-1 text-xs",
+  md: "px-4 py-1.5 text-sm"
+};
+var Button = (0, import_react.forwardRef)(
+  function Button2({ variant = "secondary", size = "md", className, ...rest }, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        ref,
+        ...rest,
+        className: cn(BASE, VARIANT[variant], SIZE[size], className)
+      }
+    );
+  }
+);
+
+// src/components/ConfirmDialog.tsx
+var import_react3 = require("react");
+
+// src/components/Modal.tsx
+var import_react2 = require("react");
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Modal({
+  open,
+  onClose,
+  title,
+  showClose,
+  density = "form",
+  maxWidth = "max-w-md",
+  footer,
+  children
+}) {
+  const titleIdRef = (0, import_react2.useRef)(
+    `hl-modal-${Math.random().toString(36).slice(2, 8)}`
+  );
+  (0, import_react2.useEffect)(() => {
+    if (!open) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [open, onClose]);
+  if (!open) return null;
+  const showCloseBtn = showClose ?? Boolean(title);
+  const overlayClass = density === "media" ? "bg-black/90" : "bg-black/70";
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      className: cn(
+        "fixed inset-0 z-50 flex items-center justify-center p-4",
+        overlayClass
+      ),
+      onClick: onClose,
+      role: "presentation",
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        "div",
+        {
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": title ? titleIdRef.current : void 0,
+          className: cn(
+            "w-full rounded-[1rem] border-2 border-[#1e1e1e] bg-[#111111] p-5",
+            maxWidth
+          ),
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            (title || showCloseBtn) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mb-4 flex items-start justify-between gap-3", children: [
+              title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "h2",
+                {
+                  id: titleIdRef.current,
+                  className: "text-sm font-semibold uppercase tracking-widest text-white",
+                  children: title
+                }
+              ),
+              showCloseBtn && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: onClose,
+                  className: "ml-auto rounded-[0.25rem] p-1 text-white/40 transition hover:bg-[#252525] hover:text-white active:scale-90",
+                  "aria-label": "Close",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.X, { className: "h-4 w-4" })
+                }
+              )
+            ] }),
+            children,
+            footer && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mt-5 flex flex-wrap items-center justify-end gap-2", children: footer })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/ConfirmDialog.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function ConfirmDialog({
+  open,
+  title,
+  message,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  tone = "danger",
+  onConfirm,
+  onClose
+}) {
+  (0, import_react3.useEffect)(() => {
+    if (!open) return;
+    const onKey = (e) => {
+      if (e.key === "Enter") onConfirm();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [open, onConfirm]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    Modal,
+    {
+      open,
+      onClose,
+      title,
+      footer: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Button, { variant: "tertiary", size: "md", onClick: onClose, children: cancelLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          Button,
+          {
+            variant: tone === "danger" ? "danger" : "primary",
+            size: "md",
+            onClick: onConfirm,
+            children: confirmLabel
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "whitespace-pre-line text-sm text-white/70", children: message })
+    }
+  );
+}
+
+// src/components/EmptyState.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function EmptyState({
+  icon,
+  title,
+  message,
+  action,
+  variant = "panel",
+  className
+}) {
+  if (variant === "inline") {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: cn("px-3 py-2 text-xs text-white/40", className), children: message });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "div",
+    {
+      className: cn(
+        "flex flex-col items-center justify-center gap-3 rounded-[1rem] bg-[#2a2620] p-12 text-center",
+        className
+      ),
+      children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-white/30", children: icon }),
+        title && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { className: "text-sm font-semibold text-white", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-sm text-white/60", children: message }),
+        action
+      ]
+    }
+  );
+}
+
+// src/components/PageHeader.tsx
+var import_react4 = require("react");
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function PageHeader({
+  title,
+  description,
+  back,
+  actions,
+  imageSrc,
+  imageAlt,
+  breadcrumb,
+  className
+}) {
+  const [imageErrored, setImageErrored] = (0, import_react4.useState)(false);
+  (0, import_react4.useEffect)(() => {
+    setImageErrored(false);
+  }, [imageSrc]);
+  const hasImageSlot = !!imageSrc;
+  const imageRenders = hasImageSlot && !imageErrored;
+  const hasBreadcrumb = Array.isArray(breadcrumb) && breadcrumb.length > 0;
+  const textIsSrOnly = hasImageSlot;
+  const backInner = back ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.ArrowLeft, { className: "h-3 w-3" }),
+    back.label
+  ] }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "header",
+    {
+      className: cn(
+        "flex flex-wrap items-end justify-between gap-3",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-w-0 items-end gap-4", children: [
+          hasImageSlot && (imageRenders ? (
+            // eslint-disable-next-line @next/next/no-img-element
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              "img",
+              {
+                src: imageSrc,
+                alt: imageAlt ?? title,
+                onError: () => setImageErrored(true),
+                className: "h-28 w-28 shrink-0 rounded-[1rem] object-contain md:h-32 md:w-32"
+              }
+            )
+          ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PlaceholderHeader, { title, imageSrc })),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "min-w-0", children: [
+            back && (back.render ? back.render(
+              back.href,
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "inline-flex items-center gap-1 text-xs text-white/40 transition hover:text-white", children: backInner })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              "a",
+              {
+                href: back.href,
+                className: "inline-flex items-center gap-1 text-xs text-white/40 transition hover:text-white",
+                children: backInner
+              }
+            )),
+            hasBreadcrumb ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              Breadcrumb,
+              {
+                crumbs: breadcrumb,
+                srTitle: title,
+                className: back ? "mt-1" : ""
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              "h1",
+              {
+                className: cn(
+                  "text-xl font-semibold text-[#aa89b7]",
+                  back && "mt-1",
+                  textIsSrOnly && "sr-only"
+                ),
+                children: title
+              }
+            ),
+            description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mt-1 text-xs text-white/40", children: description })
+          ] })
+        ] }),
+        actions && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex items-center gap-2", children: actions })
+      ]
+    }
+  );
+}
+function PlaceholderHeader({
+  title,
+  imageSrc
+}) {
+  const file = imageSrc.replace(/^\//, "");
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "div",
+    {
+      title: `Drop ${file} in /public to brand this header`,
+      className: "flex h-28 w-28 shrink-0 flex-col items-center justify-center gap-1 rounded-[1rem] border-2 border-dashed border-[#1e1e1e] bg-[#2a2620] text-white/30 md:h-32 md:w-32",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.ImageOff, { className: "h-6 w-6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "px-2 text-center text-[10px] font-semibold uppercase tracking-widest", children: title })
+      ]
+    }
+  );
+}
+function Breadcrumb({
+  crumbs,
+  srTitle,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "nav",
+    {
+      "aria-label": "Breadcrumb",
+      className: cn(
+        "flex flex-wrap items-center gap-1.5 text-xl font-semibold",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h1", { className: "sr-only", children: srTitle }),
+        crumbs.map((crumb, idx) => {
+          const isLast = idx === crumbs.length - 1;
+          return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            "span",
+            {
+              className: "flex items-center gap-1.5",
+              children: [
+                idx > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  import_lucide_react2.ChevronRight,
+                  {
+                    className: "h-4 w-4 shrink-0 text-white/30",
+                    "aria-hidden": "true"
+                  }
+                ),
+                crumb.onClick && !isLast ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: crumb.onClick,
+                    className: "rounded px-1 text-white/45 transition hover:text-white",
+                    children: crumb.label
+                  }
+                ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  "span",
+                  {
+                    className: cn(
+                      isLast ? "text-white" : "text-white/45",
+                      isLast && "px-1"
+                    ),
+                    "aria-current": isLast ? "page" : void 0,
+                    children: crumb.label
+                  }
+                )
+              ]
+            },
+            `${crumb.label}-${idx}`
+          );
+        })
+      ]
+    }
+  );
+}
+
+// src/components/Sidebar.tsx
+var import_react5 = require("react");
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Sidebar({
+  logoSrc,
+  logoAlt,
+  widgets,
+  nav,
+  middle,
+  lower,
+  admin,
+  footer,
+  mobileOpen: controlledOpen,
+  onMobileOpenChange,
+  className,
+  showMobileTopBar = true
+}) {
+  const [internalOpen, setInternalOpen] = (0, import_react5.useState)(false);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : internalOpen;
+  const setOpen = (next) => {
+    if (!isControlled) setInternalOpen(next);
+    onMobileOpenChange?.(next);
+  };
+  (0, import_react5.useEffect)(() => {
+    if (typeof document === "undefined") return;
+    if (!open) return;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = prev;
+    };
+  }, [open]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    showMobileTopBar && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "fixed inset-x-0 top-0 z-30 flex items-center gap-2 border-b-2 border-[#1e1e1e] bg-[#111111] px-3 py-2 md:hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => setOpen(true),
+          className: "rounded-[0.25rem] p-1.5 text-white transition hover:bg-[#252525] active:scale-90",
+          "aria-label": "Open menu",
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.Menu, { className: "h-5 w-5" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("img", { src: logoSrc, alt: "", width: 24, height: 24 }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm font-semibold text-white", children: logoAlt })
+    ] }),
+    open && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      "div",
+      {
+        className: "fixed inset-0 z-40 bg-black/70 md:hidden",
+        onClick: () => setOpen(false),
+        role: "presentation"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      "aside",
+      {
+        className: cn(
+          "fixed inset-y-0 left-0 z-50 flex w-60 shrink-0 flex-col border-r-2 border-[#1e1e1e] bg-[#111111] transition-transform md:static md:translate-x-0 md:h-screen",
+          open ? "translate-x-0" : "-translate-x-full md:translate-x-0",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative flex flex-col items-center border-b-2 border-[#1e1e1e] px-4 pt-6 pb-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              "img",
+              {
+                src: logoSrc,
+                alt: logoAlt,
+                className: "h-36 w-36 rounded-[1rem] object-contain"
+              }
+            ),
+            showMobileTopBar && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: () => setOpen(false),
+                className: "absolute right-3 top-3 rounded-[0.25rem] p-1 text-white/40 transition hover:bg-[#252525] hover:text-white md:hidden",
+                "aria-label": "Close menu",
+                children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.X, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          widgets && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mx-3 mt-3", children: widgets }),
+          nav && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("nav", { className: "mx-3 mt-3 space-y-0.5 rounded-[0.75rem] bg-[#1e1e1e] p-2", children: nav }),
+          middle && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mx-3 mt-3 flex-1 overflow-y-auto rounded-[0.75rem] bg-[#1e1e1e] p-2", children: middle }),
+          lower && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("nav", { className: "mx-3 mt-3 space-y-0.5 rounded-[0.75rem] bg-[#1e1e1e] p-2", children: lower }),
+          !middle && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-1" }),
+          admin && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { children: admin }),
+          footer && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "border-t-2 border-[#1e1e1e] px-4 py-3 text-center text-xs text-white/20", children: footer })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/SidebarNavItem.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var ITEM_CLASS_BASE = "flex items-center gap-2 rounded-[0.5rem] px-3 py-2.5 text-base font-medium transition-all";
+var itemClass = (active) => cn(
+  ITEM_CLASS_BASE,
+  active ? "bg-[#ff9900] text-white" : "text-white/45 hover:bg-white/5 hover:text-white"
+);
+function SidebarNavItem({
+  label,
+  icon,
+  active = false,
+  onClick,
+  href,
+  render
+}) {
+  const className = itemClass(active);
+  const inner = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    icon,
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: label })
+  ] });
+  if (href && render) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: render({ href, className }, inner) });
+  if (href) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("a", { href, className, children: inner });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "button",
+    {
+      type: "button",
+      onClick,
+      "aria-pressed": active,
+      className: `${className} w-full`,
+      children: inner
+    }
+  );
+}
+
+// src/components/Spinner.tsx
+var import_lucide_react4 = require("lucide-react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function Spinner({ label = "Loading\u2026", className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    "p",
+    {
+      className: cn(
+        "flex items-center gap-2 px-3 py-2 text-xs text-white/40",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react4.Loader2, { className: "h-3 w-3 animate-spin" }),
+        label
+      ]
+    }
+  );
+}
+
+// src/lib/colors.ts
+function tagTextColor(hex) {
+  const normalized = hex.trim().replace(/^#/, "");
+  if (normalized.length !== 3 && normalized.length !== 6) return "#ffffff";
+  const expand = normalized.length === 3 ? normalized.split("").map((c) => c + c).join("") : normalized;
+  const r = parseInt(expand.slice(0, 2), 16);
+  const g = parseInt(expand.slice(2, 4), 16);
+  const b = parseInt(expand.slice(4, 6), 16);
+  if (Number.isNaN(r) || Number.isNaN(g) || Number.isNaN(b)) return "#ffffff";
+  const luma = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+  return luma > 0.65 ? "#000000" : "#ffffff";
+}
+
+// src/components/TagChips.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function TagChips({ tags, size = "xs", onClick }) {
+  if (tags.length === 0) return null;
+  const sizeClasses = size === "xs" ? "px-1.5 py-0.5 text-[10px]" : "px-2 py-0.5 text-xs";
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex flex-wrap gap-1", children: tags.map((t) => {
+    const style = {
+      backgroundColor: t.color,
+      color: tagTextColor(t.color)
+    };
+    const className = `inline-block rounded-[0.25rem] font-semibold ${sizeClasses}`;
+    return onClick ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: () => onClick(t),
+        className: `${className} transition active:scale-95`,
+        style,
+        children: t.name
+      },
+      t.id
+    ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className, style, children: t.name }, t.id);
+  }) });
+}
+
+// src/lib/fonts.ts
+var FONT_CSS_VARIABLES = {
+  sans: "--font-geist-sans",
+  mono: "--font-geist-mono",
+  display: "--font-orbitron"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button,
+  ConfirmDialog,
+  EmptyState,
+  FONT_CSS_VARIABLES,
+  Modal,
+  PageHeader,
+  Sidebar,
+  SidebarNavItem,
+  Spinner,
+  TagChips,
+  cn,
+  tagTextColor
+});
+//# sourceMappingURL=index.cjs.map