@bitrix24/b24ui-nuxt 0.2.8 → 0.3.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 (40) hide show
  1. package/.nuxt/b24ui/avatar.ts +1 -1
  2. package/.nuxt/b24ui/dropdown-menu.ts +15 -15
  3. package/.nuxt/b24ui/input-menu.ts +42 -0
  4. package/.nuxt/b24ui/modal.ts +3 -2
  5. package/.nuxt/b24ui/prose/table-wrapper.ts +46 -0
  6. package/.nuxt/b24ui/select-menu.ts +43 -1
  7. package/.nuxt/b24ui/select.ts +43 -1
  8. package/README.md +1 -1
  9. package/dist/meta.cjs +4840 -7546
  10. package/dist/meta.d.cts +4840 -7546
  11. package/dist/meta.d.mts +4840 -7546
  12. package/dist/meta.d.ts +4840 -7546
  13. package/dist/meta.mjs +4840 -7546
  14. package/dist/module.cjs +1 -1
  15. package/dist/module.json +1 -1
  16. package/dist/module.mjs +1 -1
  17. package/dist/runtime/components/Alert.vue +2 -2
  18. package/dist/runtime/components/Avatar.vue +21 -34
  19. package/dist/runtime/components/Checkbox.vue +3 -1
  20. package/dist/runtime/components/Form.vue +6 -4
  21. package/dist/runtime/components/InputMenu.vue +9 -8
  22. package/dist/runtime/components/Modal.vue +20 -15
  23. package/dist/runtime/components/Select.vue +12 -9
  24. package/dist/runtime/components/SelectMenu.vue +12 -9
  25. package/dist/runtime/components/Switch.vue +4 -1
  26. package/dist/runtime/components/Toast.vue +2 -2
  27. package/dist/runtime/components/Toaster.vue +2 -1
  28. package/dist/runtime/components/Tooltip.vue +1 -1
  29. package/dist/runtime/components/prose/TableWrapper.vue +67 -0
  30. package/dist/runtime/index.css +1 -1
  31. package/dist/runtime/plugins/colors.js +9 -7
  32. package/dist/runtime/types/index.d.ts +1 -0
  33. package/dist/runtime/types/index.js +1 -0
  34. package/dist/shared/{b24ui-nuxt.DBz6Z5xw.cjs → b24ui-nuxt.BDw9-NAb.cjs} +206 -25
  35. package/dist/shared/{b24ui-nuxt.BJy-SIWG.mjs → b24ui-nuxt.aLj37Bax.mjs} +206 -25
  36. package/dist/unplugin.cjs +13 -1
  37. package/dist/unplugin.mjs +13 -1
  38. package/dist/vite.cjs +1 -1
  39. package/dist/vite.mjs +1 -1
  40. package/package.json +13 -13
@@ -175,7 +175,7 @@ const alert = {
175
175
  const avatar = {
176
176
  slots: {
177
177
  root: "inline-flex items-center justify-center shrink-0 select-none overflow-hidden rounded-full align-middle bg-base-100 dark:bg-base-900",
178
- image: "h-full w-full rounded-[inherit] object-cover data-[error]:hidden",
178
+ image: "h-full w-full rounded-[inherit] object-cover",
179
179
  fallback: "font-medium text-base-500 dark:text-base-600 truncate",
180
180
  icon: "text-base-500 shrink-0 dark:text-base-600"
181
181
  },
@@ -1759,7 +1759,7 @@ const dropdownMenu = {
1759
1759
  "dark:text-red-150 dark:data-highlighted:text-red-200 dark:data-highlighted:before:bg-red-900 dark:data-[state=open]:text-red-200 dark:data-[state=open]:before:bg-red-900"
1760
1760
  ].join(" "),
1761
1761
  itemLeadingIcon: [
1762
- "text-red-500 group-data-highlighted:text-red-950 group-data-[state=open]:text-red-950",
1762
+ "text-red-500 group-data-highlighted:text-red-900 group-data-[state=open]:text-red-900",
1763
1763
  "dark:text-red-700 dark:group-data-highlighted:text-red-150 dark:group-data-[state=open]:text-red-150"
1764
1764
  ].join(" ")
1765
1765
  }
@@ -1773,7 +1773,7 @@ const dropdownMenu = {
1773
1773
  "dark:text-red-200 dark:before:bg-red-900"
1774
1774
  ].join(" "),
1775
1775
  itemLeadingIcon: [
1776
- "text-red-950 group-data-[state=open]:text-red-950",
1776
+ "text-red-900 group-data-[state=open]:text-red-900",
1777
1777
  "dark:text-red-700"
1778
1778
  ].join(" ")
1779
1779
  }
