@fiestaboard/ui 1.6.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +153 -0
- package/dist/components/board/board-display.d.ts +35 -0
- package/dist/components/board/board-display.js +514 -0
- package/dist/components/board/board-display.js.map +1 -0
- package/dist/components/board/board-teaser.d.ts +10 -0
- package/dist/components/board/board-teaser.js +110 -0
- package/dist/components/board/board-teaser.js.map +1 -0
- package/dist/components/board/scaled-board-display.d.ts +37 -0
- package/dist/components/board/scaled-board-display.js +118 -0
- package/dist/components/board/scaled-board-display.js.map +1 -0
- package/dist/components/board/static-board-display.d.ts +17 -0
- package/dist/components/board/static-board-display.js +140 -0
- package/dist/components/board/static-board-display.js.map +1 -0
- package/dist/components/chrome/board-icon.d.ts +11 -0
- package/dist/components/chrome/board-icon.js +31 -0
- package/dist/components/chrome/board-icon.js.map +1 -0
- package/dist/components/chrome/board-selector.d.ts +30 -0
- package/dist/components/chrome/board-selector.js +37 -0
- package/dist/components/chrome/board-selector.js.map +1 -0
- package/dist/components/chrome/fiesta-icon.d.ts +28 -0
- package/dist/components/chrome/fiesta-icon.js +129 -0
- package/dist/components/chrome/fiesta-icon.js.map +1 -0
- package/dist/components/chrome/fiesta-logo.d.ts +6 -0
- package/dist/components/chrome/fiesta-logo.js +20 -0
- package/dist/components/chrome/fiesta-logo.js.map +1 -0
- package/dist/components/chrome/language-selector.d.ts +21 -0
- package/dist/components/chrome/language-selector.js +29 -0
- package/dist/components/chrome/language-selector.js.map +1 -0
- package/dist/components/chrome/main-content.d.ts +28 -0
- package/dist/components/chrome/main-content.js +33 -0
- package/dist/components/chrome/main-content.js.map +1 -0
- package/dist/components/chrome/page-header.d.ts +23 -0
- package/dist/components/chrome/page-header.js +69 -0
- package/dist/components/chrome/page-header.js.map +1 -0
- package/dist/components/chrome/page-layout.d.ts +10 -0
- package/dist/components/chrome/page-layout.js +17 -0
- package/dist/components/chrome/page-layout.js.map +1 -0
- package/dist/components/chrome/page-toolbar.d.ts +7 -0
- package/dist/components/chrome/page-toolbar.js +21 -0
- package/dist/components/chrome/page-toolbar.js.map +1 -0
- package/dist/components/chrome/sidebar.d.ts +83 -0
- package/dist/components/chrome/sidebar.js +318 -0
- package/dist/components/chrome/sidebar.js.map +1 -0
- package/dist/components/chrome/skip-to-content.d.ts +8 -0
- package/dist/components/chrome/skip-to-content.js +15 -0
- package/dist/components/chrome/skip-to-content.js.map +1 -0
- package/dist/components/chrome/theme-toggle.d.ts +22 -0
- package/dist/components/chrome/theme-toggle.js +28 -0
- package/dist/components/chrome/theme-toggle.js.map +1 -0
- package/dist/components/seasons/aurora-canvas.d.ts +22 -0
- package/dist/components/seasons/aurora-canvas.js +88 -0
- package/dist/components/seasons/aurora-canvas.js.map +1 -0
- package/dist/components/seasons/sidebar-aurora-horizontal.d.ts +3 -0
- package/dist/components/seasons/sidebar-aurora-horizontal.js +47 -0
- package/dist/components/seasons/sidebar-aurora-horizontal.js.map +1 -0
- package/dist/components/seasons/sidebar-aurora.d.ts +3 -0
- package/dist/components/seasons/sidebar-aurora.js +57 -0
- package/dist/components/seasons/sidebar-aurora.js.map +1 -0
- package/dist/components/ui/accordion.d.ts +16 -0
- package/dist/components/ui/accordion.js +55 -0
- package/dist/components/ui/accordion.js.map +1 -0
- package/dist/components/ui/alert-dialog.d.ts +16 -0
- package/dist/components/ui/alert-dialog.js +78 -0
- package/dist/components/ui/alert-dialog.js.map +1 -0
- package/dist/components/ui/alert.d.ts +9 -0
- package/dist/components/ui/alert.js +41 -0
- package/dist/components/ui/alert.js.map +1 -0
- package/dist/components/ui/aurora.d.ts +9 -0
- package/dist/components/ui/aurora.js +105 -0
- package/dist/components/ui/aurora.js.map +1 -0
- package/dist/components/ui/badge.d.ts +9 -0
- package/dist/components/ui/badge.js +35 -0
- package/dist/components/ui/badge.js.map +1 -0
- package/dist/components/ui/box.d.ts +20 -0
- package/dist/components/ui/box.js +14 -0
- package/dist/components/ui/box.js.map +1 -0
- package/dist/components/ui/button.d.ts +10 -0
- package/dist/components/ui/button.js +52 -0
- package/dist/components/ui/button.js.map +1 -0
- package/dist/components/ui/card.d.ts +11 -0
- package/dist/components/ui/card.js +57 -0
- package/dist/components/ui/card.js.map +1 -0
- package/dist/components/ui/checkbox.d.ts +4 -0
- package/dist/components/ui/checkbox.js +16 -0
- package/dist/components/ui/checkbox.js.map +1 -0
- package/dist/components/ui/code.d.ts +8 -0
- package/dist/components/ui/code.js +15 -0
- package/dist/components/ui/code.js.map +1 -0
- package/dist/components/ui/collapsible.d.ts +8 -0
- package/dist/components/ui/collapsible.js +28 -0
- package/dist/components/ui/collapsible.js.map +1 -0
- package/dist/components/ui/dialog.d.ts +17 -0
- package/dist/components/ui/dialog.js +77 -0
- package/dist/components/ui/dialog.js.map +1 -0
- package/dist/components/ui/dropdown-menu.d.ts +32 -0
- package/dist/components/ui/dropdown-menu.js +129 -0
- package/dist/components/ui/dropdown-menu.js.map +1 -0
- package/dist/components/ui/empty-state.d.ts +23 -0
- package/dist/components/ui/empty-state.js +49 -0
- package/dist/components/ui/empty-state.js.map +1 -0
- package/dist/components/ui/flex.d.ts +24 -0
- package/dist/components/ui/flex.js +61 -0
- package/dist/components/ui/flex.js.map +1 -0
- package/dist/components/ui/grid.d.ts +20 -0
- package/dist/components/ui/grid.js +77 -0
- package/dist/components/ui/grid.js.map +1 -0
- package/dist/components/ui/heading.d.ts +18 -0
- package/dist/components/ui/heading.js +26 -0
- package/dist/components/ui/heading.js.map +1 -0
- package/dist/components/ui/input.d.ts +4 -0
- package/dist/components/ui/input.js +16 -0
- package/dist/components/ui/input.js.map +1 -0
- package/dist/components/ui/label.d.ts +4 -0
- package/dist/components/ui/label.js +15 -0
- package/dist/components/ui/label.js.map +1 -0
- package/dist/components/ui/list.d.ts +25 -0
- package/dist/components/ui/list.js +46 -0
- package/dist/components/ui/list.js.map +1 -0
- package/dist/components/ui/react-bits/decrypted-text.d.ts +14 -0
- package/dist/components/ui/react-bits/decrypted-text.js +88 -0
- package/dist/components/ui/react-bits/decrypted-text.js.map +1 -0
- package/dist/components/ui/react-bits/fade-content.d.ts +11 -0
- package/dist/components/ui/react-bits/fade-content.js +48 -0
- package/dist/components/ui/react-bits/fade-content.js.map +1 -0
- package/dist/components/ui/scroll-area.d.ts +5 -0
- package/dist/components/ui/scroll-area.js +39 -0
- package/dist/components/ui/scroll-area.js.map +1 -0
- package/dist/components/ui/select.d.ts +26 -0
- package/dist/components/ui/select.js +132 -0
- package/dist/components/ui/select.js.map +1 -0
- package/dist/components/ui/sheet.d.ts +29 -0
- package/dist/components/ui/sheet.js +114 -0
- package/dist/components/ui/sheet.js.map +1 -0
- package/dist/components/ui/skeleton.d.ts +2 -0
- package/dist/components/ui/skeleton.js +14 -0
- package/dist/components/ui/skeleton.js.map +1 -0
- package/dist/components/ui/slider.d.ts +9 -0
- package/dist/components/ui/slider.js +39 -0
- package/dist/components/ui/slider.js.map +1 -0
- package/dist/components/ui/stack.d.ts +16 -0
- package/dist/components/ui/stack.js +44 -0
- package/dist/components/ui/stack.js.map +1 -0
- package/dist/components/ui/switch.d.ts +4 -0
- package/dist/components/ui/switch.js +24 -0
- package/dist/components/ui/switch.js.map +1 -0
- package/dist/components/ui/table.d.ts +13 -0
- package/dist/components/ui/table.js +54 -0
- package/dist/components/ui/table.js.map +1 -0
- package/dist/components/ui/tabs.d.ts +7 -0
- package/dist/components/ui/tabs.js +37 -0
- package/dist/components/ui/tabs.js.map +1 -0
- package/dist/components/ui/text-link.d.ts +9 -0
- package/dist/components/ui/text-link.js +15 -0
- package/dist/components/ui/text-link.js.map +1 -0
- package/dist/components/ui/text.d.ts +22 -0
- package/dist/components/ui/text.js +48 -0
- package/dist/components/ui/text.js.map +1 -0
- package/dist/components/ui/textarea.d.ts +3 -0
- package/dist/components/ui/textarea.js +15 -0
- package/dist/components/ui/textarea.js.map +1 -0
- package/dist/components/ui/tooltip.d.ts +16 -0
- package/dist/components/ui/tooltip.js +38 -0
- package/dist/components/ui/tooltip.js.map +1 -0
- package/dist/fonts.css +16 -0
- package/dist/index.d.ts +66 -0
- package/dist/index.js +59 -0
- package/dist/lib/board-characters.d.ts +55 -0
- package/dist/lib/board-characters.js +151 -0
- package/dist/lib/board-characters.js.map +1 -0
- package/dist/lib/board-colors.d.ts +48 -0
- package/dist/lib/board-colors.js +93 -0
- package/dist/lib/board-colors.js.map +1 -0
- package/dist/lib/board-dimensions.d.ts +41 -0
- package/dist/lib/board-dimensions.js +38 -0
- package/dist/lib/board-dimensions.js.map +1 -0
- package/dist/lib/board-metrics.d.ts +19 -0
- package/dist/lib/board-metrics.js +22 -0
- package/dist/lib/board-metrics.js.map +1 -0
- package/dist/lib/seasons-drafts.d.ts +26 -0
- package/dist/lib/seasons-drafts.js +106 -0
- package/dist/lib/seasons-drafts.js.map +1 -0
- package/dist/lib/seasons.d.ts +52 -0
- package/dist/lib/seasons.js +59 -0
- package/dist/lib/seasons.js.map +1 -0
- package/dist/lib/select-items.d.ts +29 -0
- package/dist/lib/select-items.js +35 -0
- package/dist/lib/select-items.js.map +1 -0
- package/dist/lib/utils.d.ts +2 -0
- package/dist/lib/utils.js +11 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/seasons/christmas.css +64 -0
- package/dist/seasons/easter.css +62 -0
- package/dist/seasons/fathers-day.css +62 -0
- package/dist/seasons/halloween.css +69 -0
- package/dist/seasons/mothers-day.css +63 -0
- package/dist/seasons/new-year.css +66 -0
- package/dist/seasons/pride.css +68 -0
- package/dist/seasons/thanksgiving.css +64 -0
- package/dist/theme.css +1174 -0
- package/package.json +108 -0
|
@@ -0,0 +1,318 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn as e } from "../../lib/utils.js";
|
|
3
|
+
import { Button as t } from "../ui/button.js";
|
|
4
|
+
import { Tooltip as n, TooltipContent as r, TooltipProvider as i, TooltipTrigger as a } from "../ui/tooltip.js";
|
|
5
|
+
import { FIESTA_ICON_DATA_URI as o } from "./fiesta-icon.js";
|
|
6
|
+
import { FiestaLogo as s } from "./fiesta-logo.js";
|
|
7
|
+
import { SidebarAurora as ee } from "../seasons/sidebar-aurora.js";
|
|
8
|
+
import { SidebarAuroraHorizontal as te } from "../seasons/sidebar-aurora-horizontal.js";
|
|
9
|
+
import { ChevronLeft as c, ChevronRight as l, Menu as ne, Sparkles as u, X as d } from "lucide-react";
|
|
10
|
+
import { Fragment as f, memo as p, useEffect as m, useRef as h, useState as g } from "react";
|
|
11
|
+
import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
|
|
12
|
+
//#region src/components/chrome/sidebar.tsx
|
|
13
|
+
var b = "nav-active font-semibold", x = "text-sidebar-foreground nav-active-hover", S = "flex items-center gap-3 rounded-lg px-4 py-3 text-base font-medium min-h-[48px]", re = e(S, b), ie = e(S, x), C = "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-base font-medium min-h-[48px]", ae = e(C, b), w = e(C, x), T = "flex items-center gap-3 py-2 pl-[14px] pr-3 rounded-lg text-sm font-medium transition-colors", E = e(T, b), D = e(T, x), O = "flex w-full items-center gap-3 py-2 pl-[14px] pr-3 rounded-lg text-sm font-medium transition-colors", oe = e(O, b), k = e(O, x), A = "whitespace-nowrap overflow-hidden transition-opacity duration-100", j = e(A, "opacity-0 max-w-0"), M = e(A, "opacity-100 max-w-48 delay-150"), N = "lg:hidden fixed inset-0 z-[var(--z-mobile-backdrop)] bg-black/25 backdrop-blur-[2px] transition-opacity duration-200 pointer-events-none", se = e(N, "opacity-100 pointer-events-auto"), ce = e(N, "opacity-0"), P = "lg:hidden fixed top-[calc(var(--mobile-header-height,56px)+16px)] left-3 right-3 z-[var(--z-mobile-menu)] flex max-h-[calc(100dvh-var(--mobile-header-height,56px)-2rem)] flex-col overflow-hidden sidebar-gradient-horizontal", le = e(P, "opacity-100"), ue = e(P, "opacity-0 pointer-events-none"), F = "clip-path var(--motion-duration-slower) var(--motion-ease-spring), opacity var(--motion-duration-exit) var(--motion-ease-standard)", I = {
|
|
14
|
+
clipPath: "inset(0 0 0 0 round var(--radius-chrome-mobile, 16px))",
|
|
15
|
+
transition: F
|
|
16
|
+
}, L = {
|
|
17
|
+
clipPath: "inset(0 0 100% 0 round var(--radius-chrome-mobile, 16px))",
|
|
18
|
+
transition: F
|
|
19
|
+
}, R = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", z = p(function({ labels: p, primaryItems: b, secondaryItems: x, renderLink: S, collapsed: C, transitioning: T = !1, onToggleCollapsed: O, onTransitionEnd: A, logoIconSrc: N = o, season: P = null, onLogoClick: F, ai: z, boardSelector: B, mobileBoardSelector: V, renderAccount: H, versionSlot: U, themeToggleSlot: W, maxWidth: G, sidebarInset: de }) {
|
|
20
|
+
let [K, q] = g(!1), [fe, pe] = g(0), J = h(null), Y = h(null), X = h(null);
|
|
21
|
+
m(() => {
|
|
22
|
+
let e = J.current;
|
|
23
|
+
if (!e) return;
|
|
24
|
+
let t = null, n = "", r = () => {
|
|
25
|
+
t = null;
|
|
26
|
+
let r = `${e.offsetHeight}px`;
|
|
27
|
+
r !== n && (n = r, document.documentElement.style.setProperty("--mobile-header-height", r));
|
|
28
|
+
}, i = new ResizeObserver(() => {
|
|
29
|
+
t === null && (t = requestAnimationFrame(r));
|
|
30
|
+
});
|
|
31
|
+
return i.observe(e), r(), () => {
|
|
32
|
+
i.disconnect(), t !== null && cancelAnimationFrame(t), document.documentElement.style.removeProperty("--mobile-header-height");
|
|
33
|
+
};
|
|
34
|
+
}, []), m(() => (K ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
|
|
35
|
+
document.body.style.overflow = "";
|
|
36
|
+
}), [K]), m(() => {
|
|
37
|
+
if (K) {
|
|
38
|
+
let e = Y.current;
|
|
39
|
+
(e?.querySelector(R) ?? e)?.focus();
|
|
40
|
+
let t = (e) => {
|
|
41
|
+
e.key === "Escape" && q(!1);
|
|
42
|
+
};
|
|
43
|
+
return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
|
|
44
|
+
}
|
|
45
|
+
let e = X.current;
|
|
46
|
+
X.current = null, e?.focus();
|
|
47
|
+
}, [K]);
|
|
48
|
+
function me(e) {
|
|
49
|
+
if (e.key !== "Tab") return;
|
|
50
|
+
let t = Y.current;
|
|
51
|
+
if (!t) return;
|
|
52
|
+
let n = t.querySelectorAll(R);
|
|
53
|
+
if (n.length === 0) {
|
|
54
|
+
e.preventDefault();
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
let r = n[0], i = n[n.length - 1], a = document.activeElement;
|
|
58
|
+
e.shiftKey ? (a === r || a === t) && (e.preventDefault(), i.focus()) : a === i && (e.preventDefault(), r.focus());
|
|
59
|
+
}
|
|
60
|
+
m(() => {
|
|
61
|
+
let e = null, t = () => {
|
|
62
|
+
e = null;
|
|
63
|
+
let t = Math.max(0, (document.body.clientWidth - G) / 2);
|
|
64
|
+
pe((e) => e === t ? e : t);
|
|
65
|
+
}, n = () => {
|
|
66
|
+
e === null && (e = requestAnimationFrame(t));
|
|
67
|
+
};
|
|
68
|
+
return t(), window.addEventListener("resize", n), () => {
|
|
69
|
+
window.removeEventListener("resize", n), e !== null && cancelAnimationFrame(e);
|
|
70
|
+
};
|
|
71
|
+
}, [G]);
|
|
72
|
+
function Z(e) {
|
|
73
|
+
let t = e.icon, n = e.active ? re : ie;
|
|
74
|
+
return e.external ? /* @__PURE__ */ y("a", {
|
|
75
|
+
href: e.href,
|
|
76
|
+
target: "_blank",
|
|
77
|
+
rel: "noopener noreferrer",
|
|
78
|
+
onClick: () => q(!1),
|
|
79
|
+
className: n,
|
|
80
|
+
children: [/* @__PURE__ */ v(t, { className: "h-5 w-5" }), e.label]
|
|
81
|
+
}, e.key) : /* @__PURE__ */ v("span", {
|
|
82
|
+
className: "contents",
|
|
83
|
+
children: S({
|
|
84
|
+
href: e.href,
|
|
85
|
+
onClick: () => q(!1),
|
|
86
|
+
onMouseEnter: e.onPrefetch,
|
|
87
|
+
onFocus: e.onPrefetch,
|
|
88
|
+
className: n,
|
|
89
|
+
children: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(t, { className: "h-5 w-5" }), e.label] })
|
|
90
|
+
}, e)
|
|
91
|
+
}, e.key);
|
|
92
|
+
}
|
|
93
|
+
function Q(e) {
|
|
94
|
+
let t = e.icon, i = e.active ? E : D, o = /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(t, { className: "h-5 w-5 flex-shrink-0" }), /* @__PURE__ */ v("span", {
|
|
95
|
+
className: C ? j : M,
|
|
96
|
+
children: e.label
|
|
97
|
+
})] }), s = e.external ? /* @__PURE__ */ v("a", {
|
|
98
|
+
href: e.href,
|
|
99
|
+
target: "_blank",
|
|
100
|
+
rel: "noopener noreferrer",
|
|
101
|
+
className: i,
|
|
102
|
+
"aria-label": C ? e.label : void 0,
|
|
103
|
+
children: o
|
|
104
|
+
}) : S({
|
|
105
|
+
href: e.href,
|
|
106
|
+
onMouseEnter: e.onPrefetch,
|
|
107
|
+
onFocus: e.onPrefetch,
|
|
108
|
+
className: i,
|
|
109
|
+
"aria-label": C ? e.label : void 0,
|
|
110
|
+
children: o
|
|
111
|
+
}, e);
|
|
112
|
+
return C ? /* @__PURE__ */ y(n, { children: [/* @__PURE__ */ v(a, {
|
|
113
|
+
asChild: !0,
|
|
114
|
+
children: s
|
|
115
|
+
}), /* @__PURE__ */ v(r, {
|
|
116
|
+
side: "right",
|
|
117
|
+
className: "font-medium",
|
|
118
|
+
children: e.label
|
|
119
|
+
})] }, e.key) : /* @__PURE__ */ v(f, { children: s }, e.key);
|
|
120
|
+
}
|
|
121
|
+
let $ = (t) => {
|
|
122
|
+
let n = t === "mobile" ? /* @__PURE__ */ v(s, {
|
|
123
|
+
size: "sm",
|
|
124
|
+
className: "logo-on-gradient whitespace-nowrap"
|
|
125
|
+
}) : /* @__PURE__ */ v(s, { className: e("logo-on-gradient whitespace-nowrap overflow-hidden transition-opacity duration-100", C ? "opacity-0 max-w-0" : "opacity-100 max-w-48 delay-150") }), r = /* @__PURE__ */ v("img", {
|
|
126
|
+
src: N,
|
|
127
|
+
alt: "",
|
|
128
|
+
width: 32,
|
|
129
|
+
height: 32,
|
|
130
|
+
className: "flex-shrink-0"
|
|
131
|
+
}), i = t === "mobile" ? "flex items-center gap-3 flex-1 ml-2" : "flex items-center gap-2 overflow-hidden px-4 py-4";
|
|
132
|
+
return P ? /* @__PURE__ */ y("button", {
|
|
133
|
+
type: "button",
|
|
134
|
+
onClick: F,
|
|
135
|
+
"aria-label": p.logoButtonAriaLabel,
|
|
136
|
+
className: e(i, "cursor-pointer text-left", t === "desktop" && "w-full"),
|
|
137
|
+
children: [r, n]
|
|
138
|
+
}) : /* @__PURE__ */ y("div", {
|
|
139
|
+
className: i,
|
|
140
|
+
children: [r, n]
|
|
141
|
+
});
|
|
142
|
+
};
|
|
143
|
+
return /* @__PURE__ */ y(_, { children: [
|
|
144
|
+
/* @__PURE__ */ y("header", {
|
|
145
|
+
ref: J,
|
|
146
|
+
className: "lg:hidden fixed top-2 left-3 right-3 z-[var(--z-mobile-header)] overflow-hidden sidebar-gradient-horizontal",
|
|
147
|
+
children: [
|
|
148
|
+
/* @__PURE__ */ v("div", {
|
|
149
|
+
"aria-hidden": !0,
|
|
150
|
+
className: "sidebar-gradient-layer"
|
|
151
|
+
}),
|
|
152
|
+
P && /* @__PURE__ */ v(te, { colors: P.colors }),
|
|
153
|
+
/* @__PURE__ */ y("div", {
|
|
154
|
+
className: "relative z-[1] flex min-h-14 flex-wrap items-center gap-y-2 px-4 py-2",
|
|
155
|
+
children: [
|
|
156
|
+
/* @__PURE__ */ v(t, {
|
|
157
|
+
variant: "ghost",
|
|
158
|
+
size: "icon",
|
|
159
|
+
className: "h-9 w-9 flex-shrink-0 -ml-2 text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
|
|
160
|
+
onClick: (e) => {
|
|
161
|
+
K || (X.current = e.currentTarget), q(!K);
|
|
162
|
+
},
|
|
163
|
+
"aria-label": K ? p.closeMenu : p.openMenu,
|
|
164
|
+
children: v(K ? d : ne, { className: "h-6 w-6" })
|
|
165
|
+
}),
|
|
166
|
+
$("mobile"),
|
|
167
|
+
V && /* @__PURE__ */ v("div", {
|
|
168
|
+
className: "ml-auto pl-2 flex-shrink-0",
|
|
169
|
+
children: V
|
|
170
|
+
})
|
|
171
|
+
]
|
|
172
|
+
})
|
|
173
|
+
]
|
|
174
|
+
}),
|
|
175
|
+
/* @__PURE__ */ v("div", {
|
|
176
|
+
"data-testid": "mobile-backdrop",
|
|
177
|
+
className: K ? se : ce,
|
|
178
|
+
onClick: () => q(!1),
|
|
179
|
+
"aria-hidden": "true"
|
|
180
|
+
}),
|
|
181
|
+
/* @__PURE__ */ y("div", {
|
|
182
|
+
ref: Y,
|
|
183
|
+
className: K ? le : ue,
|
|
184
|
+
role: K ? "dialog" : void 0,
|
|
185
|
+
"aria-modal": K ? !0 : void 0,
|
|
186
|
+
"aria-label": K ? p.navigationMenu : void 0,
|
|
187
|
+
"aria-hidden": !K,
|
|
188
|
+
inert: !K || void 0,
|
|
189
|
+
tabIndex: K ? -1 : void 0,
|
|
190
|
+
onKeyDown: me,
|
|
191
|
+
style: K ? I : L,
|
|
192
|
+
children: [
|
|
193
|
+
/* @__PURE__ */ v("div", {
|
|
194
|
+
"aria-hidden": !0,
|
|
195
|
+
className: "sidebar-gradient-layer"
|
|
196
|
+
}),
|
|
197
|
+
/* @__PURE__ */ y("nav", {
|
|
198
|
+
"aria-label": p.primaryNavigation,
|
|
199
|
+
className: "min-h-0 flex-1 space-y-1 overflow-y-auto px-3 py-4",
|
|
200
|
+
children: [b.map(Z), z && /* @__PURE__ */ y("button", {
|
|
201
|
+
type: "button",
|
|
202
|
+
onClick: () => {
|
|
203
|
+
z.onOpen(), q(!1);
|
|
204
|
+
},
|
|
205
|
+
className: z.active ? ae : w,
|
|
206
|
+
children: [/* @__PURE__ */ v(u, { className: "h-5 w-5" }), p.aiAssistant]
|
|
207
|
+
})]
|
|
208
|
+
}),
|
|
209
|
+
/* @__PURE__ */ v("div", { className: "shrink-0 border-t border-sidebar-border mx-3" }),
|
|
210
|
+
/* @__PURE__ */ y("div", {
|
|
211
|
+
className: "shrink-0 px-3 py-3 text-sidebar-foreground",
|
|
212
|
+
children: [/* @__PURE__ */ y("nav", {
|
|
213
|
+
"aria-label": p.secondaryNavigation,
|
|
214
|
+
className: "space-y-1",
|
|
215
|
+
children: [x.map(Z), H?.({
|
|
216
|
+
variant: "mobile",
|
|
217
|
+
collapsed: !1
|
|
218
|
+
})]
|
|
219
|
+
}), /* @__PURE__ */ y("div", {
|
|
220
|
+
className: "mt-2 flex items-center justify-between gap-2 border-t border-sidebar-border/80 px-4 pt-3",
|
|
221
|
+
children: [U, W]
|
|
222
|
+
})]
|
|
223
|
+
})
|
|
224
|
+
]
|
|
225
|
+
}),
|
|
226
|
+
/* @__PURE__ */ v(i, {
|
|
227
|
+
delayDuration: 0,
|
|
228
|
+
children: /* @__PURE__ */ y("aside", {
|
|
229
|
+
"aria-label": p.mainNavigation,
|
|
230
|
+
className: e("hidden lg:fixed lg:top-3 lg:bottom-3 lg:z-[var(--z-sidebar)] lg:block sidebar-gradient sidebar-transition", C ? "lg:w-16" : "lg:w-64", T && "is-transitioning"),
|
|
231
|
+
style: { left: fe + de },
|
|
232
|
+
onTransitionEnd: (e) => {
|
|
233
|
+
e.target === e.currentTarget && e.propertyName === "width" && A?.();
|
|
234
|
+
},
|
|
235
|
+
children: [
|
|
236
|
+
/* @__PURE__ */ v("div", {
|
|
237
|
+
"aria-hidden": !0,
|
|
238
|
+
className: "sidebar-gradient-layer"
|
|
239
|
+
}),
|
|
240
|
+
P && /* @__PURE__ */ v(ee, { colors: P.colors }),
|
|
241
|
+
/* @__PURE__ */ y(n, { children: [/* @__PURE__ */ v(a, {
|
|
242
|
+
asChild: !0,
|
|
243
|
+
children: /* @__PURE__ */ v("button", {
|
|
244
|
+
onClick: O,
|
|
245
|
+
"aria-label": C ? p.expandSidebar : p.collapseSidebar,
|
|
246
|
+
className: "absolute -right-3.5 top-[51px] z-[var(--z-sidebar-toggle)] flex h-7 w-7 items-center justify-center rounded-full border border-border bg-background text-muted-foreground shadow-md hover:bg-accent hover:text-foreground transition-colors",
|
|
247
|
+
children: v(C ? l : c, { className: "h-3.5 w-3.5" })
|
|
248
|
+
})
|
|
249
|
+
}), /* @__PURE__ */ v(r, {
|
|
250
|
+
side: "right",
|
|
251
|
+
children: C ? p.expandSidebar : p.collapseSidebar
|
|
252
|
+
})] }),
|
|
253
|
+
/* @__PURE__ */ y("div", {
|
|
254
|
+
className: "relative z-[1] flex h-full flex-col overflow-hidden",
|
|
255
|
+
children: [
|
|
256
|
+
$("desktop"),
|
|
257
|
+
/* @__PURE__ */ v("div", { className: "mx-2 border-t border-sidebar-border" }),
|
|
258
|
+
B && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
|
|
259
|
+
className: "shrink-0 px-2 pb-3 pt-3",
|
|
260
|
+
children: B
|
|
261
|
+
}), /* @__PURE__ */ v("div", { className: "mx-2 border-t border-sidebar-border" })] }),
|
|
262
|
+
/* @__PURE__ */ v("nav", {
|
|
263
|
+
"aria-label": p.primaryNavigation,
|
|
264
|
+
className: "min-h-0 flex-1 space-y-1 overflow-y-auto py-4 px-2",
|
|
265
|
+
children: b.map(Q)
|
|
266
|
+
}),
|
|
267
|
+
z && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", { className: "mx-2 border-t border-sidebar-border" }), /* @__PURE__ */ v("div", {
|
|
268
|
+
className: "shrink-0 px-2 py-2",
|
|
269
|
+
children: /* @__PURE__ */ y(n, { children: [/* @__PURE__ */ v(a, {
|
|
270
|
+
asChild: !0,
|
|
271
|
+
children: /* @__PURE__ */ y("button", {
|
|
272
|
+
type: "button",
|
|
273
|
+
onClick: z.onOpen,
|
|
274
|
+
"aria-label": p.aiAssistant,
|
|
275
|
+
className: z.active ? oe : k,
|
|
276
|
+
children: [/* @__PURE__ */ v(u, { className: "h-5 w-5 flex-shrink-0" }), /* @__PURE__ */ v("span", {
|
|
277
|
+
className: C ? j : M,
|
|
278
|
+
children: p.aiAssistant
|
|
279
|
+
})]
|
|
280
|
+
})
|
|
281
|
+
}), C && /* @__PURE__ */ v(r, {
|
|
282
|
+
side: "right",
|
|
283
|
+
className: "font-medium",
|
|
284
|
+
children: p.aiAssistant
|
|
285
|
+
})] })
|
|
286
|
+
})] }),
|
|
287
|
+
/* @__PURE__ */ v("div", { className: "mx-2 border-t border-sidebar-border" }),
|
|
288
|
+
/* @__PURE__ */ y("div", {
|
|
289
|
+
className: "shrink-0 px-2 pt-2 pb-3",
|
|
290
|
+
children: [/* @__PURE__ */ y("nav", {
|
|
291
|
+
"aria-label": p.secondaryNavigation,
|
|
292
|
+
className: "space-y-1",
|
|
293
|
+
children: [x.map(Q), H?.({
|
|
294
|
+
variant: "desktop",
|
|
295
|
+
collapsed: C
|
|
296
|
+
})]
|
|
297
|
+
}), /* @__PURE__ */ y("div", {
|
|
298
|
+
className: e("mt-2 border-t border-sidebar-border/80 py-2", C ? "flex flex-col items-center gap-1" : "flex items-center justify-between gap-2 pl-[14px] pr-3"),
|
|
299
|
+
children: [/* @__PURE__ */ v("div", {
|
|
300
|
+
className: e("min-w-0 overflow-hidden whitespace-nowrap", C ? "order-2 w-full truncate text-center" : "order-1"),
|
|
301
|
+
children: U
|
|
302
|
+
}), /* @__PURE__ */ v("div", {
|
|
303
|
+
className: e("flex-shrink-0", C ? "order-1" : "order-2"),
|
|
304
|
+
children: W
|
|
305
|
+
})]
|
|
306
|
+
})]
|
|
307
|
+
})
|
|
308
|
+
]
|
|
309
|
+
})
|
|
310
|
+
]
|
|
311
|
+
})
|
|
312
|
+
})
|
|
313
|
+
] });
|
|
314
|
+
});
|
|
315
|
+
//#endregion
|
|
316
|
+
export { z as Sidebar };
|
|
317
|
+
|
|
318
|
+
//# sourceMappingURL=sidebar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar.js","names":[],"sources":["../../../src/components/chrome/sidebar.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
interface SkipToContentProps {
|
|
2
|
+
/** Localized link text, e.g. "Skip to main content". */
|
|
3
|
+
label: string;
|
|
4
|
+
/** id of the main content landmark (default matches MainContent). */
|
|
5
|
+
targetId?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const SkipToContent: import("react").MemoExoticComponent<({ label, targetId }: SkipToContentProps) => import("react").JSX.Element>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { memo as e } from "react";
|
|
3
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
4
|
+
//#region src/components/chrome/skip-to-content.tsx
|
|
5
|
+
var n = e(function({ label: e, targetId: n = "main-content" }) {
|
|
6
|
+
return /* @__PURE__ */ t("a", {
|
|
7
|
+
href: `#${n}`,
|
|
8
|
+
className: "sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-[var(--z-skip-link)] focus:rounded-md focus:bg-background focus:px-4 focus:py-2 focus:text-sm focus:font-medium focus:text-foreground focus:shadow-lg focus:outline-none focus:ring-2 focus:ring-ring",
|
|
9
|
+
children: e
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
//#endregion
|
|
13
|
+
export { n as SkipToContent };
|
|
14
|
+
|
|
15
|
+
//# sourceMappingURL=skip-to-content.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skip-to-content.js","names":[],"sources":["../../../src/components/chrome/skip-to-content.tsx"],"mappings":";;;;AAWA,IAAa,IAAgB,EAAK,SAAuB,EAAE,UAAO,cAAW,kBAAsC;CACjH,OACE,kBAAC,KAAD;EACE,MAAM,IAAI;EACV,WAAU;EAET,UAAA;CACA,CAAA;AAEP,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
interface ThemeToggleProps {
|
|
2
|
+
/** Current resolved theme. */
|
|
3
|
+
theme: "light" | "dark";
|
|
4
|
+
/** Called when the user clicks the toggle. */
|
|
5
|
+
onToggle: () => void;
|
|
6
|
+
/** Localized accessible label, e.g. "Toggle theme". */
|
|
7
|
+
label: string;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Controlled presentational theme toggle. Theme state/persistence stays in
|
|
11
|
+
* the app (FiestaBoard wires this to its use-theme hook).
|
|
12
|
+
*
|
|
13
|
+
* Both icons are always in the DOM; the visible one is selected by CSS keyed
|
|
14
|
+
* on the prop-driven `data-resolved-theme` attribute, so the icon still
|
|
15
|
+
* follows the `theme` prop (the component's contract) rather than the root
|
|
16
|
+
* `.dark` class. Server and client markup differ at most by one attribute
|
|
17
|
+
* value when the theme resolves differently server-side — patched cheaply
|
|
18
|
+
* during hydration (`suppressHydrationWarning`), so no mounted gate or
|
|
19
|
+
* placeholder render is needed.
|
|
20
|
+
*/
|
|
21
|
+
export declare const ThemeToggle: import("react").MemoExoticComponent<({ theme, onToggle, label }: ThemeToggleProps) => import("react").JSX.Element>;
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { Button as e } from "../ui/button.js";
|
|
3
|
+
import { Moon as t, Sun as n } from "lucide-react";
|
|
4
|
+
import { memo as r } from "react";
|
|
5
|
+
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
6
|
+
//#region src/components/chrome/theme-toggle.tsx
|
|
7
|
+
var o = r(function({ theme: r, onToggle: o, label: s }) {
|
|
8
|
+
return /* @__PURE__ */ a(e, {
|
|
9
|
+
variant: "ghost",
|
|
10
|
+
size: "icon",
|
|
11
|
+
onClick: o,
|
|
12
|
+
className: "w-9 h-9",
|
|
13
|
+
"data-resolved-theme": r,
|
|
14
|
+
suppressHydrationWarning: !0,
|
|
15
|
+
children: [
|
|
16
|
+
/* @__PURE__ */ i(n, { className: "hidden h-4 w-4 [[data-resolved-theme=dark]_&]:block" }),
|
|
17
|
+
/* @__PURE__ */ i(t, { className: "h-4 w-4 [[data-resolved-theme=dark]_&]:hidden" }),
|
|
18
|
+
/* @__PURE__ */ i("span", {
|
|
19
|
+
className: "sr-only",
|
|
20
|
+
children: s
|
|
21
|
+
})
|
|
22
|
+
]
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
//#endregion
|
|
26
|
+
export { o as ThemeToggle };
|
|
27
|
+
|
|
28
|
+
//# sourceMappingURL=theme-toggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme-toggle.js","names":[],"sources":["../../../src/components/chrome/theme-toggle.tsx"],"mappings":";;;;;;AA4BA,IAAa,IAAc,EAAK,SAAqB,EAAE,UAAO,aAAU,YAA2B;CACjG,OACE,kBAAC,GAAD;EACE,SAAQ;EACR,MAAK;EACL,SAAS;EACT,WAAU;EACV,uBAAqB;EACrB,0BAAA;EANF,UAAA;GAQE,kBAAC,GAAD,EAAK,WAAU,sDAAuD,CAAA;GACtE,kBAAC,GAAD,EAAM,WAAU,gDAAiD,CAAA;GACjE,kBAAC,QAAD;IAAM,WAAU;IAAW,UAAA;GAAY,CAAA;EACjC;;AAEZ,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { type RefObject } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Shared WebGL2 core for the sidebar auroras. The vertical and horizontal
|
|
4
|
+
* variants differ only in their fragment main() (ramp axis + intensity
|
|
5
|
+
* falloff); everything else — vertex shader, simplex noise, program
|
|
6
|
+
* bootstrap, resize handling, render loop — lives here once.
|
|
7
|
+
*/
|
|
8
|
+
export declare const AURORA_VERT = "#version 300 es\nin vec2 position;\nvoid main() { gl_Position = vec4(position, 0.0, 1.0); }";
|
|
9
|
+
/** Fragment shader preamble: uniforms + 2D simplex noise (Ashima). */
|
|
10
|
+
export declare const AURORA_FRAG_PRELUDE = "#version 300 es\nprecision highp float;\nuniform float uTime;\nuniform vec3 uColorStops[6];\nuniform vec2 uResolution;\nuniform float uBlend;\nout vec4 fragColor;\n\nvec3 permute(vec3 x){ return mod(((x*34.0)+1.0)*x,289.0); }\nfloat snoise(vec2 v){\n const vec4 C=vec4(0.211324865405187,0.366025403784439,-0.577350269189626,0.024390243902439);\n vec2 i=floor(v+dot(v,C.yy));\n vec2 x0=v-i+dot(i,C.xx);\n vec2 i1=(x0.x>x0.y)?vec2(1.,0.):vec2(0.,1.);\n vec4 x12=x0.xyxy+C.xxzz; x12.xy-=i1;\n i=mod(i,289.0);\n vec3 p=permute(permute(i.y+vec3(0.,i1.y,1.))+i.x+vec3(0.,i1.x,1.));\n vec3 m=max(.5-vec3(dot(x0,x0),dot(x12.xy,x12.xy),dot(x12.zw,x12.zw)),0.);\n m=m*m; m=m*m;\n vec3 x2=2.*fract(p*C.www)-1.;\n vec3 h=abs(x2)-.5; vec3 ox=floor(x2+.5); vec3 a0=x2-ox;\n m*=1.79284291400159-0.85373472095314*(a0*a0+h*h);\n vec3 g; g.x=a0.x*x0.x+h.x*x0.y; g.yz=a0.yz*x12.xz+h.yz*x12.yw;\n return 130.*dot(m,g);\n}\n\n/* 6-stop colour ramp shared by both variants; t in [0,1] along the ramp axis. */\nvec3 rampColor(float t){\n float fi = clamp(t * 5.0, 0.0, 4.999);\n int ix = int(fi);\n float fr = fract(fi);\n vec3 colA, colB;\n if (ix == 0) { colA = uColorStops[0]; colB = uColorStops[1]; }\n else if (ix == 1) { colA = uColorStops[1]; colB = uColorStops[2]; }\n else if (ix == 2) { colA = uColorStops[2]; colB = uColorStops[3]; }\n else if (ix == 3) { colA = uColorStops[3]; colB = uColorStops[4]; }\n else { colA = uColorStops[4]; colB = uColorStops[5]; }\n return mix(colA, colB, fr);\n}\n";
|
|
11
|
+
export declare function hexToRgb(hex: string): [number, number, number];
|
|
12
|
+
/**
|
|
13
|
+
* Compiles `fragSource`, uploads the 6 colour stops, and runs the RAF
|
|
14
|
+
* render loop with parent-sized canvas. `label` prefixes console errors.
|
|
15
|
+
*
|
|
16
|
+
* `resolutionScale` (0–1, default 1) shrinks the canvas backing store
|
|
17
|
+
* relative to its CSS size; the compositor's bilinear upscale then supplies
|
|
18
|
+
* free softness. Auroras are decorative, so a variant that used to stack a
|
|
19
|
+
* CSS `blur()` on top of the shader (issue #65) can instead render fewer
|
|
20
|
+
* pixels and get the same diffuse look from a single pass.
|
|
21
|
+
*/
|
|
22
|
+
export declare function useAuroraCanvas(canvasRef: RefObject<HTMLCanvasElement | null>, fragSource: string, colors: string[], label: string, resolutionScale?: number): void;
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { useEffect as e } from "react";
|
|
3
|
+
//#region src/components/seasons/aurora-canvas.ts
|
|
4
|
+
var t = "#version 300 es\nin vec2 position;\nvoid main() { gl_Position = vec4(position, 0.0, 1.0); }", n = "#version 300 es\nprecision highp float;\nuniform float uTime;\nuniform vec3 uColorStops[6];\nuniform vec2 uResolution;\nuniform float uBlend;\nout vec4 fragColor;\n\nvec3 permute(vec3 x){ return mod(((x*34.0)+1.0)*x,289.0); }\nfloat snoise(vec2 v){\n const vec4 C=vec4(0.211324865405187,0.366025403784439,-0.577350269189626,0.024390243902439);\n vec2 i=floor(v+dot(v,C.yy));\n vec2 x0=v-i+dot(i,C.xx);\n vec2 i1=(x0.x>x0.y)?vec2(1.,0.):vec2(0.,1.);\n vec4 x12=x0.xyxy+C.xxzz; x12.xy-=i1;\n i=mod(i,289.0);\n vec3 p=permute(permute(i.y+vec3(0.,i1.y,1.))+i.x+vec3(0.,i1.x,1.));\n vec3 m=max(.5-vec3(dot(x0,x0),dot(x12.xy,x12.xy),dot(x12.zw,x12.zw)),0.);\n m=m*m; m=m*m;\n vec3 x2=2.*fract(p*C.www)-1.;\n vec3 h=abs(x2)-.5; vec3 ox=floor(x2+.5); vec3 a0=x2-ox;\n m*=1.79284291400159-0.85373472095314*(a0*a0+h*h);\n vec3 g; g.x=a0.x*x0.x+h.x*x0.y; g.yz=a0.yz*x12.xz+h.yz*x12.yw;\n return 130.*dot(m,g);\n}\n\n/* 6-stop colour ramp shared by both variants; t in [0,1] along the ramp axis. */\nvec3 rampColor(float t){\n float fi = clamp(t * 5.0, 0.0, 4.999);\n int ix = int(fi);\n float fr = fract(fi);\n vec3 colA, colB;\n if (ix == 0) { colA = uColorStops[0]; colB = uColorStops[1]; }\n else if (ix == 1) { colA = uColorStops[1]; colB = uColorStops[2]; }\n else if (ix == 2) { colA = uColorStops[2]; colB = uColorStops[3]; }\n else if (ix == 3) { colA = uColorStops[3]; colB = uColorStops[4]; }\n else { colA = uColorStops[4]; colB = uColorStops[5]; }\n return mix(colA, colB, fr);\n}\n";
|
|
5
|
+
function r(e) {
|
|
6
|
+
return [
|
|
7
|
+
parseInt(e.slice(1, 3), 16) / 255,
|
|
8
|
+
parseInt(e.slice(3, 5), 16) / 255,
|
|
9
|
+
parseInt(e.slice(5, 7), 16) / 255
|
|
10
|
+
];
|
|
11
|
+
}
|
|
12
|
+
function i(n, i, a, o, s = 1) {
|
|
13
|
+
let c = a.join(",");
|
|
14
|
+
e(() => {
|
|
15
|
+
let e = c.split(","), a = n.current;
|
|
16
|
+
if (!a) return;
|
|
17
|
+
let l = a.getContext("webgl2", {
|
|
18
|
+
alpha: !0,
|
|
19
|
+
premultipliedAlpha: !1,
|
|
20
|
+
antialias: !0
|
|
21
|
+
});
|
|
22
|
+
if (!l) {
|
|
23
|
+
console.error(`${o}: WebGL2 not available`);
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
26
|
+
l.clearColor(0, 0, 0, 0), l.enable(l.BLEND), l.blendFunc(l.SRC_ALPHA, l.ONE_MINUS_SRC_ALPHA);
|
|
27
|
+
function u(e, t) {
|
|
28
|
+
let n = l.createShader(e);
|
|
29
|
+
return n ? (l.shaderSource(n, t), l.compileShader(n), l.getShaderParameter(n, l.COMPILE_STATUS) ? n : (console.error(`${o} shader error:`, l.getShaderInfoLog(n)), null)) : null;
|
|
30
|
+
}
|
|
31
|
+
let d = u(l.VERTEX_SHADER, t), f = u(l.FRAGMENT_SHADER, i);
|
|
32
|
+
if (!d || !f) return;
|
|
33
|
+
let p = l.createProgram();
|
|
34
|
+
if (!p) return;
|
|
35
|
+
if (l.attachShader(p, d), l.attachShader(p, f), l.linkProgram(p), !l.getProgramParameter(p, l.LINK_STATUS)) {
|
|
36
|
+
console.error(`${o} link error:`, l.getProgramInfoLog(p));
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
l.useProgram(p);
|
|
40
|
+
let m = l.createBuffer();
|
|
41
|
+
l.bindBuffer(l.ARRAY_BUFFER, m), l.bufferData(l.ARRAY_BUFFER, new Float32Array([
|
|
42
|
+
-1,
|
|
43
|
+
-1,
|
|
44
|
+
3,
|
|
45
|
+
-1,
|
|
46
|
+
-1,
|
|
47
|
+
3
|
|
48
|
+
]), l.STATIC_DRAW);
|
|
49
|
+
let h = l.getAttribLocation(p, "position");
|
|
50
|
+
l.enableVertexAttribArray(h), l.vertexAttribPointer(h, 2, l.FLOAT, !1, 0, 0);
|
|
51
|
+
let g = l.getUniformLocation(p, "uTime"), _ = l.getUniformLocation(p, "uColorStops"), v = l.getUniformLocation(p, "uResolution"), y = l.getUniformLocation(p, "uBlend");
|
|
52
|
+
l.uniform3fv(_, new Float32Array(e.slice(0, 6).flatMap(r))), l.uniform1f(y, .75);
|
|
53
|
+
function b() {
|
|
54
|
+
let e = a.parentElement;
|
|
55
|
+
if (!e) return;
|
|
56
|
+
let { width: t, height: n } = e.getBoundingClientRect(), r = Math.max(1, Math.round(t * s)), i = Math.max(1, Math.round(n * s));
|
|
57
|
+
a.width = r, a.height = i, a.style.width = `${t}px`, a.style.height = `${n}px`, l.viewport(0, 0, r, i), l.uniform2f(v, r, i);
|
|
58
|
+
}
|
|
59
|
+
let x = 0, S = (e) => {
|
|
60
|
+
l.uniform1f(g, e), l.clear(l.COLOR_BUFFER_BIT), l.drawArrays(l.TRIANGLES, 0, 3);
|
|
61
|
+
}, C = (e) => {
|
|
62
|
+
x = requestAnimationFrame(C), S(e * .001);
|
|
63
|
+
}, w = window.matchMedia("(prefers-reduced-motion: reduce)"), T = !0, E = () => {
|
|
64
|
+
cancelAnimationFrame(x), w.matches ? S(0) : T && (x = requestAnimationFrame(C));
|
|
65
|
+
};
|
|
66
|
+
w.addEventListener("change", E);
|
|
67
|
+
let D = new IntersectionObserver((e) => {
|
|
68
|
+
T = e[0].intersectionRatio > 0, E();
|
|
69
|
+
});
|
|
70
|
+
D.observe(a);
|
|
71
|
+
let O = new ResizeObserver(() => {
|
|
72
|
+
b(), w.matches && S(0);
|
|
73
|
+
});
|
|
74
|
+
return O.observe(a.parentElement), b(), E(), () => {
|
|
75
|
+
cancelAnimationFrame(x), D.disconnect(), w.removeEventListener("change", E), O.disconnect(), l.deleteProgram(p), l.deleteShader(d), l.deleteShader(f), l.deleteBuffer(m);
|
|
76
|
+
};
|
|
77
|
+
}, [
|
|
78
|
+
n,
|
|
79
|
+
i,
|
|
80
|
+
c,
|
|
81
|
+
o,
|
|
82
|
+
s
|
|
83
|
+
]);
|
|
84
|
+
}
|
|
85
|
+
//#endregion
|
|
86
|
+
export { n as AURORA_FRAG_PRELUDE, t as AURORA_VERT, r as hexToRgb, i as useAuroraCanvas };
|
|
87
|
+
|
|
88
|
+
//# sourceMappingURL=aurora-canvas.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aurora-canvas.js","names":[],"sources":["../../../src/components/seasons/aurora-canvas.ts"],"mappings":"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"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { AURORA_FRAG_PRELUDE as e, useAuroraCanvas as t } from "./aurora-canvas.js";
|
|
3
|
+
import { memo as n, useRef as r } from "react";
|
|
4
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
5
|
+
//#region src/components/seasons/sidebar-aurora-horizontal.tsx
|
|
6
|
+
var a = `${e}
|
|
7
|
+
void main(){
|
|
8
|
+
vec2 uv = gl_FragCoord.xy / uResolution;
|
|
9
|
+
|
|
10
|
+
vec3 ramp = rampColor(uv.x);
|
|
11
|
+
|
|
12
|
+
// Noise samples along X — makes the aurora boundary undulate vertically over time.
|
|
13
|
+
float n = snoise(vec2(uv.x * 2.5 + uTime * 0.08, uTime * 0.18)) * 0.5;
|
|
14
|
+
n += snoise(vec2(uv.x * 5.0 - uTime * 0.05, uTime * 0.12 + 3.0)) * 0.25;
|
|
15
|
+
|
|
16
|
+
// pow(yi, 2.0) has zero slope at yi=0 so the boundary dissolves smoothly.
|
|
17
|
+
// No floor: above the boundary intensity is exactly 0, no ghost film.
|
|
18
|
+
float yi = clamp(((1.0 - uv.y) - 0.4) * 2.0 + n * 0.18, 0.0, 1.0);
|
|
19
|
+
float intensity = pow(yi, 2.0) * uBlend;
|
|
20
|
+
|
|
21
|
+
fragColor = vec4(ramp, intensity);
|
|
22
|
+
}`, o = n(function({ colors: e }) {
|
|
23
|
+
let n = r(null);
|
|
24
|
+
return t(n, a, e, "SidebarAuroraHorizontal"), /* @__PURE__ */ i("div", {
|
|
25
|
+
"aria-hidden": "true",
|
|
26
|
+
style: {
|
|
27
|
+
position: "absolute",
|
|
28
|
+
inset: 0,
|
|
29
|
+
overflow: "hidden",
|
|
30
|
+
borderRadius: "var(--radius-chrome-mobile, 16px)",
|
|
31
|
+
pointerEvents: "none"
|
|
32
|
+
},
|
|
33
|
+
children: /* @__PURE__ */ i("canvas", {
|
|
34
|
+
ref: n,
|
|
35
|
+
style: {
|
|
36
|
+
position: "absolute",
|
|
37
|
+
inset: 0,
|
|
38
|
+
width: "100%",
|
|
39
|
+
height: "100%"
|
|
40
|
+
}
|
|
41
|
+
})
|
|
42
|
+
});
|
|
43
|
+
});
|
|
44
|
+
//#endregion
|
|
45
|
+
export { o as SidebarAuroraHorizontal };
|
|
46
|
+
|
|
47
|
+
//# sourceMappingURL=sidebar-aurora-horizontal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-aurora-horizontal.js","names":[],"sources":["../../../src/components/seasons/sidebar-aurora-horizontal.tsx"],"mappings":";;;;;AASA,IAAM,IAAO,GAAG,EAAoB;;;;;;;;;;;;;;;;IAoBvB,IAA0B,EAAK,SAAiC,EAAE,aAAgC;CAC7G,IAAM,IAAY,EAA0B,IAAI;CAGhD,OAFA,EAAgB,GAAW,GAAM,GAAQ,yBAAyB,GAGhE,kBAAC,OAAD;EACE,eAAY;EACZ,OAAO;GACL,UAAU;GACV,OAAO;GACP,UAAU;GACV,cAAc;GACd,eAAe;EACjB;EAEA,UAAA,kBAAC,UAAD;GAAQ,KAAK;GAAW,OAAO;IAAE,UAAU;IAAY,OAAO;IAAG,OAAO;IAAQ,QAAQ;GAAO;EAAI,CAAA;CAChG,CAAA;AAET,CAAC"}
|