@xenide-io/the-old-ui-theme 0.7.1 → 0.9.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 +9 -10
- package/dist/{Chip-Cq3AiAji.d.mts → Chip-BzuNgJIa.d.mts} +81 -23
- package/dist/{Chip-Cq3AiAji.d.ts → Chip-BzuNgJIa.d.ts} +81 -23
- package/dist/{ai-message-blocknote-WABTHFY7.mjs → ai-message-blocknote-D4Z6DUCJ.mjs} +9 -3
- package/dist/{chunk-YB4TBWHV.mjs → chunk-2EO5VCXP.mjs} +688 -388
- package/dist/chunk-APKRZQRO.mjs +251 -0
- package/dist/chunk-BS7BZI5W.mjs +19 -0
- package/dist/chunk-IULORI3A.mjs +8 -0
- package/dist/index.d.mts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +997 -576
- package/dist/index.mjs +7 -1
- package/dist/suite.d.mts +136 -57
- package/dist/suite.d.ts +136 -57
- package/dist/suite.js +3115 -882
- package/dist/suite.mjs +2566 -661
- package/dist/theme-boot-P-oqKVZF.d.mts +74 -0
- package/dist/theme-boot-P-oqKVZF.d.ts +74 -0
- package/dist/theme-boot.d.mts +2 -0
- package/dist/theme-boot.d.ts +2 -0
- package/dist/theme-boot.js +44 -0
- package/dist/theme-boot.mjs +8 -0
- package/dist/ui.d.mts +5 -29
- package/dist/ui.d.ts +5 -29
- package/dist/ui.js +647 -352
- package/dist/ui.mjs +1 -1
- package/docs/README.md +34 -0
- package/docs/ai-quick-reference.md +56 -0
- package/docs/component-library-improvement-plan.md +751 -0
- package/docs/component-reference.md +81 -0
- package/docs/components.md +48 -0
- package/docs/demos.md +19 -0
- package/docs/installation.md +117 -0
- package/docs/suite-audit.md +34 -0
- package/docs/theme-token-reference.md +67 -0
- package/docs/themes.md +164 -0
- package/package.json +22 -21
- package/public/fonts/OpenRunde-Bold.woff2 +0 -0
- package/public/fonts/OpenRunde-Medium.woff2 +0 -0
- package/public/fonts/OpenRunde-Regular.woff2 +0 -0
- package/public/fonts/OpenRunde-Semibold.woff2 +0 -0
- package/scripts/package-smoke.mjs +43 -0
- package/src/app/globals.css +2 -1
- package/src/components/ui/Accordion.tsx +20 -6
- package/src/components/ui/Avatar.tsx +5 -3
- package/src/components/ui/Calendar.tsx +187 -63
- package/src/components/ui/Card.test.tsx +38 -0
- package/src/components/ui/Card.tsx +77 -14
- package/src/components/ui/CollapsibleSection.tsx +12 -4
- package/src/components/ui/CommandPalette.test.tsx +91 -4
- package/src/components/ui/CommandPalette.tsx +138 -128
- package/src/components/ui/EmptyState.tsx +2 -2
- package/src/components/ui/FormField.tsx +1 -1
- package/src/components/ui/Input.tsx +42 -18
- package/src/components/ui/Kbd.tsx +18 -3
- package/src/components/ui/Modal.tsx +3 -1
- package/src/components/ui/Progress.tsx +14 -5
- package/src/components/ui/SegmentedControl.tsx +2 -2
- package/src/components/ui/SettingsLayout.tsx +1 -1
- package/src/components/ui/Stat.tsx +3 -2
- package/src/components/ui/Table.tsx +8 -3
- package/src/components/ui/Tooltip.test.tsx +70 -1
- package/src/components/ui/Tooltip.tsx +53 -29
- package/src/components/ui/Typography.tsx +103 -49
- package/src/components/ui/avatar-stat.test.tsx +23 -0
- package/src/components/ui/calendar.test.tsx +88 -0
- package/src/components/ui/disclosure.test.tsx +39 -0
- package/src/components/ui/index.ts +44 -6
- package/src/components/ui/progress.test.tsx +15 -0
- package/src/components/ui/typography.test.tsx +26 -1
- package/src/styles/suite-skin.css +8 -2
- package/src/styles/themes.css +184 -68
- package/src/suite/components/ai-message-blocknote.tsx +13 -2
- package/src/suite/components/ai-panel.tsx +41 -10
- package/src/suite/components/app-switcher.test.tsx +21 -6
- package/src/suite/components/app-switcher.tsx +7 -11
- package/src/suite/components/suite-app-layout.tsx +12 -3
- package/src/suite/components/suite-bottom-nav.tsx +0 -1
- package/src/suite/components/suite-clients-projects-directory.test.tsx +71 -0
- package/src/suite/components/suite-clients-projects-directory.tsx +943 -0
- package/src/suite/components/suite-integration-picker.test.tsx +224 -0
- package/src/suite/components/suite-integration-picker.tsx +889 -18
- package/src/suite/components/suite-integration-rules.test.tsx +157 -0
- package/src/suite/components/suite-integration-rules.tsx +471 -0
- package/src/suite/components/suite-mobile-drawer.test.tsx +18 -2
- package/src/suite/components/suite-mobile-drawer.tsx +65 -98
- package/src/suite/components/suite-notification-bell.tsx +29 -4
- package/src/suite/components/suite-sidebar.tsx +25 -25
- package/src/suite/components/suite-skeleton.tsx +2 -2
- package/src/suite/components/suite-user-menu.tsx +9 -8
- package/src/suite/components/theme-provider.test.tsx +87 -3
- package/src/suite/components/theme-provider.tsx +144 -23
- package/src/suite/components/today-ui.tsx +79 -68
- package/src/suite/components/workspace-switcher.test.tsx +56 -0
- package/src/suite/components/workspace-switcher.tsx +3 -3
- package/src/suite/icons/app-accents.ts +12 -12
- package/src/suite/icons/glyphs.ts +6 -12
- package/src/suite/index.ts +22 -0
- package/src/suite/lib/apps.test.ts +9 -1
- package/src/suite/lib/apps.ts +14 -8
- package/src/suite/lib/cookies.ts +53 -0
- package/src/suite/lib/theme-boot.ts +32 -0
- package/src/suite/lib/theme-cookie.ts +7 -0
- package/src/suite/lib/use-sidebar-width.ts +5 -51
- package/dist/chunk-NOI42JNZ.mjs +0 -151
- package/src/suite/lib/use-lock-mobile-page-zoom.test.tsx +0 -65
- package/src/suite/lib/use-lock-mobile-page-zoom.ts +0 -51
|
@@ -0,0 +1,251 @@
|
|
|
1
|
+
import {
|
|
2
|
+
SUITE_THEME_CHANNEL,
|
|
3
|
+
SUITE_THEME_COOKIE
|
|
4
|
+
} from "./chunk-IULORI3A.mjs";
|
|
5
|
+
import {
|
|
6
|
+
__spreadProps,
|
|
7
|
+
__spreadValues
|
|
8
|
+
} from "./chunk-FWCSY2DS.mjs";
|
|
9
|
+
|
|
10
|
+
// src/suite/components/theme-provider.tsx
|
|
11
|
+
import {
|
|
12
|
+
createContext,
|
|
13
|
+
useCallback,
|
|
14
|
+
useContext,
|
|
15
|
+
useEffect,
|
|
16
|
+
useMemo,
|
|
17
|
+
useRef,
|
|
18
|
+
useState
|
|
19
|
+
} from "react";
|
|
20
|
+
|
|
21
|
+
// src/suite/lib/cookies.ts
|
|
22
|
+
function suiteCookieDomainAttr() {
|
|
23
|
+
var _a;
|
|
24
|
+
const host = window.location.hostname;
|
|
25
|
+
if (host === "localhost" || /^\d{1,3}(?:\.\d{1,3}){3}$/.test(host)) {
|
|
26
|
+
return "";
|
|
27
|
+
}
|
|
28
|
+
if (host.endsWith(".localhost")) {
|
|
29
|
+
return "; Domain=.localhost";
|
|
30
|
+
}
|
|
31
|
+
const known = /* @__PURE__ */ new Set([
|
|
32
|
+
"tides",
|
|
33
|
+
"kraken",
|
|
34
|
+
"turtletime",
|
|
35
|
+
"time",
|
|
36
|
+
"shelly",
|
|
37
|
+
"app",
|
|
38
|
+
"shellstack",
|
|
39
|
+
"portal"
|
|
40
|
+
]);
|
|
41
|
+
const parts = host.split(".");
|
|
42
|
+
if (parts.length >= 3 && known.has((_a = parts[0]) != null ? _a : "")) {
|
|
43
|
+
return `; Domain=.${parts.slice(1).join(".")}`;
|
|
44
|
+
}
|
|
45
|
+
if (parts.length >= 2) return `; Domain=.${parts.slice(1).join(".")}`;
|
|
46
|
+
return "";
|
|
47
|
+
}
|
|
48
|
+
function readCookie(name) {
|
|
49
|
+
const prefix = `${name}=`;
|
|
50
|
+
for (const part of document.cookie.split(";")) {
|
|
51
|
+
const trimmed = part.trim();
|
|
52
|
+
if (trimmed.startsWith(prefix)) {
|
|
53
|
+
return decodeURIComponent(trimmed.slice(prefix.length));
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
return null;
|
|
57
|
+
}
|
|
58
|
+
function writeCookie(name, value) {
|
|
59
|
+
const secure = window.location.protocol === "https:" ? "; Secure" : "";
|
|
60
|
+
document.cookie = `${name}=${encodeURIComponent(value)}; Path=/; Max-Age=31536000; SameSite=Lax${suiteCookieDomainAttr()}${secure}`;
|
|
61
|
+
}
|
|
62
|
+
function clearCookie(name) {
|
|
63
|
+
const secure = window.location.protocol === "https:" ? "; Secure" : "";
|
|
64
|
+
document.cookie = `${name}=; Path=/; Max-Age=0; SameSite=Lax${suiteCookieDomainAttr()}${secure}`;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
// src/suite/components/theme-provider.tsx
|
|
68
|
+
import { jsx } from "react/jsx-runtime";
|
|
69
|
+
var SuiteThemeContext = createContext(null);
|
|
70
|
+
var suiteThemeChannel = null;
|
|
71
|
+
function broadcastTheme(theme) {
|
|
72
|
+
if (typeof BroadcastChannel === "undefined") return;
|
|
73
|
+
try {
|
|
74
|
+
suiteThemeChannel != null ? suiteThemeChannel : suiteThemeChannel = new BroadcastChannel(SUITE_THEME_CHANNEL);
|
|
75
|
+
suiteThemeChannel.postMessage(theme);
|
|
76
|
+
} catch (e) {
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
function readSharedTheme() {
|
|
80
|
+
if (typeof window === "undefined") return null;
|
|
81
|
+
try {
|
|
82
|
+
const value = readCookie(SUITE_THEME_COOKIE);
|
|
83
|
+
return value === "light" || value === "dark" || value === "system" ? value : null;
|
|
84
|
+
} catch (e) {
|
|
85
|
+
return null;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
function writeSharedTheme(theme) {
|
|
89
|
+
try {
|
|
90
|
+
writeCookie(SUITE_THEME_COOKIE, theme);
|
|
91
|
+
} catch (e) {
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
function systemTheme(fallback) {
|
|
95
|
+
if (typeof window === "undefined") return fallback;
|
|
96
|
+
return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
|
|
97
|
+
}
|
|
98
|
+
function resolveTheme(theme, fallback) {
|
|
99
|
+
return theme === "system" ? systemTheme(fallback) : theme;
|
|
100
|
+
}
|
|
101
|
+
function applyTheme(theme, config) {
|
|
102
|
+
const resolved = resolveTheme(theme, config.fallbackTheme);
|
|
103
|
+
if (typeof document === "undefined") return resolved;
|
|
104
|
+
document.documentElement.setAttribute(
|
|
105
|
+
"data-theme",
|
|
106
|
+
resolved === "dark" ? config.darkThemeId : config.lightThemeId
|
|
107
|
+
);
|
|
108
|
+
document.documentElement.classList.toggle("dark", resolved === "dark");
|
|
109
|
+
if (config.themeColorLight && config.themeColorDark) {
|
|
110
|
+
const meta = document.getElementById(
|
|
111
|
+
"theme-color-meta"
|
|
112
|
+
);
|
|
113
|
+
if (meta) {
|
|
114
|
+
meta.content = resolved === "light" ? config.themeColorLight : config.themeColorDark;
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
return resolved;
|
|
118
|
+
}
|
|
119
|
+
function readStoredTheme(storageKey) {
|
|
120
|
+
if (typeof window === "undefined") return "system";
|
|
121
|
+
const shared = readSharedTheme();
|
|
122
|
+
if (shared) return shared;
|
|
123
|
+
try {
|
|
124
|
+
const stored = localStorage.getItem(storageKey);
|
|
125
|
+
if (stored === "light" || stored === "dark" || stored === "system")
|
|
126
|
+
return stored;
|
|
127
|
+
} catch (e) {
|
|
128
|
+
}
|
|
129
|
+
return "system";
|
|
130
|
+
}
|
|
131
|
+
function SuiteThemeProvider({
|
|
132
|
+
config,
|
|
133
|
+
children
|
|
134
|
+
}) {
|
|
135
|
+
const [state, setState] = useState(() => {
|
|
136
|
+
const theme = readStoredTheme(config.storageKey);
|
|
137
|
+
if (typeof document === "undefined") {
|
|
138
|
+
return { theme, resolvedTheme: config.fallbackTheme };
|
|
139
|
+
}
|
|
140
|
+
const domTheme = document.documentElement.getAttribute("data-theme");
|
|
141
|
+
const resolvedTheme = domTheme === config.darkThemeId ? "dark" : domTheme === config.lightThemeId ? "light" : resolveTheme(theme, config.fallbackTheme);
|
|
142
|
+
return { theme, resolvedTheme };
|
|
143
|
+
});
|
|
144
|
+
const themeRef = useRef(state.theme);
|
|
145
|
+
themeRef.current = state.theme;
|
|
146
|
+
useEffect(() => {
|
|
147
|
+
applyTheme(state.theme, config);
|
|
148
|
+
}, [state.theme, config]);
|
|
149
|
+
useEffect(() => {
|
|
150
|
+
if (readSharedTheme() == null) writeSharedTheme(state.theme);
|
|
151
|
+
}, []);
|
|
152
|
+
useEffect(() => {
|
|
153
|
+
if (state.theme !== "system") return;
|
|
154
|
+
const media = window.matchMedia("(prefers-color-scheme: dark)");
|
|
155
|
+
const update = () => {
|
|
156
|
+
const resolved = applyTheme("system", config);
|
|
157
|
+
setState((current) => __spreadProps(__spreadValues({}, current), { resolvedTheme: resolved }));
|
|
158
|
+
};
|
|
159
|
+
media.addEventListener("change", update);
|
|
160
|
+
return () => media.removeEventListener("change", update);
|
|
161
|
+
}, [state.theme, config]);
|
|
162
|
+
useEffect(() => {
|
|
163
|
+
let channel = null;
|
|
164
|
+
try {
|
|
165
|
+
channel = new BroadcastChannel(SUITE_THEME_CHANNEL);
|
|
166
|
+
} catch (e) {
|
|
167
|
+
channel = null;
|
|
168
|
+
}
|
|
169
|
+
const adopt = (next) => {
|
|
170
|
+
if (next !== "light" && next !== "dark" && next !== "system") return;
|
|
171
|
+
if (next === themeRef.current) return;
|
|
172
|
+
const resolved = applyTheme(next, config);
|
|
173
|
+
try {
|
|
174
|
+
localStorage.setItem(config.storageKey, next);
|
|
175
|
+
} catch (e) {
|
|
176
|
+
}
|
|
177
|
+
setState({ theme: next, resolvedTheme: resolved });
|
|
178
|
+
};
|
|
179
|
+
const readShared = () => adopt(readSharedTheme());
|
|
180
|
+
const onChannel = (event) => adopt(event.data);
|
|
181
|
+
const onStorage = (event) => {
|
|
182
|
+
if (event.key === config.storageKey) adopt(event.newValue);
|
|
183
|
+
};
|
|
184
|
+
let poll = null;
|
|
185
|
+
const startPolling = () => {
|
|
186
|
+
if (poll == null) poll = setInterval(readShared, 2e3);
|
|
187
|
+
};
|
|
188
|
+
const stopPolling = () => {
|
|
189
|
+
if (poll != null) {
|
|
190
|
+
clearInterval(poll);
|
|
191
|
+
poll = null;
|
|
192
|
+
}
|
|
193
|
+
};
|
|
194
|
+
const onVisibility = () => {
|
|
195
|
+
if (document.visibilityState === "visible") {
|
|
196
|
+
readShared();
|
|
197
|
+
startPolling();
|
|
198
|
+
} else {
|
|
199
|
+
stopPolling();
|
|
200
|
+
}
|
|
201
|
+
};
|
|
202
|
+
channel == null ? void 0 : channel.addEventListener("message", onChannel);
|
|
203
|
+
window.addEventListener("storage", onStorage);
|
|
204
|
+
window.addEventListener("focus", readShared);
|
|
205
|
+
document.addEventListener("visibilitychange", onVisibility);
|
|
206
|
+
if (document.visibilityState === "visible") startPolling();
|
|
207
|
+
return () => {
|
|
208
|
+
channel == null ? void 0 : channel.removeEventListener("message", onChannel);
|
|
209
|
+
channel == null ? void 0 : channel.close();
|
|
210
|
+
window.removeEventListener("storage", onStorage);
|
|
211
|
+
window.removeEventListener("focus", readShared);
|
|
212
|
+
document.removeEventListener("visibilitychange", onVisibility);
|
|
213
|
+
stopPolling();
|
|
214
|
+
};
|
|
215
|
+
}, [config]);
|
|
216
|
+
const setTheme = useCallback(
|
|
217
|
+
(next) => {
|
|
218
|
+
const resolved = applyTheme(next, config);
|
|
219
|
+
setState({ theme: next, resolvedTheme: resolved });
|
|
220
|
+
try {
|
|
221
|
+
localStorage.setItem(config.storageKey, next);
|
|
222
|
+
} catch (e) {
|
|
223
|
+
}
|
|
224
|
+
writeSharedTheme(next);
|
|
225
|
+
broadcastTheme(next);
|
|
226
|
+
},
|
|
227
|
+
[config]
|
|
228
|
+
);
|
|
229
|
+
const toggleTheme = useCallback(() => {
|
|
230
|
+
const next = resolveTheme(themeRef.current, config.fallbackTheme) === "dark" ? "light" : "dark";
|
|
231
|
+
setTheme(next);
|
|
232
|
+
}, [config, setTheme]);
|
|
233
|
+
const value = useMemo(
|
|
234
|
+
() => ({ theme: state.theme, resolvedTheme: state.resolvedTheme, setTheme, toggleTheme }),
|
|
235
|
+
[state.theme, state.resolvedTheme, setTheme, toggleTheme]
|
|
236
|
+
);
|
|
237
|
+
return /* @__PURE__ */ jsx(SuiteThemeContext.Provider, { value, children });
|
|
238
|
+
}
|
|
239
|
+
function useSuiteTheme() {
|
|
240
|
+
const ctx = useContext(SuiteThemeContext);
|
|
241
|
+
if (!ctx) throw new Error("useTheme must be used within ThemeProvider");
|
|
242
|
+
return ctx;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
export {
|
|
246
|
+
readCookie,
|
|
247
|
+
writeCookie,
|
|
248
|
+
clearCookie,
|
|
249
|
+
SuiteThemeProvider,
|
|
250
|
+
useSuiteTheme
|
|
251
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import {
|
|
2
|
+
SUITE_THEME_COOKIE
|
|
3
|
+
} from "./chunk-IULORI3A.mjs";
|
|
4
|
+
|
|
5
|
+
// src/suite/lib/theme-boot.ts
|
|
6
|
+
function suiteThemeBootScript(options) {
|
|
7
|
+
var _a, _b, _c, _d;
|
|
8
|
+
const light = JSON.stringify(options.lightThemeId);
|
|
9
|
+
const dark = JSON.stringify(options.darkThemeId);
|
|
10
|
+
const storageKey = JSON.stringify((_a = options.storageKey) != null ? _a : null);
|
|
11
|
+
const metaLight = JSON.stringify((_b = options.themeColorLight) != null ? _b : null);
|
|
12
|
+
const metaDark = JSON.stringify((_c = options.themeColorDark) != null ? _c : null);
|
|
13
|
+
const fallback = JSON.stringify((_d = options.fallback) != null ? _d : "light");
|
|
14
|
+
return `(function(){try{var m=null;var c=document.cookie.match(/(?:^|;\\s*)${SUITE_THEME_COOKIE}=(light|dark|system)/);if(c)m=c[1];var k=${storageKey};if(!m&&k){try{var t=localStorage.getItem(k);if(t==='light'||t==='dark')m=t;}catch(e){}}var d=null;try{d=window.matchMedia('(prefers-color-scheme: dark)').matches;}catch(e){d=${fallback}==='dark';}if(!m)m=d?'dark':'light';else if(m==='system')m=d?'dark':'light';var th=m==='dark'?${dark}:${light};var de=document.documentElement;de.setAttribute('data-theme',th);de.classList.toggle('dark',m==='dark');var meta=document.getElementById('theme-color-meta');if(meta&&(${metaLight})&&(${metaDark}))meta.setAttribute('content',m==='dark'?${metaDark}:${metaLight});}catch(e){document.documentElement.setAttribute('data-theme',${light});}})();`;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export {
|
|
18
|
+
suiteThemeBootScript
|
|
19
|
+
};
|
package/dist/index.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export { A as Accordion, a as
|
|
1
|
+
import { bm as IconProps } from './Chip-BzuNgJIa.mjs';
|
|
2
|
+
export { A as Accordion, a as AccordionItem, b as AccordionProps, c as Alert, d as AlertProps, e as AlertStatus, f as AuthCard, g as AuthCardProps, h as AuthDivider, i as AuthDividerProps, j as AuthLayout, k as AuthLayoutProps, l as Avatar, m as AvatarGroup, n as AvatarGroupProps, o as AvatarProps, p as AvatarSize, q as AvatarStatus, B as Badge, r as BadgeProps, s as BadgeSize, t as BadgeVariant, u as Button, v as ButtonChrome, w as ButtonChromeProps, x as ButtonProps, y as ButtonShape, z as ButtonSize, C as ButtonVariant, D as CANONICAL_ICONS, E as Calendar, F as CalendarProps, G as CanonicalIconName, H as Caption, I as CaptionProps, J as Card, K as CardProps, L as CardVariant, M as Checkbox, N as CheckboxProps, O as Chip, P as ChipProps, Q as CommandItem, R as CommandPalette, S as CommandPaletteProps, T as Display, U as DisplayProps, V as Dot, W as DotProps, X as DropdownAlign, Y as DropdownButton, Z as DropdownButtonProps, _ as DropdownItem, $ as DropdownItemProps, a0 as DropdownMenu, a1 as DropdownMenuProps, a2 as DropdownRadioGroup, a3 as DropdownRadioGroupProps, a4 as DropdownRadioItem, a5 as DropdownRadioItemProps, a6 as DropdownSide, a7 as EmptyState, a8 as EmptyStateProps, a9 as FileUpload, aa as FileUploadProps, ab as FilterBar, ac as FilterBarProps, ad as FilterChip, ae as FilterChips, af as FilterChipsProps, ag as FilterMenu, ah as FilterMenuOption, ai as FilterMenuProps, aj as FormField, ak as FormFieldControlProps, al as FormFieldProps, am as H1, an as H1Props, ao as H2, ap as H2Props, aq as H3, ar as H3Props, as as H4, at as H4Props, au as H5, av as H5Props, aB as Icon, aw as IconActivity, ax as IconAliasName, ay as IconAreaChart, az as IconArrowDown, aA as IconArrowUp, aB as IconBase, aC as IconBell, aD as IconBellOff, aE as IconBolt, aF as IconBox, aG as IconByName, aH as IconCancel, aI as IconCheck, aJ as IconCheckCircle, aK as IconChevronDown, aL as IconChevronLeft, aM as IconChevronRight, aN as IconClipboardEdit, aO as IconClose, aP as IconCodePreview, aQ as IconCohort, aR as IconCommandCursor, aS as IconCopy, aT as IconCumulativeChart, aU as IconDataReel, aV as IconDatabase, aW as IconDownload, aX as IconEdit, aY as IconErrorOutline, aZ as IconEventStream, a_ as IconExclamation, a$ as IconExperimentSplit, b0 as IconFeatureGate, b1 as IconFlag, b2 as IconFlare, b3 as IconFlask, b4 as IconGift, b5 as IconGridView, b6 as IconHandClick, b7 as IconHome, b8 as IconInfo, b9 as IconInsightBoard, ba as IconLayers, bb as IconListView, bc as IconLogout, bd as IconMail, be as IconMoon, bf as IconName, bg as IconOldWindow, bh as IconPanelRight, bi as IconPerson, bj as IconPlayCircle, bk as IconPlus, bl as IconPremium, bn as IconQueryEditor, bo as IconQueryStack, bp as IconRadar, bq as IconRecording, br as IconReplayFrame, bs as IconRobot, bt as IconRocket, bu as IconSave, bv as IconSearch, bw as IconSelectEvents, bx as IconShoppingCart, by as IconSpinner, bz as IconStar, bA as IconSubArrowRight, bB as IconSun, bC as IconSurveyCard, bD as IconSurveys, bE as IconSync, bF as IconTableChart, bG as IconTerminal, bH as IconToggle, bI as IconTrash, bJ as IconTuning, bK as IconUpload, bL as IconVolume, bM as IconVolumeOff, bN as Input, bO as InputProps, bP as InputSize, bQ as InputVariant, bR as Kbd, bS as KbdPlatform, bT as KbdProps, bU as KbdVariant, bV as Label, bW as LabelProps, bX as Lead, bY as LeadProps, bZ as Link, b_ as LinkProps, b$ as Loader, c0 as LoaderProps, c1 as LoaderSize, c2 as LoaderVariant, c3 as LoadingState, c4 as LoadingStateProps, c5 as Modal, c6 as ModalProps, c7 as ModalSize, c8 as Mono, c9 as MonoProps, ca as OLD_UI_ICONS, cb as Overline, cc as OverlineProps, cd as P, ce as PH_ICONS, cf as PH_ICON_ALIASES, cg as PProps, ch as Panel, ci as PanelProps, cj as Progress, ck as ProgressProps, cl as Radio, cm as RadioProps, cr as SearchInput, cs as SearchInputProps, ct as SectionTitle, cu as SectionTitleProps, cv as SegmentedControl, cw as SegmentedControlOption, cx as SegmentedControlProps, cy as Select, cz as SelectProps, cA as SettingsLayout, cB as SettingsLayoutProps, cC as SettingsNav, cD as SettingsNavGroup, cE as SettingsNavItem, cF as SettingsNavProps, cG as Skeleton, cH as SkeletonProps, cI as SkeletonShape, cJ as Small, cK as SmallProps, cL as SortMenu, cM as SortMenuProps, cN as Spinner, cO as SpinnerProps, cP as Stat, cQ as StatProps, cR as StatTone, cS as Table, cT as TableColumn, cU as TableProps, cV as TextBaseProps, cW as TextTone, cX as TextWeight, cY as Textarea, cZ as TextareaProps, c_ as ThemeDomSync, c$ as ThemeSwitcher, d0 as ThemeSwitcherProps, d1 as Toggle, d2 as ToggleProps, d3 as Tooltip, d4 as TooltipAlign, d5 as TooltipProps, d6 as TooltipProvider, d7 as TooltipProviderProps, d8 as TooltipSide } from './Chip-BzuNgJIa.mjs';
|
|
3
3
|
import * as react from 'react';
|
|
4
4
|
import { ReactNode } from 'react';
|
|
5
5
|
import '@radix-ui/react-dropdown-menu';
|
|
@@ -14,7 +14,7 @@ declare function createIconBase({ name, viewBox, paths }: IconBaseDefinition): r
|
|
|
14
14
|
/** Shorthand for single-path filled icons. */
|
|
15
15
|
declare function createIconBasePath(d: string, viewBox?: string, name?: string): react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
16
16
|
|
|
17
|
-
type ThemeId = "hedgehog-light" | "hedgehog-dark" | "note" | "note-dark" | "turtletime" | "turtletime-dark" | "rosepine-light" | "rosepine-dark" | "kraken-light" | "kraken-dark" | "deepsea-light" | "deepsea-dark" | "malibu-light" | "malibu-dark";
|
|
17
|
+
type ThemeId = "hedgehog-light" | "hedgehog-dark" | "note" | "note-dark" | "turtletime" | "turtletime-dark" | "rosepine-light" | "rosepine-dark" | "kraken-light" | "kraken-dark" | "deepsea-light" | "deepsea-dark" | "malibu-light" | "malibu-dark" | "microsoft-light" | "microsoft-dark";
|
|
18
18
|
interface ThemeDefinition {
|
|
19
19
|
id: ThemeId;
|
|
20
20
|
name: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export { A as Accordion, a as
|
|
1
|
+
import { bm as IconProps } from './Chip-BzuNgJIa.js';
|
|
2
|
+
export { A as Accordion, a as AccordionItem, b as AccordionProps, c as Alert, d as AlertProps, e as AlertStatus, f as AuthCard, g as AuthCardProps, h as AuthDivider, i as AuthDividerProps, j as AuthLayout, k as AuthLayoutProps, l as Avatar, m as AvatarGroup, n as AvatarGroupProps, o as AvatarProps, p as AvatarSize, q as AvatarStatus, B as Badge, r as BadgeProps, s as BadgeSize, t as BadgeVariant, u as Button, v as ButtonChrome, w as ButtonChromeProps, x as ButtonProps, y as ButtonShape, z as ButtonSize, C as ButtonVariant, D as CANONICAL_ICONS, E as Calendar, F as CalendarProps, G as CanonicalIconName, H as Caption, I as CaptionProps, J as Card, K as CardProps, L as CardVariant, M as Checkbox, N as CheckboxProps, O as Chip, P as ChipProps, Q as CommandItem, R as CommandPalette, S as CommandPaletteProps, T as Display, U as DisplayProps, V as Dot, W as DotProps, X as DropdownAlign, Y as DropdownButton, Z as DropdownButtonProps, _ as DropdownItem, $ as DropdownItemProps, a0 as DropdownMenu, a1 as DropdownMenuProps, a2 as DropdownRadioGroup, a3 as DropdownRadioGroupProps, a4 as DropdownRadioItem, a5 as DropdownRadioItemProps, a6 as DropdownSide, a7 as EmptyState, a8 as EmptyStateProps, a9 as FileUpload, aa as FileUploadProps, ab as FilterBar, ac as FilterBarProps, ad as FilterChip, ae as FilterChips, af as FilterChipsProps, ag as FilterMenu, ah as FilterMenuOption, ai as FilterMenuProps, aj as FormField, ak as FormFieldControlProps, al as FormFieldProps, am as H1, an as H1Props, ao as H2, ap as H2Props, aq as H3, ar as H3Props, as as H4, at as H4Props, au as H5, av as H5Props, aB as Icon, aw as IconActivity, ax as IconAliasName, ay as IconAreaChart, az as IconArrowDown, aA as IconArrowUp, aB as IconBase, aC as IconBell, aD as IconBellOff, aE as IconBolt, aF as IconBox, aG as IconByName, aH as IconCancel, aI as IconCheck, aJ as IconCheckCircle, aK as IconChevronDown, aL as IconChevronLeft, aM as IconChevronRight, aN as IconClipboardEdit, aO as IconClose, aP as IconCodePreview, aQ as IconCohort, aR as IconCommandCursor, aS as IconCopy, aT as IconCumulativeChart, aU as IconDataReel, aV as IconDatabase, aW as IconDownload, aX as IconEdit, aY as IconErrorOutline, aZ as IconEventStream, a_ as IconExclamation, a$ as IconExperimentSplit, b0 as IconFeatureGate, b1 as IconFlag, b2 as IconFlare, b3 as IconFlask, b4 as IconGift, b5 as IconGridView, b6 as IconHandClick, b7 as IconHome, b8 as IconInfo, b9 as IconInsightBoard, ba as IconLayers, bb as IconListView, bc as IconLogout, bd as IconMail, be as IconMoon, bf as IconName, bg as IconOldWindow, bh as IconPanelRight, bi as IconPerson, bj as IconPlayCircle, bk as IconPlus, bl as IconPremium, bn as IconQueryEditor, bo as IconQueryStack, bp as IconRadar, bq as IconRecording, br as IconReplayFrame, bs as IconRobot, bt as IconRocket, bu as IconSave, bv as IconSearch, bw as IconSelectEvents, bx as IconShoppingCart, by as IconSpinner, bz as IconStar, bA as IconSubArrowRight, bB as IconSun, bC as IconSurveyCard, bD as IconSurveys, bE as IconSync, bF as IconTableChart, bG as IconTerminal, bH as IconToggle, bI as IconTrash, bJ as IconTuning, bK as IconUpload, bL as IconVolume, bM as IconVolumeOff, bN as Input, bO as InputProps, bP as InputSize, bQ as InputVariant, bR as Kbd, bS as KbdPlatform, bT as KbdProps, bU as KbdVariant, bV as Label, bW as LabelProps, bX as Lead, bY as LeadProps, bZ as Link, b_ as LinkProps, b$ as Loader, c0 as LoaderProps, c1 as LoaderSize, c2 as LoaderVariant, c3 as LoadingState, c4 as LoadingStateProps, c5 as Modal, c6 as ModalProps, c7 as ModalSize, c8 as Mono, c9 as MonoProps, ca as OLD_UI_ICONS, cb as Overline, cc as OverlineProps, cd as P, ce as PH_ICONS, cf as PH_ICON_ALIASES, cg as PProps, ch as Panel, ci as PanelProps, cj as Progress, ck as ProgressProps, cl as Radio, cm as RadioProps, cr as SearchInput, cs as SearchInputProps, ct as SectionTitle, cu as SectionTitleProps, cv as SegmentedControl, cw as SegmentedControlOption, cx as SegmentedControlProps, cy as Select, cz as SelectProps, cA as SettingsLayout, cB as SettingsLayoutProps, cC as SettingsNav, cD as SettingsNavGroup, cE as SettingsNavItem, cF as SettingsNavProps, cG as Skeleton, cH as SkeletonProps, cI as SkeletonShape, cJ as Small, cK as SmallProps, cL as SortMenu, cM as SortMenuProps, cN as Spinner, cO as SpinnerProps, cP as Stat, cQ as StatProps, cR as StatTone, cS as Table, cT as TableColumn, cU as TableProps, cV as TextBaseProps, cW as TextTone, cX as TextWeight, cY as Textarea, cZ as TextareaProps, c_ as ThemeDomSync, c$ as ThemeSwitcher, d0 as ThemeSwitcherProps, d1 as Toggle, d2 as ToggleProps, d3 as Tooltip, d4 as TooltipAlign, d5 as TooltipProps, d6 as TooltipProvider, d7 as TooltipProviderProps, d8 as TooltipSide } from './Chip-BzuNgJIa.js';
|
|
3
3
|
import * as react from 'react';
|
|
4
4
|
import { ReactNode } from 'react';
|
|
5
5
|
import '@radix-ui/react-dropdown-menu';
|
|
@@ -14,7 +14,7 @@ declare function createIconBase({ name, viewBox, paths }: IconBaseDefinition): r
|
|
|
14
14
|
/** Shorthand for single-path filled icons. */
|
|
15
15
|
declare function createIconBasePath(d: string, viewBox?: string, name?: string): react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
16
16
|
|
|
17
|
-
type ThemeId = "hedgehog-light" | "hedgehog-dark" | "note" | "note-dark" | "turtletime" | "turtletime-dark" | "rosepine-light" | "rosepine-dark" | "kraken-light" | "kraken-dark" | "deepsea-light" | "deepsea-dark" | "malibu-light" | "malibu-dark";
|
|
17
|
+
type ThemeId = "hedgehog-light" | "hedgehog-dark" | "note" | "note-dark" | "turtletime" | "turtletime-dark" | "rosepine-light" | "rosepine-dark" | "kraken-light" | "kraken-dark" | "deepsea-light" | "deepsea-dark" | "malibu-light" | "malibu-dark" | "microsoft-light" | "microsoft-dark";
|
|
18
18
|
interface ThemeDefinition {
|
|
19
19
|
id: ThemeId;
|
|
20
20
|
name: string;
|