@@ -1787,7 +1787,7 @@ const dropdownMenu = {
1787
1787
  "dark:text-green-150 dark:data-highlighted:text-green-200 dark:data-highlighted:before:bg-green-900 dark:data-[state=open]:text-green-200 dark:data-[state=open]:before:bg-green-900"
1788
1788
  ].join(" "),
1789
1789
  itemLeadingIcon: [
1790
- "text-green-500 group-data-highlighted:text-green-950 group-data-[state=open]:text-green-950",
1790
+ "text-green-500 group-data-highlighted:text-green-900 group-data-[state=open]:text-green-900",
1791
1791
  "dark:text-green-700 dark:group-data-highlighted:text-green-150 dark:group-data-[state=open]:text-green-150"
1792
1792
  ].join(" ")
1793
1793
  }
@@ -1801,7 +1801,7 @@ const dropdownMenu = {
1801
1801
  "dark:text-green-200 dark:before:bg-green-900"
1802
1802
  ].join(" "),
1803
1803
  itemLeadingIcon: [
1804
- "text-green-950 group-data-[state=open]:text-green-950",
1804
+ "text-green-900 group-data-[state=open]:text-green-900",
1805
1805
  "dark:text-green-700"
1806
1806
  ].join(" ")
1807
1807
  }
@@ -1815,7 +1815,7 @@ const dropdownMenu = {
1815
1815
  "dark:text-orange-150 dark:data-highlighted:text-orange-200 dark:data-highlighted:before:bg-orange-900 dark:data-[state=open]:text-orange-200 dark:data-[state=open]:before:bg-orange-900"
1816
1816
  ].join(" "),
1817
1817
  itemLeadingIcon: [
1818
- "text-orange-500 group-data-highlighted:text-orange-950 group-data-[state=open]:text-orange-950",
1818
+ "text-orange-500 group-data-highlighted:text-orange-900 group-data-[state=open]:text-orange-900",
1819
1819
  "dark:text-orange-700 dark:group-data-highlighted:text-orange-150 dark:group-data-[state=open]:text-orange-150"
1820
1820
  ].join(" ")
1821
1821
  }
@@ -1829,7 +1829,7 @@ const dropdownMenu = {
1829
1829
  "dark:text-orange-200 dark:before:bg-orange-900"
1830
1830
  ].join(" "),
1831
1831
  itemLeadingIcon: [
1832
- "text-orange-950 group-data-[state=open]:text-orange-950",
1832
+ "text-orange-900 group-data-[state=open]:text-orange-900",
1833
1833
  "dark:text-orange-700"
1834
1834
  ].join(" ")
1835
1835
  }
@@ -1843,7 +1843,7 @@ const dropdownMenu = {
1843
1843
  "dark:text-blue-150 dark:data-highlighted:text-blue-200 dark:data-highlighted:before:bg-blue-900 dark:data-[state=open]:text-blue-200 dark:data-[state=open]:before:bg-blue-900"
1844
1844
  ].join(" "),
1845
1845
  itemLeadingIcon: [
1846
- "text-blue-500 group-data-highlighted:text-blue-950 group-data-[state=open]:text-blue-950",
1846
+ "text-blue-500 group-data-highlighted:text-blue-900 group-data-[state=open]:text-blue-900",
1847
1847
  "dark:text-blue-700 dark:group-data-highlighted:text-blue-150 dark:group-data-[state=open]:text-blue-150"
1848
1848
  ].join(" ")
1849
1849
  }
@@ -1857,7 +1857,7 @@ const dropdownMenu = {
1857
1857
  "dark:text-blue-200 dark:before:bg-blue-900"
1858
1858
  ].join(" "),
1859
1859
  itemLeadingIcon: [
1860
- "text-blue-950 group-data-[state=open]:text-blue-950",
1860
+ "text-blue-900 group-data-[state=open]:text-blue-900",
1861
1861
  "dark:text-blue-700"
1862
1862
  ].join(" ")
