@bitrix24/b24ui-nuxt 0.6.8 → 0.7.0

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 (199) hide show
  1. package/.nuxt/b24ui/accordion.ts +20 -0
  2. package/.nuxt/b24ui/advice.ts +2 -10
  3. package/.nuxt/b24ui/alert.ts +2 -15
  4. package/.nuxt/b24ui/avatar-group.ts +2 -10
  5. package/.nuxt/b24ui/avatar.ts +3 -11
  6. package/.nuxt/b24ui/badge.ts +48 -13
  7. package/.nuxt/b24ui/button-group.ts +2 -22
  8. package/.nuxt/b24ui/button.ts +4 -17
  9. package/.nuxt/b24ui/calendar.ts +3 -11
  10. package/.nuxt/b24ui/checkbox.ts +75 -11
  11. package/.nuxt/b24ui/chip.ts +2 -10
  12. package/.nuxt/b24ui/collapsible.ts +2 -10
  13. package/.nuxt/b24ui/container.ts +2 -10
  14. package/.nuxt/b24ui/countdown.ts +2 -10
  15. package/.nuxt/b24ui/description-list.ts +2 -15
  16. package/.nuxt/b24ui/dropdown-menu.ts +4 -11
  17. package/.nuxt/b24ui/form-field.ts +3 -10
  18. package/.nuxt/b24ui/form.ts +2 -10
  19. package/.nuxt/b24ui/index.ts +1 -0
  20. package/.nuxt/b24ui/input-menu.ts +6 -30
  21. package/.nuxt/b24ui/input-number.ts +15 -10
  22. package/.nuxt/b24ui/input.ts +4 -17
  23. package/.nuxt/b24ui/kbd.ts +2 -10
  24. package/.nuxt/b24ui/link.ts +11 -17
  25. package/.nuxt/b24ui/modal.ts +3 -11
  26. package/.nuxt/b24ui/navbar-divider.ts +2 -10
  27. package/.nuxt/b24ui/navbar-section.ts +2 -10
  28. package/.nuxt/b24ui/navbar-spacer.ts +2 -10
  29. package/.nuxt/b24ui/navbar.ts +2 -10
  30. package/.nuxt/b24ui/navigation-menu.ts +69 -60
  31. package/.nuxt/b24ui/popover.ts +2 -10
  32. package/.nuxt/b24ui/progress.ts +2 -10
  33. package/.nuxt/b24ui/radio-group.ts +3 -11
  34. package/.nuxt/b24ui/range.ts +2 -10
  35. package/.nuxt/b24ui/select-menu.ts +10 -40
  36. package/.nuxt/b24ui/select.ts +10 -40
  37. package/.nuxt/b24ui/separator.ts +2 -10
  38. package/.nuxt/b24ui/sidebar-body.ts +2 -10
  39. package/.nuxt/b24ui/sidebar-footer.ts +2 -10
  40. package/.nuxt/b24ui/sidebar-header.ts +2 -10
  41. package/.nuxt/b24ui/sidebar-heading.ts +2 -10
  42. package/.nuxt/b24ui/sidebar-layout.ts +2 -10
  43. package/.nuxt/b24ui/sidebar-section.ts +2 -10
  44. package/.nuxt/b24ui/sidebar-spacer.ts +2 -10
  45. package/.nuxt/b24ui/sidebar.ts +2 -10
  46. package/.nuxt/b24ui/skeleton.ts +2 -10
  47. package/.nuxt/b24ui/slideover.ts +2 -10
  48. package/.nuxt/b24ui/stacked-layout.ts +2 -10
  49. package/.nuxt/b24ui/switch.ts +2 -10
  50. package/.nuxt/b24ui/tabs.ts +6 -13
  51. package/.nuxt/b24ui/textarea.ts +4 -17
  52. package/.nuxt/b24ui/toast.ts +2 -15
  53. package/.nuxt/b24ui/toaster.ts +3 -11
  54. package/.nuxt/b24ui/tooltip.ts +3 -11
  55. package/.nuxt/b24ui.css +1 -1
  56. package/cli/templates.mjs +2 -2
  57. package/dist/meta.d.mts +35333 -15836
  58. package/dist/meta.mjs +35333 -15836
  59. package/dist/module.json +1 -1
  60. package/dist/module.mjs +11 -3
  61. package/dist/runtime/components/Accordion.vue +96 -0
  62. package/dist/runtime/components/Accordion.vue.d.ts +78 -0
  63. package/dist/runtime/components/Advice.vue +1 -1
  64. package/dist/runtime/components/Alert.vue +1 -1
  65. package/dist/runtime/components/App.vue +1 -1
  66. package/dist/runtime/components/Avatar.vue +11 -3
  67. package/dist/runtime/components/Avatar.vue.d.ts +2 -1
  68. package/dist/runtime/components/AvatarGroup.vue +1 -1
  69. package/dist/runtime/components/Badge.vue +5 -3
  70. package/dist/runtime/components/Badge.vue.d.ts +2 -0
  71. package/dist/runtime/components/Button.vue +2 -3
  72. package/dist/runtime/components/Button.vue.d.ts +1 -1
  73. package/dist/runtime/components/Calendar.vue +1 -1
  74. package/dist/runtime/components/Checkbox.vue +13 -4
  75. package/dist/runtime/components/Checkbox.vue.d.ts +9 -0
  76. package/dist/runtime/components/Chip.vue +1 -1
  77. package/dist/runtime/components/Collapsible.vue +1 -1
  78. package/dist/runtime/components/Countdown.vue +1 -1
  79. package/dist/runtime/components/Countdown.vue.d.ts +2 -2
  80. package/dist/runtime/components/DescriptionList.vue +3 -2
  81. package/dist/runtime/components/DescriptionList.vue.d.ts +1 -1
  82. package/dist/runtime/components/DropdownMenu.vue +1 -1
  83. package/dist/runtime/components/DropdownMenu.vue.d.ts +2 -0
  84. package/dist/runtime/components/DropdownMenuContent.vue +74 -72
  85. package/dist/runtime/components/DropdownMenuContent.vue.d.ts +4 -20
  86. package/dist/runtime/components/Form.vue +6 -6
  87. package/dist/runtime/components/Form.vue.d.ts +12 -11
  88. package/dist/runtime/components/FormField.vue +4 -4
  89. package/dist/runtime/components/Input.vue +12 -8
  90. package/dist/runtime/components/Input.vue.d.ts +31 -30
  91. package/dist/runtime/components/InputMenu.vue +23 -20
  92. package/dist/runtime/components/InputMenu.vue.d.ts +6 -4
  93. package/dist/runtime/components/InputNumber.vue +17 -10
  94. package/dist/runtime/components/InputNumber.vue.d.ts +6 -3
  95. package/dist/runtime/components/Link.vue +5 -13
  96. package/dist/runtime/components/Modal.vue +22 -14
  97. package/dist/runtime/components/Modal.vue.d.ts +18 -5
  98. package/dist/runtime/components/Navbar.vue +1 -1
  99. package/dist/runtime/components/NavbarDivider.vue +1 -1
  100. package/dist/runtime/components/NavbarSection.vue +1 -1
  101. package/dist/runtime/components/NavbarSpacer.vue +1 -1
  102. package/dist/runtime/components/NavigationMenu.vue +186 -44
  103. package/dist/runtime/components/NavigationMenu.vue.d.ts +39 -8
  104. package/dist/runtime/components/OverlayProvider.vue +2 -2
  105. package/dist/runtime/components/Popover.vue +4 -0
  106. package/dist/runtime/components/Popover.vue.d.ts +2 -1
  107. package/dist/runtime/components/Progress.vue +3 -2
  108. package/dist/runtime/components/Progress.vue.d.ts +2 -2
  109. package/dist/runtime/components/RadioGroup.vue +24 -8
  110. package/dist/runtime/components/RadioGroup.vue.d.ts +3 -1
  111. package/dist/runtime/components/Range.vue +2 -2
  112. package/dist/runtime/components/Range.vue.d.ts +19 -20
  113. package/dist/runtime/components/Select.vue +57 -31
  114. package/dist/runtime/components/Select.vue.d.ts +110 -2
  115. package/dist/runtime/components/SelectMenu.vue +77 -23
  116. package/dist/runtime/components/SelectMenu.vue.d.ts +111 -5
  117. package/dist/runtime/components/Separator.vue +3 -3
  118. package/dist/runtime/components/Sidebar.vue +1 -1
  119. package/dist/runtime/components/SidebarBody.vue +1 -1
  120. package/dist/runtime/components/SidebarFooter.vue +1 -1
  121. package/dist/runtime/components/SidebarHeader.vue +1 -1
  122. package/dist/runtime/components/SidebarHeading.vue +1 -1
  123. package/dist/runtime/components/SidebarLayout.vue +1 -1
  124. package/dist/runtime/components/SidebarSection.vue +1 -1
  125. package/dist/runtime/components/SidebarSpacer.vue +1 -1
  126. package/dist/runtime/components/Slideover.vue +23 -15
  127. package/dist/runtime/components/Slideover.vue.d.ts +18 -5
  128. package/dist/runtime/components/StackedLayout.vue +1 -1
  129. package/dist/runtime/components/Switch.vue +1 -1
  130. package/dist/runtime/components/Tabs.vue +28 -7
  131. package/dist/runtime/components/Tabs.vue.d.ts +6 -1
  132. package/dist/runtime/components/Textarea.vue +13 -9
  133. package/dist/runtime/components/Textarea.vue.d.ts +31 -30
  134. package/dist/runtime/components/Toast.vue +7 -6
  135. package/dist/runtime/components/Toast.vue.d.ts +6 -0
  136. package/dist/runtime/components/Toaster.vue +4 -4
  137. package/dist/runtime/components/Toaster.vue.d.ts +6 -0
  138. package/dist/runtime/components/Tooltip.vue +9 -2
  139. package/dist/runtime/components/Tooltip.vue.d.ts +2 -1
  140. package/dist/runtime/components/content/TableWrapper.vue +1 -1
  141. package/dist/runtime/composables/defineLocale.d.ts +2 -0
  142. package/dist/runtime/composables/defineLocale.js +4 -0
  143. package/dist/runtime/composables/defineShortcuts.js +8 -2
  144. package/dist/runtime/composables/useFormField.d.ts +1 -1
  145. package/dist/runtime/composables/useFormField.js +2 -1
  146. package/dist/runtime/composables/useKbd.d.ts +1 -0
  147. package/dist/runtime/composables/useKbd.js +4 -3
  148. package/dist/runtime/composables/useOverlay.d.ts +11 -11
  149. package/dist/runtime/composables/useOverlay.js +17 -11
  150. package/dist/runtime/inertia/components/Link.vue +45 -60
  151. package/dist/runtime/inertia/components/Link.vue.d.ts +1 -1
  152. package/dist/runtime/inertia/components/LinkBase.vue +68 -0
  153. package/dist/runtime/inertia/components/LinkBase.vue.d.ts +25 -0
  154. package/dist/runtime/inertia/stubs.d.ts +1 -1
  155. package/dist/runtime/inertia/stubs.js +1 -1
  156. package/dist/runtime/prose/A.vue +1 -1
  157. package/dist/runtime/prose/Blockquote.vue +1 -1
  158. package/dist/runtime/prose/Code.vue +1 -1
  159. package/dist/runtime/prose/Em.vue +1 -1
  160. package/dist/runtime/prose/H1.vue +1 -1
  161. package/dist/runtime/prose/H2.vue +1 -1
  162. package/dist/runtime/prose/H3.vue +1 -1
  163. package/dist/runtime/prose/H4.vue +1 -1
  164. package/dist/runtime/prose/H5.vue +1 -1
  165. package/dist/runtime/prose/H6.vue +1 -1
  166. package/dist/runtime/prose/Hr.vue +1 -1
  167. package/dist/runtime/prose/Img.vue +1 -1
  168. package/dist/runtime/prose/Li.vue +1 -1
  169. package/dist/runtime/prose/Ol.vue +1 -1
  170. package/dist/runtime/prose/P.vue +1 -1
  171. package/dist/runtime/prose/Pre.vue +1 -1
  172. package/dist/runtime/prose/Strong.vue +1 -1
  173. package/dist/runtime/prose/Table.vue +1 -1
  174. package/dist/runtime/prose/Tbody.vue +1 -1
  175. package/dist/runtime/prose/Td.vue +1 -1
  176. package/dist/runtime/prose/Th.vue +1 -1
  177. package/dist/runtime/prose/Thead.vue +1 -1
  178. package/dist/runtime/prose/Tr.vue +1 -1
  179. package/dist/runtime/prose/Ul.vue +1 -1
  180. package/dist/runtime/types/form.d.ts +11 -10
  181. package/dist/runtime/types/index.d.ts +1 -0
  182. package/dist/runtime/types/index.js +1 -0
  183. package/dist/runtime/types/locale.d.ts +1 -0
  184. package/dist/runtime/types/tv.d.ts +53 -0
  185. package/dist/runtime/types/tv.js +0 -0
  186. package/dist/runtime/types/utils.d.ts +4 -51
  187. package/dist/runtime/types/utils.js +1 -0
  188. package/dist/runtime/utils/link.d.ts +1 -0
  189. package/dist/runtime/utils/link.js +12 -0
  190. package/dist/runtime/vue/components/Link.vue +26 -40
  191. package/dist/runtime/vue/composables/useAppConfig.js +3 -1
  192. package/dist/runtime/vue/stubs.d.ts +1 -1
  193. package/dist/runtime/vue/stubs.js +1 -1
  194. package/dist/shared/{b24ui-nuxt.jU270f-Q.mjs → b24ui-nuxt.C-kZb5Ac.mjs} +267 -121
  195. package/dist/unplugin.d.mts +2 -2
  196. package/dist/unplugin.mjs +6 -3
  197. package/dist/vite.d.mts +1 -1
  198. package/dist/vite.mjs +2 -2
  199. package/package.json +30 -29
