@appsbd/vue3-appsbd-ui 1.0.4 → 1.0.6

package/.ai/ai_ref_AbTab.md

@@ -1,30 +1,30 @@
-# AbTab — AI Reference
-
-Single tab pane / link. Must be used inside an `AbTabs` parent.
-
-## Usage
-
-```vue
-<ab-tabs>
-  <ab-tab title="Profile" selected>
-    <template #icon><i class="bi bi-person"></i></template>
-    Profile content here.
-  </ab-tab>
-  <ab-tab title="Settings">Settings content here.</ab-tab>
-</ab-tabs>
-```
-
-## Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| `title` | `String` | **required** | Tab label text. |
-| `selected` | `Boolean` | `false` | Mark this tab as initially selected. |
-| `to` | `String \| Object` | `null` | Router-link target (only used when the parent `AbTabs` has `is-route-mode`). |
-
-## Slots
-
-| Name | Description |
-| --- | --- |
-| `default` | Tab pane content. |
-| `icon` | Icon shown next to the tab title. |
+# AbTab — AI Reference
+
+Single tab pane / link. Must be used inside an `AbTabs` parent.
+
+## Usage
+
+```vue
+<ab-tabs>
+  <ab-tab title="Profile" selected>
+    <template #icon><i class="bi bi-person"></i></template>
+    Profile content here.
+  </ab-tab>
+  <ab-tab title="Settings">Settings content here.</ab-tab>
+</ab-tabs>
+```
+
+## Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| `title` | `String` | **required** | Tab label text. |
+| `selected` | `Boolean` | `false` | Mark this tab as initially selected. |
+| `to` | `String \| Object` | `null` | Router-link target (only used when the parent `AbTabs` has `is-route-mode`). |
+
+## Slots
+
+| Name | Description |
+| --- | --- |
+| `default` | Tab pane content. |
+| `icon` | Icon shown next to the tab title. |

package/.ai/ai_ref_AbTable.md

@@ -1,49 +1,49 @@
-# AbTable — AI Reference
-
-Data grid with column definitions, per-cell and per-header slot overrides, and an `empty` slot.
-
-## Usage
-
-```vue
-<template>
-  <ab-table
-    :items="users"
-    :fields="[
-      { key: 'name', label: 'Name' },
-      { key: 'email', label: 'Email' },
-      { key: 'role', label: 'Role' },
-      { key: 'actions', label: '' },
-    ]"
-  >
-    <template #head(name)>Full Name</template>
-
-    <template #cell(role)="{ value }">
-      <ab-badge class="bg-primary">{{ value }}</ab-badge>
-    </template>
-
-    <template #cell(actions)="{ item }">
-      <ab-button class="btn-sm btn-outline-secondary" @click="edit(item)">Edit</ab-button>
-    </template>
-
-    <template #empty>No users yet.</template>
-  </ab-table>
-</template>
-```
-
-## Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| `items` | `Array` | `[]` | Table row objects. |
-| `fields` | `Array` | `[]` | Column definitions — each string key or `{ key, label }`. |
-| `tableClass` | `String \| Array \| Object` | `""` | CSS class(es) applied to the `<table>`. |
-
-## Slots
-
-| Name | Scope | Description |
-| --- | --- | --- |
-| `thead` | — | Override the entire table head. |
-| `tbody` | — | Override the entire table body. |
-| `head(fieldKey)` | — | Override header content for a given field. |
-| `cell(fieldKey)` | `{ value, item, index }` | Override cell content for a given field. |
-| `empty` | — | Message shown when `items` is empty. |
+# AbTable — AI Reference
+
+Data grid with column definitions, per-cell and per-header slot overrides, and an `empty` slot.
+
+## Usage
+
+```vue
+<template>
+  <ab-table
+    :items="users"
+    :fields="[
+      { key: 'name', label: 'Name' },
+      { key: 'email', label: 'Email' },
+      { key: 'role', label: 'Role' },
+      { key: 'actions', label: '' },
+    ]"
+  >
+    <template #head(name)>Full Name</template>
+
+    <template #cell(role)="{ value }">
+      <ab-badge class="bg-primary">{{ value }}</ab-badge>
+    </template>
+
+    <template #cell(actions)="{ item }">
+      <ab-button class="btn-sm btn-outline-secondary" @click="edit(item)">Edit</ab-button>
+    </template>
+
+    <template #empty>No users yet.</template>
+  </ab-table>
+</template>
+```
+
+## Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| `items` | `Array` | `[]` | Table row objects. |
+| `fields` | `Array` | `[]` | Column definitions — each string key or `{ key, label }`. |
+| `tableClass` | `String \| Array \| Object` | `""` | CSS class(es) applied to the `<table>`. |
+
+## Slots
+
+| Name | Scope | Description |
+| --- | --- | --- |
+| `thead` | — | Override the entire table head. |
+| `tbody` | — | Override the entire table body. |
+| `head(fieldKey)` | — | Override header content for a given field. |
+| `cell(fieldKey)` | `{ value, item, index }` | Override cell content for a given field. |
+| `empty` | — | Message shown when `items` is empty. |

