@appsbd/vue3-appsbd-ui 1.0.3 → 1.0.5

package/.ai/ai_ref_global_config.md

@@ -1,66 +1,57 @@
-# Global UI Configuration (`AppsbdUIConfigure`)
-
-**Purpose**: Configure library-wide locale and formatting defaults (like month names, digits, range separator) so every instance of a library component renders consistently without needing manual prop wiring.
-
-## Installation / Usage
-
-Call `AppsbdUIConfigure` once during your app initialization (e.g., in `main.js`, or when a locale dynamically changes).
-
-```javascript
-import { AppsbdUIConfigure } from "@vue3-appsbd-ui";
-
-const banglaDigits = ["০", "১", "২", "৩", "৪", "৫", "৬", "৭", "৮", "৯"];
-
-AppsbdUIConfigure({
-  monthNames: [
-    "জানুয়ারি", "ফেব্রুয়ারি", "মার্চ", "এপ্রিল", "মে", "জুন",
-    "জুলাই", "আগস্ট", "সেপ্টেম্বর", "অক্টোবর", "নভেম্বর", "ডিসেম্বর"
-  ],
-  monthNamesShort: [
-    "জানু", "ফেব্রু", "মার্চ", "এপ্রি", "মে", "জুন",
-    "জুলাই", "আগস্ট", "সেপ্টে", "অক্টো", "নভে", "ডিসে"
-  ],
-  dayNames: ["শনি", "রবি", "সোম", "মঙ্গল", "বুধ", "বৃহঃ", "শুক্র"],
-  formatDigit: (val) => String(val).replace(/\d/g, (d) => banglaDigits[d]),
-  is24Hour: false,
-  rangeSeparator: " থেকে ",
-  dateDataFormat: "YYYY-MM-DD",
-  dateDisplayFormat: "DD/MM/YYYY",
-  datetimeDataFormat: "YYYY-MM-DD HH:mm",
-  datetimeDisplayFormat: "DD/MM/YYYY hh:mm a",
-  timeDataFormat: "HH:mm",
-  timeDisplayFormat: "hh:mm a",
-});
-```
-
-## Options Reference
-
-| Property | Type | Default | Description |
-| :--- | :--- | :--- | :--- |
-| `monthNames` | `String[]` | English full names | Array of 12 full month names. |
-| `monthNamesShort` | `String[]` | English short names | Array of 12 short month names. |
-| `dayNames` | `String[]` | English 3-letter names | Array of 7 short day names (Sat-first). |
-| `formatDigit` | `Function` | `(val) => String(val)` | Function to format digits. Applied dynamically to `AbNumberField` (display-only) and `AbDateTimePicker`. |
-| `rangeSeparator` | `String` | `' ↔ '` | Separator for date ranges in `AbDateTimePicker`. |
-| `is24Hour` | `Boolean` | `false` | Whether to use 24-hour format in `AbDateTimePicker`. |
-| `dateDataFormat` | `String` | `'YYYY-MM-DD'` | Global format for date data. |
-| `dateDisplayFormat` | `String` | `'YYYY-MM-DD'` | Global format for date display. |
-| `datetimeDataFormat` | `String` | `'YYYY-MM-DD HH:mm'` | Global format for datetime data. |
-| `datetimeDisplayFormat` | `String` | `'YYYY-MM-DD HH:mm'` | Global format for datetime display. |
-| `timeDataFormat` | `String` | `'HH:mm'` | Global format for time data. |
-| `timeDisplayFormat` | `String` | `'HH:mm'` | Global format for time display. |
-| `inputContainerClass` | `String` | `'mb-3'` | Global class for input containers. |
-| `toastPosition` | `String` | `'top-right'` | Default toast position. |
-| `toastDesign` | `String` | `'default'` | Default toast design. |
-| `toastTimeout` | `Number` | `5000` | Default toast timeout in ms. |
-| `toastCloseButton` | `Boolean` | `true` | Default toast close button visibility. |
-| `toastPauseOnHover` | `Boolean` | `true` | Default toast pause on hover. |
-| `toastPauseOnFocusLoss` | `Boolean` | `true` | Default toast pause on focus loss. |
-| `toastShowProgress` | `Boolean` | `true` | Default toast show progress. |
-| `trueValue` | `any` | `'Y'` | Default true value for toggles/switches. |
-| `falseValue` | `any` | `'N'` | Default false value for toggles/switches. |
-| `size` | `String` | `'md'` | Global size for components. |
-
-## Precedence Rule
-
-Components follow a strict "prop > global config > built-in default" resolution order. For example, if you pass `:is-24-hour="true"` directly to an `<AbDateTimePicker>`, it will override the global config setting for that specific instance.
+# Global UI Configuration (`AppsbdUIConfigure`)
+
+Call `AppsbdUIConfigure` once during app initialization to set library-wide locale and formatting defaults. Components follow a strict "prop > global config > built-in default" resolution order.
+
+## Usage
+
+```javascript
+import { AppsbdUIConfigure } from "@vue3-appsbd-ui";
+
+const banglaDigits = ["০", "১", "২", "৩", "৪", "৫", "৬", "৭", "৮", "৯"];
+
+AppsbdUIConfigure({
+  monthNames: ["জানুয়ারি", "ফেব্রুয়ারি", "মার্চ", "এপ্রিল", "মে", "জুন", "জুলাই", "আগস্ট", "সেপ্টেম্বর", "অক্টোবর", "নভেম্বর", "ডিসেম্বর"],
+  monthNamesShort: ["জানু", "ফেব্রু", "মার্চ", "এপ্রি", "মে", "জুন", "জুলাই", "আগস্ট", "সেপ্টে", "অক্টো", "নভে", "ডিসে"],
+  dayNames: ["শনি", "রবি", "সোম", "মঙ্গল", "বুধ", "বৃহঃ", "শুক্র"],
+  formatDigit: (val) => String(val).replace(/\d/g, (d) => banglaDigits[d]),
+  is24Hour: false,
+  rangeSeparator: " থেকে ",
+  dateDataFormat: "YYYY-MM-DD",
+  dateDisplayFormat: "DD/MM/YYYY",
+  datetimeDataFormat: "YYYY-MM-DD HH:mm",
+  datetimeDisplayFormat: "DD/MM/YYYY hh:mm a",
+  timeDataFormat: "HH:mm",
+  timeDisplayFormat: "hh:mm a",
+});
+```
+
+## Options Reference
+
+| Property | Type | Default | Description |
+| :--- | :--- | :--- | :--- |
+| `monthNames` | `String[]` | English full names | Array of 12 full month names. |
+| `monthNamesShort` | `String[]` | English short names | Array of 12 short month names. |
+| `dayNames` | `String[]` | English 3-letter names | Array of 7 short day names (Sat-first). |
+| `formatDigit` | `Function` | `(val) => String(val)` | Digit formatter applied to `AbNumberField` (display-only) and `AbDateTimePicker`. |
+| `rangeSeparator` | `String` | `' ↔ '` | Separator for date ranges in `AbDateTimePicker`. |
+| `is24Hour` | `Boolean` | `false` | Whether to use 24-hour format in `AbDateTimePicker`. |
+| `dateDataFormat` | `String` | `'YYYY-MM-DD'` | Global format for date data. |
+| `dateDisplayFormat` | `String` | `'YYYY-MM-DD'` | Global format for date display. |
+| `datetimeDataFormat` | `String` | `'YYYY-MM-DD HH:mm'` | Global format for datetime data. |
+| `datetimeDisplayFormat` | `String` | `'YYYY-MM-DD HH:mm'` | Global format for datetime display. |
+| `timeDataFormat` | `String` | `'HH:mm'` | Global format for time data. |
+| `timeDisplayFormat` | `String` | `'HH:mm'` | Global format for time display. |
+| `inputContainerClass` | `String` | `'mb-3'` | Global class for input containers. |
+| `toastPosition` | `String` | `'top-right'` | Default toast position. |
+| `toastDesign` | `String` | `'default'` | Default toast design. |
+| `toastTimeout` | `Number` | `5000` | Default toast timeout in ms. |
+| `toastCloseButton` | `Boolean` | `true` | Default toast close button visibility. |
+| `toastPauseOnHover` | `Boolean` | `true` | Default toast pause on hover. |
+| `toastPauseOnFocusLoss` | `Boolean` | `true` | Default toast pause on focus loss. |
+| `toastShowProgress` | `Boolean` | `true` | Default toast show progress. |
+| `trueValue` | `any` | `'Y'` | Default true value for toggles/switches. |
+| `falseValue` | `any` | `'N'` | Default false value for toggles/switches. |
+| `size` | `String` | `'md'` | Global size for components. |
+| `input.iconPosition` | `String` | `'right'` | Global default icon position for input components (`left`, `right`). |
+| `button.iconPosition` | `String` | `'left'` | Global default icon position for buttons (`left`, `right`). |
+| `isModalBorder` | `Boolean` | `true` | Global default modal border. |

