@bitrix24/b24ui-nuxt 2.0.6 → 2.0.8

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 (150) hide show
  1. package/dist/meta.d.mts +160 -14
  2. package/dist/meta.mjs +160 -14
  3. package/dist/module.json +1 -1
  4. package/dist/module.mjs +1 -1
  5. package/dist/runtime/components/ChatPrompt.vue +4 -3
  6. package/dist/runtime/components/ChatPromptSubmit.d.vue.ts +3 -2
  7. package/dist/runtime/components/ChatPromptSubmit.vue +4 -3
  8. package/dist/runtime/components/ChatPromptSubmit.vue.d.ts +3 -2
  9. package/dist/runtime/components/NavigationMenu.vue +2 -2
  10. package/dist/runtime/components/RadioGroup.d.vue.ts +5 -5
  11. package/dist/runtime/components/RadioGroup.vue +1 -1
  12. package/dist/runtime/components/RadioGroup.vue.d.ts +5 -5
  13. package/dist/runtime/components/Tabs.vue +1 -1
  14. package/dist/runtime/dictionary/icons.d.ts +1 -0
  15. package/dist/runtime/dictionary/icons.js +2 -0
  16. package/dist/shared/{b24ui-nuxt.DX94P9Wb.mjs → b24ui-nuxt.CEMVb5Ee.mjs} +50 -21
  17. package/dist/unplugin.mjs +29 -1
  18. package/dist/vite.mjs +3 -1
  19. package/package.json +9 -20
  20. package/.nuxt/b24ui/accordion.ts +0 -20
  21. package/.nuxt/b24ui/advice.ts +0 -36
  22. package/.nuxt/b24ui/alert.ts +0 -176
  23. package/.nuxt/b24ui/avatar-group.ts +0 -52
  24. package/.nuxt/b24ui/avatar.ts +0 -63
  25. package/.nuxt/b24ui/badge.ts +0 -333
  26. package/.nuxt/b24ui/banner.ts +0 -78
  27. package/.nuxt/b24ui/breadcrumb.ts +0 -42
  28. package/.nuxt/b24ui/button.ts +0 -342
  29. package/.nuxt/b24ui/calendar.ts +0 -112
  30. package/.nuxt/b24ui/card.ts +0 -180
  31. package/.nuxt/b24ui/chat-message.ts +0 -123
  32. package/.nuxt/b24ui/chat-messages.ts +0 -14
  33. package/.nuxt/b24ui/chat-palette.ts +0 -8
  34. package/.nuxt/b24ui/chat-prompt-submit.ts +0 -5
  35. package/.nuxt/b24ui/chat-prompt.ts +0 -35
  36. package/.nuxt/b24ui/checkbox-group.ts +0 -255
  37. package/.nuxt/b24ui/checkbox.ts +0 -195
  38. package/.nuxt/b24ui/chip.ts +0 -238
  39. package/.nuxt/b24ui/collapsible.ts +0 -6
  40. package/.nuxt/b24ui/color-picker.ts +0 -42
  41. package/.nuxt/b24ui/command-palette.ts +0 -56
  42. package/.nuxt/b24ui/container.ts +0 -3
  43. package/.nuxt/b24ui/content/content-search-button.ts +0 -6
  44. package/.nuxt/b24ui/content/content-search.ts +0 -13
  45. package/.nuxt/b24ui/content/content-surround.ts +0 -21
  46. package/.nuxt/b24ui/content/content-toc.ts +0 -41
  47. package/.nuxt/b24ui/context-menu.ts +0 -91
  48. package/.nuxt/b24ui/countdown.ts +0 -89
  49. package/.nuxt/b24ui/dashboard-group.ts +0 -3
  50. package/.nuxt/b24ui/dashboard-search-button.ts +0 -6
  51. package/.nuxt/b24ui/dashboard-search.ts +0 -13
  52. package/.nuxt/b24ui/description-list.ts +0 -67
  53. package/.nuxt/b24ui/dropdown-menu.ts +0 -166
  54. package/.nuxt/b24ui/empty.ts +0 -145
  55. package/.nuxt/b24ui/error.ts +0 -9
  56. package/.nuxt/b24ui/field-group.ts +0 -17
  57. package/.nuxt/b24ui/file-upload.ts +0 -241
  58. package/.nuxt/b24ui/form-field.ts +0 -58
  59. package/.nuxt/b24ui/form.ts +0 -3
  60. package/.nuxt/b24ui/index.ts +0 -88
  61. package/.nuxt/b24ui/input-menu.ts +0 -631
  62. package/.nuxt/b24ui/input-number.ts +0 -426
  63. package/.nuxt/b24ui/input-tags.ts +0 -412
  64. package/.nuxt/b24ui/input.ts +0 -386
  65. package/.nuxt/b24ui/kbd.ts +0 -33
  66. package/.nuxt/b24ui/link.ts +0 -22
  67. package/.nuxt/b24ui/modal.ts +0 -57
  68. package/.nuxt/b24ui/navbar-divider.ts +0 -5
  69. package/.nuxt/b24ui/navbar-section.ts +0 -5
  70. package/.nuxt/b24ui/navbar-spacer.ts +0 -5
  71. package/.nuxt/b24ui/navbar.ts +0 -5
  72. package/.nuxt/b24ui/navigation-menu.ts +0 -155
  73. package/.nuxt/b24ui/page-card.ts +0 -489
  74. package/.nuxt/b24ui/page-columns.ts +0 -3
  75. package/.nuxt/b24ui/page-grid.ts +0 -3
  76. package/.nuxt/b24ui/page-links.ts +0 -26
  77. package/.nuxt/b24ui/page-list.ts +0 -8
  78. package/.nuxt/b24ui/pagination.ts +0 -13
  79. package/.nuxt/b24ui/pin-input.ts +0 -152
  80. package/.nuxt/b24ui/popover.ts +0 -6
  81. package/.nuxt/b24ui/progress.ts +0 -289
  82. package/.nuxt/b24ui/prose/a.ts +0 -5
  83. package/.nuxt/b24ui/prose/accordion-item.ts +0 -3
  84. package/.nuxt/b24ui/prose/accordion.ts +0 -6
  85. package/.nuxt/b24ui/prose/badge.ts +0 -3
  86. package/.nuxt/b24ui/prose/blockquote.ts +0 -5
  87. package/.nuxt/b24ui/prose/callout.ts +0 -83
  88. package/.nuxt/b24ui/prose/card-group.ts +0 -3
  89. package/.nuxt/b24ui/prose/card.ts +0 -86
  90. package/.nuxt/b24ui/prose/code-collapse.ts +0 -19
  91. package/.nuxt/b24ui/prose/code-group.ts +0 -10
  92. package/.nuxt/b24ui/prose/code-icon.ts +0 -66
  93. package/.nuxt/b24ui/prose/code-preview.ts +0 -14
  94. package/.nuxt/b24ui/prose/code.ts +0 -75
  95. package/.nuxt/b24ui/prose/collapsible.ts +0 -9
  96. package/.nuxt/b24ui/prose/em.ts +0 -5
  97. package/.nuxt/b24ui/prose/field-group.ts +0 -3
  98. package/.nuxt/b24ui/prose/field.ts +0 -11
  99. package/.nuxt/b24ui/prose/h1.ts +0 -26
  100. package/.nuxt/b24ui/prose/h2.ts +0 -28
  101. package/.nuxt/b24ui/prose/h3.ts +0 -28
  102. package/.nuxt/b24ui/prose/h4.ts +0 -28
  103. package/.nuxt/b24ui/prose/h5.ts +0 -25
  104. package/.nuxt/b24ui/prose/h6.ts +0 -25
  105. package/.nuxt/b24ui/prose/hr.ts +0 -5
  106. package/.nuxt/b24ui/prose/img.ts +0 -23
  107. package/.nuxt/b24ui/prose/index.ts +0 -41
  108. package/.nuxt/b24ui/prose/kbd.ts +0 -3
  109. package/.nuxt/b24ui/prose/li.ts +0 -5
  110. package/.nuxt/b24ui/prose/ol.ts +0 -5
  111. package/.nuxt/b24ui/prose/p.ts +0 -30
  112. package/.nuxt/b24ui/prose/pre.ts +0 -17
  113. package/.nuxt/b24ui/prose/steps.ts +0 -19
  114. package/.nuxt/b24ui/prose/strong.ts +0 -5
  115. package/.nuxt/b24ui/prose/table.ts +0 -6
  116. package/.nuxt/b24ui/prose/tabs-item.ts +0 -3
  117. package/.nuxt/b24ui/prose/tabs.ts +0 -5
  118. package/.nuxt/b24ui/prose/tbody.ts +0 -5
  119. package/.nuxt/b24ui/prose/td.ts +0 -5
  120. package/.nuxt/b24ui/prose/th.ts +0 -5
  121. package/.nuxt/b24ui/prose/thead.ts +0 -5
  122. package/.nuxt/b24ui/prose/tr.ts +0 -5
  123. package/.nuxt/b24ui/prose/ul.ts +0 -5
  124. package/.nuxt/b24ui/radio-group.ts +0 -303
  125. package/.nuxt/b24ui/range.ts +0 -184
  126. package/.nuxt/b24ui/select-menu.ts +0 -554
  127. package/.nuxt/b24ui/select.ts +0 -533
  128. package/.nuxt/b24ui/separator.ts +0 -131
  129. package/.nuxt/b24ui/sidebar-body.ts +0 -15
  130. package/.nuxt/b24ui/sidebar-footer.ts +0 -5
  131. package/.nuxt/b24ui/sidebar-header.ts +0 -5
  132. package/.nuxt/b24ui/sidebar-heading.ts +0 -5
  133. package/.nuxt/b24ui/sidebar-layout.ts +0 -160
  134. package/.nuxt/b24ui/sidebar-section.ts +0 -5
  135. package/.nuxt/b24ui/sidebar-spacer.ts +0 -5
  136. package/.nuxt/b24ui/sidebar.ts +0 -5
  137. package/.nuxt/b24ui/skeleton.ts +0 -21
  138. package/.nuxt/b24ui/slideover.ts +0 -130
  139. package/.nuxt/b24ui/stepper.ts +0 -187
  140. package/.nuxt/b24ui/switch.ts +0 -139
  141. package/.nuxt/b24ui/table-wrapper.ts +0 -46
  142. package/.nuxt/b24ui/table.ts +0 -131
  143. package/.nuxt/b24ui/tabs.ts +0 -119
  144. package/.nuxt/b24ui/textarea.ts +0 -186
  145. package/.nuxt/b24ui/timeline.ts +0 -211
  146. package/.nuxt/b24ui/toast.ts +0 -95
  147. package/.nuxt/b24ui/toaster.ts +0 -91
  148. package/.nuxt/b24ui/tooltip.ts +0 -10
  149. package/.nuxt/b24ui/user.ts +0 -95
  150. package/.nuxt/b24ui.css +0 -5