@@ -0,0 +1,68 @@
1
+ <script>
2
+
3
+ </script>
4
+
5
+ <script setup>
6
+ import { Primitive } from "reka-ui";
7
+ import { Link as InertiaLink } from "@inertiajs/vue3";
8
+ defineOptions({ inheritAttrs: false });
9
+ const props = defineProps({
10
+ as: { type: String, required: false, default: "button" },
11
+ type: { type: String, required: false, default: "button" },
12
+ disabled: { type: Boolean, required: false },
13
+ onClick: { type: [Function, Array], required: false },
14
+ href: { type: String, required: false },
15
+ target: { type: [String, Object, null], required: false },
16
+ active: { type: Boolean, required: false },
17
+ isExternal: { type: Boolean, required: false }
18
+ });
19
+ function onClickWrapper(e) {
20
+ if (props.disabled) {
21
+ e.stopPropagation();
22
+ e.preventDefault();
23
+ return;
24
+ }
25
+ if (props.onClick) {
26
+ for (const onClick of Array.isArray(props.onClick) ? props.onClick : [props.onClick]) {
27
+ onClick(e);
28
+ }
29
+ }
30
+ }
31
+ </script>
32
+
33
+ <template>
34
+ <InertiaLink
35
+ v-if="!!href && !isExternal && !disabled"
36
+ :href="href"
37
+ v-bind="{
38
+ target: target || (isExternal ? '_blank' : void 0),
39
+ ...$attrs
40
+ }"
41
+ @click="onClickWrapper"
42
+ >
43
+ <slot />
44
+ </InertiaLink>
45
+ <Primitive
46
+ v-else
47
+ v-bind="href ? {
48
+ 'as': 'a',
49
+ 'href': disabled ? void 0 : href,
50
+ 'aria-disabled': disabled ? 'true' : void 0,
51
+ 'role': disabled ? 'link' : void 0,
52
+ 'tabindex': disabled ? -1 : void 0,
53
+ 'target': target || (isExternal ? '_blank' : void 0),
54
+ ...$attrs
55
+ } : as === 'button' ? {
56
+ as,
57
+ type,
58
+ disabled,
59
+ ...$attrs
60
+ } : {
61
+ as,
62
+ ...$attrs
63
+ }"
64
+ @click="onClickWrapper"
65
+ >
66
+ <slot />
67
+ </Primitive>
68
+ </template>
@@ -0,0 +1,25 @@
1
+ import type { LinkProps } from '../../types';
2
+ export interface LinkBaseProps {
3
+ as?: string;
4
+ type?: string;
5
+ disabled?: boolean;
6
+ onClick?: ((e: MouseEvent) => void | Promise<void>) | Array<((e: MouseEvent) => void | Promise<void>)>;
7
+ href?: string;
8
+ target?: LinkProps['target'];
9
+ active?: boolean;
10
+ isExternal?: boolean;
11
+ }
12
+ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {
13
+ as: string;
14
+ type: string;
15
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
16
+ default?: (props: {}) => any;
17
+ } & {
18
+ default?: (props: {}) => any;
19
+ }>;
20
+ export default _default;
21
+ type __VLS_WithSlots<T, S> = T & {
22
+ new (): {
23
+ $slots: S;
24
+ };
25
+ };
@@ -1,6 +1,7 @@
1
1
  import type { Ref } from 'vue';