package/.ai/ai_ref_useAlert.md

@@ -2,18 +2,8 @@
 
 Provides a procedural API to trigger modal alerts, notifications, and confirmations using the global `$alert` instance.
 
-## Installation
-
-Ensure the library is installed:
-
-```javascript
-npm install @vue3-appsbd-ui
-```
-
 ## Usage
 
-Import the composable in your `<script setup>` and call it. The `alert` function returns a Promise that resolves when the user dismisses or confirms the dialog.
-
 ```html
 <script setup>
 import { useAlert } from "@vue3-appsbd-ui";
@@ -29,26 +19,18 @@ async function handleAction() {
     confirmText: "Yes, delete",
     cancelText: "Cancel"
   });
-  
+
   if (result) {
     // User confirmed
   }
 }
 </script>
-
-<template>
-  <button @click="handleAction">Delete</button>
-</template>
 ```
 
 ## API Reference
 
 ### `alert(options)`
 
-The `alert` method accepts an options object to configure the dialog.
-
-**Options**
-
 | Property | Type | Default | Description |
 |---|---|---|---|
 | `type` | `string` | `"alert"` | Variant: `"alert"`, `"confirm"`, or `"confirm-ajax"`. |
@@ -57,7 +39,12 @@ The `alert` method accepts an options object to configure the dialog.
 | `icon` | `string` | - | Status icon: `"success"`, `"error"`, `"warning"`, `"info"`, `"question"`. |
 | `variation` | `string` | `"default"` | Visual style: `"default"`, `"modern"`, `"minimal"`, `"top-color-bar"`. |
 | `size` | `string` | `"md"` | Width limit: `"sm"`, `"md"`, `"lg"`, `"xl"`, `"auto"`. |
