@tomny-dev/uzi 0.1.9-pr.2.1.1 → 0.1.9-pr.2.3.1.d9e9a26
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 +13 -3
- package/dist/index.cjs +272 -145
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +164 -23
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +16 -11
- package/dist/index.d.ts +16 -11
- package/dist/index.js +251 -124
- package/dist/index.js.map +1 -1
- package/package.json +4 -1
package/README.md
CHANGED
|
@@ -85,6 +85,16 @@ Supported accent palettes:
|
|
|
85
85
|
- `amber`
|
|
86
86
|
- `rose`
|
|
87
87
|
|
|
88
|
+
## Component Philosophy
|
|
89
|
+
|
|
90
|
+
`uzi` is not meant to be a from-scratch accessibility framework.
|
|
91
|
+
|
|
92
|
+
- Use native HTML for simple form controls when the platform already gives the right behavior.
|
|
93
|
+
- Use Radix for interaction-heavy primitives such as menus, dialogs, popovers, toasts, and custom selects.
|
|
94
|
+
- Use `uzi` for the public component API, styling, tokens, and higher-level templates like `TopBar`, `SidebarNav`, and `AppShell`.
|
|
95
|
+
|
|
96
|
+
In practice, `uzi` should spend its complexity budget on reusable app scaffolding and cohesive design, not on rebuilding low-level widget behavior that Radix or the browser already solves.
|
|
97
|
+
|
|
88
98
|
## Components
|
|
89
99
|
|
|
90
100
|
| Component | Description |
|
|
@@ -97,8 +107,8 @@ Supported accent palettes:
|
|
|
97
107
|
| `Label` | Form label primitive |
|
|
98
108
|
| `MultiSelect` | Custom multi-option picker with checkbox-style menu |
|
|
99
109
|
| `Pill` | Inline badge/tag |
|
|
100
|
-
| `Modal` |
|
|
101
|
-
| `Select` |
|
|
110
|
+
| `Modal` | Radix-backed overlay dialog |
|
|
111
|
+
| `Select` | Styled Radix-based single-select field |
|
|
102
112
|
| `Dropdown` | Deprecated compatibility alias for Select |
|
|
103
113
|
| `DropdownMenu` | Radix-based action menu primitives |
|
|
104
114
|
| `AppShell` | Responsive layout with collapsible sidebar |
|
|
@@ -106,7 +116,7 @@ Supported accent palettes:
|
|
|
106
116
|
| `TopBar` | Composable header shell for brand, nav triggers, and actions |
|
|
107
117
|
| `ThemeToggleButton` | Reusable light/dark toggle wired to `ThemeProvider` |
|
|
108
118
|
| `ThemeProvider` / `useTheme` | Light/dark + accent palette theming |
|
|
109
|
-
| `ToastProvider` / `useToast` |
|
|
119
|
+
| `ToastProvider` / `useToast` | Radix-backed toast notification system |
|
|
110
120
|
|
|
111
121
|
`TopBar` supports:
|
|
112
122
|
|