@lobehub/ui 5.0.1 → 5.1.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 (153) hide show
  1. package/es/Accordion/Accordion.d.mts +2 -2
  2. package/es/Accordion/AccordionItem.d.mts +2 -2
  3. package/es/ActionIcon/ActionIcon.d.mts +2 -2
  4. package/es/Alert/Alert.d.mts +2 -2
  5. package/es/AutoComplete/Select.d.mts +2 -2
  6. package/es/Burger/Burger.d.mts +2 -2
  7. package/es/CodeEditor/CodeEditor.d.mts +2 -2
  8. package/es/Collapse/Collapse.d.mts +2 -2
  9. package/es/ConfigProvider/index.d.mts +2 -2
  10. package/es/CopyButton/CopyButton.d.mts +2 -2
  11. package/es/DatePicker/DatePicker.d.mts +2 -2
  12. package/es/DraggablePanel/components/DraggablePanelBody.d.mts +2 -2
  13. package/es/DraggablePanel/components/DraggablePanelContainer.d.mts +2 -2
  14. package/es/DraggablePanel/components/DraggablePanelFooter.d.mts +2 -2
  15. package/es/DraggablePanel/components/DraggablePanelHeader.d.mts +2 -2
  16. package/es/DraggableSideNav/DraggableSideNav.d.mts +2 -2
  17. package/es/Drawer/Drawer.d.mts +2 -2
  18. package/es/Dropdown/Dropdown.d.mts +2 -2
  19. package/es/EditableText/EditableText.d.mts +2 -2
  20. package/es/EditorSlashMenu/atoms.d.mts +13 -13
  21. package/es/EmojiPicker/EmojiPicker.d.mts +2 -2
  22. package/es/Flex/FlexBasic.d.mts +2 -2
  23. package/es/FontLoader/index.d.mts +2 -2
  24. package/es/Footer/Footer.d.mts +2 -2
  25. package/es/Form/components/FormGroup.d.mts +2 -2
  26. package/es/Form/components/FormItem.d.mts +2 -2
  27. package/es/Form/components/FormSubmitFooter.d.mts +2 -2
  28. package/es/FormModal/FormModal.d.mts +2 -2
  29. package/es/Freeze/Freeze.d.mts +2 -2
  30. package/es/GuideCard/GuideCard.d.mts +2 -2
  31. package/es/Header/Header.d.mts +2 -2
  32. package/es/Highlighter/Highlighter.d.mts +2 -2
  33. package/es/Highlighter/SyntaxHighlighter/index.d.mts +2 -2
  34. package/es/Hotkey/Hotkey.d.mts +2 -2
  35. package/es/HotkeyInput/HotkeyInput.d.mts +2 -2
  36. package/es/Icon/Icon.d.mts +2 -2
  37. package/es/Icon/components/IconProvider.d.mts +3 -3
  38. package/es/Image/PreviewGroup.d.mts +2 -2
  39. package/es/ImageSelect/ImageSelect.d.mts +2 -2
  40. package/es/Input/Input.d.mts +2 -2
  41. package/es/Input/InputNumber.d.mts +2 -2
  42. package/es/Input/InputOPT.d.mts +2 -2
  43. package/es/Input/InputPassword.d.mts +2 -2
  44. package/es/Input/TextArea.d.mts +2 -2
  45. package/es/Layout/components/LayoutFooter.d.mts +2 -2
  46. package/es/Layout/components/LayoutHeader.d.mts +2 -2
  47. package/es/Layout/components/LayoutMain.d.mts +2 -2
  48. package/es/Layout/components/LayoutSidebar.d.mts +2 -2
  49. package/es/Layout/components/LayoutSidebarInner.d.mts +2 -2
  50. package/es/Layout/components/LayoutToc.d.mts +2 -2
  51. package/es/List/ListItem/index.d.mts +2 -2
  52. package/es/Markdown/Markdown.d.mts +2 -2
  53. package/es/Markdown/Typography.d.mts +2 -2
  54. package/es/Markdown/components/SearchResultCards/index.d.mts +2 -2
  55. package/es/MaskShadow/MaskShadow.d.mts +2 -2
  56. package/es/Menu/Menu.d.mts +2 -2
  57. package/es/Mermaid/Mermaid.d.mts +2 -2
  58. package/es/Mermaid/SyntaxMermaid/index.d.mts +2 -2
  59. package/es/Modal/Modal.d.mts +2 -2
  60. package/es/Modal/ModalProvider.d.mts +2 -2
  61. package/es/Modal/imperative.d.mts +2 -2
  62. package/es/MotionProvider/index.d.mts +2 -2
  63. package/es/Popover/ArrowIcon.d.mts +2 -2
  64. package/es/Popover/atoms.d.mts +9 -9
  65. package/es/Popover/context.d.mts +2 -2
  66. package/es/SearchBar/SearchBar.d.mts +2 -2
  67. package/es/Segmented/Segmented.d.mts +2 -2
  68. package/es/Select/Select.d.mts +2 -2
  69. package/es/SideNav/SideNav.d.mts +2 -2
  70. package/es/SliderWithInput/SliderWithInput.d.mts +2 -2
  71. package/es/SortableList/components/DragHandle.d.mts +2 -2
  72. package/es/SortableList/components/SortableItem.d.mts +2 -2
  73. package/es/ThemeProvider/ThemeProvider.d.mts +2 -2
  74. package/es/Toc/Toc.d.mts +2 -2
  75. package/es/Video/index.d.mts +2 -2
  76. package/es/awesome/AuroraBackground/AuroraBackground.d.mts +2 -2
  77. package/es/awesome/BottomGradientButton/BottomGradientButton.d.mts +2 -2
  78. package/es/awesome/Features/Features.d.mts +2 -2
  79. package/es/awesome/Giscus/Giscus.d.mts +2 -2
  80. package/es/awesome/GradientButton/GradientButton.d.mts +2 -2
  81. package/es/awesome/GridBackground/GridBackground.d.mts +2 -2
  82. package/es/awesome/GridBackground/GridShowcase.d.mts +2 -2
  83. package/es/awesome/Hero/Hero.d.mts +2 -2
  84. package/es/awesome/Spline/Spine.d.mts +2 -2
  85. package/es/awesome/Spotlight/Spotlight.d.mts +2 -2
  86. package/es/awesome/SpotlightCard/SpotlightCard.d.mts +2 -2
  87. package/es/awesome/TypewriterEffect/TypewriterEffect.d.mts +2 -2
  88. package/es/base-ui/ContextMenu/ContextMenuHost.d.mts +3 -3
  89. package/es/base-ui/DropdownMenu/DropdownMenu.d.mts +2 -2
  90. package/es/base-ui/DropdownMenu/atoms.d.mts +18 -18
  91. package/es/base-ui/Modal/Modal.d.mts +8 -0
  92. package/es/base-ui/Modal/Modal.mjs +230 -0
  93. package/es/base-ui/Modal/Modal.mjs.map +1 -0
  94. package/es/base-ui/Modal/atoms.d.mts +100 -0
  95. package/es/base-ui/Modal/atoms.mjs +187 -0
  96. package/es/base-ui/Modal/atoms.mjs.map +1 -0
  97. package/es/base-ui/Modal/constants.d.mts +10 -0
  98. package/es/base-ui/Modal/constants.mjs +27 -0
  99. package/es/base-ui/Modal/constants.mjs.map +1 -0
  100. package/es/base-ui/Modal/context.d.mts +9 -0
  101. package/es/base-ui/Modal/context.mjs +14 -0
  102. package/es/base-ui/Modal/context.mjs.map +1 -0
  103. package/es/base-ui/Modal/imperative.d.mts +25 -0
  104. package/es/base-ui/Modal/imperative.mjs +221 -0
  105. package/es/base-ui/Modal/imperative.mjs.map +1 -0
  106. package/es/base-ui/Modal/index.d.mts +6 -0
  107. package/es/base-ui/Modal/style.mjs +295 -0
  108. package/es/base-ui/Modal/style.mjs.map +1 -0
  109. package/es/base-ui/Modal/type.d.mts +110 -0
  110. package/es/base-ui/ScrollArea/atoms.d.mts +7 -7
  111. package/es/base-ui/Select/Select.d.mts +2 -2
  112. package/es/base-ui/Select/atoms.d.mts +19 -19
  113. package/es/base-ui/Switch/Switch.d.mts +2 -2
  114. package/es/base-ui/Toast/imperative.d.mts +2 -2
  115. package/es/base-ui/index.d.mts +8 -1
  116. package/es/base-ui/index.mjs +6 -1
  117. package/es/brand/LobeChat/index.d.mts +2 -2
  118. package/es/brand/LobeHub/index.d.mts +2 -2
  119. package/es/brand/LogoThree/LogoSpline.d.mts +2 -2
  120. package/es/brand/LogoThree/index.d.mts +2 -2
  121. package/es/chat/BackBottom/BackBottom.d.mts +2 -2
  122. package/es/chat/ChatInputArea/components/ChatInputAreaInner.d.mts +2 -2
  123. package/es/chat/ChatItem/ChatItem.d.mts +2 -2
  124. package/es/chat/ChatList/ChatList.d.mts +2 -2
  125. package/es/chat/EditableMessage/EditableMessage.d.mts +2 -2
  126. package/es/chat/EditableMessageList/EditableMessageList.d.mts +2 -2
  127. package/es/chat/MessageInput/MessageInput.d.mts +2 -2
  128. package/es/chat/MessageModal/MessageModal.d.mts +2 -2
  129. package/es/color/ColorScales/index.d.mts +2 -2
  130. package/es/color/CssVar/index.d.mts +2 -2
  131. package/es/i18n/context.d.mts +2 -2
  132. package/es/icons/lucideExtra/BotPromptIcon.d.mts +2 -2
  133. package/es/icons/lucideExtra/CreateBotIcon.d.mts +3 -3
  134. package/es/icons/lucideExtra/DiscordIcon.d.mts +2 -2
  135. package/es/icons/lucideExtra/GlobeOffIcon.d.mts +2 -2
  136. package/es/icons/lucideExtra/GroupBotIcon.d.mts +2 -2
  137. package/es/icons/lucideExtra/GroupBotSquareIcon.d.mts +3 -3
  138. package/es/icons/lucideExtra/LeftClickIcon.d.mts +3 -3
  139. package/es/icons/lucideExtra/LeftDoubleClickIcon.d.mts +3 -3
  140. package/es/icons/lucideExtra/McpIcon.d.mts +3 -3
  141. package/es/icons/lucideExtra/ProviderIcon.d.mts +3 -3
  142. package/es/icons/lucideExtra/RightClickIcon.d.mts +3 -3
  143. package/es/icons/lucideExtra/RightDoubleClickIcon.d.mts +3 -3
  144. package/es/icons/lucideExtra/ShapesUploadIcon.d.mts +3 -3
  145. package/es/icons/lucideExtra/SkillsIcon.d.mts +3 -3
  146. package/es/icons/lucideExtra/TreeDownRightIcon.d.mts +2 -2
  147. package/es/icons/lucideExtra/TreeUpDownRightIcon.d.mts +3 -3
  148. package/es/mdx/Mdx/index.d.mts +2 -2
  149. package/es/mobile/ChatHeader/ChatHeaderTitle.d.mts +2 -2
  150. package/es/mobile/ChatInputArea/components/ChatSendButton.d.mts +2 -2
  151. package/es/mobile/TabBar/TabBar.d.mts +2 -2
  152. package/es/storybook/StoryBook/index.d.mts +2 -2
  153. package/package.json +1 -1
