@lobehub/ui 1.170.8 → 2.0.0

package/es/icons/Zitadel/components/Mono.js

@@ -9,11 +9,11 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { forwardRef } from 'react';
+import { memo } from 'react';
 import { TITLE } from "../style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var Icon = /*#__PURE__*/memo(function (_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? '1em' : _ref$size,
     style = _ref.style,
@@ -22,7 +22,6 @@ var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
     fill: "currentColor",
     fillRule: "evenodd",
     height: size,
-    ref: ref,
     style: _objectSpread({
       flex: 'none',
       lineHeight: 1

package/es/icons/index.d.ts

@@ -4,6 +4,7 @@ export { default as Authentik, type CompoundedIcon as AuthentikProps } from './A
 export { default as Casdoor, type CompoundedIcon as CasdoorProps } from './Casdoor';
 export { default as Clerk, type CompoundedIcon as ClerkProps } from './Clerk';
 export { default as Logto, type CompoundedIcon as LogtoProps } from './Logto';
+export * from './lucideExtra';
 export { default as MicrosoftEntra, type CompoundedIcon as MicrosoftEntraProps, } from './MicrosoftEntra';
 export { default as NextAuth, type CompoundedIcon as NextAuthProps } from './NextAuth';
 export { default as Zitadel, type CompoundedIcon as ZitadelProps } from './Zitadel';

package/es/icons/index.js

@@ -4,6 +4,7 @@ export { default as Authentik } from "./Authentik";
 export { default as Casdoor } from "./Casdoor";
 export { default as Clerk } from "./Clerk";
 export { default as Logto } from "./Logto";
+export * from "./lucideExtra";
 export { default as MicrosoftEntra } from "./MicrosoftEntra";
 export { default as NextAuth } from "./NextAuth";
 export { default as Zitadel } from "./Zitadel";

package/es/icons/lucideExtra/DiscordIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const DiscordIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export default DiscordIcon;

package/es/icons/lucideExtra/DiscordIcon.js

@@ -0,0 +1,17 @@
+import { createLucideIcon } from 'lucide-react';
+var DiscordIcon = createLucideIcon('Discord', [['path', {
+  d: 'M19.277 4.946a17.317 17.317 0 00-4.274-1.326.065.065 0 00-.069.033c-.184.328-.389.756-.532 1.093a15.986 15.986 0 00-4.801 0 11.061 11.061 0 00-.54-1.093.067.067 0 00-.07-.033c-1.475.255-2.912.7-4.274 1.326a.061.061 0 00-.028.024c-2.722 4.068-3.468 8.035-3.102 11.953a.072.072 0 00.027.05 17.41 17.41 0 005.244 2.65.068.068 0 00.074-.024c.403-.552.764-1.134 1.072-1.745a.067.067 0 00-.013-.078.067.067 0 00-.023-.015 11.47 11.47 0 01-1.638-.78.068.068 0 01-.007-.112c.11-.083.22-.168.325-.255a.066.066 0 01.068-.01c3.437 1.57 7.158 1.57 10.554 0a.064.064 0 01.069.009c.105.087.215.173.326.256a.068.068 0 01.017.088.067.067 0 01-.023.023c-.523.306-1.072.567-1.639.78a.066.066 0 00-.043.066c0 .01.003.02.008.028.315.61.675 1.192 1.072 1.744a.067.067 0 00.073.025 17.356 17.356 0 005.252-2.65.067.067 0 00.028-.05c.437-4.53-.734-8.464-3.105-11.952a.054.054 0 00-.028-.025z',
+  key: '1'
+}], ['circle', {
+  cx: '8.588',
+  cy: '12.41',
+  key: '2',
+  r: '.787'
+}], ['circle', {
+  cx: '15.412',
+  cy: '12.41',
+  key: '3',
+  r: '.787'
+}]]);
+DiscordIcon.displayName = 'DiscordIcon';
+export default DiscordIcon;

package/es/icons/lucideExtra/GlobeOffIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const GlobeOffIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export default GlobeOffIcon;

package/es/icons/lucideExtra/GlobeOffIcon.js

@@ -0,0 +1,25 @@
+import { createLucideIcon } from 'lucide-react';
+var GlobeOffIcon = createLucideIcon('Discord', [['path', {
+  d: 'M8.42872 8.5C8.14613 9.63599 8 10.8107 8 12C8 15.7233 9.43223 19.3038 12 22C13.7235 20.1904 14.9354 17.9823 15.546 15.6',
+  key: '1'
+}], ['path', {
+  d: 'M10.1124 4.46344C10.6477 3.58353 11.2791 2.75691 12 2C14.1823 4.29141 15.5444 7.22163 15.9042 10.3353',
+  key: '2'
+}], ['path', {
+  d: 'M22 12L17.5 12',
+  key: '3'
+}], ['path', {
+  d: 'M12 12L2 12',
+  key: '4'
+}], ['path', {
+  d: 'M2 2L22 22',
+  key: '5'
+}], ['path', {
+  d: 'M8.34998 2.69014C10.1606 1.98297 12.1381 1.81882 14.0405 2.21778C15.943 2.61675 17.6879 3.56153 19.0618 4.93655C20.4358 6.31157 21.3792 8.05722 21.7767 9.95997C22.1742 11.8627 22.0085 13.8401 21.3 15.6501',
+  key: '6'
+}], ['path', {
+  d: 'M19.0801 19.0799C18.1503 20.0097 17.0465 20.7472 15.8317 21.2504C14.6169 21.7536 13.3149 22.0126 12.0001 22.0126C10.6852 22.0126 9.38318 21.7536 8.16839 21.2504C6.9536 20.7472 5.84982 20.0097 4.92006 19.0799C3.9903 18.1502 3.25277 17.0464 2.74959 15.8316C2.24641 14.6168 1.98743 13.3148 1.98743 11.9999C1.98743 10.685 2.24641 9.38304 2.74959 8.16825C3.25277 6.95346 3.9903 5.84968 4.92006 4.91992',
+  key: '7'
+}]]);
+GlobeOffIcon.displayName = 'GlobeOffIcon';
+export default GlobeOffIcon;

package/es/icons/lucideExtra/LeftClickIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const LeftClickIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export default LeftClickIcon;

package/es/icons/lucideExtra/LeftClickIcon.js

@@ -0,0 +1,11 @@
+import { createLucideIcon } from 'lucide-react';
+import { KeyMapEnum } from "../../Hotkey/const";
+var LeftClickIcon = createLucideIcon(KeyMapEnum.LeftClick, [['path', {
+  d: 'M19 10a7 7 0 10-14 0v4a7 7 0 1014 0v-4zM2 9.333C2 6.36 3.491 3.71 5.814 2',
+  key: '1'
+}], ['path', {
+  d: 'M12 4v7H6',
+  key: '2'
+}]]);
+LeftClickIcon.displayName = 'LeftClickIcon';
+export default LeftClickIcon;

package/es/icons/lucideExtra/LeftDoubleClickIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const LeftDoubleClickIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export default LeftDoubleClickIcon;

package/es/{Hotkey/components → icons/lucideExtra}/LeftDoubleClickIcon.js

@@ -1,7 +1,8 @@
 import { createLucideIcon } from 'lucide-react';
-import { KeyMapEnum } from "../type";
-var Icon = createLucideIcon(KeyMapEnum.LeftDoubleClick, [['path', {
+import { KeyMapEnum } from "../../Hotkey/const";
+var LeftDoubleClickIcon = createLucideIcon(KeyMapEnum.LeftDoubleClick, [['path', {
   d: 'M19 10v4a7 7 0 11-14 0v-3m0 0v-1a7 7 0 017-7v8H5zM2 9.333C2 6.36 3.491 3.71 5.814 2M20.5 2h1.25c.69 0 1.25.56 1.25 1.25v0c0 .69-.56 1.25-1.25 1.25v0c-.69 0-1.25.56-1.25 1.25V7H23M15 4l3 3M18 4l-3 3',
   key: '1'
 }]]);
-export default Icon;
+LeftDoubleClickIcon.displayName = 'LeftDoubleClickIcon';
+export default LeftDoubleClickIcon;

package/es/icons/lucideExtra/RightClickIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const RightClickIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export default RightClickIcon;

package/es/icons/lucideExtra/RightClickIcon.js

@@ -0,0 +1,11 @@
+import { createLucideIcon } from 'lucide-react';
+import { KeyMapEnum } from "../../Hotkey/const";
+var RightClickIcon = createLucideIcon(KeyMapEnum.RightClick, [['path', {
+  d: 'M19 10a7 7 0 10-14 0v4a7 7 0 1014 0v-4zM22 9.333C22 6.36 20.509 3.71 18.186 2',
+  key: '1'
+}], ['path', {
+  d: 'M12 4v7h6',
+  key: '2'
+}]]);
+RightClickIcon.displayName = 'RightClickIcon';
+export default RightClickIcon;

package/es/icons/lucideExtra/RightDoubleClickIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const RightDoubleClickIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export default RightDoubleClickIcon;

package/es/{Hotkey/components → icons/lucideExtra}/RightDoubleClickIcon.js

@@ -1,10 +1,11 @@
 import { createLucideIcon } from 'lucide-react';
-import { KeyMapEnum } from "../type";
-var Icon = createLucideIcon(KeyMapEnum.RightDoubleClick, [['path', {
+import { KeyMapEnum } from "../../Hotkey/const";
+var RightDoubleClickIcon = createLucideIcon(KeyMapEnum.RightDoubleClick, [['path', {
   d: 'M12 3a7 7 0 017 7v4a7 7 0 11-14 0v-4',
   key: '1'
 }], ['path', {
   d: 'M12 3v8h6.5M22 9.333C22 6.36 20.509 3.71 18.186 2M6.5 2h1.25C8.44 2 9 2.56 9 3.25v0c0 .69-.56 1.25-1.25 1.25v0c-.69 0-1.25.56-1.25 1.25V7H9M1 4l3 3M4 4L1 7',
   key: '2'
 }]]);
-export default Icon;
+RightDoubleClickIcon.displayName = 'RightDoubleClickIcon';
+export default RightDoubleClickIcon;

package/es/icons/lucideExtra/index.d.ts

@@ -0,0 +1,6 @@
+export { default as DiscordIcon } from './DiscordIcon';
+export { default as GlobeOffIcon } from './GlobeOffIcon';
+export { default as LeftClickIcon } from './LeftClickIcon';
+export { default as LeftDoubleClickIcon } from './LeftDoubleClickIcon';
+export { default as RightClickIcon } from './RightClickIcon';
+export { default as RightDoubleClickIcon } from './RightDoubleClickIcon';

package/es/icons/lucideExtra/index.js

@@ -0,0 +1,6 @@
+export { default as DiscordIcon } from "./DiscordIcon";
+export { default as GlobeOffIcon } from "./GlobeOffIcon";
+export { default as LeftClickIcon } from "./LeftClickIcon";
+export { default as LeftDoubleClickIcon } from "./LeftDoubleClickIcon";
+export { default as RightClickIcon } from "./RightClickIcon";
+export { default as RightDoubleClickIcon } from "./RightDoubleClickIcon";

package/es/index.d.ts

@@ -1,7 +1,63 @@
-export * from './awesome';
-export { default as Logo, type LobeHubProps as LogoProps } from './brand/LobeHub';
-export * from './chat';
-export * from './color';
-export * from './components';
-export * from './mobile';
-export * from './storybook';
+export { default as ActionIcon, type ActionIconProps, type ActionIconSize } from './ActionIcon';
+export { default as ActionIconGroup, type ActionIconGroupEvent, type ActionIconGroupItemType, type ActionIconGroupProps, } from './ActionIconGroup';
+export { default as Alert, type AlertProps } from './Alert';
+export { default as AutoComplete, type AutoCompleteProps } from './AutoComplete';
+export { default as Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps } from './Avatar';
+export { default as Block, type BlockProps } from './Block';
+export { default as Burger, type BurgerProps } from './Burger';
+export { default as Button, type ButtonProps } from './Button';
+export { default as CodeEditor, type CodeEditorProps } from './CodeEditor';
+export { default as Collapse, type CollapseItemType, type CollapseProps } from './Collapse';
+export { default as ColorSwatches, type ColorSwatchesProps } from './ColorSwatches';
+export { type Config, default as ConfigProvider, useCdnFn } from './ConfigProvider';
+export { default as CopyButton, type CopyButtonProps } from './CopyButton';
+export { default as DatePicker, type DatePickerProps } from './DatePicker';
+export { default as DraggablePanel, DraggablePanelBody, type DraggablePanelBodyProps, DraggablePanelContainer, type DraggablePanelContainerProps, DraggablePanelFooter, type DraggablePanelFooterProps, DraggablePanelHeader, type DraggablePanelHeaderProps, type DraggablePanelProps, } from './DraggablePanel';
+export { default as Drawer, type DrawerProps } from './Drawer';
+export { default as Dropdown, type DropdownMenuItemType, type DropdownProps } from './Dropdown';
+export { default as EditableText, type EditableTextProps } from './EditableText';
+export { default as EmojiPicker, type EmojiPickerProps } from './EmojiPicker';
+export { default as FileTypeIcon, type FileTypeIconProps } from './FileTypeIcon';
+export { default as FluentEmoji, type FluentEmojiProps } from './FluentEmoji';
+export { default as FontLoader, type FontLoaderProps } from './FontLoader';
+export { default as Footer, type FooterProps } from './Footer';
+export { default as Form, FormGroup, type FormGroupItemType, type FormGroupProps, type FormInstance, FormItem, type FormItemProps, type FormProps, FormSubmitFooter, type FormSubmitFooterProps, FormTitle, type FormTitleProps, } from './Form';
+export { default as FormModal, type FormModalProps } from './FormModal';
+export { default as Grid, type GridProps } from './Grid';
+export { default as GuideCard, type GuideCardProps } from './GuideCard';
+export { default as Header, type HeaderProps } from './Header';
+export { default as Highlighter, type HighlighterProps, highlighterThemes, SyntaxHighlighter, type SyntaxHighlighterProps, } from './Highlighter';
+export { combineKeys, default as Hotkey, type HotkeyProps, KeyMapEnum } from './Hotkey';
+export { default as HotkeyInput, type HotkeyInputProps } from './HotkeyInput';
+export { default as Icon, type IconProps, type IconSize } from './Icon';
+export { default as Image, type ImageProps, PreviewGroup, type PreviewGroupProps } from './Image';
+export { default as ImageSelect, type ImageSelectItem, type ImageSelectProps } from './ImageSelect';
+export { default as Input, InputNumber, type InputNumberProps, InputOPT, type InputOPTProps, InputPassword, type InputPasswordProps, type InputProps, TextArea, type TextAreaProps, } from './Input';
+export { default as Layout, LayoutFooter, type LayoutFooterProps, LayoutHeader, type LayoutHeaderProps, LayoutMain, type LayoutMainProps, type LayoutProps, LayoutSidebar, LayoutSidebarInner, type LayoutSidebarInnerProps, type LayoutSidebarProps, LayoutToc, type LayoutTocProps, } from './Layout';
+export { default as List, ListItem, type ListItemProps, type ListProps } from './List';
+export { default as Markdown, type MarkdownProps, Typography, type TypographyProps, } from './Markdown';
+export { default as MaskShadow, type MaskShadowProps } from './MaskShadow';
+export { default as MaterialFileTypeIcon, type MaterialFileTypeIconProps, } from './MaterialFileTypeIcon';
+export { type ItemType, default as Menu, type MenuInfo, type MenuItemType, type MenuProps, } from './Menu';
+export { default as Mermaid, type MermaidProps, mermaidThemes, SyntaxMermaid, type SyntaxMermaidProps, } from './Mermaid';
+export { default as Modal, type ModalProps } from './Modal';
+export { default as ScrollShadow, type ScrollShadowProps } from './ScrollShadow';
+export { default as SearchBar, type SearchBarProps, SearchResultCards, type SearchResultCardsProps, } from './SearchBar';
+export { default as Segmented, type SegmentedProps } from './Segmented';
+export { default as Select, type SelectProps } from './Select';
+export { default as SideNav, type SideNavProps } from './SideNav';
+export { default as SliderWithInput, type SliderWithInputProps } from './SliderWithInput';
+export { default as Snippet, type SnippetProps } from './Snippet';
+export { default as SortableList, type SortableListProps } from './SortableList';
+export * from './styles';
+export { default as Tabs, type TabsProps } from './Tabs';
+export { default as Tag, type TagProps } from './Tag';
+export { Meta, type MetaProps, default as ThemeProvider, type ThemeProviderProps, } from './ThemeProvider';
+export { default as ThemeSwitch, type ThemeSwitchProps } from './ThemeSwitch';
+export { default as Toc, type TocProps } from './Toc';
+export { default as Tooltip, type TooltipProps } from './Tooltip';
+export type * from './types';
+export { copyToClipboard } from './utils/copyToClipboard';
+export { type CDN, genCdnUrl } from './utils/genCdnUrl';
+export { default as Video, type VideoProps } from './Video';
+export { ErrorBoundary, type ErrorBoundaryProps } from 'react-error-boundary';

package/es/index.js

@@ -1,7 +1,62 @@
-export * from "./awesome";
-export { default as Logo } from "./brand/LobeHub";
-export * from "./chat";
-export * from "./color";
-export * from "./components";
-export * from "./mobile";
-export * from "./storybook";
+export { default as ActionIcon } from "./ActionIcon";
+export { default as ActionIconGroup } from "./ActionIconGroup";
+export { default as Alert } from "./Alert";
+export { default as AutoComplete } from "./AutoComplete";
+export { default as Avatar, AvatarGroup } from "./Avatar";
+export { default as Block } from "./Block";
+export { default as Burger } from "./Burger";
+export { default as Button } from "./Button";
+export { default as CodeEditor } from "./CodeEditor";
+export { default as Collapse } from "./Collapse";
+export { default as ColorSwatches } from "./ColorSwatches";
+export { default as ConfigProvider, useCdnFn } from "./ConfigProvider";
+export { default as CopyButton } from "./CopyButton";
+export { default as DatePicker } from "./DatePicker";
+export { default as DraggablePanel, DraggablePanelBody, DraggablePanelContainer, DraggablePanelFooter, DraggablePanelHeader } from "./DraggablePanel";
+export { default as Drawer } from "./Drawer";
+export { default as Dropdown } from "./Dropdown";
+export { default as EditableText } from "./EditableText";
+export { default as EmojiPicker } from "./EmojiPicker";
+export { default as FileTypeIcon } from "./FileTypeIcon";
+export { default as FluentEmoji } from "./FluentEmoji";
+export { default as FontLoader } from "./FontLoader";
+export { default as Footer } from "./Footer";
+export { default as Form, FormGroup, FormItem, FormSubmitFooter, FormTitle } from "./Form";
+export { default as FormModal } from "./FormModal";
+export { default as Grid } from "./Grid";
+export { default as GuideCard } from "./GuideCard";
+export { default as Header } from "./Header";
+export { default as Highlighter, highlighterThemes, SyntaxHighlighter } from "./Highlighter";
+export { combineKeys, default as Hotkey, KeyMapEnum } from "./Hotkey";
+export { default as HotkeyInput } from "./HotkeyInput";
+export { default as Icon } from "./Icon";
+export { default as Image, PreviewGroup } from "./Image";
+export { default as ImageSelect } from "./ImageSelect";
+export { default as Input, InputNumber, InputOPT, InputPassword, TextArea } from "./Input";
+export { default as Layout, LayoutFooter, LayoutHeader, LayoutMain, LayoutSidebar, LayoutSidebarInner, LayoutToc } from "./Layout";
+export { default as List, ListItem } from "./List";
+export { default as Markdown, Typography } from "./Markdown";
+export { default as MaskShadow } from "./MaskShadow";
+export { default as MaterialFileTypeIcon } from "./MaterialFileTypeIcon";
+export { default as Menu } from "./Menu";
+export { default as Mermaid, mermaidThemes, SyntaxMermaid } from "./Mermaid";
+export { default as Modal } from "./Modal";
+export { default as ScrollShadow } from "./ScrollShadow";
+export { default as SearchBar, SearchResultCards } from "./SearchBar";
+export { default as Segmented } from "./Segmented";
+export { default as Select } from "./Select";
+export { default as SideNav } from "./SideNav";
+export { default as SliderWithInput } from "./SliderWithInput";
+export { default as Snippet } from "./Snippet";
+export { default as SortableList } from "./SortableList";
+export * from "./styles";
+export { default as Tabs } from "./Tabs";
+export { default as Tag } from "./Tag";
+export { Meta, default as ThemeProvider } from "./ThemeProvider";
+export { default as ThemeSwitch } from "./ThemeSwitch";
+export { default as Toc } from "./Toc";
+export { default as Tooltip } from "./Tooltip";
+export { copyToClipboard } from "./utils/copyToClipboard";
+export { genCdnUrl } from "./utils/genCdnUrl";
+export { default as Video } from "./Video";
+export { ErrorBoundary } from 'react-error-boundary';

package/es/mdx/Callout/index.js

@@ -2,7 +2,6 @@
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children", "type", "className", "style"];
-var _templateObject, _templateObject2, _templateObject3;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -10,72 +9,71 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createStyles } from 'antd-style';
 import { AlertOctagon, AlertTriangle, Info, Lightbulb, MessageSquareWarning } from 'lucide-react';
-import { rgba } from 'polished';
+import { useMemo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import Icon from "../../Icon";
+import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var useStyles = createStyles(function (_ref) {
-  var css = _ref.css;
-  return {
-    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      --lobe-markdown-margin-multiple: 1;\n\n      overflow: hidden;\n      gap: 0.75em;\n\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-inline: 1em;\n\n      border: 1px solid transparent;\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n    "]))),
-    content: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * -1em);\n\n      > div {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      }\n\n      p {\n        color: inherit !important;\n      }\n    "]))),
-    underlineAnchor: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      a {\n        text-decoration: underline;\n      }\n    "])))
-  };
-});
-var Callout = function Callout(_ref2) {
-  var children = _ref2.children,
-    _ref2$type = _ref2.type,
-    type = _ref2$type === void 0 ? 'info' : _ref2$type,
-    className = _ref2.className,
-    style = _ref2.style,
-    rest = _objectWithoutProperties(_ref2, _excluded);
+var Callout = function Callout(_ref) {
+  var children = _ref.children,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'info' : _ref$type,
+    className = _ref.className,
+    style = _ref.style,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles,
     theme = _useStyles.theme;
-  var typeConfig = {
-    error: {
-      color: theme.colorError,
-      icon: AlertOctagon
-    },
-    important: {
-      color: theme.purple,
-      icon: MessageSquareWarning
-    },
-    info: {
-      color: theme.colorInfo,
-      icon: Info
-    },
-    tip: {
-      color: theme.colorSuccess,
-      icon: Lightbulb
-    },
-    warning: {
-      color: theme.colorWarning,
-      icon: AlertTriangle
-    }
-  };
+  var typeConfig = useMemo(function () {
+    return {
+      error: {
+        background: theme.colorErrorFillTertiary,
+        color: theme.colorError,
+        icon: AlertOctagon
+      },
+      important: {
+        background: theme.purpleFillTertiary,
+        color: theme.purple,
+        icon: MessageSquareWarning
+      },
+      info: {
+        background: theme.colorInfoFillTertiary,
+        color: theme.colorInfo,
+        icon: Info
+      },
+      tip: {
+        background: theme.colorSuccessFillTertiary,
+        color: theme.colorSuccess,
+        icon: Lightbulb
+      },
+      warning: {
+        background: theme.colorWarningFillTertiary,
+        color: theme.colorWarning,
+        icon: AlertTriangle
+      }
+    };
+  }, [theme]);
   var selectedType = (typeConfig === null || typeConfig === void 0 ? void 0 : typeConfig[type]) || typeConfig.info;
   var icon = selectedType.icon,
-    color = selectedType.color;
+    color = selectedType.color,
+    background = selectedType.background;
   return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
     align: 'flex-start',
     className: cx(styles.container, className),
     horizontal: true,
     style: _objectSpread({
-      background: rgba(color, 0.1),
-      borderColor: rgba(color, 0.5),
+      background: background,
+      boxShadow: "0 0 0 1px ".concat(background, " inset"),
       color: color
     }, style)
   }, rest), {}, {
     children: [/*#__PURE__*/_jsx(Icon, {
       icon: icon,
       size: {
-        fontSize: '1.2em'
+        size: '1.2em'
       },
       style: {
         marginBlock: '0.25em'
@@ -88,4 +86,5 @@ var Callout = function Callout(_ref2) {
     })]
   }));
 };
+Callout.displayName = 'MdxCallout';
 export default Callout;

package/es/{awesome/GaussianBackground → mdx/Callout}/style.d.ts

@@ -1,5 +1,5 @@
 export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    canvas: import("antd-style").SerializedStyles;
     container: import("antd-style").SerializedStyles;
     content: import("antd-style").SerializedStyles;
+    underlineAnchor: import("antd-style").SerializedStyles;
 }>;

package/es/mdx/Callout/style.js

@@ -0,0 +1,11 @@
+var _templateObject, _templateObject2, _templateObject3;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      --lobe-markdown-margin-multiple: 1;\n\n      overflow: hidden;\n      gap: 0.75em;\n\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-inline: 1em;\n\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n    "]))),
+    content: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * -1em);\n\n      > div {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      }\n\n      p {\n        color: inherit !important;\n      }\n    "]))),
+    underlineAnchor: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      a {\n        text-decoration: underline;\n      }\n    "])))
+  };
+});

package/es/mdx/Cards/Card.d.ts

@@ -1,8 +1,8 @@
-import { TagProps } from 'antd';
 import { FC } from 'react';
-import { type FlexboxProps } from 'react-layout-kit';
+import { type BlockProps } from "../../Block";
 import { type IconProps } from "../../Icon";
-export interface CardProps extends Omit<FlexboxProps, 'children'> {
+import { type TagProps } from "../../Tag";
+export interface CardProps extends Omit<BlockProps, 'children'> {
     desc?: string;
     href?: string;
     icon?: IconProps['icon'];

package/es/mdx/Cards/Card.js

@@ -1,7 +1,7 @@
 'use client';
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["tag", "tagColor", "icon", "title", "desc", "href", "iconProps", "className", "image"];
+var _excluded = ["tag", "tagColor", "icon", "title", "desc", "href", "iconProps", "className", "image", "variant"];
 var _templateObject, _templateObject2, _templateObject3;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -11,12 +11,13 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { Tag } from 'antd';
 import { createStyles } from 'antd-style';
 import { Flexbox } from 'react-layout-kit';
 import A from "../../A";
+import Block from "../../Block";
 import Icon from "../../Icon";
 import Img from "../../Img";
+import Tag from "../../Tag";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
@@ -25,7 +26,7 @@ var useStyles = createStyles(function (_ref) {
     token = _ref.token;
   var icon = cx(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin-block: 0.1em;\n    opacity: 0.5;\n    transition: opacity 0.2s ", ";\n  "])), token.motionEaseInOut));
   return {
-    card: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      --lobe-markdown-header-multiple: 0.2;\n      --lobe-markdown-margin-multiple: 1;\n\n      overflow: hidden;\n\n      height: 100%;\n\n      color: ", ";\n\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n      transition: all 0.2s ", ";\n\n      h3,\n      p {\n        margin-block: 0;\n      }\n\n      p {\n        color: ", ";\n        transition: color 0.2s ", ";\n      }\n\n      &:hover {\n        background: ", ";\n        box-shadow: 0 0 0 1px ", ";\n\n        p {\n          color: ", ";\n        }\n\n        .", " {\n          opacity: 1;\n        }\n      }\n    "])), token.colorText, token.motionEaseInOut, token.colorTextDescription, token.motionEaseInOut, token.colorFillQuaternary, token.colorBorder, token.colorTextSecondary, icon),
+    card: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      --lobe-markdown-header-multiple: 0.2;\n      --lobe-markdown-margin-multiple: 1;\n\n      overflow: hidden;\n      height: 100%;\n      color: ", ";\n\n      h3,\n      p {\n        margin-block: 0 !important;\n      }\n\n      p {\n        color: ", ";\n        transition: color 0.2s ", ";\n      }\n\n      &:hover {\n        p {\n          color: ", ";\n        }\n\n        .", " {\n          opacity: 1;\n        }\n      }\n    "])), token.colorText, token.colorTextDescription, token.motionEaseInOut, token.colorTextSecondary, icon),
     content: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      width: 100%;\n      padding: 1.4em;\n    "]))),
     icon: icon
   };
@@ -41,15 +42,19 @@ var Card = function Card(_ref2) {
     iconProps = _ref2.iconProps,
     className = _ref2.className,
     image = _ref2.image,
+    _ref2$variant = _ref2.variant,
+    variant = _ref2$variant === void 0 ? 'filled' : _ref2$variant,
     rest = _objectWithoutProperties(_ref2, _excluded);
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
   return /*#__PURE__*/_jsx(A, {
     href: href,
-    children: /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsxs(Block, _objectSpread(_objectSpread({
       align: 'flex-start',
-      className: cx(styles.card, className)
+      className: cx(styles.card, className),
+      clickable: true,
+      variant: variant
     }, rest), {}, {
       children: [image && /*#__PURE__*/_jsx(Img, {
         alt: title,
@@ -68,7 +73,6 @@ var Card = function Card(_ref2) {
           paddingTop: '1.8em'
         },
         children: /*#__PURE__*/_jsx(Tag, {
-          bordered: false,
           color: tagColor,
           style: {
             borderRadius: '1em',
@@ -88,7 +92,7 @@ var Card = function Card(_ref2) {
           className: styles.icon,
           icon: icon,
           size: {
-            fontSize: '1.5em'
+            size: '1.5em'
           }
         }, iconProps)), /*#__PURE__*/_jsxs(Flexbox, {
           gap: '0.2em',
@@ -102,4 +106,5 @@ var Card = function Card(_ref2) {
     }))
   });
 };
+Card.displayName = 'MdxCard';
 export default Card;

package/es/mdx/Cards/index.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { type GridProps } from "../../Grid";
 export type CardsProps = GridProps;
 declare const Cards: FC<CardsProps>;