@appsbd/vue3-appsbd-ui 1.0.9 → 1.0.11

package/.ai/ai_ref_AbFilterPanel.md

@@ -49,6 +49,7 @@ function handleSearch(data) {
 | `size`                     | `String`  | `"xs"`          | Control size.                                              |
 | `advanceContainerClass`    | `String`  | `"col-6"`       | Grid column class for inputs in advance mode.              |
 | `isQuickAdvanceAutoSearch` | `Boolean` | `false`         | Fire search automatically on field change (quick advance). |
+| `defaultFilterId`          | `String` \| `Number` | `""` | Pre-selects a default filter property in standard search mode (when `!isSingle && !isAdvance && !isQuickAdvance`). |
 
 ## Events
 

package/.ai/ai_ref_useFileValidator.md

@@ -28,4 +28,4 @@ function handleFileUpload(event) {
 | Method | Signature | Description |
 |---|---|---|
 | `getFileInfo(file, sizeLimitMb)` | `Function` | Validates a `File` object against allowed MIME types and max size (`sizeLimitMb`, default `1.0`). If invalid, spawns a toast error and returns `null`. If valid, returns the `file` augmented with `isImage` and `fileIcon` properties. |
-| `getFileIconByExt(ext, type)` | `Function` | Returns `{ isImage: boolean, fileIcon: Component\|String }` based on file extension and MIME type. Uses `lucide-vue-next` icons for known formats (pdf, zip, doc, xls, ppt, mp4). |
+| `getFileIconByExt(ext, type)` | `Function` | Returns `{ isImage: boolean, fileIcon: Component\|String }` based on file extension and MIME type. Uses `@lucide/vue` icons for known formats (pdf, zip, doc, xls, ppt, mp4). |

package/AI_REFERENCE.md

@@ -2,7 +2,9 @@
 
 > Always read `.ai/ai_ref_[Name].md` for full props/events/slots before generating code for a component. Prefer `Ab*` components over external libraries.
 
-**Peer deps**: `vue`, `bootstrap`, `bootstrap-icons`, `vee-validate`, `@vee-validate/rules`, `vue-router`, `vue-toastification`, `vue3-gettext`, `lucide-vue-next`, `darkmode-js`, `tiny-emitter`, `@appsbd/vue3-elite-grid`
+**Peer deps**: `vue`, `bootstrap`, `bootstrap-icons`, `vee-validate`, `@vee-validate/rules`, `vue-router`, `vue-toastification`, `vue3-gettext`, `@lucide/vue`, `darkmode-js`, `tiny-emitter`, `@appsbd/vue3-elite-grid`
+
+**Version history**: see [CHANGELOG.md](./CHANGELOG.md) for release-by-release notes.
 
 ## Components & APIs
 

package/CHANGELOG.md

@@ -0,0 +1,73 @@
+# Changelog
+
+All notable changes to `@appsbd/vue3-appsbd-ui` are documented here. Format loosely follows [Keep a Changelog](https://keepachangelog.com/).
+
+## [Unreleased] (1.0.11)
+
+- **Changed**: Migrated the icon peer dependency from `lucide-vue-next` to `@lucide/vue` (`>=1.28.0`).
+- **Added**: `/migrate-lucide-icons` command, shipped to consuming projects, to automate the `lucide-vue-next` → `@lucide/vue` import rename.
+- **Added**: `AbFilterPanel` multi-variant support and documentation.
+
+## [1.0.10] - 2026-07-20
+
+- **Added**: `AbInputField` component with interactive playground documentation.
+
+## [1.0.9] - 2026-07-19
+
+- **Added**: `AbSideMenuItem` component.
+- **Added**: `AbButton` and `AbPopover` components with playground test cases.
+- **Added**: `AbSidebar` component with multiple CSS color skin themes.
+- **Added**: Universal `AbField` component supporting multiple input types, sidebars, and custom themes.
+- **Added**: RTL support for `AbMainLayout` and `AbSidebar`.
+- **Docs**: AI reference documentation for form components.
+
+## [1.0.8] - 2026-06-28
+
+- **Added**: `AbFilterPanel`, `AbInputField`, and `AbCustomField` components with documentation and styling.
+
+## [1.0.7] - 2026-05-18
+
+- **Fixed**: Gradient colors for all theme skins, default loader for the global loader option, response message updates, main layout padding-bottom issue.
+- **Chore**: Tracked `package-lock.json` for Vercel CI compatibility.
+
+## [1.0.6] - 2026-05-17
+
+- **Added**: `AbBaseAlert`, `AbConfirmPopover`, and `AbFileUploader` components.
+- **Added**: `AbModal` component with playground documentation.
+- **Added**: `AbMainLayout` component with sidebar support.
+- **Added**: `AbSettingsForm` form-wrapper component.
+- **Added**: `abVeeRules` localized VeeValidate rule library.
+- **Added**: Themeable CSS skins.
+- **CI**: GitHub Actions workflow for automated npm publishing.
+
+## [1.0.5] - 2026-05-17
+
+- **Added**: `AbToggle`, `AbResponseMsg`, `AbCard`, and `AbButton` components with full documentation.
+- **Added**: Theme-based CSS skin system.
+- **CI**: CI/CD configuration for the playground.
+
+## [1.0.4] - 2026-05-12
+
+- **Added**: Comprehensive AI documentation reference files for all UI components and internal utilities.
+- **Added**: `AbCard` and `AbChart` components.
+- **Added**: Global configuration documentation and test page.
+- **Docs**: Migration guide for legacy Admin Panel components.
+
+## [1.0.3] - 2026-05-03
+
+- **Added**: Library modules exported via `index.js`.
+- **Docs**: Comprehensive AI documentation for components and composables.
+
+## [1.0.1] - 2026-04-30
+
+- **Added**: Core component set — `AbDarkModeToggler`, `AbMultiSelect`, `AbInputTag`, `AbField`, `AbFilterPanel`, `AbSidebar`, `AbPricingCard`, `AbModal`, `AbNumberField`, `AbInputField`, `AbTabs`, `AbWizard`, `AbConfirmPopover`, `AbScrollbar`, `AbToast`, `AbDateTimePicker`, `AbColorPicker`, `AbProgressbar`.
+- **Added**: Modular multi-theme skin system (10 color themes) with runtime switching and dark mode support.
+- **Added**: RTL layout support.
+- **Docs**: `AI_REFERENCE.md` and per-component `.ai/ai_ref_*.md` reference files.
+- **Docs**: Playground documentation site with live examples for every component.
+
+> `1.0.2` was never published.
+
+## [1.0.0] - 2026-02-16
+
+- Initial project setup and foundational component library scaffolding.

package/design-system.md

@@ -265,7 +265,7 @@ Flat by default. Shadows are reserved for cards, dropdowns, popovers, and elevat
 
 ## 7. Iconography
 
-**Library: [Lucide Icons](https://lucide.dev/)** — installed as the `lucide-vue-next` peer dependency. Bootstrap Icons is also a peer dep and may be used for a few legacy components.
+**Library: [Lucide Icons](https://lucide.dev/)** — installed as the `@lucide/vue` peer dependency. Bootstrap Icons is also a peer dep and may be used for a few legacy components.
 
 ### Sizing