@appsbd/vue3-appsbd-ui 1.0.2 → 1.0.4

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.
Files changed (87) hide show
  1. package/.ai/ai_ref_AbAvatar.md +1 -11
  2. package/.ai/ai_ref_AbBadge.md +2 -11
  3. package/.ai/ai_ref_AbButton.md +4 -23
  4. package/.ai/ai_ref_AbCard.md +6 -25
  5. package/.ai/ai_ref_AbCarousel.md +1 -12
  6. package/.ai/ai_ref_AbChart.md +16 -57
  7. package/.ai/ai_ref_AbColorPicker.md +1 -14
  8. package/.ai/ai_ref_AbConfirmPopover.md +1 -6
  9. package/.ai/ai_ref_AbCustomField.md +1 -9
  10. package/.ai/ai_ref_AbDarkModeToggler.md +1 -10
  11. package/.ai/ai_ref_AbDateTimePicker.md +4 -38
  12. package/.ai/ai_ref_AbEasyModal.md +2 -8
  13. package/.ai/ai_ref_AbField.md +1 -9
  14. package/.ai/ai_ref_AbFileUploader.md +3 -19
  15. package/.ai/ai_ref_AbFilterPanel.md +0 -4
  16. package/.ai/ai_ref_AbFormCheck.md +2 -19
  17. package/.ai/ai_ref_AbImageRadioInput.md +1 -9
  18. package/.ai/ai_ref_AbInputField.md +1 -9
  19. package/.ai/ai_ref_AbInputTag.md +2 -22
  20. package/.ai/ai_ref_AbKbd.md +0 -12
  21. package/.ai/ai_ref_AbKbdGroup.md +1 -13
  22. package/.ai/ai_ref_AbModal.md +98 -103
  23. package/.ai/ai_ref_AbMultiSelect.md +3 -37
  24. package/.ai/ai_ref_AbNumberField.md +5 -30
  25. package/.ai/ai_ref_AbPinInput.md +1 -13
  26. package/.ai/ai_ref_AbPopover.md +2 -12
  27. package/.ai/ai_ref_AbPricingCard.md +0 -8
  28. package/.ai/ai_ref_AbPricingContainer.md +0 -8
  29. package/.ai/ai_ref_AbPricingTable.md +20 -36
  30. package/.ai/ai_ref_AbProgressbar.md +1 -11
  31. package/.ai/ai_ref_AbScrollbar.md +2 -12
  32. package/.ai/ai_ref_AbSettingsForm.md +1 -9
  33. package/.ai/ai_ref_AbSideMenuItem.md +1 -12
  34. package/.ai/ai_ref_AbSidebar.md +2 -10
  35. package/.ai/ai_ref_AbSkeleton.md +0 -18
  36. package/.ai/ai_ref_AbSlider.md +1 -20
  37. package/.ai/ai_ref_AbTab.md +0 -8
  38. package/.ai/ai_ref_AbTable.md +0 -10
  39. package/.ai/ai_ref_AbTabs.md +1 -11
  40. package/.ai/ai_ref_AbToggle.md +4 -23
  41. package/.ai/ai_ref_AbTooltip.md +1 -15
  42. package/.ai/ai_ref_AbWizard.md +7 -20
  43. package/.ai/ai_ref_AbWizardStep.md +1 -13
  44. package/.ai/ai_ref_abEventBus.md +66 -94
  45. package/.ai/ai_ref_abRequestParam.md +40 -55
  46. package/.ai/ai_ref_abTranslate.md +30 -15
  47. package/.ai/ai_ref_abVeeRules.md +33 -42
  48. package/.ai/ai_ref_global_config.md +7 -17
  49. package/.ai/ai_ref_useAlert.md +45 -63
  50. package/.ai/ai_ref_useFileValidator.md +31 -46
  51. package/.ai/ai_ref_useResponsive.md +41 -55
  52. package/.ai/ai_ref_useTheme.md +28 -39
  53. package/.ai/ai_ref_useToast.md +30 -42
  54. package/AI_REF.md +114 -0
  55. package/AI_REFERENCE.md +83 -1131
  56. package/dist/skins/black.css +1 -1
  57. package/dist/skins/cyan.css +1 -1
  58. package/dist/skins/default.css +1 -1
  59. package/dist/skins/gray.css +1 -1
  60. package/dist/skins/green.css +1 -1
  61. package/dist/skins/orange.css +1 -1
  62. package/dist/skins/pink.css +1 -1
  63. package/dist/skins/purple.css +1 -1
  64. package/dist/skins/red.css +1 -1
  65. package/dist/skins/themes/_blue.scss +35 -35
  66. package/dist/skins/themes/_common_variable.scss +101 -6
  67. package/dist/skins/themes/_cyan.scss +1 -1
  68. package/dist/skins/themes/_gray.scss +2 -1
  69. package/dist/skins/themes/_green.scss +1 -1
  70. package/dist/skins/themes/_grid.scss +4 -1
  71. package/dist/skins/themes/_orange.scss +1 -1
  72. package/dist/skins/themes/_pink.scss +1 -1
  73. package/dist/skins/themes/_purple.scss +1 -1
  74. package/dist/skins/themes/_red.scss +1 -1
  75. package/dist/skins/themes/_violet.scss +1 -1
  76. package/dist/skins/violet.css +1 -1
  77. package/dist/style.css +1 -1
  78. package/dist/vue3-appsbd-ui.cjs.js +93 -61
  79. package/dist/vue3-appsbd-ui.es.js +26647 -17054
  80. package/package.json +7 -1
  81. package/readme.md +59 -1
  82. package/scripts/postinstall.js +55 -0
  83. package/scripts/setup.js +16 -0
  84. package/scripts/skill-groups.js +38 -0
  85. package/skills/commands/generate-module.md +76 -0
  86. package/skills/commands/settings-form.md +175 -0
  87. package/skills/commands/use-appsbd-ui.md +40 -0