1863
1863
  }
@@ -1871,7 +1871,7 @@ const dropdownMenu = {
1871
1871
  "dark:text-cyan-150 dark:data-highlighted:text-cyan-200 dark:data-highlighted:before:bg-cyan-900 dark:data-[state=open]:text-cyan-200 dark:data-[state=open]:before:bg-cyan-900"
1872
1872
  ].join(" "),
1873
1873
  itemLeadingIcon: [
1874
- "text-cyan-500 group-data-highlighted:text-cyan-950 group-data-[state=open]:text-cyan-950",
1874
+ "text-cyan-500 group-data-highlighted:text-cyan-900 group-data-[state=open]:text-cyan-900",
1875
1875
  "dark:text-cyan-700 dark:group-data-highlighted:text-cyan-150 dark:group-data-[state=open]:text-cyan-150"
1876
1876
  ].join(" ")
1877
1877
  }
@@ -1885,7 +1885,7 @@ const dropdownMenu = {
1885
1885
  "dark:text-cyan-200 dark:before:bg-cyan-900"
1886
1886
  ].join(" "),
1887
1887
  itemLeadingIcon: [
1888
- "text-cyan-950 group-data-[state=open]:text-cyan-950",
1888
+ "text-cyan-900 group-data-[state=open]:text-cyan-900",
1889
1889
  "dark:text-cyan-700"
1890
1890
  ].join(" ")
1891
1891
  }
@@ -1895,11 +1895,11 @@ const dropdownMenu = {
1895
1895
  active: false,
1896
1896
  class: {
1897
1897
  item: [
1898
- "text-collab-950 data-highlighted:text-collab-900 data-highlighted:before:bg-collab-100 data-[state=open]:text-collab-900 data-[state=open]:before:bg-collab-100",
1898
+ "text-collab-900 data-highlighted:text-collab-900 data-highlighted:before:bg-collab-100 data-[state=open]:text-collab-900 data-[state=open]:before:bg-collab-100",
1899
1899
  "dark:text-collab-150 dark:data-highlighted:text-collab-200 dark:data-highlighted:before:bg-collab-900 dark:data-[state=open]:text-collab-200 dark:data-[state=open]:before:bg-collab-900"
1900
1900
  ].join(" "),
1901
1901
  itemLeadingIcon: [
1902
- "text-collab-500 group-data-highlighted:text-collab-950 group-data-[state=open]:text-collab-950",
1902
+ "text-collab-600 group-data-highlighted:text-collab-900 group-data-[state=open]:text-collab-900",
1903
1903
  "dark:text-collab-700 dark:group-data-highlighted:text-collab-150 dark:group-data-[state=open]:text-collab-150"
1904
1904
  ].join(" ")
1905
1905
  }
@@ -1913,7 +1913,7 @@ const dropdownMenu = {
1913
1913
  "dark:text-collab-200 dark:before:bg-collab-900"
1914
1914
  ].join(" "),
1915
1915
  itemLeadingIcon: [
1916
- "text-collab-950 group-data-[state=open]:text-collab-950",
1916
+ "text-collab-900 group-data-[state=open]:text-collab-900",
1917
1917
  "dark:text-collab-700"
1918
1918
  ].join(" ")
1919
1919
  }
@@ -1927,7 +1927,7 @@ const dropdownMenu = {
1927
1927
  "dark:text-ai-150 dark:data-highlighted:text-ai-200 dark:data-highlighted:before:bg-ai-900 dark:data-[state=open]:text-ai-200 dark:data-[state=open]:before:bg-ai-900"
1928
1928
  ].join(" "),
1929
1929
  itemLeadingIcon: [
1930
- "text-ai-500 group-data-highlighted:text-ai-950 group-data-[state=open]:text-ai-950",
1930
+ "text-ai-500 group-data-highlighted:text-ai-900 group-data-[state=open]:text-ai-900",
1931
1931
  "dark:text-ai-700 dark:group-data-highlighted:text-ai-150 dark:group-data-[state=open]:text-ai-150"
1932
1932
  ].join(" ")
1933
1933
  }
@@ -1941,7 +1941,7 @@ const dropdownMenu = {
1941
1941
  "dark:text-ai-200 dark:before:bg-ai-900"
1942
1942
  ].join(" "),
