@tinybigui/react 0.5.0 → 0.7.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 (10) hide show
  1. package/README.md +60 -40
  2. package/dist/index.cjs +531 -316
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +365 -124
  5. package/dist/index.d.ts +365 -124
  6. package/dist/index.js +527 -317
  7. package/dist/index.js.map +1 -1
  8. package/dist/styles.css +1 -1
  9. package/dist/styles.css.map +1 -1
  10. package/package.json +1 -1
package/README.md CHANGED
@@ -12,11 +12,11 @@ A modern, accessible React component library implementing Google's Material Desi
12
12
 
13
13
  ## ✅ Status
14
14
 
15
- > **Released: v0.1.0** (2026-04-15)
15
+ > **Latest Release: v0.7.0** (2026-06-09)
16
16
  >
17
- > This package is published to npm. Install it with `npm install @tinybigui/react`.
17
+ > **29 MD3 components** published to npm with full TypeScript support and WCAG 2.1 AA accessibility.
18
18
  >
19
- > Follow our [GitHub repository](https://github.com/buildinclicks/tinybigui) for updates!
19
+ > Install with `npm install @tinybigui/react` — follow our [GitHub repository](https://github.com/buildinclicks/tinybigui) for updates!
20
20
 
21
21
  ---
22
22
 
@@ -127,46 +127,66 @@ See [THEMING.md](./THEMING.md) for the full customization guide.
127
127
 
128
128
  ### Phase 1a: Core Buttons ✅
129
129
 
130
- | Component | Status | Description |
131
- | ------------ | ------ | ----------------------------- |
132
- | `Button` | ✅ | Standard button with variants |
133
- | `IconButton` | ✅ | Button with icon only |
134
- | `FAB` | ✅ | FAB for primary actions |
130
+ | Component | Status | Description |
131
+ | ------------- | ------ | ------------------------------------------------ |
132
+ | `Button` | ✅ | Filled, outlined, tonal, elevated, text variants |
133
+ | `IconButton` | ✅ | M3 Expressive 5-tier sizing, toggle mode |
134
+ | `FAB` | ✅ | M3 Expressive slot architecture, size scale |
135
+ | `FABMenu` | ✅ | Speed-dial with MD3 Expressive pill menu items |
136
+ | `ButtonGroup` | ✅ | Connected layout, single/multi-select |
137
+ | `SplitButton` | ✅ | Primary action + dropdown menu |
135
138
 
136
139
  ### Phase 1b: Form Components ✅
137
140
 
138
- | Component | Status | Description |
139
- | ------------ | ------ | --------------------- |
140
- | `TextField` | ✅ | Text input with label |
141
- | `Checkbox` | ✅ | Checkbox input |
142
- | `Radio` | ✅ | Radio button input |
143
- | `RadioGroup` | ✅ | Radio group container |
144
- | `Switch` | ✅ | Toggle switch |
145
-
146
- ### Phase 2: Layout & Navigation (Planned)
147
-
148
- | Component | Status | Description |
149
- | --------- | ------ | ------------------------ |
150
- | `Card` | 📋 | Container with elevation |
151
- | `Dialog` | 📋 | Modal dialog |
152
- | `Drawer` | 📋 | Side navigation drawer |
153
- | `Tabs` | 📋 | Tabbed navigation |
154
-
155
- ### Phase 3: Data Display (Planned)
156
-
157
- | Component | Status | Description |
158
- | --------- | ------ | ---------------------- |
159
- | `Table` | 📋 | Data table |
160
- | `List` | 📋 | List with items |
161
- | `Chip` | 📋 | Compact information |
162
- | `Badge` | 📋 | Notification badge |
163
- | `Tooltip` | 📋 | Contextual information |
164
-
165
- **Legend:**
166
-
167
- - ✅ Complete
168
- - 🚧 In Progress
169
- - 📋 Planned
141
+ | Component | Status | Description |
142
+ | ------------ | ------ | ----------------------------------------- |
143
+ | `TextField` | ✅ | Filled and outlined, floating label |
144
+ | `Checkbox` | ✅ | Checked, unchecked, indeterminate |
145
+ | `Radio` | ✅ | Radio button input |
146
+ | `RadioGroup` | ✅ | Vertical and horizontal orientation |
147
+ | `Switch` | ✅ | Toggle with variants-vs-states arch. |
148
+ | `Slider` | ✅ | Standard, centered, range; discrete stops |
149
+
150
+ ### Phase 2: Navigation ✅
151
+
152
+ | Component | Status | Description |
153
+ | ------------------ | ------ | ------------------------------------ |
154
+ | `AppBar` | ✅ | Four size variants, scroll elevation |
155
+ | `Tabs` | ✅ | Primary and secondary tab variants |
156
+ | `NavigationDrawer` | ✅ | Modal and standard navigation drawer |
157
+ | `NavigationBar` | ✅ | Bottom navigation with badges |
158
+ | `Search` | ✅ | SearchBar and SearchView overlay |
159
+
160
+ ### Phase 3: Feedback ✅
161
+
162
+ | Component | Status | Description |
163
+ | ------------- | ------ | --------------------------------------- |
164
+ | `Dialog` | ✅ | Basic and fullscreen modal dialogs |
165
+ | `Snackbar` | ✅ | Provider, stacking, imperative API |
166
+ | `Menu` | ✅ | Dropdown, context menu, submenus |
167
+ | `Progress` | ✅ | Linear and circular indicators |
168
+ | `BottomSheet` | ✅ | Standard and modal with snap points |
169
+ | `Tooltip` | ✅ | Plain and rich tooltip with positioning |
170
+
171
+ ### Phase 4: Data Display ✅
172
+
173
+ | Component | Status | Description |
174
+ | ------------ | ------ | --------------------------------------- |
175
+ | `Card` | ✅ | Elevated, filled, outlined variants |
176
+ | `List` | ✅ | Static and interactive list items |
177
+ | `Chip` | ✅ | Assist, Filter, Input, Suggestion types |
178
+ | `Badge` | ✅ | Dot and count notification badges |
179
+ | `Divider` | ✅ | Horizontal/vertical, inset variants |
180
+ | `DatePicker` | ✅ | Docked, modal, and input variants |
181
+ | `TimePicker` | ✅ | 12h/24h clock dial, range selection |
182
+
183
+ ### Planned
184
+
185
+ | Component | Status | Description |
186
+ | --------- | ------ | ----------- |
187
+ | `Table` | 📋 | Data table |
188
+
189
+ **Legend:** ✅ Complete · 🚧 In Progress · 📋 Planned
170
190
 
171
191
  ---
172
192