@tempots/beatui 0.0.5 → 0.1.0

package/README.md

@@ -1,3 +1,31 @@
+# TODO
+
+- [ ] Form
+  - [ ] submitting
+  - [ ] validation strategy
+    - [ ] validate on submit
+    - [ ] continuous validation
+    - [ ] validate touched and on submit
+  - [ ] dirty
+  - [ ] touched
+
+- [ ] Checkbox
+- [ ] Dark Logo
+- [ ] List Controls (move up/down/first/last, remove, vertical/horizontal)
+- [ ] Draggable List Items
+- [ ] Divider (horizontal/vertical)
+- [ ] Spacer
+
+- [ ] Do not use data-status for modal, flyout, overlay and tooltip. Use classes instead. The can be bu-status-x classes.
+- [ ] Simplify Flyout by removing the status tracking that seems unnecessary and should be solved by useAnimatedToggle
+- [ ] Separate InputWrapper out of ControlInputWrapper so that it can be used without a controller
+- [ ] When Modal is on the smaller Media breakpoint, it should take the entire screen
+- [ ] When the drawer width (left or right open) or height (top or bottom open) is bigger than the available space it should take at most the available space
+- [ ] Implement Dialog. The main difference from Modal is that Dialog doesn't use Overlay and can only be closed via Escape (optionally if `closable`) or using the close button. Clicking outside will not trigger a close action.
+- [ ] Modal should use ScrollablePanel to show the header/body/footer.
+- [ ] On iPhone/iPad the height of the Main panel of the AppShell should be limited to 100dhv minus header height or whatever
+- [ ] Styling of NativeSelect in Safari displays the default shaded style instead of the BeatUI skin.
+
 # BeatUI
 
 A modern TypeScript UI component library built with [@tempots/dom](https://tempo-ts.com).
@@ -9,7 +37,7 @@ A modern TypeScript UI component library built with [@tempots/dom](https://tempo
 - Vite for fast development and optimized builds
 - Vitest for unit testing
 - Playwright for browser testing
-- Storybook for component documentation and showcasing
+
 - ESLint and Prettier for code quality and consistent formatting
 - Layered CSS architecture with design tokens
 - Iconify integration for icons
@@ -57,7 +85,7 @@ import { createButton, createCard } from '@tempots/beatui';
 // Create a button
 const button = createButton({
   text: 'Click me',
-  variant: 'primary',
+  variant: 'filled',
   onClick: () => console.log('Button clicked'),
 });