@fiestaboard/ui 3.4.0 → 5.0.0
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/README.md +13 -1
- package/dist/components/board/board-backdrop.d.ts +60 -0
- package/dist/components/board/board-backdrop.js +71 -0
- package/dist/components/board/board-backdrop.js.map +1 -0
- package/dist/components/board/board-display.js +123 -123
- package/dist/components/board/board-display.js.map +1 -1
- package/dist/components/board/static-board-display.js +32 -32
- package/dist/components/chrome/fiesta-logo.js +2 -2
- package/dist/components/chrome/fiesta-logo.js.map +1 -1
- package/dist/components/chrome/page-header.d.ts +66 -4
- package/dist/components/chrome/page-header.js +31 -11
- package/dist/components/chrome/page-header.js.map +1 -1
- package/dist/components/chrome/page-layout.js +1 -1
- package/dist/components/chrome/page-layout.js.map +1 -1
- package/dist/components/chrome/sidebar.d.ts +2 -5
- package/dist/components/chrome/sidebar.js +152 -173
- package/dist/components/chrome/sidebar.js.map +1 -1
- package/dist/components/containment/json-tree.js +2 -2
- package/dist/components/containment/json-tree.js.map +1 -1
- package/dist/components/editor/node-views/wrapped-text-view.js +1 -1
- package/dist/components/editor/node-views/wrapped-text-view.js.map +1 -1
- package/dist/components/editor/variable-picker-content.js +4 -4
- package/dist/components/feedback/alert.js +4 -4
- package/dist/components/feedback/alert.js.map +1 -1
- package/dist/components/feedback/badge.js +4 -4
- package/dist/components/feedback/badge.js.map +1 -1
- package/dist/components/forms/button.js +5 -5
- package/dist/components/forms/button.js.map +1 -1
- package/dist/components/layout/flex.d.ts +1 -1
- package/dist/components/layout/grid.d.ts +1 -1
- package/dist/components/layout/stack.d.ts +1 -1
- package/dist/components/plugin/board-showcase.js +2 -2
- package/dist/components/plugin/board-showcase.js.map +1 -1
- package/dist/components/plugin/plugin-category-badge.d.ts +27 -1
- package/dist/components/plugin/plugin-category-badge.js +18 -14
- package/dist/components/plugin/plugin-category-badge.js.map +1 -1
- package/dist/components/typography/text.js +1 -1
- package/dist/components/typography/text.js.map +1 -1
- package/dist/components/wizard/wizard-progress.d.ts +29 -0
- package/dist/components/wizard/wizard-progress.js +27 -0
- package/dist/components/wizard/wizard-progress.js.map +1 -0
- package/dist/components/wizard/wizard-shell.d.ts +63 -0
- package/dist/components/wizard/wizard-shell.js +69 -0
- package/dist/components/wizard/wizard-shell.js.map +1 -0
- package/dist/editor.css +10 -3
- package/dist/fonts.css +16 -8
- package/dist/index.d.ts +3 -5
- package/dist/index.js +90 -92
- package/dist/theme.css +684 -519
- package/package.json +4 -6
- package/dist/components/effects/aurora.d.ts +0 -9
- package/dist/components/effects/aurora.js +0 -121
- package/dist/components/effects/aurora.js.map +0 -1
- package/dist/components/effects/react-bits/decrypted-text.d.ts +0 -14
- package/dist/components/effects/react-bits/decrypted-text.js +0 -88
- package/dist/components/effects/react-bits/decrypted-text.js.map +0 -1
- package/dist/components/seasons/aurora-canvas.d.ts +0 -22
- package/dist/components/seasons/aurora-canvas.js +0 -91
- package/dist/components/seasons/aurora-canvas.js.map +0 -1
- package/dist/components/seasons/sidebar-aurora-horizontal.d.ts +0 -3
- package/dist/components/seasons/sidebar-aurora-horizontal.js +0 -47
- package/dist/components/seasons/sidebar-aurora-horizontal.js.map +0 -1
- package/dist/components/seasons/sidebar-aurora.d.ts +0 -3
- package/dist/components/seasons/sidebar-aurora.js +0 -57
- package/dist/components/seasons/sidebar-aurora.js.map +0 -1
- package/dist/lib/seasons-drafts.d.ts +0 -26
- package/dist/lib/seasons-drafts.js +0 -106
- package/dist/lib/seasons-drafts.js.map +0 -1
- package/dist/lib/seasons.d.ts +0 -52
- package/dist/lib/seasons.js +0 -59
- package/dist/lib/seasons.js.map +0 -1
- package/dist/seasons/christmas.css +0 -64
- package/dist/seasons/easter.css +0 -62
- package/dist/seasons/fathers-day.css +0 -62
- package/dist/seasons/halloween.css +0 -69
- package/dist/seasons/mothers-day.css +0 -63
- package/dist/seasons/new-year.css +0 -66
- package/dist/seasons/pride.css +0 -68
- package/dist/seasons/thanksgiving.css +0 -64
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { resolveColorCode as e } from "../../lib/board-colors.js";
|
|
3
3
|
import { messageToGrid as t, messageToText as n } from "../../lib/board-characters.js";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
4
|
+
import { gapClasses as r, paddingClasses as i, radiusClasses as a, sizeClasses as o, textSizeClasses as s } from "../../lib/board-metrics.js";
|
|
5
|
+
import { SEAM_CLASS as c, charLeafBoxShadow as l, seamStyle as u } from "./board-surfaces.js";
|
|
6
|
+
import { isNoteArray as d, resolveDimensions as f } from "../../lib/board-dimensions.js";
|
|
7
7
|
import { memo as p, useMemo as m } from "react";
|
|
8
8
|
import { jsx as h, jsxs as g } from "react/jsx-runtime";
|
|
9
9
|
//#region src/components/board/static-board-display.tsx
|
|
10
10
|
var _ = (e) => `Board preview: ${e}`, v = "Board preview", y = p(function({ message: p, size: y = "sm", boardType: b = "black", deviceType: x = "flagship", className: S = "", notesWide: C = 1, notesTall: w = 1, previewLabel: T, messageLabel: E = _, emptyLabel: D = "Empty board display" }) {
|
|
11
|
-
let O =
|
|
11
|
+
let O = f(x, C, w), k = d(x), A = b === "white", j = A ? "var(--color-board-surface-light)" : "var(--color-board-surface-dark)", M = A ? "var(--color-board-text-on-light)" : "var(--color-board-text-on-dark)", N = m(() => t(p ?? "", O.rows, O.cols, x), [
|
|
12
12
|
p,
|
|
13
13
|
O.rows,
|
|
14
14
|
O.cols,
|
|
@@ -39,26 +39,26 @@ var _ = (e) => `Board preview: ${e}`, v = "Board preview", y = p(function({ mess
|
|
|
39
39
|
width: "fit-content"
|
|
40
40
|
},
|
|
41
41
|
children: /* @__PURE__ */ h("div", {
|
|
42
|
-
className: `${
|
|
42
|
+
className: `${i[y]} relative`,
|
|
43
43
|
"aria-hidden": "true",
|
|
44
44
|
style: { background: A ? "linear-gradient(135deg, var(--color-board-surface-light) 0%, var(--color-board-bezel-border-light) 100%)" : "linear-gradient(135deg, var(--color-board-surface-dark) 0%, var(--color-board-black) 100%)" },
|
|
45
45
|
children: /* @__PURE__ */ h("div", {
|
|
46
|
-
className: `flex flex-col ${
|
|
46
|
+
className: `flex flex-col ${r[y]}`,
|
|
47
47
|
children: N.map((t, n) => {
|
|
48
|
-
let
|
|
48
|
+
let i = k && n > 0 && n % 3 == 0;
|
|
49
49
|
return /* @__PURE__ */ h("div", {
|
|
50
50
|
"data-note-row": "",
|
|
51
|
-
...
|
|
52
|
-
className: `flex ${
|
|
53
|
-
style:
|
|
51
|
+
...i ? { "data-note-row-seam": "true" } : {},
|
|
52
|
+
className: `flex ${r[y]} justify-center`,
|
|
53
|
+
style: i ? { marginTop: F } : void 0,
|
|
54
54
|
children: t.map((t, n) => {
|
|
55
|
-
let r = k && n > 0 && n % 15 == 0, i = r ? { marginLeft: F } : void 0,
|
|
55
|
+
let r = k && n > 0 && n % 15 == 0, i = r ? { marginLeft: F } : void 0, d = r ? { "data-note-col-seam": "true" } : {};
|
|
56
56
|
if (t.type === "color") {
|
|
57
57
|
let r = e(t.code, A);
|
|
58
58
|
return y === "sm" ? /* @__PURE__ */ h("div", {
|
|
59
59
|
"data-note-tile": "",
|
|
60
|
-
...
|
|
61
|
-
className: `${
|
|
60
|
+
...d,
|
|
61
|
+
className: `${o[y]} ${a[y]} shrink-0`,
|
|
62
62
|
style: {
|
|
63
63
|
backgroundColor: r,
|
|
64
64
|
boxShadow: z,
|
|
@@ -67,8 +67,8 @@ var _ = (e) => `Board preview: ${e}`, v = "Board preview", y = p(function({ mess
|
|
|
67
67
|
}
|
|
68
68
|
}, n) : /* @__PURE__ */ h("div", {
|
|
69
69
|
"data-note-tile": "",
|
|
70
|
-
...
|
|
71
|
-
className: `relative ${
|
|
70
|
+
...d,
|
|
71
|
+
className: `relative ${o[y]} ${a[y]} shrink-0 overflow-hidden`,
|
|
72
72
|
style: {
|
|
73
73
|
backgroundColor: j,
|
|
74
74
|
boxShadow: z,
|
|
@@ -76,7 +76,7 @@ var _ = (e) => `Board preview: ${e}`, v = "Board preview", y = p(function({ mess
|
|
|
76
76
|
...i
|
|
77
77
|
},
|
|
78
78
|
children: /* @__PURE__ */ h("div", {
|
|
79
|
-
className: `absolute ${
|
|
79
|
+
className: `absolute ${a[y]} overflow-hidden`,
|
|
80
80
|
style: {
|
|
81
81
|
top: "3px",
|
|
82
82
|
bottom: "4px",
|
|
@@ -86,32 +86,32 @@ var _ = (e) => `Board preview: ${e}`, v = "Board preview", y = p(function({ mess
|
|
|
86
86
|
boxShadow: "0 2px 4px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.15), inset 0 -1px 1px rgba(0,0,0,0.25)"
|
|
87
87
|
},
|
|
88
88
|
children: /* @__PURE__ */ h("div", {
|
|
89
|
-
className:
|
|
90
|
-
style:
|
|
89
|
+
className: c,
|
|
90
|
+
style: u[b]
|
|
91
91
|
})
|
|
92
92
|
})
|
|
93
93
|
}, n);
|
|
94
94
|
}
|
|
95
|
-
let
|
|
95
|
+
let f = t.value, p = f === "♥";
|
|
96
96
|
return y === "sm" ? /* @__PURE__ */ h("div", {
|
|
97
97
|
"data-note-tile": "",
|
|
98
|
-
...
|
|
99
|
-
className: `${
|
|
98
|
+
...d,
|
|
99
|
+
className: `${o[y]} ${a[y]} flex shrink-0 items-center justify-center`,
|
|
100
100
|
style: {
|
|
101
101
|
backgroundColor: j,
|
|
102
102
|
boxShadow: z,
|
|
103
103
|
contain: "layout style paint",
|
|
104
104
|
...i
|
|
105
105
|
},
|
|
106
|
-
children:
|
|
107
|
-
className: `${
|
|
106
|
+
children: f !== " " && /* @__PURE__ */ h("span", {
|
|
107
|
+
className: `${s[y]} font-mono font-semibold select-none leading-none`,
|
|
108
108
|
style: { color: p ? "#eb4034" : M },
|
|
109
|
-
children:
|
|
109
|
+
children: f
|
|
110
110
|
})
|
|
111
111
|
}, n) : /* @__PURE__ */ g("div", {
|
|
112
112
|
"data-note-tile": "",
|
|
113
|
-
...
|
|
114
|
-
className: `relative ${
|
|
113
|
+
...d,
|
|
114
|
+
className: `relative ${o[y]} ${a[y]} shrink-0 overflow-hidden`,
|
|
115
115
|
style: {
|
|
116
116
|
backgroundColor: j,
|
|
117
117
|
boxShadow: z,
|
|
@@ -123,17 +123,17 @@ var _ = (e) => `Board preview: ${e}`, v = "Board preview", y = p(function({ mess
|
|
|
123
123
|
className: "absolute inset-0 flex items-center justify-center",
|
|
124
124
|
style: {
|
|
125
125
|
zIndex: 2,
|
|
126
|
-
boxShadow:
|
|
126
|
+
boxShadow: l[b]
|
|
127
127
|
},
|
|
128
|
-
children:
|
|
129
|
-
className: `${
|
|
128
|
+
children: f !== " " && /* @__PURE__ */ h("span", {
|
|
129
|
+
className: `${s[y]} font-mono font-semibold select-none leading-none`,
|
|
130
130
|
style: { color: p ? "#eb4034" : M },
|
|
131
|
-
children:
|
|
131
|
+
children: f
|
|
132
132
|
})
|
|
133
133
|
}),
|
|
134
134
|
/* @__PURE__ */ h("div", {
|
|
135
|
-
className:
|
|
136
|
-
style:
|
|
135
|
+
className: c,
|
|
136
|
+
style: u[b]
|
|
137
137
|
}),
|
|
138
138
|
/* @__PURE__ */ h("div", {
|
|
139
139
|
className: "absolute inset-0 pointer-events-none",
|
|
@@ -6,10 +6,10 @@ var i = t(function({ size: t = "md", className: i }) {
|
|
|
6
6
|
return /* @__PURE__ */ r("span", {
|
|
7
7
|
className: e("inline-flex items-baseline select-none leading-none tracking-tight", t === "sm" ? "text-lg" : "text-xl", i),
|
|
8
8
|
children: [/* @__PURE__ */ n("span", {
|
|
9
|
-
className: "font-black text-brand
|
|
9
|
+
className: "logo-fiesta-text font-black text-[color:var(--brand-wordmark)]",
|
|
10
10
|
children: "Fiesta"
|
|
11
11
|
}), /* @__PURE__ */ n("span", {
|
|
12
|
-
className: "font-light
|
|
12
|
+
className: "text-foreground font-light",
|
|
13
13
|
children: "Board"
|
|
14
14
|
})]
|
|
15
15
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fiesta-logo.js","names":[],"sources":["../../../src/components/chrome/fiesta-logo.tsx"],"mappings":";;;;AASA,IAAa,IAAa,EAAK,SAAoB,EAAE,UAAO,MAAM,gBAA8B;CAG9F,OACE,kBAAC,QAAD;EACE,WAAW,EACT,sEALO,MAAS,OAMT,YAAY,WACnB,CACF;EALF,UAAA,
|
|
1
|
+
{"version":3,"file":"fiesta-logo.js","names":[],"sources":["../../../src/components/chrome/fiesta-logo.tsx"],"mappings":";;;;AASA,IAAa,IAAa,EAAK,SAAoB,EAAE,UAAO,MAAM,gBAA8B;CAG9F,OACE,kBAAC,QAAD;EACE,WAAW,EACT,sEALO,MAAS,OAMT,YAAY,WACnB,CACF;EALF,UAAA,CAWE,kBAAC,QAAD;GAAM,WAAU;GAAiE,UAAA;EAAY,CAAA,GAK7F,kBAAC,QAAD;GAAM,WAAU;GAA6B,UAAA;EAAW,CAAA,CACpD;;AAEV,CAAC"}
|
|
@@ -1,4 +1,33 @@
|
|
|
1
1
|
import type { LucideIcon } from "lucide-react";
|
|
2
|
+
/**
|
|
3
|
+
* The six board hues at an ink lightness. A page icon takes exactly one.
|
|
4
|
+
*
|
|
5
|
+
* These are ordered as they sit on the hardware's own colour wheel, so
|
|
6
|
+
* neighbouring routes in a nav list tend to land on neighbouring hues rather
|
|
7
|
+
* than on two reds.
|
|
8
|
+
*/
|
|
9
|
+
export declare const PAGE_HUES: readonly ["red", "orange", "yellow", "green", "blue", "violet"];
|
|
10
|
+
export type PageHue = (typeof PAGE_HUES)[number];
|
|
11
|
+
/**
|
|
12
|
+
* FALLBACK hue for a page that has not been assigned one. Prefer passing
|
|
13
|
+
* `hue` explicitly — see the note on the prop.
|
|
14
|
+
*
|
|
15
|
+
* DETERMINISTIC, NOT RANDOM, and that part is the whole design. A route that
|
|
16
|
+
* is green today and blue tomorrow teaches a user nothing and reads as a
|
|
17
|
+
* rendering bug the second time they meet it; a route that is ALWAYS green
|
|
18
|
+
* becomes something they can navigate by, the way a coloured tab works in a
|
|
19
|
+
* filing cabinet. The variety is identical either way — six colours across the
|
|
20
|
+
* app — but only one version of it is learnable.
|
|
21
|
+
*
|
|
22
|
+
* What a hash CANNOT do is spread six routes across six colours. Hashing the
|
|
23
|
+
* app's six primary routes puts three of them on red and leaves green and
|
|
24
|
+
* orange unused — that is the birthday problem, not a bad seed function, and
|
|
25
|
+
* no amount of re-hashing fixes it. So this is the fallback, and assignment is
|
|
26
|
+
* the contract: six routes, six hues, each used once, decided by a person.
|
|
27
|
+
*
|
|
28
|
+
* FNV-1a, so the fallback is at least stable across sessions and builds.
|
|
29
|
+
*/
|
|
30
|
+
export declare function pageHue(seed: string): PageHue;
|
|
2
31
|
interface PageHeaderProps {
|
|
3
32
|
icon: LucideIcon;
|
|
4
33
|
title: string;
|
|
@@ -6,14 +35,47 @@ interface PageHeaderProps {
|
|
|
6
35
|
children?: React.ReactNode;
|
|
7
36
|
className?: string;
|
|
8
37
|
animationDelay?: string;
|
|
38
|
+
/**
|
|
39
|
+
* The page's colour, one of the board's six. ASSIGN THIS. Walk the nav in
|
|
40
|
+
* order and hand out `PAGE_HUES` so every route gets a distinct hue and no
|
|
41
|
+
* two neighbours collide — a hash cannot do that for you (see `pageHue`).
|
|
42
|
+
*
|
|
43
|
+
* Assigning also decouples the colour from the copy, which matters for any
|
|
44
|
+
* page whose title is dynamic: renaming a board or a plugin must not
|
|
45
|
+
* repaint the page.
|
|
46
|
+
*
|
|
47
|
+
* Omitted, it falls back to hashing `title`.
|
|
48
|
+
*/
|
|
49
|
+
hue?: PageHue;
|
|
9
50
|
}
|
|
10
51
|
/**
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
*
|
|
52
|
+
* ONE OF SIX BOARD COLOURS, NOT A GRADIENT (#231). The icon used to stroke
|
|
53
|
+
* itself with `url(#page-icon-gradient)` — a three-stop ramp that was the
|
|
54
|
+
* same on every page, so it carried no information and cost an SVG defs
|
|
55
|
+
* element mounted at the app root to render at all. It now takes a single
|
|
56
|
+
* hue from the board's own six, derived from the page, so the six colours
|
|
57
|
+
* the hardware can flip are also the six the app navigates by.
|
|
58
|
+
*
|
|
59
|
+
* A HEADER, NOT A CARD (#231). This used to render
|
|
60
|
+
* `rounded-xl border bg-card px-6 py-4` — the identical recipe to every
|
|
61
|
+
* content card below it. Ten routes therefore opened with two peer cards and
|
|
62
|
+
* no focal point, and because `.page-title` was smaller than `CardTitle`, a
|
|
63
|
+
* section heading nested inside a sibling card optically outranked the page's
|
|
64
|
+
* own H1. The title is now type on the page background, which is the only
|
|
65
|
+
* change that lets anything on a settings screen outrank anything else.
|
|
66
|
+
*
|
|
67
|
+
* `children` is an ACTION SLOT and now renders beside the title rather than
|
|
68
|
+
* below the description, so a route can put its primary action on the header
|
|
69
|
+
* row without hand-writing a float.
|
|
14
70
|
*/
|
|
15
|
-
export declare const PageHeader: import("react").MemoExoticComponent<({ icon: Icon, title, description, children, className, animationDelay, }: PageHeaderProps) => import("react").JSX.Element>;
|
|
71
|
+
export declare const PageHeader: import("react").MemoExoticComponent<({ icon: Icon, title, description, children, className, animationDelay, hue, }: PageHeaderProps) => import("react").JSX.Element>;
|
|
16
72
|
/**
|
|
73
|
+
* @deprecated Nothing in FiestaUI references `#page-icon-gradient` any more —
|
|
74
|
+
* PageHeader now takes one of the six board hues (see `pageHue`). This is kept
|
|
75
|
+
* exported and working so consumers that mount it at their app root do not
|
|
76
|
+
* break on this release; it renders an unused <defs> and can be deleted from
|
|
77
|
+
* the consumer, then from here, in the next minor.
|
|
78
|
+
*
|
|
17
79
|
* Global SVG defs for the page-icon gradient. Stops read the --icon-g1..6
|
|
18
80
|
* custom properties from theme.css, so the gradient follows the theme
|
|
19
81
|
* (including the pride-month rainbow override). Render exactly once,
|
|
@@ -2,31 +2,51 @@ import { cn as e } from "../../lib/utils.js";
|
|
|
2
2
|
import { memo as t } from "react";
|
|
3
3
|
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
4
4
|
//#region src/components/chrome/page-header.tsx
|
|
5
|
-
var i = {
|
|
5
|
+
var i = { position: "absolute" }, a = [
|
|
6
|
+
"red",
|
|
7
|
+
"orange",
|
|
8
|
+
"yellow",
|
|
9
|
+
"green",
|
|
10
|
+
"blue",
|
|
11
|
+
"violet"
|
|
12
|
+
], o = {
|
|
13
|
+
red: "text-hue-red",
|
|
14
|
+
orange: "text-hue-orange",
|
|
15
|
+
yellow: "text-hue-yellow",
|
|
16
|
+
green: "text-hue-green",
|
|
17
|
+
blue: "text-hue-blue",
|
|
18
|
+
violet: "text-hue-violet"
|
|
19
|
+
};
|
|
20
|
+
function s(e) {
|
|
21
|
+
let t = 2166136261;
|
|
22
|
+
for (let n = 0; n < e.length; n++) t ^= e.charCodeAt(n), t = Math.imul(t, 16777619);
|
|
23
|
+
return a[Math.abs(t) % a.length];
|
|
24
|
+
}
|
|
25
|
+
var c = t(function({ icon: t, title: i, description: a, children: c, className: l, animationDelay: u = "0ms", hue: d }) {
|
|
26
|
+
let f = d ?? s(i);
|
|
6
27
|
return /* @__PURE__ */ r("div", {
|
|
7
|
-
className: e("mb-
|
|
8
|
-
style: { animationDelay:
|
|
28
|
+
className: e("mb-6 flex flex-wrap items-start justify-between gap-x-6 gap-y-3 animate-card-fade-in", l),
|
|
29
|
+
style: { animationDelay: u },
|
|
9
30
|
children: [/* @__PURE__ */ r("div", {
|
|
10
31
|
className: "min-w-0",
|
|
11
32
|
children: [/* @__PURE__ */ r("h1", {
|
|
12
33
|
className: "page-title flex items-center gap-3",
|
|
13
34
|
children: [/* @__PURE__ */ n(t, {
|
|
14
|
-
className: "h-
|
|
15
|
-
style: i,
|
|
35
|
+
className: e("h-6 w-6 flex-shrink-0", o[f]),
|
|
16
36
|
"aria-hidden": "true"
|
|
17
|
-
}),
|
|
37
|
+
}), i]
|
|
18
38
|
}), /* @__PURE__ */ n("p", {
|
|
19
39
|
className: "page-description",
|
|
20
|
-
children:
|
|
40
|
+
children: a
|
|
21
41
|
})]
|
|
22
|
-
}),
|
|
42
|
+
}), c]
|
|
23
43
|
});
|
|
24
|
-
}),
|
|
44
|
+
}), l = t(function() {
|
|
25
45
|
return /* @__PURE__ */ n("svg", {
|
|
26
46
|
width: "0",
|
|
27
47
|
height: "0",
|
|
28
48
|
"aria-hidden": "true",
|
|
29
|
-
style:
|
|
49
|
+
style: i,
|
|
30
50
|
children: /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ r("linearGradient", {
|
|
31
51
|
id: "page-icon-gradient",
|
|
32
52
|
gradientUnits: "userSpaceOnUse",
|
|
@@ -64,6 +84,6 @@ var i = { stroke: "url(#page-icon-gradient)" }, a = { position: "absolute" }, o
|
|
|
64
84
|
});
|
|
65
85
|
});
|
|
66
86
|
//#endregion
|
|
67
|
-
export {
|
|
87
|
+
export { a as PAGE_HUES, c as PageHeader, l as PageIconGradientDefs, s as pageHue };
|
|
68
88
|
|
|
69
89
|
//# sourceMappingURL=page-header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-header.js","names":[],"sources":["../../../src/components/chrome/page-header.tsx"],"mappings":";;;;AAMA,IAAM,
|
|
1
|
+
{"version":3,"file":"page-header.js","names":[],"sources":["../../../src/components/chrome/page-header.tsx"],"mappings":";;;;AAMA,IAAM,IAAsC,EAAE,UAAU,WAAW,GAStD,IAAY;CAAC;CAAO;CAAU;CAAU;CAAS;CAAQ;AAAQ,GAIxE,IAAqC;CACzC,KAAK;CACL,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,MAAM;CACN,QAAQ;AACV;AAqBA,SAAgB,EAAQ,GAAuB;CAC7C,IAAI,IAAI;CACR,KAAK,IAAI,IAAI,GAAG,IAAI,EAAK,QAAQ,KAE/B,AADA,KAAK,EAAK,WAAW,CAAC,GACtB,IAAI,KAAK,KAAK,GAAG,QAAU;CAE7B,OAAO,EAAU,KAAK,IAAI,CAAC,IAAI,EAAU;AAC3C;AA2CA,IAAa,IAAa,EAAK,SAAoB,EACjD,MAAM,GACN,UACA,gBACA,aACA,cACA,oBAAiB,OACjB,UACkB;CAClB,IAAM,IAAW,KAAO,EAAQ,CAAK;CACrC,OACE,kBAAC,OAAD;EACE,WAAW,EAAG,wFAAwF,CAAS;EAC/G,OAAO,EAAE,kBAAe;EAF1B,UAAA,CAIE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;IAAd,UAAA,CACE,kBAAC,GAAD;KAAM,WAAW,EAAG,yBAAyB,EAAU,EAAS;KAAG,eAAY;IAAQ,CAAA,GACtF,CACC;GACJ,CAAA,GAAA,kBAAC,KAAD;IAAG,WAAU;IAAoB,UAAA;GAAe,CAAA,CAC7C;EACJ,CAAA,GAAA,CACE;;AAET,CAAC,GAcY,IAAuB,EAAK,WAAgC;CACvE,OACE,kBAAC,OAAD;EAAK,OAAM;EAAI,QAAO;EAAI,eAAY;EAAO,OAAO;EAClD,UAAA,kBAAC,QAAD,EAAA,UACE,kBAAC,kBAAD;GAAgB,IAAG;GAAqB,eAAc;GAAiB,IAAG;GAAI,IAAG;GAAI,IAAG;GAAK,IAAG;GAAhG,UAAA;IACE,kBAAC,QAAD;KAAM,QAAO;KAAK,WAAU;IAAkB,CAAA;IAC9C,kBAAC,QAAD;KAAM,QAAO;KAAM,WAAU;IAAkB,CAAA;IAC/C,kBAAC,QAAD;KAAM,QAAO;KAAM,WAAU;IAAkB,CAAA;IAC/C,kBAAC,QAAD;KAAM,QAAO;KAAM,WAAU;IAAkB,CAAA;IAC/C,kBAAC,QAAD;KAAM,QAAO;KAAM,WAAU;IAAkB,CAAA;IAC/C,kBAAC,QAAD;KAAM,QAAO;KAAO,WAAU;IAAkB,CAAA;GAClC;EACZ,CAAA,EAAA,CAAA;CACH,CAAA;AAET,CAAC"}
|
|
@@ -6,7 +6,7 @@ var r = t(function({ children: t, className: r, outerClassName: i, fillHeight: a
|
|
|
6
6
|
return /* @__PURE__ */ n("div", {
|
|
7
7
|
className: e("bg-background overflow-x-hidden", a ? "min-h-full sm:h-[calc(100dvh-72px)] sm:flex sm:flex-col sm:overflow-hidden lg:h-dvh" : "min-h-full", i),
|
|
8
8
|
children: /* @__PURE__ */ n("div", {
|
|
9
|
-
className: e("container mx-auto px-
|
|
9
|
+
className: e("container mx-auto px-4 md:px-6 py-4 sm:py-6 md:py-8 lg:py-7 max-w-full", a && "py-2 sm:py-3 sm:flex-1 sm:min-h-0 sm:flex sm:flex-col sm:overflow-hidden", r),
|
|
10
10
|
children: t
|
|
11
11
|
})
|
|
12
12
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-layout.js","names":[],"sources":["../../../src/components/chrome/page-layout.tsx"],"mappings":";;;;AAaA,IAAa,IAAa,EAAK,SAAoB,EACjD,aACA,cACA,mBACA,iBACkB;CAClB,OACE,kBAAC,OAAD;EACE,WAAW,EACT,mCAKA,IACI,wFACA,cACJ,CACF;EAEA,UAAA,kBAAC,OAAD;GACE,WAAW,
|
|
1
|
+
{"version":3,"file":"page-layout.js","names":[],"sources":["../../../src/components/chrome/page-layout.tsx"],"mappings":";;;;AAaA,IAAa,IAAa,EAAK,SAAoB,EACjD,aACA,cACA,mBACA,iBACkB;CAClB,OACE,kBAAC,OAAD;EACE,WAAW,EACT,mCAKA,IACI,wFACA,cACJ,CACF;EAEA,UAAA,kBAAC,OAAD;GACE,WAAW,EAmBT,0EAIA,KAAc,4EACd,CACF;GAEC;EACE,CAAA;CACF,CAAA;AAET,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { Season } from "../../lib/seasons";
|
|
2
1
|
export interface SidebarNavItem {
|
|
3
2
|
key: string;
|
|
4
3
|
href: string;
|
|
@@ -54,9 +53,7 @@ export interface SidebarProps {
|
|
|
54
53
|
* aware asset URLs).
|
|
55
54
|
*/
|
|
56
55
|
logoIconSrc?: string;
|
|
57
|
-
/**
|
|
58
|
-
season?: Season | null;
|
|
59
|
-
/** Click handler for the seasonal logo button (celebration lives in the app). */
|
|
56
|
+
/** Click handler for the logo. When present, the lockup renders as a button. */
|
|
60
57
|
onLogoClick?: (e: React.MouseEvent) => void;
|
|
61
58
|
/** AI assistant nav entry; omit to hide. */
|
|
62
59
|
ai?: {
|
|
@@ -80,4 +77,4 @@ export interface SidebarProps {
|
|
|
80
77
|
/** Gap between the app edge and the sidebar in px. */
|
|
81
78
|
sidebarInset: number;
|
|
82
79
|
}
|
|
83
|
-
export declare const Sidebar: import("react").MemoExoticComponent<({ labels, primaryItems, secondaryItems, renderLink, collapsed, transitioning, onToggleCollapsed, onTransitionEnd, logoIconSrc,
|
|
80
|
+
export declare const Sidebar: import("react").MemoExoticComponent<({ labels, primaryItems, secondaryItems, renderLink, collapsed, transitioning, onToggleCollapsed, onTransitionEnd, logoIconSrc, onLogoClick, ai, boardSelector, mobileBoardSelector, renderAccount, versionSlot, themeToggleSlot, maxWidth, sidebarInset, }: SidebarProps) => import("react").JSX.Element>;
|