@bitrix24/b24ui-nuxt 0.1.5 → 0.1.7

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.
@@ -262,6 +262,73 @@ const avatarGroup = {
262
262
  }
263
263
  };
264
264
 
265
+ const buttonGroupVariant = {
266
+ buttonGroup: {
267
+ horizontal: [
268
+ "focus-visible:outline-none",
269
+ "ring ring-inset ring-0 focus-visible:ring-2",
270
+ "group-[.is-button-group]/items:not-only:first:rounded-e-none group-[.is-button-group]/items:not-only:last:rounded-s-none group-[.is-button-group]/items:not-last:not-first:rounded-none",
271
+ "group-[.is-button-group]/items:not-only:first:border-e-0 group-[.is-button-group]/items:not-only:not-first:border-s-0"
272
+ ].join(" "),
273
+ vertical: [
274
+ "focus-visible:outline-none",
275
+ "ring ring-inset ring-0 focus-visible:ring-2",
276
+ "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none"
277
+ ].join(" ")
278
+ },
279
+ noSplit: {
280
+ false: [
281
+ "group-[.is-button-group]/items:not-only:not-first:after:content-[''] group-[.is-button-group]/items:not-only:not-first:after:absolute",
282
+ "group-[.is-button-group]/items:not-only:not-first:after:top-[7px] group-[.is-button-group]/items:not-only:not-first:after:bottom-[6px] group-[.is-button-group]/items:not-only:not-first:after:left-0 group-[.is-button-group]/items:not-only:not-first:after:w-px",
283
+ "group-[.is-button-group]/items:not-only:not-first:after:bg-current/30"
284
+ ].join(" ")
285
+ }
286
+ };
287
+ const buttonGroupVariantWithRoot = {
288
+ buttonGroup: {
289
+ horizontal: {
290
+ root: "group leading-none",
291
+ base: [
292
+ "focus-visible:outline-none",
293
+ "ring ring-inset ring-1 focus-visible:ring-2",
294
+ "group-not-only:group-first:rounded-e-3xl group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none",
295
+ "group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none",
296
+ "group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
297
+ ].join(" ")
298
+ },
299
+ vertical: {
300
+ root: "group",
301
+ base: [
302
+ "focus-visible:outline-none",
303
+ "ring ring-inset ring-1 focus-visible:ring-2",
304
+ "group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
305
+ ].join(" ")
306
+ }
307
+ },
308
+ noSplit: {
309
+ false: [
310
+ "group-not-only:not-first:after:content-[''] group-not-only:not-first:after:absolute",
311
+ "group-not-only:not-first:after:top-[7px] group-not-only:not-first:after:bottom-[6px] group-not-only:not-first:after:left-0 group-not-only:not-first:after:w-px",
312
+ "group-not-only:not-first:after:bg-current/30"
313
+ ].join(" ")
314
+ }
315
+ };
316
+ const buttonGroup = {
317
+ base: "relative",
318
+ variants: {
319
+ size: {
320
+ xs: "",
321
+ sm: "",
322
+ md: "",
323
+ lg: ""
324
+ },
325
+ orientation: {
326
+ horizontal: "flex flex-row -space-x-px",
327
+ vertical: "flex flex-col -space-y-px"
328
+ }
329
+ }
330
+ };
331
+
265
332
  const badge = {
266
333
  slots: {
267
334
  base: [
@@ -279,6 +346,7 @@ const badge = {
279
346
  trailingIcon: "shrink-0 cursor-pointer hover:rounded-full hover:bg-current/20 dark:hover:bg-current/35"
280
347
  },
281
348
  variants: {
349
+ ...buttonGroupVariant,
282
350
  useLink: {
283
351
  true: {
284
352
  base: "cursor-pointer",
@@ -370,8 +438,8 @@ const badge = {
370
438
  depth: "normal",
371
439
  class: [
372
440
  "ring ring-inset",
373
- "text-base-800 bg-base-150 ring-base-150",
374
- "dark:text-base-950 dark:bg-base-200 dark:ring-base-200"
441
+ "text-base-800 bg-base-150 ring-base-300",
442
+ "dark:text-base-950 dark:bg-base-200 dark:ring-base-800"
375
443
  ].join(" ")
376
444
  },
377
445
  // LIGHT ////
@@ -626,6 +694,12 @@ const badge = {
626
694
  {
627
695
  useClose: true,
628
696
  class: ""
697
+ },
698
+ // endregion ////
699
+ // region buttonGroup ////
700
+ {
701
+ buttonGroup: ["horizontal", "vertical"],
702
+ class: "rounded-2xs"
629
703
  }
630
704
  // endregion ////
631
705
  ],
@@ -637,72 +711,6 @@ const badge = {
637
711
  }
638
712
  };
639
713
 
640
- const buttonGroupVariant = {
641
- buttonGroup: {
642
- horizontal: [
643
- "focus-visible:outline-none",
644
- "ring ring-inset ring-0 focus-visible:ring-2",
645
- "not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none",
646
- "not-only:first:border-e-0 not-only:not-first:border-s-0"
647
- ].join(" "),
648
- vertical: [
649
- "focus-visible:outline-none",
650
- "ring ring-inset ring-0 focus-visible:ring-2",
651
- "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none"
652
- ].join(" ")
653
- },
654
- noSplit: {
655
- false: [
656
- "not-only:not-first:after:content-[''] not-only:not-first:after:absolute",
657
- "not-only:not-first:after:top-[7px] not-only:not-first:after:bottom-[6px] not-only:not-first:after:left-0 not-only:not-first:after:w-px",
658
- "not-only:not-first:after:bg-current/30"
659
- ].join(" ")
660
- }
661
- };
662
- const buttonGroupVariantWithRoot = {
663
- buttonGroup: {
664
- horizontal: {
665
- root: "group",
666
- base: [
667
- "focus-visible:outline-none",
668
- "ring ring-inset ring-1 focus-visible:ring-2",
669
- "group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none",
670
- "group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
671
- ].join(" ")
672
- },
673
- vertical: {
674
- root: "group",
675
- base: [
676
- "focus-visible:outline-none",
677
- "ring ring-inset ring-1 focus-visible:ring-2",
678
- "group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
679
- ].join(" ")
680
- }
681
- },
682
- noSplit: {
683
- false: [
684
- "not-only:not-first:after:content-[''] not-only:not-first:after:absolute",
685
- "not-only:not-first:after:top-[7px] not-only:not-first:after:bottom-[6px] not-only:not-first:after:left-0 not-only:not-first:after:w-px",
686
- "not-only:not-first:after:bg-current/30"
687
- ].join(" ")
688
- }
689
- };
690
- const buttonGroup = {
691
- base: "relative",
692
- variants: {
693
- size: {
694
- xs: "",
695
- sm: "",
696
- md: "",
697
- lg: ""
698
- },
699
- orientation: {
700
- horizontal: "inline-flex -space-x-px",
701
- vertical: "flex flex-col -space-y-px"
702
- }
703
- }
704
- };
705
-
706
714
  const button = {
707
715
  slots: {
708
716
  base: [
@@ -2699,10 +2707,10 @@ const select = () => {
2699
2707
  return defu.defuFn(
2700
2708
  {
2701
2709
  slots: {
2702
- root: () => "relative inline-flex items-center min-w-full w-full",
2710
+ root: () => "relative inline-flex items-center w-full",
2703
2711
  base: () => [
2704
2712
  "relative inline-flex items-center group",
2705
- "min-w-full w-full py-0 border-0 focus:outline-none",
2713
+ "py-0 border-0 focus:outline-none",
2706
2714
  "cursor-pointer disabled:cursor-not-allowed",
2707
2715
  "disabled:bg-base-30/37 disabled:text-base-500",
2708
2716
  "dark:disabled:bg-base-900/37 dark:disabled:text-base-800",
@@ -2712,7 +2720,7 @@ const select = () => {
2712
2720
  "dark:ring-base-800",
2713
2721
  "text-base-master bg-white hover:text-base-900 focus:text-base-900 active:text-base-900",
2714
2722
  "dark:text-base-150 dark:bg-transparent dark:hover:text-base-350 dark:focus:text-base-350 dark:active:text-base-350",
2715
- "font-b24-primary font-regular text-sm",
2723
+ "font-b24-primary font-regular text-sm leading-tight",
2716
2724
  "align-middle",
2717
2725
  "text-ellipsis whitespace-nowrap"
2718
2726
  ].join(" "),
@@ -2720,7 +2728,9 @@ const select = () => {
2720
2728
  placeholder: "truncate text-base-400 dark:text-base-300",
2721
2729
  arrow: "fill-base-master/10 dark:fill-base-100/20",
2722
2730
  content: [
2723
- "max-h-60 w-[var(--reka-popper-anchor-width)]",
2731
+ "w-[var(--reka-popper-anchor-width)]",
2732
+ "max-h-60",
2733
+ // 'h-[var(--reka-popper-available-height)]',
2724
2734
  "bg-white dark:bg-base-dark",
2725
2735
  "shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800",
2726
2736
  "overflow-hidden",
@@ -2746,11 +2756,15 @@ const select = () => {
2746
2756
  "before:absolute before:z-[-1] before:inset-px before:rounded-2xs",
2747
2757
  "cursor-pointer",
2748
2758
  "data-disabled:cursor-not-allowed data-disabled:opacity-75",
2749
- "text-base-master dark:text-base-150 data-highlighted:text-base-900 dark:data-highlighted:text-base-200 data-highlighted:before:bg-base-100/50 dark:data-highlighted:before:bg-base-900",
2759
+ "text-base-master dark:text-base-150",
2760
+ "data-highlighted:text-base-900 dark:data-highlighted:text-base-200 data-highlighted:before:bg-base-100/50 dark:data-highlighted:before:bg-base-900",
2761
+ "data-[state=checked]:text-base-900 dark:data-[state=checked]:text-base-200 data-[state=checked]:before:bg-base-100/50 dark:data-[state=checked]:before:bg-base-900",
2750
2762
  "transition-colors before:transition-colors"
2751
2763
  ].join(" "),
2752
2764
  itemLeadingIcon: [
2753
- "shrink-0 text-base-500 dark:text-base-700 group-data-highlighted:text-base-master dark:group-data-highlighted:text-base-150",
2765
+ "shrink-0 text-base-500 dark:text-base-700",
2766
+ "group-data-highlighted:text-base-master dark:group-data-highlighted:text-base-150",
2767
+ "group-data-[state=checked]:text-base-master dark:group-data-[state=checked]:text-base-150",
2754
2768
  "transition-colors"
2755
2769
  ].join(" "),
2756
2770
  itemLeadingAvatar: "shrink-0",
@@ -2775,6 +2789,34 @@ const select = () => {
2775
2789
  );
2776
2790
  };
2777
2791
 
2792
+ const selectMenu = () => {
2793
+ return defu.defu({
2794
+ slots: {
2795
+ input: "border-b border-base-300 dark:dark:border-base-800"
2796
+ },
2797
+ variants: {
2798
+ addNew: {
2799
+ true: {
2800
+ group: "p-0 isolate -m-px",
2801
+ item: [
2802
+ "before:rounded-none",
2803
+ "text-base-master dark:text-base-150 before:bg-blue-200 dark:before:bg-blue-800",
2804
+ "data-highlighted:text-base-900 dark:data-highlighted:text-base-200 data-highlighted:before:bg-blue-200 dark:data-highlighted:before:bg-blue-800",
2805
+ "data-[state=checked]:text-base-900 dark:data-[state=checked]:text-base-200 data-[state=checked]:before:bg-blue-200 dark:data-[state=checked]:before:bg-blue-800"
2806
+ ].join(" "),
2807
+ itemLabel: "flex flex-row flex-nowrap items-center justify-start gap-2",
2808
+ itemLeadingIcon: [
2809
+ "size-5 rounded-full",
2810
+ "text-white dark:text-base-150 bg-blue-500 dark:bg-blue-600",
2811
+ "group-data-highlighted:text-white dark:group-data-highlighted:text-base-150 group-data-highlighted:bg-blue-500 dark:group-data-highlighted:bg-blue-600",
2812
+ "group-data-[state=checked]:text-white dark:group-data-[state=checked]:text-base-150 group-data-[state=checked]:bg-blue-500 dark:group-data-[state=checked]:bg-blue-600"
2813
+ ].join(" ")
2814
+ }
2815
+ }
2816
+ }
2817
+ }, select());
2818
+ };
2819
+
2778
2820
  const separator = {
2779
2821
  slots: {
2780
2822
  root: "flex items-center align-center text-center",
@@ -3860,6 +3902,7 @@ const theme = {
3860
3902
  radioGroup: radioGroup,
3861
3903
  range: range,
3862
3904
  select: select,
3905
+ selectMenu: selectMenu,
3863
3906
  separator: separator,
3864
3907
  skeleton: skeleton,
3865
3908
  switch: _switch,
@@ -4038,7 +4081,7 @@ function getTemplates(options) {
4038
4081
  templates.push({
4039
4082
  filename: "types/b24ui.d.ts",
4040
4083
  getContents: () => replaceBrackets(`import * as b24ui from '#build/b24ui'
4041
- import type { DeepPartial } from '#b24ui/types/utils'
4084
+ import type { DeepPartial } from '@bitrix24/b24ui-nuxt'
4042
4085
  import type { defaultConfig } from 'tailwind-variants'
4043
4086
 
4044
4087
  type AppConfigUI = {
@@ -1,7 +1,7 @@
1
1
  import 'node:url';
2
2
  import { kebabCase } from 'scule';
3
3
  import { addTypeTemplate, addTemplate } from '@nuxt/kit';
4
- import { defuFn } from 'defu';
4
+ import { defuFn, defu } from 'defu';
5
5
 
6
6
  const getDefaultUiConfig = () => ({});
7
7
  const defaultOptions = {
@@ -260,6 +260,73 @@ const avatarGroup = {
260
260
  }
261
261
  };
262
262
 
263
+ const buttonGroupVariant = {
264
+ buttonGroup: {
265
+ horizontal: [
266
+ "focus-visible:outline-none",
267
+ "ring ring-inset ring-0 focus-visible:ring-2",
268
+ "group-[.is-button-group]/items:not-only:first:rounded-e-none group-[.is-button-group]/items:not-only:last:rounded-s-none group-[.is-button-group]/items:not-last:not-first:rounded-none",
269
+ "group-[.is-button-group]/items:not-only:first:border-e-0 group-[.is-button-group]/items:not-only:not-first:border-s-0"
270
+ ].join(" "),
271
+ vertical: [
272
+ "focus-visible:outline-none",
273
+ "ring ring-inset ring-0 focus-visible:ring-2",
274
+ "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none"
275
+ ].join(" ")
276
+ },
277
+ noSplit: {
278
+ false: [
279
+ "group-[.is-button-group]/items:not-only:not-first:after:content-[''] group-[.is-button-group]/items:not-only:not-first:after:absolute",
280
+ "group-[.is-button-group]/items:not-only:not-first:after:top-[7px] group-[.is-button-group]/items:not-only:not-first:after:bottom-[6px] group-[.is-button-group]/items:not-only:not-first:after:left-0 group-[.is-button-group]/items:not-only:not-first:after:w-px",
281
+ "group-[.is-button-group]/items:not-only:not-first:after:bg-current/30"
282
+ ].join(" ")
283
+ }
284
+ };
285
+ const buttonGroupVariantWithRoot = {
286
+ buttonGroup: {
287
+ horizontal: {
288
+ root: "group leading-none",
289
+ base: [
290
+ "focus-visible:outline-none",
291
+ "ring ring-inset ring-1 focus-visible:ring-2",
292
+ "group-not-only:group-first:rounded-e-3xl group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none",
293
+ "group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none",
294
+ "group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
295
+ ].join(" ")
296
+ },
297
+ vertical: {
298
+ root: "group",
299
+ base: [
300
+ "focus-visible:outline-none",
301
+ "ring ring-inset ring-1 focus-visible:ring-2",
302
+ "group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
303
+ ].join(" ")
304
+ }
305
+ },
306
+ noSplit: {
307
+ false: [
308
+ "group-not-only:not-first:after:content-[''] group-not-only:not-first:after:absolute",
309
+ "group-not-only:not-first:after:top-[7px] group-not-only:not-first:after:bottom-[6px] group-not-only:not-first:after:left-0 group-not-only:not-first:after:w-px",
310
+ "group-not-only:not-first:after:bg-current/30"
311
+ ].join(" ")
312
+ }
313
+ };
314
+ const buttonGroup = {
315
+ base: "relative",
316
+ variants: {
317
+ size: {
318
+ xs: "",
319
+ sm: "",
320
+ md: "",
321
+ lg: ""
322
+ },
323
+ orientation: {
324
+ horizontal: "flex flex-row -space-x-px",
325
+ vertical: "flex flex-col -space-y-px"
326
+ }
327
+ }
328
+ };
329
+
263
330
  const badge = {
264
331
  slots: {
265
332
  base: [
@@ -277,6 +344,7 @@ const badge = {
277
344
  trailingIcon: "shrink-0 cursor-pointer hover:rounded-full hover:bg-current/20 dark:hover:bg-current/35"
278
345
  },
279
346
  variants: {
347
+ ...buttonGroupVariant,
280
348
  useLink: {
281
349
  true: {
282
350
  base: "cursor-pointer",
@@ -368,8 +436,8 @@ const badge = {
368
436
  depth: "normal",
369
437
  class: [
370
438
  "ring ring-inset",
371
- "text-base-800 bg-base-150 ring-base-150",
372
- "dark:text-base-950 dark:bg-base-200 dark:ring-base-200"
439
+ "text-base-800 bg-base-150 ring-base-300",
440
+ "dark:text-base-950 dark:bg-base-200 dark:ring-base-800"
373
441
  ].join(" ")
374
442
  },
375
443
  // LIGHT ////
@@ -624,6 +692,12 @@ const badge = {
624
692
  {
625
693
  useClose: true,
626
694
  class: ""
695
+ },
696
+ // endregion ////
697
+ // region buttonGroup ////
698
+ {
699
+ buttonGroup: ["horizontal", "vertical"],
700
+ class: "rounded-2xs"
627
701
  }
628
702
  // endregion ////
629
703
  ],
@@ -635,72 +709,6 @@ const badge = {
635
709
  }
636
710
  };
637
711
 
638
- const buttonGroupVariant = {
639
- buttonGroup: {
640
- horizontal: [
641
- "focus-visible:outline-none",
642
- "ring ring-inset ring-0 focus-visible:ring-2",
643
- "not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none",
644
- "not-only:first:border-e-0 not-only:not-first:border-s-0"
645
- ].join(" "),
646
- vertical: [
647
- "focus-visible:outline-none",
648
- "ring ring-inset ring-0 focus-visible:ring-2",
649
- "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none"
650
- ].join(" ")
651
- },
652
- noSplit: {
653
- false: [
654
- "not-only:not-first:after:content-[''] not-only:not-first:after:absolute",
655
- "not-only:not-first:after:top-[7px] not-only:not-first:after:bottom-[6px] not-only:not-first:after:left-0 not-only:not-first:after:w-px",
656
- "not-only:not-first:after:bg-current/30"
657
- ].join(" ")
658
- }
659
- };
660
- const buttonGroupVariantWithRoot = {
661
- buttonGroup: {
662
- horizontal: {
663
- root: "group",
664
- base: [
665
- "focus-visible:outline-none",
666
- "ring ring-inset ring-1 focus-visible:ring-2",
667
- "group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none",
668
- "group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
669
- ].join(" ")
670
- },
671
- vertical: {
672
- root: "group",
673
- base: [
674
- "focus-visible:outline-none",
675
- "ring ring-inset ring-1 focus-visible:ring-2",
676
- "group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
677
- ].join(" ")
678
- }
679
- },
680
- noSplit: {
681
- false: [
682
- "not-only:not-first:after:content-[''] not-only:not-first:after:absolute",
683
- "not-only:not-first:after:top-[7px] not-only:not-first:after:bottom-[6px] not-only:not-first:after:left-0 not-only:not-first:after:w-px",
684
- "not-only:not-first:after:bg-current/30"
685
- ].join(" ")
686
- }
687
- };
688
- const buttonGroup = {
689
- base: "relative",
690
- variants: {
691
- size: {
692
- xs: "",
693
- sm: "",
694
- md: "",
695
- lg: ""
696
- },
697
- orientation: {
698
- horizontal: "inline-flex -space-x-px",
699
- vertical: "flex flex-col -space-y-px"
700
- }
701
- }
702
- };
703
-
704
712
  const button = {
705
713
  slots: {
706
714
  base: [
@@ -2697,10 +2705,10 @@ const select = () => {
2697
2705
  return defuFn(
2698
2706
  {
2699
2707
  slots: {
2700
- root: () => "relative inline-flex items-center min-w-full w-full",
2708
+ root: () => "relative inline-flex items-center w-full",
2701
2709
  base: () => [
2702
2710
  "relative inline-flex items-center group",
2703
- "min-w-full w-full py-0 border-0 focus:outline-none",
2711
+ "py-0 border-0 focus:outline-none",
2704
2712
  "cursor-pointer disabled:cursor-not-allowed",
2705
2713
  "disabled:bg-base-30/37 disabled:text-base-500",
2706
2714
  "dark:disabled:bg-base-900/37 dark:disabled:text-base-800",
@@ -2710,7 +2718,7 @@ const select = () => {
2710
2718
  "dark:ring-base-800",
2711
2719
  "text-base-master bg-white hover:text-base-900 focus:text-base-900 active:text-base-900",
2712
2720
  "dark:text-base-150 dark:bg-transparent dark:hover:text-base-350 dark:focus:text-base-350 dark:active:text-base-350",
2713
- "font-b24-primary font-regular text-sm",
2721
+ "font-b24-primary font-regular text-sm leading-tight",
2714
2722
  "align-middle",
2715
2723
  "text-ellipsis whitespace-nowrap"
2716
2724
  ].join(" "),
@@ -2718,7 +2726,9 @@ const select = () => {
2718
2726
  placeholder: "truncate text-base-400 dark:text-base-300",
2719
2727
  arrow: "fill-base-master/10 dark:fill-base-100/20",
2720
2728
  content: [
2721
- "max-h-60 w-[var(--reka-popper-anchor-width)]",
2729
+ "w-[var(--reka-popper-anchor-width)]",
2730
+ "max-h-60",
2731
+ // 'h-[var(--reka-popper-available-height)]',
2722
2732
  "bg-white dark:bg-base-dark",
2723
2733
  "shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800",
2724
2734
  "overflow-hidden",
@@ -2744,11 +2754,15 @@ const select = () => {
2744
2754
  "before:absolute before:z-[-1] before:inset-px before:rounded-2xs",
2745
2755
  "cursor-pointer",
2746
2756
  "data-disabled:cursor-not-allowed data-disabled:opacity-75",
2747
- "text-base-master dark:text-base-150 data-highlighted:text-base-900 dark:data-highlighted:text-base-200 data-highlighted:before:bg-base-100/50 dark:data-highlighted:before:bg-base-900",
2757
+ "text-base-master dark:text-base-150",
2758
+ "data-highlighted:text-base-900 dark:data-highlighted:text-base-200 data-highlighted:before:bg-base-100/50 dark:data-highlighted:before:bg-base-900",
2759
+ "data-[state=checked]:text-base-900 dark:data-[state=checked]:text-base-200 data-[state=checked]:before:bg-base-100/50 dark:data-[state=checked]:before:bg-base-900",
2748
2760
  "transition-colors before:transition-colors"
2749
2761
  ].join(" "),
2750
2762
  itemLeadingIcon: [
2751
- "shrink-0 text-base-500 dark:text-base-700 group-data-highlighted:text-base-master dark:group-data-highlighted:text-base-150",
2763
+ "shrink-0 text-base-500 dark:text-base-700",
2764
+ "group-data-highlighted:text-base-master dark:group-data-highlighted:text-base-150",
2765
+ "group-data-[state=checked]:text-base-master dark:group-data-[state=checked]:text-base-150",
2752
2766
  "transition-colors"
2753
2767
  ].join(" "),
2754
2768
  itemLeadingAvatar: "shrink-0",
@@ -2773,6 +2787,34 @@ const select = () => {
2773
2787
  );
2774
2788
  };
2775
2789
 
2790
+ const selectMenu = () => {
2791
+ return defu({
2792
+ slots: {
2793
+ input: "border-b border-base-300 dark:dark:border-base-800"
2794
+ },
2795
+ variants: {
2796
+ addNew: {
2797
+ true: {
2798
+ group: "p-0 isolate -m-px",
2799
+ item: [
2800
+ "before:rounded-none",
2801
+ "text-base-master dark:text-base-150 before:bg-blue-200 dark:before:bg-blue-800",
2802
+ "data-highlighted:text-base-900 dark:data-highlighted:text-base-200 data-highlighted:before:bg-blue-200 dark:data-highlighted:before:bg-blue-800",
2803
+ "data-[state=checked]:text-base-900 dark:data-[state=checked]:text-base-200 data-[state=checked]:before:bg-blue-200 dark:data-[state=checked]:before:bg-blue-800"
2804
+ ].join(" "),
2805
+ itemLabel: "flex flex-row flex-nowrap items-center justify-start gap-2",
2806
+ itemLeadingIcon: [
2807
+ "size-5 rounded-full",
2808
+ "text-white dark:text-base-150 bg-blue-500 dark:bg-blue-600",
2809
+ "group-data-highlighted:text-white dark:group-data-highlighted:text-base-150 group-data-highlighted:bg-blue-500 dark:group-data-highlighted:bg-blue-600",
2810
+ "group-data-[state=checked]:text-white dark:group-data-[state=checked]:text-base-150 group-data-[state=checked]:bg-blue-500 dark:group-data-[state=checked]:bg-blue-600"
2811
+ ].join(" ")
2812
+ }
2813
+ }
2814
+ }
2815
+ }, select());
2816
+ };
2817
+
2776
2818
  const separator = {
2777
2819
  slots: {
2778
2820
  root: "flex items-center align-center text-center",
@@ -3858,6 +3900,7 @@ const theme = {
3858
3900
  radioGroup: radioGroup,
3859
3901
  range: range,
3860
3902
  select: select,
3903
+ selectMenu: selectMenu,
3861
3904
  separator: separator,
3862
3905
  skeleton: skeleton,
3863
3906
  switch: _switch,
@@ -4036,7 +4079,7 @@ function getTemplates(options) {
4036
4079
  templates.push({
4037
4080
  filename: "types/b24ui.d.ts",
4038
4081
  getContents: () => replaceBrackets(`import * as b24ui from '#build/b24ui'
4039
- import type { DeepPartial } from '#b24ui/types/utils'
4082
+ import type { DeepPartial } from '@bitrix24/b24ui-nuxt'
4040
4083
  import type { defaultConfig } from 'tailwind-variants'
4041
4084
 
4042
4085
  type AppConfigUI = {
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.D8eTlsIC.cjs');
8
+ const templates = require('./shared/b24ui-nuxt.ZUYaG6CJ.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.CGBDJv97.mjs';
6
+ import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.vQRZieQw.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.D8eTlsIC.cjs');
9
+ require('./shared/b24ui-nuxt.ZUYaG6CJ.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.CGBDJv97.mjs';
7
+ import './shared/b24ui-nuxt.vQRZieQw.mjs';
8
8
  import 'scule';
9
9
  import '@nuxt/kit';
10
10
  import 'tinyglobby';