@bitrix24/b24ui-nuxt 0.4.0 → 0.4.2

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 (88) hide show
  1. package/.nuxt/b24ui/button.ts +8 -0
  2. package/.nuxt/b24ui/index.ts +1 -0
  3. package/.nuxt/b24ui/modal.ts +21 -3
  4. package/.nuxt/b24ui/prose/blockquote.ts +5 -0
  5. package/.nuxt/b24ui/prose/em.ts +5 -0
  6. package/.nuxt/b24ui/prose/h1.ts +6 -0
  7. package/.nuxt/b24ui/prose/h2.ts +16 -0
  8. package/.nuxt/b24ui/prose/h3.ts +16 -0
  9. package/.nuxt/b24ui/prose/h4.ts +16 -0
  10. package/.nuxt/b24ui/prose/h5.ts +16 -0
  11. package/.nuxt/b24ui/prose/h6.ts +16 -0
  12. package/.nuxt/b24ui/prose/hr.ts +5 -0
  13. package/.nuxt/b24ui/prose/li.ts +5 -0
  14. package/.nuxt/b24ui/prose/ol.ts +5 -0
  15. package/.nuxt/b24ui/prose/p.ts +5 -0
  16. package/.nuxt/b24ui/prose/strong.ts +5 -0
  17. package/.nuxt/b24ui/prose/ul.ts +5 -0
  18. package/.nuxt/b24ui/slideover.ts +26 -7
  19. package/dist/meta.cjs +32768 -29015
  20. package/dist/meta.d.cts +32768 -29015
  21. package/dist/meta.d.mts +32768 -29015
  22. package/dist/meta.d.ts +32768 -29015
  23. package/dist/meta.mjs +32768 -29015
  24. package/dist/module.cjs +6 -1
  25. package/dist/module.json +1 -1
  26. package/dist/module.mjs +6 -1
  27. package/dist/runtime/components/Advice.vue +3 -0
  28. package/dist/runtime/components/Alert.vue +17 -2
  29. package/dist/runtime/components/Avatar.vue +7 -0
  30. package/dist/runtime/components/AvatarGroup.vue +3 -0
  31. package/dist/runtime/components/Badge.vue +21 -3
  32. package/dist/runtime/components/Button.vue +120 -52
  33. package/dist/runtime/components/ButtonGroup.vue +7 -1
  34. package/dist/runtime/components/Checkbox.vue +6 -0
  35. package/dist/runtime/components/Chip.vue +18 -2
  36. package/dist/runtime/components/Countdown.vue +32 -8
  37. package/dist/runtime/components/{content/DescriptionList.vue → DescriptionList.vue} +19 -8
  38. package/dist/runtime/components/DropdownMenu.vue +14 -2
  39. package/dist/runtime/components/DropdownMenuContent.vue +6 -0
  40. package/dist/runtime/components/FormField.vue +6 -0
  41. package/dist/runtime/components/Input.vue +50 -6
  42. package/dist/runtime/components/InputMenu.vue +67 -15
  43. package/dist/runtime/components/InputNumber.vue +42 -8
  44. package/dist/runtime/components/Kbd.vue +6 -0
  45. package/dist/runtime/components/Link.vue +8 -4
  46. package/dist/runtime/components/Modal.vue +22 -5
  47. package/dist/runtime/components/Progress.vue +19 -3
  48. package/dist/runtime/components/RadioGroup.vue +6 -0
  49. package/dist/runtime/components/Range.vue +9 -1
  50. package/dist/runtime/components/Select.vue +47 -10
  51. package/dist/runtime/components/SelectMenu.vue +52 -12
  52. package/dist/runtime/components/Separator.vue +16 -2
  53. package/dist/runtime/components/Slideover.vue +22 -4
  54. package/dist/runtime/components/Switch.vue +19 -3
  55. package/dist/runtime/components/Tabs.vue +12 -0
  56. package/dist/runtime/components/Textarea.vue +50 -6
  57. package/dist/runtime/components/Toast.vue +13 -2
  58. package/dist/runtime/components/Toaster.vue +8 -0
  59. package/dist/runtime/components/{prose → content}/TableWrapper.vue +27 -3
  60. package/dist/runtime/composables/useComponentIcons.d.ts +9 -2
  61. package/dist/runtime/index.css +1 -1
  62. package/dist/runtime/prose/Blockquote.vue +36 -0
  63. package/dist/runtime/prose/Em.vue +36 -0
  64. package/dist/runtime/prose/H1.vue +36 -0
  65. package/dist/runtime/prose/H2.vue +36 -0
  66. package/dist/runtime/prose/H3.vue +36 -0
  67. package/dist/runtime/prose/H4.vue +36 -0
  68. package/dist/runtime/prose/H5.vue +36 -0
  69. package/dist/runtime/prose/H6.vue +36 -0
  70. package/dist/runtime/prose/Hr.vue +30 -0
  71. package/dist/runtime/prose/Li.vue +36 -0
  72. package/dist/runtime/prose/Ol.vue +36 -0
  73. package/dist/runtime/prose/P.vue +36 -0
  74. package/dist/runtime/prose/Strong.vue +36 -0
  75. package/dist/runtime/prose/Ul.vue +36 -0
  76. package/dist/runtime/types/index.d.ts +16 -2
  77. package/dist/runtime/types/index.js +16 -2
  78. package/dist/runtime/utils/index.js +1 -1
  79. package/dist/runtime/vue/components/Link.vue +10 -6
  80. package/dist/shared/{b24ui-nuxt.BT9wxrhm.cjs → b24ui-nuxt.Bt28CeAD.cjs} +350 -90
  81. package/dist/shared/{b24ui-nuxt.CBO0gAWn.mjs → b24ui-nuxt.Bx_-_mhu.mjs} +350 -90
  82. package/dist/unplugin.cjs +4 -4
  83. package/dist/unplugin.mjs +4 -4
  84. package/dist/vite.cjs +1 -1
  85. package/dist/vite.mjs +1 -1
  86. package/package.json +7 -6
  87. /package/.nuxt/b24ui/{prose → content}/table-wrapper.ts +0 -0
  88. /package/.nuxt/b24ui/{content/description-list.ts → description-list.ts} +0 -0
