@lobehub/ui 4.20.1 → 4.21.1

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 (182) 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/Avatar/AvatarGroup/index.d.mts +2 -2
  7. package/es/Burger/Burger.d.mts +2 -2
  8. package/es/CodeDiff/CodeDiff.d.mts +2 -2
  9. package/es/CodeDiff/PatchDiff.d.mts +2 -2
  10. package/es/CodeEditor/CodeEditor.d.mts +2 -2
  11. package/es/Collapse/Collapse.d.mts +2 -2
  12. package/es/ConfigProvider/index.d.mts +2 -2
  13. package/es/ContextMenu/ContextMenuHost.d.mts +3 -3
  14. package/es/CopyButton/CopyButton.d.mts +2 -2
  15. package/es/DatePicker/DatePicker.d.mts +2 -2
  16. package/es/DraggablePanel/components/DraggablePanelBody.d.mts +2 -2
  17. package/es/DraggablePanel/components/DraggablePanelContainer.d.mts +2 -2
  18. package/es/DraggablePanel/components/DraggablePanelFooter.d.mts +2 -2
  19. package/es/DraggablePanel/components/DraggablePanelHeader.d.mts +2 -2
  20. package/es/DraggableSideNav/DraggableSideNav.d.mts +2 -2
  21. package/es/Drawer/Drawer.d.mts +2 -2
  22. package/es/Dropdown/Dropdown.d.mts +2 -2
  23. package/es/DropdownMenu/DropdownMenu.d.mts +2 -2
  24. package/es/DropdownMenu/DropdownMenu.mjs +7 -5
  25. package/es/DropdownMenu/DropdownMenu.mjs.map +1 -1
  26. package/es/DropdownMenu/atoms.d.mts +29 -20
  27. package/es/DropdownMenu/atoms.mjs +5 -5
  28. package/es/DropdownMenu/atoms.mjs.map +1 -1
  29. package/es/DropdownMenu/type.d.mts +7 -0
  30. package/es/EditableText/EditableText.d.mts +2 -2
  31. package/es/EmojiPicker/EmojiPicker.d.mts +2 -2
  32. package/es/EmojiPicker/EmojiPicker.mjs +5 -1
  33. package/es/EmojiPicker/EmojiPicker.mjs.map +1 -1
  34. package/es/EmojiPicker/style.mjs +4 -0
  35. package/es/EmojiPicker/style.mjs.map +1 -1
  36. package/es/Flex/FlexBasic.d.mts +2 -2
  37. package/es/FontLoader/index.d.mts +2 -2
  38. package/es/Footer/Footer.d.mts +2 -2
  39. package/es/Form/components/FormGroup.d.mts +2 -2
  40. package/es/Form/components/FormItem.d.mts +2 -2
  41. package/es/Form/components/FormSubmitFooter.d.mts +2 -2
  42. package/es/FormModal/FormModal.d.mts +2 -2
  43. package/es/GuideCard/GuideCard.d.mts +2 -2
  44. package/es/Header/Header.d.mts +2 -2
  45. package/es/Highlighter/Highlighter.d.mts +2 -2
  46. package/es/Highlighter/SyntaxHighlighter/index.d.mts +2 -2
  47. package/es/Hotkey/Hotkey.d.mts +2 -2
  48. package/es/HotkeyInput/HotkeyInput.d.mts +2 -2
  49. package/es/Icon/Icon.d.mts +2 -2
  50. package/es/Icon/components/IconProvider.d.mts +3 -3
  51. package/es/Image/PreviewGroup.d.mts +2 -2
  52. package/es/ImageSelect/ImageSelect.d.mts +2 -2
  53. package/es/Input/Input.d.mts +2 -2
  54. package/es/Input/InputNumber.d.mts +2 -2
  55. package/es/Input/InputOPT.d.mts +2 -2
  56. package/es/Input/InputPassword.d.mts +2 -2
  57. package/es/Input/TextArea.d.mts +2 -2
  58. package/es/Layout/components/LayoutFooter.d.mts +2 -2
  59. package/es/Layout/components/LayoutHeader.d.mts +2 -2
  60. package/es/Layout/components/LayoutMain.d.mts +2 -2
  61. package/es/Layout/components/LayoutSidebar.d.mts +2 -2
  62. package/es/Layout/components/LayoutSidebarInner.d.mts +2 -2
  63. package/es/Layout/components/LayoutToc.d.mts +2 -2
  64. package/es/List/ListItem/index.d.mts +2 -2
  65. package/es/LobeSelect/LobeSelect.d.mts +8 -0
  66. package/es/LobeSelect/LobeSelect.mjs +486 -0
  67. package/es/LobeSelect/LobeSelect.mjs.map +1 -0
  68. package/es/LobeSelect/atoms.d.mts +155 -0
  69. package/es/LobeSelect/atoms.mjs +172 -0
  70. package/es/LobeSelect/atoms.mjs.map +1 -0
  71. package/es/LobeSelect/constants.d.mts +5 -0
  72. package/es/LobeSelect/constants.mjs +6 -0
  73. package/es/LobeSelect/constants.mjs.map +1 -0
  74. package/es/LobeSelect/index.d.mts +5 -0
  75. package/es/LobeSelect/index.d.ts +1 -0
  76. package/es/LobeSelect/index.js +1 -0
  77. package/es/LobeSelect/index.mjs +5 -0
  78. package/es/LobeSelect/style.mjs +274 -0
  79. package/es/LobeSelect/style.mjs.map +1 -0
  80. package/es/LobeSelect/type.d.mts +83 -0
  81. package/es/Markdown/Markdown.d.mts +2 -2
  82. package/es/Markdown/Typography.d.mts +2 -2
  83. package/es/Markdown/components/SearchResultCards/index.d.mts +2 -2
  84. package/es/Markdown/markdown.style.mjs +40 -15
  85. package/es/Markdown/markdown.style.mjs.map +1 -1
  86. package/es/MaskShadow/MaskShadow.d.mts +2 -2
  87. package/es/Menu/Menu.d.mts +2 -2
  88. package/es/Menu/sharedStyle.mjs +2 -2
  89. package/es/Menu/sharedStyle.mjs.map +1 -1
  90. package/es/Mermaid/Mermaid.d.mts +2 -2
  91. package/es/Mermaid/SyntaxMermaid/index.d.mts +2 -2
  92. package/es/Modal/Modal.d.mts +2 -2
  93. package/es/Modal/ModalProvider.d.mts +2 -2
  94. package/es/Modal/imperative.d.mts +2 -2
  95. package/es/MotionProvider/index.d.mts +2 -2
  96. package/es/Popover/ArrowIcon.d.mts +2 -2
  97. package/es/Popover/Popover.d.mts +1 -1
  98. package/es/Popover/Popover.mjs +1 -1
  99. package/es/Popover/Popover.mjs.map +1 -1
  100. package/es/Popover/PopoverGroup.mjs +1 -1
  101. package/es/Popover/PopoverGroup.mjs.map +1 -1
  102. package/es/Popover/PopoverInGroup.mjs +1 -1
  103. package/es/Popover/PopoverInGroup.mjs.map +1 -1
  104. package/es/Popover/PopoverStandalone.mjs +1 -1
  105. package/es/Popover/PopoverStandalone.mjs.map +1 -1
  106. package/es/Popover/atoms.d.mts +15 -6
  107. package/es/Popover/atoms.mjs +5 -5
  108. package/es/Popover/atoms.mjs.map +1 -1
  109. package/es/Popover/context.d.mts +2 -2
  110. package/es/Popover/index.d.mts +1 -1
  111. package/es/Popover/index.mjs +1 -1
  112. package/es/Popover/style.mjs +2 -2
  113. package/es/Popover/style.mjs.map +1 -1
  114. package/es/Popover/type.d.mts +7 -5
  115. package/es/SearchBar/SearchBar.d.mts +2 -2
  116. package/es/Segmented/Segmented.d.mts +2 -2
  117. package/es/Select/Select.d.mts +2 -2
  118. package/es/SideNav/SideNav.d.mts +2 -2
  119. package/es/SliderWithInput/SliderWithInput.d.mts +2 -2
  120. package/es/SortableList/components/DragHandle.d.mts +2 -2
  121. package/es/SortableList/components/SortableItem.d.mts +2 -2
  122. package/es/ThemeProvider/ThemeProvider.d.mts +2 -2
  123. package/es/Toast/imperative.d.mts +3 -3
  124. package/es/Toast/style.mjs +6 -3
  125. package/es/Toast/style.mjs.map +1 -1
  126. package/es/Toc/Toc.d.mts +2 -2
  127. package/es/Tooltip/type.d.mts +3 -3
  128. package/es/Video/index.d.mts +2 -2
  129. package/es/awesome/AuroraBackground/AuroraBackground.d.mts +2 -2
  130. package/es/awesome/BottomGradientButton/BottomGradientButton.d.mts +2 -2
  131. package/es/awesome/Features/Features.d.mts +2 -2
  132. package/es/awesome/Giscus/Giscus.d.mts +2 -2
  133. package/es/awesome/GradientButton/GradientButton.d.mts +2 -2
  134. package/es/awesome/GridBackground/GridBackground.d.mts +2 -2
  135. package/es/awesome/GridBackground/GridShowcase.d.mts +2 -2
  136. package/es/awesome/Spline/Spine.d.mts +2 -2
  137. package/es/awesome/Spotlight/Spotlight.d.mts +2 -2
  138. package/es/awesome/SpotlightCard/SpotlightCard.d.mts +2 -2
  139. package/es/awesome/TypewriterEffect/TypewriterEffect.d.mts +2 -2
  140. package/es/brand/LobeChat/index.d.mts +2 -2
  141. package/es/brand/LobeHub/index.d.mts +2 -2
  142. package/es/brand/LogoThree/LogoSpline.d.mts +2 -2
  143. package/es/brand/LogoThree/index.d.mts +2 -2
  144. package/es/chat/BackBottom/BackBottom.d.mts +2 -2
  145. package/es/chat/ChatInputArea/components/ChatInputAreaInner.d.mts +2 -2
  146. package/es/chat/ChatItem/ChatItem.d.mts +2 -2
  147. package/es/chat/ChatList/ChatList.d.mts +2 -2
  148. package/es/chat/EditableMessage/EditableMessage.d.mts +2 -2
  149. package/es/chat/EditableMessageList/EditableMessageList.d.mts +2 -2
  150. package/es/chat/MessageInput/MessageInput.d.mts +2 -2
  151. package/es/chat/MessageModal/MessageModal.d.mts +2 -2
  152. package/es/color/ColorScales/index.d.mts +2 -2
  153. package/es/color/CssVar/index.d.mts +2 -2
  154. package/es/i18n/context.d.mts +2 -2
  155. package/es/icons/lucideExtra/BotPromptIcon.d.mts +2 -2
  156. package/es/icons/lucideExtra/DiscordIcon.d.mts +3 -3
  157. package/es/icons/lucideExtra/GlobeOffIcon.d.mts +3 -3
  158. package/es/icons/lucideExtra/GroupBotIcon.d.mts +3 -3
  159. package/es/icons/lucideExtra/GroupBotSquareIcon.d.mts +3 -3
  160. package/es/icons/lucideExtra/LeftDoubleClickIcon.d.mts +3 -3
  161. package/es/icons/lucideExtra/McpIcon.d.mts +3 -3
  162. package/es/icons/lucideExtra/ProviderIcon.d.mts +3 -3
  163. package/es/icons/lucideExtra/RightClickIcon.d.mts +3 -3
  164. package/es/icons/lucideExtra/RightDoubleClickIcon.d.mts +3 -3
  165. package/es/icons/lucideExtra/ShapesUploadIcon.d.mts +3 -3
  166. package/es/icons/lucideExtra/TreeDownRightIcon.d.mts +3 -3
  167. package/es/icons/lucideExtra/TreeUpDownRightIcon.d.mts +3 -3
  168. package/es/index.d.mts +7 -1
  169. package/es/index.mjs +4 -1
  170. package/es/mdx/Mdx/index.d.mts +2 -2
  171. package/es/mobile/ChatHeader/ChatHeaderTitle.d.mts +2 -2
  172. package/es/mobile/ChatInputArea/components/ChatSendButton.d.mts +2 -2
  173. package/es/mobile/TabBar/TabBar.d.mts +2 -2
  174. package/es/storybook/StoryBook/index.d.mts +2 -2
  175. package/es/types/index.d.mts +2 -1
  176. package/es/types/trigger.d.mts +8 -0
  177. package/es/utils/parseTrigger.d.mts +14 -0
  178. package/es/{Popover → utils}/parseTrigger.mjs +1 -1
  179. package/es/utils/parseTrigger.mjs.map +1 -0
  180. package/package.json +3 -2
  181. package/es/Popover/parseTrigger.d.mts +0 -14
  182. package/es/Popover/parseTrigger.mjs.map +0 -1