1943
1943
  itemLeadingIcon: [
1944
- "text-ai-950 group-data-[state=open]:text-ai-950",
1944
+ "text-ai-900 group-data-[state=open]:text-ai-900",
1945
1945
  "dark:text-ai-700"
1946
1946
  ].join(" ")
1947
1947
  }
@@ -2447,6 +2447,99 @@ const input = {
2447
2447
  }
2448
2448
  };
2449
2449
 
2450
+ const colorDropDownItem = {
2451
+ colorItem: {
2452
+ /**
2453
+ * @memo not fill - use default data
2454
+ */
2455
+ default: "",
2456
+ danger: {
2457
+ item: [
2458
+ "text-red-900 dark:text-red-150",
2459
+ "data-highlighted:text-red-900 dark:data-highlighted:text-red-200 data-highlighted:before:bg-red-100 dark:data-highlighted:before:bg-red-900",
2460
+ "data-[state=checked]:text-red-900 dark:data-[state=checked]:text-red-200 data-[state=checked]:before:bg-red-100 dark:data-[state=checked]:before:bg-red-900"
2461
+ ].join(" "),
2462
+ itemLeadingIcon: [
2463
+ "text-red-600 dark:text-red-700",
2464
+ "group-data-highlighted:text-red-900 dark:group-data-highlighted:text-red-150",
2465
+ "group-data-[state=checked]:text-red-900 dark:group-data-[state=checked]:text-red-700"
2466
+ ].join(" ")
2467
+ },
2468
+ success: {
2469
+ item: [
2470
+ "text-green-900 dark:text-green-150",
2471
+ "data-highlighted:text-green-900 dark:data-highlighted:text-green-200 data-highlighted:before:bg-green-100 dark:data-highlighted:before:bg-green-900",
2472
+ "data-[state=checked]:text-green-900 dark:data-[state=checked]:text-green-200 data-[state=checked]:before:bg-green-100 dark:data-[state=checked]:before:bg-green-900"
2473
+ ].join(" "),
2474
+ itemLeadingIcon: [
2475
+ "text-green-600 dark:text-green-700",
2476
+ "group-data-highlighted:text-green-900 dark:group-data-highlighted:text-green-150",
2477
+ "group-data-[state=checked]:text-green-900 dark:group-data-[state=checked]:text-green-700"
2478
+ ].join(" ")
2479
+ },
2480
+ warning: {
2481
+ item: [
2482
+ "text-orange-900 dark:text-orange-150",
2483
+ "data-highlighted:text-orange-900 dark:data-highlighted:text-orange-200 data-highlighted:before:bg-orange-100 dark:data-highlighted:before:bg-orange-900",
2484
+ "data-[state=checked]:text-orange-900 dark:data-[state=checked]:text-orange-200 data-[state=checked]:before:bg-orange-100 dark:data-[state=checked]:before:bg-orange-900"
2485
+ ].join(" "),
2486
+ itemLeadingIcon: [
2487
+ "text-orange-600 dark:text-orange-700",
2488
+ "group-data-highlighted:text-orange-900 dark:group-data-highlighted:text-orange-150",
2489
+ "group-data-[state=checked]:text-orange-900 dark:group-data-[state=checked]:text-orange-700"
2490
+ ].join(" ")
2491
+ },
2492
+ primary: {
2493
+ item: [
2494
+ "text-blue-900 dark:text-blue-150",
2495
+ "data-highlighted:text-blue-900 dark:data-highlighted:text-blue-200 data-highlighted:before:bg-blue-100 dark:data-highlighted:before:bg-blue-900",
2496
+ "data-[state=checked]:text-blue-900 dark:data-[state=checked]:text-blue-200 data-[state=checked]:before:bg-blue-100 dark:data-[state=checked]:before:bg-blue-900"
2497
+ ].join(" "),
2498
+ itemLeadingIcon: [
2499
+ "text-blue-600 dark:text-blue-700",
2500
+ "group-data-highlighted:text-blue-900 dark:group-data-highlighted:text-blue-150",
2501
+ "group-data-[state=checked]:text-blue-900 dark:group-data-[state=checked]:text-blue-700"
2502
+ ].join(" ")
2503
+ },
2504
+ secondary: {
2505
+ item: [
2506
+ "text-cyan-900 dark:text-cyan-150",
2507
+ "data-highlighted:text-cyan-900 dark:data-highlighted:text-cyan-200 data-highlighted:before:bg-cyan-100 dark:data-highlighted:before:bg-cyan-900",
2508
+ "data-[state=checked]:text-cyan-900 dark:data-[state=checked]:text-cyan-200 data-[state=checked]:before:bg-cyan-100 dark:data-[state=checked]:before:bg-cyan-900"
2509
+ ].join(" "),
2510
+ itemLeadingIcon: [
2511
+ "text-cyan-600 dark:text-cyan-700",
2512
+ "group-data-highlighted:text-cyan-900 dark:group-data-highlighted:text-cyan-150",
2513
+ "group-data-[state=checked]:text-cyan-900 dark:group-data-[state=checked]:text-cyan-700"
2514
+ ].join(" ")
2515
+ },
2516
+ collab: {
2517
+ item: [
2518
+ "text-collab-900 dark:text-collab-150",
2519
+ "data-highlighted:text-collab-900 dark:data-highlighted:text-collab-200 data-highlighted:before:bg-collab-100 dark:data-highlighted:before:bg-collab-900",
2520
+ "data-[state=checked]:text-collab-900 dark:data-[state=checked]:text-collab-200 data-[state=checked]:before:bg-collab-100 dark:data-[state=checked]:before:bg-collab-900"
2521
+ ].join(" "),
2522
+ itemLeadingIcon: [
2523
+ "text-collab-600 dark:text-collab-700",
2524
+ "group-data-highlighted:text-collab-900 dark:group-data-highlighted:text-collab-150",
2525
+ "group-data-[state=checked]:text-collab-900 dark:group-data-[state=checked]:text-collab-700"
2526
+ ].join(" ")
2527
+ },
2528
+ ai: {
2529
+ item: [
2530
+ "text-ai-900 dark:text-ai-150",
2531
+ "data-highlighted:text-ai-900 dark:data-highlighted:text-ai-200 data-highlighted:before:bg-ai-100 dark:data-highlighted:before:bg-ai-900",
2532
+ "data-[state=checked]:text-ai-900 dark:data-[state=checked]:text-ai-200 data-[state=checked]:before:bg-ai-100 dark:data-[state=checked]:before:bg-ai-900"
2533
+ ].join(" "),
2534
+ itemLeadingIcon: [
2535
+ "text-ai-600 dark:text-ai-700",
2536
+ "group-data-highlighted:text-ai-900 dark:group-data-highlighted:text-ai-150",
2537
+ "group-data-[state=checked]:text-ai-900 dark:group-data-[state=checked]:text-ai-700"
2538
+ ].join(" ")
2539
+ }
2540
+ }
2541
+ };
2542
+
2450
2543
  const defSize$1 = {
2451
2544
  label: "h-9 ps-2 pe-3 text-sm gap-2",
2452
2545
  item: "h-9 ps-3 pe-3 text-sm gap-2",
@@ -2618,7 +2711,8 @@ const inputMenu = () => {
2618
2711
  tagsItemDeleteIcon: "size-3.5"
2619
2712
  }
2620
2713
  )