@@ -0,0 +1,295 @@
1
+ import { createStaticStyles } from "antd-style";
2
+
3
+ //#region src/base-ui/Modal/style.ts
4
+ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
5
+ backdrop: css$1`
6
+ position: fixed;
7
+ z-index: 1000;
8
+ inset: 0;
9
+
10
+ background: rgb(0 0 0 / 30%);
11
+
12
+ transition: opacity 150ms ease-out;
13
+
14
+ &[data-starting-style],
15
+ &[data-ending-style] {
16
+ opacity: 0;
17
+ }
18
+ `,
19
+ close: css$1`
20
+ cursor: pointer;
21
+
22
+ position: absolute;
23
+ inset-block-start: 12px;
24
+ inset-inline-end: 12px;
25
+
26
+ display: flex;
27
+ align-items: center;
28
+ justify-content: center;
29
+
30
+ width: 32px;
31
+ height: 32px;
32
+ padding: 0;
33
+ border: none;
34
+ border-radius: ${cssVar$1.borderRadiusSM};
35
+
36
+ color: ${cssVar$1.colorTextTertiary};
37
+
38
+ background: transparent;
39
+
40
+ transition: all 150ms ease-out;
41
+
42
+ &:hover {
43
+ color: ${cssVar$1.colorText};
44
+ background: ${cssVar$1.colorFillSecondary};
45
+ }
46
+
47
+ &:focus-visible {
48
+ outline: 2px solid ${cssVar$1.colorPrimaryBorder};
49
+ outline-offset: 1px;
50
+ }
51
+ `,
52
+ closeInline: css$1`
53
+ cursor: pointer;
54
+
55
+ display: flex;
56
+ align-items: center;
57
+ justify-content: center;
58
+
59
+ width: 32px;
60
+ height: 32px;
61
+ padding: 0;
62
+ border: none;
63
+ border-radius: ${cssVar$1.borderRadiusSM};
64
+
65
+ color: ${cssVar$1.colorTextTertiary};
66
+
67
+ background: transparent;
68
+
69
+ transition: all 150ms ease-out;
70
+
71
+ &:hover {
72
+ color: ${cssVar$1.colorText};
73
+ background: ${cssVar$1.colorFillSecondary};
74
+ }
75
+
76
+ &:focus-visible {
77
+ outline: 2px solid ${cssVar$1.colorPrimaryBorder};
78
+ outline-offset: 1px;
79
+ }
80
+ `,
81
+ content: css$1`
82
+ overflow: hidden auto;
83
+ padding-block: 12px;
84
+ padding-inline: 16px;
85
+ `,
86
+ footer: css$1`
87
+ display: flex;
88
+ gap: 8px;
89
+ align-items: center;
90
+ justify-content: flex-end;
91
+
92
+ padding-block: 12px;
93
+ padding-inline: 16px;
94
+ border-block-start: 1px solid ${cssVar$1.colorBorderSecondary};
95
+ `,
96
+ header: css$1`
97
+ display: flex;
98
+ align-items: center;
99
+ justify-content: space-between;
100
+
101
+ padding-block: 12px;
102
+ padding-inline: 16px;
103
+ border-block-end: 1px solid ${cssVar$1.colorBorderSecondary};
104
+ `,
105
+ headerDraggable: css$1`
106
+ cursor: default;
107
+ user-select: none;
108
+ `,
109
+ popup: css$1`
110
+ pointer-events: none;
111
+
112
+ position: fixed;
113
+ z-index: 1001;
114
+ inset: 0;
115
+
116
+ display: flex;
117
+ align-items: center;
118
+ justify-content: center;
119
+ `,
120
+ popupInner: css$1`
121
+ pointer-events: auto;
122
+
123
+ position: relative;
124
+
125
+ display: flex;
126
+ flex-direction: column;
127
+
128
+ box-sizing: border-box;
129
+ width: calc(100% - 32px);
130
+ max-width: 520px;
131
+ max-height: calc(100dvh - 64px);
132
+ border: 1px solid ${cssVar$1.colorBorderSecondary};
133
+ border-radius: 12px;
134
+
135
+ background: ${cssVar$1.colorBgContainer};
136
+ box-shadow: ${cssVar$1.boxShadow};
137
+
138
+ transition:
139
+ transform 150ms cubic-bezier(0.22, 1, 0.36, 1),
140
+ opacity 150ms ease-out;
141
+
142
+ &[data-starting-style],
143
+ &[data-ending-style] {
144
+ transform: scale(0.96) translateY(4px);
145
+ opacity: 0;
146
+ }
147
+ `,
148
+ title: css$1`
149
+ margin: 0;
150
+
151
+ font-size: 16px;
152
+ font-weight: 600;
153
+ line-height: 1.5;
154
+ color: ${cssVar$1.colorText};
155
+ `,
156
+ buttonBase: css$1`
157
+ cursor: pointer;
158
+
159
+ display: inline-flex;
160
+ gap: 6px;
161
+ align-items: center;
162
+ justify-content: center;
163
+
164
+ height: 36px;
165
+ padding-block: 0;
166
+ padding-inline: 16px;
167
+ border: 1px solid ${cssVar$1.colorBorder};
168
+ border-radius: ${cssVar$1.borderRadiusSM};
169
+
170
+ font-size: 14px;
171
+ font-weight: 500;
172
+ line-height: 1;
173
+
174
+ transition: all 150ms ease-out;
175
+
176
+ &:focus-visible {
177
+ outline: 2px solid ${cssVar$1.colorPrimaryBorder};
178
+ outline-offset: 1px;
179
+ }
180
+
181
+ &:disabled {
182
+ cursor: not-allowed;
183
+ opacity: 0.5;
184
+ }
185
+ `,
186
+ cancelButton: css$1`
187
+ color: ${cssVar$1.colorText};
188
+ background: ${cssVar$1.colorBgContainer};
189
+
190
+ &:hover:not(:disabled) {
191
+ border-color: ${cssVar$1.colorPrimaryBorder};
192
+ color: ${cssVar$1.colorPrimaryText};
193
+ }
194
+ `,
195
+ loadingSpinner: css$1`
196
+ @keyframes modal-spin {
197
+ to {
198
+ transform: rotate(360deg);
199
+ }
200
+ }
201
+
202
+ display: inline-block;
203
+
204
+ width: 14px;
205
+ height: 14px;
206
+ border: 2px solid currentcolor;
207
+ border-block-start-color: transparent;
208
+ border-radius: 50%;
209
+
210
+ animation: modal-spin 0.6s linear infinite;
211
+ `,
212
+ dangerOkButton: css$1`
213
+ border-color: ${cssVar$1.colorError};
214
+ color: #fff;
215
+ background: ${cssVar$1.colorError};
216
+
217
+ &:hover:not(:disabled) {
218
+ border-color: ${cssVar$1.colorErrorHover};
219
+ background: ${cssVar$1.colorErrorHover};
220
+ }
221
+
222
+ &:active:not(:disabled) {
223
+ border-color: ${cssVar$1.colorErrorActive};
224
+ background: ${cssVar$1.colorErrorActive};
225
+ }
226
+ `,
227
+ fullscreenPopupInner: css$1`
228
+ width: 100% !important;
229
+ max-width: 100% !important;
230
+ height: 100dvh !important;
231
+ max-height: 100dvh !important;
232
+ border: none;
233
+ border-radius: 0;
234
+ `,
235
+ fullscreenToggle: css$1`
236
+ cursor: pointer;
237
+
238
+ display: flex;
239
+ align-items: center;
240
+ justify-content: center;
241
+
242
+ width: 28px;
243
+ height: 28px;
244
+ padding: 0;
245
+ border: none;
246
+ border-radius: ${cssVar$1.borderRadiusSM};
247
+
248
+ color: ${cssVar$1.colorTextTertiary};
249
+
250
+ background: transparent;
251
+
252
+ transition: all 150ms ease-out;
253
+
254
+ &:hover {
255
+ color: ${cssVar$1.colorText};
256
+ background: ${cssVar$1.colorFillSecondary};
257
+ }
258
+
259
+ &:focus-visible {
260
+ outline: 2px solid ${cssVar$1.colorPrimaryBorder};
261
+ outline-offset: 1px;
262
+ }
263
+ `,
264
+ headerActions: css$1`
265
+ display: flex;
266
+ gap: 4px;
267
+ align-items: center;
268
+ margin-inline-end: -4px;
269
+ `,
270
+ okButton: css$1`
271
+ border-color: ${cssVar$1.colorPrimary};
272
+ color: #fff;
273
+ background: ${cssVar$1.colorPrimary};
274
+
275
+ &:hover:not(:disabled) {
276
+ border-color: ${cssVar$1.colorPrimaryHover};
277
+ background: ${cssVar$1.colorPrimaryHover};
278
+ }
279
+
280
+ &:active:not(:disabled) {
281
+ border-color: ${cssVar$1.colorPrimaryActive};
282
+ background: ${cssVar$1.colorPrimaryActive};
283
+ }
284
+ `,
285
+ viewport: css$1`
286
+ position: fixed;
287
+ z-index: 1000;
288
+ inset: 0;
289
+ overflow: auto;
290
+ `
291
+ }));
292
+
293
+ //#endregion
294
+ export { styles };
295
+ //# sourceMappingURL=style.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../../src/base-ui/Modal/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n backdrop: css`\n position: fixed;\n z-index: 1000;\n inset: 0;\n\n background: rgb(0 0 0 / 30%);\n\n transition: opacity 150ms ease-out;\n\n &[data-starting-style],\n &[data-ending-style] {\n opacity: 0;\n }\n `,\n\n close: css`\n cursor: pointer;\n\n position: absolute;\n inset-block-start: 12px;\n inset-inline-end: 12px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 32px;\n height: 32px;\n padding: 0;\n border: none;\n border-radius: ${cssVar.borderRadiusSM};\n\n color: ${cssVar.colorTextTertiary};\n\n background: transparent;\n\n transition: all 150ms ease-out;\n\n &:hover {\n color: ${cssVar.colorText};\n background: ${cssVar.colorFillSecondary};\n }\n\n &:focus-visible {\n outline: 2px solid ${cssVar.colorPrimaryBorder};\n outline-offset: 1px;\n }\n `,\n\n closeInline: css`\n cursor: pointer;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 32px;\n height: 32px;\n padding: 0;\n border: none;\n border-radius: ${cssVar.borderRadiusSM};\n\n color: ${cssVar.colorTextTertiary};\n\n background: transparent;\n\n transition: all 150ms ease-out;\n\n &:hover {\n color: ${cssVar.colorText};\n background: ${cssVar.colorFillSecondary};\n }\n\n &:focus-visible {\n outline: 2px solid ${cssVar.colorPrimaryBorder};\n outline-offset: 1px;\n }\n `,\n\n content: css`\n overflow: hidden auto;\n padding-block: 12px;\n padding-inline: 16px;\n `,\n\n footer: css`\n display: flex;\n gap: 8px;\n align-items: center;\n justify-content: flex-end;\n\n padding-block: 12px;\n padding-inline: 16px;\n border-block-start: 1px solid ${cssVar.colorBorderSecondary};\n `,\n\n header: css`\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n padding-block: 12px;\n padding-inline: 16px;\n border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n `,\n\n headerDraggable: css`\n cursor: default;\n user-select: none;\n `,\n\n popup: css`\n pointer-events: none;\n\n position: fixed;\n z-index: 1001;\n inset: 0;\n\n display: flex;\n align-items: center;\n justify-content: center;\n `,\n\n popupInner: css`\n pointer-events: auto;\n\n position: relative;\n\n display: flex;\n flex-direction: column;\n\n box-sizing: border-box;\n width: calc(100% - 32px);\n max-width: 520px;\n max-height: calc(100dvh - 64px);\n border: 1px solid ${cssVar.colorBorderSecondary};\n border-radius: 12px;\n\n background: ${cssVar.colorBgContainer};\n box-shadow: ${cssVar.boxShadow};\n\n transition:\n transform 150ms cubic-bezier(0.22, 1, 0.36, 1),\n opacity 150ms ease-out;\n\n &[data-starting-style],\n &[data-ending-style] {\n transform: scale(0.96) translateY(4px);\n opacity: 0;\n }\n `,\n\n title: css`\n margin: 0;\n\n font-size: 16px;\n font-weight: 600;\n line-height: 1.5;\n color: ${cssVar.colorText};\n `,\n\n buttonBase: css`\n cursor: pointer;\n\n display: inline-flex;\n gap: 6px;\n align-items: center;\n justify-content: center;\n\n height: 36px;\n padding-block: 0;\n padding-inline: 16px;\n border: 1px solid ${cssVar.colorBorder};\n border-radius: ${cssVar.borderRadiusSM};\n\n font-size: 14px;\n font-weight: 500;\n line-height: 1;\n\n transition: all 150ms ease-out;\n\n &:focus-visible {\n outline: 2px solid ${cssVar.colorPrimaryBorder};\n outline-offset: 1px;\n }\n\n &:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n }\n `,\n\n cancelButton: css`\n color: ${cssVar.colorText};\n background: ${cssVar.colorBgContainer};\n\n &:hover:not(:disabled) {\n border-color: ${cssVar.colorPrimaryBorder};\n color: ${cssVar.colorPrimaryText};\n }\n `,\n\n loadingSpinner: css`\n @keyframes modal-spin {\n to {\n transform: rotate(360deg);\n }\n }\n\n display: inline-block;\n\n width: 14px;\n height: 14px;\n border: 2px solid currentcolor;\n border-block-start-color: transparent;\n border-radius: 50%;\n\n animation: modal-spin 0.6s linear infinite;\n `,\n\n dangerOkButton: css`\n border-color: ${cssVar.colorError};\n color: #fff;\n background: ${cssVar.colorError};\n\n &:hover:not(:disabled) {\n border-color: ${cssVar.colorErrorHover};\n background: ${cssVar.colorErrorHover};\n }\n\n &:active:not(:disabled) {\n border-color: ${cssVar.colorErrorActive};\n background: ${cssVar.colorErrorActive};\n }\n `,\n\n fullscreenPopupInner: css`\n width: 100% !important;\n max-width: 100% !important;\n height: 100dvh !important;\n max-height: 100dvh !important;\n border: none;\n border-radius: 0;\n `,\n\n fullscreenToggle: css`\n cursor: pointer;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 28px;\n height: 28px;\n padding: 0;\n border: none;\n border-radius: ${cssVar.borderRadiusSM};\n\n color: ${cssVar.colorTextTertiary};\n\n background: transparent;\n\n transition: all 150ms ease-out;\n\n &:hover {\n color: ${cssVar.colorText};\n background: ${cssVar.colorFillSecondary};\n }\n\n &:focus-visible {\n outline: 2px solid ${cssVar.colorPrimaryBorder};\n outline-offset: 1px;\n }\n `,\n\n headerActions: css`\n display: flex;\n gap: 4px;\n align-items: center;\n margin-inline-end: -4px;\n `,\n\n okButton: css`\n border-color: ${cssVar.colorPrimary};\n color: #fff;\n background: ${cssVar.colorPrimary};\n\n &:hover:not(:disabled) {\n border-color: ${cssVar.colorPrimaryHover};\n background: ${cssVar.colorPrimaryHover};\n }\n\n &:active:not(:disabled) {\n border-color: ${cssVar.colorPrimaryActive};\n background: ${cssVar.colorPrimaryActive};\n }\n `,\n\n viewport: css`\n position: fixed;\n z-index: 1000;\n inset: 0;\n overflow: auto;\n `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,UAAU,KAAG;;;;;;;;;;;;;;CAeb,OAAO,KAAG;;;;;;;;;;;;;;;qBAeSA,SAAO,eAAe;;aAE9BA,SAAO,kBAAkB;;;;;;;eAOvBA,SAAO,UAAU;oBACZA,SAAO,mBAAmB;;;;2BAInBA,SAAO,mBAAmB;;;;CAKnD,aAAa,KAAG;;;;;;;;;;;qBAWGA,SAAO,eAAe;;aAE9BA,SAAO,kBAAkB;;;;;;;eAOvBA,SAAO,UAAU;oBACZA,SAAO,mBAAmB;;;;2BAInBA,SAAO,mBAAmB;;;;CAKnD,SAAS,KAAG;;;;;CAMZ,QAAQ,KAAG;;;;;;;;oCAQuBA,SAAO,qBAAqB;;CAG9D,QAAQ,KAAG;;;;;;;kCAOqBA,SAAO,qBAAqB;;CAG5D,iBAAiB,KAAG;;;;CAKpB,OAAO,KAAG;;;;;;;;;;;CAYV,YAAY,KAAG;;;;;;;;;;;;wBAYOA,SAAO,qBAAqB;;;kBAGlCA,SAAO,iBAAiB;kBACxBA,SAAO,UAAU;;;;;;;;;;;;CAajC,OAAO,KAAG;;;;;;aAMCA,SAAO,UAAU;;CAG5B,YAAY,KAAG;;;;;;;;;;;wBAWOA,SAAO,YAAY;qBACtBA,SAAO,eAAe;;;;;;;;;2BAShBA,SAAO,mBAAmB;;;;;;;;;CAUnD,cAAc,KAAG;aACNA,SAAO,UAAU;kBACZA,SAAO,iBAAiB;;;sBAGpBA,SAAO,mBAAmB;eACjCA,SAAO,iBAAiB;;;CAIrC,gBAAgB,KAAG;;;;;;;;;;;;;;;;;CAkBnB,gBAAgB,KAAG;oBACDA,SAAO,WAAW;;kBAEpBA,SAAO,WAAW;;;sBAGdA,SAAO,gBAAgB;oBACzBA,SAAO,gBAAgB;;;;sBAIrBA,SAAO,iBAAiB;oBAC1BA,SAAO,iBAAiB;;;CAI1C,sBAAsB,KAAG;;;;;;;;CASzB,kBAAkB,KAAG;;;;;;;;;;;qBAWFA,SAAO,eAAe;;aAE9BA,SAAO,kBAAkB;;;;;;;eAOvBA,SAAO,UAAU;oBACZA,SAAO,mBAAmB;;;;2BAInBA,SAAO,mBAAmB;;;;CAKnD,eAAe,KAAG;;;;;;CAOlB,UAAU,KAAG;oBACKA,SAAO,aAAa;;kBAEtBA,SAAO,aAAa;;;sBAGhBA,SAAO,kBAAkB;oBAC3BA,SAAO,kBAAkB;;;;sBAIvBA,SAAO,mBAAmB;oBAC5BA,SAAO,mBAAmB;;;CAI5C,UAAU,KAAG;;;;;;CAMd,EAAE"}
@@ -0,0 +1,110 @@
1
+ import { ButtonHTMLAttributes, CSSProperties, MouseEvent, ReactNode } from "react";
2
+
3
+ //#region src/base-ui/Modal/type.d.ts
4
+ interface BaseModalProps {
5
+ children?: ReactNode;
6
+ className?: string;
7
+ classNames?: {
8
+ backdrop?: string;
9
+ close?: string;
10
+ content?: string;
11
+ footer?: string;
12
+ header?: string;
13
+ popup?: string;
14
+ title?: string;
15
+ };
16
+ maskClosable?: boolean;
17
+ onOpenChange?: (open: boolean) => void;
18
+ onOpenChangeComplete?: (open: boolean) => void;
19
+ open?: boolean;
20
+ styles?: {
21
+ backdrop?: CSSProperties;
22
+ close?: CSSProperties;
23
+ content?: CSSProperties;
24
+ footer?: CSSProperties;
25
+ header?: CSSProperties;
26
+ popup?: CSSProperties;
27
+ title?: CSSProperties;
28
+ };
29
+ title?: ReactNode;
30
+ width?: number | string;
31
+ }
32
+ interface ModalContextValue {
33
+ close: () => void;
34
+ setCanDismissByClickOutside: (value: boolean) => void;
35
+ }
36
+ interface ModalInstance extends ModalContextValue {
37
+ destroy: () => void;
38
+ update: (nextProps: Partial<BaseModalProps>) => void;
39
+ }
40
+ type ImperativeModalProps = BaseModalProps & {
41
+ content?: ReactNode;
42
+ footer?: ReactNode;
43
+ };
44
+ type ModalButtonProps = ButtonHTMLAttributes<HTMLButtonElement>;
45
+ interface ModalComponentProps {
46
+ afterClose?: () => void;
47
+ afterOpenChange?: (open: boolean) => void;
48
+ allowFullscreen?: boolean;
49
+ cancelButtonProps?: ModalButtonProps;
50
+ cancelText?: ReactNode;
51
+ centered?: boolean;
52
+ children?: ReactNode;
53
+ className?: string;
54
+ classNames?: {
55
+ body?: string;
56
+ footer?: string;
57
+ header?: string;
58
+ mask?: string;
59
+ title?: string;
60
+ wrapper?: string;
61
+ };
62
+ closable?: boolean;
63
+ closeIcon?: ReactNode;
64
+ confirmLoading?: boolean;
65
+ destroyOnHidden?: boolean;
66
+ draggable?: boolean;
67
+ footer?: ReactNode | false | null | ((originNode: ReactNode, extra: {
68
+ CancelBtn: React.FC;
69
+ OkBtn: React.FC;
70
+ }) => ReactNode);
71
+ getContainer?: HTMLElement | false | null;
72
+ height?: number | string;
73
+ keyboard?: boolean;
74
+ loading?: boolean;
75
+ mask?: boolean;
76
+ maskClosable?: boolean;
77
+ okButtonProps?: ModalButtonProps & {
78
+ danger?: boolean;
79
+ };
80
+ okText?: ReactNode;
81
+ onCancel?: (e: MouseEvent<HTMLButtonElement>) => void;
82
+ onOk?: (e: MouseEvent<HTMLButtonElement>) => void;
83
+ open?: boolean;
84
+ style?: CSSProperties;
85
+ styles?: {
86
+ body?: CSSProperties;
87
+ footer?: CSSProperties;
88
+ header?: CSSProperties;
89
+ mask?: CSSProperties;
90
+ title?: CSSProperties;
91
+ wrapper?: CSSProperties;
92
+ };
93
+ title?: ReactNode | false;
94
+ width?: number | string;
95
+ zIndex?: number;
96
+ }
97
+ interface ModalConfirmConfig {
98
+ cancelText?: ReactNode;
99
+ content?: ReactNode;
100
+ okButtonProps?: ModalButtonProps & {
101
+ danger?: boolean;
102
+ };
103
+ okText?: ReactNode;
104
+ onCancel?: () => void;
105
+ onOk?: (() => void) | (() => Promise<void>);
106
+ title?: ReactNode;
107
+ }
108
+ //#endregion
109
+ export { BaseModalProps, ImperativeModalProps, ModalComponentProps, ModalConfirmConfig, ModalContextValue, ModalInstance };
110
+ //# sourceMappingURL=type.d.mts.map
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import * as react_jsx_runtime20 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime37 from "react/jsx-runtime";
3
3
  import { ScrollArea } from "@base-ui/react/scroll-area";