@@ -0,0 +1,83 @@
1
+ import { IconProps } from "../Icon/type.mjs";
2
+ import "../Icon/index.mjs";
3
+ import { CSSProperties, ReactNode } from "react";
4
+
5
+ //#region src/LobeSelect/type.d.ts
6
+ type LobeSelectSize = 'large' | 'middle' | 'small';
7
+ type LobeSelectVariant = 'borderless' | 'filled' | 'outlined';
8
+ interface LobeSelectOption<Value = string> {
9
+ className?: string;
10
+ disabled?: boolean;
11
+ label: ReactNode;
12
+ style?: CSSProperties;
13
+ title?: string;
14
+ value: Value;
15
+ }
16
+ interface LobeSelectOptionGroup<Value = string> {
17
+ disabled?: boolean;
18
+ label: ReactNode;
19
+ options: LobeSelectOption<Value>[];
20
+ }
21
+ type LobeSelectOptions<Value = string> = Array<LobeSelectOption<Value> | LobeSelectOptionGroup<Value>>;
22
+ interface LobeSelectClassNames {
23
+ clear?: string;
24
+ dropdown?: string;
25
+ empty?: string;
26
+ group?: string;
27
+ groupLabel?: string;
28
+ icon?: string;
29
+ item?: string;
30
+ itemIndicator?: string;
31
+ itemText?: string;
32
+ list?: string;
33
+ option?: string;
34
+ popup?: string;
35
+ prefix?: string;
36
+ root?: string;
37
+ search?: string;
38
+ suffix?: string;
39
+ trigger?: string;
40
+ value?: string;
41
+ }
42
+ interface LobeSelectProps<Value = string> {
43
+ allowClear?: boolean;
44
+ autoFocus?: boolean;
45
+ className?: string;
46
+ classNames?: LobeSelectClassNames;
47
+ defaultOpen?: boolean;
48
+ defaultValue?: Value | Value[] | null;
49
+ disabled?: boolean;
50
+ id?: string;
51
+ labelRender?: (option: LobeSelectOption<Value>) => ReactNode;
52
+ listItemHeight?: number;
53
+ loading?: boolean;
54
+ mode?: 'multiple' | 'tags';
55
+ name?: string;
56
+ onChange?: (value: Value | Value[] | null, option?: LobeSelectOption<Value> | LobeSelectOption<Value>[]) => void;
57
+ onOpenChange?: (open: boolean) => void;
58
+ onSelect?: (value: Value, option?: LobeSelectOption<Value>) => void;
59
+ open?: boolean;
60
+ optionRender?: (option: LobeSelectOption<Value>, info: {
61
+ index: number;
62
+ }) => ReactNode;
63
+ options?: LobeSelectOptions<Value>;
64
+ placeholder?: ReactNode;
65
+ popupClassName?: string;
66
+ popupMatchSelectWidth?: boolean | number;
67
+ prefix?: ReactNode | IconProps['icon'];
68
+ readOnly?: boolean;
69
+ required?: boolean;
70
+ shadow?: boolean;
71
+ showSearch?: boolean;
72
+ size?: LobeSelectSize;
73
+ style?: CSSProperties;
74
+ suffixIcon?: IconProps['icon'] | ReactNode;
75
+ suffixIconProps?: Omit<IconProps, 'icon'>;
76
+ tokenSeparators?: string[];
77
+ value?: Value | Value[] | null;
78
+ variant?: LobeSelectVariant;
79
+ virtual?: boolean;
80
+ }
81
+ //#endregion
82
+ export { LobeSelectClassNames, LobeSelectOption, LobeSelectOptionGroup, LobeSelectOptions, LobeSelectProps, LobeSelectSize, LobeSelectVariant };
83
+ //# sourceMappingURL=type.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { MarkdownProps } from "./type.mjs";
2
- import * as react60 from "react";
2
+ import * as react44 from "react";
3
3
 
4
4
  //#region src/Markdown/Markdown.d.ts
5
- declare const Markdown: react60.NamedExoticComponent<MarkdownProps>;
5
+ declare const Markdown: react44.NamedExoticComponent<MarkdownProps>;
6
6
  //#endregion
7
7
  export { Markdown };
8
8
  //# sourceMappingURL=Markdown.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { TypographyProps } from "./type.mjs";
2
- import * as react59 from "react";
2
+ import * as react42 from "react";
3
3
 
4
4
  //#region src/Markdown/Typography.d.ts
5
- declare const Typography: react59.NamedExoticComponent<TypographyProps>;
5
+ declare const Typography: react42.NamedExoticComponent<TypographyProps>;
6
6
  //#endregion
7
7
  export { Typography };
8
8
  //# sourceMappingURL=Typography.d.mts.map
@@ -1,6 +1,6 @@
1
1
  import { FlexboxProps } from "../../../Flex/type.mjs";
2
2
  import "../../../Flex/index.mjs";
3
- import * as react81 from "react";
3
+ import * as react72 from "react";
4
4
  import { Ref } from "react";
5
5
 
6
6
  //#region src/Markdown/components/SearchResultCards/index.d.ts
@@ -14,7 +14,7 @@ interface SearchResultCardsProps extends FlexboxProps {
14
14
  dataSource: string[] | SearchResultItem[];
15
15
  ref?: Ref<HTMLDivElement>;
16
16
  }
17
- declare const SearchResultCards: react81.NamedExoticComponent<SearchResultCardsProps>;
17
+ declare const SearchResultCards: react72.NamedExoticComponent<SearchResultCardsProps>;
18
18
  //#endregion
19
19
  export { SearchResultCards, SearchResultCardsProps };
20
20
  //# sourceMappingURL=index.d.mts.map
@@ -7,10 +7,15 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
7
7
  --lobe-markdown-font-size: 16px;
8
8
  --lobe-markdown-header-multiple: 1;
9
9
  --lobe-markdown-margin-multiple: 2;
10
+ --lobe-markdown-margin-multiple-cal: var(--lobe-markdown-margin-multiple);
10
11
  --lobe-markdown-line-height: 1.8;
11
12
  --lobe-markdown-border-radius: ${cssVar$1.borderRadiusLG};
12
13
  --lobe-markdown-border-color: ${cssVar$1.colorFillQuaternary};
13
14
 
15
+ @supports (text-box-trim: trim-both) {
16
+ --lobe-markdown-margin-multiple-cal: calc(var(--lobe-markdown-margin-multiple) * 1.2);
17
+ }
18
+
14
19
  position: relative;
15
20
 
16
21
  width: 100%;
@@ -32,7 +37,7 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
32
37
  `;
33
38
  const blockquote = css$1`
34
39
  blockquote {
35
- margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
40
+ margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);
36
41
  margin-inline: 0;
37
42
  padding-block: 0;
38
43
  padding-inline: 1em;
@@ -70,7 +75,7 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
70
75
  `;
71
76
  const details = css$1`
72
77
  details {
73
- margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
78
+ margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);
74
79
  padding-block: 0.75em;
75
80
  padding-inline: 1em;
76
81
  border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
@@ -124,7 +129,9 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
124
129
  h5,
125
130
  h6 {
126
131
  margin-block: max(
127
- calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * 0.4em),
132
+ calc(
133
+ var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple-cal) * 0.4em
134
+ ),
128
135
  var(--lobe-markdown-font-size)
129
136
  );
130
137
  font-weight: bold;
@@ -161,7 +168,7 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
161
168
  const hr = css$1`
162
169
  hr {
163
170
  width: 100%;
164
- margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);
171
+ margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 1.5em);
165
172
  border-color: ${cssVar$1.colorBorder};
166
173
  border-style: dashed;
167
174
  border-width: 1px;
@@ -177,14 +184,18 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
177
184
 
178
185
  > img,
179
186
  > p > img {
180
- margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
187
+ margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);
181
188
  border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
182
189
  box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
190
+
191
+ @supports (text-box-trim: trim-both) {
192
+ margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 1.5em);
193
+ }
183
194
  }
184
195
  `;
185
196
  const list = css$1`
186
197
  li {
187
- margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.33em);
198
+ margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.33em);
188
199
 
189
200
  p:first-child {
190
201
  display: inline;
@@ -193,18 +204,26 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
193
204
 
194
205
  ul,
195
206
  ol {
196
- margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
207
+ margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);
197
208
  margin-inline-start: 1em;
198
209
  padding-inline-start: 0;
199
210
  list-style-position: outside;
200
211
 
201
- > ul,
202
- > ol {
212
+ @supports (text-box-trim: trim-both) {
213
+ line-height: 2;
214
+ }
215
+
216
+ ul,
217
+ ol {
203
218
  margin-block: 0;
204
219
  }
205
220
 
206
221
  > li {
207
222
  margin-inline-start: 1em;
223
+
224
+ @supports (text-box-trim: trim-both) {
225
+ margin-block: 0;
226
+ }
208
227
  }
209
228
  }
210
229
 
@@ -252,14 +271,20 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
252
271
  line-height: var(--lobe-markdown-line-height);
253
272
  letter-spacing: 0.02em;
254
273
 
255
- text-box-trim: trim-both;
274
+ @supports (text-box-trim: trim-both) {
275
+ text-box-trim: trim-both;
276
+ text-edge: cap alphabetic;
277
+ margin-block-start: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);
278
+ margin-block-end: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);
279
+ line-height: 2;
280
+ }
256
281
 
257
282
  &:not(:first-child) {
258
- margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
283
+ margin-block-start: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);
259
284
  }
260
285
 
261
286
  &:not(:last-child) {
262
- margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
287
+ margin-block-end: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);
263
288
  }
264
289
  }
265
290
  `;
@@ -289,7 +314,7 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
289
314
  box-sizing: border-box;
290
315
  width: max-content;
291
316
  max-width: 100%;
292
- margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
317
+ margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);
293
318
  border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
294
319
 
295
320
  text-align: start;
@@ -325,7 +350,7 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
325
350
  const video = css$1`
326
351
  > video,
327
352
  > p > video {
328
- margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
353
+ margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);
329
354
  border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
330
355
  box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
331
356
  }
@@ -336,7 +361,7 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
336
361
  `;
