@caqophony/ui 0.3.1 → 0.5.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 +58 -5
- package/dist/chunk-44GEHNZP.js +126 -0
- package/dist/chunk-DP5WQAPO.js +23 -0
- package/dist/chunk-I5DQCG6D.js +378 -0
- package/dist/chunk-ID7VBGJA.js +233 -0
- package/dist/{chunk-4YA6BZDJ.js → chunk-ODRGJV46.js} +3 -10
- package/dist/icon.d-DQqyySj2.d.mts +82 -0
- package/dist/index.d.mts +14 -82
- package/dist/index.js +803 -1351
- package/dist/markdown.js +2 -1
- package/dist/marketing.d.mts +444 -0
- package/dist/marketing.js +1439 -0
- package/dist/material-art.d.mts +137 -0
- package/dist/material-art.js +210 -0
- package/dist/material-tones.d.mts +23 -0
- package/dist/material-tones.js +66 -0
- package/dist/material.d.mts +615 -0
- package/dist/material.js +1066 -0
- package/package.json +19 -2
- package/styles.css +358 -3
|
@@ -0,0 +1,233 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import {
|
|
3
|
+
cn
|
|
4
|
+
} from "./chunk-DP5WQAPO.js";
|
|
5
|
+
|
|
6
|
+
// src/icon.tsx
|
|
7
|
+
import {
|
|
8
|
+
ArrowLeft,
|
|
9
|
+
ArrowRight,
|
|
10
|
+
Bell,
|
|
11
|
+
Calendar,
|
|
12
|
+
Check,
|
|
13
|
+
ChevronDown,
|
|
14
|
+
ChevronLeft,
|
|
15
|
+
ChevronRight,
|
|
16
|
+
ChevronUp,
|
|
17
|
+
CircleAlert,
|
|
18
|
+
CircleCheck,
|
|
19
|
+
ClipboardList,
|
|
20
|
+
Clock,
|
|
21
|
+
Database,
|
|
22
|
+
Download,
|
|
23
|
+
Ellipsis,
|
|
24
|
+
ExternalLink,
|
|
25
|
+
Eye,
|
|
26
|
+
EyeOff,
|
|
27
|
+
FileText,
|
|
28
|
+
Filter,
|
|
29
|
+
Folder,
|
|
30
|
+
Heart,
|
|
31
|
+
House,
|
|
32
|
+
Inbox,
|
|
33
|
+
Info,
|
|
34
|
+
LayoutGrid,
|
|
35
|
+
Link,
|
|
36
|
+
List,
|
|
37
|
+
LoaderCircle,
|
|
38
|
+
Lock,
|
|
39
|
+
LogOut,
|
|
40
|
+
Mail,
|
|
41
|
+
MapPin,
|
|
42
|
+
Menu,
|
|
43
|
+
Package,
|
|
44
|
+
Pencil,
|
|
45
|
+
Phone,
|
|
46
|
+
Plus,
|
|
47
|
+
RefreshCw,
|
|
48
|
+
Rocket,
|
|
49
|
+
Search,
|
|
50
|
+
Settings,
|
|
51
|
+
Star,
|
|
52
|
+
Tag,
|
|
53
|
+
Trash2,
|
|
54
|
+
TriangleAlert,
|
|
55
|
+
Upload,
|
|
56
|
+
User,
|
|
57
|
+
Users,
|
|
58
|
+
X
|
|
59
|
+
} from "lucide-react";
|
|
60
|
+
import { jsx } from "react/jsx-runtime";
|
|
61
|
+
var ICONS = {
|
|
62
|
+
"arrow-left": ArrowLeft,
|
|
63
|
+
"arrow-right": ArrowRight,
|
|
64
|
+
bell: Bell,
|
|
65
|
+
calendar: Calendar,
|
|
66
|
+
check: Check,
|
|
67
|
+
"chevron-down": ChevronDown,
|
|
68
|
+
"chevron-left": ChevronLeft,
|
|
69
|
+
"chevron-right": ChevronRight,
|
|
70
|
+
"chevron-up": ChevronUp,
|
|
71
|
+
"circle-alert": CircleAlert,
|
|
72
|
+
"circle-check": CircleCheck,
|
|
73
|
+
"clipboard-list": ClipboardList,
|
|
74
|
+
clock: Clock,
|
|
75
|
+
database: Database,
|
|
76
|
+
download: Download,
|
|
77
|
+
ellipsis: Ellipsis,
|
|
78
|
+
"external-link": ExternalLink,
|
|
79
|
+
eye: Eye,
|
|
80
|
+
"eye-off": EyeOff,
|
|
81
|
+
"file-text": FileText,
|
|
82
|
+
filter: Filter,
|
|
83
|
+
folder: Folder,
|
|
84
|
+
heart: Heart,
|
|
85
|
+
house: House,
|
|
86
|
+
inbox: Inbox,
|
|
87
|
+
info: Info,
|
|
88
|
+
"layout-grid": LayoutGrid,
|
|
89
|
+
link: Link,
|
|
90
|
+
list: List,
|
|
91
|
+
loader: LoaderCircle,
|
|
92
|
+
lock: Lock,
|
|
93
|
+
"log-out": LogOut,
|
|
94
|
+
mail: Mail,
|
|
95
|
+
"map-pin": MapPin,
|
|
96
|
+
menu: Menu,
|
|
97
|
+
package: Package,
|
|
98
|
+
pencil: Pencil,
|
|
99
|
+
phone: Phone,
|
|
100
|
+
plus: Plus,
|
|
101
|
+
"refresh-cw": RefreshCw,
|
|
102
|
+
rocket: Rocket,
|
|
103
|
+
search: Search,
|
|
104
|
+
settings: Settings,
|
|
105
|
+
star: Star,
|
|
106
|
+
tag: Tag,
|
|
107
|
+
trash: Trash2,
|
|
108
|
+
"triangle-alert": TriangleAlert,
|
|
109
|
+
upload: Upload,
|
|
110
|
+
user: User,
|
|
111
|
+
users: Users,
|
|
112
|
+
x: X
|
|
113
|
+
};
|
|
114
|
+
var ICON_SIZES = {
|
|
115
|
+
xs: "size-3",
|
|
116
|
+
sm: "size-4",
|
|
117
|
+
md: "size-5",
|
|
118
|
+
lg: "size-6",
|
|
119
|
+
xl: "size-8"
|
|
120
|
+
};
|
|
121
|
+
function Icon({ name, size, className }) {
|
|
122
|
+
const Glyph = ICONS[name];
|
|
123
|
+
return /* @__PURE__ */ jsx(Glyph, { className: cn(ICON_SIZES[size], className), "aria-hidden": "true" });
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
// src/scroll-hint.ts
|
|
127
|
+
var SCROLL_HINT_X = "";
|
|
128
|
+
var SCROLL_HINT_X_MARK = "pointer-events-none sticky right-0 z-10 ml-2 flex w-6 shrink-0 items-center justify-end self-stretch data-[scroll-hint-state=end]:invisible data-[scroll-hint-state=none]:hidden";
|
|
129
|
+
var SCROLL_HINT_X_PILL = "flex h-full max-h-6 w-6 items-center justify-center rounded-full border border-border bg-card text-muted-foreground shadow-sm";
|
|
130
|
+
var SCROLL_HINT_Y = "[container-type:scroll-state]";
|
|
131
|
+
var SCROLL_HINT_Y_MARK = "pointer-events-none sticky bottom-1 -mt-7 flex h-6 justify-center supports-[container-type:scroll-state]:[@container_not_scroll-state(scrollable:bottom)]:hidden";
|
|
132
|
+
|
|
133
|
+
// src/scroll-hint-mark.tsx
|
|
134
|
+
import * as React from "react";
|
|
135
|
+
|
|
136
|
+
// src/scroll-hint-watch.ts
|
|
137
|
+
function scrollHintXState(box, slotWidth) {
|
|
138
|
+
if (box.scrollWidth - slotWidth <= box.clientWidth + 1) return "none";
|
|
139
|
+
return Math.abs(box.scrollLeft) + box.clientWidth >= box.scrollWidth - 1 ? "end" : "more";
|
|
140
|
+
}
|
|
141
|
+
function scrollHintXSlotWidth(mark, scroller) {
|
|
142
|
+
const own = getComputedStyle(mark);
|
|
143
|
+
if (own.display === "none") return 0;
|
|
144
|
+
const px = (v, what) => {
|
|
145
|
+
if (v === "normal") return 0;
|
|
146
|
+
const n = Number.parseFloat(v);
|
|
147
|
+
if (!Number.isFinite(n)) {
|
|
148
|
+
throw new Error(
|
|
149
|
+
`scrollHintXSlotWidth: ${what} is "${v}", not a length in px`
|
|
150
|
+
);
|
|
151
|
+
}
|
|
152
|
+
return n;
|
|
153
|
+
};
|
|
154
|
+
const gap = mark.previousElementSibling === null ? 0 : px(getComputedStyle(scroller).columnGap, "the scroller's column-gap");
|
|
155
|
+
return mark.getBoundingClientRect().width + px(own.marginLeft, "the mark's margin-left") + px(own.marginRight, "the mark's margin-right") + gap;
|
|
156
|
+
}
|
|
157
|
+
function watchScrollHintX(mark, write) {
|
|
158
|
+
const scroller = mark.parentElement;
|
|
159
|
+
if (scroller === null) {
|
|
160
|
+
throw new Error(
|
|
161
|
+
"watchScrollHintX: the mark has no parent element; it must be the last child of the box that scrolls on x"
|
|
162
|
+
);
|
|
163
|
+
}
|
|
164
|
+
let last;
|
|
165
|
+
const update = () => {
|
|
166
|
+
const state = scrollHintXState(
|
|
167
|
+
scroller,
|
|
168
|
+
scrollHintXSlotWidth(mark, scroller)
|
|
169
|
+
);
|
|
170
|
+
if (state === last) return;
|
|
171
|
+
last = state;
|
|
172
|
+
write(state);
|
|
173
|
+
};
|
|
174
|
+
const resize = new ResizeObserver(update);
|
|
175
|
+
const observeChildren = () => {
|
|
176
|
+
for (const child of Array.from(scroller.children)) resize.observe(child);
|
|
177
|
+
};
|
|
178
|
+
resize.observe(scroller);
|
|
179
|
+
observeChildren();
|
|
180
|
+
const added = new MutationObserver(() => {
|
|
181
|
+
observeChildren();
|
|
182
|
+
update();
|
|
183
|
+
});
|
|
184
|
+
added.observe(scroller, { childList: true });
|
|
185
|
+
scroller.addEventListener("scroll", update, { passive: true });
|
|
186
|
+
update();
|
|
187
|
+
return () => {
|
|
188
|
+
scroller.removeEventListener("scroll", update);
|
|
189
|
+
resize.disconnect();
|
|
190
|
+
added.disconnect();
|
|
191
|
+
};
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
// src/scroll-hint-mark.tsx
|
|
195
|
+
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
196
|
+
function ScrollHintXMark() {
|
|
197
|
+
const ref = React.useRef(null);
|
|
198
|
+
React.useEffect(() => {
|
|
199
|
+
const mark = ref.current;
|
|
200
|
+
if (mark === null) {
|
|
201
|
+
throw new Error(
|
|
202
|
+
"ScrollHintXMark: the effect ran with no mounted mark (ref.current is null)"
|
|
203
|
+
);
|
|
204
|
+
}
|
|
205
|
+
return watchScrollHintX(mark, (state) => {
|
|
206
|
+
mark.dataset.scrollHintState = state;
|
|
207
|
+
});
|
|
208
|
+
}, []);
|
|
209
|
+
return /* @__PURE__ */ jsx2(
|
|
210
|
+
"div",
|
|
211
|
+
{
|
|
212
|
+
ref,
|
|
213
|
+
"aria-hidden": "true",
|
|
214
|
+
"data-scroll-hint": "x",
|
|
215
|
+
className: SCROLL_HINT_X_MARK,
|
|
216
|
+
children: /* @__PURE__ */ jsx2("span", { className: SCROLL_HINT_X_PILL, children: /* @__PURE__ */ jsx2(Icon, { name: "chevron-right", size: "sm" }) })
|
|
217
|
+
}
|
|
218
|
+
);
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
// src/content-gutter.ts
|
|
222
|
+
var CONTENT_GUTTER = "px-4 sm:px-6 lg:px-8";
|
|
223
|
+
|
|
224
|
+
export {
|
|
225
|
+
ICONS,
|
|
226
|
+
ICON_SIZES,
|
|
227
|
+
Icon,
|
|
228
|
+
SCROLL_HINT_X,
|
|
229
|
+
SCROLL_HINT_Y,
|
|
230
|
+
SCROLL_HINT_Y_MARK,
|
|
231
|
+
ScrollHintXMark,
|
|
232
|
+
CONTENT_GUTTER
|
|
233
|
+
};
|
|
@@ -1,18 +1,12 @@
|
|
|
1
1
|
'use client';
|
|
2
|
+
import {
|
|
3
|
+
cn
|
|
4
|
+
} from "./chunk-DP5WQAPO.js";
|
|
2
5
|
|
|
3
6
|
// src/markdown-renderer.tsx
|
|
4
7
|
import { memo } from "react";
|
|
5
8
|
import ReactMarkdown from "react-markdown";
|
|
6
9
|
import remarkGfm from "remark-gfm";
|
|
7
|
-
|
|
8
|
-
// src/utils.ts
|
|
9
|
-
import { clsx } from "clsx";
|
|
10
|
-
import { twMerge } from "tailwind-merge";
|
|
11
|
-
function cn(...inputs) {
|
|
12
|
-
return twMerge(clsx(inputs));
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
// src/markdown-renderer.tsx
|
|
16
10
|
import { Fragment, jsx } from "react/jsx-runtime";
|
|
17
11
|
var components = {
|
|
18
12
|
// Links open in new tab
|
|
@@ -67,6 +61,5 @@ var MarkdownRenderer = memo(
|
|
|
67
61
|
MarkdownRenderer.displayName = "MarkdownRenderer";
|
|
68
62
|
|
|
69
63
|
export {
|
|
70
|
-
cn,
|
|
71
64
|
MarkdownRenderer
|
|
72
65
|
};
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import * as lucide_react from 'lucide-react';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
|
|
4
|
+
/** Each icon name and the glyph it draws. */
|
|
5
|
+
declare const ICONS: {
|
|
6
|
+
readonly 'arrow-left': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
7
|
+
readonly 'arrow-right': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
8
|
+
readonly bell: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
9
|
+
readonly calendar: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
10
|
+
readonly check: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
11
|
+
readonly 'chevron-down': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
12
|
+
readonly 'chevron-left': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
13
|
+
readonly 'chevron-right': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
14
|
+
readonly 'chevron-up': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
readonly 'circle-alert': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
16
|
+
readonly 'circle-check': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
17
|
+
readonly 'clipboard-list': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
18
|
+
readonly clock: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
19
|
+
readonly database: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
20
|
+
readonly download: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
21
|
+
readonly ellipsis: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
22
|
+
readonly 'external-link': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
23
|
+
readonly eye: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
24
|
+
readonly 'eye-off': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
25
|
+
readonly 'file-text': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
26
|
+
readonly filter: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
27
|
+
readonly folder: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
28
|
+
readonly heart: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
29
|
+
readonly house: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
30
|
+
readonly inbox: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
31
|
+
readonly info: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
32
|
+
readonly 'layout-grid': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
33
|
+
readonly link: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
34
|
+
readonly list: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
35
|
+
readonly loader: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
36
|
+
readonly lock: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
37
|
+
readonly 'log-out': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
38
|
+
readonly mail: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
39
|
+
readonly 'map-pin': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
40
|
+
readonly menu: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
41
|
+
readonly package: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
42
|
+
readonly pencil: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
43
|
+
readonly phone: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
44
|
+
readonly plus: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
45
|
+
readonly 'refresh-cw': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
46
|
+
readonly rocket: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
47
|
+
readonly search: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
48
|
+
readonly settings: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
49
|
+
readonly star: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
50
|
+
readonly tag: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
51
|
+
readonly trash: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
52
|
+
readonly 'triangle-alert': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
53
|
+
readonly upload: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
54
|
+
readonly user: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
55
|
+
readonly users: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
56
|
+
readonly x: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
57
|
+
};
|
|
58
|
+
type IconName = keyof typeof ICONS;
|
|
59
|
+
/**
|
|
60
|
+
* The icon sizes, each a step of the spacing scale (`size-3` is 12px …
|
|
61
|
+
* `size-8` 32px): the size comes from the tokens, never lucide's 24px
|
|
62
|
+
* default (the class sets the box; the SVG's own width/height give way).
|
|
63
|
+
*/
|
|
64
|
+
declare const ICON_SIZES: {
|
|
65
|
+
readonly xs: "size-3";
|
|
66
|
+
readonly sm: "size-4";
|
|
67
|
+
readonly md: "size-5";
|
|
68
|
+
readonly lg: "size-6";
|
|
69
|
+
readonly xl: "size-8";
|
|
70
|
+
};
|
|
71
|
+
type IconSize = keyof typeof ICON_SIZES;
|
|
72
|
+
interface IconProps {
|
|
73
|
+
/** One name of the closed set (`ICONS`). */
|
|
74
|
+
name: IconName;
|
|
75
|
+
/** One step of the size scale (`ICON_SIZES`). */
|
|
76
|
+
size: IconSize;
|
|
77
|
+
className?: string;
|
|
78
|
+
}
|
|
79
|
+
/** A decorative icon from the closed set (hidden from assistive technology). */
|
|
80
|
+
declare function Icon({ name, size, className }: IconProps): React.ReactElement;
|
|
81
|
+
|
|
82
|
+
export { type IconName as I, type IconSize as a, ICONS as b, ICON_SIZES as c, Icon as d, type IconProps as e };
|
package/dist/index.d.mts
CHANGED
|
@@ -6,7 +6,8 @@ import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
|
6
6
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
7
7
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
8
8
|
export { MarkdownRenderer } from './markdown.mjs';
|
|
9
|
-
import
|
|
9
|
+
import { I as IconName, a as IconSize } from './icon.d-DQqyySj2.mjs';
|
|
10
|
+
export { b as ICONS, c as ICON_SIZES, d as Icon, e as IconProps } from './icon.d-DQqyySj2.mjs';
|
|
10
11
|
import { LucideIcon } from 'lucide-react';
|
|
11
12
|
import { ClassValue } from 'clsx';
|
|
12
13
|
|
|
@@ -442,84 +443,6 @@ interface DiceBearAvatarProps extends React.HTMLAttributes<HTMLDivElement>, Vari
|
|
|
442
443
|
}
|
|
443
444
|
declare const DiceBearAvatar: React.ForwardRefExoticComponent<DiceBearAvatarProps & React.RefAttributes<HTMLDivElement>>;
|
|
444
445
|
|
|
445
|
-
/** Each icon name and the glyph it draws. */
|
|
446
|
-
declare const ICONS: {
|
|
447
|
-
readonly 'arrow-left': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
448
|
-
readonly 'arrow-right': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
449
|
-
readonly bell: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
450
|
-
readonly calendar: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
451
|
-
readonly check: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
452
|
-
readonly 'chevron-down': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
453
|
-
readonly 'chevron-left': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
454
|
-
readonly 'chevron-right': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
455
|
-
readonly 'chevron-up': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
456
|
-
readonly 'circle-alert': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
457
|
-
readonly 'circle-check': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
458
|
-
readonly 'clipboard-list': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
459
|
-
readonly clock: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
460
|
-
readonly database: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
461
|
-
readonly download: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
462
|
-
readonly ellipsis: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
463
|
-
readonly 'external-link': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
464
|
-
readonly eye: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
465
|
-
readonly 'eye-off': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
466
|
-
readonly 'file-text': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
467
|
-
readonly filter: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
468
|
-
readonly folder: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
469
|
-
readonly heart: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
470
|
-
readonly house: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
471
|
-
readonly inbox: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
472
|
-
readonly info: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
473
|
-
readonly 'layout-grid': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
474
|
-
readonly link: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
475
|
-
readonly list: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
476
|
-
readonly loader: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
477
|
-
readonly lock: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
478
|
-
readonly 'log-out': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
479
|
-
readonly mail: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
480
|
-
readonly 'map-pin': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
481
|
-
readonly menu: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
482
|
-
readonly package: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
483
|
-
readonly pencil: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
484
|
-
readonly phone: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
485
|
-
readonly plus: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
486
|
-
readonly 'refresh-cw': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
487
|
-
readonly rocket: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
488
|
-
readonly search: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
489
|
-
readonly settings: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
490
|
-
readonly star: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
491
|
-
readonly tag: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
492
|
-
readonly trash: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
493
|
-
readonly 'triangle-alert': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
494
|
-
readonly upload: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
495
|
-
readonly user: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
496
|
-
readonly users: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
497
|
-
readonly x: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
498
|
-
};
|
|
499
|
-
type IconName = keyof typeof ICONS;
|
|
500
|
-
/**
|
|
501
|
-
* The icon sizes, each a step of the spacing scale (`size-3` is 12px …
|
|
502
|
-
* `size-8` 32px): the size comes from the tokens, never lucide's 24px
|
|
503
|
-
* default (the class sets the box; the SVG's own width/height give way).
|
|
504
|
-
*/
|
|
505
|
-
declare const ICON_SIZES: {
|
|
506
|
-
readonly xs: "size-3";
|
|
507
|
-
readonly sm: "size-4";
|
|
508
|
-
readonly md: "size-5";
|
|
509
|
-
readonly lg: "size-6";
|
|
510
|
-
readonly xl: "size-8";
|
|
511
|
-
};
|
|
512
|
-
type IconSize = keyof typeof ICON_SIZES;
|
|
513
|
-
interface IconProps {
|
|
514
|
-
/** One name of the closed set (`ICONS`). */
|
|
515
|
-
name: IconName;
|
|
516
|
-
/** One step of the size scale (`ICON_SIZES`). */
|
|
517
|
-
size: IconSize;
|
|
518
|
-
className?: string;
|
|
519
|
-
}
|
|
520
|
-
/** A decorative icon from the closed set (hidden from assistive technology). */
|
|
521
|
-
declare function Icon({ name, size, className }: IconProps): React.ReactElement;
|
|
522
|
-
|
|
523
446
|
interface IntentIconProps {
|
|
524
447
|
intent?: 'success' | 'warning' | 'error' | 'info';
|
|
525
448
|
size?: 'sm' | 'md';
|
|
@@ -558,8 +481,13 @@ interface FilterChipProps {
|
|
|
558
481
|
* FilterChip — a pill-shaped toggle for filter bars.
|
|
559
482
|
*
|
|
560
483
|
* - **Inactive**: white bg, border, muted text
|
|
561
|
-
* - **Active**:
|
|
562
|
-
*
|
|
484
|
+
* - **Active**: the brand's solid fill and its text, as `Button` draws them.
|
|
485
|
+
* `--primary-solid`, not `--primary`: the raw brand fails AA under white
|
|
486
|
+
* (sky blue is 2.1:1). The border is unpainted so the fill follows hover.
|
|
487
|
+
* - **Hover (active)**: the fill mixed toward black, never `/90`, which lightens
|
|
488
|
+
* it over the surface and takes a solid at 4.5:1 under AA.
|
|
489
|
+
* - Count badge: the pair inverted, the same ratio. A translucent badge mixes
|
|
490
|
+
* the text colour into its own ground and loses AA at 11px.
|
|
563
491
|
*/
|
|
564
492
|
declare function FilterChip({ label, active, count, size, onClick, }: FilterChipProps): react_jsx_runtime.JSX.Element;
|
|
565
493
|
|
|
@@ -985,6 +913,10 @@ declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & Reac
|
|
|
985
913
|
* scrolling strip (W0), which cannot overflow; actions with no links stay on
|
|
986
914
|
* the bar and wrap. No prop asks for this: a page cannot get it wrong.
|
|
987
915
|
*
|
|
916
|
+
* #5947: `transparent` draws no rule (the border stays, unpainted, so a bar
|
|
917
|
+
* keeps its height either way), and both rows use `Container`'s gutter, so a
|
|
918
|
+
* bar's content starts where the page's does.
|
|
919
|
+
*
|
|
988
920
|
* Authored by Caqophony
|
|
989
921
|
*/
|
|
990
922
|
|
|
@@ -2292,4 +2224,4 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
2292
2224
|
|
|
2293
2225
|
declare function useDebounce<T>(value: T, ms: number): T;
|
|
2294
2226
|
|
|
2295
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, type ActionCardProps, ActionPanel, type ActionPanelProps, ActivityFeed, ActivityFeedItem, type ActivityFeedItemProps, type ActivityFeedProps, Alert, type AlertProps, AppShell, type AppShellProps, AvatarGroup, AvatarGroupItem, type AvatarGroupItemProps, type AvatarGroupProps, Button, ButtonGroup, ButtonGroupItem, type ButtonGroupItemProps, type ButtonGroupProps, type ButtonProps, Calendar, type CalendarEvent, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, ClampedList, type ClampedListProps, CollapsibleSidebar, Combobox, type ComboboxOption, type ComboboxProps, CommandPalette, type CommandPaletteProps, type CommandPaletteResult, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, DataTable, type DataTableProps, DatePicker, type DatePickerProps, DescriptionItem, type DescriptionItemProps, DescriptionList, type DescriptionListProps, DiceBearAvatar, type DiceBearAvatarProps, type DiceBearStyle, DistributionChip, type DistributionChipProps, Divider, type DividerProps, Drawer, DrawerBody, DrawerFooter, DrawerHeader, type DrawerProps, EMPTY_VALUE_GLYPH, EmptyState, type EmptyStateProps, EmptyValue, type EmptyValueProps, type FieldSize, FilterChip, type FilterChipProps, FormError, type FormErrorProps, FormField, FormFieldGroup, type FormFieldGroupProps, type FormFieldProps, FormLayout, type FormLayoutProps, FormLayoutSection, type FormLayoutSectionProps, FormSection, type FormSectionProps, FormSuccess, type FormSuccessProps, GlobalErrorContent, type GlobalErrorContentProps, GridList, GridListItem, type GridListItemProps, type GridListProps, HorizontalCard, type HorizontalCardProps, HoverCard, type HoverCardProps,
|
|
2227
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, type ActionCardProps, ActionPanel, type ActionPanelProps, ActivityFeed, ActivityFeedItem, type ActivityFeedItemProps, type ActivityFeedProps, Alert, type AlertProps, AppShell, type AppShellProps, AvatarGroup, AvatarGroupItem, type AvatarGroupItemProps, type AvatarGroupProps, Button, ButtonGroup, ButtonGroupItem, type ButtonGroupItemProps, type ButtonGroupProps, type ButtonProps, Calendar, type CalendarEvent, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, ClampedList, type ClampedListProps, CollapsibleSidebar, Combobox, type ComboboxOption, type ComboboxProps, CommandPalette, type CommandPaletteProps, type CommandPaletteResult, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, DataTable, type DataTableProps, DatePicker, type DatePickerProps, DescriptionItem, type DescriptionItemProps, DescriptionList, type DescriptionListProps, DiceBearAvatar, type DiceBearAvatarProps, type DiceBearStyle, DistributionChip, type DistributionChipProps, Divider, type DividerProps, Drawer, DrawerBody, DrawerFooter, DrawerHeader, type DrawerProps, EMPTY_VALUE_GLYPH, EmptyState, type EmptyStateProps, EmptyValue, type EmptyValueProps, type FieldSize, FilterChip, type FilterChipProps, FormError, type FormErrorProps, FormField, FormFieldGroup, type FormFieldGroupProps, type FormFieldProps, FormLayout, type FormLayoutProps, FormLayoutSection, type FormLayoutSectionProps, FormSection, type FormSectionProps, FormSuccess, type FormSuccessProps, GlobalErrorContent, type GlobalErrorContentProps, GridList, GridListItem, type GridListItemProps, type GridListProps, HorizontalCard, type HorizontalCardProps, HoverCard, type HoverCardProps, INTENT_SUBTLE_STYLES, IconName, IconSize, ImageCard, type ImageCardProps, Input, InputGroup, type InputGroupProps, type InputProps, IntentBadge, type IntentBadgeIntent, type IntentBadgeProps, IntentIcon, type IntentIconProps, Label, type LabelProps, MediaObject, type MediaObjectProps, ModalBody, ModalDialog, type ModalDialogProps, ModalFooter, ModalHeader, type NavItem, Navbar, NavbarLink, type NavbarLinkProps, type NavbarProps, NotificationBanner, type NotificationBannerProps, NotificationPanel, NotificationPanelItem, type NotificationPanelItemProps, type NotificationPanelProps, OverflowMenu, type OverflowMenuItem, type OverflowMenuProps, PageContent, type PageContentProps, PageGutter, type PageGutterProps, PageHeading, type PageHeadingProps, Pagination, PaginationButton, type PaginationProps, Popover, type PopoverProps, Progress, type ProgressIntent, type ProgressProps, RadioGroup, type RadioGroupOption, type RadioGroupProps, SCROLL_HINT_X, SectionCard, type SectionCardProps, SectionHeading, type SectionHeadingProps, Select, type SelectOption, type SelectProps, SidePanelLayout, type SidePanelLayoutProps, type NavItem as SidebarNavItem, SimpleAccordion, SkeletonBar, type SkeletonBarProps, SkeletonCard, SkeletonCardGrid, type SkeletonCardGridProps, type SkeletonCardProps, SkeletonDetail, type SkeletonDetailProps, SkeletonRow, type SkeletonRowProps, SkeletonTable, type SkeletonTableProps, Spinner, type SpinnerProps, StackedList, StackedListItem, type StackedListItemProps, type StackedListProps, type Stage, StageList, type StageListProps, StatCardExtended, type StatCardExtendedProps, StatGroup, type StatGroupProps, Stepper, type StepperProps, StepperStep, type StepperStepProps, StickyActionBar, type StickyActionBarProps, Switch, type SwitchProps, TabBar, TabBarItem, type TabBarItemProps, type TabBarProps, TabbedCard, type TabbedCardProps, TableBody, TableCaption, TableCell, type TableCellProps, TableHeader, TableRow, type TableRowProps, Textarea, type TextareaProps, Toggle, ToggleGroup, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, avatarVariants, buildDiceBearUrl, buttonVariants, cn, fieldVariants, getPageRange, isEmptyValue, useDebounce, useSidebar };
|