4
4
 
5
5
  //#region src/base-ui/ScrollArea/atoms.d.ts
@@ -19,7 +19,7 @@ declare const ScrollAreaRoot: {
19
19
  ({
20
20
  className,
21
21
  ...rest
22
- }: ScrollAreaRootProps): react_jsx_runtime20.JSX.Element;
22
+ }: ScrollAreaRootProps): react_jsx_runtime37.JSX.Element;
23
23
  displayName: string;
24
24
  };
25
25
  declare const ScrollAreaViewport: {
@@ -27,35 +27,35 @@ declare const ScrollAreaViewport: {
27
27
  className,
28
28
  scrollFade,
29
29
  ...rest
30
- }: ScrollAreaViewportProps): react_jsx_runtime20.JSX.Element;
30
+ }: ScrollAreaViewportProps): react_jsx_runtime37.JSX.Element;
31
31
  displayName: string;
32
32
  };
33
33
  declare const ScrollAreaContent: {
34
34
  ({
35
35
  className,
36
36
  ...rest
37
- }: ScrollAreaContentProps): react_jsx_runtime20.JSX.Element;
37
+ }: ScrollAreaContentProps): react_jsx_runtime37.JSX.Element;
38
38
  displayName: string;
39
39
  };
40
40
  declare const ScrollAreaScrollbar: {
41
41
  ({
42
42
  className,
43
43
  ...rest
44
- }: ScrollAreaScrollbarProps): react_jsx_runtime20.JSX.Element;
44
+ }: ScrollAreaScrollbarProps): react_jsx_runtime37.JSX.Element;
45
45
  displayName: string;
