@xenide-io/the-old-ui-theme 0.7.0 → 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-2EO5VCXP.mjs +3912 -0
- 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 +49 -45
- package/dist/suite.d.mts +157 -55
- package/dist/suite.d.ts +157 -55
- package/dist/suite.js +4249 -801
- package/dist/suite.mjs +2578 -594
- 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 +10 -12
- 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 +939 -0
- 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 +27 -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-KDR6HI6F.mjs +0 -1075
- package/dist/chunk-NOI42JNZ.mjs +0 -151
- package/dist/chunk-VXISSXTB.mjs +0 -2564
- 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,74 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
type SuiteTheme = 'system' | 'light' | 'dark';
|
|
5
|
+
type SuiteResolvedTheme = 'light' | 'dark';
|
|
6
|
+
|
|
7
|
+
interface SuiteThemeConfig {
|
|
8
|
+
/** localStorage key holding the stored preference. */
|
|
9
|
+
storageKey: string;
|
|
10
|
+
/** `data-theme` attribute value for the light theme. */
|
|
11
|
+
lightThemeId: string;
|
|
12
|
+
/** `data-theme` attribute value for the dark theme. */
|
|
13
|
+
darkThemeId: string;
|
|
14
|
+
/**
|
|
15
|
+
* Resolved theme to assume when `matchMedia` is unavailable
|
|
16
|
+
* (server render / pre-hydration).
|
|
17
|
+
*/
|
|
18
|
+
fallbackTheme: SuiteResolvedTheme;
|
|
19
|
+
/**
|
|
20
|
+
* Optional `<meta id="theme-color-meta">` colours, synced whenever the
|
|
21
|
+
* theme is (re)applied after mount. Omit both to leave the meta tag
|
|
22
|
+
* untouched.
|
|
23
|
+
*/
|
|
24
|
+
themeColorLight?: string;
|
|
25
|
+
themeColorDark?: string;
|
|
26
|
+
}
|
|
27
|
+
interface SuiteThemeContextValue {
|
|
28
|
+
theme: SuiteTheme;
|
|
29
|
+
resolvedTheme: SuiteResolvedTheme;
|
|
30
|
+
setTheme: (theme: SuiteTheme) => void;
|
|
31
|
+
toggleTheme: () => void;
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* Theme provider shared by suite apps. Each app's root layout runs a small
|
|
35
|
+
* boot script that applies `data-theme` before hydration; this provider
|
|
36
|
+
* adopts that DOM state on mount and owns every post-hydration change (user
|
|
37
|
+
* picks a theme, or the OS preference flips while set to `system`).
|
|
38
|
+
*
|
|
39
|
+
* The chosen mode is persisted both to the app's localStorage key and to the
|
|
40
|
+
* shared suite cookie, and adopted from the cookie whenever another suite
|
|
41
|
+
* app or tab changes it (focus, visibility, polling and same-origin
|
|
42
|
+
* `storage`/`BroadcastChannel` events).
|
|
43
|
+
*
|
|
44
|
+
* Apps wrap this with their own `ThemeProvider`/`useTheme` module that pins
|
|
45
|
+
* the storage key, theme ids and meta colours.
|
|
46
|
+
*/
|
|
47
|
+
declare function SuiteThemeProvider({ config, children, }: {
|
|
48
|
+
config: SuiteThemeConfig;
|
|
49
|
+
children: ReactNode;
|
|
50
|
+
}): react.JSX.Element;
|
|
51
|
+
declare function useSuiteTheme(): SuiteThemeContextValue;
|
|
52
|
+
|
|
53
|
+
interface SuiteThemeBootOptions {
|
|
54
|
+
/** `data-theme` attribute value for the light theme. */
|
|
55
|
+
lightThemeId: string;
|
|
56
|
+
/** `data-theme` attribute value for the dark theme. */
|
|
57
|
+
darkThemeId: string;
|
|
58
|
+
/** Per-app legacy localStorage key (e.g. `bb-theme`) read before falling back to the OS preference. */
|
|
59
|
+
storageKey?: string;
|
|
60
|
+
/** Optional `<meta id="theme-color-meta">` colours, set alongside the theme. */
|
|
61
|
+
themeColorLight?: string;
|
|
62
|
+
themeColorDark?: string;
|
|
63
|
+
/** Resolved mode when `matchMedia` is unavailable. Defaults to `light`. */
|
|
64
|
+
fallback?: SuiteResolvedTheme;
|
|
65
|
+
}
|
|
66
|
+
/**
|
|
67
|
+
* Inline `<head>` script that applies the suite theme before first paint.
|
|
68
|
+
* Mode resolution order: the shared `xenide-suite-theme` cookie (one
|
|
69
|
+
* preference across all suite apps), then the per-app legacy storage key,
|
|
70
|
+
* then the OS `prefers-color-scheme`, then the fallback.
|
|
71
|
+
*/
|
|
72
|
+
declare function suiteThemeBootScript(options: SuiteThemeBootOptions): string;
|
|
73
|
+
|
|
74
|
+
export { type SuiteResolvedTheme as S, type SuiteTheme as a, type SuiteThemeBootOptions as b, type SuiteThemeConfig as c, type SuiteThemeContextValue as d, SuiteThemeProvider as e, suiteThemeBootScript as s, useSuiteTheme as u };
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
type SuiteTheme = 'system' | 'light' | 'dark';
|
|
5
|
+
type SuiteResolvedTheme = 'light' | 'dark';
|
|
6
|
+
|
|
7
|
+
interface SuiteThemeConfig {
|
|
8
|
+
/** localStorage key holding the stored preference. */
|
|
9
|
+
storageKey: string;
|
|
10
|
+
/** `data-theme` attribute value for the light theme. */
|
|
11
|
+
lightThemeId: string;
|
|
12
|
+
/** `data-theme` attribute value for the dark theme. */
|
|
13
|
+
darkThemeId: string;
|
|
14
|
+
/**
|
|
15
|
+
* Resolved theme to assume when `matchMedia` is unavailable
|
|
16
|
+
* (server render / pre-hydration).
|
|
17
|
+
*/
|
|
18
|
+
fallbackTheme: SuiteResolvedTheme;
|
|
19
|
+
/**
|
|
20
|
+
* Optional `<meta id="theme-color-meta">` colours, synced whenever the
|
|
21
|
+
* theme is (re)applied after mount. Omit both to leave the meta tag
|
|
22
|
+
* untouched.
|
|
23
|
+
*/
|
|
24
|
+
themeColorLight?: string;
|
|
25
|
+
themeColorDark?: string;
|
|
26
|
+
}
|
|
27
|
+
interface SuiteThemeContextValue {
|
|
28
|
+
theme: SuiteTheme;
|
|
29
|
+
resolvedTheme: SuiteResolvedTheme;
|
|
30
|
+
setTheme: (theme: SuiteTheme) => void;
|
|
31
|
+
toggleTheme: () => void;
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* Theme provider shared by suite apps. Each app's root layout runs a small
|
|
35
|
+
* boot script that applies `data-theme` before hydration; this provider
|
|
36
|
+
* adopts that DOM state on mount and owns every post-hydration change (user
|
|
37
|
+
* picks a theme, or the OS preference flips while set to `system`).
|
|
38
|
+
*
|
|
39
|
+
* The chosen mode is persisted both to the app's localStorage key and to the
|
|
40
|
+
* shared suite cookie, and adopted from the cookie whenever another suite
|
|
41
|
+
* app or tab changes it (focus, visibility, polling and same-origin
|
|
42
|
+
* `storage`/`BroadcastChannel` events).
|
|
43
|
+
*
|
|
44
|
+
* Apps wrap this with their own `ThemeProvider`/`useTheme` module that pins
|
|
45
|
+
* the storage key, theme ids and meta colours.
|
|
46
|
+
*/
|
|
47
|
+
declare function SuiteThemeProvider({ config, children, }: {
|
|
48
|
+
config: SuiteThemeConfig;
|
|
49
|
+
children: ReactNode;
|
|
50
|
+
}): react.JSX.Element;
|
|
51
|
+
declare function useSuiteTheme(): SuiteThemeContextValue;
|
|
52
|
+
|
|
53
|
+
interface SuiteThemeBootOptions {
|
|
54
|
+
/** `data-theme` attribute value for the light theme. */
|
|
55
|
+
lightThemeId: string;
|
|
56
|
+
/** `data-theme` attribute value for the dark theme. */
|
|
57
|
+
darkThemeId: string;
|
|
58
|
+
/** Per-app legacy localStorage key (e.g. `bb-theme`) read before falling back to the OS preference. */
|
|
59
|
+
storageKey?: string;
|
|
60
|
+
/** Optional `<meta id="theme-color-meta">` colours, set alongside the theme. */
|
|
61
|
+
themeColorLight?: string;
|
|
62
|
+
themeColorDark?: string;
|
|
63
|
+
/** Resolved mode when `matchMedia` is unavailable. Defaults to `light`. */
|
|
64
|
+
fallback?: SuiteResolvedTheme;
|
|
65
|
+
}
|
|
66
|
+
/**
|
|
67
|
+
* Inline `<head>` script that applies the suite theme before first paint.
|
|
68
|
+
* Mode resolution order: the shared `xenide-suite-theme` cookie (one
|
|
69
|
+
* preference across all suite apps), then the per-app legacy storage key,
|
|
70
|
+
* then the OS `prefers-color-scheme`, then the fallback.
|
|
71
|
+
*/
|
|
72
|
+
declare function suiteThemeBootScript(options: SuiteThemeBootOptions): string;
|
|
73
|
+
|
|
74
|
+
export { type SuiteResolvedTheme as S, type SuiteTheme as a, type SuiteThemeBootOptions as b, type SuiteThemeConfig as c, type SuiteThemeContextValue as d, SuiteThemeProvider as e, suiteThemeBootScript as s, useSuiteTheme as u };
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/suite/lib/theme-boot.ts
|
|
21
|
+
var theme_boot_exports = {};
|
|
22
|
+
__export(theme_boot_exports, {
|
|
23
|
+
suiteThemeBootScript: () => suiteThemeBootScript
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(theme_boot_exports);
|
|
26
|
+
|
|
27
|
+
// src/suite/lib/theme-cookie.ts
|
|
28
|
+
var SUITE_THEME_COOKIE = "xenide-suite-theme";
|
|
29
|
+
|
|
30
|
+
// src/suite/lib/theme-boot.ts
|
|
31
|
+
function suiteThemeBootScript(options) {
|
|
32
|
+
var _a, _b, _c, _d;
|
|
33
|
+
const light = JSON.stringify(options.lightThemeId);
|
|
34
|
+
const dark = JSON.stringify(options.darkThemeId);
|
|
35
|
+
const storageKey = JSON.stringify((_a = options.storageKey) != null ? _a : null);
|
|
36
|
+
const metaLight = JSON.stringify((_b = options.themeColorLight) != null ? _b : null);
|
|
37
|
+
const metaDark = JSON.stringify((_c = options.themeColorDark) != null ? _c : null);
|
|
38
|
+
const fallback = JSON.stringify((_d = options.fallback) != null ? _d : "light");
|
|
39
|
+
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});}})();`;
|
|
40
|
+
}
|
|
41
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
42
|
+
0 && (module.exports = {
|
|
43
|
+
suiteThemeBootScript
|
|
44
|
+
});
|
package/dist/ui.d.mts
CHANGED
|
@@ -1,33 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export { A as Accordion, a as
|
|
1
|
+
import { ac as FilterBarProps, af as FilterChipsProps } 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, 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, ad as FilterChip, ae as FilterChips, 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, ax as IconAliasName, aG as IconByName, bf as IconName, bm as IconProps, 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, cb as Overline, cc as OverlineProps, cd as P, cg as PProps, ch as Panel, ci as PanelProps, cj as Progress, ck as ProgressProps, cl as Radio, cm as RadioProps, cn as Range, co as RangeProps, cp as SearchGroup, cq as SearchGroupProps, 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
|
-
import {
|
|
4
|
+
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
5
5
|
import '@radix-ui/react-dropdown-menu';
|
|
6
6
|
|
|
7
|
-
type KbdVariant = "shortcut" | "key" | "token";
|
|
8
|
-
type KbdPlatform = "text" | "mac" | "windows";
|
|
9
|
-
interface KbdProps extends HTMLAttributes<HTMLElement> {
|
|
10
|
-
variant?: KbdVariant;
|
|
11
|
-
keys?: readonly ReactNode[];
|
|
12
|
-
platform?: KbdPlatform;
|
|
13
|
-
separator?: ReactNode;
|
|
14
|
-
children?: ReactNode;
|
|
15
|
-
}
|
|
16
|
-
declare function Kbd({ variant, keys, platform, separator, children, className, "aria-label": ariaLabel, ...props }: KbdProps): react.JSX.Element;
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* Re-applies `html[data-theme]` after React commits. Hydration can clear attributes
|
|
20
|
-
* that were set only by `THEME_INIT_SCRIPT` — without this sync, `:root`-scoped
|
|
21
|
-
* light tokens effectively win visually.
|
|
22
|
-
*/
|
|
23
|
-
declare function ThemeDomSync(): null;
|
|
24
|
-
|
|
25
|
-
interface ThemeSwitcherProps {
|
|
26
|
-
className?: string;
|
|
27
|
-
}
|
|
28
|
-
/** Colour-only theme picker — persists to localStorage and sets html[data-theme]. */
|
|
29
|
-
declare function ThemeSwitcher({ className }: ThemeSwitcherProps): react.JSX.Element;
|
|
30
|
-
|
|
31
7
|
interface FilterControlsProps extends ComponentPropsWithoutRef<"div"> {
|
|
32
8
|
children: ReactNode;
|
|
33
9
|
barProps?: Omit<FilterBarProps, "children">;
|
|
@@ -77,6 +53,6 @@ interface CollapsibleSectionProps {
|
|
|
77
53
|
defaultOpen?: boolean;
|
|
78
54
|
id?: string;
|
|
79
55
|
}
|
|
80
|
-
declare function CollapsibleSection({ title, children, defaultOpen, id }: CollapsibleSectionProps): react.JSX.Element;
|
|
56
|
+
declare function CollapsibleSection({ title, children, defaultOpen, id, }: CollapsibleSectionProps): react.JSX.Element;
|
|
81
57
|
|
|
82
|
-
export { CodeBlock, CollapsibleSection, ComponentDocs, type ComponentDocsProps, type ComponentPropRow, FilterBarProps, FilterChipsProps, FilterControls, type FilterControlsProps,
|
|
58
|
+
export { CodeBlock, CollapsibleSection, type CollapsibleSectionProps, ComponentDocs, type ComponentDocsProps, type ComponentPropRow, FilterBarProps, FilterChipsProps, FilterControls, type FilterControlsProps, ShowcaseWrapper };
|
package/dist/ui.d.ts
CHANGED
|
@@ -1,33 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export { A as Accordion, a as
|
|
1
|
+
import { ac as FilterBarProps, af as FilterChipsProps } 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, 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, ad as FilterChip, ae as FilterChips, 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, ax as IconAliasName, aG as IconByName, bf as IconName, bm as IconProps, 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, cb as Overline, cc as OverlineProps, cd as P, cg as PProps, ch as Panel, ci as PanelProps, cj as Progress, ck as ProgressProps, cl as Radio, cm as RadioProps, cn as Range, co as RangeProps, cp as SearchGroup, cq as SearchGroupProps, 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
|
-
import {
|
|
4
|
+
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
5
5
|
import '@radix-ui/react-dropdown-menu';
|
|
6
6
|
|
|
7
|
-
type KbdVariant = "shortcut" | "key" | "token";
|
|
8
|
-
type KbdPlatform = "text" | "mac" | "windows";
|
|
9
|
-
interface KbdProps extends HTMLAttributes<HTMLElement> {
|
|
10
|
-
variant?: KbdVariant;
|
|
11
|
-
keys?: readonly ReactNode[];
|
|
12
|
-
platform?: KbdPlatform;
|
|
13
|
-
separator?: ReactNode;
|
|
14
|
-
children?: ReactNode;
|
|
15
|
-
}
|
|
16
|
-
declare function Kbd({ variant, keys, platform, separator, children, className, "aria-label": ariaLabel, ...props }: KbdProps): react.JSX.Element;
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* Re-applies `html[data-theme]` after React commits. Hydration can clear attributes
|
|
20
|
-
* that were set only by `THEME_INIT_SCRIPT` — without this sync, `:root`-scoped
|
|
21
|
-
* light tokens effectively win visually.
|
|
22
|
-
*/
|
|
23
|
-
declare function ThemeDomSync(): null;
|
|
24
|
-
|
|
25
|
-
interface ThemeSwitcherProps {
|
|
26
|
-
className?: string;
|
|
27
|
-
}
|
|
28
|
-
/** Colour-only theme picker — persists to localStorage and sets html[data-theme]. */
|
|
29
|
-
declare function ThemeSwitcher({ className }: ThemeSwitcherProps): react.JSX.Element;
|
|
30
|
-
|
|
31
7
|
interface FilterControlsProps extends ComponentPropsWithoutRef<"div"> {
|
|
32
8
|
children: ReactNode;
|
|
33
9
|
barProps?: Omit<FilterBarProps, "children">;
|
|
@@ -77,6 +53,6 @@ interface CollapsibleSectionProps {
|
|
|
77
53
|
defaultOpen?: boolean;
|
|
78
54
|
id?: string;
|
|
79
55
|
}
|
|
80
|
-
declare function CollapsibleSection({ title, children, defaultOpen, id }: CollapsibleSectionProps): react.JSX.Element;
|
|
56
|
+
declare function CollapsibleSection({ title, children, defaultOpen, id, }: CollapsibleSectionProps): react.JSX.Element;
|
|
81
57
|
|
|
82
|
-
export { CodeBlock, CollapsibleSection, ComponentDocs, type ComponentDocsProps, type ComponentPropRow, FilterBarProps, FilterChipsProps, FilterControls, type FilterControlsProps,
|
|
58
|
+
export { CodeBlock, CollapsibleSection, type CollapsibleSectionProps, ComponentDocs, type ComponentDocsProps, type ComponentPropRow, FilterBarProps, FilterChipsProps, FilterControls, type FilterControlsProps, ShowcaseWrapper };
|