package/.ai/ai_ref_AbTabs.md

@@ -1,37 +1,37 @@
-# AbTabs — AI Reference
-
-Parent container for tabbed interfaces. Pair with `AbTab` children. Supports content-switching mode (default) and router-link mode for navigation-driven tabs.
-
-## Usage
-
-```vue
-<template>
-  <ab-tabs nav-class="nav-pills">
-    <ab-tab title="Overview" selected>Overview content</ab-tab>
-    <ab-tab title="Billing">Billing content</ab-tab>
-    <ab-tab title="Security">Security content</ab-tab>
-  </ab-tabs>
-
-  <ab-tabs is-route-mode>
-    <ab-tab title="Users" :to="{ name: 'users' }" />
-    <ab-tab title="Teams" :to="{ name: 'teams' }" />
-  </ab-tabs>
-</template>
-```
-
-## Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| `tabContainerClass` | `String` | — | Root wrapper class. |
-| `navContainerClass` | `String` | — | Wrapper around the nav list. |
-| `tabDetailsClass` | `String` | — | Wrapper around the tab content. |
-| `navClass` | `String` | `"nav-pills"` | Class on the nav list itself (e.g. `nav-tabs`, `nav-pills`). |
-| `tabClass` | `String` | `""` | Class on each individual tab link. |
-| `isRouteMode` | `Boolean` | `false` | When `true`, tab clicks perform router navigation. |
-
-## Slots
-
-| Name | Description |
-| --- | --- |
-| `default` | Place `<ab-tab>` children here. |
+# AbTabs — AI Reference
+
+Parent container for tabbed interfaces. Pair with `AbTab` children. Supports content-switching mode (default) and router-link mode for navigation-driven tabs.
+
+## Usage
+
+```vue
+<template>
+  <ab-tabs nav-class="nav-pills">
+    <ab-tab title="Overview" selected>Overview content</ab-tab>
+    <ab-tab title="Billing">Billing content</ab-tab>
+    <ab-tab title="Security">Security content</ab-tab>
+  </ab-tabs>
+
+  <ab-tabs is-route-mode>
+    <ab-tab title="Users" :to="{ name: 'users' }" />
+    <ab-tab title="Teams" :to="{ name: 'teams' }" />
+  </ab-tabs>
+</template>
+```
+
+## Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| `tabContainerClass` | `String` | — | Root wrapper class. |
+| `navContainerClass` | `String` | — | Wrapper around the nav list. |
+| `tabDetailsClass` | `String` | — | Wrapper around the tab content. |
+| `navClass` | `String` | `"nav-pills"` | Class on the nav list itself (e.g. `nav-tabs`, `nav-pills`). |
+| `tabClass` | `String` | `""` | Class on each individual tab link. |
+| `isRouteMode` | `Boolean` | `false` | When `true`, tab clicks perform router navigation. |
+
+## Slots
+
+| Name | Description |
+| --- | --- |
+| `default` | Place `<ab-tab>` children here. |

package/.ai/ai_ref_AbToggle.md