337
362
  const footnote = css$1`
338
363
  .footnotes {
339
- margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 1em);
364
+ margin-block-start: calc(var(--lobe-markdown-margin-multiple-cal) * 1em);
340
365
  font-size: smaller;
341
366
  color: #8b949e;
342
367
 
@@ -1 +1 @@
1
- {"version":3,"file":"markdown.style.mjs","names":["cssVar"],"sources":["../../src/Markdown/markdown.style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nconst IGNORE_CLASSNAME = '.ignore-markdown-style';\n\nexport const styles = createStaticStyles(({ cssVar, css }) => {\n const __root = css`\n --lobe-markdown-font-size: 16px;\n --lobe-markdown-header-multiple: 1;\n --lobe-markdown-margin-multiple: 2;\n --lobe-markdown-line-height: 1.8;\n --lobe-markdown-border-radius: ${cssVar.borderRadiusLG};\n --lobe-markdown-border-color: ${cssVar.colorFillQuaternary};\n\n position: relative;\n\n width: 100%;\n max-width: 100%;\n padding-inline: 1px;\n\n font-size: var(--lobe-markdown-font-size);\n line-height: var(--lobe-markdown-line-height);\n word-break: break-word;\n `;\n const a = css`\n a {\n color: ${cssVar.colorInfoText};\n\n &:hover {\n color: ${cssVar.colorInfoHover};\n }\n }\n `;\n\n const blockquote = css`\n blockquote {\n margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n margin-inline: 0;\n padding-block: 0;\n padding-inline: 1em;\n border-inline-start: solid 4px ${cssVar.colorBorder};\n\n color: ${cssVar.colorTextSecondary};\n }\n `;\n\n const code = css`\n code {\n &:not(:has(span)) {\n display: inline;\n\n margin-inline: 0.25em;\n padding-block: 0.2em;\n padding-inline: 0.4em;\n border: 1px solid var(--lobe-markdown-border-color);\n border-radius: 0.25em;\n\n font-family: ${cssVar.fontFamilyCode};\n font-size: 0.875em;\n line-height: 1;\n word-break: break-word;\n white-space: break-spaces;\n\n background: ${cssVar.colorFillSecondary};\n }\n }\n `;\n\n const del = css`\n del {\n color: ${cssVar.colorTextDescription};\n text-decoration: line-through;\n }\n `;\n\n const details = css`\n details {\n margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n padding-block: 0.75em;\n padding-inline: 1em;\n border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n background: ${cssVar.colorFillTertiary};\n box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n summary {\n cursor: pointer;\n display: flex;\n align-items: center;\n list-style: none;\n\n &::before {\n content: '';\n\n position: absolute;\n inset-inline-end: 1.25em;\n transform: rotateZ(-45deg);\n\n display: block;\n\n width: 0.4em;\n height: 0.4em;\n border-block-end: 1.5px solid ${cssVar.colorTextSecondary};\n border-inline-end: 1.5px solid ${cssVar.colorTextSecondary};\n\n font-family: ${cssVar.fontFamily};\n\n transition: transform 200ms ${cssVar.motionEaseOut};\n }\n }\n\n &[open] {\n summary {\n padding-block-end: 0.75em;\n border-block-end: 1px dashed ${cssVar.colorBorder};\n\n &::before {\n transform: rotateZ(45deg);\n }\n }\n }\n }\n `;\n const header = css`\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-block: max(\n calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * 0.4em),\n var(--lobe-markdown-font-size)\n );\n font-weight: bold;\n line-height: 1.25;\n }\n\n h1 {\n font-size: calc(\n var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))\n );\n }\n\n h2 {\n font-size: calc(var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple)));\n }\n\n h3 {\n font-size: calc(\n var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))\n );\n }\n\n h4 {\n font-size: calc(\n var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))\n );\n }\n\n h5,\n h6 {\n font-size: calc(var(--lobe-markdown-font-size) * 1);\n }\n `;\n const hr = css`\n hr {\n width: 100%;\n margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);\n border-color: ${cssVar.colorBorder};\n border-style: dashed;\n border-width: 1px;\n border-block-start: none;\n border-inline-start: none;\n border-inline-end: none;\n }\n `;\n const img = css`\n img {\n max-width: 100%;\n }\n\n > img,\n > p > img {\n margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n }\n `;\n\n const list = css`\n li {\n margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.33em);\n\n p:first-child {\n display: inline;\n }\n }\n\n ul,\n ol {\n margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n margin-inline-start: 1em;\n padding-inline-start: 0;\n list-style-position: outside;\n\n > ul,\n > ol {\n margin-block: 0;\n }\n\n > li {\n margin-inline-start: 1em;\n }\n }\n\n ol {\n list-style: auto;\n }\n\n ul {\n list-style-type: none;\n\n > li {\n &::before {\n content: '-';\n\n position: absolute;\n\n display: inline-block;\n\n margin-inline: -1em 0.5em;\n\n opacity: 0.5;\n }\n }\n }\n\n .task-list-item {\n &::before {\n display: none !important;\n }\n\n input[type='checkbox'] {\n margin-block: 0 0.25em;\n margin-inline: -1.6em 0.2em;\n vertical-align: middle;\n }\n\n input[type='checkbox']:dir(rtl) {\n margin: 0 -1.6em 0.25em 0.2em;\n }\n }\n `;\n const p = css`\n p {\n margin-block: 4px;\n line-height: var(--lobe-markdown-line-height);\n letter-spacing: 0.02em;\n\n text-box-trim: trim-both;\n\n &:not(:first-child) {\n margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n }\n\n &:not(:last-child) {\n margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n }\n }\n `;\n const pre = css`\n pre {\n font-size: calc(var(--lobe-markdown-font-size) * 0.85);\n }\n `;\n const strong = css`\n strong {\n font-weight: 600;\n }\n `;\n const svg = css`\n svg {\n line-height: 1;\n }\n `;\n const table = css`\n table {\n unicode-bidi: isolate;\n overflow: auto hidden;\n display: block;\n border-spacing: 0;\n border-collapse: collapse;\n\n box-sizing: border-box;\n width: max-content;\n max-width: 100%;\n margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n text-align: start;\n text-indent: initial;\n text-wrap: pretty;\n word-break: auto-phrase;\n overflow-wrap: break-word;\n\n background: ${cssVar.colorFillQuaternary};\n box-shadow: 0 0 0 1px ${cssVar.colorBorderSecondary};\n\n code {\n word-break: break-word;\n }\n\n thead {\n background: ${cssVar.colorFillQuaternary};\n }\n\n tr {\n box-shadow: 0 1px 0 ${cssVar.colorBorderSecondary};\n }\n\n th,\n td {\n min-width: 120px;\n padding-block: 0.75em;\n padding-inline: 1em;\n text-align: start;\n }\n }\n `;\n const video = css`\n > video,\n > p > video {\n margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n }\n\n video {\n max-width: 100%;\n }\n `;\n\n const footnote = css`\n .footnotes {\n margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 1em);\n font-size: smaller;\n color: #8b949e;\n\n #footnote-label {\n display: none;\n }\n\n > ol {\n margin: 0 !important;\n }\n }\n `;\n\n const sup = css`\n sup {\n position: relative;\n inset-block-start: -0.25em;\n\n font-size: 0.75em;\n line-height: var(--lobe-markdown-line-height);\n vertical-align: baseline;\n }\n `;\n\n const sub = css`\n sub {\n position: relative;\n inset-block-end: -0.25em;\n\n font-size: 0.75em;\n line-height: var(--lobe-markdown-line-height);\n vertical-align: baseline;\n }\n `;\n\n return {\n root: css`\n :not(:has(${IGNORE_CLASSNAME})),\n .markdown {\n ${[\n __root,\n a,\n blockquote,\n code,\n del,\n details,\n header,\n hr,\n img,\n list,\n p,\n pre,\n strong,\n svg,\n table,\n video,\n footnote,\n sub,\n sup,\n ]}\n }\n `,\n };\n});\n"],"mappings":";;;AAEA,MAAM,mBAAmB;AAEzB,MAAa,SAAS,oBAAoB,EAAE,kBAAQ,iBAAU;CAC5D,MAAM,SAAS,KAAG;;;;;qCAKiBA,SAAO,eAAe;oCACvBA,SAAO,oBAAoB;;;;;;;;;;;;CAY7D,MAAM,IAAI,KAAG;;eAEAA,SAAO,cAAc;;;iBAGnBA,SAAO,eAAe;;;;CAKrC,MAAM,aAAa,KAAG;;;;;;uCAMeA,SAAO,YAAY;;eAE3CA,SAAO,mBAAmB;;;CAIvC,MAAM,OAAO,KAAG;;;;;;;;;;;uBAWKA,SAAO,eAAe;;;;;;sBAMvBA,SAAO,mBAAmB;;;;CAK9C,MAAM,MAAM,KAAG;;eAEFA,SAAO,qBAAqB;;;;CAKzC,MAAM,UAAU,KAAG;;;;;;;oBAODA,SAAO,kBAAkB;;;;;;;;;;;;;;;;;;;;0CAoBHA,SAAO,mBAAmB;2CACzBA,SAAO,mBAAmB;;yBAE5CA,SAAO,WAAW;;wCAEHA,SAAO,cAAc;;;;;;;yCAOpBA,SAAO,YAAY;;;;;;;;;CAS1D,MAAM,SAAS,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ClB,MAAM,KAAK,KAAG;;;;sBAIMA,SAAO,YAAY;;;;;;;;CAQvC,MAAM,MAAM,KAAG;;;;;;;;;;;;CAaf,MAAM,OAAO,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEhB,MAAM,IAAI,KAAG;;;;;;;;;;;;;;;;;CAiBb,MAAM,MAAM,KAAG;;;;;CAKf,MAAM,SAAS,KAAG;;;;;CAKlB,MAAM,MAAM,KAAG;;;;;CAKf,MAAM,QAAQ,KAAG;;;;;;;;;;;;;;;;;;;;oBAoBCA,SAAO,oBAAoB;8BACjBA,SAAO,qBAAqB;;;;;;;sBAOpCA,SAAO,oBAAoB;;;;8BAInBA,SAAO,qBAAqB;;;;;;;;;;;;CAYxD,MAAM,QAAQ,KAAG;;;;;;;;;;;;CAajB,MAAM,WAAW,KAAG;;;;;;;;;;;;;;;CAgBpB,MAAM,MAAM,KAAG;;;;;;;;;;AAsBf,QAAO,EACL,MAAM,KAAG;kBACK,iBAAiB;;UAEzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAhCI,KAAG;;;;;;;;;;EAkCP;EACD,CAAC;;OAGP;EACD"}
1
+ {"version":3,"file":"markdown.style.mjs","names":["cssVar"],"sources":["../../src/Markdown/markdown.style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nconst IGNORE_CLASSNAME = '.ignore-markdown-style';\n\nexport const styles = createStaticStyles(({ cssVar, css }) => {\n const __root = css`\n --lobe-markdown-font-size: 16px;\n --lobe-markdown-header-multiple: 1;\n --lobe-markdown-margin-multiple: 2;\n --lobe-markdown-margin-multiple-cal: var(--lobe-markdown-margin-multiple);\n --lobe-markdown-line-height: 1.8;\n --lobe-markdown-border-radius: ${cssVar.borderRadiusLG};\n --lobe-markdown-border-color: ${cssVar.colorFillQuaternary};\n\n @supports (text-box-trim: trim-both) {\n --lobe-markdown-margin-multiple-cal: calc(var(--lobe-markdown-margin-multiple) * 1.2);\n }\n\n position: relative;\n\n width: 100%;\n max-width: 100%;\n padding-inline: 1px;\n\n font-size: var(--lobe-markdown-font-size);\n line-height: var(--lobe-markdown-line-height);\n word-break: break-word;\n `;\n const a = css`\n a {\n color: ${cssVar.colorInfoText};\n\n &:hover {\n color: ${cssVar.colorInfoHover};\n }\n }\n `;\n\n const blockquote = css`\n blockquote {\n margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);\n margin-inline: 0;\n padding-block: 0;\n padding-inline: 1em;\n border-inline-start: solid 4px ${cssVar.colorBorder};\n\n color: ${cssVar.colorTextSecondary};\n }\n `;\n\n const code = css`\n code {\n &:not(:has(span)) {\n display: inline;\n\n margin-inline: 0.25em;\n padding-block: 0.2em;\n padding-inline: 0.4em;\n border: 1px solid var(--lobe-markdown-border-color);\n border-radius: 0.25em;\n\n font-family: ${cssVar.fontFamilyCode};\n font-size: 0.875em;\n line-height: 1;\n word-break: break-word;\n white-space: break-spaces;\n\n background: ${cssVar.colorFillSecondary};\n }\n }\n `;\n\n const del = css`\n del {\n color: ${cssVar.colorTextDescription};\n text-decoration: line-through;\n }\n `;\n\n const details = css`\n details {\n margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);\n padding-block: 0.75em;\n padding-inline: 1em;\n border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n background: ${cssVar.colorFillTertiary};\n box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n summary {\n cursor: pointer;\n display: flex;\n align-items: center;\n list-style: none;\n\n &::before {\n content: '';\n\n position: absolute;\n inset-inline-end: 1.25em;\n transform: rotateZ(-45deg);\n\n display: block;\n\n width: 0.4em;\n height: 0.4em;\n border-block-end: 1.5px solid ${cssVar.colorTextSecondary};\n border-inline-end: 1.5px solid ${cssVar.colorTextSecondary};\n\n font-family: ${cssVar.fontFamily};\n\n transition: transform 200ms ${cssVar.motionEaseOut};\n }\n }\n\n &[open] {\n summary {\n padding-block-end: 0.75em;\n border-block-end: 1px dashed ${cssVar.colorBorder};\n\n &::before {\n transform: rotateZ(45deg);\n }\n }\n }\n }\n `;\n const header = css`\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-block: max(\n calc(\n var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple-cal) * 0.4em\n ),\n var(--lobe-markdown-font-size)\n );\n font-weight: bold;\n line-height: 1.25;\n }\n\n h1 {\n font-size: calc(\n var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))\n );\n }\n\n h2 {\n font-size: calc(var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple)));\n }\n\n h3 {\n font-size: calc(\n var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))\n );\n }\n\n h4 {\n font-size: calc(\n var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))\n );\n }\n\n h5,\n h6 {\n font-size: calc(var(--lobe-markdown-font-size) * 1);\n }\n `;\n const hr = css`\n hr {\n width: 100%;\n margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 1.5em);\n border-color: ${cssVar.colorBorder};\n border-style: dashed;\n border-width: 1px;\n border-block-start: none;\n border-inline-start: none;\n border-inline-end: none;\n }\n `;\n const img = css`\n img {\n max-width: 100%;\n }\n\n > img,\n > p > img {\n margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);\n border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n @supports (text-box-trim: trim-both) {\n margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 1.5em);\n }\n }\n `;\n\n const list = css`\n li {\n margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.33em);\n\n p:first-child {\n display: inline;\n }\n }\n\n ul,\n ol {\n margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);\n margin-inline-start: 1em;\n padding-inline-start: 0;\n list-style-position: outside;\n\n @supports (text-box-trim: trim-both) {\n line-height: 2;\n }\n\n ul,\n ol {\n margin-block: 0;\n }\n\n > li {\n margin-inline-start: 1em;\n\n @supports (text-box-trim: trim-both) {\n margin-block: 0;\n }\n }\n }\n\n ol {\n list-style: auto;\n }\n\n ul {\n list-style-type: none;\n\n > li {\n &::before {\n content: '-';\n\n position: absolute;\n\n display: inline-block;\n\n margin-inline: -1em 0.5em;\n\n opacity: 0.5;\n }\n }\n }\n\n .task-list-item {\n &::before {\n display: none !important;\n }\n\n input[type='checkbox'] {\n margin-block: 0 0.25em;\n margin-inline: -1.6em 0.2em;\n vertical-align: middle;\n }\n\n input[type='checkbox']:dir(rtl) {\n margin: 0 -1.6em 0.25em 0.2em;\n }\n }\n `;\n const p = css`\n p {\n margin-block: 4px;\n line-height: var(--lobe-markdown-line-height);\n letter-spacing: 0.02em;\n\n @supports (text-box-trim: trim-both) {\n text-box-trim: trim-both;\n text-edge: cap alphabetic;\n margin-block-start: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);\n margin-block-end: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);\n line-height: 2;\n }\n\n &:not(:first-child) {\n margin-block-start: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);\n }\n\n &:not(:last-child) {\n margin-block-end: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);\n }\n }\n `;\n const pre = css`\n pre {\n font-size: calc(var(--lobe-markdown-font-size) * 0.85);\n }\n `;\n const strong = css`\n strong {\n font-weight: 600;\n }\n `;\n const svg = css`\n svg {\n line-height: 1;\n }\n `;\n const table = css`\n table {\n unicode-bidi: isolate;\n overflow: auto hidden;\n display: block;\n border-spacing: 0;\n border-collapse: collapse;\n\n box-sizing: border-box;\n width: max-content;\n max-width: 100%;\n margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);\n border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n text-align: start;\n text-indent: initial;\n text-wrap: pretty;\n word-break: auto-phrase;\n overflow-wrap: break-word;\n\n background: ${cssVar.colorFillQuaternary};\n box-shadow: 0 0 0 1px ${cssVar.colorBorderSecondary};\n\n code {\n word-break: break-word;\n }\n\n thead {\n background: ${cssVar.colorFillQuaternary};\n }\n\n tr {\n box-shadow: 0 1px 0 ${cssVar.colorBorderSecondary};\n }\n\n th,\n td {\n min-width: 120px;\n padding-block: 0.75em;\n padding-inline: 1em;\n text-align: start;\n }\n }\n `;\n const video = css`\n > video,\n > p > video {\n margin-block: calc(var(--lobe-markdown-margin-multiple-cal) * 0.5em);\n border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n }\n\n video {\n max-width: 100%;\n }\n `;\n\n const footnote = css`\n .footnotes {\n margin-block-start: calc(var(--lobe-markdown-margin-multiple-cal) * 1em);\n font-size: smaller;\n color: #8b949e;\n\n #footnote-label {\n display: none;\n }\n\n > ol {\n margin: 0 !important;\n }\n }\n `;\n\n const sup = css`\n sup {\n position: relative;\n inset-block-start: -0.25em;\n\n font-size: 0.75em;\n line-height: var(--lobe-markdown-line-height);\n vertical-align: baseline;\n }\n `;\n\n const sub = css`\n sub {\n position: relative;\n inset-block-end: -0.25em;\n\n font-size: 0.75em;\n line-height: var(--lobe-markdown-line-height);\n vertical-align: baseline;\n }\n `;\n\n return {\n root: css`\n :not(:has(${IGNORE_CLASSNAME})),\n .markdown {\n ${[\n __root,\n a,\n blockquote,\n code,\n del,\n details,\n header,\n hr,\n img,\n list,\n p,\n pre,\n strong,\n svg,\n table,\n video,\n footnote,\n sub,\n sup,\n ]}\n }\n `,\n };\n});\n"],"mappings":";;;AAEA,MAAM,mBAAmB;AAEzB,MAAa,SAAS,oBAAoB,EAAE,kBAAQ,iBAAU;CAC5D,MAAM,SAAS,KAAG;;;;;;qCAMiBA,SAAO,eAAe;oCACvBA,SAAO,oBAAoB;;;;;;;;;;;;;;;;CAgB7D,MAAM,IAAI,KAAG;;eAEAA,SAAO,cAAc;;;iBAGnBA,SAAO,eAAe;;;;CAKrC,MAAM,aAAa,KAAG;;;;;;uCAMeA,SAAO,YAAY;;eAE3CA,SAAO,mBAAmB;;;CAIvC,MAAM,OAAO,KAAG;;;;;;;;;;;uBAWKA,SAAO,eAAe;;;;;;sBAMvBA,SAAO,mBAAmB;;;;CAK9C,MAAM,MAAM,KAAG;;eAEFA,SAAO,qBAAqB;;;;CAKzC,MAAM,UAAU,KAAG;;;;;;;oBAODA,SAAO,kBAAkB;;;;;;;;;;;;;;;;;;;;0CAoBHA,SAAO,mBAAmB;2CACzBA,SAAO,mBAAmB;;yBAE5CA,SAAO,WAAW;;wCAEHA,SAAO,cAAc;;;;;;;yCAOpBA,SAAO,YAAY;;;;;;;;;CAS1D,MAAM,SAAS,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4ClB,MAAM,KAAK,KAAG;;;;sBAIMA,SAAO,YAAY;;;;;;;;CAQvC,MAAM,MAAM,KAAG;;;;;;;;;;;;;;;;CAiBf,MAAM,OAAO,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwEhB,MAAM,IAAI,KAAG;;;;;;;;;;;;;;;;;;;;;;;CAuBb,MAAM,MAAM,KAAG;;;;;CAKf,MAAM,SAAS,KAAG;;;;;CAKlB,MAAM,MAAM,KAAG;;;;;CAKf,MAAM,QAAQ,KAAG;;;;;;;;;;;;;;;;;;;;oBAoBCA,SAAO,oBAAoB;8BACjBA,SAAO,qBAAqB;;;;;;;sBAOpCA,SAAO,oBAAoB;;;;8BAInBA,SAAO,qBAAqB;;;;;;;;;;;;CAYxD,MAAM,QAAQ,KAAG;;;;;;;;;;;;CAajB,MAAM,WAAW,KAAG;;;;;;;;;;;;;;;CAgBpB,MAAM,MAAM,KAAG;;;;;;;;;;AAsBf,QAAO,EACL,MAAM,KAAG;kBACK,iBAAiB;;UAEzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAhCI,KAAG;;;;;;;;;;EAkCP;EACD,CAAC;;OAGP;EACD"}
@@ -1,8 +1,8 @@
1
1
  import { MaskShadowProps } from "./type.mjs";