2621
- }
2714
+ },
2715
+ ...colorDropDownItem
2622
2716
  },
2623
2717
  compoundVariants: [
2624
2718
  // region Color ////
@@ -3156,10 +3250,10 @@ const modal = {
3156
3250
  content: [
3157
3251
  "py-md2 px-5",
3158
3252
  "fixed bg-white dark:bg-base-950",
3159
- // 'divide-y divide-base-900/10 dark:divide-white/20',
3160
3253
  "flex flex-col focus:outline-none"
3161
3254
  ].join(" "),
3162
- header: "pe-5 pt-0",
3255
+ header: "flex items-center gap-1.5 pe-5 pt-0 min-h-lg2",
3256
+ wrapper: "",
3163
3257
  body: "flex-1 overflow-y-auto my-2.5 text-md leading-normal",
3164
3258
  footer: "flex items-center justify-center gap-3 mt-2.5 pt-4 border-t border-t-1 border-t-base-900/10 dark:border-t-white/20",
3165
3259
  title: "font-bold text-md leading-normal text-base-900 dark:text-base-150",
@@ -3180,7 +3274,7 @@ const modal = {
3180
3274
  false: {
3181
3275
  content: [
3182
3276
  "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
3183
- "w-[calc(100vw-2rem)] max-w-[32rem] max-h-[calc(100vh-2rem)] sm:max-h-[calc(100vh-4rem)]",
3277
+ "w-[calc(100vw-2rem)] max-w-[32rem] max-h-[calc(100dvh-2rem)] sm:max-h-[calc(100dvh-4rem)]",
3184
3278
  "rounded-md shadow-lg",
3185
3279
  "ring ring-base-300 dark:ring-base-800"
3186
3280
  ].join(" ")
@@ -3809,10 +3903,10 @@ const select = () => {
3809
3903
  "transition-colors before:transition-colors"
3810
3904
  ].join(" "),
3811
3905
  itemLeadingIcon: [
3812
- "shrink-0 text-base-500 dark:text-base-700",
3906
+ "shrink-0 transition-colors",
3907
+ "text-base-500 dark:text-base-700",
3813
3908
  "group-data-highlighted:text-base-master dark:group-data-highlighted:text-base-150",
3814
- "group-data-[state=checked]:text-base-master dark:group-data-[state=checked]:text-base-150",
3815
- "transition-colors"
3909
+ "group-data-[state=checked]:text-base-master dark:group-data-[state=checked]:text-base-150"
3816
3910
  ].join(" "),
3817
3911
  itemLeadingAvatar: "shrink-0",
3818
3912
  itemLeadingAvatarSize: "",
@@ -3829,7 +3923,8 @@ const select = () => {
3829
3923
  sm: defSize,
3830
3924
  md: defSize,
3831
3925
  lg: defSize
3832
- }
3926
+ },
3927
+ ...colorDropDownItem
3833
3928
  }
3834
3929
  },
3835
3930
  input
@@ -4971,8 +5066,94 @@ const theme = {
4971
5066
  tooltip: tooltip
4972
5067
  };
4973
5068
 
5069
+ const variantTable = "[&>table]";
5070
+ const variantHeadTr = "[&>table>thead>tr]";
5071
+ const variantBodyTr = "[&>table>tbody>tr]";
5072
+ const variantFoot = "[&>table>tfoot]";
5073
+ const variantFootTr = "[&>table>tfoot>tr]";
5074
+ const variantsTr = [
5075
+ variantHeadTr,
5076
+ variantBodyTr,
5077
+ variantFootTr
5078
+ ];
5079
+ const variantsTdTh = [
5080
+ "[&>table>thead>tr>td]",
5081
+ "[&>table>thead>tr>th]",
5082
+ "[&>table>tbody>tr>td]",
5083
+ "[&>table>tbody>tr>th]",
5084
+ "[&>table>tfoot>tr>td]",
5085
+ "[&>table>tfoot>tr>th]"
5086
+ ];
5087
+ const tableWrapper = {
5088
+ slots: {
5089
+ base: [
5090
+ `font-b24-primary ${variantTable}:text-md ${variantTable}:relative ${variantTable}:w-full ${variantTable}:text-left ${variantTable}:rtl:text-right`,
5091
+ `${variantTable}:text-base-900 dark:${variantTable}:text-base-200`,
5092
+ ...variantsTdTh.map((variant) => `${variant}:align-middle`),
5093
+ ...variantsTdTh.filter((variant) => !variant.includes("tbody>tr>td")).map((variant) => `${variant}:whitespace-nowrap ${variant}:text-md ${variant}:font-normal`),
5094
+ `${variantHeadTr}:border-base-300 dark:${variantHeadTr}:border-base-800`,
5095
+ `${variantBodyTr}:border-base-master/10 dark:${variantBodyTr}:border-base-100/20`,
5096
+ `${variantFoot}:border-base-300 dark:${variantFoot}:border-base-800`,
5097
+ `${variantHeadTr}:border-b ${variantBodyTr.replace(">tr]", ">tr:not(:last-child)]")}:border-b`,
5098
+ `${variantFoot}:border-t`
5099
+ ].join(" ")
5100
+ },
5101
+ variants: {
5102
+ size: {
5103
+ xs: [
5104
+ ...variantsTdTh.map((variant) => `${variant}:text-xs ${variant}:px-2 ${variant}:py-1`)
5105
+ ].join(" "),
5106
+ sm: [
5107
+ ...variantsTdTh.map((variant) => `${variant}:text-sm ${variant}:px-3 ${variant}:py-2`)
5108
+ ].join(" "),
5109
+ md: [
5110
+ ...variantsTdTh.map((variant) => `${variant}:text-md ${variant}:px-4 ${variant}:py-3.5`)
5111
+ ].join(" "),
5112
+ lg: [
5113
+ ...variantsTdTh.map((variant) => `${variant}:text-lg ${variant}:px-5 ${variant}:py-4`)
5114
+ ].join(" ")
5115
+ },
5116
+ rounded: {
5117
+ true: "rounded-md",
5118
+ false: "rounded"
5119
+ },
5120
+ zebra: {
5121
+ true: [
5122
+ ...variantsTr.filter((variant) => variant === variantBodyTr).map((variant) => `${variant}:even:bg-base-30 ${variant}:even:[&>td]:bg-base-30 ${variant}:even:[&>th]:bg-base-30 dark:${variant}:even:bg-base-dark dark:${variant}:even:[&>td]:bg-base-dark dark:${variant}:even:[&>th]:bg-base-dark`)
5123
+ ].join(" ")
5124
+ },
5125
+ pinRows: {
5126
+ true: [
5127
+ ...variantsTr.filter((variant) => variant !== variantBodyTr).map((variant) => `${variant}:sticky ${variant}:${variant === variantHeadTr ? "top-0" : "bottom-0"} ${variant}:z-1 ${variant}:bg-white dark:${variant}:bg-base-dark ${variant}:${variant === variantHeadTr ? "shadow-bottom-sm" : "shadow-top-sm"}`)
5128
+ ].join(" ")
5129
+ },
5130
+ pinCols: {
5131
+ true: [
5132
+ ...variantsTr.map((row) => {
5133
+ const variant = row.replace(">tr]", ">tr>th]");
5134
+ return `${variant}:sticky ${variant}:right-0 ${variant}:left-0 ${variant}:bg-base-20 dark:${variant}:bg-base-dark`;
5135
+ })
5136
+ ].join(" ")
5137
+ },
5138
+ rowHover: {
5139
+ true: `${variantBodyTr}:hover:bg-base-40 ${variantBodyTr}:hover:[&>td]:bg-base-40 ${variantBodyTr}:hover:[&>th]:bg-base-40 dark:${variantBodyTr}:hover:bg-base-900 dark:${variantBodyTr}:hover:[&>td]:bg-base-900 dark:${variantBodyTr}:hover:[&>th]:bg-base-900`
5140
+ },
5141
+ bordered: {
5142
+ true: "border border-base-master/10 dark:border-base-800"
5143
+ },
5144
+ scrollbarThin: {
5145
+ true: "scrollbar-thin"
5146
+ }
5147
+ },
5148
+ defaultVariants: {
5149
+ size: "md",
5150
+ scrollbarThin: true
5151
+ }
5152
+ };
5153
+
4974
5154
  const themeProse = {
4975
- __proto__: null
5155
+ __proto__: null,
5156
+ tableWrapper: tableWrapper
4976
5157
  };
4977
5158
 
4978
5159
  const descriptionList = {
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.DBz6Z5xw.cjs');
8
+ const templates = require('./shared/b24ui-nuxt.BDw9-NAb.cjs');
9
9
  const tinyglobby = require('tinyglobby');
10
10
  const knitwork = require('knitwork');
11
11
  const MagicString = require('magic-string');
@@ -78,6 +78,18 @@ ${plugins.map((p) => ` app.use(${knitwork.genSafeVariableName(p)})`).join("\n
78
78
  }
79
79
  }
80
80
  `;
81
+ },
82
+ // Argument Vite specific configuration
83
+ vite: {
84
+ config() {
85
+ return {
86
+ // Opt-out Bitrix24 UI from Vite's pre-bundling,
87
+ // as we need Vite's pipeline to resolve imports like `#imports`
88
+ optimizeDeps: {
89
+ exclude: ["@bitrix24/b24ui-nuxt"]
90
+ }
91
+ };
92
+ }
81
93
  }
