elysia-rack 0.4.0 → 0.5.2

package/dist/index-9k12apt9.js

@@ -0,0 +1,157 @@
+import {
+  RackIcon
+} from "./index-vq4gh509.js";
+
+// src/react/page/components/Sidebar.tsx
+import { jsxDEV } from "react/jsx-dev-runtime";
+function SidebarItemView({ item, depth = 0 }) {
+  const hasChildren = item.children && item.children.length > 0;
+  return /* @__PURE__ */ jsxDEV("li", {
+    children: [
+      /* @__PURE__ */ jsxDEV("a", {
+        href: item.href,
+        "aria-current": item.active ? "page" : undefined,
+        className: item.active ? "bg-sidebar-primary text-sidebar-primary-foreground flex items-center gap-2 rounded-md px-2.5 py-1.5 text-sm font-medium" : "text-sidebar-foreground hover:bg-sidebar-accent flex items-center gap-2 rounded-md px-2.5 py-1.5 text-sm",
+        style: depth > 0 ? { paddingLeft: `${10 + depth * 12}px` } : undefined,
+        children: [
+          item.icon ? /* @__PURE__ */ jsxDEV(RackIcon, {
+            name: item.icon,
+            size: 16,
+            className: "size-4 shrink-0"
+          }, undefined, false, undefined, this) : null,
+          /* @__PURE__ */ jsxDEV("span", {
+            children: item.label
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      hasChildren ? /* @__PURE__ */ jsxDEV("ul", {
+        className: "border-sidebar-border mt-0.5 ml-2 flex flex-col gap-0.5 border-l py-1 pl-2",
+        children: item.children.map((child) => /* @__PURE__ */ jsxDEV(SidebarItemView, {
+          item: child,
+          depth: depth + 1
+        }, child.id, false, undefined, this))
+      }, undefined, false, undefined, this) : null
+    ]
+  }, undefined, true, undefined, this);
+}
+function hasActive(items) {
+  for (const it of items) {
+    if (it.active)
+      return true;
+    if (it.children && hasActive(it.children))
+      return true;
+  }
+  return false;
+}
+function Sidebar({ title, groups }) {
+  return /* @__PURE__ */ jsxDEV("aside", {
+    className: "border-sidebar-border bg-sidebar shrink-0 border-b lg:sticky lg:top-0 lg:h-screen lg:w-60 lg:overflow-y-auto lg:border-r lg:border-b-0 xl:w-64",
+    children: [
+      /* @__PURE__ */ jsxDEV("input", {
+        type: "checkbox",
+        id: "rack-nav-toggle",
+        "aria-label": "Toggle navigation",
+        className: "peer sr-only"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "border-sidebar-border flex items-center justify-between gap-3 border-b px-4 py-3",
+        children: [
+          /* @__PURE__ */ jsxDEV("a", {
+            href: "/",
+            className: "flex items-center gap-2.5",
+            children: [
+              /* @__PURE__ */ jsxDEV("span", {
+                "aria-hidden": "true",
+                className: "bg-gold text-gold-foreground flex size-6 shrink-0 items-center justify-center text-[13px] font-semibold",
+                children: title.charAt(0).toUpperCase()
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("span", {
+                className: "font-display text-[15px] tracking-tight",
+                children: title
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV("label", {
+            htmlFor: "rack-nav-toggle",
+            className: "border-border text-muted-foreground hover:bg-navigation-hover cursor-pointer rounded-md border px-2.5 py-1 text-xs lg:hidden",
+            children: "Menu"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("nav", {
+        className: "hidden flex-col gap-4 overflow-y-auto px-3 py-3 peer-checked:flex lg:flex lg:py-4",
+        children: groups.map((group) => /* @__PURE__ */ jsxDEV("section", {
+          children: /* @__PURE__ */ jsxDEV("details", {
+            className: "group",
+            open: hasActive(group.items) || undefined,
+            children: [
+              /* @__PURE__ */ jsxDEV("summary", {
+                className: "text-text-muted flex cursor-pointer list-none items-center justify-between px-2.5 pb-1.5 text-xs font-medium [&::-webkit-details-marker]:hidden",
+                children: [
+                  /* @__PURE__ */ jsxDEV("span", {
+                    children: group.name
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("span", {
+                    "aria-hidden": "true",
+                    className: "text-text-subtle transition-transform group-open:rotate-180",
+                    children: "▾"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("ul", {
+                className: "border-sidebar-border mt-1 ml-2 flex flex-col gap-0.5 border-l py-1 pl-2",
+                children: group.items.map((item) => /* @__PURE__ */ jsxDEV(SidebarItemView, {
+                  item
+                }, item.id, false, undefined, this))
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        }, group.name, false, undefined, this))
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/react/page/components/Masthead.tsx
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+function Masthead({ title, icon, detail, actions }) {
+  return /* @__PURE__ */ jsxDEV2("header", {
+    className: "flex flex-wrap items-start justify-between gap-3 pb-4",
+    children: [
+      /* @__PURE__ */ jsxDEV2("div", {
+        className: "min-w-0",
+        children: [
+          /* @__PURE__ */ jsxDEV2("h1", {
+            className: "font-display flex items-center gap-2 text-2xl leading-tight tracking-tight",
+            children: [
+              icon ? /* @__PURE__ */ jsxDEV2(RackIcon, {
+                name: icon,
+                size: 22,
+                className: "size-[22px] shrink-0"
+              }, undefined, false, undefined, this) : null,
+              title
+            ]
+          }, undefined, true, undefined, this),
+          detail ? /* @__PURE__ */ jsxDEV2("p", {
+            className: "text-text-muted mt-1 text-sm",
+            children: detail
+          }, undefined, false, undefined, this) : null
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV2("div", {
+        className: "flex shrink-0 items-center gap-2",
+        children: [
+          actions,
+          /* @__PURE__ */ jsxDEV2("button", {
+            id: "koran-theme-toggle",
+            type: "button",
+            className: "border-border text-muted-foreground hover:bg-navigation-hover hover:text-foreground rounded-md border px-2.5 py-1.5 text-xs",
+            children: "◐ Theme"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+export { Sidebar, Masthead };

package/dist/index-vq4gh509.js

@@ -0,0 +1,40 @@
+// src/react/page/components/Icon.tsx
+import { icons } from "lucide-react";
+import { jsxDEV } from "react/jsx-dev-runtime";
+function iconKey(name) {
+  return name.replace(/[^a-zA-Z0-9]+/g, " ").trim().split(" ").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+}
+function RackIcon({ name, ...props }) {
+  if (!name)
+    return null;
+  const Icon = icons[iconKey(name)];
+  if (!Icon)
+    return /* @__PURE__ */ jsxDEV("span", {
+      "aria-hidden": "true",
+      children: name
+    }, undefined, false, undefined, this);
+  return /* @__PURE__ */ jsxDEV(Icon, {
+    "aria-hidden": "true",
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// src/react/donate.ts
+var DEFAULT_DONATE_URL = "https://ko-fi.com/notoofly_manu";
+var DEFAULT_DONATE_LABEL = "Donate on Ko-fi";
+var globalDonate = { enabled: true, url: DEFAULT_DONATE_URL, label: DEFAULT_DONATE_LABEL };
+function setGlobalDonate(enabled) {
+  globalDonate = { enabled: enabled !== false, url: DEFAULT_DONATE_URL, label: DEFAULT_DONATE_LABEL };
+}
+function getGlobalDonate() {
+  return globalDonate;
+}
+function resolveDonateProp(prop) {
+  if (prop === false)
+    return { enabled: false, url: DEFAULT_DONATE_URL, label: DEFAULT_DONATE_LABEL };
+  if (prop === true || prop === undefined)
+    return getGlobalDonate();
+  return getGlobalDonate();
+}
+
+export { RackIcon, setGlobalDonate, resolveDonateProp };