46
46
  };
47
47
  declare const ScrollAreaThumb: {
48
48
  ({
49
49
  className,
50
50
  ...rest
51
- }: ScrollAreaThumbProps): react_jsx_runtime20.JSX.Element;
51
+ }: ScrollAreaThumbProps): react_jsx_runtime37.JSX.Element;
52
52
  displayName: string;
53
53
  };
54
54
  declare const ScrollAreaCorner: {
55
55
  ({
56
56
  className,
57
57
  ...rest
58
- }: ScrollAreaCornerProps): react_jsx_runtime20.JSX.Element;
58
+ }: ScrollAreaCornerProps): react_jsx_runtime37.JSX.Element;
59
59
  displayName: string;
60
60
  };
61
61
  //#endregion
@@ -1,8 +1,8 @@
1
1
  import { SelectProps } from "./type.mjs";
2
- import * as react155 from "react";
2
+ import * as react151 from "react";
3
3
 
4
4
  //#region src/base-ui/Select/Select.d.ts
5
- declare const Select: react155.NamedExoticComponent<SelectProps<any>>;
5
+ declare const Select: react151.NamedExoticComponent<SelectProps<any>>;
6
6
  //#endregion
7
7
  export { Select };
8
8
  //# sourceMappingURL=Select.d.mts.map