-| `confirmText`| `string` | `"OK"` | Label for the primary accept button. |
+| `confirmText` | `string` | `"OK"` | Label for the primary accept button. |
 | `cancelText` | `string` | `"Cancel"` | Label for the cancel/decline button. |
+| `confirmBtnIcon` | `string \| Component` | `"save"` | Icon for the confirm button. Built-in names: `"save"`, `"cancel"`, `"delete"`, or Vue Component. |
+| `cancelBtnIcon` | `string \| Component` | `"cancel"` | Icon for the cancel button. Built-in names: `"save"`, `"cancel"`, `"delete"`, or Vue Component. |
+| `confirmBtnColor` | `string` | `"primary"` | Theme color for the confirm button (e.g., `"danger"`, `"success"`). |
+| `cancelBtnColor` | `string` | `"light"` | Theme color for the cancel button (e.g., `"secondary"`, `"light"`). |
 | `onConfirm` | `Function` | - | Async callback executed when accepting a `"confirm-ajax"` modal. |
 | `timer` | `number` | - | Auto-close timer in milliseconds (only for `"alert"` type). |
+| `responseMessage` | `string \| object` | `null` | Secondary message block. Can be a string or an object with string arrays for keys `error`, `info`, `debug`, `warning`. |

package/.ai/ai_ref_useFileValidator.md

@@ -1,12 +1,6 @@
 # useFileValidator (Composable)
 
-Provides file validation utilities to check file extensions, MIME types, and file sizes. Automatically spawns error toasts if validation fails, and returns a structured file object with icon metadata for UI display.
-
-## Installation
-
-```javascript
-npm install @vue3-appsbd-ui
-```
+Provides file validation utilities to check extensions, MIME types, and file sizes. Automatically spawns error toasts on validation failure and returns a structured file object with icon metadata.
 
 ## Usage
 
@@ -20,27 +14,18 @@ function handleFileUpload(event) {
   const file = event.target.files[0];
   if (!file) return;
 
-  // Validates if file is <= 2.0 MB and is a supported type
   const validatedFile = getFileInfo(file, 2.0);
-  
   if (validatedFile) {
-    console.log("File is valid!", validatedFile);
     // validatedFile.isImage
     // validatedFile.fileIcon
   }
 }
 </script>
