@bitrix24/b24ui-nuxt 0.5.9 → 0.5.11

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.
package/dist/module.cjs CHANGED
@@ -2,19 +2,23 @@
2
2
 
3
3
  const defu = require('defu');
4
4
  const kit = require('@nuxt/kit');
5
- const templates = require('./shared/b24ui-nuxt.BVg3rkkG.cjs');
5
+ const templates = require('./shared/b24ui-nuxt.DrKwIWoc.cjs');
6
6
  require('node:url');
7
7
  require('scule');
8
8
 
9
9
  var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
10
+ const name = "@bitrix24/b24ui-nuxt";
11
+ const version = "0.5.11";
12
+
10
13
  const module$1 = kit.defineNuxtModule({
11
14
  meta: {
12
- name: "b24ui",
15
+ name,
16
+ version,
17
+ docs: "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
13
18
  configKey: "b24ui",
14
19
  compatibility: {
15
20
  nuxt: ">=3.16.0"
16
- },
17
- docs: "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html"
21
+ }
18
22
  },
19
23
  defaults: templates.defaultOptions,
20
24
  async setup(options, nuxt) {
@@ -30,9 +34,9 @@ const module$1 = kit.defineNuxtModule({
30
34
  } else {
31
35
  nuxt.options.postcss.plugins["@tailwindcss/postcss"] = {};
32
36
  }
33
- async function registerModule(name, key, options2) {
34
- if (!kit.hasNuxtModule(name)) {
35
- await kit.installModule(name, options2);
37
+ async function registerModule(name2, key, options2) {
38
+ if (!kit.hasNuxtModule(name2)) {
39
+ await kit.installModule(name2, options2);
36
40
  } else {
37
41
  nuxt.options[key] = defu.defu(nuxt.options[key], options2);
38
42
  }
package/dist/module.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
- "name": "b24ui",
2
+ "name": "@bitrix24/b24ui-nuxt",
3
+ "version": "0.5.11",
4
+ "docs": "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
3
5
  "configKey": "b24ui",
4
6
  "compatibility": {
5
7
  "nuxt": ">=3.16.0"
6
8
  },
7
- "docs": "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
8
- "version": "0.5.9",
9
9
  "builder": {
10
10
  "@nuxt/module-builder": "0.8.4",
11
11
  "unbuild": "2.0.0"
package/dist/module.mjs CHANGED
@@ -1,17 +1,21 @@
1
1
  import { defu } from 'defu';
2
2
  import { defineNuxtModule, createResolver, addVitePlugin, addPlugin, addComponentsDir, addImportsDir, hasNuxtModule, installModule } from '@nuxt/kit';
3
- import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.C1lGF53R.mjs';
3
+ import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.CS9Lf0os.mjs';
4
4
  import 'node:url';
5
5
  import 'scule';
6
6
 
7
+ const name = "@bitrix24/b24ui-nuxt";
8
+ const version = "0.5.11";
9
+
7
10
  const module = defineNuxtModule({
8
11
  meta: {
9
- name: "b24ui",
12
+ name,
13
+ version,
14
+ docs: "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
10
15
  configKey: "b24ui",
11
16
  compatibility: {
12
17
  nuxt: ">=3.16.0"
13
- },
14
- docs: "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html"
18
+ }
15
19
  },
16
20
  defaults: defaultOptions,
17
21
  async setup(options, nuxt) {
@@ -27,9 +31,9 @@ const module = defineNuxtModule({
27
31
  } else {
28
32
  nuxt.options.postcss.plugins["@tailwindcss/postcss"] = {};
29
33
  }
30
- async function registerModule(name, key, options2) {
31
- if (!hasNuxtModule(name)) {
32
- await installModule(name, options2);
34
+ async function registerModule(name2, key, options2) {
35
+ if (!hasNuxtModule(name2)) {
36
+ await installModule(name2, options2);
33
37
  } else {
34
38
  nuxt.options[key] = defu(nuxt.options[key], options2);
35
39
  }
@@ -115,6 +115,13 @@ const slots = defineSlots<ButtonSlots>()
115
115
 
116
116
  const linkProps = useForwardProps(pickLinkProps(props))
117
117
 
118
+ /**
119
+ * @memo Problem use at Docs (vue): omit not exports
120
+ */
121
+ const proxyLinkProps = computed(() => {
122
+ return omit(linkProps.value, ['type', 'disabled', 'onClick'])
123
+ })
124
+
118
125
  const { orientation, size: buttonSize, noSplit } = useButtonGroup<ButtonProps>(props)
119
126
 
120
127
  const loadingAutoState = ref(false)
@@ -184,7 +191,7 @@ const b24ui = computed(() => tv({
184
191
  :type="type"
185
192
  :disabled="disabled || isLoading"
186
193
  :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
187
- v-bind="omit(linkProps, ['type', 'disabled', 'onClick'])"
194
+ v-bind="proxyLinkProps"
188
195
  custom
189
196
  >
190
197
  <B24LinkBase
@@ -56,6 +56,9 @@ const slots = defineSlots<DropdownMenuContentSlots<T>>()
56
56
  const { dir } = useLocale()
57
57
  const contentProps = useForwardPropsEmits(reactiveOmit(props, 'sub', 'items', 'portal', 'labelKey', 'checkedIcon', 'externalIcon', 'class', 'b24ui', 'b24uiOverride'), emits)
58
58
  const proxySlots = omit(slots, ['default'])
59
+ const getLabel = (item: DropdownMenuItem) => {
60
+ return get(item, props.labelKey as string)
61
+ }
59
62
 
60
63
  const [DefineItemTemplate, ReuseItemTemplate] = createReusableTemplate<{ item: DropdownMenuItem, active?: boolean, index: number }>()
61
64
 
@@ -91,9 +94,9 @@ const groups = computed<DropdownMenuItem[][]>(() =>
91
94
  />
92
95
  </slot>
93
96
 
94
- <span v-if="get(item, props.labelKey as string) || !!slots[(item.slot ? `${item.slot}-label`: 'item-label') as keyof DropdownMenuContentSlots<T>]" :class="b24ui.itemLabel({ class: b24uiOverride?.itemLabel, active })">
97
+ <span v-if="getLabel(item) || !!slots[(item.slot ? `${item.slot}-label`: 'item-label') as keyof DropdownMenuContentSlots<T>]" :class="b24ui.itemLabel({ class: b24uiOverride?.itemLabel, active })">
95
98
  <slot :name="((item.slot ? `${item.slot}-label`: 'item-label') as keyof DropdownMenuContentSlots<T>)" :item="(item as Extract<NestedItem<T>, { slot: string; }>)" :active="active" :index="index">
96
- {{ get(item, props.labelKey as string) }}
99
+ {{ getLabel(item) }}
97
100
  </slot>
98
101
  <Component
99
102
  :is="typeof externalIcon !== 'boolean' ? externalIcon : icons.external"
@@ -137,7 +140,7 @@ const groups = computed<DropdownMenuItem[][]>(() =>
137
140
  as="button"
138
141
  type="button"
139
142
  :disabled="item.disabled"
140
- :text-value="get(item, props.labelKey as string)"
143
+ :text-value="getLabel(item)"
141
144
  :class="b24ui.item({ class: b24uiOverride?.item, color: item?.color })"
142
145
  >
143
146
  <ReuseItemTemplate :item="item" :index="index" />
@@ -167,7 +170,7 @@ const groups = computed<DropdownMenuItem[][]>(() =>
167
170
  v-else-if="item.type === 'checkbox'"
168
171
  :model-value="item.checked"
169
172
  :disabled="item.disabled"
170
- :text-value="get(item, props.labelKey as string)"
173
+ :text-value="getLabel(item)"
171
174
  :class="b24ui.item({ class: [b24uiOverride?.item, item.class], color: item?.color })"
172
175
  @update:model-value="item.onUpdateChecked"
173
176
  @select="item.onSelect"
@@ -178,7 +181,7 @@ const groups = computed<DropdownMenuItem[][]>(() =>
178
181
  v-else
179
182
  as-child
180
183
  :disabled="item.disabled"
181
- :text-value="get(item, props.labelKey as string)"
184
+ :text-value="getLabel(item)"
182
185
  @select="item.onSelect"
183
186
  >
184
187
  <B24Link v-slot="{ active, ...slotProps }" v-bind="pickLinkProps(item as Omit<DropdownMenuItem, 'type'>)" custom>
@@ -40,7 +40,6 @@ interface _InputMenuItem {
40
40
  * @defaultValue 'item'
41
41
  */
42
42
  type?: 'label' | 'separator' | 'item'
43
- value?: string | number
44
43
  disabled?: boolean
45
44
  onSelect?(e?: Event): void
46
45
  [key: string]: any
@@ -186,21 +186,23 @@ const rootProps = useForwardPropsEmits(computed(() => ({
186
186
 
187
187
  const contentProps = toRef(() => props.content)
188
188
 
189
- const [DefineLinkTemplate, ReuseLinkTemplate] = createReusableTemplate<
190
- { item: NavigationMenuItem, index: number, active?: boolean },
191
- NavigationMenuSlots<T>
192
- >()
193
- const [DefineItemTemplate, ReuseItemTemplate] = createReusableTemplate<
194
- { item: NavigationMenuItem, index: number, level?: number },
195
- NavigationMenuSlots<T>
196
- >({
189
+ const [DefineLinkTemplate, ReuseLinkTemplate] = createReusableTemplate<{ item: NavigationMenuItem, index: number, active?: boolean }>()
190
+ const [DefineItemTemplate, ReuseItemTemplate] = createReusableTemplate<{ item: NavigationMenuItem, index: number, level?: number }>({
197
191
  props: {
198
192
  item: Object,
199
193
  index: Number,
200
- level: Number
194
+ // @memo problem compile
195
+ level: {
196
+ type: Number,
197
+ default: 0
198
+ }
201
199
  }
202
200
  })
203
201
 
202
+ const getLabel = (item: NavigationMenuItem) => {
203
+ return get(item, props.labelKey as string)
204
+ }
205
+
204
206
  const b24ui = computed(() => navigationMenu({
205
207
  orientation: props.orientation,
206
208
  contentOrientation: props.contentOrientation,
@@ -234,11 +236,11 @@ const lists = computed<NavigationMenuItem[][]>(() =>
234
236
  </slot>
235
237
 
236
238
  <span
237
- v-if="(!collapsed || orientation !== 'vertical') && (get(item, props.labelKey as string) || !!slots[(item.slot ? `${item.slot}-label` : 'item-label') as keyof NavigationMenuSlots<T>])"
239
+ v-if="(!collapsed || orientation !== 'vertical') && (getLabel(item) || !!slots[(item.slot ? `${item.slot}-label` : 'item-label') as keyof NavigationMenuSlots<T>])"
238
240
  :class="b24ui.linkLabel({ class: props.b24ui?.linkLabel, active })"
239
241
  >
240
242
  <slot :name="((item.slot ? `${item.slot}-label` : 'item-label') as keyof NavigationMenuSlots<T>)" :item="item" :active="active" :index="index">
241
- {{ get(item, props.labelKey as string) }}
243
+ {{ getLabel(item) }}
242
244
  </slot>
243
245
 
244
246
  <Component
@@ -275,7 +277,7 @@ const lists = computed<NavigationMenuItem[][]>(() =>
275
277
  </slot>
276
278
  </DefineLinkTemplate>
277
279
 
278
- <DefineItemTemplate v-slot="{ item, index, level = 0 }">
280
+ <DefineItemTemplate v-slot="{ item, index, level }">
279
281
  <component
280
282
  :is="(orientation === 'vertical' && item.children?.length && !collapsed) ? B24Collapsible : NavigationMenuItem"
281
283
  as="li"
@@ -295,7 +297,7 @@ const lists = computed<NavigationMenuItem[][]>(() =>
295
297
  :disabled="item.disabled"
296
298
  @select="item.onSelect"
297
299
  >
298
- <B24LinkBase v-bind="slotProps" :class="b24ui.link({ class: [props.b24ui?.link, item.class], active: active || item.active, disabled: !!item.disabled, level: orientation === 'horizontal' || level > 0 })">
300
+ <B24LinkBase v-bind="slotProps" :class="b24ui.link({ class: [props.b24ui?.link, item.class], active: active || item.active, disabled: !!item.disabled, level: orientation === 'horizontal' || (level || 0) > 0 })">
299
301
  <ReuseLinkTemplate :item="item" :active="active || item.active" :index="index" />
300
302
  </B24LinkBase>
301
303
  </component>
@@ -320,7 +322,7 @@ const lists = computed<NavigationMenuItem[][]>(() =>
320
322
 
321
323
  <div :class="b24ui.childLinkWrapper({ class: props.b24ui?.childLinkWrapper })">
322
324
  <p :class="b24ui.childLinkLabel({ class: props.b24ui?.childLinkLabel, active: childActive })">
323
- {{ get(childItem, props.labelKey as string) }}
325
+ {{ getLabel(childItem) }}
324
326
 
325
327
  <Component
326
328
  :is="typeof externalIcon === 'string' ? externalIcon : icons.external"
@@ -348,7 +350,7 @@ const lists = computed<NavigationMenuItem[][]>(() =>
348
350
  :key="childIndex"
349
351
  :item="childItem"
350
352
  :index="childIndex"
351
- :level="level + 1"
353
+ :level="(level || 0) + 1"
352
354
  :class="b24ui.childItem({ class: props.b24ui?.childItem })"
353
355
  />
354
356
  </ul>
@@ -38,7 +38,6 @@ interface _SelectMenuItem {
38
38
  * @defaultValue 'item'
39
39
  */
40
40
  type?: 'label' | 'separator' | 'item'
41
- value?: string | number
42
41
  disabled?: boolean
43
42
  onSelect?(e?: Event): void
44
43
  [key: string]: any
@@ -98,6 +98,10 @@ const slots = defineSlots<TabsSlots<T>>()
98
98
 
99
99
  const rootProps = useForwardPropsEmits(reactivePick(props, 'as', 'modelValue', 'defaultValue', 'orientation', 'activationMode', 'unmountOnHide'), emits)
100
100
 
101
+ const getLabel = (item: TabsItem) => {
102
+ return get(item, props.labelKey as string)
103
+ }
104
+
101
105
  const b24ui = computed(() => tabs({
102
106
  color: props.color,
103
107
  variant: props.variant,
@@ -111,7 +115,7 @@ const b24ui = computed(() => tabs({
111
115
  <TabsList :class="b24ui.list({ class: props.b24ui?.list })">
112
116
  <TabsIndicator :class="b24ui.indicator({ class: props.b24ui?.indicator })" />
113
117
 
114
- <TabsTrigger v-for="(item, index) of items" :key="index" :value="item.value || String(index)" :disabled="item.disabled" :class="b24ui.trigger({ class: props.b24ui?.trigger })">
118
+ <TabsTrigger v-for="(item, index) in items" :key="index" :value="item.value || String(index)" :disabled="item.disabled" :class="b24ui.trigger({ class: props.b24ui?.trigger })">
115
119
  <slot name="leading" :item="item" :index="index">
116
120
  <Component
117
121
  :is="item.icon"
@@ -121,8 +125,8 @@ const b24ui = computed(() => tabs({
121
125
  <B24Avatar v-else-if="item.avatar" :size="((props.b24ui?.leadingAvatarSize || b24ui.leadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="b24ui.leadingAvatar({ class: props.b24ui?.leadingAvatar })" />
122
126
  </slot>
123
127
 
124
- <span v-if="get(item, props.labelKey as string) || !!slots.default" :class="b24ui.label({ class: props.b24ui?.label })">
125
- <slot :item="item" :index="index">{{ get(item, props.labelKey as string) }}</slot>
128
+ <span v-if="getLabel(item) || !!slots.default" :class="b24ui.label({ class: props.b24ui?.label })">
129
+ <slot :item="item" :index="index">{{ getLabel(item) }}</slot>
126
130
  </span>
127
131
 
128
132
  <slot name="trailing" :item="item" :index="index" />
@@ -130,7 +134,7 @@ const b24ui = computed(() => tabs({
130
134
  </TabsList>
131
135
 
132
136
  <template v-if="!!content">
133
- <TabsContent v-for="(item, index) of items" :key="index" :value="item.value || String(index)" :class="b24ui.content({ class: props.b24ui?.content })">
137
+ <TabsContent v-for="(item, index) in items" :key="index" :value="item.value || String(index)" :class="b24ui.content({ class: props.b24ui?.content })">
134
138
  <slot :name="((item.slot || 'content') as keyof TabsSlots<T>)" :item="(item as Extract<T, { slot: string; }>)" :index="index">
135
139
  {{ item.content }}
136
140
  </slot>
@@ -50,6 +50,7 @@ import { ref, computed } from 'vue'
50
50
  import { ToastProvider, ToastViewport, ToastPortal, useForwardProps } from 'reka-ui'
51
51
  import { reactivePick } from '@vueuse/core'
52
52
  import { useToast } from '../composables/useToast'
53
+ import type { Toast } from '../composables/useToast'
53
54
  import { omit } from '../utils'
54
55
  import B24Toast from './Toast.vue'
55
56
 
@@ -63,6 +64,10 @@ defineSlots<ToasterSlots>()
63
64
 
64
65
  const providerProps = useForwardProps(reactivePick(props, 'duration', 'label', 'swipeThreshold'))
65
66
 
67
+ const proxyToastProps = (toast: Toast) => {
68
+ return omit(toast, ['id', 'close'])
69
+ }
70
+
66
71
  const { toasts, remove } = useToast()
67
72
 
68
73
  const swipeDirection = computed(() => {
@@ -112,10 +117,10 @@ function getOffset(index: number) {
112
117
  <slot />
113
118
 
114
119
  <B24Toast
115
- v-for="(toast, index) of toasts"
120
+ v-for="(toast, index) in toasts"
116
121
  :key="toast.id"
117
122
  ref="refs"
118
- v-bind="omit(toast, ['id', 'close'])"
123
+ v-bind="proxyToastProps(toast)"
119
124
  :close="(toast.close as boolean)"
120
125
  :data-expanded="expanded"
121
126
  :data-front="!expanded && index === toasts.length - 1"
@@ -22,6 +22,6 @@ export interface UseComponentIconsProps {
22
22
  export declare function useComponentIcons(componentProps: MaybeRefOrGetter<UseComponentIconsProps>): {
23
23
  isLeading: import("vue").ComputedRef<any>;
24
24
  isTrailing: import("vue").ComputedRef<boolean>;
25
- leadingIconName: import("vue").ComputedRef<import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}> | undefined>;
26
- trailingIconName: import("vue").ComputedRef<import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}> | undefined>;
25
+ leadingIconName: import("vue").ComputedRef<IconComponent | undefined>;
26
+ trailingIconName: import("vue").ComputedRef<IconComponent | undefined>;
27
27
  };
@@ -9,10 +9,10 @@ export { useConfetti } from '../composables/useConfetti';
9
9
  export { useOverlay } from '../composables/useOverlay';
10
10
  export declare const useColorMode: () => {
11
11
  forced: boolean;
12
- preference?: "light" | "dark" | "system";
13
- readonly value?: import("@vueuse/core").BasicColorMode;
12
+ preference?: undefined;
13
+ readonly value?: undefined;
14
14
  } | {
15
- preference: "light" | "dark" | "system";
15
+ preference: "dark" | "light" | "system";
16
16
  readonly value: import("@vueuse/core").BasicColorMode;
17
17
  forced: boolean;
18
18
  };
@@ -3573,6 +3573,7 @@ const navigationMenu = {
3573
3573
  "z-[1]"
3574
3574
  ].join(" "),
3575
3575
  content: "absolute top-0 left-0 w-full",
3576
+ // sm:w-auto
3576
3577
  indicator: [
3577
3578
  "absolute",
3578
3579
  "motion-safe:data-[state=visible]:animate-[fade-in_100ms_ease-out] motion-safe:data-[state=hidden]:animate-[fade-out_100ms_ease-in]",
@@ -3669,7 +3670,7 @@ const navigationMenu = {
3669
3670
  },
3670
3671
  contentOrientation: {
3671
3672
  horizontal: {
3672
- viewport: "",
3673
+ // viewport: '',
3673
3674
  viewportWrapper: "justify-center",
3674
3675
  content: "motion-safe:data-[motion=from-start]:animate-[enter-from-left_200ms_ease] motion-safe:data-[motion=from-end]:animate-[enter-from-right_200ms_ease] motion-safe:data-[motion=to-start]:animate-[exit-to-left_200ms_ease] motion-safe:data-[motion=to-end]:animate-[exit-to-right_200ms_ease]",
3675
3676
  childLinkLabelExternalIcon: [
@@ -3681,7 +3682,7 @@ const navigationMenu = {
3681
3682
  "w-(--reka-navigation-menu-viewport-width) left-(--reka-navigation-menu-viewport-left)",
3682
3683
  "[&:has(>[data-viewport=rtl])]:left-auto [&:has(>[data-viewport=rtl])]:-right-[calc(100%-var(--reka-navigation-menu-viewport-width))]"
3683
3684
  ].join(" "),
3684
- content: "",
3685
+ // content: '',
3685
3686
  childLinkLabel: [
3686
3687
  "text-md",
3687
3688
  "text-base-950 dark:text-base-50"
@@ -4611,7 +4612,7 @@ const popover = {
4611
4612
  "motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]",
4612
4613
  "focus:outline-none pointer-events-auto"
4613
4614
  ].join(" "),
4614
- arrow: "fill-white dark:fill-base-dark stroke-base-300 dark:stroke-base-300"
4615
+ arrow: "fill-white dark:fill-base-dark stroke-base-300 dark:stroke-base-800"
4615
4616
  }
4616
4617
  };
4617
4618
 
@@ -3575,6 +3575,7 @@ const navigationMenu = {
3575
3575
  "z-[1]"
3576
3576
  ].join(" "),
3577
3577
  content: "absolute top-0 left-0 w-full",
3578
+ // sm:w-auto
3578
3579
  indicator: [
3579
3580
  "absolute",
3580
3581
  "motion-safe:data-[state=visible]:animate-[fade-in_100ms_ease-out] motion-safe:data-[state=hidden]:animate-[fade-out_100ms_ease-in]",
@@ -3671,7 +3672,7 @@ const navigationMenu = {
3671
3672
  },
3672
3673
  contentOrientation: {
3673
3674
  horizontal: {
3674
- viewport: "",
3675
+ // viewport: '',
3675
3676
  viewportWrapper: "justify-center",
3676
3677
  content: "motion-safe:data-[motion=from-start]:animate-[enter-from-left_200ms_ease] motion-safe:data-[motion=from-end]:animate-[enter-from-right_200ms_ease] motion-safe:data-[motion=to-start]:animate-[exit-to-left_200ms_ease] motion-safe:data-[motion=to-end]:animate-[exit-to-right_200ms_ease]",
3677
3678
  childLinkLabelExternalIcon: [
@@ -3683,7 +3684,7 @@ const navigationMenu = {
3683
3684
  "w-(--reka-navigation-menu-viewport-width) left-(--reka-navigation-menu-viewport-left)",
3684
3685
  "[&:has(>[data-viewport=rtl])]:left-auto [&:has(>[data-viewport=rtl])]:-right-[calc(100%-var(--reka-navigation-menu-viewport-width))]"
3685
3686
  ].join(" "),
3686
- content: "",
3687
+ // content: '',
3687
3688
  childLinkLabel: [
3688
3689
  "text-md",
3689
3690
  "text-base-950 dark:text-base-50"
@@ -4613,7 +4614,7 @@ const popover = {
4613
4614
  "motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]",
4614
4615
  "focus:outline-none pointer-events-auto"
4615
4616
  ].join(" "),
4616
- arrow: "fill-white dark:fill-base-dark stroke-base-300 dark:stroke-base-300"
4617
+ arrow: "fill-white dark:fill-base-dark stroke-base-300 dark:stroke-base-800"
4617
4618
  }
4618
4619
  };
4619
4620
 
package/dist/unplugin.cjs CHANGED
@@ -5,7 +5,7 @@ const pathe = require('pathe');
5
5
  const unplugin = require('unplugin');
6
6
  const defu = require('defu');
7
7
  const tailwind = require('@tailwindcss/vite');
8
- const templates = require('./shared/b24ui-nuxt.BVg3rkkG.cjs');
8
+ const templates = require('./shared/b24ui-nuxt.DrKwIWoc.cjs');
9
9
  const tinyglobby = require('tinyglobby');
10
10
  const knitwork = require('knitwork');
11
11
  const MagicString = require('magic-string');
package/dist/unplugin.mjs CHANGED
@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
3
3
  import { createUnplugin } from 'unplugin';
4
4
  import { defu } from 'defu';
5
5
  import tailwind from '@tailwindcss/vite';
6
- import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.C1lGF53R.mjs';
6
+ import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.CS9Lf0os.mjs';
7
7
  import { globSync } from 'tinyglobby';
8
8
  import { genSafeVariableName } from 'knitwork';
9
9
  import MagicString from 'magic-string';
package/dist/vite.cjs CHANGED
@@ -6,7 +6,7 @@ require('pathe');
6
6
  require('unplugin');
7
7
  require('defu');
8
8
  require('@tailwindcss/vite');
9
- require('./shared/b24ui-nuxt.BVg3rkkG.cjs');
9
+ require('./shared/b24ui-nuxt.DrKwIWoc.cjs');
10
10
  require('scule');
11
11
  require('@nuxt/kit');
12
12
  require('tinyglobby');
package/dist/vite.mjs CHANGED
@@ -4,7 +4,7 @@ import 'pathe';
4
4
  import 'unplugin';
5
5
  import 'defu';
6
6
  import '@tailwindcss/vite';
7
- import './shared/b24ui-nuxt.C1lGF53R.mjs';
7
+ import './shared/b24ui-nuxt.CS9Lf0os.mjs';
8
8
  import 'scule';
9
9
  import '@nuxt/kit';
10
10
  import 'tinyglobby';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrix24/b24ui-nuxt",
3
3
  "description": "Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE",
4
- "version": "0.5.9",
4
+ "version": "0.5.11",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -38,7 +38,10 @@
38
38
  "./prose/*": "./dist/runtime/prose/*",
39
39
  "./components/*": "./dist/runtime/components/*",
40
40
  "./composables/*": "./dist/runtime/composables/*",
41
- "./types/*": "./dist/runtime/types/*",
41
+ "./types/*": {
42
+ "types": "./dist/runtime/types/*.d.ts",
43
+ "import": "./dist/runtime/types/*.js"
44
+ },
42
45
  "./utils/*": {
43
46
  "types": "./dist/runtime/utils/*.d.ts",
44
47
  "import": "./dist/runtime/utils/*.js"
@@ -48,6 +51,40 @@
48
51
  "import": "./dist/runtime/locale/index.js"
49
52
  }
50
53
  },
54
+ "dd_typesVersions": {
55
+ "*": {
56
+ ".": [
57
+ "./dist/module.d.mts"
58
+ ],
59
+ "unplugin": [
60
+ "./dist/unplugin.d.mts"
61
+ ],
62
+ "vite": [
63
+ "./dist/vite.d.mts"
64
+ ],
65
+ "vue-plugin": [
66
+ "./vue-plugin.d.ts"
67
+ ],
68
+ "runtime/*": [
69
+ "./dist/runtime/*"
70
+ ],
71
+ "components/*": [
72
+ "./dist/runtime/components/*"
73
+ ],
74
+ "composables/*": [
75
+ "./dist/runtime/composables/*"
76
+ ],
77
+ "utils": [
78
+ "./dist/runtime/utils/index.d.ts"
79
+ ],
80
+ "utils/*": [
81
+ "./dist/runtime/utils/*.d.ts"
82
+ ],
83
+ "locale": [
84
+ "./dist/runtime/locale/index.d.ts"
85
+ ]
86
+ }
87
+ },
51
88
  "imports": {
52
89
  "#build/b24ui/*": "./.nuxt/b24ui/*.ts",
53
90
  "#build/b24ui.css": "./.nuxt/b24ui.css"
@@ -56,6 +93,7 @@
56
93
  "bitrix24-ui": "./cli/index.mjs"
57
94
  },
58
95
  "style": "./dist/runtime/index.css",
96
+ "dd_main": "./dist/module.mjs",
59
97
  "main": "./dist/module.cjs",
60
98
  "types": "./dist/types.d.ts",
61
99
  "files": [
@@ -76,23 +114,23 @@
76
114
  "@nuxt/schema": "^3.16.2",
77
115
  "@nuxtjs/color-mode": "^3.5.2",
78
116
  "@standard-schema/spec": "^1.0.0",
79
- "@tailwindcss/postcss": "^4.0.17",
80
- "@tailwindcss/vite": "^4.0.17",
117
+ "@tailwindcss/postcss": "^4.1.3",
118
+ "@tailwindcss/vite": "^4.1.3",
81
119
  "@tanstack/vue-table": "^8.21.2",
82
- "@unhead/vue": "^2.0.2",
120
+ "@unhead/vue": "^2.0.3",
83
121
  "@vueuse/core": "^13.0.0",
84
122
  "@vueuse/integrations": "^13.0.0",
85
123
  "canvas-confetti": "^1.9.3",
86
124
  "colortranslator": "^4.1.0",
87
125
  "consola": "^3.4.2",
88
126
  "defu": "^6.1.4",
89
- "embla-carousel-auto-height": "^8.5.2",
90
- "embla-carousel-auto-scroll": "^8.5.2",
91
- "embla-carousel-autoplay": "^8.5.2",
92
- "embla-carousel-class-names": "^8.5.2",
93
- "embla-carousel-fade": "^8.5.2",
94
- "embla-carousel-vue": "^8.5.2",
95
- "embla-carousel-wheel-gestures": "^8.0.1",
127
+ "embla-carousel-auto-height": "^8.6.0",
128
+ "embla-carousel-auto-scroll": "^8.6.0",
129
+ "embla-carousel-autoplay": "^8.6.0",
130
+ "embla-carousel-class-names": "^8.6.0",
131
+ "embla-carousel-fade": "^8.6.0",
132
+ "embla-carousel-vue": "^8.6.0",
133
+ "embla-carousel-wheel-gestures": "^8.0.2",
96
134
  "fuse.js": "^7.1.0",
97
135
  "hookable": "^5.5.3",
98
136
  "knitwork": "^1.2.0",
@@ -100,10 +138,10 @@
100
138
  "mlly": "^1.7.4",
101
139
  "ohash": "^2.0.11",
102
140
  "pathe": "^2.0.3",
103
- "reka-ui": "^2.1.1",
141
+ "reka-ui": "^2.2.0",
104
142
  "scule": "^1.3.0",
105
143
  "tailwind-variants": "^1.0.0",
106
- "tailwindcss": "^4.0.17",
144
+ "tailwindcss": "^4.1.3",
107
145
  "tinyglobby": "^0.2.12",
108
146
  "unplugin": "^2.2.2",
109
147
  "unplugin-auto-import": "^19.1.2",
@@ -118,15 +156,17 @@
118
156
  "@nuxt/test-utils": "^3.17.2",
119
157
  "@types/canvas-confetti": "^1.9.0",
120
158
  "@vue/test-utils": "^2.4.6",
121
- "embla-carousel": "^8.5.2",
122
- "eslint": "^9.23.0",
159
+ "embla-carousel": "^8.6.0",
160
+ "eslint": "^9.24.0",
123
161
  "happy-dom": "^17.4.4",
124
162
  "nuxt": "^3.16.2",
125
163
  "nuxt-component-meta": "^0.10.0",
126
164
  "vitepress": "^1.5.0",
127
165
  "vitest": "^3.1.1",
128
166
  "vitest-environment-nuxt": "^1.0.1",
129
- "vue-tsc": "^2.2.0"
167
+ "vue-tsc": "^2.2.0",
168
+ "@nuxt/cli": "^3.24.1",
169
+ "typescript": "^5.8.3"
130
170
  },
131
171
  "peerDependencies": {
132
172
  "joi": "^17.13.0",
@@ -159,7 +199,6 @@
159
199
  "debug": "4.3.7",
160
200
  "rollup": "4.34.9",
161
201
  "unplugin": "^2.2.2",
162
- "vue": "3.5.13",
163
202
  "vue-tsc": "2.2.0"
164
203
  },
165
204
  "keywords": [