@lobehub/ui 5.15.12 → 5.15.14
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.
- package/es/Accordion/Accordion.mjs +2 -2
- package/es/Accordion/Accordion.mjs.map +1 -1
- package/es/Accordion/AccordionItem.mjs +2 -2
- package/es/Accordion/AccordionItem.mjs.map +1 -1
- package/es/Alert/type.d.mts +1 -1
- package/es/Checkbox/Checkbox.mjs +2 -2
- package/es/Checkbox/Checkbox.mjs.map +1 -1
- package/es/Checkbox/CheckboxGroup.mjs +2 -2
- package/es/Checkbox/CheckboxGroup.mjs.map +1 -1
- package/es/CodeEditor/CodeEditor.mjs +2 -2
- package/es/CodeEditor/CodeEditor.mjs.map +1 -1
- package/es/ColorSwatches/ColorSwatches.mjs +2 -2
- package/es/ColorSwatches/ColorSwatches.mjs.map +1 -1
- package/es/DraggablePanel/DraggablePanel.mjs +2 -2
- package/es/DraggablePanel/DraggablePanel.mjs.map +1 -1
- package/es/DraggablePanel/components/DraggablePanelHeader.mjs +2 -2
- package/es/DraggablePanel/components/DraggablePanelHeader.mjs.map +1 -1
- package/es/DraggableSideNav/DraggableSideNav.mjs +2 -2
- package/es/DraggableSideNav/DraggableSideNav.mjs.map +1 -1
- package/es/EditableText/EditableText.mjs +2 -2
- package/es/EditableText/EditableText.mjs.map +1 -1
- package/es/EditorSlashMenu/atoms.d.mts +12 -13
- package/es/EmojiPicker/EmojiPicker.mjs +3 -3
- package/es/EmojiPicker/EmojiPicker.mjs.map +1 -1
- package/es/Form/type.d.mts +1 -1
- package/es/Freeze/Freeze.d.mts +2 -2
- package/es/HotkeyInput/HotkeyInput.mjs +2 -2
- package/es/HotkeyInput/HotkeyInput.mjs.map +1 -1
- package/es/ImageSelect/ImageSelect.mjs +2 -2
- package/es/ImageSelect/ImageSelect.mjs.map +1 -1
- package/es/Modal/Modal.mjs.map +1 -1
- package/es/Modal/imperative.d.mts +2 -2
- package/es/SearchBar/SearchBar.mjs +2 -2
- package/es/SearchBar/SearchBar.mjs.map +1 -1
- package/es/Tabs/Tabs.mjs +18 -8
- package/es/Tabs/Tabs.mjs.map +1 -1
- package/es/ThemeProvider/GlobalStyle/global.mjs +20 -3
- package/es/ThemeProvider/GlobalStyle/global.mjs.map +1 -1
- package/es/ThemeProvider/ThemeProvider.mjs +8 -4
- package/es/ThemeProvider/ThemeProvider.mjs.map +1 -1
- package/es/Toc/TocMobile.mjs +2 -2
- package/es/Toc/TocMobile.mjs.map +1 -1
- package/es/base-ui/Button/Button.d.mts +2 -2
- package/es/base-ui/ContextMenu/ContextMenuHost.d.mts +1 -2
- package/es/base-ui/DropdownMenu/atoms.d.mts +20 -21
- package/es/base-ui/FloatingSheet/FloatingSheet.d.mts +2 -2
- package/es/base-ui/Modal/atoms.d.mts +11 -12
- package/es/base-ui/Popover/ArrowIcon.d.mts +2 -2
- package/es/base-ui/Popover/atoms.d.mts +6 -7
- package/es/base-ui/ScrollArea/atoms.d.mts +6 -7
- package/es/base-ui/Select/atoms.d.mts +15 -16
- package/es/base-ui/Switch/atoms.d.mts +4 -4
- package/es/base-ui/Switch/atoms.mjs +2 -2
- package/es/base-ui/Switch/atoms.mjs.map +1 -1
- package/es/base-ui/Toast/imperative.d.mts +1 -2
- package/es/chat/EditableMessage/EditableMessage.mjs +3 -3
- package/es/chat/EditableMessage/EditableMessage.mjs.map +1 -1
- package/es/chat/MessageModal/MessageModal.mjs +3 -3
- package/es/chat/MessageModal/MessageModal.mjs.map +1 -1
- package/es/mobile/TabBar/TabBar.mjs +2 -2
- package/es/mobile/TabBar/TabBar.mjs.map +1 -1
- package/es/styles/theme/token/base.mjs +49 -8
- package/es/styles/theme/token/base.mjs.map +1 -1
- package/package.json +33 -33
package/es/Tabs/Tabs.mjs
CHANGED
|
@@ -6,8 +6,24 @@ import { Tabs } from "antd";
|
|
|
6
6
|
import { cx } from "antd-style";
|
|
7
7
|
import { MoreHorizontalIcon } from "lucide-react";
|
|
8
8
|
//#region src/Tabs/Tabs.tsx
|
|
9
|
-
const Tabs$1 = ({ className, compact, variant = "rounded", items, ...rest }) => {
|
|
9
|
+
const Tabs$1 = ({ className, compact, variant = "rounded", items, classNames, ...rest }) => {
|
|
10
10
|
const hasContent = items?.some((item) => !!item.children);
|
|
11
|
+
const mergedClassNames = typeof classNames === "function" ? (info) => {
|
|
12
|
+
const resolved = classNames(info);
|
|
13
|
+
return {
|
|
14
|
+
...resolved,
|
|
15
|
+
popup: {
|
|
16
|
+
root: styles.dropdown,
|
|
17
|
+
...resolved?.popup
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
} : {
|
|
21
|
+
...classNames,
|
|
22
|
+
popup: {
|
|
23
|
+
root: styles.dropdown,
|
|
24
|
+
...classNames?.popup
|
|
25
|
+
}
|
|
26
|
+
};
|
|
11
27
|
return /* @__PURE__ */ jsx(Tabs, {
|
|
12
28
|
className: cx(variants({
|
|
13
29
|
compact,
|
|
@@ -16,13 +32,7 @@ const Tabs$1 = ({ className, compact, variant = "rounded", items, ...rest }) =>
|
|
|
16
32
|
}), className),
|
|
17
33
|
items,
|
|
18
34
|
...rest,
|
|
19
|
-
classNames:
|
|
20
|
-
...rest?.classNames,
|
|
21
|
-
popup: {
|
|
22
|
-
root: styles.dropdown,
|
|
23
|
-
...rest?.classNames?.popup
|
|
24
|
-
}
|
|
25
|
-
},
|
|
35
|
+
classNames: mergedClassNames,
|
|
26
36
|
more: {
|
|
27
37
|
icon: /* @__PURE__ */ jsx(ActionIcon, { icon: MoreHorizontalIcon }),
|
|
28
38
|
...rest?.more
|
package/es/Tabs/Tabs.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.mjs","names":["Tabs","AntdTabs"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["'use client';\n\nimport { Tabs as AntdTabs } from 'antd';\nimport { cx } from 'antd-style';\nimport { MoreHorizontalIcon } from 'lucide-react';\nimport { type FC } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\n\nimport { styles, variants } from './style';\nimport type { TabsProps } from './type';\n\nconst Tabs: FC<TabsProps> = ({
|
|
1
|
+
{"version":3,"file":"Tabs.mjs","names":["Tabs","AntdTabs"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["'use client';\n\nimport { Tabs as AntdTabs } from 'antd';\nimport { cx } from 'antd-style';\nimport { MoreHorizontalIcon } from 'lucide-react';\nimport { type FC } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\n\nimport { styles, variants } from './style';\nimport type { TabsProps } from './type';\n\nconst Tabs: FC<TabsProps> = ({\n className,\n compact,\n variant = 'rounded',\n items,\n classNames,\n ...rest\n}) => {\n const hasContent = items?.some((item) => !!item.children);\n const mergedClassNames: TabsProps['classNames'] =\n typeof classNames === 'function'\n ? (info) => {\n const resolved = classNames(info);\n\n return {\n ...resolved,\n popup: {\n root: styles.dropdown,\n ...resolved?.popup,\n },\n };\n }\n : {\n ...classNames,\n popup: {\n root: styles.dropdown,\n ...classNames?.popup,\n },\n };\n\n return (\n <AntdTabs\n className={cx(variants({ compact, underlined: hasContent, variant }), className)}\n items={items}\n {...rest}\n classNames={mergedClassNames}\n more={{\n icon: <ActionIcon icon={MoreHorizontalIcon} />,\n ...rest?.more,\n }}\n />\n );\n};\n\nTabs.displayName = 'Tabs';\n\nexport default Tabs;\n"],"mappings":";;;;;;;;AAYA,MAAMA,UAAuB,EAC3B,WACA,SACA,UAAU,WACV,OACA,YACA,GAAG,WACC;CACJ,MAAM,aAAa,OAAO,MAAM,SAAS,CAAC,CAAC,KAAK,SAAS;CACzD,MAAM,mBACJ,OAAO,eAAe,cACjB,SAAS;EACR,MAAM,WAAW,WAAW,KAAK;AAEjC,SAAO;GACL,GAAG;GACH,OAAO;IACL,MAAM,OAAO;IACb,GAAG,UAAU;IACd;GACF;KAEH;EACE,GAAG;EACH,OAAO;GACL,MAAM,OAAO;GACb,GAAG,YAAY;GAChB;EACF;AAEP,QACE,oBAACC,MAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAS,YAAY;GAAY;GAAS,CAAC,EAAE,UAAU;EACzE;EACP,GAAI;EACJ,YAAY;EACZ,MAAM;GACJ,MAAM,oBAAC,YAAD,EAAY,MAAM,oBAAsB,CAAA;GAC9C,GAAG,MAAM;GACV;EACD,CAAA;;AAIN,OAAK,cAAc"}
|
|
@@ -6,6 +6,7 @@ var global_default = (token) => css`
|
|
|
6
6
|
--font-settings: 'cv01', 'tnum', 'kern';
|
|
7
7
|
--font-variations: 'opsz' auto, tabular-nums;
|
|
8
8
|
|
|
9
|
+
font-synthesis: none;
|
|
9
10
|
text-autospace: normal;
|
|
10
11
|
}
|
|
11
12
|
|
|
@@ -25,23 +26,39 @@ var global_default = (token) => css`
|
|
|
25
26
|
font-size: ${token.fontSize}px;
|
|
26
27
|
font-feature-settings: var(--font-settings);
|
|
27
28
|
font-variation-settings: var(--font-variations);
|
|
29
|
+
font-optical-sizing: auto;
|
|
30
|
+
font-kerning: normal;
|
|
31
|
+
font-variant-ligatures: common-ligatures contextual;
|
|
32
|
+
font-variant-numeric: tabular-nums;
|
|
33
|
+
font-size-adjust: from-font;
|
|
28
34
|
-webkit-font-smoothing: antialiased;
|
|
29
35
|
-moz-osx-font-smoothing: grayscale;
|
|
30
36
|
line-height: 1;
|
|
31
37
|
color: ${token.colorTextBase};
|
|
32
|
-
text-
|
|
38
|
+
text-wrap: pretty;
|
|
39
|
+
text-size-adjust: 100%;
|
|
40
|
+
text-size-adjust: 100%;
|
|
33
41
|
text-rendering: optimizelegibility;
|
|
34
|
-
|
|
42
|
+
overflow-wrap: anywhere;
|
|
35
43
|
vertical-align: baseline;
|
|
36
44
|
|
|
37
45
|
background-color: ${token.colorBgLayout};
|
|
38
46
|
|
|
47
|
+
font-synthesis: none;
|
|
48
|
+
|
|
39
49
|
-webkit-overflow-scrolling: touch;
|
|
40
50
|
-webkit-tap-highlight-color: transparent;
|
|
41
51
|
}
|
|
42
52
|
|
|
43
|
-
code
|
|
53
|
+
code,
|
|
54
|
+
kbd,
|
|
55
|
+
samp,
|
|
56
|
+
pre {
|
|
44
57
|
font-family: ${token.fontFamilyCode} !important;
|
|
58
|
+
font-feature-settings:
|
|
59
|
+
'liga' 0,
|
|
60
|
+
'calt' 0;
|
|
61
|
+
font-variant-ligatures: none;
|
|
45
62
|
|
|
46
63
|
span {
|
|
47
64
|
font-family: ${token.fontFamilyCode} !important;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"global.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/global.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\n\nimport { CLASSNAMES } from '@/styles/classNames';\n\nexport default (token: Theme) => css`\n :root {\n --font-settings: 'cv01', 'tnum', 'kern';\n --font-variations: 'opsz' auto, tabular-nums;\n\n text-autospace: normal;\n }\n\n html {\n overscroll-behavior: none;\n color-scheme: ${token.isDarkMode ? 'dark' : 'light'};\n }\n\n body {\n overflow: hidden auto;\n\n min-height: 100vh;\n margin: 0;\n padding: 0;\n\n font-family: ${token.fontFamily};\n font-size: ${token.fontSize}px;\n font-feature-settings: var(--font-settings);\n font-variation-settings: var(--font-variations);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n line-height: 1;\n color: ${token.colorTextBase};\n text-size-adjust:
|
|
1
|
+
{"version":3,"file":"global.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/global.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\n\nimport { CLASSNAMES } from '@/styles/classNames';\n\nexport default (token: Theme) => css`\n :root {\n --font-settings: 'cv01', 'tnum', 'kern';\n --font-variations: 'opsz' auto, tabular-nums;\n\n font-synthesis: none;\n text-autospace: normal;\n }\n\n html {\n overscroll-behavior: none;\n color-scheme: ${token.isDarkMode ? 'dark' : 'light'};\n }\n\n body {\n overflow: hidden auto;\n\n min-height: 100vh;\n margin: 0;\n padding: 0;\n\n font-family: ${token.fontFamily};\n font-size: ${token.fontSize}px;\n font-feature-settings: var(--font-settings);\n font-variation-settings: var(--font-variations);\n font-optical-sizing: auto;\n font-kerning: normal;\n font-variant-ligatures: common-ligatures contextual;\n font-variant-numeric: tabular-nums;\n font-size-adjust: from-font;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n line-height: 1;\n color: ${token.colorTextBase};\n text-wrap: pretty;\n text-size-adjust: 100%;\n text-size-adjust: 100%;\n text-rendering: optimizelegibility;\n overflow-wrap: anywhere;\n vertical-align: baseline;\n\n background-color: ${token.colorBgLayout};\n\n font-synthesis: none;\n\n -webkit-overflow-scrolling: touch;\n -webkit-tap-highlight-color: transparent;\n }\n\n code,\n kbd,\n samp,\n pre {\n font-family: ${token.fontFamilyCode} !important;\n font-feature-settings:\n 'liga' 0,\n 'calt' 0;\n font-variant-ligatures: none;\n\n span {\n font-family: ${token.fontFamilyCode} !important;\n }\n }\n\n ::selection {\n color: #000;\n background: ${token.yellow9};\n\n -webkit-text-fill-color: unset !important;\n }\n\n * {\n scrollbar-color: ${token.colorFill} transparent;\n scrollbar-width: thin;\n box-sizing: border-box;\n vertical-align: baseline;\n }\n\n @layer lobe-popup {\n .${CLASSNAMES.ContextTrigger}[data-popup-open],\n .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {\n background: ${token.colorFillTertiary};\n }\n }\n\n @layer lobe-base {\n :where(.lobe-flex) {\n /* Define defaults on the element itself to avoid CSS variable inheritance leaking to nested Flex */\n --lobe-flex: 0 1 auto;\n --lobe-flex-direction: column;\n --lobe-flex-wrap: nowrap;\n --lobe-flex-justify: flex-start;\n --lobe-flex-align: stretch;\n --lobe-flex-width: auto;\n --lobe-flex-height: auto;\n --lobe-flex-padding: 0;\n\n /* Keep padding-inline/block aligned with padding by default, and prevent inheriting from parent */\n --lobe-flex-padding-inline: var(--lobe-flex-padding);\n --lobe-flex-padding-block: var(--lobe-flex-padding);\n --lobe-flex-gap: 0;\n\n display: flex;\n flex: var(--lobe-flex);\n flex-flow: var(--lobe-flex-direction) var(--lobe-flex-wrap);\n gap: var(--lobe-flex-gap);\n align-items: var(--lobe-flex-align);\n justify-content: var(--lobe-flex-justify);\n\n width: var(--lobe-flex-width);\n height: var(--lobe-flex-height);\n padding: var(--lobe-flex-padding);\n padding-block: var(--lobe-flex-padding-block);\n padding-inline: var(--lobe-flex-padding-inline);\n }\n\n .lobe-flex-hidden {\n display: none;\n }\n }\n\n /* Brand Loading */\n @keyframes draw {\n 0% {\n stroke-dashoffset: 1000;\n }\n\n 100% {\n stroke-dashoffset: 0;\n }\n }\n\n @keyframes fill {\n 30% {\n fill-opacity: 0.05;\n }\n\n 100% {\n fill-opacity: 1;\n }\n }\n\n .lobe-brand-loading path {\n fill: currentcolor;\n fill-opacity: 0;\n stroke: currentcolor;\n stroke-dasharray: 1000;\n stroke-dashoffset: 1000;\n stroke-width: 0.25em;\n\n animation:\n draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,\n fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n }\n`;\n"],"mappings":";;;AAIA,IAAA,kBAAgB,UAAiB,GAAG;;;;;;;;;;;oBAWhB,MAAM,aAAa,SAAS,QAAQ;;;;;;;;;;mBAUrC,MAAM,WAAW;iBACnB,MAAM,SAAS;;;;;;;;;;;aAWnB,MAAM,cAAc;;;;;;;;wBAQT,MAAM,cAAc;;;;;;;;;;;;mBAYzB,MAAM,eAAe;;;;;;;qBAOnB,MAAM,eAAe;;;;;;kBAMxB,MAAM,QAAQ;;;;;;uBAMT,MAAM,UAAU;;;;;;;OAOhC,WAAW,eAAe;SACxB,WAAW,oBAAoB;oBACpB,MAAM,kBAAkB"}
|
|
@@ -20,19 +20,23 @@ const ThemeProvider$1 = memo(({ children, customStylish, customToken, enableCust
|
|
|
20
20
|
const webfontUrls = useMemo(() => customFonts || [
|
|
21
21
|
genCdnUrl({
|
|
22
22
|
path: "css/index.css",
|
|
23
|
-
pkg: "@lobehub/webfont-mono"
|
|
23
|
+
pkg: "@lobehub/webfont-geist-mono",
|
|
24
|
+
version: "1.0.0"
|
|
24
25
|
}),
|
|
25
26
|
genCdnUrl({
|
|
26
27
|
path: "css/index.css",
|
|
27
|
-
pkg: "@lobehub/webfont-
|
|
28
|
+
pkg: "@lobehub/webfont-geist",
|
|
29
|
+
version: "1.0.0"
|
|
28
30
|
}),
|
|
29
31
|
genCdnUrl({
|
|
30
32
|
path: "css/index.css",
|
|
31
|
-
pkg: "@lobehub/webfont-harmony-sans-sc"
|
|
33
|
+
pkg: "@lobehub/webfont-harmony-sans-sc-mini",
|
|
34
|
+
version: "1.0.0"
|
|
32
35
|
}),
|
|
33
36
|
genCdnUrl({
|
|
34
37
|
path: "dist/katex.min.css",
|
|
35
|
-
pkg: "katex"
|
|
38
|
+
pkg: "katex",
|
|
39
|
+
version: "0.17.0"
|
|
36
40
|
})
|
|
37
41
|
], [customFonts, genCdnUrl]);
|
|
38
42
|
const stylish = useCallback((theme) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.mjs","names":["ThemeProvider","lobeCustomStylish","lobeCustomToken","AntdThemeProvider","AntdConfigProvider"],"sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["'use client';\n\nimport { App } from 'antd';\nimport {\n type CustomStylishParams,\n type CustomTokenParams,\n type GetAntdTheme,\n ThemeProvider as AntdThemeProvider,\n} from 'antd-style';\nimport { merge } from 'es-toolkit/compat';\nimport { memo, useCallback, useMemo, useState } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\nimport FontLoader from '@/FontLoader';\nimport { lobeCustomStylish, lobeCustomToken } from '@/styles';\nimport { createLobeAntdTheme } from '@/styles/theme/antdTheme';\nimport { type LobeCustomToken } from '@/types/customToken';\n\nimport AppElementContext from './AppElementContext';\nimport AntdConfigProvider from './ConfigProvider';\nimport { LOBE_THEME_APP_ID } from './constants';\nimport GlobalStyle from './GlobalStyle';\nimport { type ThemeProviderProps } from './type';\n\nconst ThemeProvider = memo<ThemeProviderProps>(\n ({\n children,\n customStylish,\n customToken,\n enableCustomFonts = true,\n enableGlobalStyle = true,\n customFonts,\n customTheme = {},\n className,\n style,\n theme: antdTheme,\n ...rest\n }) => {\n const genCdnUrl = useCdnFn();\n const [appRef, setAppRef] = useState<HTMLDivElement | null>(null);\n\n const webfontUrls = useMemo(\n () =>\n customFonts || [\n genCdnUrl({
|
|
1
|
+
{"version":3,"file":"ThemeProvider.mjs","names":["ThemeProvider","lobeCustomStylish","lobeCustomToken","AntdThemeProvider","AntdConfigProvider"],"sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["'use client';\n\nimport { App } from 'antd';\nimport {\n type CustomStylishParams,\n type CustomTokenParams,\n type GetAntdTheme,\n ThemeProvider as AntdThemeProvider,\n} from 'antd-style';\nimport { merge } from 'es-toolkit/compat';\nimport { memo, useCallback, useMemo, useState } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\nimport FontLoader from '@/FontLoader';\nimport { lobeCustomStylish, lobeCustomToken } from '@/styles';\nimport { createLobeAntdTheme } from '@/styles/theme/antdTheme';\nimport { type LobeCustomToken } from '@/types/customToken';\n\nimport AppElementContext from './AppElementContext';\nimport AntdConfigProvider from './ConfigProvider';\nimport { LOBE_THEME_APP_ID } from './constants';\nimport GlobalStyle from './GlobalStyle';\nimport { type ThemeProviderProps } from './type';\n\nconst ThemeProvider = memo<ThemeProviderProps>(\n ({\n children,\n customStylish,\n customToken,\n enableCustomFonts = true,\n enableGlobalStyle = true,\n customFonts,\n customTheme = {},\n className,\n style,\n theme: antdTheme,\n ...rest\n }) => {\n const genCdnUrl = useCdnFn();\n const [appRef, setAppRef] = useState<HTMLDivElement | null>(null);\n\n const webfontUrls = useMemo(\n () =>\n customFonts || [\n genCdnUrl({\n path: 'css/index.css',\n pkg: '@lobehub/webfont-geist-mono',\n version: '1.0.0',\n }),\n genCdnUrl({\n path: 'css/index.css',\n pkg: '@lobehub/webfont-geist',\n version: '1.0.0',\n }),\n genCdnUrl({\n path: 'css/index.css',\n pkg: '@lobehub/webfont-harmony-sans-sc-mini',\n version: '1.0.0',\n }),\n genCdnUrl({\n path: 'dist/katex.min.css',\n pkg: 'katex',\n version: '0.17.0',\n }),\n ],\n [customFonts, genCdnUrl],\n );\n\n const stylish = useCallback(\n (theme: CustomStylishParams) => ({ ...lobeCustomStylish(theme), ...customStylish?.(theme) }),\n [customStylish],\n );\n\n const token = useCallback(\n (theme: CustomTokenParams) => ({ ...lobeCustomToken(theme), ...customToken?.(theme) }),\n [customToken],\n );\n\n const theme = useCallback<GetAntdTheme>(\n (appearance) => {\n const lobeTheme = createLobeAntdTheme({\n appearance,\n neutralColor: customTheme.neutralColor,\n primaryColor: customTheme.primaryColor,\n });\n return merge(lobeTheme, antdTheme);\n },\n [customTheme.primaryColor, customTheme.neutralColor, antdTheme],\n );\n\n return (\n <>\n {enableCustomFonts &&\n webfontUrls?.length > 0 &&\n webfontUrls.map((webfont) => <FontLoader key={webfont} url={webfont} />)}\n <AntdThemeProvider<LobeCustomToken>\n customStylish={stylish}\n customToken={token}\n theme={theme}\n {...rest}\n >\n <AntdConfigProvider>\n {enableGlobalStyle && <GlobalStyle />}\n\n <App\n className={className}\n style={{ isolation: 'isolate', minHeight: 'inherit', width: 'inherit', ...style }}\n >\n <div id={LOBE_THEME_APP_ID} style={contentsStyle}>\n <AppElementContext value={appRef}>\n {children}\n {/*\n In-tree portal host for Base UI floating components\n (Select, Combobox, etc.). Keeping it inside `<App>` keeps\n the antd-style / emotion theme cascade intact so popups\n render with the correct tokens, while the layout-bearing\n block lets Base UI's Portal actually mount — the outer\n wrapper uses `display: contents` and cannot host portals.\n */}\n <div data-lobe-portal-host=\"\" ref={setAppRef} style={hostPortalHostStyle} />\n </AppElementContext>\n </div>\n </App>\n </AntdConfigProvider>\n </AntdThemeProvider>\n </>\n );\n },\n);\n\nThemeProvider.displayName = 'LobeThemeProvider';\n\nexport default ThemeProvider;\n\nconst hostPortalHostStyle: React.CSSProperties = {\n // `height: 0` keeps the host invisible and gives it no hit region of\n // its own; absolute children (Base UI Positioner) have their own hit\n // region, so we must NOT set `pointer-events: none` here — it would\n // be inherited by popup descendants and break clicks/hover.\n height: 0,\n left: 0,\n // `position: fixed` keeps a stacking context so portaled popups can\n // win over sibling z-indexes. `right: 0` (instead of `width: 0`)\n // gives the host a full viewport-width containing block — without it,\n // Base UI Positioner uses `position: absolute` against a 0-width\n // containing block and collapses text to one character per line.\n position: 'fixed',\n right: 0,\n top: 0,\n zIndex: 1100,\n};\n\nconst contentsStyle: React.CSSProperties = {\n display: 'contents',\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAwBA,MAAMA,kBAAgB,MACnB,EACC,UACA,eACA,aACA,oBAAoB,MACpB,oBAAoB,MACpB,aACA,cAAc,EAAE,EAChB,WACA,OACA,OAAO,WACP,GAAG,WACC;CACJ,MAAM,YAAY,UAAU;CAC5B,MAAM,CAAC,QAAQ,aAAa,SAAgC,KAAK;CAEjE,MAAM,cAAc,cAEhB,eAAe;EACb,UAAU;GACR,MAAM;GACN,KAAK;GACL,SAAS;GACV,CAAC;EACF,UAAU;GACR,MAAM;GACN,KAAK;GACL,SAAS;GACV,CAAC;EACF,UAAU;GACR,MAAM;GACN,KAAK;GACL,SAAS;GACV,CAAC;EACF,UAAU;GACR,MAAM;GACN,KAAK;GACL,SAAS;GACV,CAAC;EACH,EACH,CAAC,aAAa,UAAU,CACzB;CAED,MAAM,UAAU,aACb,WAAgC;EAAE,GAAGC,sBAAkB,MAAM;EAAE,GAAG,gBAAgB,MAAM;EAAE,GAC3F,CAAC,cAAc,CAChB;CAED,MAAM,QAAQ,aACX,WAA8B;EAAE,GAAGC,oBAAgB,MAAM;EAAE,GAAG,cAAc,MAAM;EAAE,GACrF,CAAC,YAAY,CACd;CAED,MAAM,QAAQ,aACX,eAAe;AAMd,SAAO,MALW,oBAAoB;GACpC;GACA,cAAc,YAAY;GAC1B,cAAc,YAAY;GAC3B,CACqB,EAAE,UAAU;IAEpC;EAAC,YAAY;EAAc,YAAY;EAAc;EAAU,CAChE;AAED,QACE,qBAAA,YAAA,EAAA,UAAA,CACG,qBACC,aAAa,SAAS,KACtB,YAAY,KAAK,YAAY,oBAAC,YAAD,EAA0B,KAAK,SAAW,EAAzB,QAAyB,CAAC,EAC1E,oBAACC,eAAD;EACE,eAAe;EACf,aAAa;EACN;EACP,GAAI;YAEJ,qBAACC,kBAAD,EAAA,UAAA,CACG,qBAAqB,oBAAC,aAAD,EAAe,CAAA,EAErC,oBAAC,KAAD;GACa;GACX,OAAO;IAAE,WAAW;IAAW,WAAW;IAAW,OAAO;IAAW,GAAG;IAAO;aAEjF,oBAAC,OAAD;IAAK,IAAI;IAAmB,OAAO;cACjC,qBAAC,mBAAD;KAAmB,OAAO;eAA1B,CACG,UASD,oBAAC,OAAD;MAAK,yBAAsB;MAAG,KAAK;MAAW,OAAO;MAAuB,CAAA,CAC1D;;IAChB,CAAA;GACF,CAAA,CACa,EAAA,CAAA;EACH,CAAA,CACnB,EAAA,CAAA;EAGR;AAED,gBAAc,cAAc;AAI5B,MAAM,sBAA2C;CAK/C,QAAQ;CACR,MAAM;CAMN,UAAU;CACV,OAAO;CACP,KAAK;CACL,QAAQ;CACT;AAED,MAAM,gBAAqC,EACzC,SAAS,YACV"}
|
package/es/Toc/TocMobile.mjs
CHANGED
|
@@ -5,11 +5,11 @@ import { mapItems } from "./utils.mjs";
|
|
|
5
5
|
import { memo, useMemo } from "react";
|
|
6
6
|
import { jsx } from "react/jsx-runtime";
|
|
7
7
|
import { Anchor, Collapse, ConfigProvider } from "antd";
|
|
8
|
-
import
|
|
8
|
+
import useControlledState from "use-merge-value";
|
|
9
9
|
import { PanelTopClose, PanelTopOpen } from "lucide-react";
|
|
10
10
|
//#region src/Toc/TocMobile.tsx
|
|
11
11
|
const TocMobile = memo(({ items, activeKey, onChange, getContainer, headerHeight = 64, tocWidth = 176 }) => {
|
|
12
|
-
const [activeLink, setActiveLink] =
|
|
12
|
+
const [activeLink, setActiveLink] = useControlledState("", {
|
|
13
13
|
onChange,
|
|
14
14
|
value: activeKey
|
|
15
15
|
});
|
package/es/Toc/TocMobile.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TocMobile.mjs","names":[
|
|
1
|
+
{"version":3,"file":"TocMobile.mjs","names":[],"sources":["../../src/Toc/TocMobile.tsx"],"sourcesContent":["'use client';\n\nimport { Anchor, Collapse, ConfigProvider } from 'antd';\nimport { PanelTopClose, PanelTopOpen } from 'lucide-react';\nimport { memo, useMemo } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport ActionIcon from '@/ActionIcon';\n\nimport { styles } from './style';\nimport type { TocMobileProps } from './type';\nimport { mapItems } from './utils';\n\nconst TocMobile = memo<TocMobileProps>(\n ({ items, activeKey, onChange, getContainer, headerHeight = 64, tocWidth = 176 }) => {\n // tocWidth is part of the interface but not used in this component\n void tocWidth;\n const [activeLink, setActiveLink] = useControlledState<string>('', {\n onChange,\n value: activeKey,\n });\n\n const activeAnchor = items.find((item) => item.id === activeLink);\n\n const tocItems = useMemo(() => mapItems(items), [items]);\n\n return (\n <ConfigProvider theme={{ token: { fontSize: 12, sizeStep: 3 } }}>\n <section className={styles.mobileCtn}>\n <Collapse\n ghost\n className={styles.expand}\n expandIconPlacement={'end'}\n expandIcon={({ isActive }) => (\n <ActionIcon icon={isActive ? PanelTopClose : PanelTopOpen} size={'small'} />\n )}\n >\n <Collapse.Panel\n forceRender\n header={activeAnchor ? activeAnchor.title : 'TOC'}\n key={'toc'}\n >\n <ConfigProvider theme={{ token: { fontSize: 14, sizeStep: 4 } }}>\n <Anchor\n getContainer={getContainer}\n items={tocItems}\n targetOffset={headerHeight + 48}\n onChange={(currentLink) => {\n setActiveLink(currentLink.replace('#', ''));\n }}\n />\n </ConfigProvider>\n </Collapse.Panel>\n </Collapse>\n </section>\n </ConfigProvider>\n );\n },\n);\n\nTocMobile.displayName = 'TocMobile';\n\nexport default TocMobile;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,YAAY,MACf,EAAE,OAAO,WAAW,UAAU,cAAc,eAAe,IAAI,WAAW,UAAU;CAGnF,MAAM,CAAC,YAAY,iBAAiB,mBAA2B,IAAI;EACjE;EACA,OAAO;EACR,CAAC;CAEF,MAAM,eAAe,MAAM,MAAM,SAAS,KAAK,OAAO,WAAW;CAEjE,MAAM,WAAW,cAAc,SAAS,MAAM,EAAE,CAAC,MAAM,CAAC;AAExD,QACE,oBAAC,gBAAD;EAAgB,OAAO,EAAE,OAAO;GAAE,UAAU;GAAI,UAAU;GAAG,EAAE;YAC7D,oBAAC,WAAD;GAAS,WAAW,OAAO;aACzB,oBAAC,UAAD;IACE,OAAA;IACA,WAAW,OAAO;IAClB,qBAAqB;IACrB,aAAa,EAAE,eACb,oBAAC,YAAD;KAAY,MAAM,WAAW,gBAAgB;KAAc,MAAM;KAAW,CAAA;cAG9E,oBAAC,SAAS,OAAV;KACE,aAAA;KACA,QAAQ,eAAe,aAAa,QAAQ;eAG5C,oBAAC,gBAAD;MAAgB,OAAO,EAAE,OAAO;OAAE,UAAU;OAAI,UAAU;OAAG,EAAE;gBAC7D,oBAAC,QAAD;OACgB;OACd,OAAO;OACP,cAAc,eAAe;OAC7B,WAAW,gBAAgB;AACzB,sBAAc,YAAY,QAAQ,KAAK,GAAG,CAAC;;OAE7C,CAAA;MACa,CAAA;KACF,EAZV,MAYU;IACR,CAAA;GACH,CAAA;EACK,CAAA;EAGtB;AAED,UAAU,cAAc"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ButtonProps } from "./type.mjs";
|
|
2
|
-
import * as _$
|
|
2
|
+
import * as _$react from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/base-ui/Button/Button.d.ts
|
|
5
5
|
declare const Button: {
|
|
@@ -24,7 +24,7 @@ declare const Button: {
|
|
|
24
24
|
target,
|
|
25
25
|
type,
|
|
26
26
|
...rest
|
|
27
|
-
}: ButtonProps): _$
|
|
27
|
+
}: ButtonProps): _$react.JSX.Element;
|
|
28
28
|
displayName: string;
|
|
29
29
|
};
|
|
30
30
|
//#endregion
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import * as _$react from "react";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
2
|
|
|
4
3
|
//#region src/base-ui/ContextMenu/ContextMenuHost.d.ts
|
|
5
|
-
declare const ContextMenuHost: _$react.MemoExoticComponent<() => _$
|
|
4
|
+
declare const ContextMenuHost: _$react.MemoExoticComponent<() => _$react.JSX.Element | null>;
|
|
6
5
|
//#endregion
|
|
7
6
|
export { ContextMenuHost };
|
|
8
7
|
//# sourceMappingURL=ContextMenuHost.d.mts.map
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { DropdownMenuPlacement } from "./type.mjs";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
3
|
import { Menu } from "@base-ui/react/menu";
|
|
5
4
|
import * as _$_base_ui_react0 from "@base-ui/react";
|
|
6
5
|
|
|
@@ -18,7 +17,7 @@ declare const DropdownMenuTrigger: {
|
|
|
18
17
|
nativeButton,
|
|
19
18
|
ref: refProp,
|
|
20
19
|
...rest
|
|
21
|
-
}: DropdownMenuTriggerProps):
|
|
20
|
+
}: DropdownMenuTriggerProps): React.JSX.Element;
|
|
22
21
|
displayName: string;
|
|
23
22
|
};
|
|
24
23
|
type DropdownMenuPortalProps = React.ComponentProps<typeof Menu.Portal> & {
|
|
@@ -31,7 +30,7 @@ declare const DropdownMenuPortal: {
|
|
|
31
30
|
({
|
|
32
31
|
container,
|
|
33
32
|
...rest
|
|
34
|
-
}: DropdownMenuPortalProps):
|
|
33
|
+
}: DropdownMenuPortalProps): React.JSX.Element;
|
|
35
34
|
displayName: string;
|
|
36
35
|
};
|
|
37
36
|
type DropdownMenuPositionerProps = React.ComponentProps<typeof Menu.Positioner> & {
|
|
@@ -49,7 +48,7 @@ declare const DropdownMenuPositioner: {
|
|
|
49
48
|
children,
|
|
50
49
|
style,
|
|
51
50
|
...rest
|
|
52
|
-
}: DropdownMenuPositionerProps):
|
|
51
|
+
}: DropdownMenuPositionerProps): React.JSX.Element;
|
|
53
52
|
displayName: string;
|
|
54
53
|
};
|
|
55
54
|
type DropdownMenuPopupProps = React.ComponentProps<typeof Menu.Popup>;
|
|
@@ -57,7 +56,7 @@ declare const DropdownMenuPopup: {
|
|
|
57
56
|
({
|
|
58
57
|
className,
|
|
59
58
|
...rest
|
|
60
|
-
}: DropdownMenuPopupProps):
|
|
59
|
+
}: DropdownMenuPopupProps): React.JSX.Element;
|
|
61
60
|
displayName: string;
|
|
62
61
|
};
|
|
63
62
|
type DropdownMenuHeaderProps = React.HTMLAttributes<HTMLDivElement>;
|
|
@@ -65,7 +64,7 @@ declare const DropdownMenuHeader: {
|
|
|
65
64
|
({
|
|
66
65
|
className,
|
|
67
66
|
...rest
|
|
68
|
-
}: DropdownMenuHeaderProps):
|
|
67
|
+
}: DropdownMenuHeaderProps): React.JSX.Element;
|
|
69
68
|
displayName: string;
|
|
70
69
|
};
|
|
71
70
|
type DropdownMenuFooterProps = React.HTMLAttributes<HTMLDivElement>;
|
|
@@ -73,7 +72,7 @@ declare const DropdownMenuFooter: {
|
|
|
73
72
|
({
|
|
74
73
|
className,
|
|
75
74
|
...rest
|
|
76
|
-
}: DropdownMenuFooterProps):
|
|
75
|
+
}: DropdownMenuFooterProps): React.JSX.Element;
|
|
77
76
|
displayName: string;
|
|
78
77
|
};
|
|
79
78
|
type DropdownMenuScrollViewportProps = React.HTMLAttributes<HTMLDivElement>;
|
|
@@ -81,7 +80,7 @@ declare const DropdownMenuScrollViewport: {
|
|
|
81
80
|
({
|
|
82
81
|
className,
|
|
83
82
|
...rest
|
|
84
|
-
}: DropdownMenuScrollViewportProps):
|
|
83
|
+
}: DropdownMenuScrollViewportProps): React.JSX.Element;
|
|
85
84
|
displayName: string;
|
|
86
85
|
};
|
|
87
86
|
type DropdownMenuItemProps = React.ComponentProps<typeof Menu.Item> & {
|
|
@@ -92,7 +91,7 @@ declare const DropdownMenuItem: {
|
|
|
92
91
|
className,
|
|
93
92
|
danger,
|
|
94
93
|
...rest
|
|
95
|
-
}: DropdownMenuItemProps):
|
|
94
|
+
}: DropdownMenuItemProps): React.JSX.Element;
|
|
96
95
|
displayName: string;
|
|
97
96
|
};
|
|
98
97
|
type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof Menu.CheckboxItem> & {
|
|
@@ -103,7 +102,7 @@ declare const DropdownMenuCheckboxItemPrimitive: {
|
|
|
103
102
|
className,
|
|
104
103
|
danger,
|
|
105
104
|
...rest
|
|
106
|
-
}: DropdownMenuCheckboxItemProps):
|
|
105
|
+
}: DropdownMenuCheckboxItemProps): React.JSX.Element;
|
|
107
106
|
displayName: string;
|
|
108
107
|
};
|
|
109
108
|
type DropdownMenuSeparatorProps = React.ComponentProps<typeof Menu.Separator>;
|
|
@@ -111,7 +110,7 @@ declare const DropdownMenuSeparator: {
|
|
|
111
110
|
({
|
|
112
111
|
className,
|
|
113
112
|
...rest
|
|
114
|
-
}: DropdownMenuSeparatorProps):
|
|
113
|
+
}: DropdownMenuSeparatorProps): React.JSX.Element;
|
|
115
114
|
displayName: string;
|
|
116
115
|
};
|
|
117
116
|
declare const DropdownMenuGroup: React.ForwardRefExoticComponent<Omit<_$_base_ui_react0.ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -120,7 +119,7 @@ declare const DropdownMenuGroupLabel: {
|
|
|
120
119
|
({
|
|
121
120
|
className,
|
|
122
121
|
...rest
|
|
123
|
-
}: DropdownMenuGroupLabelProps):
|
|
122
|
+
}: DropdownMenuGroupLabelProps): React.JSX.Element;
|
|
124
123
|
displayName: string;
|
|
125
124
|
};
|
|
126
125
|
type DropdownMenuSubmenuTriggerProps = React.ComponentProps<typeof Menu.SubmenuTrigger> & {
|
|
@@ -131,7 +130,7 @@ declare const DropdownMenuSubmenuTrigger: {
|
|
|
131
130
|
className,
|
|
132
131
|
danger,
|
|
133
132
|
...rest
|
|
134
|
-
}: DropdownMenuSubmenuTriggerProps):
|
|
133
|
+
}: DropdownMenuSubmenuTriggerProps): React.JSX.Element;
|
|
135
134
|
displayName: string;
|
|
136
135
|
};
|
|
137
136
|
type DropdownMenuItemContentProps = React.HTMLAttributes<HTMLDivElement>;
|
|
@@ -139,7 +138,7 @@ declare const DropdownMenuItemContent: {
|
|
|
139
138
|
({
|
|
140
139
|
className,
|
|
141
140
|
...rest
|
|
142
|
-
}: DropdownMenuItemContentProps):
|
|
141
|
+
}: DropdownMenuItemContentProps): React.JSX.Element;
|
|
143
142
|
displayName: string;
|
|
144
143
|
};
|
|
145
144
|
type DropdownMenuItemIconProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
@@ -147,7 +146,7 @@ declare const DropdownMenuItemIcon: {
|
|
|
147
146
|
({
|
|
148
147
|
className,
|
|
149
148
|
...rest
|
|
150
|
-
}: DropdownMenuItemIconProps):
|
|
149
|
+
}: DropdownMenuItemIconProps): React.JSX.Element;
|
|
151
150
|
displayName: string;
|
|
152
151
|
};
|
|
153
152
|
type DropdownMenuItemLabelGroupProps = React.HTMLAttributes<HTMLDivElement>;
|
|
@@ -155,7 +154,7 @@ declare const DropdownMenuItemLabelGroup: {
|
|
|
155
154
|
({
|
|
156
155
|
className,
|
|
157
156
|
...rest
|
|
158
|
-
}: DropdownMenuItemLabelGroupProps):
|
|
157
|
+
}: DropdownMenuItemLabelGroupProps): React.JSX.Element;
|
|
159
158
|
displayName: string;
|
|
160
159
|
};
|
|
161
160
|
type DropdownMenuItemLabelProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
@@ -163,7 +162,7 @@ declare const DropdownMenuItemLabel: {
|
|
|
163
162
|
({
|
|
164
163
|
className,
|
|
165
164
|
...rest
|
|
166
|
-
}: DropdownMenuItemLabelProps):
|
|
165
|
+
}: DropdownMenuItemLabelProps): React.JSX.Element;
|
|
167
166
|
displayName: string;
|
|
168
167
|
};
|
|
169
168
|
type DropdownMenuItemDescProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
@@ -171,7 +170,7 @@ declare const DropdownMenuItemDesc: {
|
|
|
171
170
|
({
|
|
172
171
|
className,
|
|
173
172
|
...rest
|
|
174
|
-
}: DropdownMenuItemDescProps):
|
|
173
|
+
}: DropdownMenuItemDescProps): React.JSX.Element;
|
|
175
174
|
displayName: string;
|
|
176
175
|
};
|
|
177
176
|
type DropdownMenuItemExtraProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
@@ -179,7 +178,7 @@ declare const DropdownMenuItemExtra: {
|
|
|
179
178
|
({
|
|
180
179
|
className,
|
|
181
180
|
...rest
|
|
182
|
-
}: DropdownMenuItemExtraProps):
|
|
181
|
+
}: DropdownMenuItemExtraProps): React.JSX.Element;
|
|
183
182
|
displayName: string;
|
|
184
183
|
};
|
|
185
184
|
type DropdownMenuSubmenuArrowProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
@@ -187,7 +186,7 @@ declare const DropdownMenuSubmenuArrow: {
|
|
|
187
186
|
({
|
|
188
187
|
className,
|
|
189
188
|
...rest
|
|
190
|
-
}: DropdownMenuSubmenuArrowProps):
|
|
189
|
+
}: DropdownMenuSubmenuArrowProps): React.JSX.Element;
|
|
191
190
|
displayName: string;
|
|
192
191
|
};
|
|
193
192
|
type DropdownMenuSwitchItemProps = Omit<React.ComponentProps<typeof Menu.Item>, 'onClick'> & {
|
|
@@ -208,7 +207,7 @@ declare const DropdownMenuSwitchItem: {
|
|
|
208
207
|
onCheckedChange,
|
|
209
208
|
children,
|
|
210
209
|
...rest
|
|
211
|
-
}: DropdownMenuSwitchItemProps):
|
|
210
|
+
}: DropdownMenuSwitchItemProps): React.JSX.Element;
|
|
212
211
|
displayName: string;
|
|
213
212
|
};
|
|
214
213
|
//#endregion
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FloatingSheetProps } from "./type.mjs";
|
|
2
|
-
import * as _$
|
|
2
|
+
import * as _$react from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/base-ui/FloatingSheet/FloatingSheet.d.ts
|
|
5
5
|
declare function FloatingSheet({
|
|
@@ -21,7 +21,7 @@ declare function FloatingSheet({
|
|
|
21
21
|
closeThreshold,
|
|
22
22
|
children,
|
|
23
23
|
className
|
|
24
|
-
}: FloatingSheetProps): _$
|
|
24
|
+
}: FloatingSheetProps): _$react.JSX.Element;
|
|
25
25
|
//#endregion
|
|
26
26
|
export { FloatingSheet };
|
|
27
27
|
//# sourceMappingURL=FloatingSheet.d.mts.map
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
2
|
import { Dialog } from "@base-ui/react/dialog";
|
|
4
3
|
|
|
5
4
|
//#region src/base-ui/Modal/atoms.d.ts
|
|
@@ -16,25 +15,25 @@ declare const ModalRoot: ({
|
|
|
16
15
|
open,
|
|
17
16
|
onExitComplete,
|
|
18
17
|
...rest
|
|
19
|
-
}: ModalRootProps) =>
|
|
18
|
+
}: ModalRootProps) => React.JSX.Element;
|
|
20
19
|
type ModalPortalProps = React.ComponentProps<typeof Dialog.Portal> & {
|
|
21
20
|
container?: HTMLElement | null;
|
|
22
21
|
};
|
|
23
22
|
declare const ModalPortal: ({
|
|
24
23
|
container,
|
|
25
24
|
...rest
|
|
26
|
-
}: ModalPortalProps) =>
|
|
25
|
+
}: ModalPortalProps) => React.JSX.Element;
|
|
27
26
|
type ModalViewportProps = React.ComponentProps<typeof Dialog.Viewport>;
|
|
28
27
|
declare const ModalViewport: ({
|
|
29
28
|
className,
|
|
30
29
|
...rest
|
|
31
|
-
}: ModalViewportProps) =>
|
|
30
|
+
}: ModalViewportProps) => React.JSX.Element;
|
|
32
31
|
type ModalBackdropProps = React.ComponentProps<typeof Dialog.Backdrop>;
|
|
33
32
|
declare const ModalBackdrop: ({
|
|
34
33
|
className,
|
|
35
34
|
style,
|
|
36
35
|
...rest
|
|
37
|
-
}: ModalBackdropProps) =>
|
|
36
|
+
}: ModalBackdropProps) => React.JSX.Element;
|
|
38
37
|
type ModalPopupProps = React.ComponentProps<typeof Dialog.Popup> & {
|
|
39
38
|
motionProps?: Record<string, any>;
|
|
40
39
|
panelClassName?: string;
|
|
@@ -51,19 +50,19 @@ declare const ModalPopup: ({
|
|
|
51
50
|
popupStyle,
|
|
52
51
|
ref: forwardedRef,
|
|
53
52
|
...rest
|
|
54
|
-
}: ModalPopupProps) =>
|
|
53
|
+
}: ModalPopupProps) => React.JSX.Element;
|
|
55
54
|
type ModalHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
56
55
|
ref?: React.Ref<HTMLDivElement>;
|
|
57
56
|
};
|
|
58
57
|
declare const ModalHeader: ({
|
|
59
58
|
className,
|
|
60
59
|
...rest
|
|
61
|
-
}: ModalHeaderProps) =>
|
|
60
|
+
}: ModalHeaderProps) => React.JSX.Element;
|
|
62
61
|
type ModalTitleProps = React.ComponentProps<typeof Dialog.Title>;
|
|
63
62
|
declare const ModalTitle: ({
|
|
64
63
|
className,
|
|
65
64
|
...rest
|
|
66
|
-
}: ModalTitleProps) =>
|
|
65
|
+
}: ModalTitleProps) => React.JSX.Element;
|
|
67
66
|
type ModalDescriptionProps = React.ComponentProps<typeof Dialog.Description>;
|
|
68
67
|
declare const ModalDescription: React.FC<ModalDescriptionProps>;
|
|
69
68
|
type ModalContentProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
@@ -72,20 +71,20 @@ type ModalContentProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
|
72
71
|
declare const ModalContent: ({
|
|
73
72
|
className,
|
|
74
73
|
...rest
|
|
75
|
-
}: ModalContentProps) =>
|
|
74
|
+
}: ModalContentProps) => React.JSX.Element;
|
|
76
75
|
type ModalFooterProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
77
76
|
ref?: React.Ref<HTMLDivElement>;
|
|
78
77
|
};
|
|
79
78
|
declare const ModalFooter: ({
|
|
80
79
|
className,
|
|
81
80
|
...rest
|
|
82
|
-
}: ModalFooterProps) =>
|
|
81
|
+
}: ModalFooterProps) => React.JSX.Element;
|
|
83
82
|
type ModalCloseProps = React.ComponentProps<typeof Dialog.Close>;
|
|
84
83
|
declare const ModalClose: ({
|
|
85
84
|
className,
|
|
86
85
|
children,
|
|
87
86
|
...rest
|
|
88
|
-
}: ModalCloseProps) =>
|
|
87
|
+
}: ModalCloseProps) => React.JSX.Element;
|
|
89
88
|
type ModalTriggerProps = Omit<React.ComponentPropsWithRef<typeof Dialog.Trigger>, 'children' | 'render'> & {
|
|
90
89
|
children?: React.ReactNode;
|
|
91
90
|
nativeButton?: boolean;
|
|
@@ -96,7 +95,7 @@ declare const ModalTrigger: ({
|
|
|
96
95
|
nativeButton,
|
|
97
96
|
ref: refProp,
|
|
98
97
|
...rest
|
|
99
|
-
}: ModalTriggerProps) =>
|
|
98
|
+
}: ModalTriggerProps) => React.JSX.Element;
|
|
100
99
|
//#endregion
|
|
101
100
|
export { ModalBackdrop, ModalBackdropProps, ModalClose, ModalCloseProps, ModalContent, ModalContentProps, ModalDescription, ModalDescriptionProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalPopup, ModalPopupProps, ModalPortal, ModalPortalProps, ModalRoot, ModalRootProps, ModalTitle, ModalTitleProps, ModalTrigger, ModalTriggerProps, ModalViewport, ModalViewportProps, useModalActions, useModalOpen };
|
|
102
101
|
//# sourceMappingURL=atoms.d.mts.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as _$
|
|
1
|
+
import * as _$react from "react";
|
|
2
2
|
|
|
3
3
|
//#region src/base-ui/Popover/ArrowIcon.d.ts
|
|
4
|
-
declare const PopoverArrowIcon: _$
|
|
4
|
+
declare const PopoverArrowIcon: _$react.JSX.Element;
|
|
5
5
|
//#endregion
|
|
6
6
|
export { PopoverArrowIcon };
|
|
7
7
|
//# sourceMappingURL=ArrowIcon.d.mts.map
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { PopoverPlacement } from "./type.mjs";
|
|
2
2
|
import * as _$react from "react";
|
|
3
3
|
import { ComponentProps, ComponentPropsWithRef } from "react";
|
|
4
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
5
4
|
import { Popover } from "@base-ui/react/popover";
|
|
6
5
|
import * as _$_base_ui_react0 from "@base-ui/react";
|
|
7
6
|
|
|
@@ -18,7 +17,7 @@ declare const PopoverTriggerElement: {
|
|
|
18
17
|
nativeButton,
|
|
19
18
|
ref: refProp,
|
|
20
19
|
...rest
|
|
21
|
-
}: PopoverTriggerElementProps): _$
|
|
20
|
+
}: PopoverTriggerElementProps): _$react.JSX.Element;
|
|
22
21
|
displayName: string;
|
|
23
22
|
};
|
|
24
23
|
type PopoverPortalAtomProps = Omit<ComponentProps<typeof Popover.Portal>, 'container'> & {
|
|
@@ -37,7 +36,7 @@ declare const PopoverPortal: {
|
|
|
37
36
|
root,
|
|
38
37
|
children,
|
|
39
38
|
...rest
|
|
40
|
-
}: PopoverPortalAtomProps): _$
|
|
39
|
+
}: PopoverPortalAtomProps): _$react.JSX.Element | null;
|
|
41
40
|
displayName: string;
|
|
42
41
|
};
|
|
43
42
|
type PopoverPositionerAtomProps = ComponentProps<typeof Popover.Positioner> & {
|
|
@@ -55,7 +54,7 @@ declare const PopoverPositioner: {
|
|
|
55
54
|
sideOffset,
|
|
56
55
|
style,
|
|
57
56
|
...rest
|
|
58
|
-
}: PopoverPositionerAtomProps): _$
|
|
57
|
+
}: PopoverPositionerAtomProps): _$react.JSX.Element;
|
|
59
58
|
displayName: string;
|
|
60
59
|
};
|
|
61
60
|
type PopoverPopupAtomProps = ComponentProps<typeof Popover.Popup>;
|
|
@@ -63,7 +62,7 @@ declare const PopoverPopup: {
|
|
|
63
62
|
({
|
|
64
63
|
className,
|
|
65
64
|
...rest
|
|
66
|
-
}: PopoverPopupAtomProps): _$
|
|
65
|
+
}: PopoverPopupAtomProps): _$react.JSX.Element;
|
|
67
66
|
displayName: string;
|
|
68
67
|
};
|
|
69
68
|
type PopoverArrowAtomProps = ComponentProps<typeof Popover.Arrow>;
|
|
@@ -72,7 +71,7 @@ declare const PopoverArrow: {
|
|
|
72
71
|
className,
|
|
73
72
|
children,
|
|
74
73
|
...rest
|
|
75
|
-
}: PopoverArrowAtomProps): _$
|
|
74
|
+
}: PopoverArrowAtomProps): _$react.JSX.Element;
|
|
76
75
|
displayName: string;
|
|
77
76
|
};
|
|
78
77
|
type PopoverViewportAtomProps = ComponentProps<typeof Popover.Viewport>;
|
|
@@ -80,7 +79,7 @@ declare const PopoverViewport: {
|
|
|
80
79
|
({
|
|
81
80
|
className,
|
|
82
81
|
...rest
|
|
83
|
-
}: PopoverViewportAtomProps): _$
|
|
82
|
+
}: PopoverViewportAtomProps): _$react.JSX.Element;
|
|
84
83
|
displayName: string;
|
|
85
84
|
};
|
|
86
85
|
//#endregion
|