@@ -1,15 +1,15 @@
1
1
  import { SelectSize, SelectVariant } from "./type.mjs";
2
- import * as react151 from "react";
2
+ import * as react147 from "react";
3
3
  import { ComponentProps, ComponentPropsWithRef } from "react";
4
- import * as react_jsx_runtime46 from "react/jsx-runtime";
4
+ import * as react_jsx_runtime57 from "react/jsx-runtime";
5
5
  import * as _base_ui_react_select0 from "@base-ui/react/select";
6
6
  import { Select } from "@base-ui/react/select";
7
7
  import * as node_modules__base_ui_react_esm_separator_Separator0 from "node_modules/@base-ui/react/esm/separator/Separator";
8
8
 
9
9
  //#region src/base-ui/Select/atoms.d.ts
10
10
  declare const SelectRoot: typeof Select.Root;
11
- declare const SelectBackdrop: react151.ForwardRefExoticComponent<_base_ui_react_select0.SelectBackdropProps & react151.RefAttributes<HTMLDivElement>>;
12
- declare const SelectSeparator: react151.ForwardRefExoticComponent<node_modules__base_ui_react_esm_separator_Separator0.SeparatorProps & react151.RefAttributes<HTMLDivElement>>;
11
+ declare const SelectBackdrop: react147.ForwardRefExoticComponent<_base_ui_react_select0.SelectBackdropProps & react147.RefAttributes<HTMLDivElement>>;
12
+ declare const SelectSeparator: react147.ForwardRefExoticComponent<node_modules__base_ui_react_esm_separator_Separator0.SeparatorProps & react147.RefAttributes<HTMLDivElement>>;
13
13
  type SelectTriggerProps = Omit<ComponentPropsWithRef<typeof Select.Trigger>, 'children' | 'render'> & {
14
14
  children: ComponentProps<typeof Select.Trigger>['children'];
15
15
  shadow?: boolean;
@@ -26,7 +26,7 @@ declare const SelectTrigger: {
26
26
  variant,
27
27
  ref: refProp,
28
28
  ...rest
29
- }: SelectTriggerProps): react_jsx_runtime46.JSX.Element;
29
+ }: SelectTriggerProps): react_jsx_runtime57.JSX.Element;
30
30
  displayName: string;