@@ -1,46 +1,46 @@
-# AbToggle — AI Reference
-
-Accessible switch/toggle control. Supports title + description layout and custom `trueValue` / `falseValue` values (defaults to `"Y"` / `"N"`).
-
-## Usage
-
-```vue
-<template>
-  <ab-toggle v-model="settings.notifications" name="notifications" title="Email notifications" description="Receive weekly digest emails." />
-
-  <ab-toggle v-model="isActive" name="active" :true-value="true" :false-value="false" label="Active" />
-</template>
-```
-
-## Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| `modelValue` | `any` | — | v-model binding. |
-| `label` | `String \| null` | `null` | Field label. |
-| `variant` | `String` | `"inline"` | Layout variant (`"inline"` or `"column"`). |
-| `val` | `any` | `"N"` | Initial value when `modelValue` is empty. |
-| `name` | `String` | **required** | VeeValidate field name. |
-| `containerClass` | `String` | `"mb-3"` | Wrapper class. |
-| `size` | `String` | `"md"` | Toggle size. |
-| `trueValue` | `any` | `"Y"` | Value when checked. |
-| `falseValue` | `any` | `"N"` | Value when unchecked. |
-| `title` | `String \| null` | `null` | Title next to the toggle. |
-| `description` | `String \| null` | `null` | Description under the title. |
-| `hints` | `String \| null` | `null` | Helper text. |
-
-## Events
-
-| Event | Payload | Description |
-| --- | --- | --- |
-| `update:modelValue` | `value` | v-model sync. |
-
-## Slots
-
-| Name | Description |
-| --- | --- |
-| `label` | Custom label. |
-| `title` | Custom title. |
-| `description` | Custom description. |
-| `descriptionContainer` | Wraps the entire title + description block. |
-| `hints` | Custom hints. |
+# AbToggle — AI Reference
+
+Accessible switch/toggle control. Supports title + description layout and custom `trueValue` / `falseValue` values (defaults to `"Y"` / `"N"`).
+
+## Usage
+
+```vue
+<template>
+  <ab-toggle v-model="settings.notifications" name="notifications" title="Email notifications" description="Receive weekly digest emails." />
+
+  <ab-toggle v-model="isActive" name="active" :true-value="true" :false-value="false" label="Active" />
+</template>
+```
+
+## Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| `modelValue` | `any` | — | v-model binding. |
+| `label` | `String \| null` | `null` | Field label. |
+| `variant` | `String` | `"inline"` | Layout variant (`"inline"`, `"inline-left"`, or `"column"`). |
+| `val` | `any` | `"N"` | Initial value when `modelValue` is empty. |
+| `name` | `String` | **required** | VeeValidate field name. |
+| `containerClass` | `String` | `"mb-3"` | Wrapper class. |
+| `size` | `String` | `"md"` | Toggle size. |
+| `trueValue` | `any` | `"Y"` | Value when checked. |
+| `falseValue` | `any` | `"N"` | Value when unchecked. |
+| `title` | `String \| null` | `null` | Title next to the toggle. |
+| `description` | `String \| null` | `null` | Description under the title. |
+| `hints` | `String \| null` | `null` | Helper text. |
+
+## Events
+
+| Event | Payload | Description |
+| --- | --- | --- |
+| `update:modelValue` | `value` | v-model sync. |
+
+## Slots
+
+| Name | Description |
+| --- | --- |
+| `label` | Custom label. |
+| `title` | Custom title. |
+| `description` | Custom description. |
+| `descriptionContainer` | Wraps the entire title + description block. |
+| `hints` | Custom hints. |

package/.ai/ai_ref_AbTooltip.md

@@ -1,39 +1,39 @@
-# AbTooltip — AI Reference
-
-Programmatic tooltip component. Use when you need slot-driven rich content or interactive tooltips; use the `v-tooltip` directive for simple string hints.
-
-## Usage
-
-```vue
-<template>
-  <ab-tooltip content="Save changes" placement="top">
-    <ab-button class="btn-primary"><i class="bi bi-save"></i></ab-button>
-  </ab-tooltip>
-
-  <ab-tooltip placement="bottom" interactive>
-    <ab-button class="btn-outline-secondary">Info</ab-button>
-    <template #content>
-      <strong>Pro tip</strong>
-      <p>Press <ab-kbd>⌘</ab-kbd> + <ab-kbd>S</ab-kbd> to save.</p>
-    </template>
-  </ab-tooltip>
-</template>
-```
-
-## Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| `content` | `String` | `""` | Tooltip text (used when `#content` slot is absent). |
-| `placement` | `String` | `"top"` | `top`, `bottom`, `left`, `right`, or `auto-*`. |
-| `offset` | `Number \| String` | `8` | Offset from the reference element. |
-| `disabled` | `Boolean` | `false` | Disable the tooltip. |
-| `arrow` | `Boolean` | `true` | Show the arrow pointer. |
-| `interactive` | `Boolean` | `false` | Allow hovering the tooltip without it hiding. |
-
-## Slots
-
-| Name | Description |
-| --- | --- |
-| `default` | Trigger element. |
-| `content` | Tooltip body (overrides the `content` prop). |
+# AbTooltip — AI Reference
+
+Programmatic tooltip component. Use when you need slot-driven rich content or interactive tooltips; use the `v-tooltip` directive for simple string hints.
+
+## Usage
+
+```vue
+<template>
+  <ab-tooltip content="Save changes" placement="top">
+    <ab-button class="btn-primary"><i class="bi bi-save"></i></ab-button>
+  </ab-tooltip>
+
+  <ab-tooltip placement="bottom" interactive>
+    <ab-button class="btn-outline-secondary">Info</ab-button>
+    <template #content>
+      <strong>Pro tip</strong>
+      <p>Press <ab-kbd>⌘</ab-kbd> + <ab-kbd>S</ab-kbd> to save.</p>
+    </template>
+  </ab-tooltip>
+</template>
+```
+
+## Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| `content` | `String` | `""` | Tooltip text (used when `#content` slot is absent). |
+| `placement` | `String` | `"top"` | `top`, `bottom`, `left`, `right`, or `auto-*`. |
+| `offset` | `Number \| String` | `8` | Offset from the reference element. |
+| `disabled` | `Boolean` | `false` | Disable the tooltip. |
+| `arrow` | `Boolean` | `true` | Show the arrow pointer. |
+| `interactive` | `Boolean` | `false` | Allow hovering the tooltip without it hiding. |
+
+## Slots
+
+| Name | Description |
+| --- | --- |
+| `default` | Trigger element. |
+| `content` | Tooltip body (overrides the `content` prop). |