@@ -1,42 +1,30 @@
1
- # useToast (Composable)
2
-
3
- Provides a procedural API to spawn toast notifications using the globally registered `$toast` instance (usually powered by `vue-toastification`).
4
-
5
- ## Installation
6
-
7
- ```javascript
8
- npm install @vue3-appsbd-ui
9
- ```
10
-
11
- ## Usage
12
-
13
- ```html
14
- <script setup>
15
- import { useToast } from "@vue3-appsbd-ui";
16
-
17
- const { toast } = useToast();
18
-
19
- function showNotifications() {
20
- toast.success("Profile saved successfully");
21
- toast.error("Failed to connect to server", { timeout: 5000 });
22
- }
23
- </script>
24
-
25
- <template>
26
- <button @click="showNotifications">Show Toasts</button>
27
- </template>
28
- ```
29
-
30
- ## API Reference
31
-
32
- ### `toast` Methods
33
-
34
- | Method | Signature | Description |
35
- |---|---|---|
36
- | `toast(msg, options)` | `Function` | Spawns a default toast notification. |
37
- | `toast.success(msg, options)` | `Function` | Spawns a success toast notification. |
38
- | `toast.error(msg, options)` | `Function` | Spawns an error toast notification. |
39
- | `toast.warning(msg, options)` | `Function` | Spawns a warning toast notification. |
40
- | `toast.info(msg, options)` | `Function` | Spawns an info toast notification. |
41
- | `toast.dismiss(id)` | `Function` | Dismisses a specific toast by its ID. |
42
- | `toast.clear()` | `Function` | Clears all currently visible toasts. |
1
+ # useToast (Composable)
2
+
3
+ Provides a procedural API to spawn toast notifications using the globally registered `$toast` instance.
4
+
5
+ ## Usage
6
+
7
+ ```html
8
+ <script setup>
9
+ import { useToast } from "@vue3-appsbd-ui";
10
+
11
+ const { toast } = useToast();
12
+
13
+ function showNotifications() {
14
+ toast.success("Profile saved successfully");
15
+ toast.error("Failed to connect to server", { timeout: 5000 });
16
+ }
17
+ </script>
18
+ ```
19
+
20
+ ## API Reference
21
+
22
+ | Method | Signature | Description |
23
+ |---|---|---|
24
+ | `toast(msg, options)` | `Function` | Spawns a default toast notification. |
25
+ | `toast.success(msg, options)` | `Function` | Spawns a success toast. |
26
+ | `toast.error(msg, options)` | `Function` | Spawns an error toast. |
27
+ | `toast.warning(msg, options)` | `Function` | Spawns a warning toast. |
28
+ | `toast.info(msg, options)` | `Function` | Spawns an info toast. |
29
+ | `toast.dismiss(id)` | `Function` | Dismisses a specific toast by its ID. |
30
+ | `toast.clear()` | `Function` | Clears all currently visible toasts. |
package/AI_REF.md ADDED
@@ -0,0 +1,114 @@
1
+ # Appsbd UI - Compact AI Reference
2
+
3
+ ## Purpose
4
+
5
+ Lightweight index for AI agents working on `vue3-appsbd-ui`.
6
+ For detailed props, events, slots, examples, and usage rules, open the matching per-item file in `.ai/`.
7
+
8
+ ## Setup
9
+
10
+ ```js
11
+ import AppsbdUI from "vue3-appsbd-ui";
12
+ import "vue3-appsbd-ui/dist/style.css";
13
+
14
+ app.use(AppsbdUI);
15
+ ```
16
+
17
+ Global configuration: `.ai/ai_ref_global_config.md`.
18
+
19
+ ## Reference Lookup
20
+
21
+ Use this pattern whenever possible:
22
+
23
+ ```txt
24
+ Component/API name -> .ai/ai_ref_[Name].md
25
+ ```
26
+
27
+ Examples:
28
+
29
+ - `AbModal` -> `.ai/ai_ref_AbModal.md`
30
+ - `AbButton` -> `.ai/ai_ref_AbButton.md`
31
+ - `useToast` -> `.ai/ai_ref_useToast.md`
32
+ - `abTranslate` -> `.ai/ai_ref_abTranslate.md`
33
+ - `AppsbdUIConfigure` -> `.ai/ai_ref_global_config.md`
34
+
35
+ ## Auto-Registered Components
36
+
37
+ These are globally registered by `app.use(AppsbdUI)`:
38
+
39
+ `AbButton`, `AbCard`, `AbModal`, `AbProgressbar`, `AbInputField`, `AbNumberField`, `AbField`, `AbCustomField`, `AbDateTimePicker`, `AbFormCheck`, `AbRadioInput`, `AbToggle`, `AbInputTag`, `AbMultiSelect`, `AbPopover`.
40
+
41
+ All other components/APIs should be explicitly imported unless their detailed `.ai/` reference says otherwise.
42
+
43
+ ## Component References
44
+
45
+ - `AbAvatar` -> `.ai/ai_ref_AbAvatar.md`
46
+ - `AbBadge` -> `.ai/ai_ref_AbBadge.md`
47
+ - `AbButton` -> `.ai/ai_ref_AbButton.md`
48
+ - `AbCard` -> `.ai/ai_ref_AbCard.md`
49
+ - `AbCarousel` -> `.ai/ai_ref_AbCarousel.md`
50
+ - `AbChart` -> `.ai/ai_ref_AbChart.md`
51
+ - `AbColorPicker` -> `.ai/ai_ref_AbColorPicker.md`
52
+ - `AbConfirmPopover` -> `.ai/ai_ref_AbConfirmPopover.md`
53
+ - `AbCustomField` -> `.ai/ai_ref_AbCustomField.md`
54
+ - `AbDarkModeToggler` -> `.ai/ai_ref_AbDarkModeToggler.md`
55
+ - `AbDateTimePicker` -> `.ai/ai_ref_AbDateTimePicker.md`
56
+ - `AbEasyModal` -> `.ai/ai_ref_AbEasyModal.md`
57
+ - `AbField` -> `.ai/ai_ref_AbField.md`
58
+ - `AbFileUploader` -> `.ai/ai_ref_AbFileUploader.md`
59
+ - `AbFilterPanel` -> `.ai/ai_ref_AbFilterPanel.md`
60
+ - `AbFormCheck` / `AbRadioInput` -> `.ai/ai_ref_AbFormCheck.md`
61
+ - `AbImageRadioInput` -> `.ai/ai_ref_AbImageRadioInput.md`
62
+ - `AbInputField` -> `.ai/ai_ref_AbInputField.md`
63
+ - `AbInputTag` -> `.ai/ai_ref_AbInputTag.md`
64
+ - `AbKbd` -> `.ai/ai_ref_AbKbd.md`
65
+ - `AbKbdGroup` -> `.ai/ai_ref_AbKbdGroup.md`
66
+ - `AbModal` -> `.ai/ai_ref_AbModal.md`
67
+ - `AbMultiSelect` -> `.ai/ai_ref_AbMultiSelect.md`
68
+ - `AbNumberField` -> `.ai/ai_ref_AbNumberField.md`
69
+ - `AbPinInput` -> `.ai/ai_ref_AbPinInput.md`
70
+ - `AbPopover` -> `.ai/ai_ref_AbPopover.md`
71
+ - `AbPricingCard` -> `.ai/ai_ref_AbPricingCard.md`
72
+ - `AbPricingContainer` -> `.ai/ai_ref_AbPricingContainer.md`
73
+ - `AbPricingTable` -> `.ai/ai_ref_AbPricingTable.md`
74
+ - `AbProgressbar` -> `.ai/ai_ref_AbProgressbar.md`
75
+ - `AbScrollbar` -> `.ai/ai_ref_AbScrollbar.md`
76
+ - `AbSettingsForm` -> `.ai/ai_ref_AbSettingsForm.md`
77
+ - `AbSideMenuItem` -> `.ai/ai_ref_AbSideMenuItem.md`
78
+ - `AbSidebar` -> `.ai/ai_ref_AbSidebar.md`
79
+ - `AbSkeleton` -> `.ai/ai_ref_AbSkeleton.md`
80
+ - `AbSlider` -> `.ai/ai_ref_AbSlider.md`
81
+ - `AbTab` -> `.ai/ai_ref_AbTab.md`
82
+ - `AbTable` -> `.ai/ai_ref_AbTable.md`
83
+ - `AbTabs` -> `.ai/ai_ref_AbTabs.md`
84
+ - `AbToggle` -> `.ai/ai_ref_AbToggle.md`
85
+ - `AbTooltip` -> `.ai/ai_ref_AbTooltip.md`
86
+ - `AbWizard` -> `.ai/ai_ref_AbWizard.md`
87
+ - `AbWizardStep` -> `.ai/ai_ref_AbWizardStep.md`
88
+
89
+ ## API References
90
+
91
+ - `AppsbdUIConfigure` -> `.ai/ai_ref_global_config.md`
92
+ - `useAlert` -> `.ai/ai_ref_useAlert.md`
93
+ - `useToast` -> `.ai/ai_ref_useToast.md`
94
+ - `useTheme` -> `.ai/ai_ref_useTheme.md`
95
+ - `useFileValidator` -> `.ai/ai_ref_useFileValidator.md`
96
+ - `useResponsive` -> `.ai/ai_ref_useResponsive.md`
97
+ - `abEventBus` / `emitterObj` -> `.ai/ai_ref_abEventBus.md`
98
+ - `abTranslate` -> `.ai/ai_ref_abTranslate.md`
99
+ - `abVeeRules` -> `.ai/ai_ref_abVeeRules.md`
100
+ - `abRequestParam` -> `.ai/ai_ref_abRequestParam.md`
101
+
102
+ ## Directives
103
+
104
+ - `v-tooltip` -> `.ai/ai_ref_AbTooltip.md`
105
+
106
+ ## Maintenance
107
+
108
+ When a public component/API changes, update:
109
+
110
+ - matching `.ai/ai_ref_*.md`
111
+ - `AI_REFERENCE.md`
112
+ - playground docs in `playground/components/`
113
+ - this file only when a reference is added, renamed, removed, or auto-registration changes
114
+