31
31
  };
32
32
  type SelectIconProps = ComponentProps<typeof Select.Icon>;
@@ -34,7 +34,7 @@ declare const SelectIcon: {
34
34
  ({
35
35
  className,
36
36
  ...rest
37
- }: SelectIconProps): react_jsx_runtime46.JSX.Element;
37
+ }: SelectIconProps): react_jsx_runtime57.JSX.Element;
38
38
  displayName: string;
39
39
  };
40
40
  type SelectValueProps = ComponentProps<typeof Select.Value>;
@@ -42,7 +42,7 @@ declare const SelectValue: {
42
42
  ({
43
43
  className,
44
44
  ...rest
45
- }: SelectValueProps): react_jsx_runtime46.JSX.Element;
45
+ }: SelectValueProps): react_jsx_runtime57.JSX.Element;
46
46
  displayName: string;
47
47
  };
48
48
  type SelectPortalProps = ComponentProps<typeof Select.Portal> & {
@@ -55,7 +55,7 @@ declare const SelectPortal: {
55
55
  ({
56
56
  container,
57
57
  ...rest
58
- }: SelectPortalProps): react_jsx_runtime46.JSX.Element;
58
+ }: SelectPortalProps): react_jsx_runtime57.JSX.Element;
59
59
  displayName: string;