package/.ai/ai_ref_AbWizard.md

@@ -1,64 +1,64 @@
-# AbWizard — AI Reference
-
-Multi-step wizard container. Hosts `AbWizardStep` children, supports horizontal/vertical orientations, and multiple visual variants including modal-rendered wizards.
-
-## Usage
-
-```vue
-<template>
-  <ab-wizard
-    orientation="horizontal"
-    variant="circular"
-    :before-next="handleBeforeNext"
-    @finished="handleFinished"
-    @step-changed="onStepChange"
-  >
-    <ab-wizard-step title="Account" description="Basic info"><!-- step content --></ab-wizard-step>
-    <ab-wizard-step title="Profile"><!-- step content --></ab-wizard-step>
-    <ab-wizard-step title="Confirm"><!-- step content --></ab-wizard-step>
-  </ab-wizard>
-</template>
-
-<script setup>
-async function handleBeforeNext(currentStepIndex) {
-  return true; // return false to block navigation
-}
-function handleFinished() {}
-function onStepChange(newIndex) {}
-</script>
-```
-
-## Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| `beforeNext` | `Function` | `async () => true` | Hook before moving forward; return `false` to cancel. |
-| `beforePrev` | `Function` | `async () => true` | Hook before moving back. |
-| `beforeFinish` | `Function` | `async () => true` | Hook before `finished` fires. |
-| `orientation` | `String` | `"horizontal"` | `horizontal` or `vertical`. |
-| `variant` | `String` | `"default"` | `default`, `circular`, `modal`, `circular-modal`, etc. |
-| `stepperSize` | `String` | `"md"` | `sm` or `md`. |
-| `hideControls` | `Boolean` | `false` | Hide the built-in next/prev buttons. |
-| `nextText` | `String` | `"Next"` | Next button label. |
-| `prevText` | `String` | `"Back"` | Previous button label. |
-| `finishText` | `String` | `"Finish"` | Finish button label. |
-| `disableClose` | `Boolean` | `false` | Disable the close button (modal variants). |
-| `modalClass` | `String` | `"modal-lg"` | Modal size class (modal variants only). |
-
-## Events
-
-| Event | Payload | Description |
-| --- | --- | --- |
-| `finished` | — | User completed the final step. |
-| `step-changed` | `stepIndex` | Active step changed. |
-
-## Slots
-
-| Name | Description |
-| --- | --- |
-| `default` | `<ab-wizard-step>` children. |
-
-## Provides
-
-- `AbWizard` injection key for step registration.
-- `registerStepValidator(stepId, fn)` — used by `AbSettingsForm` to register per-step validators.
+# AbWizard — AI Reference
+
+Multi-step wizard container. Hosts `AbWizardStep` children, supports horizontal/vertical orientations, and multiple visual variants including modal-rendered wizards.
+
+## Usage
+
+```vue
+<template>
+  <ab-wizard
+    orientation="horizontal"
+    variant="circular"
+    :before-next="handleBeforeNext"
+    @finished="handleFinished"
+    @step-changed="onStepChange"
+  >
+    <ab-wizard-step title="Account" description="Basic info"><!-- step content --></ab-wizard-step>
+    <ab-wizard-step title="Profile"><!-- step content --></ab-wizard-step>
+    <ab-wizard-step title="Confirm"><!-- step content --></ab-wizard-step>
+  </ab-wizard>
+</template>
+
+<script setup>
+async function handleBeforeNext(currentStepIndex) {
+  return true; // return false to block navigation
+}
+function handleFinished() {}
+function onStepChange(newIndex) {}
+</script>
+```
+
+## Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| `beforeNext` | `Function` | `async () => true` | Hook before moving forward; return `false` to cancel. |
+| `beforePrev` | `Function` | `async () => true` | Hook before moving back. |
+| `beforeFinish` | `Function` | `async () => true` | Hook before `finished` fires. |
+| `orientation` | `String` | `"horizontal"` | `horizontal` or `vertical`. |
+| `variant` | `String` | `"default"` | `default`, `circular`, `modal`, `circular-modal`, etc. |
+| `stepperSize` | `String` | `"md"` | `sm` or `md`. |
+| `hideControls` | `Boolean` | `false` | Hide the built-in next/prev buttons. |
+| `nextText` | `String` | `"Next"` | Next button label. |
+| `prevText` | `String` | `"Back"` | Previous button label. |
+| `finishText` | `String` | `"Finish"` | Finish button label. |
+| `disableClose` | `Boolean` | `false` | Disable the close button (modal variants). |
+| `modalClass` | `String` | `"modal-lg"` | Modal size class (modal variants only). |
+
+## Events
+
+| Event | Payload | Description |
+| --- | --- | --- |
+| `finished` | — | User completed the final step. |
+| `step-changed` | `stepIndex` | Active step changed. |
+
+## Slots
+
+| Name | Description |
+| --- | --- |
+| `default` | `<ab-wizard-step>` children. |
+
+## Provides
+
+- `AbWizard` injection key for step registration.
+- `registerStepValidator(stepId, fn)` — used by `AbSettingsForm` to register per-step validators.