2
2
  import type { NuxtApp } from '#app';
3
3
  export { useHead } from '@unhead/vue';
4
+ export { useAppConfig } from '../vue/composables/useAppConfig';
4
5
  export { defineShortcuts } from '../composables/defineShortcuts';
5
6
  export { defineLocale } from '../composables/defineLocale';
6
7
  export { useLocale } from '../composables/useLocale';
@@ -19,7 +20,6 @@ export declare const useColorMode: () => {
19
20
  readonly value: import("@vueuse/core").BasicColorMode;
20
21
  forced: boolean;
21
22
  };
22
- export declare const useAppConfig: () => any;
23
23
  export declare const useCookie: <T = string>(_name: string, _options?: Record<string, any>) => {
24
24
  value: Ref<T, T>;
25
25
  get: () => T;
@@ -4,6 +4,7 @@ import appConfig from "#build/app.config";
4
4
  import { useColorMode as useColorModeVueUse } from "@vueuse/core";
5
5
  import { usePage } from "@inertiajs/vue3";
6
6
  export { useHead } from "@unhead/vue";
7
+ export { useAppConfig } from "../vue/composables/useAppConfig.js";
7
8
  export { defineShortcuts } from "../composables/defineShortcuts.js";
8
9
  export { defineLocale } from "../composables/defineLocale.js";
9
10
  export { useLocale } from "../composables/useLocale.js";
@@ -37,7 +38,6 @@ export const useColorMode = () => {
37
38
  forced: false
38
39
  };
39
40
  };