60
60
  };
61
61
  type SelectPositionerProps = ComponentProps<typeof Select.Positioner>;
@@ -67,7 +67,7 @@ declare const SelectPositioner: {
67
67
  side,
68
68
  sideOffset,
69
69
  ...rest
70
- }: SelectPositionerProps): react_jsx_runtime46.JSX.Element;
70
+ }: SelectPositionerProps): react_jsx_runtime57.JSX.Element;
71
71
  displayName: string;
72
72
  };
73
73
  type SelectPopupProps = ComponentProps<typeof Select.Popup>;
@@ -75,7 +75,7 @@ declare const SelectPopup: {
75
75
  ({
76
76
  className,
77
77
  ...rest
78
- }: SelectPopupProps): react_jsx_runtime46.JSX.Element;
78
+ }: SelectPopupProps): react_jsx_runtime57.JSX.Element;
79
79
  displayName: string;
80
80
  };
81
81
  type SelectListProps = ComponentProps<typeof Select.List>;
@@ -83,7 +83,7 @@ declare const SelectList: {
83
83
  ({
84
84
  className,
85
85
  ...rest
86
- }: SelectListProps): react_jsx_runtime46.JSX.Element;
86
+ }: SelectListProps): react_jsx_runtime57.JSX.Element;
87
87
  displayName: string;