package/.ai/ai_ref_AbWizardStep.md

@@ -1,36 +1,36 @@
-# AbWizardStep — AI Reference
-
-Single step inside an `AbWizard`. Declares its title, optional description, and an optional icon shown in the stepper.
-
-## Usage
-
-```vue
-<ab-wizard>
-  <ab-wizard-step title="Account" description="Create your account" :icon="UserIcon">
-    <ab-input-field v-model="form.email" name="email" label="Email" rules="required|email" />
-  </ab-wizard-step>
-
-  <ab-wizard-step title="Confirm" disable-close>
-    Ready to submit?
-  </ab-wizard-step>
-</ab-wizard>
-```
-
-## Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| `title` | `String` | **required** | Step title shown in the stepper. |
-| `description` | `String` | `""` | Step description / subtitle. |
-| `icon` | `Object \| String \| Function` | `null` | Icon component, icon class string, or render function. |
-| `disableClose` | `Boolean` | `false` | Disable the close button while this step is active. |
-
-## Slots
-
-| Name | Description |
-| --- | --- |
-| `default` | Step body content. |
-
-## Provides
-
-An `AbWizardStep` injection key so children (e.g. `AbSettingsForm`) can register themselves as step validators.
+# AbWizardStep — AI Reference
+
+Single step inside an `AbWizard`. Declares its title, optional description, and an optional icon shown in the stepper.
+
+## Usage
+
+```vue
+<ab-wizard>
+  <ab-wizard-step title="Account" description="Create your account" :icon="UserIcon">
+    <ab-input-field v-model="form.email" name="email" label="Email" rules="required|email" />
+  </ab-wizard-step>
+
+  <ab-wizard-step title="Confirm" disable-close>
+    Ready to submit?
+  </ab-wizard-step>
+</ab-wizard>
+```
+
+## Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| `title` | `String` | **required** | Step title shown in the stepper. |
+| `description` | `String` | `""` | Step description / subtitle. |
+| `icon` | `Object \| String \| Function` | `null` | Icon component, icon class string, or render function. |
+| `disableClose` | `Boolean` | `false` | Disable the close button while this step is active. |
+
+## Slots
+
+| Name | Description |
+| --- | --- |
+| `default` | Step body content. |
+
+## Provides
+
+An `AbWizardStep` injection key so children (e.g. `AbSettingsForm`) can register themselves as step validators.