@usefragments/ui 1.3.1 → 1.3.2
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 +12 -11
- package/dist/assets/ui.css +1093 -0
- package/dist/chart.cjs +1 -0
- package/dist/chart.js +1 -0
- package/dist/codeblock.cjs +1 -0
- package/dist/codeblock.js +1 -0
- package/dist/colorpicker.cjs +1 -0
- package/dist/colorpicker.js +1 -0
- package/dist/components/Accordion/index.cjs +1 -0
- package/dist/components/Accordion/index.js +1 -0
- package/dist/components/Alert/index.cjs +1 -0
- package/dist/components/Alert/index.js +1 -0
- package/dist/components/AppShell/index.cjs +1 -0
- package/dist/components/AppShell/index.js +1 -0
- package/dist/components/Avatar/index.cjs +1 -0
- package/dist/components/Avatar/index.js +1 -0
- package/dist/components/Badge/index.cjs +1 -0
- package/dist/components/Badge/index.js +1 -0
- package/dist/components/Breadcrumbs/index.cjs +1 -0
- package/dist/components/Breadcrumbs/index.js +1 -0
- package/dist/components/Button/index.cjs +1 -0
- package/dist/components/Button/index.js +1 -0
- package/dist/components/Card/index.cjs +1 -0
- package/dist/components/Card/index.js +1 -0
- package/dist/components/Checkbox/index.cjs +1 -0
- package/dist/components/Checkbox/index.js +1 -0
- package/dist/components/Chip/index.cjs +1 -0
- package/dist/components/Chip/index.js +1 -0
- package/dist/components/Collapsible/index.cjs +1 -0
- package/dist/components/Collapsible/index.js +1 -0
- package/dist/components/Combobox/index.cjs +1 -0
- package/dist/components/Combobox/index.js +1 -0
- package/dist/components/Command/index.cjs +1 -0
- package/dist/components/Command/index.js +1 -0
- package/dist/components/ComponentDefaults/index.cjs +1 -0
- package/dist/components/ComponentDefaults/index.js +1 -0
- package/dist/components/ConversationList/index.cjs +1 -0
- package/dist/components/ConversationList/index.js +1 -0
- package/dist/components/Dialog/index.cjs +1 -0
- package/dist/components/Dialog/index.js +1 -0
- package/dist/components/Drawer/index.cjs +1 -0
- package/dist/components/Drawer/index.js +1 -0
- package/dist/components/EmptyState/index.cjs +1 -0
- package/dist/components/EmptyState/index.js +1 -0
- package/dist/components/Field/index.cjs +1 -0
- package/dist/components/Field/index.js +1 -0
- package/dist/components/Fieldset/index.cjs +1 -0
- package/dist/components/Fieldset/index.js +1 -0
- package/dist/components/Form/index.cjs +1 -0
- package/dist/components/Form/index.js +1 -0
- package/dist/components/Header/index.cjs +1 -0
- package/dist/components/Header/index.js +1 -0
- package/dist/components/Icon/index.cjs +1 -0
- package/dist/components/Icon/index.js +1 -0
- package/dist/components/IconButton/index.cjs +1 -0
- package/dist/components/IconButton/index.js +1 -0
- package/dist/components/Image/index.cjs +1 -0
- package/dist/components/Image/index.js +1 -0
- package/dist/components/Input/index.cjs +1 -0
- package/dist/components/Input/index.js +1 -0
- package/dist/components/List/index.cjs +1 -0
- package/dist/components/List/index.js +1 -0
- package/dist/components/Listbox/index.cjs +1 -0
- package/dist/components/Listbox/index.js +1 -0
- package/dist/components/Loading/index.cjs +1 -0
- package/dist/components/Loading/index.js +1 -0
- package/dist/components/Menu/index.cjs +1 -0
- package/dist/components/Menu/index.js +1 -0
- package/dist/components/Message/index.cjs +1 -0
- package/dist/components/Message/index.js +1 -0
- package/dist/components/NavigationMenu/NavigationMenuContext.cjs +1 -0
- package/dist/components/NavigationMenu/NavigationMenuContext.js +1 -0
- package/dist/components/NavigationMenu/index.cjs +1 -0
- package/dist/components/NavigationMenu/index.js +1 -0
- package/dist/components/NavigationMenu/useNavigationMenu.cjs +1 -0
- package/dist/components/NavigationMenu/useNavigationMenu.js +1 -0
- package/dist/components/Pagination/index.cjs +1 -0
- package/dist/components/Pagination/index.js +1 -0
- package/dist/components/Popover/index.cjs +1 -0
- package/dist/components/Popover/index.js +1 -0
- package/dist/components/Progress/index.cjs +1 -0
- package/dist/components/Progress/index.js +1 -0
- package/dist/components/Prompt/index.cjs +1 -0
- package/dist/components/Prompt/index.js +1 -0
- package/dist/components/RadioGroup/index.cjs +1 -0
- package/dist/components/RadioGroup/index.js +1 -0
- package/dist/components/ScrollArea/index.cjs +1 -0
- package/dist/components/ScrollArea/index.js +1 -0
- package/dist/components/Select/index.cjs +1 -0
- package/dist/components/Select/index.js +1 -0
- package/dist/components/Separator/index.cjs +1 -0
- package/dist/components/Separator/index.js +1 -0
- package/dist/components/Sidebar/index.cjs +1 -0
- package/dist/components/Sidebar/index.js +1 -0
- package/dist/components/Slider/index.cjs +1 -0
- package/dist/components/Slider/index.js +1 -0
- package/dist/components/TableOfContents/index.cjs +1 -0
- package/dist/components/TableOfContents/index.js +1 -0
- package/dist/components/Tabs/index.cjs +1 -0
- package/dist/components/Tabs/index.js +1 -0
- package/dist/components/Theme/index.cjs +1 -0
- package/dist/components/Theme/index.js +1 -0
- package/dist/components/ThinkingIndicator/index.cjs +1 -0
- package/dist/components/ThinkingIndicator/index.js +1 -0
- package/dist/components/Toast/index.cjs +1 -0
- package/dist/components/Toast/index.js +1 -0
- package/dist/components/Toggle/index.cjs +1 -0
- package/dist/components/Toggle/index.js +1 -0
- package/dist/components/ToggleGroup/index.cjs +1 -0
- package/dist/components/ToggleGroup/index.js +1 -0
- package/dist/components/Tooltip/index.cjs +1 -0
- package/dist/components/Tooltip/index.js +1 -0
- package/dist/data-table-virtual.cjs +1 -0
- package/dist/data-table-virtual.js +1 -0
- package/dist/data-table.cjs +1 -0
- package/dist/data-table.js +1 -0
- package/dist/datepicker.cjs +1 -0
- package/dist/datepicker.js +1 -0
- package/dist/editor.cjs +1 -0
- package/dist/editor.js +1 -0
- package/dist/markdown.cjs +1 -0
- package/dist/markdown.js +1 -0
- package/dist/table.cjs +1 -0
- package/dist/table.js +1 -0
- package/dist/utils/a11y.cjs +1 -0
- package/dist/utils/a11y.js +1 -0
- package/dist/utils/keyboard-shortcuts.cjs +1 -0
- package/dist/utils/keyboard-shortcuts.js +1 -0
- package/package.json +3 -2
package/README.md
CHANGED
|
@@ -18,30 +18,31 @@ pnpm add @usefragments/ui
|
|
|
18
18
|
# or: npm install @usefragments/ui
|
|
19
19
|
```
|
|
20
20
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
**Required peers:** `react` and `react-dom` only.
|
|
22
|
+
|
|
23
|
+
Heavy libraries used by optional advanced components (charts, editor, markdown,
|
|
24
|
+
data table, date picker, etc.) are declared as **optional** peers via
|
|
25
|
+
`peerDependenciesMeta`. Install them only when you use those components:
|
|
25
26
|
|
|
26
27
|
```bash
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
# Examples — install only what you need:
|
|
29
|
+
npm install recharts # Chart
|
|
30
|
+
npm install @tanstack/react-table # DataTable
|
|
31
|
+
npm install react-day-picker date-fns # DatePicker
|
|
30
32
|
```
|
|
31
33
|
|
|
32
34
|
## Setup
|
|
33
35
|
|
|
34
|
-
**Quick start (no SCSS)** — import the prebuilt CSS in your app entry point. This loads
|
|
36
|
+
**Quick start (no SCSS)** — import the prebuilt CSS in your app entry point. This loads **default design tokens** (including dark mode) plus component styles:
|
|
35
37
|
|
|
36
38
|
```tsx
|
|
37
39
|
import "@usefragments/ui/styles";
|
|
38
40
|
```
|
|
39
41
|
|
|
40
|
-
**Custom theming (SCSS)** — create a `.scss` file with `@use '@usefragments/ui/styles' with (...)` to set your seed values, then import
|
|
42
|
+
**Custom theming (SCSS)** — create a `.scss` file with `@use '@usefragments/ui/styles' with (...)` to set your seed values, then import your SCSS (and skip the prebuilt CSS, or load tokens only via SCSS):
|
|
41
43
|
|
|
42
44
|
```tsx
|
|
43
|
-
import "
|
|
44
|
-
import "./styles/globals.scss"; // your seed overrides
|
|
45
|
+
import "./styles/globals.scss"; // your @use … with (…) seed overrides
|
|
45
46
|
```
|
|
46
47
|
|
|
47
48
|
**Next.js users** — add `transpilePackages` to your `next.config.js`:
|