@velkymx/vibeui 0.8.1 → 0.8.2

package/CLAUDE.md

@@ -0,0 +1,48 @@
+# VibeUI - AI Assistant Guide
+
+**DO NOT read the source files in this package to understand how to use VibeUI.**
+
+Instead, use these resources:
+
+## Documentation
+
+- **Full docs:** `docs/` directory in this package (included in npm install)
+- **Start here:** `docs/README.md` for an overview
+- **Component docs:** `docs/components/` for per-component API reference
+- **Form docs:** `docs/forms/` for form components and validation
+- **Composable docs:** `docs/composables/` for hooks like `useColorMode`
+- **LLM-optimized reference:** `llms.txt` in this package root
+
+## Quick Reference
+
+- **Package:** `@velkymx/vibeui`
+- **Repository:** https://github.com/velkymx/vibeui
+- **Stack:** Vue 3 + Bootstrap 5.3 + TypeScript
+
+## How to Use VibeUI
+
+```ts
+import { createApp } from 'vue'
+import VibeUI from '@velkymx/vibeui'
+import 'bootstrap/dist/css/bootstrap.min.css'
+
+createApp(App).use(VibeUI).mount('#app')
+```
+
+All components are available globally after `app.use(VibeUI)`, or can be imported individually:
+
+```ts
+import { VibeButton, VibeModal, VibeCard } from '@velkymx/vibeui'
+```
+
+## Key Patterns
+
+- Components use Bootstrap 5.3 class names via props (e.g., `variant="primary"`, `size="lg"`)
+- Interactive components (Modal, Offcanvas, Toast, Collapse) use `v-model` for visibility
+- Data-driven components (Breadcrumb, ListGroup, Dropdown, Accordion) accept `items` arrays
+- Bootstrap JS is managed internally - do NOT import bootstrap JS yourself
+- Bootstrap CSS must be imported by the consumer
+
+## For Complete API Details
+
+Read the `docs/` directory or `llms.txt` - do not reverse-engineer behavior from dist files.

package/dist/vibeui.css

