@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
package/dist/ui.mjs CHANGED
@@ -9,6 +9,7 @@ import {
9
9
  AvatarGroup,
10
10
  Badge,
11
11
  Button,
12
+ ButtonChrome,
12
13
  Calendar,
13
14
  Caption,
14
15
  Card,
@@ -20,6 +21,11 @@ import {
20
21
  ComponentDocs,
21
22
  Display,
22
23
  Dot,
24
+ DropdownButton,
25
+ DropdownItem,
26
+ DropdownMenu,
27
+ DropdownRadioGroup,
28
+ DropdownRadioItem,
23
29
  EmptyState,
24
30
  FileUpload,
25
31
  FilterBar,
@@ -32,6 +38,8 @@ import {
32
38
  H3,
33
39
  H4,
34
40
  H5,
41
+ IconBase,
42
+ IconByName,
35
43
  Input,
36
44
  Kbd,
37
45
  Label,
@@ -64,20 +72,10 @@ import {
64
72
  Textarea,
65
73
  ThemeDomSync,
66
74
  ThemeSwitcher,
67
- Toggle
68
- } from "./chunk-VXISSXTB.mjs";
69
- import {
70
- ButtonChrome,
71
- DropdownButton,
72
- DropdownItem,
73
- DropdownMenu,
74
- DropdownRadioGroup,
75
- DropdownRadioItem,
76
- IconBase,
77
- IconByName,
75
+ Toggle,
78
76
  Tooltip,
79
77
  TooltipProvider
80
- } from "./chunk-KDR6HI6F.mjs";
78
+ } from "./chunk-2EO5VCXP.mjs";
81
79
  import "./chunk-FWCSY2DS.mjs";
82
80
  export {
83
81
  Accordion,
package/docs/README.md ADDED
@@ -0,0 +1,34 @@
1
+ # The Old UI Docs
2
+
3
+ These docs support humans and AI agents using `@xenide-io/the-old-ui-theme` as a React UI library. The rendered demo shows visual examples; this folder explains how to install, configure, import, theme, and compose the supported UI elements.
4
+
5
+ ## Start Here
6
+
7
+ 1. [Installation](./installation.md)
8
+ 2. [Theme Setup](./themes.md)
9
+ 3. [Component And Variant Reference](./component-reference.md)
10
+ 4. [Component Usage](./components.md)
11
+ 5. [Theme Token Reference](./theme-token-reference.md)
12
+ 6. [AI Quick Reference](./ai-quick-reference.md)
13
+ 7. [Suite UI Audit](./suite-audit.md)
14
+ 8. [Demo Routes](./demos.md)
15
+
16
+ ## Import Rule
17
+
18
+ Always import public components from the package root:
19
+
20
+ ```tsx
21
+ import { Button, Card, H1, P } from "@xenide-io/the-old-ui-theme";
22
+ ```
23
+
24
+ Do not import internal `Ph*` files. The `Ph*` names are implementation details.
25
+
26
+ ## Default Theme
27
+
28
+ The default theme is:
29
+
30
+ ```txt
31
+ hedgehog-light
32
+ ```
33
+
34
+ Use `hedgehog-dark` for its dark pair.
package/docs/ai-quick-reference.md ADDED
@@ -0,0 +1,56 @@
1
+ # AI Quick Reference
2
+
3
+ Use `@xenide-io/the-old-ui-theme` for supported primitives. Do not import
4
+ internal source paths or symbols absent from the
5
+ [component reference](./component-reference.md).
6
+
7
+ ```tsx
8
+ import "@xenide-io/the-old-ui-theme/styles.css";
9
+ import {
10
+ Button,
11
+ Card,
12
+ H1,
13
+ Input,
14
+ P,
15
+ THEME_INIT_SCRIPT,
16
+ ThemeDomSync,
17
+ } from "@xenide-io/the-old-ui-theme";
18
+ ```
19
+
20
+ ```tsx
21
+ export default function RootLayout({ children }: { children: React.ReactNode }) {
22
+ return (
23
+ <html lang="en" data-theme="hedgehog-light" suppressHydrationWarning>
24
+ <head>
25
+ <script dangerouslySetInnerHTML={{ __html: THEME_INIT_SCRIPT }} />
26
+ </head>
27
+ <body>
28
+ <ThemeDomSync />
29
+ {children}
30
+ </body>
31
+ </html>
32
+ );
33
+ }
34
+ ```
35
+
36
+ Use semantic components and native form controls. Every interactive control
37
+ needs an accessible name, visible focus state, keyboard support, and loading or
38
+ disabled feedback where applicable. Prefer `Button` over a styled `div`, and
39
+ use `Input label="..."` or an explicit `aria-label` when a visible label is
40
+ not appropriate.
41
+
42
+ ```tsx
43
+ <section className="space-y-4">
44
+ <div>
45
+ <H1>Workspace settings</H1>
46
+ <P tone="subtle">Manage member access and defaults.</P>
47
+ </div>
48
+ <Card title="Profile">
49
+ <Input label="Display name" />
50
+ <Button variant="primary">Save changes</Button>
51
+ </Card>
52
+ </section>
53
+ ```
54
+
55
+ Use the `/suite` entry only for ShellStack application chrome. It is not a
56
+ generic replacement for primitive components.