40
- export const useAppConfig = () => appConfig;
41
41
  export const useCookie = (_name, _options = {}) => {
42
42
  const value = ref(null);
43
43
  return {
@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
16
16
  </script>
17
17
 
18
18
  <template>
19
- <a :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
19
+ <a :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
20
20
  <slot />
21
21
  </a>
22
22
  </template>
@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
16
16
  </script>
17
17
 
18
18
  <template>
19
- <blockquote :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
19
+ <blockquote :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
20
20
  <slot />
21
21
  </blockquote>
22
22
  </template>
@@ -20,6 +20,6 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
20
20
 
21
21
  <template>
22
22
  <code
23
- :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
23
+ :class="b24ui.base({ class: [props.b24ui?.base, props.class] })"
24
24
  ><slot /></code>
25
25
  </template>
@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
16
16
  </script>
17
17
 
18
18
  <template>
19
- <em :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
19
+ <em :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
20
20
  <slot />
21
21
  </em>
22
22
  </template>
@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
16
16
  </script>
17
17
 
18
18
  <template>
19
- <h1 :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
19
+ <h1 :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
20
20
  <slot />
21
21
  </h1>
22
22
  </template>
@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
16
16
  </script>
17
17
 
18
18
  <template>
19
- <h2 :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
19
+ <h2 :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
20
20
  <slot />
21
21
  </h2>
22
22
  </template>
@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
16
16
  </script>
17
17
 
18
18
  <template>
19
- <h3 :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
19
+ <h3 :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
20
20
  <slot />
21
21
  </h3>
22
22
  </template>
@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
16
16
  </script>
17
17
 
18
18
  <template>
19
- <h4 :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
19
+ <h4 :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
20
20
  <slot />
21
21
  </h4>
22
22
  </template>
@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
16
16
  </script>
17
17
 
18
18
  <template>
19
- <h5 :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
19
+ <h5 :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
20
20
  <slot />
21
21
  </h5>
22
22
  </template>
@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
16
16
  </script>
17
17
 
18
18
  <template>
19
- <h6 :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
19
+ <h6 :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
20
20
  <slot />
21
21
  </h6>
22
22
  </template>
@@ -15,5 +15,5 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
15
15
  </script>
16
16
 
17
17
  <template>
18
- <hr :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
18
+ <hr :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
19
19
  </template>
@@ -15,5 +15,5 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
15
15
  </script>
16
16
 
17
17
  <template>
18
- <img :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
18
+ <img :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
19
19
  </template>
@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
16
16
  </script>
17
17
 
18
18
  <template>
19
- <li :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
19
+ <li :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
20
20
  <slot />
21
21
  </li>
22
22
  </template>
@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
16
16
  </script>
17
17
 
18
18
  <template>
19
- <ol :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
19
+ <ol :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
20
20
  <slot />
21
21
  </ol>
22
22
  </template>
@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
16
16
  </script>
17
17
 
18
18
  <template>
19
- <p :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
19
+ <p :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
20
20
  <slot />
21
21
  </p>
22
22
  </template>
@@ -20,7 +20,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
20
20
  </script>
21
21
 
22
22
  <template>
23
- <Primitive :as="as" :class="b24ui.root({ class: [props.class, props.b24ui?.root] })" :style="props.style">
23
+ <Primitive :as="as" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })" :style="props.style">
24
24
  <pre