@@ -1 +1 @@
-.navbar.fixed-top[data-v-8228b170],.navbar.sticky-top[data-v-8228b170]{padding-top:env(safe-area-inset-top,0)}.navbar.fixed-bottom[data-v-8228b170]{padding-bottom:env(safe-area-inset-bottom,0)}.modal.show .modal-dialog.modal-fullscreen[data-v-c11ac690],.modal.show .modal-dialog.modal-fullscreen .modal-content[data-v-c11ac690]{height:100dvh}.modal-header[data-v-c11ac690]{padding-top:calc(1rem + env(safe-area-inset-top,0))}.modal-footer[data-v-c11ac690]{padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0))}.offcanvas.offcanvas-start[data-v-f03bd194],.offcanvas.offcanvas-end[data-v-f03bd194]{height:100dvh}.offcanvas.offcanvas-top[data-v-f03bd194],.offcanvas.offcanvas-bottom[data-v-f03bd194]{max-height:100dvh}.offcanvas-header[data-v-f03bd194]{padding-top:calc(1rem + env(safe-area-inset-top,0))}.offcanvas-body[data-v-f03bd194]{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}.vibe-datatable[data-v-c496dc70]{width:100%}.datatable-info[data-v-c496dc70]{padding:.5rem 0;color:var(--bs-secondary-color)}@media(max-width:767.98px){.vibe-table-stack[data-v-c496dc70],.vibe-table-stack tbody[data-v-c496dc70],.vibe-table-stack tr[data-v-c496dc70],.vibe-table-stack td[data-v-c496dc70]{display:block;width:100%}.vibe-table-stack thead[data-v-c496dc70]{display:none}.vibe-table-stack tr[data-v-c496dc70]{margin-bottom:1rem;border:1px solid var(--bs-border-color);border-radius:.375rem;background-color:var(--bs-body-bg)}.vibe-table-stack td[data-v-c496dc70]{text-align:right;padding:.5rem 1rem;position:relative;padding-left:50%;border-top:none;border-bottom:1px solid var(--bs-border-color)}.vibe-table-stack td[data-v-c496dc70]:last-child{border-bottom:none}.vibe-table-stack td[data-v-c496dc70]:before{content:attr(data-label);position:absolute;left:1rem;width:45%;text-align:left;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.input-group-vertical[data-v-49746a62]{flex-direction:column}.input-group-vertical[data-v-49746a62]>*{width:100%}.vibe-wysiwyg-container[data-v-952f7269]{border:1px solid var(--bs-border-color);border-radius:.375rem}.vibe-wysiwyg-container.is-valid[data-v-952f7269]{border-color:var(--bs-success)}.vibe-wysiwyg-container.is-invalid[data-v-952f7269]{border-color:var(--bs-danger)}.vibe-wysiwyg-container.disabled[data-v-952f7269]{background-color:var(--bs-secondary-bg);opacity:.6;cursor:not-allowed}.vibe-wysiwyg-container[data-v-952f7269] .ql-container{border:none;font-size:1rem}.vibe-wysiwyg-container[data-v-952f7269] .ql-toolbar{border:none;border-bottom:1px solid var(--bs-border-color);border-top-left-radius:.375rem;border-top-right-radius:.375rem}.vibe-wysiwyg-container[data-v-952f7269] .ql-editor{min-height:150px}
+.navbar.fixed-top[data-v-8228b170],.navbar.sticky-top[data-v-8228b170]{padding-top:env(safe-area-inset-top,0)}.navbar.fixed-bottom[data-v-8228b170]{padding-bottom:env(safe-area-inset-bottom,0)}.modal.show .modal-dialog.modal-fullscreen[data-v-c11ac690],.modal.show .modal-dialog.modal-fullscreen .modal-content[data-v-c11ac690]{height:100dvh}.modal-header[data-v-c11ac690]{padding-top:calc(1rem + env(safe-area-inset-top,0))}.modal-footer[data-v-c11ac690]{padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0))}.offcanvas.offcanvas-start[data-v-f03bd194],.offcanvas.offcanvas-end[data-v-f03bd194]{height:100dvh}.offcanvas.offcanvas-top[data-v-f03bd194],.offcanvas.offcanvas-bottom[data-v-f03bd194]{max-height:100dvh}.offcanvas-header[data-v-f03bd194]{padding-top:calc(1rem + env(safe-area-inset-top,0))}.offcanvas-body[data-v-f03bd194]{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}.vibe-datatable[data-v-c496dc70]{width:100%}.datatable-info[data-v-c496dc70]{padding:.5rem 0;color:var(--bs-secondary-color)}@media(max-width:767.98px){.vibe-table-stack[data-v-c496dc70],.vibe-table-stack tbody[data-v-c496dc70],.vibe-table-stack tr[data-v-c496dc70],.vibe-table-stack td[data-v-c496dc70]{display:block;width:100%}.vibe-table-stack thead[data-v-c496dc70]{display:none}.vibe-table-stack tr[data-v-c496dc70]{margin-bottom:1rem;border:1px solid var(--bs-border-color);border-radius:.375rem;background-color:var(--bs-body-bg)}.vibe-table-stack td[data-v-c496dc70]{text-align:right;padding:.5rem 1rem;position:relative;padding-left:50%;border-top:none;border-bottom:1px solid var(--bs-border-color)}.vibe-table-stack td[data-v-c496dc70]:last-child{border-bottom:none}.vibe-table-stack td[data-v-c496dc70]:before{content:attr(data-label);position:absolute;left:1rem;width:45%;text-align:left;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.input-group-vertical[data-v-49746a62]{flex-direction:column}.input-group-vertical[data-v-49746a62]>*{width:100%}.vibe-wysiwyg-container[data-v-822ccb91]{border:1px solid var(--bs-border-color);border-radius:.375rem}.vibe-wysiwyg-container.is-valid[data-v-822ccb91]{border-color:var(--bs-success)}.vibe-wysiwyg-container.is-invalid[data-v-822ccb91]{border-color:var(--bs-danger)}.vibe-wysiwyg-container.disabled[data-v-822ccb91]{background-color:var(--bs-secondary-bg);opacity:.6;cursor:not-allowed}.vibe-wysiwyg-container[data-v-822ccb91] .ql-container{border:none;font-size:1rem}.vibe-wysiwyg-container[data-v-822ccb91] .ql-toolbar{border:none;border-bottom:1px solid var(--bs-border-color);border-top-left-radius:.375rem;border-top-right-radius:.375rem}.vibe-wysiwyg-container[data-v-822ccb91] .ql-editor{min-height:150px}