@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.
Files changed (109) hide show
  1. package/README.md +9 -10
  2. package/dist/{Chip-Cq3AiAji.d.mts → Chip-BzuNgJIa.d.mts} +81 -23
  3. package/dist/{Chip-Cq3AiAji.d.ts → Chip-BzuNgJIa.d.ts} +81 -23
  4. package/dist/{ai-message-blocknote-WABTHFY7.mjs → ai-message-blocknote-D4Z6DUCJ.mjs} +9 -3
  5. package/dist/chunk-2EO5VCXP.mjs +3912 -0
  6. package/dist/chunk-APKRZQRO.mjs +251 -0
  7. package/dist/chunk-BS7BZI5W.mjs +19 -0
  8. package/dist/chunk-IULORI3A.mjs +8 -0
  9. package/dist/index.d.mts +3 -3
  10. package/dist/index.d.ts +3 -3
  11. package/dist/index.js +997 -576
  12. package/dist/index.mjs +49 -45
  13. package/dist/suite.d.mts +157 -55
  14. package/dist/suite.d.ts +157 -55
  15. package/dist/suite.js +4249 -801
  16. package/dist/suite.mjs +2578 -594
  17. package/dist/theme-boot-P-oqKVZF.d.mts +74 -0
  18. package/dist/theme-boot-P-oqKVZF.d.ts +74 -0
  19. package/dist/theme-boot.d.mts +2 -0
  20. package/dist/theme-boot.d.ts +2 -0
  21. package/dist/theme-boot.js +44 -0
  22. package/dist/theme-boot.mjs +8 -0
  23. package/dist/ui.d.mts +5 -29
  24. package/dist/ui.d.ts +5 -29
  25. package/dist/ui.js +647 -352
  26. package/dist/ui.mjs +10 -12
  27. package/docs/README.md +34 -0
  28. package/docs/ai-quick-reference.md +56 -0
  29. package/docs/component-library-improvement-plan.md +751 -0
  30. package/docs/component-reference.md +81 -0
  31. package/docs/components.md +48 -0
  32. package/docs/demos.md +19 -0
  33. package/docs/installation.md +117 -0
  34. package/docs/suite-audit.md +34 -0
  35. package/docs/theme-token-reference.md +67 -0
  36. package/docs/themes.md +164 -0
  37. package/package.json +22 -21
  38. package/public/fonts/OpenRunde-Bold.woff2 +0 -0
  39. package/public/fonts/OpenRunde-Medium.woff2 +0 -0
  40. package/public/fonts/OpenRunde-Regular.woff2 +0 -0
  41. package/public/fonts/OpenRunde-Semibold.woff2 +0 -0
  42. package/scripts/package-smoke.mjs +43 -0
  43. package/src/app/globals.css +2 -1
  44. package/src/components/ui/Accordion.tsx +20 -6
  45. package/src/components/ui/Avatar.tsx +5 -3
  46. package/src/components/ui/Calendar.tsx +187 -63
  47. package/src/components/ui/Card.test.tsx +38 -0
  48. package/src/components/ui/Card.tsx +77 -14
  49. package/src/components/ui/CollapsibleSection.tsx +12 -4
  50. package/src/components/ui/CommandPalette.test.tsx +91 -4
  51. package/src/components/ui/CommandPalette.tsx +138 -128
  52. package/src/components/ui/EmptyState.tsx +2 -2
  53. package/src/components/ui/FormField.tsx +1 -1
  54. package/src/components/ui/Input.tsx +42 -18
  55. package/src/components/ui/Kbd.tsx +18 -3
  56. package/src/components/ui/Modal.tsx +3 -1
  57. package/src/components/ui/Progress.tsx +14 -5
  58. package/src/components/ui/SegmentedControl.tsx +2 -2
  59. package/src/components/ui/SettingsLayout.tsx +1 -1
  60. package/src/components/ui/Stat.tsx +3 -2
  61. package/src/components/ui/Table.tsx +8 -3
  62. package/src/components/ui/Tooltip.test.tsx +70 -1
  63. package/src/components/ui/Tooltip.tsx +53 -29
  64. package/src/components/ui/Typography.tsx +103 -49
  65. package/src/components/ui/avatar-stat.test.tsx +23 -0
  66. package/src/components/ui/calendar.test.tsx +88 -0
  67. package/src/components/ui/disclosure.test.tsx +39 -0
  68. package/src/components/ui/index.ts +44 -6
  69. package/src/components/ui/progress.test.tsx +15 -0
  70. package/src/components/ui/typography.test.tsx +26 -1
  71. package/src/styles/suite-skin.css +8 -2
  72. package/src/styles/themes.css +184 -68
  73. package/src/suite/components/ai-message-blocknote.tsx +13 -2
  74. package/src/suite/components/ai-panel.tsx +41 -10
  75. package/src/suite/components/app-switcher.test.tsx +21 -6
  76. package/src/suite/components/app-switcher.tsx +7 -11
  77. package/src/suite/components/suite-app-layout.tsx +12 -3
  78. package/src/suite/components/suite-bottom-nav.tsx +0 -1
  79. package/src/suite/components/suite-clients-projects-directory.test.tsx +71 -0
  80. package/src/suite/components/suite-clients-projects-directory.tsx +943 -0
  81. package/src/suite/components/suite-integration-picker.test.tsx +224 -0
  82. package/src/suite/components/suite-integration-picker.tsx +939 -0
  83. package/src/suite/components/suite-integration-rules.test.tsx +157 -0
  84. package/src/suite/components/suite-integration-rules.tsx +471 -0
  85. package/src/suite/components/suite-mobile-drawer.test.tsx +18 -2
  86. package/src/suite/components/suite-mobile-drawer.tsx +65 -98
  87. package/src/suite/components/suite-notification-bell.tsx +29 -4
  88. package/src/suite/components/suite-sidebar.tsx +25 -25
  89. package/src/suite/components/suite-skeleton.tsx +2 -2
  90. package/src/suite/components/suite-user-menu.tsx +9 -8
  91. package/src/suite/components/theme-provider.test.tsx +87 -3
  92. package/src/suite/components/theme-provider.tsx +144 -23
  93. package/src/suite/components/today-ui.tsx +79 -68
  94. package/src/suite/components/workspace-switcher.test.tsx +56 -0
  95. package/src/suite/components/workspace-switcher.tsx +3 -3
  96. package/src/suite/icons/app-accents.ts +12 -12
  97. package/src/suite/icons/glyphs.ts +6 -12
  98. package/src/suite/index.ts +27 -0
  99. package/src/suite/lib/apps.test.ts +9 -1
  100. package/src/suite/lib/apps.ts +14 -8
  101. package/src/suite/lib/cookies.ts +53 -0
  102. package/src/suite/lib/theme-boot.ts +32 -0
  103. package/src/suite/lib/theme-cookie.ts +7 -0
  104. package/src/suite/lib/use-sidebar-width.ts +5 -51
  105. package/dist/chunk-KDR6HI6F.mjs +0 -1075
  106. package/dist/chunk-NOI42JNZ.mjs +0 -151
  107. package/dist/chunk-VXISSXTB.mjs +0 -2564
  108. package/src/suite/lib/use-lock-mobile-page-zoom.test.tsx +0 -65
  109. 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,2 @@