25
25
  :class="b24ui.base({ class: props.b24ui?.base })"
26
26
  ><slot /></pre>
@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
16
16
  </script>
17
17
 
18
18
  <template>
19
- <strong :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
19
+ <strong :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
20
20
  <slot />
21
21
  </strong>
22
22
  </template>
@@ -25,7 +25,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
25
25
  <template>
26
26
  <B24TableWrapper
27
27
  :as="as"
28
- :class="b24ui.root({ class: [props.class, props.b24ui?.root] })"
28
+ :class="b24ui.root({ class: [props.b24ui?.root, props.class] })"
29
29
  :zebra="props.zebra"
30
30
  :row-hover="props.rowHover"
31
31
  :rounded="props.rounded"
@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
16
16
  </script>
17
17
 
18
18
  <template>
19
- <tbody :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
19
+ <tbody :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
20
20
  <slot />
21
21
  </tbody>
22
22
  </template>
@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
16
16
  </script>
17
17
 
18
18
  <template>
19
- <td :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
19
+ <td :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
20
20
  <slot />
21
21
  </td>
22
22
  </template>
@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
16
16
  </script>
17
17
 
18
18
  <template>
19
- <th :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
19
+ <th :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
20
20
  <slot />
21
21
  </th>
22
22
  </template>