@@ -1,180 +0,0 @@
1
- const variant = [
2
- "filled",
3
- "filled-success",
4
- "filled-alert",
5
- "filled-warning",
6
- "filled-copilot",
7
- "filled-no-accent",
8
- "filled-black",
9
- "tinted",
10
- "tinted-alt",
11
- "tinted-accent-1",
12
- "tinted-success",
13
- "tinted-alert",
14
- "tinted-warning",
15
- "tinted-no-accent",
16
- "outline",
17
- "outline-alt",
18
- "outline-accent",
19
- "outline-accent-2",
20
- "outline-success",
21
- "outline-alert",
22
- "outline-warning",
23
- "outline-copilot",
24
- "outline-no-accent",
25
- "plain",
26
- "plain-accent",
27
- "plain-no-accent",
28
- "selection"
29
- ] as const
30
-
31
- export default {
32
- "slots": {
33
- "root": "overflow-hidden rounded-(--ui-border-radius-md)",
34
- "header": "p-[24px] sm:px-[22px] sm:py-[15px]",
35
- "body": "p-[24px] sm:px-[22px] sm:py-[15px]",
36
- "footer": "p-[24px] sm:px-[22px] sm:py-[15px]"
37
- },
38
- "variants": {
39
- "variant": {
40
- "filled": {
41
- "root": "bg-(--ui-color-design-filled-bg) border border-(--ui-color-design-filled-stroke) border-(length:--ui-design-filled-stroke-weight) text-(--ui-color-design-filled-content)",
42
- "header": "border-b border-(--ui-color-design-filled-content-divider) border-b-1",
43
- "footer": "border-t border-(--ui-color-design-filled-content-divider) border-t-1"
44
- },
45
- "filled-success": {
46
- "root": "bg-(--ui-color-design-filled-success-bg) border border-(--ui-color-design-filled-success-stroke) border-(length:--ui-design-filled-success-stroke-weight) text-(--ui-color-design-filled-success-content)",
47
- "header": "border-b border-(--ui-color-design-filled-success-content-divider) border-b-1",
48
- "footer": "border-t border-(--ui-color-design-filled-success-content-divider) border-t-1"
49
- },
50
- "filled-alert": {
51
- "root": "bg-(--ui-color-design-filled-alert-bg) border border-(--ui-color-design-filled-alert-stroke) border-(length:--ui-design-filled-alert-stroke-weight) text-(--ui-color-design-filled-alert-content)",
52
- "header": "border-b border-(--ui-color-design-filled-alert-content-divider) border-b-1",
53
- "footer": "border-t border-(--ui-color-design-filled-alert-content-divider) border-t-1"
54
- },
55
- "filled-warning": {
56
- "root": "bg-(--ui-color-design-filled-warning-bg) border border-(--ui-color-design-filled-warning-stroke) border-(length:--ui-design-filled-warning-stroke-weight) text-(--ui-color-design-filled-warning-content)",
57
- "header": "border-b border-(--ui-color-design-filled-warning-content-divider) border-b-1",
58
- "footer": "border-t border-(--ui-color-design-filled-warning-content-divider) border-t-1"
59
- },
60
- "filled-copilot": {
61
- "root": "bg-(--ui-color-design-filled-copilot-bg) border border-(--ui-color-design-filled-copilot-stroke) border-(length:--ui-design-filled-copilot-stroke-weight) text-(--ui-color-design-filled-copilot-content)",
62
- "header": "border-b border-(--ui-color-design-filled-copilot-content-divider) border-b-1",
63
- "footer": "border-t border-(--ui-color-design-filled-copilot-content-divider) border-t-1"
64
- },
65
- "filled-no-accent": {
66
- "root": "bg-(--ui-color-design-filled-na-bg) border border-(--ui-color-design-filled-na-stroke) border-(length:--ui-design-filled-na-stroke-weight) text-(--ui-color-design-filled-na-content)",
67
- "header": "border-b border-(--ui-color-design-filled-na-content-divider) border-b-1",
68
- "footer": "border-t border-(--ui-color-design-filled-na-content-divider) border-t-1"
69
- },
70
- "filled-black": {
71
- "root": "bg-(--ui-color-design-filled-black-bg) border border-(--ui-color-design-filled-black-stroke) border-(length:--ui-design-filled-black-stroke-weight) text-(--ui-color-design-filled-black-content)",
72
- "header": "border-b border-(--ui-color-design-filled-black-content-divider) border-b-1",
73
- "footer": "border-t border-(--ui-color-design-filled-black-content-divider) border-t-1"
74
- },
75
- "tinted": {
76
- "root": "bg-(--ui-color-design-tinted-bg) border border-(--ui-color-design-tinted-stroke) border-(length:--ui-design-tinted-stroke-weight) text-(--ui-color-design-tinted-content)",
77
- "header": "border-b border-(--ui-color-design-tinted-content-divider) border-b-1",
78
- "footer": "border-t border-(--ui-color-design-tinted-content-divider) border-t-1"
79
- },
80
- "tinted-alt": {
81
- "root": "bg-(--ui-color-design-tinted-bg-alt) border border-(--ui-color-design-tinted-stroke) border-(length:--ui-design-tinted-stroke-weight) text-(--ui-color-design-tinted-content)",
82
- "header": "border-b border-(--ui-color-design-tinted-content-divider) border-b-1",
83
- "footer": "border-t border-(--ui-color-design-tinted-content-divider) border-t-1"
84
- },
85
- "tinted-accent-1": {
86
- "root": "bg-(--ui-color-design-tinted-a1-bg) border border-(--ui-color-design-tinted-a1-stroke) border-(length:--ui-design-tinted-a1-stroke-weight) text-(--ui-color-design-tinted-a1-content)",
87
- "header": "border-b border-(--ui-color-design-tinted-a1-content-divider) border-b-1",
88
- "footer": "border-t border-(--ui-color-design-tinted-a1-content-divider) border-t-1"
89
- },
90
- "tinted-success": {
91
- "root": "bg-(--ui-color-design-tinted-success-bg) border border-(--ui-color-design-tinted-success-stroke) border-(length:--ui-design-tinted-success-stroke-weight) text-(--ui-color-design-tinted-success-content)",
92
- "header": "border-b border-(--ui-color-design-tinted-success-content-divider) border-b-1",
93
- "footer": "border-t border-(--ui-color-design-tinted-success-content-divider) border-t-1"
94
- },
95
- "tinted-alert": {
96
- "root": "bg-(--ui-color-design-tinted-alert-bg) border border-(--ui-color-design-tinted-alert-stroke) border-(length:--ui-design-tinted-alert-stroke-weight) text-(--ui-color-design-tinted-alert-content)",
97
- "header": "border-b border-(--ui-color-design-tinted-alert-content-divider) border-b-1",
98
- "footer": "border-t border-(--ui-color-design-tinted-alert-content-divider) border-t-1"
99
- },
100
- "tinted-warning": {
101
- "root": "bg-(--ui-color-design-tinted-warning-bg) border border-(--ui-color-design-tinted-warning-stroke) border-(length:--ui-design-tinted-warning-stroke-weight) text-(--ui-color-design-tinted-warning-content)",
102
- "header": "border-b border-(--ui-color-design-tinted-warning-content-divider) border-b-1",
103
- "footer": "border-t border-(--ui-color-design-tinted-warning-content-divider) border-t-1"
104
- },
105
- "tinted-no-accent": {
106
- "root": "bg-(--ui-color-design-tinted-na-bg) border border-(--ui-color-design-tinted-na-stroke) border-(length:--ui-design-tinted-na-stroke-weight) text-(--ui-color-design-tinted-na-content)",
107
- "header": "border-b border-(--ui-color-design-tinted-na-content-divider) border-b-1",
108
- "footer": "border-t border-(--ui-color-design-tinted-na-content-divider) border-t-1"
109
- },
110
- "outline": {
111
- "root": "bg-(--ui-color-design-outline-bg) border border-(--ui-color-design-outline-stroke) border-(length:--ui-design-outline-stroke-weight) text-(--ui-color-design-outline-content)",
112
- "header": "border-b border-(--ui-color-design-outline-content-divider) border-b-1",
113
- "footer": "border-t border-(--ui-color-design-outline-content-divider) border-t-1"
114
- },
115
- "outline-alt": {
116
- "root": "bg-(--ui-color-design-outline-bg-alt) border border-(--ui-color-design-outline-content-divider) border-(length:--ui-design-outline-stroke-weight-alt) text-(--ui-color-design-outline-content)",
117
- "header": "border-b border-(--ui-color-design-outline-content-divider) border-b-1",
118
- "footer": "border-t border-(--ui-color-design-outline-content-divider) border-t-1"
119
- },
120
- "outline-accent": {
121
- "root": "bg-(--ui-color-design-outline-a1-bg) border border-(--ui-color-design-outline-a1-stroke) border-(length:--ui-design-outline-a1-stroke-weight) text-(--ui-color-design-outline-a1-content)",
122
- "header": "border-b border-(--ui-color-design-outline-a1-content-divider) border-b-1",
123
- "footer": "border-t border-(--ui-color-design-outline-a1-content-divider) border-t-1"
124
- },
125
- "outline-accent-2": {
126
- "root": "bg-(--ui-color-design-outline-a2-bg) border border-(--ui-color-design-outline-a2-stroke) border-(length:--ui-design-outline-a2-stroke-weight) text-(--ui-color-design-outline-a2-content)",
127
- "header": "border-b border-(--ui-color-design-outline-a2-content-divider) border-b-1",
128
- "footer": "border-t border-(--ui-color-design-outline-a2-content-divider) border-t-1"
129
- },
130
- "outline-success": {
131
- "root": "bg-(--ui-color-design-outline-success-bg) border border-(--ui-color-design-outline-success-stroke) border-(length:--ui-design-outline-success-stroke-weight) text-(--ui-color-design-outline-success-content)",
132
- "header": "border-b border-(--ui-color-design-outline-success-content-divider) border-b-1",
133
- "footer": "border-t border-(--ui-color-design-outline-success-content-divider) border-t-1"
134
- },
135
- "outline-alert": {
136
- "root": "bg-(--ui-color-design-outline-alert-bg) border border-(--ui-color-design-outline-alert-stroke) border-(length:--ui-design-outline-alert-stroke-weight) text-(--ui-color-design-outline-alert-content)",
137
- "header": "border-b border-(--ui-color-design-outline-alert-content-divider) border-b-1",
138
- "footer": "border-t border-(--ui-color-design-outline-alert-content-divider) border-t-1"
139
- },
140
- "outline-warning": {
141
- "root": "bg-(--ui-color-design-outline-warning-bg) border border-(--ui-color-design-outline-warning-stroke) border-(length:--ui-design-outline-warning-stroke-weight) text-(--ui-color-design-outline-warning-content)",
142
- "header": "border-b border-(--ui-color-design-outline-warning-content-divider) border-b-1",
143
- "footer": "border-t border-(--ui-color-design-outline-warning-content-divider) border-t-1"
144
- },
145
- "outline-copilot": {
146
- "root": "bg-(--ui-color-design-outline-copilot-bg) border border-(--ui-color-design-outline-copilot-stroke) border-(length:--ui-design-outline-copilot-stroke-weight) text-(--ui-color-design-outline-copilot-content)",
147
- "header": "border-b border-(--ui-color-design-outline-copilot-content-divider) border-b-1",
148
- "footer": "border-t border-(--ui-color-design-outline-copilot-content-divider) border-t-1"
149
- },
150
- "outline-no-accent": {
151
- "root": "bg-(--ui-color-design-outline-na-bg) border border-(--ui-color-design-outline-na-stroke) border-(length:--ui-design-outline-na-stroke-weight) text-(--ui-color-design-outline-na-content)",
152
- "header": "border-b border-(--ui-color-design-outline-na-content-divider) border-b-1",
153
- "footer": "border-t border-(--ui-color-design-outline-na-content-divider) border-t-1"
154
- },
155
- "plain": {
156
- "root": "bg-(--ui-color-design-plain-bg) border border-(--ui-color-design-plain-stroke) border-(length:--ui-design-plain-stroke-weight) text-(--ui-color-design-plain-content)",
157
- "header": "border-b border-(--ui-color-design-plain-content-divider) border-b-1",
158
- "footer": "border-t border-(--ui-color-design-plain-content-divider) border-t-1"
159
- },
160
- "plain-accent": {
161
- "root": "bg-(--ui-color-design-plain-a-bg) border border-(--ui-color-design-plain-a-stroke) border-(length:--ui-design-plain-a-stroke-weight) text-(--ui-color-design-plain-a-content)",
162
- "header": "border-b border-(--ui-color-design-plain-a-content-divider) border-b-1",
163
- "footer": "border-t border-(--ui-color-design-plain-a-content-divider) border-t-1"
164
- },
165
- "plain-no-accent": {
166
- "root": "bg-(--ui-color-design-plain-na-bg) border border-(--ui-color-design-plain-na-stroke) border-(length:--ui-design-plain-na-stroke-weight) text-(--ui-color-design-plain-na-content)",
167
- "header": "border-b border-(--ui-color-design-plain-na-content-divider) border-b-1",
168
- "footer": "border-t border-(--ui-color-design-plain-na-content-divider) border-t-1"
169
- },
170
- "selection": {
171
- "root": "bg-(--ui-color-design-selection-bg) border border-(--ui-color-design-selection-stroke) border-(length:--ui-design-selection-stroke-weight) text-(--ui-color-design-selection-content)",
172
- "header": "border-b border-(--ui-color-design-selection-content-divider) border-b-1",
173
- "footer": "border-t border-(--ui-color-design-selection-content-divider) border-t-1"
174
- }
175
- }
176
- },
177
- "defaultVariants": {
178
- "variant": "outline" as typeof variant[number]
179
- }
180
- }
@@ -1,123 +0,0 @@
1
- const variant = [
2
- "message",
3
- "event",
4
- "system"
5
- ] as const
6
-
7
- const side = [
8
- "left",
9
- "right"
10
- ] as const
11
-
12
- export default {
13
- "slots": {
14
- "root": "group/message relative w-full",
15
- "container": "relative flex items-start",
16
- "leading": "inline-flex items-center justify-center min-h-6",
17
- "leadingIcon": "shrink-0",
18
- "leadingAvatar": "shrink-0",
19
- "leadingAvatarSize": "",
20
- "content": "relative text-pretty min-w-0 *:first:mt-0 *:last:mb-0",
21
- "actions": "opacity-0 group-hover/message:opacity-100 absolute bottom-0 flex items-center transition-opacity"
22
- },
23
- "variants": {
24
- "variant": {
25
- "message": {
26
- "content": "bg-inverted text-inverted"
27
- },
28
- "event": {
29
- "content": "bg-default ring ring-default"
30
- },
31
- "system": {
32
- "content": "bg-elevated/50"
33
- }
34
- },
35
- "side": {
36
- "left": {
37
- "container": "rtl:justify-end"
38
- },
39
- "right": {
40
- "container": "ltr:justify-end ms-auto max-w-[75%]"
41
- }
42
- },
43
- "leading": {
44
- "true": ""
45
- },
46
- "actions": {
47
- "true": ""
48
- },
49
- "compact": {
50
- "true": {
51
- "root": "scroll-mt-3",
52
- "container": "gap-1.5 pb-3",
53
- "leadingIcon": "size-5",
54
- "leadingAvatarSize": "2xs"
55
- },
56
- "false": {
57
- "root": "scroll-mt-4 sm:scroll-mt-6",
58
- "container": "gap-3 pb-8",
59
- "leadingIcon": "size-8",
60
- "leadingAvatarSize": "md"
61
- }
62
- }
63
- },
64
- "compoundVariants": [
65
- {
66
- "compact": true,
67
- "actions": true,
68
- "class": {
69
- "container": "pb-8"
70
- }
71
- },
72
- {
73
- "leading": true,
74
- "compact": false,
75
- "side": "left" as typeof side[number],
76
- "class": {
77
- "actions": "left-11"
78
- }
79
- },
80
- {
81
- "leading": true,
82
- "compact": true,
83
- "side": "left" as typeof side[number],
84
- "class": {
85
- "actions": "left-6.5"
86
- }
87
- },
88
- {
89
- "variant": [
90
- "message" as typeof variant[number],
91
- "event" as typeof variant[number],
92
- "system" as typeof variant[number]
93
- ],
94
- "compact": false,
95
- "class": {
96
- "content": "px-4 py-3 rounded-lg min-h-12",
97
- "leading": "mt-2"
98
- }
99
- },
100
- {
101
- "variant": [
102
- "message" as typeof variant[number],
103
- "event" as typeof variant[number],
104
- "system" as typeof variant[number]
105
- ],
106
- "compact": true,
107
- "class": {
108
- "content": "px-2 py-1 rounded-lg min-h-8",
109
- "leading": "mt-1"
110
- }
111
- },
112
- {
113
- "variant": "message" as typeof variant[number],
114
- "side": "left" as typeof side[number],
115
- "class": {
116
- "content": "w-full"
117
- }
118
- }
119
- ],
120
- "defaultVariants": {
121
- "variant": "message" as typeof variant[number]
122
- }
123
- }
@@ -1,14 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "w-full flex flex-col gap-1 flex-1 px-2.5 [&>article]:last-of-type:min-h-(--last-message-height)",
4
- "indicator": "h-6 flex items-center gap-1 py-3 *:size-2 *:rounded-full *:bg-(--ui-color-base-7) [&>*:nth-child(1)]:animate-[bounce_1s_infinite] [&>*:nth-child(2)]:animate-[bounce_1s_0.15s_infinite] [&>*:nth-child(3)]:animate-[bounce_1s_0.3s_infinite]",
5
- "viewport": "absolute inset-x-0 top-[86%] data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]",
6
- "autoScroll": "rounded-full absolute right-1/2 translate-x-1/2 bottom-0"
7
- },
8
- "variants": {
9
- "compact": {
10
- "true": "",
11
- "false": ""
12
- }
13
- }
14
- }
@@ -1,8 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "relative flex-1 flex flex-col min-h-0 min-w-0",
4
- "prompt": "px-0 rounded-t-none border-t border-default",
5
- "close": "",
6
- "content": "overflow-y-auto flex-1 flex flex-col py-3"
7
- }
8
- }
@@ -1,5 +0,0 @@
1
- export default {
2
- "slots": {
3
- "base": ""
4
- }
5
- }
@@ -1,35 +0,0 @@
1
- const variant = [
2
- "outline",
3
- "soft",
4
- "subtle",
5
- "naked"
6
- ] as const
7
-
8
- export default {
9
- "slots": {
10
- "root": "relative flex flex-col items-stretch gap-2 px-2.5 py-2 w-full rounded-lg backdrop-blur",
11
- "header": "flex items-center gap-1.5",
12
- "body": "items-start",
13
- "footer": "flex items-center justify-between gap-1.5",
14
- "base": "text-base/5"
15
- },
16
- "variants": {
17
- "variant": {
18
- "outline": {
19
- "root": "bg-default/75 ring ring-default"
20
- },
21
- "soft": {
22
- "root": "bg-elevated/50"
23
- },
24
- "subtle": {
25
- "root": "bg-elevated/50 ring ring-default"
26
- },
27
- "naked": {
28
- "root": ""
29
- }
30
- }
31
- },
32
- "defaultVariants": {
33
- "variant": "outline" as typeof variant[number]
34
- }
35
- }
@@ -1,255 +0,0 @@
1
- const orientation = [
2
- "horizontal",
3
- "vertical"
4
- ] as const
5
-
6
- const color = [
7
- "air-primary",
8
- "air-primary-success",
9
- "air-primary-alert",
10
- "air-primary-copilot",
11
- "air-primary-warning",
12
- "default",
13
- "danger",
14
- "success",
15
- "warning",
16
- "primary",
17
- "secondary",
18
- "collab",
19
- "ai"
20
- ] as const
21
-
22
- const variant = [
23
- "list",
24
- "card",
25
- "table"
26
- ] as const
27
-
28
- const size = [
29
- "xs",
30
- "sm",
31
- "md",
32
- "lg"
33
- ] as const
34
-
35
- export default {
36
- "slots": {
37
- "root": "relative",
38
- "fieldset": "flex gap-x-2",
39
- "legend": "mb-1.5 block text-(--b24ui-typography-label-color)",
40
- "item": ""
41
- },
42
- "variants": {
43
- "orientation": {
44
- "horizontal": {
45
- "fieldset": "flex-row"
46
- },
47
- "vertical": {
48
- "fieldset": "flex-col"
49
- }
50
- },
51
- "color": {
52
- "air-primary": {
53
- "item": "style-filled"
54
- },
55
- "air-primary-success": {
56
- "item": "style-filled-success"
57
- },
58
- "air-primary-alert": {
59
- "item": "style-filled-alert"
60
- },
61
- "air-primary-copilot": {
62
- "item": "style-filled-copilot"
63
- },
64
- "air-primary-warning": {
65
- "item": "style-filled-warning"
66
- },
67
- "default": {
68
- "item": "style-old-default"
69
- },
70
- "danger": {
71
- "item": "style-old-danger"
72
- },
73
- "success": {
74
- "item": "style-old-success"
75
- },
76
- "warning": {
77
- "item": "style-old-warning"
78
- },
79
- "primary": {
80
- "item": "style-old-primary"
81
- },
82
- "secondary": {
83
- "item": "style-old-secondary"
84
- },
85
- "collab": {
86
- "item": "style-old-collab"
87
- },
88
- "ai": {
89
- "item": "style-old-ai"
90
- }
91
- },
92
- "variant": {
93
- "list": {},
94
- "card": {
95
- "item": "cursor-pointer items-start border border-(--ui-color-design-outline-na-stroke) bg-(--ui-color-design-outline-na-bg) has-data-[state=checked]:border-(--b24ui-border-color)"
96
- },
97
- "table": {
98
- "item": "cursor-pointer border border-(--ui-color-design-outline-na-stroke) bg-(--ui-color-design-outline-na-bg) has-data-[state=checked]:bg-(--b24ui-background)/24 has-data-[state=checked]:border-(--b24ui-border-color) has-data-[state=checked]:text-(--b24ui-color) has-data-[state=checked]:z-[1]"
99
- }
100
- },
101
- "size": {
102
- "xs": {
103
- "fieldset": "gap-x-[12px] gap-y-[4px]",
104
- "legend": "text-(length:--ui-font-size-xs)"
105
- },
106
- "sm": {
107
- "fieldset": "gap-x-[14px] gap-y-[6px]",
108
- "legend": "text-(length:--ui-font-size-xs)"
109
- },
110
- "md": {
111
- "fieldset": "gap-x-[16px] gap-y-[8px]",
112
- "legend": "text-(length:--ui-font-size-sm)"
113
- },
114
- "lg": {
115
- "fieldset": "gap-x-[16px] gap-y-[8px]",
116
- "legend": "text-(length:--ui-font-size-sm)"
117
- }
118
- },
119
- "disabled": {
120
- "true": {
121
- "base": "cursor-not-allowed opacity-30",
122
- "label": "cursor-not-allowed opacity-30",
123
- "item": "cursor-not-allowed opacity-30"
124
- }
125
- },
126
- "required": {
127
- "true": {
128
- "label": "after:content-['*'] after:ms-0.5 after:text-(--ui-color-accent-main-alert)"
129
- }
130
- }
131
- },
132
- "compoundVariants": [
133
- {
134
- "size": "xs" as typeof size[number],
135
- "variant": "card" as typeof variant[number],
136
- "class": {
137
- "item": "px-[13px] py-[7px] rounded-(--ui-border-radius-xs)"
138
- }
139
- },
140
- {
141
- "size": "sm" as typeof size[number],
142
- "variant": "card" as typeof variant[number],
143
- "class": {
144
- "item": "px-[13px] py-[9px] rounded-(--ui-border-radius-sm)"
145
- }
146
- },
147
- {
148
- "size": "md" as typeof size[number],
149
- "variant": "card" as typeof variant[number],
150
- "class": {
151
- "item": "px-[17px] py-[10px] rounded-(--ui-border-radius-md)"
152
- }
153
- },
154
- {
155
- "size": "lg" as typeof size[number],
156
- "variant": "card" as typeof variant[number],
157
- "class": {
158
- "item": "px-[23px] py-[12px] rounded-(--ui-border-radius-md)"
159
- }
160
- },
161
- {
162
- "size": "xs" as typeof size[number],
163
- "variant": "table" as typeof variant[number],
164
- "class": {
165
- "item": "px-[13px] py-[7px]"
166
- }
167
- },
168
- {
169
- "size": "sm" as typeof size[number],
170
- "variant": "table" as typeof variant[number],
171
- "class": {
172
- "item": "px-[13px] py-[9px]"
173
- }
174
- },
175
- {
176
- "size": "md" as typeof size[number],
177
- "variant": "table" as typeof variant[number],
178
- "class": {
179
- "item": "px-[17px] py-[10px]"
180
- }
181
- },
182
- {
183
- "size": "lg" as typeof size[number],
184
- "variant": "table" as typeof variant[number],
185
- "class": {
186
- "item": "px-[23px] py-[12px]"
187
- }
188
- },
189
- {
190
- "size": "xs" as typeof size[number],
191
- "variant": "table" as typeof variant[number],
192
- "orientation": "horizontal" as typeof orientation[number],
193
- "class": {
194
- "item": "first-of-type:rounded-s-(--ui-border-radius-xs) last-of-type:rounded-e-(--ui-border-radius-xs)",
195
- "fieldset": "gap-0 -space-x-px"
196
- }
197
- },
198
- {
199
- "size": "xs" as typeof size[number],
200
- "variant": "table" as typeof variant[number],
201
- "orientation": "vertical" as typeof orientation[number],
202
- "class": {
203
- "item": "first-of-type:rounded-t-(--ui-border-radius-xs) last-of-type:rounded-b-(--ui-border-radius-xs)",
204
- "fieldset": "gap-0 -space-y-px"
205
- }
206
- },
207
- {
208
- "size": "sm" as typeof size[number],
209
- "variant": "table" as typeof variant[number],
210
- "orientation": "horizontal" as typeof orientation[number],
211
- "class": {
212
- "item": "first-of-type:rounded-s-(--ui-border-radius-sm) last-of-type:rounded-e-(--ui-border-radius-sm)",
213
- "fieldset": "gap-0 -space-x-px"
214
- }
215
- },
216
- {
217
- "size": "sm" as typeof size[number],
218
- "variant": "table" as typeof variant[number],
219
- "orientation": "vertical" as typeof orientation[number],
220
- "class": {
221
- "item": "first-of-type:rounded-t-(--ui-border-radius-sm) last-of-type:rounded-b-(--ui-border-radius-sm)",
222
- "fieldset": "gap-0 -space-y-px"
223
- }
224
- },
225
- {
226
- "size": [
227
- "lg" as typeof size[number],
228
- "md" as typeof size[number]
229
- ],
230
- "variant": "table" as typeof variant[number],
231
- "orientation": "horizontal" as typeof orientation[number],
232
- "class": {
233
- "item": "first-of-type:rounded-s-(--ui-border-radius-md) last-of-type:rounded-e-(--ui-border-radius-md)",
234
- "fieldset": "gap-0 -space-x-px"
235
- }
236
- },
237
- {
238
- "size": [
239
- "lg" as typeof size[number],
240
- "md" as typeof size[number]
241
- ],
242
- "variant": "table" as typeof variant[number],
243
- "orientation": "vertical" as typeof orientation[number],
244
- "class": {
245
- "item": "first-of-type:rounded-t-(--ui-border-radius-md) last-of-type:rounded-b-(--ui-border-radius-md)",
246
- "fieldset": "gap-0 -space-y-px"
247
- }
248
- }
249
- ],
250
- "defaultVariants": {
251
- "size": "md" as typeof size[number],
252
- "variant": "list" as typeof variant[number],
253
- "color": "air-primary" as typeof color[number]
254
- }
255
- }