cursedbelt 5.63.0 → 5.66.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/dist/looks.css +237 -0
- package/dist/react/components/Accordion.d.ts.map +1 -1
- package/dist/react/components/Accordion.js +6 -1
- package/dist/react/components/Accordion.js.map +1 -1
- package/dist/react/components/Button.d.ts.map +1 -1
- package/dist/react/components/Button.js +26 -5
- package/dist/react/components/Button.js.map +1 -1
- package/dist/react/components/CardTapTarget.d.ts.map +1 -1
- package/dist/react/components/CardTapTarget.js +5 -1
- package/dist/react/components/CardTapTarget.js.map +1 -1
- package/dist/react/components/ColorField.js +1 -1
- package/dist/react/components/ColorField.js.map +1 -1
- package/dist/react/components/ComboboxField.js +1 -1
- package/dist/react/components/ComboboxField.js.map +1 -1
- package/dist/react/components/CopyButton.d.ts.map +1 -1
- package/dist/react/components/CopyButton.js +2 -1
- package/dist/react/components/CopyButton.js.map +1 -1
- package/dist/react/components/SecretInput.js +1 -1
- package/dist/react/components/SecretInput.js.map +1 -1
- package/dist/react/components/TagsInput.js +1 -1
- package/dist/react/components/TagsInput.js.map +1 -1
- package/dist/react/components/auth/SignInCard.d.ts +9 -1
- package/dist/react/components/auth/SignInCard.d.ts.map +1 -1
- package/dist/react/components/auth/SignInCard.js +2 -2
- package/dist/react/components/auth/SignInCard.js.map +1 -1
- package/dist/react/components/searchInput.css +4 -2
- package/dist/react/index.d.ts +3 -0
- package/dist/react/index.d.ts.map +1 -1
- package/dist/react/index.js +3 -0
- package/dist/react/index.js.map +1 -1
- package/dist/react/lib/field.d.ts +2 -2
- package/dist/react/lib/field.d.ts.map +1 -1
- package/dist/react/lib/field.js +9 -3
- package/dist/react/lib/field.js.map +1 -1
- package/dist/react/look/LookPicker.d.ts +27 -0
- package/dist/react/look/LookPicker.d.ts.map +1 -0
- package/dist/react/look/LookPicker.js +29 -0
- package/dist/react/look/LookPicker.js.map +1 -0
- package/dist/react/look/lookStore.d.ts +88 -0
- package/dist/react/look/lookStore.d.ts.map +1 -0
- package/dist/react/look/lookStore.js +120 -0
- package/dist/react/look/lookStore.js.map +1 -0
- package/dist/react/look/useLook.d.ts +22 -0
- package/dist/react/look/useLook.d.ts.map +1 -0
- package/dist/react/look/useLook.js +16 -0
- package/dist/react/look/useLook.js.map +1 -0
- package/dist/react/media-gallery/MediaGallery.d.ts +22 -1
- package/dist/react/media-gallery/MediaGallery.d.ts.map +1 -1
- package/dist/react/media-gallery/MediaGallery.js +13 -3
- package/dist/react/media-gallery/MediaGallery.js.map +1 -1
- package/dist/react/nav/TopBar.d.ts.map +1 -1
- package/dist/react/nav/TopBar.js +13 -2
- package/dist/react/nav/TopBar.js.map +1 -1
- package/dist/styles-areas/calendar.css +2 -2
- package/dist/styles-areas/chat.css +7 -7
- package/dist/styles-areas/core.css +62 -59
- package/dist/styles-areas/emoji.css +3 -3
- package/dist/styles-areas/folder-tree.css +3 -3
- package/dist/styles-areas/layout-engine.css +6 -6
- package/dist/styles-areas/media-gallery.css +3 -3
- package/dist/styles-areas/media.css +4 -4
- package/dist/styles-areas/overlays.css +4 -4
- package/dist/styles-areas/workbench.css +7 -7
- package/dist/styles-utilities.css +55 -2
- package/dist/theme.css +3 -0
- package/package.json +2 -1
- package/scripts/styleAreas.ts +2 -0
- package/src/looks.css +237 -0
- package/src/looks.spec.ts +128 -0
- package/src/react/components/Accordion.tsx +8 -1
- package/src/react/components/Button.spec.tsx +15 -0
- package/src/react/components/Button.tsx +27 -5
- package/src/react/components/CardTapTarget.tsx +4 -1
- package/src/react/components/ColorField.tsx +1 -1
- package/src/react/components/ComboboxField.tsx +1 -1
- package/src/react/components/CopyButton.tsx +2 -1
- package/src/react/components/SecretInput.tsx +1 -1
- package/src/react/components/TagsInput.tsx +1 -1
- package/src/react/components/auth/SignInCard.spec.tsx +9 -0
- package/src/react/components/auth/SignInCard.tsx +10 -1
- package/src/react/components/searchInput.css +4 -2
- package/src/react/index.ts +22 -0
- package/src/react/lib/field.ts +9 -3
- package/src/react/look/LookPicker.spec.tsx +40 -0
- package/src/react/look/LookPicker.tsx +112 -0
- package/src/react/look/lookStore.spec.ts +120 -0
- package/src/react/look/lookStore.ts +172 -0
- package/src/react/look/useLook.ts +37 -0
- package/src/react/media-gallery/MediaGallery.spec.tsx +65 -1
- package/src/react/media-gallery/MediaGallery.tsx +37 -2
- package/src/react/nav/TopBar.spec.tsx +34 -0
- package/src/react/nav/TopBar.tsx +22 -0
- package/src/styles-areas/calendar.css +2 -2
- package/src/styles-areas/chat.css +7 -7
- package/src/styles-areas/core.css +62 -59
- package/src/styles-areas/emoji.css +3 -3
- package/src/styles-areas/folder-tree.css +3 -3
- package/src/styles-areas/layout-engine.css +6 -6
- package/src/styles-areas/media-gallery.css +3 -3
- package/src/styles-areas/media.css +4 -4
- package/src/styles-areas/overlays.css +4 -4
- package/src/styles-areas/workbench.css +7 -7
- package/src/styles-utilities.css +55 -2
- package/src/theme.css +3 -0
package/dist/looks.css
ADDED
|
@@ -0,0 +1,237 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* The LOOKS an app can switch between — every one a theme SCOPE in the exact sense `theme.css`
|
|
3
|
+
* gives `.cb-aurora`: a class on <html> that re-binds the semantic surface tokens every component
|
|
4
|
+
* already reads, so nothing downstream takes a variant prop and a component never knows which
|
|
5
|
+
* look it is in. `cb-aurora` itself stays in `theme.css` (ten apps wear it statically); this file
|
|
6
|
+
* holds the rest, and an app imports it AFTER `theme.css` only when it offers a choice:
|
|
7
|
+
*
|
|
8
|
+
* @import "cursedbelt/theme.css";
|
|
9
|
+
* @import "cursedbelt/looks.css";
|
|
10
|
+
*
|
|
11
|
+
* The store that puts the class there is `cursedbelt/react` (`initLook`, `useLook`, `LookPicker`).
|
|
12
|
+
*
|
|
13
|
+
* ── The contract every look keeps (`src/looks.spec.ts` holds it) ─────────────────────────────
|
|
14
|
+
* · Both schemes: a light block (`.cb-<look>`) and a dark one (`.cb-<look>.dark, .dark .cb-<look>`),
|
|
15
|
+
* written for both shapes the scope lands in — on <html> beside `.dark`, or nested inside a
|
|
16
|
+
* `.dark` ancestor (a LookPicker card drawing itself, an AuthCard front door).
|
|
17
|
+
* · The same token set `.cb-aurora` re-binds, scheme for scheme: nothing a look forgets can leak
|
|
18
|
+
* the previous look's value through.
|
|
19
|
+
* · The field aliases and `--rule` re-declared in every block — the one-indirection trap
|
|
20
|
+
* `theme.css` documents at `.cb-aurora`: `var()` is substituted where a property is DECLARED,
|
|
21
|
+
* so a scope that re-binds `--background` must re-run `--field-bg: var(--background)` itself.
|
|
22
|
+
* · Measured, not eyeballed: foreground and muted-foreground clear 4.5:1 on every surface a look
|
|
23
|
+
* defines, border-strong clears 3:1 on the card, and the hairline sits between 1.3 and 1.6:1
|
|
24
|
+
* (quiet, still traceable under office lighting).
|
|
25
|
+
* · The four accent tokens are the APP's, as they are under aurora. A look is surfaces only.
|
|
26
|
+
*
|
|
27
|
+
* ── The three ──────────────────────────────────────────────────────────────────────────────────
|
|
28
|
+
* obsidian The design law from the owner's drafting area (2026-10-06), in the lineage of Linear
|
|
29
|
+
* and Obsidian: a monochrome workspace, near-black by default, hairline borders, no
|
|
30
|
+
* ambient field and no glass — colour on the page is the accent and the status hues,
|
|
31
|
+
* and nothing else. Its light scheme is the same discipline on an off-white canvas.
|
|
32
|
+
* nord arcticicestudio's Polar Night / Snow Storm ramps, softened to the contrast floors.
|
|
33
|
+
* dracula Dracula's grounds with its warm off-white text; the light scheme is the cream of
|
|
34
|
+
* its Alucard variant.
|
|
35
|
+
*
|
|
36
|
+
* Every literal below is a look's token definition — the one place a colour may be spelled.
|
|
37
|
+
*/
|
|
38
|
+
|
|
39
|
+
/* ───────────────────────────────── obsidian ───────────────────────────────── */
|
|
40
|
+
.cb-obsidian {
|
|
41
|
+
--background: #f7f7f8; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
42
|
+
--foreground: #18181b; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
43
|
+
--surface: #ffffff; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
44
|
+
--card: #ffffff; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
45
|
+
--card-foreground: #18181b; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
46
|
+
--card-raised: #f3f3f5; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
47
|
+
--card-overlay: #ffffff; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
48
|
+
--popover: #ffffff; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
49
|
+
--popover-foreground: #18181b; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
50
|
+
--muted: #ececef; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
51
|
+
--muted-foreground: #52525b; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
52
|
+
--surface-sunken: #f0f0f2; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
53
|
+
--border: #d4d4d8; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
54
|
+
--border-strong: #86868f; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
55
|
+
--rule: color-mix(in srgb, var(--border) 55%, transparent);
|
|
56
|
+
--shadow-raised: 0 1px 2px rgb(9 9 11 / 0.06); /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
57
|
+
--shadow-overlay: 0 6px 24px -6px rgb(9 9 11 / 0.16), 0 2px 8px -2px rgb(9 9 11 / 0.1); /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
58
|
+
--shadow-popover: 0 24px 64px -16px rgb(9 9 11 / 0.28), 0 8px 24px -8px rgb(9 9 11 / 0.14); /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
59
|
+
/* No glass and no ambient field: the chrome is a solid panel, and the backdrop paints nothing. */
|
|
60
|
+
--glass-bg: color-mix(in srgb, var(--card) 88%, transparent);
|
|
61
|
+
--glass-bg-strong: color-mix(in srgb, var(--card) 96%, transparent);
|
|
62
|
+
--glass-edge: var(--border);
|
|
63
|
+
--glass-shadow: var(--shadow-overlay);
|
|
64
|
+
--ambient-strength: 0;
|
|
65
|
+
--field-bg: var(--surface);
|
|
66
|
+
--field-bg-solid: var(--surface);
|
|
67
|
+
--field-border: var(--border-strong);
|
|
68
|
+
--field-fg: var(--foreground);
|
|
69
|
+
--field-placeholder: var(--muted-foreground);
|
|
70
|
+
--field-ring: var(--ring);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.cb-obsidian.dark,
|
|
74
|
+
.dark .cb-obsidian {
|
|
75
|
+
--background: #09090b; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
76
|
+
--foreground: #f4f4f5; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
77
|
+
--surface: #131316; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
78
|
+
--card: #131316; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
79
|
+
--card-foreground: #f4f4f5; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
80
|
+
--card-raised: #1c1c21; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
81
|
+
--card-overlay: #27272d; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
82
|
+
--popover: #1c1c21; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
83
|
+
--popover-foreground: #f4f4f5; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
84
|
+
--muted: #1f1f24; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
85
|
+
--muted-foreground: #a1a1aa; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
86
|
+
--surface-sunken: #0c0c0e; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
87
|
+
--border: #303036; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
88
|
+
--border-strong: #65656d; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
89
|
+
--rule: color-mix(in srgb, var(--border) 55%, transparent);
|
|
90
|
+
--shadow-raised: 0 1px 2px rgb(0 0 0 / 0.4); /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
91
|
+
--shadow-overlay: 0 6px 24px -4px rgb(0 0 0 / 0.55), 0 2px 8px -2px rgb(0 0 0 / 0.4); /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
92
|
+
--shadow-popover: 0 24px 64px -12px rgb(0 0 0 / 0.75), 0 8px 24px -8px rgb(0 0 0 / 0.5); /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
93
|
+
--glass-bg: color-mix(in srgb, var(--card) 88%, transparent);
|
|
94
|
+
--glass-bg-strong: color-mix(in srgb, var(--card) 96%, transparent);
|
|
95
|
+
--glass-edge: var(--border);
|
|
96
|
+
--glass-shadow: var(--shadow-overlay);
|
|
97
|
+
--ambient-strength: 0;
|
|
98
|
+
/* A field is one step up from the panel it sits on, with the 3:1 edge FND-9 asks of a control. */
|
|
99
|
+
--field-bg: color-mix(in srgb, var(--foreground) 4%, transparent);
|
|
100
|
+
--field-bg-solid: var(--popover);
|
|
101
|
+
--field-border: var(--border-strong);
|
|
102
|
+
--field-fg: var(--foreground);
|
|
103
|
+
--field-placeholder: var(--muted-foreground);
|
|
104
|
+
--field-ring: var(--ring);
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
/* ──────────────────────────────────── nord ─────────────────────────────────── */
|
|
108
|
+
.cb-nord {
|
|
109
|
+
--background: #eceff4; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
110
|
+
--foreground: #2e3440; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
111
|
+
--surface: #f5f7fa; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
112
|
+
--card: #f5f7fa; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
113
|
+
--card-foreground: #2e3440; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
114
|
+
--card-raised: #e5e9f0; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
115
|
+
--card-overlay: #ffffff; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
116
|
+
--popover: #ffffff; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
117
|
+
--popover-foreground: #2e3440; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
118
|
+
--muted: #e5e9f0; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
119
|
+
--muted-foreground: #4c566a; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
120
|
+
--surface-sunken: #e5e9f0; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
121
|
+
--border: #d0d7e2; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
122
|
+
--border-strong: #7b8699; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
123
|
+
--rule: color-mix(in srgb, var(--border) 55%, transparent);
|
|
124
|
+
--shadow-raised: 0 1px 2px rgb(46 52 64 / 0.08); /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
125
|
+
--shadow-overlay: 0 6px 24px -6px rgb(46 52 64 / 0.18), 0 2px 8px -2px rgb(46 52 64 / 0.1); /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
126
|
+
--shadow-popover: 0 24px 64px -16px rgb(46 52 64 / 0.3), 0 8px 24px -8px rgb(46 52 64 / 0.14); /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
127
|
+
--glass-bg: color-mix(in srgb, var(--card) 88%, transparent);
|
|
128
|
+
--glass-bg-strong: color-mix(in srgb, var(--card) 96%, transparent);
|
|
129
|
+
--glass-edge: var(--border);
|
|
130
|
+
--glass-shadow: var(--shadow-overlay);
|
|
131
|
+
--ambient-strength: 0;
|
|
132
|
+
--field-bg: var(--surface);
|
|
133
|
+
--field-bg-solid: var(--surface);
|
|
134
|
+
--field-border: var(--border-strong);
|
|
135
|
+
--field-fg: var(--foreground);
|
|
136
|
+
--field-placeholder: var(--muted-foreground);
|
|
137
|
+
--field-ring: var(--ring);
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.cb-nord.dark,
|
|
141
|
+
.dark .cb-nord {
|
|
142
|
+
--background: #2e3440; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
143
|
+
--foreground: #eceff4; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
144
|
+
--surface: #353c4a; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
145
|
+
--card: #353c4a; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
146
|
+
--card-foreground: #eceff4; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
147
|
+
--card-raised: #3f4758; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
148
|
+
--card-overlay: #4a5367; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
149
|
+
--popover: #3f4758; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
150
|
+
--popover-foreground: #eceff4; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
151
|
+
--muted: #3f4758; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
152
|
+
--muted-foreground: #c3cbd9; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
153
|
+
--surface-sunken: #292e38; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
154
|
+
--border: #4a5264; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
155
|
+
--border-strong: #8b93a5; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
156
|
+
--rule: color-mix(in srgb, var(--border) 55%, transparent);
|
|
157
|
+
--shadow-raised: 0 1px 2px rgb(0 0 0 / 0.35); /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
158
|
+
--shadow-overlay: 0 6px 24px -4px rgb(0 0 0 / 0.5), 0 2px 8px -2px rgb(0 0 0 / 0.35); /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
159
|
+
--shadow-popover: 0 24px 64px -12px rgb(0 0 0 / 0.7), 0 8px 24px -8px rgb(0 0 0 / 0.45); /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
160
|
+
--glass-bg: color-mix(in srgb, var(--card) 88%, transparent);
|
|
161
|
+
--glass-bg-strong: color-mix(in srgb, var(--card) 96%, transparent);
|
|
162
|
+
--glass-edge: var(--border);
|
|
163
|
+
--glass-shadow: var(--shadow-overlay);
|
|
164
|
+
--ambient-strength: 0;
|
|
165
|
+
--field-bg: color-mix(in srgb, var(--foreground) 5%, transparent);
|
|
166
|
+
--field-bg-solid: var(--popover);
|
|
167
|
+
--field-border: var(--border-strong);
|
|
168
|
+
--field-fg: var(--foreground);
|
|
169
|
+
--field-placeholder: var(--muted-foreground);
|
|
170
|
+
--field-ring: var(--ring);
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
/* ────────────────────────────────── dracula ────────────────────────────────── */
|
|
174
|
+
.cb-dracula {
|
|
175
|
+
--background: #faf7ed; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
176
|
+
--foreground: #1f1f1f; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
177
|
+
--surface: #ffffff; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
178
|
+
--card: #ffffff; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
179
|
+
--card-foreground: #1f1f1f; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
180
|
+
--card-raised: #f4f0e4; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
181
|
+
--card-overlay: #ffffff; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
182
|
+
--popover: #ffffff; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
183
|
+
--popover-foreground: #1f1f1f; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
184
|
+
--muted: #f1ecdf; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
185
|
+
--muted-foreground: #5c5848; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
186
|
+
--surface-sunken: #f4f0e4; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
187
|
+
--border: #dcd6c3; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
188
|
+
--border-strong: #8a846f; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
189
|
+
--rule: color-mix(in srgb, var(--border) 55%, transparent);
|
|
190
|
+
--shadow-raised: 0 1px 2px rgb(31 31 31 / 0.07); /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
191
|
+
--shadow-overlay: 0 6px 24px -6px rgb(31 31 31 / 0.16), 0 2px 8px -2px rgb(31 31 31 / 0.1); /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
192
|
+
--shadow-popover: 0 24px 64px -16px rgb(31 31 31 / 0.28), 0 8px 24px -8px rgb(31 31 31 / 0.14); /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
193
|
+
--glass-bg: color-mix(in srgb, var(--card) 88%, transparent);
|
|
194
|
+
--glass-bg-strong: color-mix(in srgb, var(--card) 96%, transparent);
|
|
195
|
+
--glass-edge: var(--border);
|
|
196
|
+
--glass-shadow: var(--shadow-overlay);
|
|
197
|
+
--ambient-strength: 0;
|
|
198
|
+
--field-bg: var(--surface);
|
|
199
|
+
--field-bg-solid: var(--surface);
|
|
200
|
+
--field-border: var(--border-strong);
|
|
201
|
+
--field-fg: var(--foreground);
|
|
202
|
+
--field-placeholder: var(--muted-foreground);
|
|
203
|
+
--field-ring: var(--ring);
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
.cb-dracula.dark,
|
|
207
|
+
.dark .cb-dracula {
|
|
208
|
+
--background: #1e1f29; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
209
|
+
--foreground: #f8f8f2; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
210
|
+
--surface: #282a36; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
211
|
+
--card: #282a36; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
212
|
+
--card-foreground: #f8f8f2; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
213
|
+
--card-raised: #313442; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
214
|
+
--card-overlay: #3c3f51; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
215
|
+
--popover: #313442; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
216
|
+
--popover-foreground: #f8f8f2; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
217
|
+
--muted: #343747; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
218
|
+
--muted-foreground: #b3b9d6; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
219
|
+
--surface-sunken: #1b1c25; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
220
|
+
--border: #3e4150; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
221
|
+
--border-strong: #7b7f95; /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
222
|
+
--rule: color-mix(in srgb, var(--border) 55%, transparent);
|
|
223
|
+
--shadow-raised: 0 1px 2px rgb(0 0 0 / 0.4); /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
224
|
+
--shadow-overlay: 0 6px 24px -4px rgb(0 0 0 / 0.55), 0 2px 8px -2px rgb(0 0 0 / 0.4); /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
225
|
+
--shadow-popover: 0 24px 64px -12px rgb(0 0 0 / 0.75), 0 8px 24px -8px rgb(0 0 0 / 0.5); /* guardrails-ignore no-hardcoded-colors: a look's token definition */
|
|
226
|
+
--glass-bg: color-mix(in srgb, var(--card) 88%, transparent);
|
|
227
|
+
--glass-bg-strong: color-mix(in srgb, var(--card) 96%, transparent);
|
|
228
|
+
--glass-edge: var(--border);
|
|
229
|
+
--glass-shadow: var(--shadow-overlay);
|
|
230
|
+
--ambient-strength: 0;
|
|
231
|
+
--field-bg: color-mix(in srgb, var(--foreground) 4%, transparent);
|
|
232
|
+
--field-bg-solid: var(--popover);
|
|
233
|
+
--field-border: var(--border-strong);
|
|
234
|
+
--field-fg: var(--foreground);
|
|
235
|
+
--field-placeholder: var(--muted-foreground);
|
|
236
|
+
--field-ring: var(--ring);
|
|
237
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/react/components/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/react/components/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,OAAO,EAAE,SAAS,CAAC;IACnB,gDAAgD;IAChD,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,kBAAkB;IAC1B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,oBAAqB,SAAQ,kBAAkB;IACvD,mFAAmF;IACnF,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,UAAU,sBAAuB,SAAQ,kBAAkB;IACzD,2DAA2D;IAC3D,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC3C;AAED,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,sBAAsB,CAAC;AAE3E;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,IAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,GACd,EAAE,cAAc,+BAsChB"}
|
|
@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as RadixAccordion from '@radix-ui/react-accordion';
|
|
3
3
|
import { ChevronRight } from 'lucide-react';
|
|
4
4
|
import { cn } from '../lib/cn.js';
|
|
5
|
+
import { TAP_TARGET_HEIGHT } from '../lib/tapTarget.js';
|
|
5
6
|
/**
|
|
6
7
|
* A stacked set of collapsible sections built on Radix `Accordion` — the multi-item
|
|
7
8
|
* sibling of {@link Collapsible} (same chevron + `collapsible-down`/`-up` animation
|
|
@@ -15,6 +16,10 @@ export function Accordion({ items, className, contentClassName, type = 'single',
|
|
|
15
16
|
const rootProps = (type === 'single'
|
|
16
17
|
? { type, value, defaultValue, onValueChange, collapsible: true }
|
|
17
18
|
: { type, value, defaultValue, onValueChange });
|
|
18
|
-
return (_jsx(RadixAccordion.Root, { className: cn('divide-y divide-border', className), ...rootProps, children: items.map((item) => (_jsxs(RadixAccordion.Item, { value: item.value, disabled: item.disabled, children: [_jsx(RadixAccordion.Header, { children: _jsxs(RadixAccordion.Trigger
|
|
19
|
+
return (_jsx(RadixAccordion.Root, { className: cn('divide-y divide-border', className), ...rootProps, children: items.map((item) => (_jsxs(RadixAccordion.Item, { value: item.value, disabled: item.disabled, children: [_jsx(RadixAccordion.Header, { children: _jsxs(RadixAccordion.Trigger
|
|
20
|
+
// `TAP_TARGET_HEIGHT`: a 41px header on a phone (family's Children/Siblings, forge task 2913) is under the 44pt floor — DESIGN.md §5.
|
|
21
|
+
, {
|
|
22
|
+
// `TAP_TARGET_HEIGHT`: a 41px header on a phone (family's Children/Siblings, forge task 2913) is under the 44pt floor — DESIGN.md §5.
|
|
23
|
+
className: cn('group flex w-full items-center justify-start gap-2 py-3 text-left text-sm font-medium text-foreground transition-colors hover:text-accent disabled:cursor-not-allowed disabled:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', TAP_TARGET_HEIGHT), children: [_jsx(ChevronRight, { "aria-hidden": true, className: 'size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-data-[state=open]:rotate-90' }), _jsx("span", { className: 'min-w-0 flex-1', children: item.trigger })] }) }), _jsx(RadixAccordion.Content, { className: cn('overflow-hidden data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up'), children: _jsx("div", { className: cn('pb-3', contentClassName), children: item.content }) })] }, item.value))) }));
|
|
19
24
|
}
|
|
20
25
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/react/components/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,cAAc,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/react/components/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,cAAc,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAoCxD;;;;;;GAMG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,YAAY,EACZ,aAAa,GACE;IACf,mFAAmF;IACnF,oEAAoE;IACpE,MAAM,SAAS,GAAG,CAChB,IAAI,KAAK,QAAQ;QACf,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,IAAI,EAAE;QACjE,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,CACJ,CAAC;IAC/C,OAAO,CACL,KAAC,cAAc,CAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAAM,SAAS,YACnF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,MAAC,cAAc,CAAC,IAAI,IAAkB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,aAC9E,KAAC,cAAc,CAAC,MAAM,cAGpB,MAAC,cAAc,CAAC,OAAO;oBACrB,sIAAsI;;wBAAtI,sIAAsI;wBACtI,SAAS,EAAE,EAAE,CACX,8QAA8Q,EAC9Q,iBAAiB,CAClB,aAGD,KAAC,YAAY,yBAAa,SAAS,EAAC,2GAA2G,GAAG,EAClJ,eAAM,SAAS,EAAC,gBAAgB,YAAE,IAAI,CAAC,OAAO,GAAQ,IAC/B,GACH,EACxB,KAAC,cAAc,CAAC,OAAO,IACrB,SAAS,EAAE,EAAE,CACX,uGAAuG,CACxG,YAED,cAAK,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,gBAAgB,CAAC,YAAG,IAAI,CAAC,OAAO,GAAO,GAC3C,KAtBD,IAAI,CAAC,KAAK,CAuBd,CACvB,CAAC,GACkB,CACvB,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/react/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EACL,KAAK,oBAAoB,EAEzB,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,GAAG,EAGT,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/react/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EACL,KAAK,oBAAoB,EAEzB,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,GAAG,EAGT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAW,KAAK,aAAa,EAAE,KAAK,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIlF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,cAAc;;;8EAkH1B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AACxF,MAAM,MAAM,UAAU,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAElF,MAAM,WAAW,WACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;;8CAG0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;6EACyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;;eAQW;IACX,OAAO,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC,CAAC;IAC9C,8EAA8E;IAC9E,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B;;;;8DAI0D;IAC1D,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACtE;yFACqF;IACrF,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAClC;gFAC4E;IAC5E,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC;;;;;;;;;;;;;OAaG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B;AAcD,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,OAAe,EACf,QAAQ,EACR,OAAO,EACP,WAAW,EACX,aAAa,EACb,YAAY,EACZ,cAAsB,EACtB,YAAmB,EACnB,OAAc,EACd,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,WAAW,+BA+Gb"}
|
|
@@ -3,7 +3,6 @@ import { Slot } from '@radix-ui/react-slot';
|
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
4
|
import { Check, Loader2 } from 'lucide-react';
|
|
5
5
|
import { useRef, useState, } from 'react';
|
|
6
|
-
import { toast } from 'sonner';
|
|
7
6
|
import { cn } from '../lib/cn.js';
|
|
8
7
|
import { Tooltip } from './Tooltip.js';
|
|
9
8
|
import { TAP_TARGET_HEIGHT } from '../lib/tapTarget.js';
|
|
@@ -24,7 +23,14 @@ import { RAW_BUTTON } from '../lib/cn.js';
|
|
|
24
23
|
*/
|
|
25
24
|
export const buttonVariants = cva([
|
|
26
25
|
'relative inline-flex items-center justify-center gap-2 rounded-md font-medium',
|
|
27
|
-
|
|
26
|
+
// 🔴 TACTILE (forge task family-app-ux-overhaul, 2026-10-06): a press is answered — the
|
|
27
|
+
// control eases its colours over `--duration-fast` AND dips to `--press-scale` while held,
|
|
28
|
+
// the way Linear's and Obsidian's controls do; a button that changes nothing under the
|
|
29
|
+
// finger reads as dead on a phone. `transform` is in the transition list so the dip and
|
|
30
|
+
// its release both ease rather than snap. Reduced motion turns both off; a refused press
|
|
31
|
+
// (`aria-disabled`) does not dip, because nothing happened.
|
|
32
|
+
'transition-[color,background-color,border-color,box-shadow,transform] duration-[var(--duration-fast)] ease-[var(--ease-out)]',
|
|
33
|
+
'active:scale-[var(--press-scale)] aria-disabled:active:scale-100 motion-reduce:transition-none motion-reduce:active:scale-100',
|
|
28
34
|
TAP_TARGET_HEIGHT, // ≥44px touch target on coarse pointers
|
|
29
35
|
'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-offset-background',
|
|
30
36
|
// Disabled = muted surface + faded + inert (never color-alone): clearly off, not a low-contrast haze.
|
|
@@ -115,9 +121,24 @@ export const buttonVariants = cva([
|
|
|
115
121
|
// before the size's `px-3`/`px-4` and fixed height, so the size won the merge and every link
|
|
116
122
|
// button — sized or on the `md` default — drew a padded box: TotpEntry's "Use a recovery code
|
|
117
123
|
// instead" sat 12px in from the column every other row starts on.
|
|
118
|
-
compoundVariants: [
|
|
124
|
+
compoundVariants: [
|
|
125
|
+
{ variant: 'link', size: ['sm', 'md', 'lg'], class: 'h-auto px-0 py-0' },
|
|
126
|
+
// A link is text inside a sentence: it underlines on hover and does not dip on press.
|
|
127
|
+
{ variant: 'link', class: 'active:scale-100' },
|
|
128
|
+
],
|
|
119
129
|
defaultVariants: { variant: 'secondary', size: 'md' },
|
|
120
130
|
});
|
|
131
|
+
/**
|
|
132
|
+
* 🔴 sonner is loaded when a toast is about to be SHOWN, never at import.
|
|
133
|
+
*
|
|
134
|
+
* `Button` is on every app's entry chunk, and a static `import { toast } from 'sonner'` here put
|
|
135
|
+
* the whole of sonner there with it — and, because Rollup colours a module into the chunk of its
|
|
136
|
+
* static importers, every app that mounted `Toaster` anywhere (even lazily) paid for the stack on
|
|
137
|
+
* first paint too. Measured in family, 2026-10-06 (forge task 2900): 36 kB minified of sonner on
|
|
138
|
+
* the entry, 15.5 kB of it the `Toaster` a lazy mount could not move. A toast follows an async
|
|
139
|
+
* click that already awaited the network, so the one-time chunk fetch here is never felt.
|
|
140
|
+
*/
|
|
141
|
+
const toastModule = () => import('sonner').then((m) => m.toast);
|
|
121
142
|
export function Button({ className, variant, size, asChild = false, loading = false, leftIcon, tooltip, tooltipSide, tooltipMobile, onAsyncClick, successMessage = false, errorMessage = true, resetMs = 1200, type, children, disabled, onClick, onKeyDown, unavailableReason, ...props }) {
|
|
122
143
|
const classes = cn(buttonVariants({ variant, size }), className);
|
|
123
144
|
const [pending, setPending] = useState(false);
|
|
@@ -133,14 +154,14 @@ export function Button({ className, variant, size, asChild = false, loading = fa
|
|
|
133
154
|
await onAsyncClick(e);
|
|
134
155
|
setJustSucceeded(true);
|
|
135
156
|
if (successMessage !== false) {
|
|
136
|
-
|
|
157
|
+
(await toastModule()).success(typeof successMessage === 'string' ? successMessage : 'Done');
|
|
137
158
|
}
|
|
138
159
|
resetTimer.current = setTimeout(() => setJustSucceeded(false), resetMs);
|
|
139
160
|
}
|
|
140
161
|
catch (err) {
|
|
141
162
|
if (errorMessage !== false) {
|
|
142
163
|
// OVL-9: an error toast carries the action that resolves it.
|
|
143
|
-
|
|
164
|
+
(await toastModule()).error(typeof errorMessage === 'string' ? errorMessage : err instanceof Error ? err.message : String(err), { action: { label: 'Retry', onClick: () => void handleClick?.(e) } });
|
|
144
165
|
}
|
|
145
166
|
}
|
|
146
167
|
finally {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/react/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAML,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/react/components/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardTapTarget.d.ts","sourceRoot":"","sources":["../../../src/react/components/CardTapTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CardTapTarget.d.ts","sourceRoot":"","sources":["../../../src/react/components/CardTapTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAK/C,MAAM,WAAW,kBAAkB;IACjC,0DAA0D;IAC1D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;8BAC0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,aAAa,GAAI,0DAM3B,kBAAkB,gCA6BpB,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useRef } from 'react';
|
|
3
3
|
import { cn } from '../lib/cn.js';
|
|
4
|
+
import { TAP_TARGET_HEIGHT } from '../lib/tapTarget.js';
|
|
4
5
|
import { hasSelectionWithin } from '../lib/textSelection.js';
|
|
5
6
|
/**
|
|
6
7
|
* The one "the whole card/row is the tap target" primitive.
|
|
@@ -35,6 +36,9 @@ export const CardTapTarget = ({ onClick, className, children, selectionSafe = tr
|
|
|
35
36
|
e.preventDefault();
|
|
36
37
|
onClick();
|
|
37
38
|
}
|
|
38
|
-
},
|
|
39
|
+
},
|
|
40
|
+
// `TAP_TARGET_HEIGHT`: a tappable row on a phone answers to a thumb — family's 35px value
|
|
41
|
+
// rows (`.ft-row`, forge task 2913) were under the 44pt floor. DESIGN.md §5.
|
|
42
|
+
className: cn('cursor-pointer touch-manipulation text-left', TAP_TARGET_HEIGHT, className), ...rest, children: children }));
|
|
39
43
|
};
|
|
40
44
|
//# sourceMappingURL=CardTapTarget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardTapTarget.js","sourceRoot":"","sources":["../../../src/react/components/CardTapTarget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAqB7D;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,GAAG,IAAI,EACY,EAAE,EAAE;IACvB,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,4EAA4E;QAC5E,+EAA+E;QAC/E,IAAI,aAAa,IAAI,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC;YAAE,OAAO;QAC7D,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IACF,OAAO,CAEL,cACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,OAAO,EAAE,CAAC;YACZ,CAAC;QACH,CAAC,
|
|
1
|
+
{"version":3,"file":"CardTapTarget.js","sourceRoot":"","sources":["../../../src/react/components/CardTapTarget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAqB7D;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,GAAG,IAAI,EACY,EAAE,EAAE;IACvB,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,4EAA4E;QAC5E,+EAA+E;QAC/E,IAAI,aAAa,IAAI,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC;YAAE,OAAO;QAC7D,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IACF,OAAO,CAEL,cACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,OAAO,EAAE,CAAC;YACZ,CAAC;QACH,CAAC;QACD,0FAA0F;QAC1F,6EAA6E;QAC7E,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,iBAAiB,EAAE,SAAS,CAAC,KACtF,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -23,7 +23,7 @@ export function ColorField({ value, onChange, disabled, id, name, 'aria-invalid'
|
|
|
23
23
|
name: name, type: 'text', value: value, disabled: disabled, onChange: (e) => onChange(e.target.value),
|
|
24
24
|
// guardrails-ignore no-hardcoded-colors: color-picker preview swatch must render
|
|
25
25
|
// the arbitrary hex value the user is choosing, not a theme token.
|
|
26
|
-
placeholder: '#000000', "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, spellCheck: false, autoComplete: 'off', maxLength: 9, className: 'min-w-0 flex-1 bg-transparent font-mono text-base uppercase text-field-fg outline-none placeholder:text-field-placeholder sm:text-sm' })] }));
|
|
26
|
+
placeholder: '#000000', "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, spellCheck: false, autoComplete: 'off', maxLength: 9, className: 'min-w-0 flex-1 bg-transparent font-mono text-base uppercase text-field-fg outline-none placeholder:text-field-placeholder sm:pointer-fine:text-sm' })] }));
|
|
27
27
|
}
|
|
28
28
|
declareFieldWidth(ColorField, 'sm');
|
|
29
29
|
//# sourceMappingURL=ColorField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorField.js","sourceRoot":"","sources":["../../../src/react/components/ColorField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAoB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAiB5F,MAAM,IAAI,GAAG,mBAAmB,CAAC;AAEjC;;;;;;;GAOG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,EACnC,SAAS,EACT,IAAI,GAAG,IAAI,GACK;IAChB,qFAAqF;IACrF,+DAA+D;IAC/D,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IACpD,OAAO,CACL,+BACgB,WAAW,EACzB,SAAS,EAAE,EAAE,CACX,sOAAsO,EACtO,oBAAoB,CAAC,IAAI,CAAC,EAC1B,QAAQ,IAAI,+BAA+B,EAC3C,SAAS,CACV,aAED;gBACE,8EAA8E;gBAC9E,kEAAkE;gBAClE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,gBAC9B,cAAc,EACzB,SAAS,EAAC,kHAAkH,GAC5H,EACF;gBACE,8EAA8E;gBAC9E,8DAA8D;gBAC9D,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBACzC,iFAAiF;gBACjF,mEAAmE;gBACnE,WAAW,EAAC,SAAS,kBACP,WAAW,sBACP,eAAe,EACjC,UAAU,EAAE,KAAK,EACjB,YAAY,EAAC,KAAK,EAClB,SAAS,EAAE,CAAC,EACZ,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"ColorField.js","sourceRoot":"","sources":["../../../src/react/components/ColorField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAoB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAiB5F,MAAM,IAAI,GAAG,mBAAmB,CAAC;AAEjC;;;;;;;GAOG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,EACnC,SAAS,EACT,IAAI,GAAG,IAAI,GACK;IAChB,qFAAqF;IACrF,+DAA+D;IAC/D,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IACpD,OAAO,CACL,+BACgB,WAAW,EACzB,SAAS,EAAE,EAAE,CACX,sOAAsO,EACtO,oBAAoB,CAAC,IAAI,CAAC,EAC1B,QAAQ,IAAI,+BAA+B,EAC3C,SAAS,CACV,aAED;gBACE,8EAA8E;gBAC9E,kEAAkE;gBAClE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,gBAC9B,cAAc,EACzB,SAAS,EAAC,kHAAkH,GAC5H,EACF;gBACE,8EAA8E;gBAC9E,8DAA8D;gBAC9D,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBACzC,iFAAiF;gBACjF,mEAAmE;gBACnE,WAAW,EAAC,SAAS,kBACP,WAAW,sBACP,eAAe,EACjC,UAAU,EAAE,KAAK,EACjB,YAAY,EAAC,KAAK,EAClB,SAAS,EAAE,CAAC,EACZ,SAAS,EAAC,mJAAmJ,GAC7J,IACE,CACP,CAAC;AACJ,CAAC;AAED,iBAAiB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC"}
|
|
@@ -115,7 +115,7 @@ export function ComboboxField(props) {
|
|
|
115
115
|
placeholder: multiple && (multiValue?.length ?? 0) > 0 ? undefined : placeholder, className: cn(
|
|
116
116
|
// `m-0 border-0 font-[inherit]`: the group draws the frame, and a host with no
|
|
117
117
|
// preflight (desk) would otherwise add the UA's inset border and control face (task 2757).
|
|
118
|
-
'm-0 min-w-24 flex-1 border-0 bg-transparent px-3 font-[inherit] text-base text-field-fg outline-none placeholder:text-field-placeholder sm:text-sm', TAP_TARGET_HEIGHT, multiple && 'py-1.5') }), loading ? (_jsx(Loader2, { className: 'mr-2 size-4 shrink-0 animate-spin opacity-50', "aria-label": 'Loading options' })) : (_jsx(Combobox.Trigger, { "aria-label": 'Toggle options', className: `mr-2 flex size-5 shrink-0 items-center justify-center text-muted-foreground transition hover:text-foreground ${TAP_TARGET}`, children: _jsx(ChevronDown, { className: 'size-4' }) }))] }), _jsx(Combobox.Portal, { children: _jsx(Combobox.Positioner, { sideOffset: 4, collisionPadding: FLOATING_COLLISION_PADDING, className: 'z-[var(--z-popover)]', children: _jsx(Combobox.Popup, { className: cn(FLOATING_CONTENT_BASE,
|
|
118
|
+
'm-0 min-w-24 flex-1 border-0 bg-transparent px-3 font-[inherit] text-base text-field-fg outline-none placeholder:text-field-placeholder sm:pointer-fine:text-sm', TAP_TARGET_HEIGHT, multiple && 'py-1.5') }), loading ? (_jsx(Loader2, { className: 'mr-2 size-4 shrink-0 animate-spin opacity-50', "aria-label": 'Loading options' })) : (_jsx(Combobox.Trigger, { "aria-label": 'Toggle options', className: `mr-2 flex size-5 shrink-0 items-center justify-center text-muted-foreground transition hover:text-foreground ${TAP_TARGET}`, children: _jsx(ChevronDown, { className: 'size-4' }) }))] }), _jsx(Combobox.Portal, { children: _jsx(Combobox.Positioner, { sideOffset: 4, collisionPadding: FLOATING_COLLISION_PADDING, className: 'z-[var(--z-popover)]', children: _jsx(Combobox.Popup, { className: cn(FLOATING_CONTENT_BASE,
|
|
119
119
|
// guardrails-ignore no-raw-overflow: floating popover panel outside the page's ScrollArea, height-capped by max-h-64 — no keyboard-inset concern.
|
|
120
120
|
'max-h-64 min-w-[var(--anchor-width)] overflow-y-auto p-0', 'transition-[transform,opacity] duration-100', 'data-[starting-style]:scale-95 data-[starting-style]:opacity-0', 'data-[ending-style]:scale-95 data-[ending-style]:opacity-0'), children: _jsx(ComboboxList, { creatable: creatable, query: query, onCreateClick: handleCreate }) }) }) })] }));
|
|
121
121
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxField.js","sourceRoot":"","sources":["../../../src/react/components/ComboboxField.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ComboboxField.js","sourceRoot":"","sources":["../../../src/react/components/ComboboxField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../src/react/components/CopyButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../src/react/components/CopyButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,KAAK,eAAe,EAAsB,MAAM,gCAAgC,CAAC;AAG1F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGrD,MAAM,WAAW,eAAe;IAC9B,qEAAqE;IACrE,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAC/B,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gFAAgF;IAChF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iDAAiD;IACjD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;iFACiF;AACjF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAA2B,EAC3B,WAAsB,EACtB,QAAQ,EACR,UAAqB,EACrB,YAAmB,EACnB,QAAe,EACf,QAAQ,EACR,UAAU,EACV,QAAa,EACb,MAAM,EACN,QAAQ,EACR,OAAO,EACP,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE,eAAe,+BAwCjB"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Check, Copy } from 'lucide-react';
|
|
3
|
-
import { toast } from 'sonner';
|
|
4
3
|
import { useCopyToClipboard } from '../hooks/useCopyToClipboard.js';
|
|
5
4
|
import { cn } from '../lib/cn.js';
|
|
6
5
|
import { Button } from './Button.js';
|
|
@@ -16,6 +15,8 @@ export function CopyButton({ value, label = 'Copy to clipboard', copiedLabel = '
|
|
|
16
15
|
const ok = await copy(text);
|
|
17
16
|
if (ok) {
|
|
18
17
|
if (confirmToast !== false) {
|
|
18
|
+
// Loaded at the moment of use — `Button.tsx` says why sonner must not be a static import.
|
|
19
|
+
const { toast } = await import('sonner');
|
|
19
20
|
toast.success(typeof confirmToast === 'string' ? confirmToast : 'Copied to clipboard');
|
|
20
21
|
}
|
|
21
22
|
onCopied?.(text);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../../src/react/components/CopyButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,
|
|
1
|
+
{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../../src/react/components/CopyButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAwB,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAC1F,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AA6CjD;iFACiF;AACjF,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,GAAG,mBAAmB,EAC3B,WAAW,GAAG,QAAQ,EACtB,QAAQ,EACR,UAAU,GAAG,QAAQ,EACrB,YAAY,GAAG,IAAI,EACnB,QAAQ,GAAG,IAAI,EACf,QAAQ,EACR,UAAU,EACV,QAAQ,GAAG,EAAE,EACb,MAAM,EACN,QAAQ,EACR,OAAO,EACP,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,OAAO,EACP,SAAS,EACT,QAAQ,GACQ;IAChB,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,kBAAkB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAE7D,MAAM,OAAO,GAAG,KAAK,EAAE,CAAgC,EAAE,EAAE;QACzD,IAAI,eAAe;YAAE,CAAC,CAAC,eAAe,EAAE,CAAC;QACzC,MAAM,IAAI,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;QAC3D,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5B,IAAI,EAAE,EAAE,CAAC;YACP,IAAI,YAAY,KAAK,KAAK,EAAE,CAAC;gBAC3B,0FAA0F;gBAC1F,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC;gBACzC,KAAK,CAAC,OAAO,CAAC,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC;YACzF,CAAC;YACD,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC;aAAM,CAAC;YACN,OAAO,EAAE,EAAE,CAAC;QACd,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,gBACH,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,EACxC,OAAO,EAAE,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,EAClD,WAAW,EAAE,gBAAgB,EAC7B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,oLAAoL,UAAU,EAAE,EAChM,SAAS,CACV,aAEA,QAAQ;gBACP,CAAC,CAAC,MAAM;oBACN,CAAC,CAAC,CAAC,UAAU,IAAI,KAAC,KAAK,IAAC,IAAI,EAAE,QAAQ,GAAI,CAAC;oBAC3C,CAAC,CAAC,CAAC,QAAQ,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,GAAI,CAAC;gBAC1C,CAAC,CAAC,IAAI,EACP,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,IACpE,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -51,7 +51,7 @@ export const SecretInput = ({ value, onChange, reveal, onToggleReveal, label = '
|
|
|
51
51
|
onEnter(e);
|
|
52
52
|
} : undefined, disabled: disabled, placeholder: placeholder, "aria-label": label, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, autoComplete: autoComplete, spellCheck: false,
|
|
53
53
|
// biome-ignore lint/a11y/noAutofocus: opt-in via prop, used in editor rows
|
|
54
|
-
autoFocus: autoFocus, className: resolveClass('min-w-0 flex-1 self-stretch bg-transparent px-2 font-mono text-base text-field-fg outline-none placeholder:text-field-placeholder sm:text-sm', classNames?.input, unstyled) }), actions, showToggle && (_jsx(IconButton, { label: shown ? `Hide ${label}` : `Reveal ${label}`, onClick: toggle, className: resolveClass(BTN_CLASS, classNames?.button, unstyled), children: shown ? _jsx(EyeOff, {}) : _jsx(Eye, {}) })), showCopy && (_jsx(IconButton, { label: `Copy ${label}`, onClick: handleCopy, className: resolveClass(BTN_CLASS, classNames?.button, unstyled), children: copied ? _jsx(Check, {}) : _jsx(Copy, {}) }))] }));
|
|
54
|
+
autoFocus: autoFocus, className: resolveClass('min-w-0 flex-1 self-stretch bg-transparent px-2 font-mono text-base text-field-fg outline-none placeholder:text-field-placeholder sm:pointer-fine:text-sm', classNames?.input, unstyled) }), actions, showToggle && (_jsx(IconButton, { label: shown ? `Hide ${label}` : `Reveal ${label}`, onClick: toggle, className: resolveClass(BTN_CLASS, classNames?.button, unstyled), children: shown ? _jsx(EyeOff, {}) : _jsx(Eye, {}) })), showCopy && (_jsx(IconButton, { label: `Copy ${label}`, onClick: handleCopy, className: resolveClass(BTN_CLASS, classNames?.button, unstyled), children: copied ? _jsx(Check, {}) : _jsx(Copy, {}) }))] }));
|
|
55
55
|
};
|
|
56
56
|
declareFieldWidth(SecretInput, 'md');
|
|
57
57
|
//# sourceMappingURL=SecretInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SecretInput.js","sourceRoot":"","sources":["../../../src/react/components/SecretInput.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"SecretInput.js","sourceRoot":"","sources":["../../../src/react/components/SecretInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -72,6 +72,6 @@ export function TagsInput({ value, onChange, onBlur, placeholder = 'Add a tag…
|
|
|
72
72
|
if (draft.trim())
|
|
73
73
|
commit(draft);
|
|
74
74
|
onBlur?.();
|
|
75
|
-
}, className: 'min-w-24 flex-1 bg-transparent py-0.5 text-base text-field-fg outline-none placeholder:text-field-placeholder sm:text-sm' })) : null, offered.length > 0 ? (_jsx("datalist", { id: listId, children: offered.map((tag) => (_jsx("option", { value: tag }, tag))) })) : null] }));
|
|
75
|
+
}, className: 'min-w-24 flex-1 bg-transparent py-0.5 text-base text-field-fg outline-none placeholder:text-field-placeholder sm:pointer-fine:text-sm' })) : null, offered.length > 0 ? (_jsx("datalist", { id: listId, children: offered.map((tag) => (_jsx("option", { value: tag }, tag))) })) : null] }));
|
|
76
76
|
}
|
|
77
77
|
//# sourceMappingURL=TagsInput.js.map
|