@placeholderco/placeholder-ui 1.0.3 → 1.0.6

package/LICENSE

@@ -1,26 +1,26 @@
-MIT License
-
-Copyright (c) 2024
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-
----
-
-This library includes icons derived from Tabler Icons (https://tabler-icons.io/)
-which are also licensed under the MIT License.
+MIT License
+
+Copyright (c) 2024
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+---
+
+This library includes icons derived from Tabler Icons (https://tabler-icons.io/)
+which are also licensed under the MIT License.

package/README.md

@@ -1,179 +1,179 @@
-# Placeholder UI
-
-A modern, customizable Svelte 5 UI component library with comprehensive theming support via CSS variables.
-
-## Features
-
-- **70+ Components** - Buttons, forms, dialogs, tables, and more
-- **CSS Variable Theming** - Fully customizable via CSS custom properties
-- **Dark Mode** - Built-in light/dark theme support
-- **Svelte 5** - Built with modern Svelte 5 runes
-- **TypeScript** - Full TypeScript support
-- **Accessible** - Built with accessibility in mind
-- **Lightweight** - Built for simple DX with just enough flexibility
-
-## Installation
-
-```bash
-npm install @placeholderco/placeholder-ui
-```
-
-## Quick Start
-
-```svelte
-<script>
-  import { Button, Paper } from '@placeholderco/placeholder-ui';
-</script>
-
-<Paper>
-  <h1>Hello World</h1>
-  <Button variant="primary">Click Me</Button>
-</Paper>
-```
-
-## Components
-
-### UI Components
-- `Button` - Buttons with multiple variants and sizes
-- `ActionIcon` - Icon buttons
-- `Badge` - Status badges
-- `Dialog` - Modal dialogs
-- `Drawer` - Slide-out panels
-- `Dropdown` - Dropdown menus
-- `Loader` - Loading spinners
-- `Pagination` - Page navigation
-- `Popover` - Floating content
-- `Table` - Data tables
-- `Tabs` - Tab navigation
-- `Tooltip` - Hover tooltips
-- `Toaster` - Toast notifications
-
-### Form Components
-- `Textbox` - Text input
-- `TextArea` - Multi-line text input
-- `Number` - Numeric input
-- `Select` / `SelectMulti` - Dropdowns
-- `Checkbox` - Checkboxes
-- `RadioGroup` - Radio buttons
-- `Switch` - Toggle switches
-- `DatePicker` / `TimePicker` / `DateTimePicker` - Date/time selection
-- `Autocomplete` - Autocomplete input
-- `Chips` - Tag input
-
-### Display Components
-- `Paper` - Card/panel container
-- `Alert` - Alert messages
-- `Avatar` - User avatars
-- `LinkCollection` - Link lists
-
-### Layout Components
-- `Navbar` - Navigation bar
-- `Sidenav` - Side navigation
-
-### Editors (separate package)
-
-For code and rich text editors, install the editors package:
-
-```bash
-npm install @placeholderco/placeholder-ui-editors
-```
-
-```svelte
-<script>
-  import { CodeMirror } from '@placeholderco/placeholder-ui-editors';
-</script>
-
-<CodeMirror bind:value={code} language="javascript" />
-```
-
-## Theming
-
-The library uses CSS variables for theming. Override variables after importing styles:
-
-```css
-:root {
-  /* Brand colors */
-  --pui-color-primary: #1a365d;
-  --pui-color-secondary: #48bb78;
-  --pui-color-accent: #4fd1c5;
-
-  /* Typography */
-  --pui-font-family-sans: 'Inter', sans-serif;
-
-  /* Spacing, radius, shadows, etc. */
-  --pui-radius-md: 8px;
-}
-```
-
-### Dark Mode
-
-Dark mode is activated by adding the `.dark` class to the document:
-
-```javascript
-document.documentElement.classList.add('dark');
-```
-
-Or use the built-in theme utilities:
-
-```javascript
-import { setTheme } from '@placeholderco/placeholder-ui';
-
-setTheme('dark'); // 'light', 'dark', or 'system'
-```
-
-## CSS Variable Reference
-
-### Primitives (tokens.css)
-- `--pui-color-*` - Color palette
-- `--pui-font-size-*` - Typography sizes
-- `--pui-spacing-*` - Spacing scale
-- `--pui-radius-*` - Border radius
-- `--pui-shadow-*` - Box shadows
-
-### Semantic (semantic.css)
-- `--pui-bg-*` - Background colors
-- `--pui-text-*` - Text colors
-- `--pui-border-*` - Border colors
-
-### Components (components.css)
-- `--pui-btn-*` - Button styles
-- `--pui-input-*` - Input styles
-- `--pui-paper-*` - Paper styles
-- And more per component...
-
-## Icons
-
-The library includes 145 SVG icons based on Tabler Icons:
-
-```svelte
-<script>
-  import { Icon, iconCheck, iconX } from '@placeholderco/placeholder-ui';
-</script>
-
-<Icon svg={iconCheck} size="24px" />
-```
-
-## Development
-
-```bash
-# Install dependencies
-npm install
-
-# Start dev server
-npm run dev
-
-# Type check
-npm run check
-
-# Build
-npm run build
-
-# Run tests
-npm run test
-```
-
-## License
-
-MIT License - see [LICENSE](LICENSE) for details.
-
-Icons derived from [Tabler Icons](https://tabler-icons.io/) (MIT License).
+# Placeholder UI
+
+A modern, customizable Svelte 5 UI component library with comprehensive theming support via CSS variables.
+
+## Features
+
+- **70+ Components** - Buttons, forms, dialogs, tables, and more
+- **CSS Variable Theming** - Fully customizable via CSS custom properties
+- **Dark Mode** - Built-in light/dark theme support
+- **Svelte 5** - Built with modern Svelte 5 runes
+- **TypeScript** - Full TypeScript support
+- **Accessible** - Built with accessibility in mind
+- **Lightweight** - Built for simple DX with just enough flexibility
+
+## Installation
+
+```bash
+npm install @placeholderco/placeholder-ui
+```
+
+## Quick Start
+
+```svelte
+<script>
+  import { Button, Paper } from '@placeholderco/placeholder-ui';
+</script>
+
+<Paper>
+  <h1>Hello World</h1>
+  <Button variant="primary">Click Me</Button>
+</Paper>
+```
+
+## Components
+
+### UI Components
+- `Button` - Buttons with multiple variants and sizes
+- `ActionIcon` - Icon buttons
+- `Badge` - Status badges
+- `Dialog` - Modal dialogs
+- `Drawer` - Slide-out panels
+- `Dropdown` - Dropdown menus
+- `Loader` - Loading spinners
+- `Pagination` - Page navigation
+- `Popover` - Floating content
+- `Table` - Data tables
+- `Tabs` - Tab navigation
+- `Tooltip` - Hover tooltips
+- `Toaster` - Toast notifications
+
+### Form Components
+- `Textbox` - Text input
+- `TextArea` - Multi-line text input
+- `Number` - Numeric input
+- `Select` / `SelectMulti` - Dropdowns
+- `Checkbox` - Checkboxes
+- `RadioGroup` - Radio buttons
+- `Switch` - Toggle switches
+- `DatePicker` / `TimePicker` / `DateTimePicker` - Date/time selection
+- `Autocomplete` - Autocomplete input
+- `Chips` - Tag input
+
+### Display Components
+- `Paper` - Card/panel container
+- `Alert` - Alert messages
+- `Avatar` - User avatars
+- `LinkCollection` - Link lists
+
+### Layout Components
+- `Navbar` - Navigation bar
+- `Sidenav` - Side navigation
+
+### Editors (separate package)
+
+For code and rich text editors, install the editors package:
+
+```bash
+npm install @placeholderco/placeholder-ui-editors
+```
+
+```svelte
+<script>
+  import { CodeMirror } from '@placeholderco/placeholder-ui-editors';
+</script>
+
+<CodeMirror bind:value={code} language="javascript" />
+```
+
+## Theming
+
+The library uses CSS variables for theming. Override variables after importing styles:
+
+```css
+:root {
+  /* Brand colors */
+  --pui-color-primary: #1a365d;
+  --pui-color-secondary: #48bb78;
+  --pui-color-accent: #4fd1c5;
+
+  /* Typography */
+  --pui-font-family-sans: 'Inter', sans-serif;
+
+  /* Spacing, radius, shadows, etc. */
+  --pui-radius-md: 8px;
+}
+```
+
+### Dark Mode
+
+Dark mode is activated by adding the `.dark` class to the document:
+
+```javascript
+document.documentElement.classList.add('dark');
+```
+
+Or use the built-in theme utilities:
+
+```javascript
+import { setTheme } from '@placeholderco/placeholder-ui';
+
+setTheme('dark'); // 'light', 'dark', or 'system'
+```
+
+## CSS Variable Reference
+
+### Primitives (tokens.css)
+- `--pui-color-*` - Color palette
+- `--pui-font-size-*` - Typography sizes
+- `--pui-spacing-*` - Spacing scale
+- `--pui-radius-*` - Border radius
+- `--pui-shadow-*` - Box shadows
+
+### Semantic (semantic.css)
+- `--pui-bg-*` - Background colors
+- `--pui-text-*` - Text colors
+- `--pui-border-*` - Border colors
+
+### Components (components.css)
+- `--pui-btn-*` - Button styles
+- `--pui-input-*` - Input styles
+- `--pui-paper-*` - Paper styles
+- And more per component...
+
+## Icons
+
+The library includes 145 SVG icons based on Tabler Icons:
+
+```svelte
+<script>
+  import { Icon, iconCheck, iconX } from '@placeholderco/placeholder-ui';
+</script>
+
+<Icon svg={iconCheck} size="24px" />
+```
+
+## Development
+
+```bash
+# Install dependencies
+npm install
+
+# Start dev server
+npm run dev
+
+# Type check
+npm run check
+
+# Build
+npm run build
+
+# Run tests
+npm run test
+```
+
+## License
+
+MIT License - see [LICENSE](LICENSE) for details.
+
+Icons derived from [Tabler Icons](https://tabler-icons.io/) (MIT License).