82
94
  };
83
95
  }
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.BJy-SIWG.mjs';
6
+ import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.aLj37Bax.mjs';
7
7
  import { globSync } from 'tinyglobby';
8
8
  import { genSafeVariableName } from 'knitwork';
9
9
  import MagicString from 'magic-string';
@@ -68,6 +68,18 @@ ${plugins.map((p) => ` app.use(${genSafeVariableName(p)})`).join("\n")}
68
68
  }
69
69
  }
70
70
  `;
71
+ },
72
+ // Argument Vite specific configuration
73
+ vite: {
74
+ config() {
75
+ return {
76
+ // Opt-out Bitrix24 UI from Vite's pre-bundling,
77
+ // as we need Vite's pipeline to resolve imports like `#imports`
78
+ optimizeDeps: {
79
+ exclude: ["@bitrix24/b24ui-nuxt"]
80
+ }
81
+ };
82
+ }
71
83
  }
72
84
  };
73
85
  }
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.DBz6Z5xw.cjs');
9
+ require('./shared/b24ui-nuxt.BDw9-NAb.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.BJy-SIWG.mjs';
7
+ import './shared/b24ui-nuxt.aLj37Bax.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.2.8",
4
+ "version": "0.3.0",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -71,8 +71,8 @@
71
71
  "@nuxt/kit": "^3.15.4",
72
72
  "@nuxt/schema": "^3.15.4",
73
73
  "@nuxtjs/color-mode": "^3.5.2",
74
- "@tailwindcss/postcss": "^4.0.6",
75
- "@tailwindcss/vite": "^4.0.6",
74
+ "@tailwindcss/postcss": "^4.0.8",
75
+ "@tailwindcss/vite": "^4.0.8",
76
76
  "@tanstack/vue-table": "^8.21.2",
77
77
  "@unhead/vue": "^1.11.19",
78
78
  "@vueuse/core": "^12.7.0",
@@ -93,25 +93,26 @@
93
93
  "mlly": "^1.7.4",
94
94
  "ohash": "^1.1.4",
95
95
  "pathe": "^2.0.3",
96
- "reka-ui": "1.0.0-alpha.10",
96
+ "reka-ui": "^2.0.0",
97
97
  "scule": "^1.3.0",
98
+ "sirv": "^3.0.1",
98
99
  "tailwind-variants": "^0.3.1",
99
- "tailwindcss": "^4.0.6",
100
- "tinyglobby": "^0.2.10",
100
+ "tailwindcss": "^4.0.8",
101
+ "tinyglobby": "^0.2.11",
101
102
  "unplugin": "^2.2.0",
102
103
  "unplugin-auto-import": "^19.1.0",
103
- "unplugin-vue-components": "^28.1.0",
104
- "vaul-vue": "^0.2.1"
104
+ "unplugin-vue-components": "^28.4.0",
105
+ "vaul-vue": "^0.3.0"
105
106
  },