88
88
  };
89
89
  type SelectItemProps = ComponentProps<typeof Select.Item>;
@@ -91,7 +91,7 @@ declare const SelectItem: {
91
91
  ({
92
92
  className,
93
93
  ...rest
94
- }: SelectItemProps): react_jsx_runtime46.JSX.Element;
94
+ }: SelectItemProps): react_jsx_runtime57.JSX.Element;
95
95
  displayName: string;
96
96
  };
97
97
  type SelectItemTextProps = ComponentProps<typeof Select.ItemText>;
@@ -99,7 +99,7 @@ declare const SelectItemText: {
99
99
  ({
100
100
  className,
101
101
  ...rest
102
- }: SelectItemTextProps): react_jsx_runtime46.JSX.Element;
102
+ }: SelectItemTextProps): react_jsx_runtime57.JSX.Element;
103
103
  displayName: string;
104
104
  };
105
105
  type SelectItemIndicatorProps = ComponentProps<typeof Select.ItemIndicator>;
@@ -107,7 +107,7 @@ declare const SelectItemIndicator: {
107
107
  ({
108
108
  className,
109
109
  ...rest
110
- }: SelectItemIndicatorProps): react_jsx_runtime46.JSX.Element;
110
+ }: SelectItemIndicatorProps): react_jsx_runtime57.JSX.Element;
111
111
  displayName: string;
112
112
  };
113
113
  type SelectGroupProps = ComponentProps<typeof Select.Group>;
@@ -115,7 +115,7 @@ declare const SelectGroup: {
115
115
  ({
116
116
  className,
117
117
  ...rest
118
- }: SelectGroupProps): react_jsx_runtime46.JSX.Element;
118
+ }: SelectGroupProps): react_jsx_runtime57.JSX.Element;
119
119
  displayName: string;
120
120
  };
121
121
  type SelectGroupLabelProps = ComponentProps<typeof Select.GroupLabel>;
@@ -123,7 +123,7 @@ declare const SelectGroupLabel: {
123
123
  ({
124
124
  className,
125
125
  ...rest
126
- }: SelectGroupLabelProps): react_jsx_runtime46.JSX.Element;
126
+ }: SelectGroupLabelProps): react_jsx_runtime57.JSX.Element;
127
127
  displayName: string;
128
128
  };
129
129
  type SelectScrollUpArrowProps = ComponentProps<typeof Select.ScrollUpArrow>;
@@ -131,7 +131,7 @@ declare const SelectScrollUpArrow: {
131
131
  ({
132
132
  className,
133
133
  ...rest
134
- }: SelectScrollUpArrowProps): react_jsx_runtime46.JSX.Element;
134
+ }: SelectScrollUpArrowProps): react_jsx_runtime57.JSX.Element;
135
135
  displayName: string;
136
136
  };
137
137
  type SelectScrollDownArrowProps = ComponentProps<typeof Select.ScrollDownArrow>;
@@ -139,7 +139,7 @@ declare const SelectScrollDownArrow: {
139
139
  ({
140
140
  className,
141
141
  ...rest
142
- }: SelectScrollDownArrowProps): react_jsx_runtime46.JSX.Element;
142
+ }: SelectScrollDownArrowProps): react_jsx_runtime57.JSX.Element;
143
143
  displayName: string;
144
144
  };
145
145
  type SelectArrowProps = ComponentProps<typeof Select.Arrow>;
@@ -147,7 +147,7 @@ declare const SelectArrow: {
147
147
  ({
148
148
  className,
149
149
  ...rest
150
- }: SelectArrowProps): react_jsx_runtime46.JSX.Element;
150
+ }: SelectArrowProps): react_jsx_runtime57.JSX.Element;
151
151
  displayName: string;
152
152
  };
153
153
  //#endregion
@@ -1,8 +1,8 @@
1
1
  import { SwitchProps } from "./type.mjs";
2
- import * as react150 from "react";
2
+ import * as react144 from "react";
3
3
 
4
4
  //#region src/base-ui/Switch/Switch.d.ts
5
- declare const Switch: react150.NamedExoticComponent<SwitchProps>;
5
+ declare const Switch: react144.NamedExoticComponent<SwitchProps>;
6
6
  //#endregion
7
7
  export { Switch };
8
8
  //# sourceMappingURL=Switch.d.mts.map
@@ -1,5 +1,5 @@
1
1
  import { ToastAPI, ToastPosition } from "./type.mjs";
2
- import * as react131 from "react";
2
+ import * as react143 from "react";
3
3
 
4
4
  //#region src/base-ui/Toast/imperative.d.ts
5
5
  declare const toast: ToastAPI;
@@ -30,7 +30,7 @@ interface ToastHostProps {
30
30
  */
31
31
  swipeDirection?: ('left' | 'right' | 'up' | 'down') | ('left' | 'right' | 'up' | 'down')[];
32
32
  }
33
- declare const ToastHost: react131.MemoExoticComponent<({
33
+ declare const ToastHost: react143.MemoExoticComponent<({
34
34
  root,
35
35
  className,
36
36
  duration,