-
-<template>
-  <input type="file" @change="handleFileUpload" />
-</template>
 ```
 
 ## API Reference
 
-### Returned Methods
-
 | 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` object augmented with `isImage` and `fileIcon` properties. |
-| `getFileIconByExt(ext, type)` | `Function` | Returns an object `{ isImage: boolean, fileIcon: Component\|String }` based on the file extension and MIME type. Uses `lucide-vue-next` icons for known formats (pdf, zip, doc, xls, ppt, mp4). |
+| `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). |

package/.ai/ai_ref_useResponsive.md

@@ -1,12 +1,6 @@
 # useResponsive (Composable)
 
-A Vue 3 composable that tracks the browser viewport width in real-time and exposes reactive helpers for responsive layout decisions. Aligned with Bootstrap 5 breakpoints.
-
-## Installation
-
-```javascript
-npm install @vue3-appsbd-ui
-```
+Tracks browser viewport width in real-time with reactive helpers for responsive layout decisions, aligned with Bootstrap 5 breakpoints.
 
 ## Usage
 
@@ -14,24 +8,16 @@ npm install @vue3-appsbd-ui
 <script setup>
 import { useResponsive } from "@vue3-appsbd-ui";
 
-// Track screen size dynamically
 const { ScreenWidth, ScreenType, isUptoTab } = useResponsive();
-
-// Or provide a custom tablet max-width threshold in pixels
+// Or with custom tablet threshold:
 // const { isUptoTab } = useResponsive({ tabMaxWidth: 900 });
 </script>
 
 <template>
   <div>
-    <p>Current Width: {{ ScreenWidth }}px</p>
-    <p>Breakpoint: {{ ScreenType }}</p>
-    
-    <div v-if="isUptoTab">
-      Showing Mobile / Tablet Layout
-    </div>
-    <div v-else>
-      Showing Desktop Layout
-    </div>
+    <p>Current Width: {{ ScreenWidth }}px — Breakpoint: {{ ScreenType }}</p>
+    <div v-if="isUptoTab">Mobile / Tablet Layout</div>
+    <div v-else>Desktop Layout</div>
   </div>
 </template>
 ```
