alif-ui 2.0.0-alpha.17 → 2.0.0-alpha.19
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 +18 -0
- package/dist/alif-ui.css +1 -1
- package/dist/components/List/List.js +38 -23
- package/dist/components/List/List.utils.js +12 -10
- package/dist/components/Popover/Popover.js +40 -39
- package/dist/components/Popover/PopoverDropdown/PopoverDropdown.js +9 -9
- package/dist/components/Popover/useFloatingPosition/useFloating.util.js +1 -2
- package/dist/components/Popover/useFloatingPosition/useFloatingPosition.js +11 -15
- package/dist/components/Select/Select.js +38 -33
- package/dist/components/Select/SelectMultiple/SelectMultiple.js +50 -45
- package/dist/hooks/useInfiniteScroll/useInfiniteScroll.js +27 -0
- package/dist/hooks/useOutsideClick/useOutsideClick.js +8 -10
- package/dist/lib/components/List/List.module.js +3 -3
- package/dist/main.js +55 -54
- package/dist/src/lib/components/List/List.d.ts +1 -1
- package/dist/src/lib/components/List/List.d.ts.map +1 -1
- package/dist/src/lib/components/List/List.types.d.ts +25 -0
- package/dist/src/lib/components/List/List.types.d.ts.map +1 -1
- package/dist/src/lib/components/List/List.utils.d.ts +1 -1
- package/dist/src/lib/components/List/List.utils.d.ts.map +1 -1
- package/dist/src/lib/components/Popover/Popover.context.d.ts +1 -0
- package/dist/src/lib/components/Popover/Popover.context.d.ts.map +1 -1
- package/dist/src/lib/components/Popover/Popover.d.ts.map +1 -1
- package/dist/src/lib/components/Popover/PopoverDropdown/PopoverDropdown.d.ts.map +1 -1
- package/dist/src/lib/components/Popover/useFloatingPosition/useFloating.util.d.ts +2 -2
- package/dist/src/lib/components/Popover/useFloatingPosition/useFloating.util.d.ts.map +1 -1
- package/dist/src/lib/components/Select/Select.d.ts +1 -1
- package/dist/src/lib/components/Select/Select.d.ts.map +1 -1
- package/dist/src/lib/components/Select/Select.types.d.ts +1 -1
- package/dist/src/lib/components/Select/Select.types.d.ts.map +1 -1
- package/dist/src/lib/components/Select/SelectMultiple/SelectMultiple.d.ts +1 -1
- package/dist/src/lib/components/Select/SelectMultiple/SelectMultiple.d.ts.map +1 -1
- package/dist/src/lib/hooks/index.d.ts +2 -0
- package/dist/src/lib/hooks/index.d.ts.map +1 -1
- package/dist/src/lib/hooks/useInfiniteScroll/useInfiniteScroll.d.ts +32 -0
- package/dist/src/lib/hooks/useInfiniteScroll/useInfiniteScroll.d.ts.map +1 -0
- package/dist/src/lib/hooks/useOutsideClick/useOutsideClick.d.ts +1 -1
- package/dist/src/lib/hooks/useOutsideClick/useOutsideClick.d.ts.map +1 -1
- package/package.json +7 -2
- package/scripts/installSkills.js +133 -0
- package/skills/alif-ui/SKILL.md +110 -0
- package/skills/alif-ui/references/components.md +540 -0
- package/skills/alif-ui/references/patterns.md +293 -0
- package/skills/alif-ui/references/pitfalls.md +168 -0
- package/skills/alif-ui/references/theming.md +125 -0
package/README.md
CHANGED
|
@@ -134,6 +134,24 @@ If your project requires a brand:
|
|
|
134
134
|
|
|
135
135
|
And here's where magic happens - all the components automatically adapt to that brand!
|
|
136
136
|
|
|
137
|
+
# AI assisted development
|
|
138
|
+
|
|
139
|
+
This repo also ships **agent skills** for AI assisted development — see `skills/`.
|
|
140
|
+
|
|
141
|
+
`alif-ui` teaches AI coding assistants how to build UI with this library — setup, every component's props, our patterns and the mistakes to avoid — and adapts to the project it is installed in.
|
|
142
|
+
|
|
143
|
+
The skill ships inside the package, so once `alif-ui` is installed one command puts it where your assistant looks:
|
|
144
|
+
|
|
145
|
+
```bash
|
|
146
|
+
npx alif-ui skills install
|
|
147
|
+
```
|
|
148
|
+
|
|
149
|
+
It installs into every assistant skill directory the project already has — any `.<assistant>/skills` folder, so Claude Code, Cursor, Windsurf and the shared `.agents/skills` are all found without us keeping a list. A project with none of them gets `.claude/skills/`; `--dir <path>` and `--global` override that. Re-run it after upgrading `alif-ui`, and commit the installed folder so your team gets it.
|
|
150
|
+
|
|
151
|
+
Written in the open [Agent Skills](https://agentskills.io) format, so it works in Claude Code, Cursor, Copilot and other compatible assistants.
|
|
152
|
+
|
|
153
|
+
A second skill, `alif-ui-contributor`, documents this repository for contributors and needs no installation. See **Guides → AI Assisted Development** in Storybook for details.
|
|
154
|
+
|
|
137
155
|
# Documentation
|
|
138
156
|
|
|
139
157
|
Visit [https://ui.alif.tj](https://ui.alif.tj) to view the full documentation.
|