1
+ export { b as SuiteThemeBootOptions, s as suiteThemeBootScript } from './theme-boot-P-oqKVZF.mjs';
2
+ import 'react';
@@ -0,0 +1,2 @@
1
+ export { b as SuiteThemeBootOptions, s as suiteThemeBootScript } from './theme-boot-P-oqKVZF.js';
2
+ import 'react';
@@ -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
+ });
@@ -0,0 +1,8 @@
1
+ import {
2
+ suiteThemeBootScript
3
+ } from "./chunk-BS7BZI5W.mjs";
4
+ import "./chunk-IULORI3A.mjs";
5
+ import "./chunk-FWCSY2DS.mjs";
6
+ export {
7
+ suiteThemeBootScript
8
+ };
package/dist/ui.d.mts CHANGED
@@ -1,33 +1,9 @@
1
- import { a4 as FilterBarProps, a7 as FilterChipsProps } from './Chip-Cq3AiAji.mjs';
2
- export { A as Accordion, a as Alert, b as AlertProps, c as AlertStatus, d as AuthCard, e as AuthCardProps, f as AuthDivider, g as AuthDividerProps, h as AuthLayout, i as AuthLayoutProps, j as Avatar, k as AvatarGroup, l as AvatarGroupProps, m as AvatarProps, n as AvatarSize, o as AvatarStatus, B as Badge, p as BadgeProps, q as BadgeSize, r as BadgeVariant, s as Button, t as ButtonChrome, u as ButtonChromeProps, v as ButtonProps, w as ButtonShape, x as ButtonSize, y as ButtonVariant, z as Calendar, D as CanonicalIconName, E as Caption, F as Card, G as CardProps, H as CardVariant, I as Checkbox, J as CheckboxProps, K as Chip, L as ChipProps, M as CommandPalette, N as Display, O as Dot, P as DotProps, Q as DropdownAlign, R as DropdownButton, S as DropdownButtonProps, T as DropdownItem, U as DropdownItemProps, V as DropdownMenu, W as DropdownMenuProps, X as DropdownRadioGroup, Y as DropdownRadioGroupProps, Z as DropdownRadioItem, _ as DropdownRadioItemProps, $ as DropdownSide, a0 as EmptyState, a1 as FileUpload, a2 as FileUploadProps, a3 as FilterBar, a5 as FilterChip, a6 as FilterChips, a8 as FilterMenu, a9 as FilterMenuOption, aa as FilterMenuProps, ab as FormField, ac as FormFieldControlProps, ad as FormFieldProps, ae as H1, af as H2, ag as H3, ah as H4, ai as H5, ao as Icon, ak as IconAliasName, at as IconByName, b2 as IconName, b9 as IconProps, bA as Input, bB as InputProps, bC as InputSize, bD as InputVariant, bE as Label, bF as Lead, bG as Link, bH as LinkProps, bI as Loader, bJ as LoaderProps, bK as LoaderSize, bL as LoaderVariant, bM as LoadingState, bN as LoadingStateProps, bO as Modal, bP as ModalProps, bQ as ModalSize, bR as Mono, bT as Overline, bU as P, bX as Panel, bY as PanelProps, bZ as Progress, b_ as ProgressProps, b$ as Radio, c0 as RadioProps, c1 as Range, c2 as RangeProps, c3 as SearchGroup, c4 as SearchGroupProps, c5 as SearchInput, c6 as SearchInputProps, c7 as SectionTitle, c8 as SegmentedControl, c9 as Select, ca as SelectProps, cb as SettingsLayout, cc as SettingsLayoutProps, cd as SettingsNav, ce as SettingsNavGroup, cf as SettingsNavItem, cg as SettingsNavProps, ch as Skeleton, ci as SkeletonProps, cj as SkeletonShape, ck as Small, 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 Textarea, cw as TextareaProps, cx as Toggle, cy as ToggleProps, cz as Tooltip, cA as TooltipAlign, cB as TooltipProps, cC as TooltipProvider, cD as TooltipProviderProps, cE as TooltipSide } from './Chip-Cq3AiAji.mjs';
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 { HTMLAttributes, ReactNode, ComponentPropsWithoutRef } from 'react';
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, Kbd, type KbdPlatform, type KbdProps, type KbdVariant, ShowcaseWrapper, ThemeDomSync, ThemeSwitcher, type ThemeSwitcherProps };
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 { a4 as FilterBarProps, a7 as FilterChipsProps } from './Chip-Cq3AiAji.js';
2
- export { A as Accordion, a as Alert, b as AlertProps, c as AlertStatus, d as AuthCard, e as AuthCardProps, f as AuthDivider, g as AuthDividerProps, h as AuthLayout, i as AuthLayoutProps, j as Avatar, k as AvatarGroup, l as AvatarGroupProps, m as AvatarProps, n as AvatarSize, o as AvatarStatus, B as Badge, p as BadgeProps, q as BadgeSize, r as BadgeVariant, s as Button, t as ButtonChrome, u as ButtonChromeProps, v as ButtonProps, w as ButtonShape, x as ButtonSize, y as ButtonVariant, z as Calendar, D as CanonicalIconName, E as Caption, F as Card, G as CardProps, H as CardVariant, I as Checkbox, J as CheckboxProps, K as Chip, L as ChipProps, M as CommandPalette, N as Display, O as Dot, P as DotProps, Q as DropdownAlign, R as DropdownButton, S as DropdownButtonProps, T as DropdownItem, U as DropdownItemProps, V as DropdownMenu, W as DropdownMenuProps, X as DropdownRadioGroup, Y as DropdownRadioGroupProps, Z as DropdownRadioItem, _ as DropdownRadioItemProps, $ as DropdownSide, a0 as EmptyState, a1 as FileUpload, a2 as FileUploadProps, a3 as FilterBar, a5 as FilterChip, a6 as FilterChips, a8 as FilterMenu, a9 as FilterMenuOption, aa as FilterMenuProps, ab as FormField, ac as FormFieldControlProps, ad as FormFieldProps, ae as H1, af as H2, ag as H3, ah as H4, ai as H5, ao as Icon, ak as IconAliasName, at as IconByName, b2 as IconName, b9 as IconProps, bA as Input, bB as InputProps, bC as InputSize, bD as InputVariant, bE as Label, bF as Lead, bG as Link, bH as LinkProps, bI as Loader, bJ as LoaderProps, bK as LoaderSize, bL as LoaderVariant, bM as LoadingState, bN as LoadingStateProps, bO as Modal, bP as ModalProps, bQ as ModalSize, bR as Mono, bT as Overline, bU as P, bX as Panel, bY as PanelProps, bZ as Progress, b_ as ProgressProps, b$ as Radio, c0 as RadioProps, c1 as Range, c2 as RangeProps, c3 as SearchGroup, c4 as SearchGroupProps, c5 as SearchInput, c6 as SearchInputProps, c7 as SectionTitle, c8 as SegmentedControl, c9 as Select, ca as SelectProps, cb as SettingsLayout, cc as SettingsLayoutProps, cd as SettingsNav, ce as SettingsNavGroup, cf as SettingsNavItem, cg as SettingsNavProps, ch as Skeleton, ci as SkeletonProps, cj as SkeletonShape, ck as Small, 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 Textarea, cw as TextareaProps, cx as Toggle, cy as ToggleProps, cz as Tooltip, cA as TooltipAlign, cB as TooltipProps, cC as TooltipProvider, cD as TooltipProviderProps, cE as TooltipSide } from './Chip-Cq3AiAji.js';
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 { HTMLAttributes, ReactNode, ComponentPropsWithoutRef } from 'react';
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, Kbd, type KbdPlatform, type KbdProps, type KbdVariant, ShowcaseWrapper, ThemeDomSync, ThemeSwitcher, type ThemeSwitcherProps };
58
+ export { CodeBlock, CollapsibleSection, type CollapsibleSectionProps, ComponentDocs, type ComponentDocsProps, type ComponentPropRow, FilterBarProps, FilterChipsProps, FilterControls, type FilterControlsProps, ShowcaseWrapper };