2
- import * as react58 from "react";
2
+ import * as react45 from "react";
3
3
 
4
4
  //#region src/MaskShadow/MaskShadow.d.ts
5
- declare const MaskShadow: react58.NamedExoticComponent<MaskShadowProps>;
5
+ declare const MaskShadow: react45.NamedExoticComponent<MaskShadowProps>;
6
6
  //#endregion
7
7
  export { MaskShadow };
8
8
  //# sourceMappingURL=MaskShadow.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { MenuProps } from "./type.mjs";
2
- import * as react35 from "react";
2
+ import * as react41 from "react";
3
3
 
4
4
  //#region src/Menu/Menu.d.ts
5
- declare const Menu: react35.NamedExoticComponent<MenuProps<unknown>>;
5
+ declare const Menu: react41.NamedExoticComponent<MenuProps<unknown>>;
6
6
  //#endregion
7
7
  export { Menu };
8
8
  //# sourceMappingURL=Menu.d.mts.map
@@ -121,8 +121,8 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
121
121
  background: ${cssVar$1.colorBgElevated};
122
122
  outline: none;
123
123
  box-shadow:
124
- 0 0 15px 0 #00000008,
125
- 0 2px 30px 0 #00000014,
124
+ 0 0 15px 0 color-mix(in srgb, ${cssVar$1.colorBgSolid} 8%, transparent),
125
+ 0 2px 30px 0 color-mix(in srgb, ${cssVar$1.colorBgSolid} 6%, transparent),
126
126
  0 0 0 1px ${cssVar$1.colorBorder} inset;
127
127
  `,
128
128
  positioner: css$1`