@@ -713,7 +713,7 @@ const badge = {
713
713
  }
714
714
  };
715
715
 
716
- const safeList = [
716
+ const safeList$1 = [
717
717
  "h-full w-full absolute inset-0 flex flex-row flex-nowrap items-center justify-center",
718
718
  "w-[28px] h-[28px]",
719
719
  "size-lg animate-spin stroke-2",
@@ -731,13 +731,14 @@ const button = {
731
731
  ],
732
732
  baseLine: [
733
733
  "inline-flex items-center"
734
+ // justify-center
734
735
  ].join(" "),
735
736
  label: "truncate",
736
737
  leadingIcon: "shrink-0",
737
738
  leadingAvatar: "shrink-0",
738
739
  leadingAvatarSize: "",
739
740
  trailingIcon: "shrink-0",
740
- safeList
741
+ safeList: safeList$1
741
742
  },
742
743
  variants: {
743
744
  ...buttonGroupVariant,
@@ -888,6 +889,14 @@ const button = {
888
889
  normalCase: {
889
890
  true: "font-semibold normal-case",
890
891
  false: "font-bold uppercase"
892
+ },
893
+ active: {
894
+ true: {
895
+ base: ""
896
+ },
897
+ false: {
898
+ base: ""
899
+ }
891
900
  }
892
901
  },
893
902
  compoundVariants: [
@@ -1606,6 +1615,78 @@ const countdown = {
1606
1615
  }
1607
1616
  };
1608
1617
 
1618
+ const descriptionList = {
1619
+ slots: {
1620
+ root: "w-full shrink-0",
1621
+ legend: "font-semibold text-black dark:text-base-150",
1622
+ text: "text-base-500 dark:text-base-400",
1623
+ container: "grid grid-cols-1 sm:grid-cols-[min(50%,theme(spacing.80))_auto]",
1624
+ labelWrapper: [
1625
+ "col-start-1 border-t first:border-none sm:border-t",
1626
+ "flex flex-nowrap flex-row items-center justify-start gap-1.5",
1627
+ "border-base-950/5 text-base-500 sm:border-base-950/5",
1628
+ "dark:border-white/5 dark:text-base-400 sm:dark:border-white/5"
1629
+ ].join(" "),
1630
+ icon: "shrink-0 size-6 text-base-500 dark:text-base-400",
1631
+ avatar: "shrink-0",
1632
+ avatarSize: "",
1633
+ label: "",
1634
+ descriptionWrapper: [
1635
+ "sm:border-t sm:[&:nth-child(2)]:border-none",
1636
+ "text-base-900 sm:border-base-950/5",
1637
+ "dark:text-base-150 dark:sm:border-white/5"
1638
+ ].join(" "),
1639
+ description: "",
1640
+ actions: "flex flex-wrap gap-1.5 shrink-0",
1641
+ footer: "border-t border-base-950/5 dark:border-white/5"
1642
+ },
1643
+ variants: {
1644
+ size: {
1645
+ sm: {
1646
+ legend: "text-md",
1647
+ text: "mt-1 max-w-2/3 text-sm",
1648
+ container: "mt-2.5 text-md",
1649
+ labelWrapper: "pt-3 sm:py-3",
1650
+ avatarSize: "xs",
1651
+ label: "",
1652
+ descriptionWrapper: "pb-3 pt-1 sm:py-3",
1653
+ description: "",
1654
+ footer: "mt-2 p-2"
1655
+ },
1656
+ md: {
1657
+ legend: "text-xl",
1658
+ text: "mt-2 max-w-2/3 text-lg leading-5",
1659
+ container: "mt-3 text-lg",
1660
+ labelWrapper: "pt-3 sm:py-3",
1661
+ avatarSize: "xs",
1662
+ label: "",
1663
+ descriptionWrapper: "pb-3 pt-1 sm:py-3",
1664
+ description: "",
1665
+ footer: "mt-4 p-4"
1666
+ }
1667
+ },
1668
+ orientation: {
1669
+ horizontal: {
1670
+ descriptionWrapper: "w-full flex flex-row items-center justify-between gap-4",
1671
+ actions: "items-center"
1672
+ },
1673
+ vertical: {
1674
+ descriptionWrapper: "",
1675
+ actions: "items-start mt-2.5"
1676
+ }
1677
+ },
1678
+ title: {
1679
+ true: {
1680
+ description: "mt-1"
1681
+ }
1682
+ }
1683
+ },
1684
+ compoundVariants: [],
1685
+ defaultVariants: {
1686
+ size: "md"
1687
+ }
1688
+ };
1689
+
1609
1690
  const dropdownMenu = {
1610
1691
  slots: {
1611
1692
  content: [
@@ -3268,10 +3349,21 @@ const modal = {
3268
3349
  close: "absolute top-2 end-1.5 p-0.5"
3269
3350
  },
3270
3351
  variants: {
3352
+ overlayBlur: {
3353
+ auto: {
3354
+ overlay: "motion-safe:backdrop-blur-sm"
3355
+ },
3356
+ on: {
3357
+ overlay: "backdrop-blur-sm"
3358
+ },
3359
+ off: {
3360
+ overlay: ""
3361
+ }
3362
+ },
3271
3363
  transition: {
3272
3364
  true: {
3273
- overlay: "data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]",
3274
- content: "data-[state=open]:animate-[scale-in_200ms_ease-out] data-[state=closed]:animate-[scale-out_200ms_ease-in]"
3365
+ overlay: "motion-safe:data-[state=open]:animate-[fade-in_200ms_ease-out] motion-safe:data-[state=closed]:animate-[fade-out_200ms_ease-in]",
3366
+ content: "motion-safe:data-[state=open]:animate-[scale-in_200ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_200ms_ease-in]"
3275
3367
  }
3276
3368
  },
3277
3369
  fullscreen: {
@@ -3294,7 +3386,8 @@ const modal = {
3294
3386
  }
3295
3387
  },
3296
3388
  defaultVariants: {
3297
- scrollbarThin: true
3389
+ scrollbarThin: true,
3390
+ overlayBlur: "auto"
3298
3391
  }
3299
3392
  };
3300
3393
 
@@ -4094,6 +4187,9 @@ const skeleton = {
4094
4187
  base: "animate-pulse rounded-md bg-gray-200 dark:bg-gray-800"
4095
4188
  };
4096
4189
 
4190
+ const safeList = [
4191
+ "group-hover:rounded-full group-hover:border-1 group-hover:border-current"
4192
+ ].join(" ");
4097
4193
  const slideover = {
4098
4194
  slots: {
4099
4195
  overlay: "fixed inset-0 bg-base-950/20 dark:bg-base-950/30",
@@ -4116,9 +4212,21 @@ const slideover = {
4116
4212
  footer: "bg-white dark:bg-base-950 flex items-center justify-center gap-3 py-4 border-t border-t-1 border-t-base-900/10 dark:border-t-white/20 shadow-top-md p-2 pr-(--scrollbar-width)",
4117
4213
  title: "font-b24-system font-light text-4.5xl leading-none text-base-900 dark:text-base-150",
4118
4214
  description: "mt-2 mb-1 text-base-500 dark:text-base-400 text-sm",
4119
- close: "absolute"
4215
+ close: "absolute",
4216
+ safeList
4120
4217
  },
4121
4218
  variants: {
4219
+ overlayBlur: {
4220
+ auto: {
4221
+ overlay: "motion-safe:backdrop-blur-sm"
4222
+ },
4223
+ on: {
4224
+ overlay: "backdrop-blur-sm"
4225
+ },
4226
+ off: {
4227
+ overlay: ""
4228
+ }
4229
+ },
4122
4230
  side: {
4123
4231
  top: {
4124
4232
  content: "inset-x-0 top-0 max-h-full"
@@ -4135,7 +4243,7 @@ const slideover = {
4135
4243
  },
4136
4244
  transition: {
4137
4245
  true: {
4138
- overlay: "data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]"
4246
+ overlay: "motion-safe:data-[state=open]:animate-[fade-in_200ms_ease-out] motion-safe:data-[state=closed]:animate-[fade-out_200ms_ease-in]"
4139
4247
  }
4140
4248
  },
4141
4249
  scrollbarThin: {
@@ -4181,34 +4289,35 @@ const slideover = {
4181
4289
  transition: true,
4182
4290
  side: "top",
4183
4291
  class: {
4184
- content: "data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-top_200ms_ease-in-out]"
4292
+ content: "motion-safe:data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-top_200ms_ease-in-out]"
4185
4293
  }
4186
4294
  },
4187
4295
  {
4188
4296
  transition: true,
4189
4297
  side: "right",
4190
4298
  class: {
4191
- content: "data-[state=open]:animate-[slide-in-from-right_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-right_200ms_ease-in-out]"
4299
+ content: "motion-safe:data-[state=open]:animate-[slide-in-from-right_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-right_200ms_ease-in-out]"
4192
4300
  }
4193
4301
  },
4194
4302
  {
4195
4303
  transition: true,
4196
4304
  side: "bottom",
4197
4305
  class: {
4198
- content: "data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-bottom_200ms_ease-in-out]"
4306
+ content: "motion-safe:data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-bottom_200ms_ease-in-out]"
4199
4307
  }
4200
4308
  },
4201
4309
  {
4202
4310
  transition: true,
4203
4311
  side: "left",
4204
4312
  class: {
4205
- content: "data-[state=open]:animate-[slide-in-from-left_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-left_200ms_ease-in-out]"
4313
+ content: "motion-safe:data-[state=open]:animate-[slide-in-from-left_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-left_200ms_ease-in-out]"
4206
4314
  }
4207
4315
  }
4208
4316
  ],
4209
4317
  defaultVariants: {
4210
4318
  side: "right",
4211
- scrollbarThin: true
4319
+ scrollbarThin: true,
4320
+ overlayBlur: "auto"
4212
4321
  }
4213
4322
  };
4214
4323
 
@@ -5175,6 +5284,7 @@ const theme = {
5175
5284
  chip: chip,
5176
5285
  container: container,
5177
5286
  countdown: countdown,
5287
+ descriptionList: descriptionList,
5178
5288
  dropdownMenu: dropdownMenu,
5179
5289
  form: form,
5180
5290
  formField: formField,
@@ -5200,6 +5310,233 @@ const theme = {
5200
5310
  tooltip: tooltip
5201
5311
  };
5202
5312
 
5313
+ const h1 = {
5314
+ slots: {
5315
+ base: [
5316
+ "mb-2",
5317
+ "text-base-master dark:text-base-150",
5318
+ "scroll-mt-[calc(45px+var(--b24ui-header-height))] lg:scroll-mt-(--b24ui-header-height)",
5319
+ "text-h1"
5320
+ ].join(" "),
5321
+ link: "inline-flex items-center gap-2"
5322
+ }
5323
+ };
5324
+
5325
+ const h2 = {
5326
+ slots: {
5327
+ base: [
5328
+ "relative mb-2",
5329
+ "[&>a>code]:text-xl/7 [&>a>code]:font-bold",
5330
+ "text-base-master dark:text-base-150",
5331
+ "scroll-mt-[calc(48px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(48px+var(--b24ui-header-height))]",
5332
+ "[&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text",
5333
+ "hover:[&>a>code]:text-info-text",
5334
+ "[&>a>code]:border-dashed [&>a>code]:transition-colors",
5335
+ "text-h2"
5336
+ ].join(" "),
5337
+ leading: [
5338
+ "absolute -ms-8 top-1 p-1",
5339
+ "rounded-md hidden lg:flex",
5340
+ "opacity-0 group-hover:opacity-100 group-focus:opacity-100",
5341
+ "bg-base-100 dark:bg-base-900",
5342
+ "text-base-500 dark:text-base-600",
5343
+ "hover:text-outline-info-text",
5344
+ "transition"
5345
+ ],
5346
+ leadingIcon: "size-4 shrink-0",
5347
+ link: "group lg:ps-2 lg:-ms-2"
5348
+ }
5349
+ };
5350
+
5351
+ const h3 = {
5352
+ slots: {
5353
+ base: [
5354
+ "relative mb-2",
5355
+ "[&>a>code]:text-lg/7 [&>a>code]:font-bold",
5356
+ "text-base-master dark:text-base-150",
5357
+ "scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))]",
5358
+ "[&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text",
5359
+ "hover:[&>a>code]:text-info-text",
5360
+ "[&>a>code]:border-dashed [&>a>code]:transition-colors",
5361
+ "text-h3"
5362
+ ].join(" "),
5363
+ leading: [
5364
+ "absolute -ms-8 top-0.5 p-1",
5365
+ "rounded-md hidden lg:flex",
5366
+ "opacity-0 group-hover:opacity-100 group-focus:opacity-100",
5367
+ "bg-base-100 dark:bg-base-900",
5368
+ "text-base-500 dark:text-base-600",
5369
+ "hover:text-outline-info-text",
5370
+ "transition"
5371
+ ],
5372
+ leadingIcon: "size-4 shrink-0",
5373
+ link: "group lg:ps-2 lg:-ms-2"
5374
+ }
5375
+ };
5376
+
5377
+ const h4 = {
5378
+ slots: {
5379
+ base: [
5380
+ "relative mb-2",
5381
+ "[&>a>code]:text-lg/7 [&>a>code]:font-bold",
5382
+ "text-base-master dark:text-base-150",
5383
+ "scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))]",
5384
+ "[&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text",
5385
+ "hover:[&>a>code]:text-info-text",
5386
+ "[&>a>code]:border-dashed [&>a>code]:transition-colors",
5387
+ "text-h4"
5388
+ ].join(" "),
5389
+ leading: [
5390
+ "absolute -ms-8 top-0.5 p-1",
5391
+ "rounded-md hidden lg:flex",
5392
+ "opacity-0 group-hover:opacity-100 group-focus:opacity-100",
5393
+ "bg-base-100 dark:bg-base-900",
5394
+ "text-base-500 dark:text-base-600",
5395
+ "hover:text-outline-info-text",
5396
+ "transition"
5397
+ ],
5398
+ leadingIcon: "size-4 shrink-0",
5399
+ link: "group lg:ps-2 lg:-ms-2"
5400
+ }
5401
+ };
5402
+
5403
+ const h5 = {
5404
+ slots: {
5405
+ base: [
5406
+ "relative mb-2",
5407
+ "[&>a>code]:text-lg/7 [&>a>code]:font-bold",
5408
+ "text-base-master dark:text-base-150",
5409
+ "scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))]",
5410
+ "[&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text",
5411
+ "hover:[&>a>code]:text-info-text",
5412
+ "[&>a>code]:border-dashed [&>a>code]:transition-colors",
5413
+ "text-h5"
5414
+ ].join(" "),
5415
+ leading: [
5416
+ "absolute -ms-8 top-0.5 p-1",
5417
+ "rounded-md hidden lg:flex",
5418
+ "opacity-0 group-hover:opacity-100 group-focus:opacity-100",
5419
+ "bg-base-100 dark:bg-base-900",
5420
+ "text-base-500 dark:text-base-600",
5421
+ "hover:text-outline-info-text",
5422
+ "transition"
5423
+ ],
5424
+ leadingIcon: "size-4 shrink-0",
5425
+ link: "group lg:ps-2 lg:-ms-2"
5426
+ }
5427
+ };
5428
+
5429
+ const h6 = {
5430
+ slots: {
5431
+ base: [
5432
+ "relative mb-2",
5433
+ "[&>a>code]:text-lg/7 [&>a>code]:font-bold",
5434
+ "text-base-master dark:text-base-150",
5435
+ "scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))]",
5436
+ "[&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text",
5437
+ "hover:[&>a>code]:text-info-text",
5438
+ "[&>a>code]:border-dashed [&>a>code]:transition-colors",
5439
+ "text-h6"
5440
+ ].join(" "),
5441
+ leading: [
5442
+ "absolute -ms-8 top-0.5 p-1",
5443
+ "rounded-md hidden lg:flex",
5444
+ "opacity-0 group-hover:opacity-100 group-focus:opacity-100",
5445
+ "bg-base-100 dark:bg-base-900",
5446
+ "text-base-500 dark:text-base-600",
5447
+ "hover:text-outline-info-text",
5448
+ "transition"
5449
+ ],
5450
+ leadingIcon: "size-4 shrink-0",
5451
+ link: "group lg:ps-2 lg:-ms-2"
5452
+ }
5453
+ };
5454
+
5455
+ const p = {
5456
+ slots: {
5457
+ base: [
5458
+ "mb-2",
5459
+ "leading-relaxed",
5460
+ "text-pretty"
5461
+ ].join(" ")
5462
+ }
5463
+ };
5464
+
5465
+ const blockquote = {
5466
+ slots: {
5467
+ base: "mb-2 border-s-4 border-blue-500 dark:border-blue-600 ps-4 italic"
5468
+ }
5469
+ };
5470
+
5471
+ const strong = {
5472
+ slots: {
5473
+ base: ""
5474
+ }
5475
+ };
5476
+
5477
+ const em = {
5478
+ slots: {
5479
+ base: ""
5480
+ }
5481
+ };
5482
+
5483
+ const ol = {
5484
+ slots: {
5485
+ base: [
5486
+ "list-decimal",
5487
+ "ps-2 mb-2 ms-3",
5488
+ "marker:text-base-master dark:marker:text-base-150"
5489
+ ].join(" ")
5490
+ }
5491
+ };
5492
+
5493
+ const ul = {
5494
+ slots: {
5495
+ base: [
5496
+ "list-disc",
5497
+ "ps-2 mb-2 ms-3",
5498
+ "marker:text-base-master dark:marker:text-base-150"
5499
+ ].join(" ")
5500
+ }
5501
+ };
5502
+
5503
+ const li = {
5504
+ slots: {
5505
+ base: [
5506
+ "my-1.5 ps-1.5",
5507
+ "leading-relaxed",
5508
+ "[&>ul]:my-0 [&>ol]:my-0"
5509
+ ].join(" ")
5510
+ }
5511
+ };
5512
+
5513
+ const hr = {
5514
+ slots: {
5515
+ base: [
5516
+ "my-4",
5517
+ "border-t border-base-master/10 dark:border-base-100/20"
5518
+ ].join(" ")
5519
+ }
5520
+ };
5521
+
5522
+ const themeProse = {
5523
+ __proto__: null,
5524
+ blockquote: blockquote,
5525
+ em: em,
5526
+ h1: h1,
5527
+ h2: h2,
5528
+ h3: h3,
5529
+ h4: h4,
5530
+ h5: h5,
5531
+ h6: h6,
5532
+ hr: hr,
5533
+ li: li,
5534
+ ol: ol,
5535
+ p: p,
5536
+ strong: strong,
5537
+ ul: ul
5538
+ };
5539
+
5203
5540
  const variantTable = "[&>table]";
5204
5541
  const variantHeadTr = "[&>table>thead>tr]";
5205
5542
  const variantBodyTr = "[&>table>tbody>tr]";
@@ -5285,86 +5622,9 @@ const tableWrapper = {
5285
5622
  }
5286
5623
  };
5287
5624
 
5288
- const themeProse = {
5289
- __proto__: null,
5290
- tableWrapper: tableWrapper
5291
- };
5292
-
5293
- const descriptionList = {
5294
- slots: {
5295
- root: "w-full shrink-0",
5296
- legend: "font-semibold text-black dark:text-base-150",
5297
- text: "text-base-500 dark:text-base-400",
5298
- container: "grid grid-cols-1 sm:grid-cols-[min(50%,theme(spacing.80))_auto]",
5299
- labelWrapper: [
5300
- "col-start-1 border-t first:border-none sm:border-t",
5301
- "flex flex-nowrap flex-row items-center justify-start gap-1.5",
5302
- "border-base-950/5 text-base-500 sm:border-base-950/5",
5303
- "dark:border-white/5 dark:text-base-400 sm:dark:border-white/5"
5304
- ].join(" "),
5305
- icon: "shrink-0 size-6 text-base-500 dark:text-base-400",
5306
- avatar: "shrink-0",
5307
- avatarSize: "",
5308
- label: "",
5309
- descriptionWrapper: [
5310
- "sm:border-t sm:[&:nth-child(2)]:border-none",
5311
- "text-base-900 sm:border-base-950/5",
5312
- "dark:text-base-150 dark:sm:border-white/5"
5313
- ].join(" "),
5314
- description: "",
5315
- actions: "flex flex-wrap gap-1.5 shrink-0",
5316
- footer: "border-t border-base-950/5 dark:border-white/5"
5317
- },
5318
- variants: {
5319
- size: {
5320
- sm: {
5321
- legend: "text-md",
5322
- text: "mt-1 max-w-2/3 text-sm",
5323
- container: "mt-2.5 text-md",
5324
- labelWrapper: "pt-3 sm:py-3",
5325
- avatarSize: "xs",
5326
- label: "",
5327
- descriptionWrapper: "pb-3 pt-1 sm:py-3",
5328
- description: "",
5329
- footer: "mt-2 p-2"
5330
- },
5331
- md: {
5332
- legend: "text-xl",
5333
- text: "mt-2 max-w-2/3 text-lg leading-5",
5334
- container: "mt-3 text-lg",
5335
- labelWrapper: "pt-3 sm:py-3",
5336
- avatarSize: "xs",
5337
- label: "",
5338
- descriptionWrapper: "pb-3 pt-1 sm:py-3",
5339
- description: "",
5340
- footer: "mt-4 p-4"
5341
- }
5342
- },
5343
- orientation: {
5344
- horizontal: {
5345
- descriptionWrapper: "w-full flex flex-row items-center justify-between gap-4",
5346
- actions: "items-center"
5347
- },
5348
- vertical: {
5349
- descriptionWrapper: "",
5350
- actions: "items-start mt-2.5"
5351
- }
5352
- },
5353
- title: {
5354
- true: {
5355
- description: "mt-1"
5356
- }
5357
- }
5358
- },
5359
- compoundVariants: [],
5360
- defaultVariants: {
5361
- size: "md"
5362
- }
5363
- };
5364
-
5365
5625
  const themeContent = {
5366
5626
  __proto__: null,
5367
- descriptionList: descriptionList
5627
+ tableWrapper: tableWrapper
5368
5628
  };
5369
5629
 
5370
5630
  function replaceBrackets(value) {
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.BT9wxrhm.cjs');
8
+ const templates = require('./shared/b24ui-nuxt.Bt28CeAD.cjs');
9
9
  const tinyglobby = require('tinyglobby');
10
10
  const knitwork = require('knitwork');
11
11
  const MagicString = require('magic-string');
@@ -117,8 +117,8 @@ function ComponentImportPlugin(options, meta) {
117
117
  const componentNames = new Set(components.map((c) => `B24${c.replace(/\.vue$/, "")}`));
118
118
  const componentsContent = tinyglobby.globSync("**/*.vue", { cwd: pathe.join(runtimeDir, "components/content") });
119
119
  const componentContentNames = new Set(componentsContent.map((c) => `B24${c.replace(/\.vue$/, "")}`));
120
- const componentsProse = tinyglobby.globSync("**/*.vue", { cwd: pathe.join(runtimeDir, "components/prose") });
121
- const componentProseNames = new Set(componentsProse.map((c) => `B24${c.replace(/\.vue$/, "")}`));
120
+ const componentsProse = tinyglobby.globSync("**/*.vue", { cwd: pathe.join(runtimeDir, "prose") });
121
+ const componentProseNames = new Set(componentsProse.map((c) => `Prose${c.replace(/\.vue$/, "")}`));
122
122
  const overrides = tinyglobby.globSync("**/*.vue", { cwd: pathe.join(runtimeDir, "vue/components") });
123
123
  const overrideNames = new Set(overrides.map((c) => `B24${c.replace(/\.vue$/, "")}`));
124
124
  const pluginOptions = defu.defu(options.components, {
@@ -129,7 +129,7 @@ function ComponentImportPlugin(options, meta) {
129
129
  if (overrideNames.has(componentName))
130
130
  return { name: "default", from: pathe.join(runtimeDir, "vue/components", `${componentName.slice("B24".length)}.vue`) };
131
131
  if (componentProseNames.has(componentName))
132
- return { name: "default", from: pathe.join(runtimeDir, "components/prose", `${componentName.slice("B24".length)}.vue`) };
132
+ return { name: "default", from: pathe.join(runtimeDir, "prose", `${componentName.slice("Prose".length)}.vue`) };
133
133
  if (componentContentNames.has(componentName))
134
134
  return { name: "default", from: pathe.join(runtimeDir, "components/content", `${componentName.slice("B24".length)}.vue`) };
135
135
  if (componentNames.has(componentName))
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.CBO0gAWn.mjs';
6
+ import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.Bx_-_mhu.mjs';
7
7
  import { globSync } from 'tinyglobby';
8
8
  import { genSafeVariableName } from 'knitwork';
9
9
  import MagicString from 'magic-string';
@@ -107,8 +107,8 @@ function ComponentImportPlugin(options, meta) {
107
107
  const componentNames = new Set(components.map((c) => `B24${c.replace(/\.vue$/, "")}`));
108
108
  const componentsContent = globSync("**/*.vue", { cwd: join(runtimeDir, "components/content") });
109
109
  const componentContentNames = new Set(componentsContent.map((c) => `B24${c.replace(/\.vue$/, "")}`));
110
- const componentsProse = globSync("**/*.vue", { cwd: join(runtimeDir, "components/prose") });
111
- const componentProseNames = new Set(componentsProse.map((c) => `B24${c.replace(/\.vue$/, "")}`));
110
+ const componentsProse = globSync("**/*.vue", { cwd: join(runtimeDir, "prose") });
111
+ const componentProseNames = new Set(componentsProse.map((c) => `Prose${c.replace(/\.vue$/, "")}`));
112
112
  const overrides = globSync("**/*.vue", { cwd: join(runtimeDir, "vue/components") });
113
113
  const overrideNames = new Set(overrides.map((c) => `B24${c.replace(/\.vue$/, "")}`));
114
114
  const pluginOptions = defu(options.components, {
@@ -119,7 +119,7 @@ function ComponentImportPlugin(options, meta) {
119
119
  if (overrideNames.has(componentName))
120
120
  return { name: "default", from: join(runtimeDir, "vue/components", `${componentName.slice("B24".length)}.vue`) };
121
121
  if (componentProseNames.has(componentName))
122
- return { name: "default", from: join(runtimeDir, "components/prose", `${componentName.slice("B24".length)}.vue`) };
122
+ return { name: "default", from: join(runtimeDir, "prose", `${componentName.slice("Prose".length)}.vue`) };
123
123
  if (componentContentNames.has(componentName))
124
124
  return { name: "default", from: join(runtimeDir, "components/content", `${componentName.slice("B24".length)}.vue`) };
125
125
  if (componentNames.has(componentName))
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.BT9wxrhm.cjs');
9
+ require('./shared/b24ui-nuxt.Bt28CeAD.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.CBO0gAWn.mjs';
7
+ import './shared/b24ui-nuxt.Bx_-_mhu.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.4.0",
4
+ "version": "0.4.2",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -35,6 +35,7 @@
35
35
  "types": "./vue-plugin.d.ts"
36
36
  },
37
37
  "./runtime/*": "./dist/runtime/*",
38
+ "./prose/*": "./dist/runtime/prose/*",
38
39
  "./components/*": "./dist/runtime/components/*",
39
40
  "./composables/*": "./dist/runtime/composables/*",
40
41
  "./types/*": "./dist/runtime/types/*",
@@ -74,8 +75,8 @@
74
75
  "@nuxt/kit": "^3.15.4",
75
76
  "@nuxt/schema": "^3.15.4",
76
77
  "@nuxtjs/color-mode": "^3.5.2",
77
- "@tailwindcss/postcss": "^4.0.9",
78
- "@tailwindcss/vite": "^4.0.9",
78
+ "@tailwindcss/postcss": "^4.0.10",
79
+ "@tailwindcss/vite": "^4.0.10",
79
80
  "@tanstack/vue-table": "^8.21.2",
80
81
  "@unhead/vue": "^1.11.19",
81
82
  "@vueuse/core": "^12.7.0",
@@ -95,12 +96,12 @@
95
96
  "knitwork": "^1.2.0",
96
97
  "magic-string": "^0.30.17",
97
98
  "mlly": "^1.7.4",
98
- "ohash": "^1.1.4",
99
+ "ohash": "^2.0.10",
99
100
  "pathe": "^2.0.3",
100
101
  "reka-ui": "^2.0.2",
101
102
  "scule": "^1.3.0",
102
103
  "tailwind-variants": "^0.3.1",
103
- "tailwindcss": "^4.0.9",
104
+ "tailwindcss": "^4.0.10",
104
105
  "tinyglobby": "^0.2.12",
105
106
  "unplugin": "^2.2.0",
106
107
  "unplugin-auto-import": "^19.1.1",
@@ -111,7 +112,7 @@
111
112
  "@types/canvas-confetti": "^1.9.0",
112
113
  "@nuxt/eslint-config": "^1.1.0",
113
114
  "@nuxt/module-builder": "^0.8.4",
114
- "@nuxt/test-utils": "^3.17.0",
115
+ "@nuxt/test-utils": "^3.17.1",
115
116
  "@standard-schema/spec": "^1.0.0",
116
117
  "@vue/test-utils": "^2.4.6",
117
118
  "embla-carousel": "^8.5.2",
File without changes