106
107
  "devDependencies": {
107
- "@nuxt/eslint-config": "^1.0.1",
108
+ "@nuxt/eslint-config": "^1.1.0",
108
109
  "@nuxt/module-builder": "^0.8.4",
109
- "@nuxt/test-utils": "^3.15.4",
110
+ "@nuxt/test-utils": "^3.17.0",
110
111
  "@standard-schema/spec": "^1.0.0",
111
112
  "@vue/test-utils": "^2.4.6",
112
113
  "embla-carousel": "^8.5.2",
113
114
  "eslint": "^9.20.1",
114
- "happy-dom": "^17.1.0",
115
+ "happy-dom": "^17.1.1",
115
116
  "joi": "^17.13.3",
116
117
  "knitwork": "^1.2.0",
117
118
  "nuxt": "^3.15.4",
@@ -119,7 +120,7 @@
119
120
  "superstruct": "^2.0.2",
120
121
  "valibot": "^0.42.1",
121
122
  "vitepress": "^1.5.0",
122
- "vitest": "^3.0.5",
123
+ "vitest": "^3.0.6",
123
124
  "vitest-environment-nuxt": "^1.0.1",
124
125
  "vue-tsc": "^2.2.0",
125
126
  "yup": "^1.6.1",
@@ -136,7 +137,6 @@
136
137
  "typescript": "5.6.3",
137
138
  "unimport": "3.14.5",
138
139
  "unplugin": "^2.2.0",
139
- "vite": "^6.0.11",
140
140
  "vue": "3.5.13",
141
141
  "vue-tsc": "2.2.0"
142
142
  },