@@ -1 +1 @@
1
- {"version":3,"file":"sharedStyle.mjs","names":["cssVar"],"sources":["../../src/Menu/sharedStyle.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n danger: css`\n color: ${cssVar.colorError} !important;\n\n &:hover {\n background: ${cssVar.colorErrorBg} !important;\n }\n `,\n\n empty: css`\n cursor: default;\n font-style: italic;\n color: ${cssVar.colorTextTertiary};\n `,\n\n extra: css`\n margin-inline-start: auto;\n padding-inline-start: 16px;\n font-size: 12px;\n color: ${cssVar.colorTextTertiary};\n `,\n\n groupLabel: css`\n user-select: none;\n\n padding-block: 8px 4px;\n padding-inline: 12px;\n\n font-size: 12px;\n font-weight: 500;\n line-height: 16px;\n color: ${cssVar.colorTextTertiary};\n text-transform: uppercase;\n `,\n\n icon: css`\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n\n width: 16px;\n height: 16px;\n margin-inline-end: 8px;\n `,\n\n item: css`\n cursor: pointer;\n user-select: none;\n\n position: relative;\n\n overflow: hidden;\n display: flex;\n align-items: center;\n\n width: 100%;\n min-height: 36px;\n padding-block: 8px;\n padding-inline: 12px;\n border-radius: ${cssVar.borderRadiusSM};\n\n font-size: 14px;\n line-height: 20px;\n color: ${cssVar.colorText};\n\n outline: none;\n\n transition: all 150ms ${cssVar.motionEaseOut};\n\n &:hover {\n background: ${cssVar.colorFillTertiary};\n }\n\n &:active {\n background: ${cssVar.colorFillSecondary};\n }\n\n &[data-disabled] {\n cursor: not-allowed;\n color: ${cssVar.colorTextDisabled};\n opacity: 0.5;\n\n &:hover {\n background: transparent;\n }\n }\n\n &[data-highlighted]:not([data-disabled]) {\n background: ${cssVar.colorFillTertiary};\n }\n\n &[data-state='open']:not([data-disabled]),\n &[data-open]:not([data-disabled]),\n &[aria-expanded='true']:not([data-disabled]) {\n background: ${cssVar.colorFillTertiary};\n }\n `,\n\n itemContent: css`\n display: flex;\n flex: 1;\n gap: 0;\n align-items: center;\n `,\n\n label: css`\n overflow: hidden;\n flex: 1;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n & a,\n & a:visited,\n & a:hover,\n & a:active {\n color: inherit;\n }\n `,\n\n popup: css`\n min-width: 120px;\n padding: 4px;\n border-radius: ${cssVar.borderRadius};\n\n background: ${cssVar.colorBgElevated};\n outline: none;\n box-shadow:\n 0 0 15px 0 #00000008,\n 0 2px 30px 0 #00000014,\n 0 0 0 1px ${cssVar.colorBorder} inset;\n `,\n positioner: css`\n z-index: 1100;\n\n &[data-hover-trigger] {\n --lobe-dropdown-animation-duration: 140ms;\n --lobe-dropdown-animation-translate: 6px;\n --lobe-dropdown-animation-scale: 0.98;\n --lobe-dropdown-animation-ease-in: ease-in;\n --lobe-dropdown-animation-ease-out: ${cssVar.motionEaseOut};\n --lobe-dropdown-translate-x: 0;\n --lobe-dropdown-translate-y: calc(var(--lobe-dropdown-animation-translate) * -1);\n\n & > * {\n will-change: opacity, transform;\n animation: none;\n }\n\n &[data-open] > * {\n transform: translate3d(0, 0, 0) scale(1);\n opacity: 1;\n transition:\n opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out),\n transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out);\n }\n\n &[data-open] > *[data-starting-style] {\n transform: translate3d(\n var(--lobe-dropdown-translate-x),\n var(--lobe-dropdown-translate-y),\n 0\n )\n scale(var(--lobe-dropdown-animation-scale));\n opacity: 0;\n }\n\n &[data-closed] > * {\n transform: translate3d(\n var(--lobe-dropdown-translate-x),\n var(--lobe-dropdown-translate-y),\n 0\n )\n scale(var(--lobe-dropdown-animation-scale));\n opacity: 0;\n transition:\n opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in),\n transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in);\n }\n\n &[data-placement='top'],\n &[data-placement='topCenter'],\n &[data-placement='topLeft'],\n &[data-placement='topRight'] {\n --lobe-dropdown-translate-y: var(--lobe-dropdown-animation-translate);\n }\n\n &[data-placement='bottom'],\n &[data-placement='bottomCenter'],\n &[data-placement='bottomLeft'],\n &[data-placement='bottomRight'] {\n --lobe-dropdown-translate-y: calc(var(--lobe-dropdown-animation-translate) * -1);\n }\n }\n `,\n\n separator: css`\n height: 1px;\n margin-block: 4px;\n margin-inline: 0;\n background: ${cssVar.colorBorder};\n `,\n\n submenuArrow: css`\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n\n width: 20px;\n height: 20px;\n margin-inline-start: auto;\n padding-inline-start: 8px;\n `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,QAAQ,KAAG;aACAA,SAAO,WAAW;;;oBAGXA,SAAO,aAAa;;;CAItC,OAAO,KAAG;;;aAGCA,SAAO,kBAAkB;;CAGpC,OAAO,KAAG;;;;aAICA,SAAO,kBAAkB;;CAGpC,YAAY,KAAG;;;;;;;;;aASJA,SAAO,kBAAkB;;;CAIpC,MAAM,KAAG;;;;;;;;;;CAWT,MAAM,KAAG;;;;;;;;;;;;;;qBAcUA,SAAO,eAAe;;;;aAI9BA,SAAO,UAAU;;;;4BAIFA,SAAO,cAAc;;;oBAG7BA,SAAO,kBAAkB;;;;oBAIzBA,SAAO,mBAAmB;;;;;eAK/BA,SAAO,kBAAkB;;;;;;;;;oBASpBA,SAAO,kBAAkB;;;;;;oBAMzBA,SAAO,kBAAkB;;;CAI3C,aAAa,KAAG;;;;;;CAOhB,OAAO,KAAG;;;;;;;;;;;;;CAcV,OAAO,KAAG;;;qBAGSA,SAAO,aAAa;;kBAEvBA,SAAO,gBAAgB;;;;;kBAKvBA,SAAO,YAAY;;CAEnC,YAAY,KAAG;;;;;;;;4CAQ2BA,SAAO,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwD/D,WAAW,KAAG;;;;kBAIEA,SAAO,YAAY;;CAGnC,cAAc,KAAG;;;;;;;;;;;CAWlB,EAAE"}
1
+ {"version":3,"file":"sharedStyle.mjs","names":["cssVar"],"sources":["../../src/Menu/sharedStyle.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n danger: css`\n color: ${cssVar.colorError} !important;\n\n &:hover {\n background: ${cssVar.colorErrorBg} !important;\n }\n `,\n\n empty: css`\n cursor: default;\n font-style: italic;\n color: ${cssVar.colorTextTertiary};\n `,\n\n extra: css`\n margin-inline-start: auto;\n padding-inline-start: 16px;\n font-size: 12px;\n color: ${cssVar.colorTextTertiary};\n `,\n\n groupLabel: css`\n user-select: none;\n\n padding-block: 8px 4px;\n padding-inline: 12px;\n\n font-size: 12px;\n font-weight: 500;\n line-height: 16px;\n color: ${cssVar.colorTextTertiary};\n text-transform: uppercase;\n `,\n\n icon: css`\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n\n width: 16px;\n height: 16px;\n margin-inline-end: 8px;\n `,\n\n item: css`\n cursor: pointer;\n user-select: none;\n\n position: relative;\n\n overflow: hidden;\n display: flex;\n align-items: center;\n\n width: 100%;\n min-height: 36px;\n padding-block: 8px;\n padding-inline: 12px;\n border-radius: ${cssVar.borderRadiusSM};\n\n font-size: 14px;\n line-height: 20px;\n color: ${cssVar.colorText};\n\n outline: none;\n\n transition: all 150ms ${cssVar.motionEaseOut};\n\n &:hover {\n background: ${cssVar.colorFillTertiary};\n }\n\n &:active {\n background: ${cssVar.colorFillSecondary};\n }\n\n &[data-disabled] {\n cursor: not-allowed;\n color: ${cssVar.colorTextDisabled};\n opacity: 0.5;\n\n &:hover {\n background: transparent;\n }\n }\n\n &[data-highlighted]:not([data-disabled]) {\n background: ${cssVar.colorFillTertiary};\n }\n\n &[data-state='open']:not([data-disabled]),\n &[data-open]:not([data-disabled]),\n &[aria-expanded='true']:not([data-disabled]) {\n background: ${cssVar.colorFillTertiary};\n }\n `,\n\n itemContent: css`\n display: flex;\n flex: 1;\n gap: 0;\n align-items: center;\n `,\n\n label: css`\n overflow: hidden;\n flex: 1;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n & a,\n & a:visited,\n & a:hover,\n & a:active {\n color: inherit;\n }\n `,\n\n popup: css`\n min-width: 120px;\n padding: 4px;\n border-radius: ${cssVar.borderRadius};\n\n background: ${cssVar.colorBgElevated};\n outline: none;\n box-shadow:\n 0 0 15px 0 color-mix(in srgb, ${cssVar.colorBgSolid} 8%, transparent),\n 0 2px 30px 0 color-mix(in srgb, ${cssVar.colorBgSolid} 6%, transparent),\n 0 0 0 1px ${cssVar.colorBorder} inset;\n `,\n positioner: css`\n z-index: 1100;\n\n &[data-hover-trigger] {\n --lobe-dropdown-animation-duration: 140ms;\n --lobe-dropdown-animation-translate: 6px;\n --lobe-dropdown-animation-scale: 0.98;\n --lobe-dropdown-animation-ease-in: ease-in;\n --lobe-dropdown-animation-ease-out: ${cssVar.motionEaseOut};\n --lobe-dropdown-translate-x: 0;\n --lobe-dropdown-translate-y: calc(var(--lobe-dropdown-animation-translate) * -1);\n\n & > * {\n will-change: opacity, transform;\n animation: none;\n }\n\n &[data-open] > * {\n transform: translate3d(0, 0, 0) scale(1);\n opacity: 1;\n transition:\n opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out),\n transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out);\n }\n\n &[data-open] > *[data-starting-style] {\n transform: translate3d(\n var(--lobe-dropdown-translate-x),\n var(--lobe-dropdown-translate-y),\n 0\n )\n scale(var(--lobe-dropdown-animation-scale));\n opacity: 0;\n }\n\n &[data-closed] > * {\n transform: translate3d(\n var(--lobe-dropdown-translate-x),\n var(--lobe-dropdown-translate-y),\n 0\n )\n scale(var(--lobe-dropdown-animation-scale));\n opacity: 0;\n transition:\n opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in),\n transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in);\n }\n\n &[data-placement='top'],\n &[data-placement='topCenter'],\n &[data-placement='topLeft'],\n &[data-placement='topRight'] {\n --lobe-dropdown-translate-y: var(--lobe-dropdown-animation-translate);\n }\n\n &[data-placement='bottom'],\n &[data-placement='bottomCenter'],\n &[data-placement='bottomLeft'],\n &[data-placement='bottomRight'] {\n --lobe-dropdown-translate-y: calc(var(--lobe-dropdown-animation-translate) * -1);\n }\n }\n `,\n\n separator: css`\n height: 1px;\n margin-block: 4px;\n margin-inline: 0;\n background: ${cssVar.colorBorder};\n `,\n\n submenuArrow: css`\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n\n width: 20px;\n height: 20px;\n margin-inline-start: auto;\n padding-inline-start: 8px;\n `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,QAAQ,KAAG;aACAA,SAAO,WAAW;;;oBAGXA,SAAO,aAAa;;;CAItC,OAAO,KAAG;;;aAGCA,SAAO,kBAAkB;;CAGpC,OAAO,KAAG;;;;aAICA,SAAO,kBAAkB;;CAGpC,YAAY,KAAG;;;;;;;;;aASJA,SAAO,kBAAkB;;;CAIpC,MAAM,KAAG;;;;;;;;;;CAWT,MAAM,KAAG;;;;;;;;;;;;;;qBAcUA,SAAO,eAAe;;;;aAI9BA,SAAO,UAAU;;;;4BAIFA,SAAO,cAAc;;;oBAG7BA,SAAO,kBAAkB;;;;oBAIzBA,SAAO,mBAAmB;;;;;eAK/BA,SAAO,kBAAkB;;;;;;;;;oBASpBA,SAAO,kBAAkB;;;;;;oBAMzBA,SAAO,kBAAkB;;;CAI3C,aAAa,KAAG;;;;;;CAOhB,OAAO,KAAG;;;;;;;;;;;;;CAcV,OAAO,KAAG;;;qBAGSA,SAAO,aAAa;;kBAEvBA,SAAO,gBAAgB;;;sCAGHA,SAAO,aAAa;wCAClBA,SAAO,aAAa;kBAC1CA,SAAO,YAAY;;CAEnC,YAAY,KAAG;;;;;;;;4CAQ2BA,SAAO,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwD/D,WAAW,KAAG;;;;kBAIEA,SAAO,YAAY;;CAGnC,cAAc,KAAG;;;;;;;;;;;CAWlB,EAAE"}
@@ -1,8 +1,8 @@
1
1
  import { MermaidProps } from "./type.mjs";
2
- import * as react12 from "react";
2
+ import * as react24 from "react";
3
3
 
4
4
  //#region src/Mermaid/Mermaid.d.ts
5
- declare const Mermaid: react12.NamedExoticComponent<MermaidProps>;
5
+ declare const Mermaid: react24.NamedExoticComponent<MermaidProps>;
6
6
  //#endregion
7
7
  export { Mermaid };
8
8
  //# sourceMappingURL=Mermaid.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { SyntaxMermaidProps } from "../type.mjs";
2
- import * as react13 from "react";
2
+ import * as react23 from "react";
3
3
 
4
4
  //#region src/Mermaid/SyntaxMermaid/index.d.ts
5
- declare const SyntaxMermaid: react13.NamedExoticComponent<SyntaxMermaidProps>;
5
+ declare const SyntaxMermaid: react23.NamedExoticComponent<SyntaxMermaidProps>;
6
6
  //#endregion
7
7
  export { SyntaxMermaid };
8
8
  //# sourceMappingURL=index.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { ModalProps } from "./type.mjs";
2
- import * as react54 from "react";
2
+ import * as react27 from "react";
3
3
 
4
4
  //#region src/Modal/Modal.d.ts
5
- declare const Modal: react54.NamedExoticComponent<ModalProps>;
5
+ declare const Modal: react27.NamedExoticComponent<ModalProps>;
6
6
  //#endregion
7
7
  export { Modal };
8
8
  //# sourceMappingURL=Modal.d.mts.map
@@ -1,9 +1,9 @@
1
1
  import { ModalContextValue } from "./type.mjs";
2
- import * as react55 from "react";
2
+ import * as react25 from "react";
3
3
  import { ReactNode } from "react";
4
4
 
5
5
  //#region src/Modal/ModalProvider.d.ts
6
- declare const ModalProvider: react55.NamedExoticComponent<{
6
+ declare const ModalProvider: react25.NamedExoticComponent<{
7
7
  children: ReactNode;
8
8
  value: ModalContextValue;
9
9
  }>;
@@ -1,5 +1,5 @@
1
1
  import { ImperativeModalProps, ModalInstance, RawModalComponent, RawModalComponentProps, RawModalInstance, RawModalKeyOptions, RawModalOptions } from "./type.mjs";
2
- import * as react_jsx_runtime19 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime6 from "react/jsx-runtime";
3
3
 
4
4
  //#region src/Modal/imperative.d.ts
5
5
  type ModalHostProps = {
@@ -7,7 +7,7 @@ type ModalHostProps = {
7
7
  };
8
8
  declare const ModalHost: ({
9
9
  root
10
- }: ModalHostProps) => react_jsx_runtime19.JSX.Element | null;
10
+ }: ModalHostProps) => react_jsx_runtime6.JSX.Element | null;
11
11
  declare const createModal: (props: ImperativeModalProps) => ModalInstance;
12
12
  declare function createRawModal<P extends RawModalComponentProps>(component: RawModalComponent<P>, props: Omit<P, 'open' | 'onClose'>, options?: RawModalOptions): RawModalInstance<P>;
13
13
  declare function createRawModal<P, OpenKey extends keyof P, CloseKey extends keyof P>(component: RawModalComponent<P>, props: Omit<P, OpenKey | CloseKey>, options: RawModalKeyOptions<OpenKey, CloseKey>): RawModalInstance<P, OpenKey, CloseKey>;
@@ -1,4 +1,4 @@
1
- import * as react82 from "react";
1
+ import * as react73 from "react";
2
2
  import { Context, ReactNode } from "react";
3
3
  import * as motion_react0 from "motion/react";
4
4
  import * as m from "motion/react-m";
@@ -6,7 +6,7 @@ import * as m from "motion/react-m";
6
6
  //#region src/MotionProvider/index.d.ts
7
7
  type MotionComponentType = typeof motion_react0.motion | typeof m;
8
8
  declare const MotionComponent: Context<MotionComponentType>;
9
- declare const MotionProvider: react82.NamedExoticComponent<{
9
+ declare const MotionProvider: react73.NamedExoticComponent<{
10
10
  children: ReactNode;
11
11
  motion: MotionComponentType;
12
12
  }>;
@@ -1,7 +1,7 @@
1
- import * as react_jsx_runtime4 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime0 from "react/jsx-runtime";
2
2
 
3
3
  //#region src/Popover/ArrowIcon.d.ts
4
- declare const PopoverArrowIcon: react_jsx_runtime4.JSX.Element;
4
+ declare const PopoverArrowIcon: react_jsx_runtime0.JSX.Element;
5
5
  //#endregion
6
6
  export { PopoverArrowIcon };
7
7
  //# sourceMappingURL=ArrowIcon.d.mts.map
@@ -1,5 +1,5 @@
1
1
  import { PopoverProps } from "./type.mjs";
2
- import { parseTrigger } from "./parseTrigger.mjs";
2
+ import { parseTrigger } from "../utils/parseTrigger.mjs";
3
3
  import { FC } from "react";
4
4
 
5
5
  //#region src/Popover/Popover.d.ts
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
 
3
+ import { parseTrigger } from "../utils/parseTrigger.mjs";
3
4
  import { PopoverGroupHandleContext } from "./groupContext.mjs";
4
- import { parseTrigger } from "./parseTrigger.mjs";
5
5
  import { PopoverInGroup } from "./PopoverInGroup.mjs";
6
6
  import { PopoverStandalone } from "./PopoverStandalone.mjs";
7
7
  import { useContext } from "react";
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.mjs","names":["Popover: FC<PopoverProps>"],"sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useContext } from 'react';\n\nimport { PopoverInGroup } from './PopoverInGroup';\nimport { PopoverStandalone } from './PopoverStandalone';\nimport { PopoverGroupHandleContext } from './groupContext';\nimport type { PopoverProps } from './type';\n\nexport { parseTrigger } from './parseTrigger';\n\nconst Popover: FC<PopoverProps> = (props) => {\n const group = useContext(PopoverGroupHandleContext);\n\n // Group mode is driven by trigger interactions; keep standalone behavior for controlled cases.\n const canUseGroup =\n Boolean(group) &&\n props.open === undefined &&\n props.defaultOpen === undefined &&\n !props.standalone;\n\n return canUseGroup ? <PopoverInGroup {...props} /> : <PopoverStandalone {...props} />;\n};\n\nPopover.displayName = 'Popover';\n\nexport default Popover;\n"],"mappings":";;;;;;;;;;AAWA,MAAMA,WAA6B,UAAU;CAC3C,MAAM,QAAQ,WAAW,0BAA0B;AASnD,QALE,QAAQ,MAAM,IACd,MAAM,SAAS,UACf,MAAM,gBAAgB,UACtB,CAAC,MAAM,aAEY,oBAAC,kBAAe,GAAI,QAAS,GAAG,oBAAC,qBAAkB,GAAI,QAAS;;AAGvF,QAAQ,cAAc;AAEtB,sBAAe"}
1
+ {"version":3,"file":"Popover.mjs","names":["Popover: FC<PopoverProps>"],"sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useContext } from 'react';\n\nimport { PopoverInGroup } from './PopoverInGroup';\nimport { PopoverStandalone } from './PopoverStandalone';\nimport { PopoverGroupHandleContext } from './groupContext';\nimport type { PopoverProps } from './type';\n\nexport { parseTrigger } from '@/utils/parseTrigger';\n\nconst Popover: FC<PopoverProps> = (props) => {\n const group = useContext(PopoverGroupHandleContext);\n\n // Group mode is driven by trigger interactions; keep standalone behavior for controlled cases.\n const canUseGroup =\n Boolean(group) &&\n props.open === undefined &&\n props.defaultOpen === undefined &&\n !props.standalone;\n\n return canUseGroup ? <PopoverInGroup {...props} /> : <PopoverStandalone {...props} />;\n};\n\nPopover.displayName = 'Popover';\n\nexport default Popover;\n"],"mappings":";;;;;;;;;;AAWA,MAAMA,WAA6B,UAAU;CAC3C,MAAM,QAAQ,WAAW,0BAA0B;AASnD,QALE,QAAQ,MAAM,IACd,MAAM,SAAS,UACf,MAAM,gBAAgB,UACtB,CAAC,MAAM,aAEY,oBAAC,kBAAe,GAAI,QAAS,GAAG,oBAAC,qBAAkB,GAAI,QAAS;;AAGvF,QAAQ,cAAc;AAEtB,sBAAe"}
@@ -2,12 +2,12 @@
2
2
 
3
3
  import { placementMap } from "../utils/placement.mjs";
4
4
  import { useDestroyOnInvalidActiveTriggerElement, useHidePopupWhenPositionerAtOrigin } from "../utils/destroyOnInvalidActiveTriggerElement.mjs";
5
+ import { parseTrigger } from "../utils/parseTrigger.mjs";
5
6
  import { PopoverArrowIcon } from "./ArrowIcon.mjs";
6
7
  import { usePopoverPortalContainer } from "./PopoverPortal.mjs";
7
8
  import { PopoverArrow, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverViewport } from "./atoms.mjs";
8
9
  import { PopoverProvider } from "./context.mjs";
9
10
  import { PopoverGroupHandleContext, PopoverGroupPropsContext } from "./groupContext.mjs";
10
- import { parseTrigger } from "./parseTrigger.mjs";
11
11
  import { useCallback, useMemo, useRef, useState } from "react";
12
12
  import { jsx, jsxs } from "react/jsx-runtime";
13
13
  import { Popover } from "@base-ui/react/popover";
@@ -1 +1 @@
1
- {"version":3,"file":"PopoverGroup.mjs","names":["PopoverGroup: FC<PopoverGroupProps>","BasePopover","key"],"sources":["../../src/Popover/PopoverGroup.tsx"],"sourcesContent":["'use client';\n\nimport { Popover as BasePopover } from '@base-ui/react/popover';\nimport { type FC, type ReactNode, useCallback, useMemo, useRef, useState } from 'react';\n\nimport {\n useDestroyOnInvalidActiveTriggerElement,\n useHidePopupWhenPositionerAtOrigin,\n} from '@/utils/destroyOnInvalidActiveTriggerElement';\nimport { type Side, placementMap } from '@/utils/placement';\n\nimport { PopoverArrowIcon } from './ArrowIcon';\nimport { usePopoverPortalContainer } from './PopoverPortal';\nimport {\n PopoverArrow,\n PopoverPopup,\n PopoverPortal,\n PopoverPositioner,\n PopoverViewport,\n} from './atoms';\nimport { PopoverProvider } from './context';\nimport {\n PopoverGroupHandleContext,\n type PopoverGroupItem,\n PopoverGroupPropsContext,\n type PopoverGroupSharedProps,\n} from './groupContext';\nimport { parseTrigger } from './parseTrigger';\n\ntype PopoverGroupProps = PopoverGroupSharedProps & {\n children: ReactNode;\n};\n\nconst PopoverGroup: FC<PopoverGroupProps> = ({\n children,\n contentLayoutAnimation = false,\n disableDestroyOnInvalidTrigger = false,\n disableZeroOriginGuard = false,\n ...sharedProps\n}) => {\n const [{ handle, key }, setHandleState] = useState(() => ({\n handle: BasePopover.createHandle<PopoverGroupItem>(),\n key: 0,\n }));\n const activeItemRef = useRef<PopoverGroupItem | null>(null);\n const destroy = useCallback(() => {\n activeItemRef.current = null;\n setHandleState(({ key }) => ({\n handle: BasePopover.createHandle<PopoverGroupItem>(),\n key: key + 1,\n }));\n }, []);\n const close = useCallback(() => {\n handle.close();\n }, [handle]);\n const contextValue = useMemo(() => ({ close }), [close]);\n\n const handleOpenChange = useCallback((open: boolean) => {\n activeItemRef.current?.onOpenChange?.(open);\n }, []);\n\n useDestroyOnInvalidActiveTriggerElement(handle.store, destroy, {\n enabled: !disableDestroyOnInvalidTrigger,\n });\n useHidePopupWhenPositionerAtOrigin(handle.store, { enabled: !disableZeroOriginGuard });\n\n const portalContainer = usePopoverPortalContainer();\n\n return (\n <PopoverGroupHandleContext.Provider value={handle}>\n <PopoverGroupPropsContext.Provider value={sharedProps}>\n {children}\n <BasePopover.Root handle={handle} key={key} onOpenChange={handleOpenChange}>\n {({ payload }) => {\n const item = (payload as PopoverGroupItem | null) ?? null;\n activeItemRef.current = item;\n\n if (!item?.content) return null;\n\n const arrow = item.inset ? false : (item.arrow ?? false);\n const placement = item.placement ?? 'top';\n const { openOnHover } = parseTrigger(item.trigger ?? 'hover');\n\n const placementConfig = placementMap[placement] ?? placementMap.top;\n const baseSideOffset = arrow ? 10 : 6;\n const resolvedSideOffset = item.inset\n ? ({\n side,\n positioner,\n }: {\n positioner: { height: number; width: number };\n side: Side;\n }) => {\n if (\n side === 'left' ||\n side === 'right' ||\n side === 'inline-start' ||\n side === 'inline-end'\n ) {\n return -positioner.width;\n }\n return -positioner.height;\n }\n : baseSideOffset;\n\n const resolvedClassNames = {\n arrow: item.classNames?.arrow,\n popup: item.className,\n positioner: item.classNames?.root,\n viewport: item.classNames?.content,\n };\n\n const resolvedStyles = {\n arrow: item.styles?.arrow,\n positioner: {\n ...item.styles?.root,\n zIndex: item.zIndex ?? 1100,\n },\n viewport: item.styles?.content,\n };\n\n const contentNode = (\n <PopoverProvider value={contextValue}>{item.content}</PopoverProvider>\n );\n\n const popup = (\n <PopoverPositioner\n align={placementConfig.align}\n className={resolvedClassNames.positioner}\n data-layout-animation={contentLayoutAnimation || undefined}\n hoverTrigger={openOnHover}\n placement={placement}\n side={placementConfig.side}\n sideOffset={resolvedSideOffset as any}\n style={resolvedStyles.positioner}\n {...item.positionerProps}\n >\n <PopoverPopup\n className={resolvedClassNames.popup}\n data-layout-animation={contentLayoutAnimation || undefined}\n {...item.popupProps}\n >\n {arrow && (\n <PopoverArrow className={resolvedClassNames.arrow} style={resolvedStyles.arrow}>\n {PopoverArrowIcon}\n </PopoverArrow>\n )}\n {contentLayoutAnimation ? (\n <PopoverViewport\n className={resolvedClassNames.viewport}\n style={resolvedStyles.viewport}\n >\n {contentNode}\n </PopoverViewport>\n ) : (\n <div className={resolvedClassNames.viewport} style={resolvedStyles.viewport}>\n {contentNode}\n </div>\n )}\n </PopoverPopup>\n </PopoverPositioner>\n );\n\n return portalContainer ? (\n <PopoverPortal container={portalContainer}>{popup}</PopoverPortal>\n ) : null;\n }}\n </BasePopover.Root>\n </PopoverGroupPropsContext.Provider>\n </PopoverGroupHandleContext.Provider>\n );\n};\n\nPopoverGroup.displayName = 'PopoverGroup';\n\nexport default PopoverGroup;\n"],"mappings":";;;;;;;;;;;;;;;AAiCA,MAAMA,gBAAuC,EAC3C,UACA,yBAAyB,OACzB,iCAAiC,OACjC,yBAAyB,OACzB,GAAG,kBACC;CACJ,MAAM,CAAC,EAAE,QAAQ,OAAO,kBAAkB,gBAAgB;EACxD,QAAQC,QAAY,cAAgC;EACpD,KAAK;EACN,EAAE;CACH,MAAM,gBAAgB,OAAgC,KAAK;CAC3D,MAAM,UAAU,kBAAkB;AAChC,gBAAc,UAAU;AACxB,kBAAgB,EAAE,kBAAW;GAC3B,QAAQA,QAAY,cAAgC;GACpD,KAAKC,QAAM;GACZ,EAAE;IACF,EAAE,CAAC;CACN,MAAM,QAAQ,kBAAkB;AAC9B,SAAO,OAAO;IACb,CAAC,OAAO,CAAC;CACZ,MAAM,eAAe,eAAe,EAAE,OAAO,GAAG,CAAC,MAAM,CAAC;CAExD,MAAM,mBAAmB,aAAa,SAAkB;AACtD,gBAAc,SAAS,eAAe,KAAK;IAC1C,EAAE,CAAC;AAEN,yCAAwC,OAAO,OAAO,SAAS,EAC7D,SAAS,CAAC,gCACX,CAAC;AACF,oCAAmC,OAAO,OAAO,EAAE,SAAS,CAAC,wBAAwB,CAAC;CAEtF,MAAM,kBAAkB,2BAA2B;AAEnD,QACE,oBAAC,0BAA0B;EAAS,OAAO;YACzC,qBAAC,yBAAyB;GAAS,OAAO;cACvC,UACD,oBAACD,QAAY;IAAa;IAAkB,cAAc;eACtD,EAAE,cAAc;KAChB,MAAM,OAAQ,WAAuC;AACrD,mBAAc,UAAU;AAExB,SAAI,CAAC,MAAM,QAAS,QAAO;KAE3B,MAAM,QAAQ,KAAK,QAAQ,QAAS,KAAK,SAAS;KAClD,MAAM,YAAY,KAAK,aAAa;KACpC,MAAM,EAAE,gBAAgB,aAAa,KAAK,WAAW,QAAQ;KAE7D,MAAM,kBAAkB,aAAa,cAAc,aAAa;KAChE,MAAM,iBAAiB,QAAQ,KAAK;KACpC,MAAM,qBAAqB,KAAK,SAC3B,EACC,MACA,iBAII;AACJ,UACE,SAAS,UACT,SAAS,WACT,SAAS,kBACT,SAAS,aAET,QAAO,CAAC,WAAW;AAErB,aAAO,CAAC,WAAW;SAErB;KAEJ,MAAM,qBAAqB;MACzB,OAAO,KAAK,YAAY;MACxB,OAAO,KAAK;MACZ,YAAY,KAAK,YAAY;MAC7B,UAAU,KAAK,YAAY;MAC5B;KAED,MAAM,iBAAiB;MACrB,OAAO,KAAK,QAAQ;MACpB,YAAY;OACV,GAAG,KAAK,QAAQ;OAChB,QAAQ,KAAK,UAAU;OACxB;MACD,UAAU,KAAK,QAAQ;MACxB;KAED,MAAM,cACJ,oBAAC;MAAgB,OAAO;gBAAe,KAAK;OAA0B;KAGxE,MAAM,QACJ,oBAAC;MACC,OAAO,gBAAgB;MACvB,WAAW,mBAAmB;MAC9B,yBAAuB,0BAA0B;MACjD,cAAc;MACH;MACX,MAAM,gBAAgB;MACtB,YAAY;MACZ,OAAO,eAAe;MACtB,GAAI,KAAK;gBAET,qBAAC;OACC,WAAW,mBAAmB;OAC9B,yBAAuB,0BAA0B;OACjD,GAAI,KAAK;kBAER,SACC,oBAAC;QAAa,WAAW,mBAAmB;QAAO,OAAO,eAAe;kBACtE;SACY,EAEhB,yBACC,oBAAC;QACC,WAAW,mBAAmB;QAC9B,OAAO,eAAe;kBAErB;SACe,GAElB,oBAAC;QAAI,WAAW,mBAAmB;QAAU,OAAO,eAAe;kBAChE;SACG;QAEK;OACG;AAGtB,YAAO,kBACL,oBAAC;MAAc,WAAW;gBAAkB;OAAsB,GAChE;;MA7F+B,IA+FpB;IACe;GACD;;AAIzC,aAAa,cAAc;AAE3B,2BAAe"}
1
+ {"version":3,"file":"PopoverGroup.mjs","names":["PopoverGroup: FC<PopoverGroupProps>","BasePopover","key"],"sources":["../../src/Popover/PopoverGroup.tsx"],"sourcesContent":["'use client';\n\nimport { Popover as BasePopover } from '@base-ui/react/popover';\nimport { type FC, type ReactNode, useCallback, useMemo, useRef, useState } from 'react';\n\nimport {\n useDestroyOnInvalidActiveTriggerElement,\n useHidePopupWhenPositionerAtOrigin,\n} from '@/utils/destroyOnInvalidActiveTriggerElement';\nimport { parseTrigger } from '@/utils/parseTrigger';\nimport { type Side, placementMap } from '@/utils/placement';\n\nimport { PopoverArrowIcon } from './ArrowIcon';\nimport { usePopoverPortalContainer } from './PopoverPortal';\nimport {\n PopoverArrow,\n PopoverPopup,\n PopoverPortal,\n PopoverPositioner,\n PopoverViewport,\n} from './atoms';\nimport { PopoverProvider } from './context';\nimport {\n PopoverGroupHandleContext,\n type PopoverGroupItem,\n PopoverGroupPropsContext,\n type PopoverGroupSharedProps,\n} from './groupContext';\n\ntype PopoverGroupProps = PopoverGroupSharedProps & {\n children: ReactNode;\n};\n\nconst PopoverGroup: FC<PopoverGroupProps> = ({\n children,\n contentLayoutAnimation = false,\n disableDestroyOnInvalidTrigger = false,\n disableZeroOriginGuard = false,\n ...sharedProps\n}) => {\n const [{ handle, key }, setHandleState] = useState(() => ({\n handle: BasePopover.createHandle<PopoverGroupItem>(),\n key: 0,\n }));\n const activeItemRef = useRef<PopoverGroupItem | null>(null);\n const destroy = useCallback(() => {\n activeItemRef.current = null;\n setHandleState(({ key }) => ({\n handle: BasePopover.createHandle<PopoverGroupItem>(),\n key: key + 1,\n }));\n }, []);\n const close = useCallback(() => {\n handle.close();\n }, [handle]);\n const contextValue = useMemo(() => ({ close }), [close]);\n\n const handleOpenChange = useCallback((open: boolean) => {\n activeItemRef.current?.onOpenChange?.(open);\n }, []);\n\n useDestroyOnInvalidActiveTriggerElement(handle.store, destroy, {\n enabled: !disableDestroyOnInvalidTrigger,\n });\n useHidePopupWhenPositionerAtOrigin(handle.store, { enabled: !disableZeroOriginGuard });\n\n const portalContainer = usePopoverPortalContainer();\n\n return (\n <PopoverGroupHandleContext.Provider value={handle}>\n <PopoverGroupPropsContext.Provider value={sharedProps}>\n {children}\n <BasePopover.Root handle={handle} key={key} onOpenChange={handleOpenChange}>\n {({ payload }) => {\n const item = (payload as PopoverGroupItem | null) ?? null;\n activeItemRef.current = item;\n\n if (!item?.content) return null;\n\n const arrow = item.inset ? false : (item.arrow ?? false);\n const placement = item.placement ?? 'top';\n const { openOnHover } = parseTrigger(item.trigger ?? 'hover');\n\n const placementConfig = placementMap[placement] ?? placementMap.top;\n const baseSideOffset = arrow ? 10 : 6;\n const resolvedSideOffset = item.inset\n ? ({\n side,\n positioner,\n }: {\n positioner: { height: number; width: number };\n side: Side;\n }) => {\n if (\n side === 'left' ||\n side === 'right' ||\n side === 'inline-start' ||\n side === 'inline-end'\n ) {\n return -positioner.width;\n }\n return -positioner.height;\n }\n : baseSideOffset;\n\n const resolvedClassNames = {\n arrow: item.classNames?.arrow,\n popup: item.className,\n positioner: item.classNames?.root,\n viewport: item.classNames?.content,\n };\n\n const resolvedStyles = {\n arrow: item.styles?.arrow,\n positioner: {\n ...item.styles?.root,\n zIndex: item.zIndex ?? 1100,\n },\n viewport: item.styles?.content,\n };\n\n const contentNode = (\n <PopoverProvider value={contextValue}>{item.content}</PopoverProvider>\n );\n\n const popup = (\n <PopoverPositioner\n align={placementConfig.align}\n className={resolvedClassNames.positioner}\n data-layout-animation={contentLayoutAnimation || undefined}\n hoverTrigger={openOnHover}\n placement={placement}\n side={placementConfig.side}\n sideOffset={resolvedSideOffset as any}\n style={resolvedStyles.positioner}\n {...item.positionerProps}\n >\n <PopoverPopup\n className={resolvedClassNames.popup}\n data-layout-animation={contentLayoutAnimation || undefined}\n {...item.popupProps}\n >\n {arrow && (\n <PopoverArrow className={resolvedClassNames.arrow} style={resolvedStyles.arrow}>\n {PopoverArrowIcon}\n </PopoverArrow>\n )}\n {contentLayoutAnimation ? (\n <PopoverViewport\n className={resolvedClassNames.viewport}\n style={resolvedStyles.viewport}\n >\n {contentNode}\n </PopoverViewport>\n ) : (\n <div className={resolvedClassNames.viewport} style={resolvedStyles.viewport}>\n {contentNode}\n </div>\n )}\n </PopoverPopup>\n </PopoverPositioner>\n );\n\n return portalContainer ? (\n <PopoverPortal container={portalContainer}>{popup}</PopoverPortal>\n ) : null;\n }}\n </BasePopover.Root>\n </PopoverGroupPropsContext.Provider>\n </PopoverGroupHandleContext.Provider>\n );\n};\n\nPopoverGroup.displayName = 'PopoverGroup';\n\nexport default PopoverGroup;\n"],"mappings":";;;;;;;;;;;;;;;AAiCA,MAAMA,gBAAuC,EAC3C,UACA,yBAAyB,OACzB,iCAAiC,OACjC,yBAAyB,OACzB,GAAG,kBACC;CACJ,MAAM,CAAC,EAAE,QAAQ,OAAO,kBAAkB,gBAAgB;EACxD,QAAQC,QAAY,cAAgC;EACpD,KAAK;EACN,EAAE;CACH,MAAM,gBAAgB,OAAgC,KAAK;CAC3D,MAAM,UAAU,kBAAkB;AAChC,gBAAc,UAAU;AACxB,kBAAgB,EAAE,kBAAW;GAC3B,QAAQA,QAAY,cAAgC;GACpD,KAAKC,QAAM;GACZ,EAAE;IACF,EAAE,CAAC;CACN,MAAM,QAAQ,kBAAkB;AAC9B,SAAO,OAAO;IACb,CAAC,OAAO,CAAC;CACZ,MAAM,eAAe,eAAe,EAAE,OAAO,GAAG,CAAC,MAAM,CAAC;CAExD,MAAM,mBAAmB,aAAa,SAAkB;AACtD,gBAAc,SAAS,eAAe,KAAK;IAC1C,EAAE,CAAC;AAEN,yCAAwC,OAAO,OAAO,SAAS,EAC7D,SAAS,CAAC,gCACX,CAAC;AACF,oCAAmC,OAAO,OAAO,EAAE,SAAS,CAAC,wBAAwB,CAAC;CAEtF,MAAM,kBAAkB,2BAA2B;AAEnD,QACE,oBAAC,0BAA0B;EAAS,OAAO;YACzC,qBAAC,yBAAyB;GAAS,OAAO;cACvC,UACD,oBAACD,QAAY;IAAa;IAAkB,cAAc;eACtD,EAAE,cAAc;KAChB,MAAM,OAAQ,WAAuC;AACrD,mBAAc,UAAU;AAExB,SAAI,CAAC,MAAM,QAAS,QAAO;KAE3B,MAAM,QAAQ,KAAK,QAAQ,QAAS,KAAK,SAAS;KAClD,MAAM,YAAY,KAAK,aAAa;KACpC,MAAM,EAAE,gBAAgB,aAAa,KAAK,WAAW,QAAQ;KAE7D,MAAM,kBAAkB,aAAa,cAAc,aAAa;KAChE,MAAM,iBAAiB,QAAQ,KAAK;KACpC,MAAM,qBAAqB,KAAK,SAC3B,EACC,MACA,iBAII;AACJ,UACE,SAAS,UACT,SAAS,WACT,SAAS,kBACT,SAAS,aAET,QAAO,CAAC,WAAW;AAErB,aAAO,CAAC,WAAW;SAErB;KAEJ,MAAM,qBAAqB;MACzB,OAAO,KAAK,YAAY;MACxB,OAAO,KAAK;MACZ,YAAY,KAAK,YAAY;MAC7B,UAAU,KAAK,YAAY;MAC5B;KAED,MAAM,iBAAiB;MACrB,OAAO,KAAK,QAAQ;MACpB,YAAY;OACV,GAAG,KAAK,QAAQ;OAChB,QAAQ,KAAK,UAAU;OACxB;MACD,UAAU,KAAK,QAAQ;MACxB;KAED,MAAM,cACJ,oBAAC;MAAgB,OAAO;gBAAe,KAAK;OAA0B;KAGxE,MAAM,QACJ,oBAAC;MACC,OAAO,gBAAgB;MACvB,WAAW,mBAAmB;MAC9B,yBAAuB,0BAA0B;MACjD,cAAc;MACH;MACX,MAAM,gBAAgB;MACtB,YAAY;MACZ,OAAO,eAAe;MACtB,GAAI,KAAK;gBAET,qBAAC;OACC,WAAW,mBAAmB;OAC9B,yBAAuB,0BAA0B;OACjD,GAAI,KAAK;kBAER,SACC,oBAAC;QAAa,WAAW,mBAAmB;QAAO,OAAO,eAAe;kBACtE;SACY,EAEhB,yBACC,oBAAC;QACC,WAAW,mBAAmB;QAC9B,OAAO,eAAe;kBAErB;SACe,GAElB,oBAAC;QAAI,WAAW,mBAAmB;QAAU,OAAO,eAAe;kBAChE;SACG;QAEK;OACG;AAGtB,YAAO,kBACL,oBAAC;MAAc,WAAW;gBAAkB;OAAsB,GAChE;;MA7F+B,IA+FpB;IACe;GACD;;AAIzC,aAAa,cAAc;AAE3B,2BAAe"}
@@ -1,8 +1,8 @@
1
1
  'use client';
2
2
 
3
3
  import { useNativeButton } from "../hooks/useNativeButton.mjs";
4
+ import { parseTrigger } from "../utils/parseTrigger.mjs";
4
5
  import { PopoverGroupHandleContext } from "./groupContext.mjs";
5
- import { parseTrigger } from "./parseTrigger.mjs";
6
6
  import { useMergedPopoverProps } from "./useMergedPopoverProps.mjs";
7
7
  import { cloneElement, isValidElement, useContext, useMemo } from "react";
8
8
  import { jsx } from "react/jsx-runtime";
@@ -1 +1 @@
1
- {"version":3,"file":"PopoverInGroup.mjs","names":["PopoverInGroup: FC<PopoverProps>","BasePopover"],"sources":["../../src/Popover/PopoverInGroup.tsx"],"sourcesContent":["'use client';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { Popover as BasePopover } from '@base-ui/react/popover';\nimport { cx } from 'antd-style';\nimport { type FC, cloneElement, isValidElement, useContext, useMemo } from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { useNativeButton } from '@/hooks/useNativeButton';\n\nimport { PopoverGroupHandleContext } from './groupContext';\nimport { parseTrigger } from './parseTrigger';\nimport type { PopoverProps } from './type';\nimport { useMergedPopoverProps } from './useMergedPopoverProps';\n\nexport const PopoverInGroup: FC<PopoverProps> = ({ children, ref: refProp, ...props }) => {\n const group = useContext(PopoverGroupHandleContext);\n const item = useMergedPopoverProps(props);\n\n const { openOnHover } = useMemo(() => parseTrigger(item.trigger ?? 'hover'), [item.trigger]);\n\n const resolvedOpenDelay = item.openDelay ?? (item.mouseEnterDelay ?? 0.1) * 1000;\n const resolvedCloseDelay = item.closeDelay ?? (item.mouseLeaveDelay ?? 0.1) * 1000;\n const disabled = Boolean(item.disabled);\n\n const { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({\n children,\n nativeButton: item.nativeButton,\n });\n\n // Don't render trigger behavior if no content\n if (!item.content) {\n return children as any;\n }\n\n const triggerProps = {\n closeDelay: resolvedCloseDelay,\n delay: resolvedOpenDelay,\n disabled,\n openOnHover: openOnHover && !disabled,\n payload: item,\n };\n\n const triggerClassName = item.classNames?.trigger;\n\n if (isValidElement(children)) {\n return (\n <BasePopover.Trigger\n handle={group ?? undefined}\n {...triggerProps}\n nativeButton={resolvedNativeButton}\n render={(renderProps) => {\n // Base UI's trigger props include `type=\"button\"` by default.\n // If we render into a non-<button> element, that prop is invalid and can warn.\n const resolvedProps = (() => {\n if (isNativeButtonTriggerElement) return renderProps as any;\n // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n const { type, ref: triggerRef, ...restProps } = renderProps as any;\n return restProps;\n })();\n\n const mergedProps = mergeProps((children as any).props, resolvedProps);\n return cloneElement(children as any, {\n ...mergedProps,\n className: cx(mergedProps.className, triggerClassName),\n ref: mergeRefs([(children as any).ref, (renderProps as any).ref, refProp]),\n });\n }}\n />\n );\n }\n\n return (\n <BasePopover.Trigger\n handle={group ?? undefined}\n {...triggerProps}\n className={triggerClassName}\n nativeButton={resolvedNativeButton}\n ref={refProp}\n >\n {children}\n </BasePopover.Trigger>\n );\n};\n\nPopoverInGroup.displayName = 'PopoverInGroup';\n"],"mappings":";;;;;;;;;;;;;;AAeA,MAAaA,kBAAoC,EAAE,UAAU,KAAK,SAAS,GAAG,YAAY;CACxF,MAAM,QAAQ,WAAW,0BAA0B;CACnD,MAAM,OAAO,sBAAsB,MAAM;CAEzC,MAAM,EAAE,gBAAgB,cAAc,aAAa,KAAK,WAAW,QAAQ,EAAE,CAAC,KAAK,QAAQ,CAAC;CAE5F,MAAM,oBAAoB,KAAK,cAAc,KAAK,mBAAmB,MAAO;CAC5E,MAAM,qBAAqB,KAAK,eAAe,KAAK,mBAAmB,MAAO;CAC9E,MAAM,WAAW,QAAQ,KAAK,SAAS;CAEvC,MAAM,EAAE,8BAA8B,yBAAyB,gBAAgB;EAC7E;EACA,cAAc,KAAK;EACpB,CAAC;AAGF,KAAI,CAAC,KAAK,QACR,QAAO;CAGT,MAAM,eAAe;EACnB,YAAY;EACZ,OAAO;EACP;EACA,aAAa,eAAe,CAAC;EAC7B,SAAS;EACV;CAED,MAAM,mBAAmB,KAAK,YAAY;AAE1C,KAAI,eAAe,SAAS,CAC1B,QACE,oBAACC,QAAY;EACX,QAAQ,SAAS;EACjB,GAAI;EACJ,cAAc;EACd,SAAS,gBAAgB;GAGvB,MAAM,uBAAuB;AAC3B,QAAI,6BAA8B,QAAO;IAEzC,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,cAAc;AAChD,WAAO;OACL;GAEJ,MAAM,cAAc,WAAY,SAAiB,OAAO,cAAc;AACtE,UAAO,aAAa,UAAiB;IACnC,GAAG;IACH,WAAW,GAAG,YAAY,WAAW,iBAAiB;IACtD,KAAK,UAAU;KAAE,SAAiB;KAAM,YAAoB;KAAK;KAAQ,CAAC;IAC3E,CAAC;;GAEJ;AAIN,QACE,oBAACA,QAAY;EACX,QAAQ,SAAS;EACjB,GAAI;EACJ,WAAW;EACX,cAAc;EACd,KAAK;EAEJ;GACmB;;AAI1B,eAAe,cAAc"}
1
+ {"version":3,"file":"PopoverInGroup.mjs","names":["PopoverInGroup: FC<PopoverProps>","BasePopover"],"sources":["../../src/Popover/PopoverInGroup.tsx"],"sourcesContent":["'use client';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { Popover as BasePopover } from '@base-ui/react/popover';\nimport { cx } from 'antd-style';\nimport { type FC, cloneElement, isValidElement, useContext, useMemo } from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { useNativeButton } from '@/hooks/useNativeButton';\nimport { parseTrigger } from '@/utils/parseTrigger';\n\nimport { PopoverGroupHandleContext } from './groupContext';\nimport type { PopoverProps } from './type';\nimport { useMergedPopoverProps } from './useMergedPopoverProps';\n\nexport const PopoverInGroup: FC<PopoverProps> = ({ children, ref: refProp, ...props }) => {\n const group = useContext(PopoverGroupHandleContext);\n const item = useMergedPopoverProps(props);\n\n const { openOnHover } = useMemo(() => parseTrigger(item.trigger ?? 'hover'), [item.trigger]);\n\n const resolvedOpenDelay = item.openDelay ?? (item.mouseEnterDelay ?? 0.1) * 1000;\n const resolvedCloseDelay = item.closeDelay ?? (item.mouseLeaveDelay ?? 0.1) * 1000;\n const disabled = Boolean(item.disabled);\n\n const { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({\n children,\n nativeButton: item.nativeButton,\n });\n\n // Don't render trigger behavior if no content\n if (!item.content) {\n return children as any;\n }\n\n const triggerProps = {\n closeDelay: resolvedCloseDelay,\n delay: resolvedOpenDelay,\n disabled,\n openOnHover: openOnHover && !disabled,\n payload: item,\n };\n\n const triggerClassName = item.classNames?.trigger;\n\n if (isValidElement(children)) {\n return (\n <BasePopover.Trigger\n handle={group ?? undefined}\n {...triggerProps}\n nativeButton={resolvedNativeButton}\n render={(renderProps) => {\n // Base UI's trigger props include `type=\"button\"` by default.\n // If we render into a non-<button> element, that prop is invalid and can warn.\n const resolvedProps = (() => {\n if (isNativeButtonTriggerElement) return renderProps as any;\n // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n const { type, ref: triggerRef, ...restProps } = renderProps as any;\n return restProps;\n })();\n\n const mergedProps = mergeProps((children as any).props, resolvedProps);\n return cloneElement(children as any, {\n ...mergedProps,\n className: cx(mergedProps.className, triggerClassName),\n ref: mergeRefs([(children as any).ref, (renderProps as any).ref, refProp]),\n });\n }}\n />\n );\n }\n\n return (\n <BasePopover.Trigger\n handle={group ?? undefined}\n {...triggerProps}\n className={triggerClassName}\n nativeButton={resolvedNativeButton}\n ref={refProp}\n >\n {children}\n </BasePopover.Trigger>\n );\n};\n\nPopoverInGroup.displayName = 'PopoverInGroup';\n"],"mappings":";;;;;;;;;;;;;;AAeA,MAAaA,kBAAoC,EAAE,UAAU,KAAK,SAAS,GAAG,YAAY;CACxF,MAAM,QAAQ,WAAW,0BAA0B;CACnD,MAAM,OAAO,sBAAsB,MAAM;CAEzC,MAAM,EAAE,gBAAgB,cAAc,aAAa,KAAK,WAAW,QAAQ,EAAE,CAAC,KAAK,QAAQ,CAAC;CAE5F,MAAM,oBAAoB,KAAK,cAAc,KAAK,mBAAmB,MAAO;CAC5E,MAAM,qBAAqB,KAAK,eAAe,KAAK,mBAAmB,MAAO;CAC9E,MAAM,WAAW,QAAQ,KAAK,SAAS;CAEvC,MAAM,EAAE,8BAA8B,yBAAyB,gBAAgB;EAC7E;EACA,cAAc,KAAK;EACpB,CAAC;AAGF,KAAI,CAAC,KAAK,QACR,QAAO;CAGT,MAAM,eAAe;EACnB,YAAY;EACZ,OAAO;EACP;EACA,aAAa,eAAe,CAAC;EAC7B,SAAS;EACV;CAED,MAAM,mBAAmB,KAAK,YAAY;AAE1C,KAAI,eAAe,SAAS,CAC1B,QACE,oBAACC,QAAY;EACX,QAAQ,SAAS;EACjB,GAAI;EACJ,cAAc;EACd,SAAS,gBAAgB;GAGvB,MAAM,uBAAuB;AAC3B,QAAI,6BAA8B,QAAO;IAEzC,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,cAAc;AAChD,WAAO;OACL;GAEJ,MAAM,cAAc,WAAY,SAAiB,OAAO,cAAc;AACtE,UAAO,aAAa,UAAiB;IACnC,GAAG;IACH,WAAW,GAAG,YAAY,WAAW,iBAAiB;IACtD,KAAK,UAAU;KAAE,SAAiB;KAAM,YAAoB;KAAK;KAAQ,CAAC;IAC3E,CAAC;;GAEJ;AAIN,QACE,oBAACA,QAAY;EACX,QAAQ,SAAS;EACjB,GAAI;EACJ,WAAW;EACX,cAAc;EACd,KAAK;EAEJ;GACmB;;AAI1B,eAAe,cAAc"}
@@ -3,11 +3,11 @@
3
3
  import { useNativeButton } from "../hooks/useNativeButton.mjs";
4
4
  import { useIsClient } from "../hooks/useIsClient.mjs";
5
5
  import { placementMap } from "../utils/placement.mjs";
6
+ import { parseTrigger } from "../utils/parseTrigger.mjs";
6
7
  import { PopoverArrowIcon } from "./ArrowIcon.mjs";
7
8
  import { usePopoverPortalContainer } from "./PopoverPortal.mjs";
8
9
  import { PopoverArrow, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTriggerElement, PopoverViewport } from "./atoms.mjs";
9
10
  import { PopoverProvider } from "./context.mjs";
10
- import { parseTrigger } from "./parseTrigger.mjs";
11
11
  import { memo, useCallback, useMemo, useState } from "react";
12
12
  import { jsx, jsxs } from "react/jsx-runtime";
13
13
  import { Popover } from "@base-ui/react/popover";