@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
16
16
  </script>
17
17
 
18
18
  <template>
19
- <thead :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
19
+ <thead :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
20
20
  <slot />
21
21
  </thead>
22
22
  </template>
@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
16
16
  </script>
17
17
 
18
18
  <template>
19
- <tr :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
19
+ <tr :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
20
20
  <slot />
21
21
  </tr>
22
22
  </template>
@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
16
16
  </script>
17
17
 
18
18
  <template>
19
- <ul :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
19
+ <ul :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
20
20
  <slot />
21
21
  </ul>
22
22
  </template>
@@ -4,28 +4,29 @@ import type { Schema as JoiSchema } from 'joi';
4
4
  import type { ObjectSchema as YupObjectSchema } from 'yup';
5
5
  import type { GetObjectField } from './utils';
6
6
  import type { Struct as SuperstructSchema } from 'superstruct';
7
- export interface Form<T extends object> {
8
- validate(opts?: {
9
- name?: keyof T | (keyof T)[];
7
+ export interface Form<S extends FormSchema> {
8
+ validate<T extends boolean>(opts?: {
9
+ name?: keyof FormData<S, false> | (keyof FormData<S, false>)[];
10
10
  silent?: boolean;
11
11
  nested?: boolean;
12
- transform?: boolean;
13
- }): Promise<T | false>;
12
+ transform?: T;
13
+ }): Promise<FormData<S, T> | false>;
14
14
  clear(path?: string): void;
15
15
  errors: Ref<FormError[]>;
16
- setErrors(errs: FormError[], name?: keyof T): void;
17
- getErrors(name?: keyof T): FormError[];
16
+ setErrors(errs: FormError[], name?: keyof FormData<S, false>): void;
17
+ getErrors(name?: keyof FormData<S, false>): FormError[];
18
18
  submit(): Promise<void>;
19
19
  disabled: ComputedRef<boolean>;
20
20
  dirty: ComputedRef<boolean>;
21
21
  loading: Ref<boolean>;
22
- dirtyFields: DeepReadonly<Set<keyof T>>;
23
- touchedFields: DeepReadonly<Set<keyof T>>;
24
- blurredFields: DeepReadonly<Set<keyof T>>;
22
+ dirtyFields: ReadonlySet<DeepReadonly<keyof FormData<S, false>>>;
23
+ touchedFields: ReadonlySet<DeepReadonly<keyof FormData<S, false>>>;
24
+ blurredFields: ReadonlySet<DeepReadonly<keyof FormData<S, false>>>;
25
25
  }
26
26
  export type FormSchema<I extends object = object, O extends object = I> = YupObjectSchema<I> | JoiSchema<I> | SuperstructSchema<any, any> | StandardSchemaV1<I, O>;
27
27
  export type InferInput<Schema> = Schema extends StandardSchemaV1 ? StandardSchemaV1.InferInput<Schema> : Schema extends YupObjectSchema<infer I> ? I : Schema extends JoiSchema<infer I> ? I : Schema extends SuperstructSchema<infer I, any> ? I : Schema extends StandardSchemaV1 ? StandardSchemaV1.InferInput<Schema> : never;
28
28
  export type InferOutput<Schema> = Schema extends StandardSchemaV1 ? StandardSchemaV1.InferOutput<Schema> : Schema extends YupObjectSchema<infer O> ? O : Schema extends JoiSchema<infer O> ? O : Schema extends SuperstructSchema<infer O, any> ? O : never;
29
+ export type FormData<S extends FormSchema, T extends boolean = true> = T extends true ? InferOutput<S> : InferInput<S>;
29
30
  export type FormInputEvents = 'input' | 'blur' | 'change' | 'focus';
30
31
  export interface FormError<P extends string = string> {
31
32
  name?: P;
@@ -1,3 +1,4 @@
1
+ export * from '../components/Accordion.vue';
1
2
  export * from '../components/Advice.vue';
2
3
  export * from '../components/Alert.vue';
3
4
  export * from '../components/App.vue';
@@ -1,3 +1,4 @@
1
+ export * from "../components/Accordion.vue";
1
2
  export * from "../components/Advice.vue";
2
3
  export * from "../components/Alert.vue";
3
4
  export * from "../components/App.vue";
@@ -51,6 +51,7 @@ export type Direction = 'ltr' | 'rtl';
51
51
  export type Locale<M> = {
52
52
  name: string;
53
53
  code: string;
54
+ locale: string;
54
55
  dir: Direction;
55
56
  messages: M;
56
57
  };
@@ -0,0 +1,53 @@
1
+ import type { ClassValue, TVVariants, TVCompoundVariants, TVDefaultVariants } from 'tailwind-variants';
2
+ /**
3
+ * Defines the AppConfig object based on the tailwind-variants configuration.
4
+ */
5
+ export type TVConfig<T extends Record<string, any>> = {
6
+ [P in keyof T]?: {
7
+ [K in keyof T[P] as K extends 'base' | 'slots' | 'variants' | 'compoundVariants' | 'defaultVariants' ? K : never]?: K extends 'base' ? ClassValue : K extends 'slots' ? {
8
+ [S in keyof T[P]['slots']]?: ClassValue;
9
+ } : K extends 'variants' ? TVVariants<T[P]['slots'], ClassValue, T[P]['variants']> : K extends 'compoundVariants' ? TVCompoundVariants<T[P]['variants'], T[P]['slots'], ClassValue, object, undefined> : K extends 'defaultVariants' ? TVDefaultVariants<T[P]['variants'], T[P]['slots'], object, undefined> : never;
10
+ };
11
+ };
12
+ /**
13
+ * Utility type to flatten intersection types for better IDE hover information.
14
+ * @template T The type to flatten.
15
+ */
16
+ type Id<T> = {} & {
17
+ [P in keyof T]: T[P];
18
+ };
19
+ type ComponentVariants<T extends {
20
+ variants?: Record<string, Record<string, any>>;
21
+ }> = {
22
+ [K in keyof T['variants']]: keyof T['variants'][K];
23
+ };
24
+ type ComponentSlots<T extends {
25
+ slots?: Record<string, any>;
26
+ }> = Id<{
27
+ [K in keyof T['slots']]?: ClassValue;
28
+ }>;
29
+ type GetComponentAppConfig<A, U extends string, K extends string> = A extends Record<U, Record<K, any>> ? A[U][K] : {};
30
+ type ComponentAppConfig<T, A extends Record<string, any>, K extends string, U extends string = 'b24ui' | 'b24ui.content' | 'b24ui.prose'> = A & (U extends 'b24ui' ? {
31
+ b24ui?: Record<K, Partial<T>>;
32
+ } : U extends 'b24ui.content' ? {
33
+ b24ui?: {
34
+ content?: Record<K, Partial<T>>;
35
+ };
36
+ } : U extends 'b24ui.prose' ? {
37
+ b24ui?: {
38
+ prose?: Record<K, Partial<T>>;
39
+ };
40
+ } : never);
41
+ /**
42
+ * Defines the configuration shape expected for a component.
43
+ * @template T The component's theme imported from `#build/b24ui/*`.
44
+ * @template A The base AppConfig type from `@nuxt/schema`.
45
+ * @template K The key identifying the component (e.g., 'badge').
46
+ * @template U The top-level key in AppConfig ('b24ui').
47
+ */
48
+ export type ComponentConfig<T extends Record<string, any>, A extends Record<string, any>, K extends string, U extends 'b24ui' | 'b24ui.content' | 'b24ui.prose' = 'b24ui'> = {
49
+ AppConfig: ComponentAppConfig<T, A, K, U>;
50
+ variants: ComponentVariants<T & GetComponentAppConfig<A, U, K>>;
51
+ slots: ComponentSlots<T>;
52
+ };
53
+ export {};
File without changes
@@ -1,13 +1,7 @@
1
- import type { AcceptableValue as _AcceptableValue } from 'reka-ui';
2
- import type { ClassValue } from 'tailwind-variants';
3
1
  import type { VNode } from 'vue';
4
- export interface TightMap<O = any> {
5
- [key: string]: TightMap | O;
6
- }
7
- export type DeepPartial<T, O = any> = {
8
- [P in keyof T]?: T[P] extends Array<string> ? string : T[P] extends object ? DeepPartial<T[P], O> : T[P];
9
- } & {
10
- [key: string]: O | TightMap<O>;
2
+ import type { AcceptableValue as _AcceptableValue } from 'reka-ui';
3
+ export type DeepPartial<T> = {
4
+ [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P] | undefined;
11
5
  };
12
6
  export type DynamicSlotsKeys<Name extends string | undefined, Suffix extends string | undefined = undefined> = (Name extends string ? Suffix extends string ? Name | `${Name}-${Suffix}` : Name : never);
13
7
  export type DynamicSlots<T extends {
@@ -44,45 +38,4 @@ export type StringOrVNode = string | VNode | (() => VNode);
44
38
  export type EmitsToProps<T> = {
45
39
  [K in keyof T as `on${Capitalize<string & K>}`]: T[K] extends [...args: infer Args] ? (...args: Args) => void : never;
46
40
  };
47
- /**
48
- * Utility type to flatten intersection types for better IDE hover information.
49
- * @template T The type to flatten.
50
- */
51
- type Id<T> = {} & {
52
- [P in keyof T]: T[P];
53
- };
54
- type ComponentVariants<T extends {
55
- variants?: Record<string, Record<string, any>>;
56
- }> = {
57
- [K in keyof T['variants']]: keyof T['variants'][K];
58
- };
59
- type ComponentSlots<T extends {
60
- slots?: Record<string, any>;
61
- }> = Id<{
62
- [K in keyof T['slots']]?: ClassValue;
63
- }>;
64
- type GetComponentAppConfig<A, U extends string, K extends string> = A extends Record<U, Record<K, any>> ? A[U][K] : {};
65
- type ComponentAppConfig<T, A extends Record<string, any>, K extends string, U extends string = 'b24ui' | 'b24ui.content' | 'b24ui.prose'> = A & (U extends 'b24ui' ? {
66
- b24ui?: Record<K, Partial<T>>;
67
- } : U extends 'b24ui.content' ? {
68
- b24ui?: {
69
- content?: Record<K, Partial<T>>;
70
- };
71
- } : U extends 'b24ui.prose' ? {
72
- b24ui?: {
73
- prose?: Record<K, Partial<T>>;
74
- };
75
- } : never);
76
- /**
77
- * Defines the configuration shape expected for a component.
78
- * @template T The component's theme imported from `#build/b24ui/*`.
79
- * @template A The base AppConfig type from `@nuxt/schema`.
80
- * @template K The key identifying the component (e.g., 'badge').
81
- * @template U The top-level key in AppConfig ('b24ui').
82
- */
83
- export type ComponentConfig<T extends Record<string, any>, A extends Record<string, any>, K extends string, U extends 'b24ui' | 'b24ui.content' | 'b24ui.prose' = 'b24ui'> = {
84
- AppConfig: ComponentAppConfig<T, A, K, U>;
85
- variants: ComponentVariants<T & GetComponentAppConfig<A, U, K>>;
86
- slots: ComponentSlots<T>;
87
- };
88
- export {};
41
+ export * from './tv';
@@ -0,0 +1 @@
1
+ export * from "./tv.js";
@@ -4,3 +4,4 @@ export declare function pickLinkProps(link: LinkProps & {
4
4
  }): import("@vueuse/core").ReactivePickReturn<LinkProps & {
5
5
  [key: string]: any;
6
6
  }, string>;
7
+ export declare function isPartiallyEqual(item1: any, item2: any): boolean;
@@ -1,4 +1,5 @@
1
1
  import { reactivePick } from "@vueuse/core";
2
+ import { isEqual, diff } from "ohash/utils";
2
3
  export function pickLinkProps(link) {
3
4
  const keys = Object.keys(link);
4
5
  const ariaKeys = keys.filter((key) => key.startsWith("aria-"));
@@ -33,3 +34,14 @@ export function pickLinkProps(link) {
33
34
  ];
34
35
  return reactivePick(link, ...propsToInclude);
35
36
  }
37
+ export function isPartiallyEqual(item1, item2) {
38
+ const diffedKeys = diff(item1, item2).reduce((filtered, q) => {
39
+ if (q.type === "added") {
40
+ filtered.add(q.key);
41
+ }
42
+ return filtered;
43
+ }, /* @__PURE__ */ new Set());
44
+ const item1Filtered = Object.fromEntries(Object.entries(item1).filter(([key]) => !diffedKeys.has(key)));
45
+ const item2Filtered = Object.fromEntries(Object.entries(item2).filter(([key]) => !diffedKeys.has(key)));
46
+ return isEqual(item1Filtered, item2Filtered);
47
+ }