@@ -52,4 +38,4 @@ const { ScreenWidth, ScreenType, isUptoTab } = useResponsive();
 |---|---|---|
 | `ScreenWidth` | `ComputedRef<number>` | Raw viewport width in pixels. |
 | `ScreenType` | `ComputedRef<string>` | Current Bootstrap-style breakpoint (`'xs'`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'`). |
-| `isUptoTab` | `ComputedRef<boolean>` | `true` when the viewport is tablet-sized or smaller (`xs`, `sm`, or `<=` `tabMaxWidth`). |
+| `isUptoTab` | `ComputedRef<boolean>` | `true` when viewport is tablet-sized or smaller (`xs`, `sm`, or `<=` `tabMaxWidth`). |

package/.ai/ai_ref_useTheme.md

@@ -1,12 +1,6 @@
 # useTheme (Composable)
 
-A Vue composable that handles light and dark theme toggling, stores the user's preference in `localStorage`, and reacts to system theme changes (`prefers-color-scheme: dark`).
-
-## Installation
-
-```javascript
-npm install @vue3-appsbd-ui
-```
+Handles light/dark theme toggling, stores preference in `localStorage`, and reacts to system `prefers-color-scheme: dark` changes.
 
 ## Usage
 
@@ -15,9 +9,6 @@ npm install @vue3-appsbd-ui
 import { useTheme } from "@vue3-appsbd-ui";
 
 const { theme, toggleTheme, applyTheme } = useTheme();
-
-// Manually switch to 'dark' or 'light'
-// applyTheme('dark');
 </script>
 
 <template>
@@ -30,10 +21,8 @@ const { theme, toggleTheme, applyTheme } = useTheme();
 
 ## API Reference
 
-### Returned Properties & Methods
-
 | Name | Type | Description |
 |---|---|---|
-| `theme` | `Ref<string>` | A reactive reference containing the current theme (`'light'` or `'dark'`). |
-| `toggleTheme` | `Function` | Toggles the current theme between `'light'` and `'dark'`, updates the DOM (`data-bs-theme`), and saves to `localStorage`. |
-| `applyTheme(value)` | `Function` | Explicitly sets the theme to the provided `value` (`'light'` or `'dark'`). |
+| `theme` | `Ref<string>` | Reactive current theme (`'light'` or `'dark'`). |
+| `toggleTheme` | `Function` | Toggles between `'light'` and `'dark'`, updates the DOM (`data-bs-theme`), and saves to `localStorage`. |
+| `applyTheme(value)` | `Function` | Explicitly sets the theme to `'light'` or `'dark'`. |

package/.ai/ai_ref_useToast.md

@@ -1,12 +1,6 @@
 # useToast (Composable)
 
-Provides a procedural API to spawn toast notifications using the globally registered `$toast` instance (usually powered by `vue-toastification`).
-
-## Installation
-
-```javascript
-npm install @vue3-appsbd-ui
-```
+Provides a procedural API to spawn toast notifications using the globally registered `$toast` instance.
 
 ## Usage
 
@@ -21,22 +15,16 @@ function showNotifications() {
   toast.error("Failed to connect to server", { timeout: 5000 });
 }
 </script>
-
-<template>
-  <button @click="showNotifications">Show Toasts</button>
-</template>
 ```
 
 ## API Reference
 
-### `toast` Methods
-
 | Method | Signature | Description |
 |---|---|---|
 | `toast(msg, options)` | `Function` | Spawns a default toast notification. |
-| `toast.success(msg, options)` | `Function` | Spawns a success toast notification. |
-| `toast.error(msg, options)` | `Function` | Spawns an error toast notification. |
-| `toast.warning(msg, options)` | `Function` | Spawns a warning toast notification. |
-| `toast.info(msg, options)` | `Function` | Spawns an info toast notification. |
+| `toast.success(msg, options)` | `Function` | Spawns a success toast. |
+| `toast.error(msg, options)` | `Function` | Spawns an error toast. |
+| `toast.warning(msg, options)` | `Function` | Spawns a warning toast. |
+| `toast.info(msg, options)` | `Function` | Spawns an info toast. |
 | `toast.dismiss(id)` | `Function` | Dismisses a specific toast by its ID. |
 | `toast.clear()` | `Function` | Clears all currently visible toasts. |

package/AI_REF.md

@@ -0,0 +1,114 @@
+# Appsbd UI - Compact AI Reference
+
+## Purpose
+
+Lightweight index for AI agents working on `vue3-appsbd-ui`.
+For detailed props, events, slots, examples, and usage rules, open the matching per-item file in `.ai/`.
+
+## Setup
+
+```js
+import AppsbdUI from "vue3-appsbd-ui";
+import "vue3-appsbd-ui/dist/style.css";
+
+app.use(AppsbdUI);
+```
+
+Global configuration: `.ai/ai_ref_global_config.md`.
+
+## Reference Lookup
+
+Use this pattern whenever possible:
+
+```txt
+Component/API name -> .ai/ai_ref_[Name].md
+```
+
+Examples:
+
+- `AbModal` -> `.ai/ai_ref_AbModal.md`
+- `AbButton` -> `.ai/ai_ref_AbButton.md`
+- `useToast` -> `.ai/ai_ref_useToast.md`
+- `abTranslate` -> `.ai/ai_ref_abTranslate.md`
+- `AppsbdUIConfigure` -> `.ai/ai_ref_global_config.md`
+
+## Auto-Registered Components
+
+These are globally registered by `app.use(AppsbdUI)`:
+
+`AbButton`, `AbCard`, `AbModal`, `AbProgressbar`, `AbInputField`, `AbNumberField`, `AbField`, `AbCustomField`, `AbDateTimePicker`, `AbFormCheck`, `AbRadioInput`, `AbToggle`, `AbInputTag`, `AbMultiSelect`, `AbPopover`.
+
+All other components/APIs should be explicitly imported unless their detailed `.ai/` reference says otherwise.
+
+## Component References
+
+- `AbAvatar` -> `.ai/ai_ref_AbAvatar.md`
+- `AbBadge` -> `.ai/ai_ref_AbBadge.md`
+- `AbButton` -> `.ai/ai_ref_AbButton.md`
+- `AbCard` -> `.ai/ai_ref_AbCard.md`
+- `AbCarousel` -> `.ai/ai_ref_AbCarousel.md`
+- `AbChart` -> `.ai/ai_ref_AbChart.md`
+- `AbColorPicker` -> `.ai/ai_ref_AbColorPicker.md`
+- `AbConfirmPopover` -> `.ai/ai_ref_AbConfirmPopover.md`
+- `AbCustomField` -> `.ai/ai_ref_AbCustomField.md`
+- `AbDarkModeToggler` -> `.ai/ai_ref_AbDarkModeToggler.md`
+- `AbDateTimePicker` -> `.ai/ai_ref_AbDateTimePicker.md`
+- `AbEasyModal` -> `.ai/ai_ref_AbEasyModal.md`
+- `AbField` -> `.ai/ai_ref_AbField.md`
+- `AbFileUploader` -> `.ai/ai_ref_AbFileUploader.md`
+- `AbFilterPanel` -> `.ai/ai_ref_AbFilterPanel.md`
+- `AbFormCheck` / `AbRadioInput` -> `.ai/ai_ref_AbFormCheck.md`
+- `AbImageRadioInput` -> `.ai/ai_ref_AbImageRadioInput.md`
+- `AbInputField` -> `.ai/ai_ref_AbInputField.md`
+- `AbInputTag` -> `.ai/ai_ref_AbInputTag.md`
+- `AbKbd` -> `.ai/ai_ref_AbKbd.md`
+- `AbKbdGroup` -> `.ai/ai_ref_AbKbdGroup.md`
+- `AbModal` -> `.ai/ai_ref_AbModal.md`
+- `AbMultiSelect` -> `.ai/ai_ref_AbMultiSelect.md`
+- `AbNumberField` -> `.ai/ai_ref_AbNumberField.md`
+- `AbPinInput` -> `.ai/ai_ref_AbPinInput.md`
+- `AbPopover` -> `.ai/ai_ref_AbPopover.md`
+- `AbPricingCard` -> `.ai/ai_ref_AbPricingCard.md`
+- `AbPricingContainer` -> `.ai/ai_ref_AbPricingContainer.md`
+- `AbPricingTable` -> `.ai/ai_ref_AbPricingTable.md`
+- `AbProgressbar` -> `.ai/ai_ref_AbProgressbar.md`
+- `AbScrollbar` -> `.ai/ai_ref_AbScrollbar.md`
+- `AbSettingsForm` -> `.ai/ai_ref_AbSettingsForm.md`
+- `AbSideMenuItem` -> `.ai/ai_ref_AbSideMenuItem.md`
+- `AbSidebar` -> `.ai/ai_ref_AbSidebar.md`
+- `AbSkeleton` -> `.ai/ai_ref_AbSkeleton.md`
+- `AbSlider` -> `.ai/ai_ref_AbSlider.md`
+- `AbTab` -> `.ai/ai_ref_AbTab.md`
+- `AbTable` -> `.ai/ai_ref_AbTable.md`
+- `AbTabs` -> `.ai/ai_ref_AbTabs.md`
+- `AbToggle` -> `.ai/ai_ref_AbToggle.md`
+- `AbTooltip` -> `.ai/ai_ref_AbTooltip.md`
+- `AbWizard` -> `.ai/ai_ref_AbWizard.md`
+- `AbWizardStep` -> `.ai/ai_ref_AbWizardStep.md`
+
+## API References
+
+- `AppsbdUIConfigure` -> `.ai/ai_ref_global_config.md`
+- `useAlert` -> `.ai/ai_ref_useAlert.md`
+- `useToast` -> `.ai/ai_ref_useToast.md`
+- `useTheme` -> `.ai/ai_ref_useTheme.md`
+- `useFileValidator` -> `.ai/ai_ref_useFileValidator.md`
+- `useResponsive` -> `.ai/ai_ref_useResponsive.md`
+- `abEventBus` / `emitterObj` -> `.ai/ai_ref_abEventBus.md`
+- `abTranslate` -> `.ai/ai_ref_abTranslate.md`
+- `abVeeRules` -> `.ai/ai_ref_abVeeRules.md`
+- `abRequestParam` -> `.ai/ai_ref_abRequestParam.md`
+
+## Directives
+
+- `v-tooltip` -> `.ai/ai_ref_AbTooltip.md`
+
+## Maintenance
+
+When a public component/API changes, update:
+
+- matching `.ai/ai_ref_*.md`
+- `AI_REFERENCE.md`
+- playground docs in `playground/components/`
+- this file only when a reference is added, renamed, removed, or auto-registration changes
+