@hubstr/kit 0.1.5 → 0.1.6

package/ui/es/index.mjs

@@ -0,0 +1,163 @@
+import { MotionComponent, MotionProvider, useMotionComponent } from "./MotionProvider/index.mjs";
+import { genCdnUrl } from "./utils/genCdnUrl.mjs";
+import ConfigProvider, { useCdnFn, useI18n } from "./ConfigProvider/index.mjs";
+import A from "./A/index.mjs";
+import Accordion from "./Accordion/Accordion.mjs";
+import FlexBasic_default from "./Flex/FlexBasic.mjs";
+import Center from "./Flex/Center.mjs";
+import { findCustomThemeName, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches } from "./styles/customTheme.mjs";
+import { generateCustomStylish } from "./styles/theme/customStylish.mjs";
+import { staticStylish } from "./styles/theme/customStylishStatic.mjs";
+import { generateCustomToken } from "./styles/theme/customToken.mjs";
+import { generateColorNeutralPalette, generateColorPalette } from "./styles/theme/generateColorPalette.mjs";
+import Block from "./Block/Block.mjs";
+import { useAppElement } from "./ThemeProvider/AppElementContext.mjs";
+import { HUBSTR_THEME_APP_ID } from "./ThemeProvider/constants.mjs";
+import Meta from "./ThemeProvider/Meta.mjs";
+import FontLoader from "./FontLoader/index.mjs";
+import { CLASSNAMES } from "./styles/classNames.mjs";
+import ThemeProvider from "./ThemeProvider/ThemeProvider.mjs";
+import { placementMap, toFloatingUIPlacement } from "./utils/placement.mjs";
+import { KeyMapEnum } from "./Hotkey/const.mjs";
+import { IconProvider } from "./Icon/components/IconProvider.mjs";
+import Icon from "./Icon/Icon.mjs";
+import { combineKeys } from "./Hotkey/utils.mjs";
+import Hotkey from "./Hotkey/Hotkey.mjs";
+import Tooltip from "./base-ui/Tooltip/Tooltip.mjs";
+import TooltipGroup from "./base-ui/Tooltip/TooltipGroup.mjs";
+import Text from "./Text/Text.mjs";
+import { preventDefault, preventDefaultAndStopPropagation, stopPropagation } from "./utils/dom.mjs";
+import AccordionItem from "./Accordion/AccordionItem.mjs";
+import ActionIcon from "./ActionIcon/ActionIcon.mjs";
+import { styles } from "./base-ui/DropdownMenu/sharedStyle.mjs";
+import { DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuScrollViewport, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuTrigger } from "./base-ui/DropdownMenu/atoms.mjs";
+import Menu from "./Menu/Menu.mjs";
+import { renderDropdownMenuItems } from "./base-ui/DropdownMenu/renderItems.mjs";
+import DropdownMenu from "./base-ui/DropdownMenu/DropdownMenu.mjs";
+import ActionIconGroup from "./ActionIconGroup/ActionIconGroup.mjs";
+import Alert from "./Alert/Alert.mjs";
+import AutoComplete from "./AutoComplete/Select.mjs";
+import FluentEmoji from "./FluentEmoji/FluentEmoji.mjs";
+import AvatarGroup from "./Avatar/AvatarGroup/index.mjs";
+import Avatar from "./Avatar/index.mjs";
+import Burger from "./Burger/Burger.mjs";
+import Button from "./Button/Button.mjs";
+import CheckboxGroup from "./Checkbox/CheckboxGroup.mjs";
+import Checkbox from "./Checkbox/index.mjs";
+import FileTypeIcon from "./FileTypeIcon/FileTypeIcon.mjs";
+import MaterialFileTypeIcon from "./MaterialFileTypeIcon/MaterialFileTypeIcon.mjs";
+import Tag from "./Tag/Tag.mjs";
+import hubstr_theme_default from "./Highlighter/theme/hubstr-theme.mjs";
+import CodeDiff from "./CodeDiff/CodeDiff.mjs";
+import PatchDiff from "./CodeDiff/PatchDiff.mjs";
+import { highlighterThemes } from "./Highlighter/const.mjs";
+import SyntaxHighlighter from "./Highlighter/SyntaxHighlighter/index.mjs";
+import CodeEditor from "./CodeEditor/CodeEditor.mjs";
+import Collapse from "./Collapse/Collapse.mjs";
+import ColorSwatches from "./ColorSwatches/ColorSwatches.mjs";
+import { I18nProvider } from "./i18n/context.mjs";
+import { useTranslation } from "./i18n/useTranslation.mjs";
+import { closeContextMenu, showContextMenu, updateContextMenuItems } from "./base-ui/ContextMenu/store.mjs";
+import { ContextMenuHost } from "./base-ui/ContextMenu/ContextMenuHost.mjs";
+import { ContextMenuTrigger } from "./base-ui/ContextMenu/ContextMenuTrigger.mjs";
+import { copyToClipboard } from "./utils/copyToClipboard.mjs";
+import CopyButton from "./CopyButton/CopyButton.mjs";
+import DatePicker from "./DatePicker/DatePicker.mjs";
+import DownloadButton from "./DownloadButton/DownloadButton.mjs";
+import DraggablePanelBody from "./DraggablePanel/components/DraggablePanelBody.mjs";
+import DraggablePanelContainer from "./DraggablePanel/components/DraggablePanelContainer.mjs";
+import DraggablePanelFooter from "./DraggablePanel/components/DraggablePanelFooter.mjs";
+import DraggablePanelHeader from "./DraggablePanel/components/DraggablePanelHeader.mjs";
+import DraggablePanel from "./DraggablePanel/index.mjs";
+import DraggableSideNav from "./DraggableSideNav/DraggableSideNav.mjs";
+import Drawer from "./Drawer/Drawer.mjs";
+import Dropdown from "./Dropdown/Dropdown.mjs";
+import Input from "./Input/Input.mjs";
+import InputNumber from "./Input/InputNumber.mjs";
+import InputOPT from "./Input/InputOPT.mjs";
+import InputPassword from "./Input/InputPassword.mjs";
+import TextArea from "./Input/TextArea.mjs";
+import EditableText from "./EditableText/EditableText.mjs";
+import EditorSlashMenu from "./EditorSlashMenu/EditorSlashMenu.mjs";
+import { PopoverArrowIcon } from "./base-ui/Popover/ArrowIcon.mjs";
+import { usePopoverPortalContainer } from "./base-ui/Popover/PopoverPortal.mjs";
+import { PopoverArrow, PopoverBackdrop, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTriggerElement, PopoverViewport } from "./base-ui/Popover/atoms.mjs";
+import { PopoverProvider, usePopoverContext } from "./base-ui/Popover/context.mjs";
+import Popover from "./base-ui/Popover/Popover.mjs";
+import PopoverGroup from "./base-ui/Popover/PopoverGroup.mjs";
+import Tabs from "./Tabs/Tabs.mjs";
+import EmojiPicker from "./EmojiPicker/EmojiPicker.mjs";
+import Empty from "./Empty/Empty.mjs";
+import Footer from "./Footer/Footer.mjs";
+import FormGroup from "./Form/components/FormGroup.mjs";
+import FormTitle from "./Form/components/FormTitle.mjs";
+import FormItem from "./Form/components/FormItem.mjs";
+import FormSubmitFooter from "./Form/components/FormSubmitFooter.mjs";
+import Form from "./Form/index.mjs";
+import Modal from "./Modal/Modal.mjs";
+import { ModalProvider, useModalContext } from "./Modal/ModalProvider.mjs";
+import { ModalHost, createModal, createRawModal } from "./Modal/imperative.mjs";
+import FormModal from "./FormModal/FormModal.mjs";
+import Freeze from "./Freeze/Freeze.mjs";
+import Grid from "./Grid/Grid.mjs";
+import GroupAvatar from "./GroupAvatar/GroupAvatar.mjs";
+import GuideCard from "./GuideCard/GuideCard.mjs";
+import Header from "./Header/Header.mjs";
+import Highlighter from "./Highlighter/Highlighter.mjs";
+import { preprocessMarkdownContent } from "./hooks/useMarkdown/utils.mjs";
+import HotkeyInput from "./HotkeyInput/HotkeyInput.mjs";
+import { DEFAULT_HEIGHT, DEFAULT_SANDBOX, containsScript, isFullHtmlDocument, isHtmlContentClosed } from "./HtmlPreview/const.mjs";
+import NeuralNetworkLoading from "./NeuralNetworkLoading/NeuralNetworkLoading.mjs";
+import Segmented from "./Segmented/Segmented.mjs";
+import { AUTO_HEIGHT_MESSAGE_TYPE } from "./HtmlPreview/injectAutoHeightScript.mjs";
+import HtmlPreviewIframe from "./HtmlPreview/Iframe.mjs";
+import HtmlPreview from "./HtmlPreview/HtmlPreview.mjs";
+import PreviewGroup from "./Image/PreviewGroup.mjs";
+import Image from "./Image/index.mjs";
+import ImageSelect from "./ImageSelect/ImageSelect.mjs";
+import LayoutFooter from "./Layout/components/LayoutFooter.mjs";
+import LayoutHeader from "./Layout/components/LayoutHeader.mjs";
+import LayoutMain from "./Layout/components/LayoutMain.mjs";
+import LayoutSidebar from "./Layout/components/LayoutSidebar.mjs";
+import LayoutSidebarInner from "./Layout/components/LayoutSidebarInner.mjs";
+import LayoutToc from "./Layout/components/LayoutToc.mjs";
+import Layout from "./Layout/index.mjs";
+import ListItem from "./List/ListItem/index.mjs";
+import List from "./List/index.mjs";
+import { mermaidThemes } from "./Mermaid/const.mjs";
+import SyntaxMermaid from "./Mermaid/SyntaxMermaid/index.mjs";
+import Mermaid from "./Mermaid/Mermaid.mjs";
+import Snippet from "./Snippet/Snippet.mjs";
+import ScrollShadow from "./ScrollShadow/ScrollShadow.mjs";
+import SearchResultCards from "./Markdown/components/SearchResultCards/index.mjs";
+import Video from "./Video/index.mjs";
+import { rehypeCustomFootnotes } from "./Markdown/plugins/rehypeCustomFootnotes.mjs";
+import { rehypeKatexDir } from "./Markdown/plugins/rehypeKatexDir.mjs";
+import { remarkBr } from "./Markdown/plugins/remarkBr.mjs";
+import { remarkCustomFootnotes } from "./Markdown/plugins/remarkCustomFootnotes.mjs";
+import { remarkGfmPlus } from "./Markdown/plugins/remarkGfmPlus.mjs";
+import { remarkVideo } from "./Markdown/plugins/remarkVideo.mjs";
+import { rehypeStreamAnimated } from "./Markdown/plugins/rehypeStreamAnimated.mjs";
+import Typography from "./Markdown/Typography.mjs";
+import Markdown from "./Markdown/Markdown.mjs";
+import { remarkColor } from "./Markdown/plugins/remarkColor.mjs";
+import MaskShadow from "./MaskShadow/MaskShadow.mjs";
+import { ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from "./base-ui/ScrollArea/atoms.mjs";
+import { ScrollArea } from "./base-ui/ScrollArea/ScrollArea.mjs";
+import SearchBar from "./SearchBar/SearchBar.mjs";
+import Select from "./Select/Select.mjs";
+import SideNav from "./SideNav/SideNav.mjs";
+import SkeletonBlock from "./Skeleton/SkeletonBlock.mjs";
+import SkeletonAvatar from "./Skeleton/SkeletonAvatar.mjs";
+import SkeletonParagraph from "./Skeleton/SkeletonParagraph.mjs";
+import SkeletonTitle from "./Skeleton/SkeletonTitle.mjs";
+import SkeletonButton from "./Skeleton/SkeletonButton.mjs";
+import SkeletonTags from "./Skeleton/SkeletonTags.mjs";
+import Skeleton from "./Skeleton/index.mjs";
+import SliderWithInput from "./SliderWithInput/SliderWithInput.mjs";
+import SortableList from "./SortableList/SortableList.mjs";
+import ThemeSwitch from "./ThemeSwitch/ThemeSwitch.mjs";
+import { ToastHost, toast, useToast } from "./base-ui/Toast/imperative.mjs";
+import Toc from "./Toc/Toc.mjs";
+import { ErrorBoundary } from "react-error-boundary";
+export { A, Accordion, AccordionItem, ActionIcon, ActionIconGroup, Alert, AutoComplete, Avatar, AvatarGroup, Block, Burger, Button, CLASSNAMES, Center, Checkbox, CheckboxGroup, CodeDiff, CodeEditor, Collapse, ColorSwatches, ConfigProvider, ContextMenuHost, ContextMenuTrigger, CopyButton, DatePicker, DownloadButton, DraggablePanel, DraggablePanelBody, DraggablePanelContainer, DraggablePanelFooter, DraggablePanelHeader, DraggableSideNav, Drawer, Dropdown, DropdownMenu, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuScrollViewport, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, EditableText, EditorSlashMenu, EmojiPicker, Empty, ErrorBoundary, FileTypeIcon, FlexBasic_default as FlexBasic, FlexBasic_default as Flexbox, FluentEmoji, FontLoader, Footer, Form, FormGroup, FormItem, FormModal, FormSubmitFooter, FormTitle, Freeze, Grid, GroupAvatar, GuideCard, DEFAULT_HEIGHT as HTML_PREVIEW_DEFAULT_HEIGHT, DEFAULT_SANDBOX as HTML_PREVIEW_DEFAULT_SANDBOX, AUTO_HEIGHT_MESSAGE_TYPE as HTML_PREVIEW_RESIZE_MESSAGE, HUBSTR_THEME_APP_ID, Header, Highlighter, Hotkey, HotkeyInput, HtmlPreview, HtmlPreviewIframe, I18nProvider as HubstrUIProvider, I18nProvider, Icon, IconProvider, Image, ImageSelect, Input, InputNumber, InputOPT, InputPassword, KeyMapEnum, Layout, LayoutFooter, LayoutHeader, LayoutMain, LayoutSidebar, LayoutSidebarInner, LayoutToc, List, ListItem, Markdown, MaskShadow, MaterialFileTypeIcon, Menu, Mermaid, Meta, Modal, ModalHost, ModalProvider, MotionComponent, MotionProvider, NeuralNetworkLoading, PatchDiff, Popover, PopoverArrow, PopoverArrowIcon, PopoverBackdrop, PopoverGroup, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverProvider, PopoverRoot, PopoverTriggerElement, PopoverViewport, PreviewGroup, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, ScrollShadow, SearchBar, SearchResultCards, Segmented, Select, hubstr_theme_default as ShikiHubstrTheme, SideNav, Skeleton, SkeletonAvatar, SkeletonBlock, SkeletonButton, SkeletonParagraph, SkeletonTags, SkeletonTitle, SliderWithInput, Snippet, SortableList, SyntaxHighlighter, SyntaxMermaid, Tabs, Tag, Text, TextArea, ThemeProvider, ThemeSwitch, ToastHost, Toc, Tooltip, TooltipGroup, Typography, Video, closeContextMenu, combineKeys, copyToClipboard, createModal, createRawModal, findCustomThemeName, genCdnUrl, generateColorNeutralPalette, generateColorPalette, highlighterThemes, containsScript as htmlPreviewContainsScript, generateCustomStylish as hubstrCustomStylish, generateCustomToken as hubstrCustomToken, staticStylish as hubstrStaticStylish, isFullHtmlDocument, isHtmlContentClosed, styles as menuSharedStyles, mermaidThemes, neutralColors, neutralColorsSwatches, placementMap, preprocessMarkdownContent, preventDefault, preventDefaultAndStopPropagation, primaryColors, primaryColorsSwatches, rehypeCustomFootnotes, rehypeKatexDir, rehypeStreamAnimated, remarkBr, remarkColor, remarkCustomFootnotes, remarkGfmPlus, remarkVideo, renderDropdownMenuItems, showContextMenu, stopPropagation, toFloatingUIPlacement, toast, updateContextMenuItems, useAppElement, useCdnFn, useI18n, useModalContext, useMotionComponent, usePopoverContext, usePopoverPortalContainer, useToast, useTranslation };

package/ui/es/mdx/Callout/index.d.mts

@@ -0,0 +1,11 @@
+import { FlexboxProps } from "../../Flex/type.mjs";
+import { FC } from "react";
+
+//#region src/mdx/Callout/index.d.ts
+interface CalloutProps extends FlexboxProps {
+  type?: 'tip' | 'error' | 'important' | 'info' | 'warning';
+}
+declare const Callout: FC<CalloutProps>;
+//#endregion
+export { Callout, CalloutProps };
+//# sourceMappingURL=index.d.mts.map

package/ui/es/mdx/Callout/index.mjs

@@ -0,0 +1,65 @@
+"use client";
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import Icon from "../../Icon/Icon.mjs";
+import { styles } from "./style.mjs";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cssVar, cx, useTheme } from "antd-style";
+import { AlertOctagon, AlertTriangle, Info, Lightbulb, MessageSquareWarning } from "lucide-react";
+//#region src/mdx/Callout/index.tsx
+const Callout = ({ children, type = "info", className, style, ...rest }) => {
+	const theme = useTheme();
+	const typeConfig = useMemo(() => ({
+		error: {
+			background: theme.colorErrorFillTertiary,
+			color: cssVar.colorError,
+			icon: AlertOctagon
+		},
+		important: {
+			background: theme.purpleFillTertiary,
+			color: cssVar.purple,
+			icon: MessageSquareWarning
+		},
+		info: {
+			background: theme.colorInfoFillTertiary,
+			color: cssVar.colorInfo,
+			icon: Info
+		},
+		tip: {
+			background: theme.colorSuccessFillTertiary,
+			color: cssVar.colorSuccess,
+			icon: Lightbulb
+		},
+		warning: {
+			background: theme.colorWarningFillTertiary,
+			color: cssVar.colorWarning,
+			icon: AlertTriangle
+		}
+	}), [theme]);
+	const { icon, color, background } = typeConfig?.[type] || typeConfig.info;
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		horizontal: true,
+		align: "flex-start",
+		className: cx(styles.container, className),
+		style: {
+			background,
+			boxShadow: `0 0 0 1px ${background} inset`,
+			color,
+			...style
+		},
+		...rest,
+		children: [/* @__PURE__ */ jsx(Icon, {
+			icon,
+			size: { size: "1.2em" },
+			style: { marginBlock: "0.25em" }
+		}), /* @__PURE__ */ jsx("div", {
+			className: cx(styles.content, type === "info" && styles.underlineAnchor),
+			children: /* @__PURE__ */ jsx("div", { children })
+		})]
+	});
+};
+Callout.displayName = "MdxCallout";
+//#endregion
+export { Callout as default };
+
+//# sourceMappingURL=index.mjs.map

package/ui/es/mdx/Callout/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Flexbox"],"sources":["../../../src/mdx/Callout/index.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cssVar, cx, useTheme } from 'antd-style';\r\nimport { AlertOctagon, AlertTriangle, Info, Lightbulb, MessageSquareWarning } from 'lucide-react';\r\nimport { type FC, useMemo } from 'react';\r\n\r\nimport { Flexbox, type FlexboxProps } from '../../Flex';\r\nimport Icon from '../../Icon';\r\n\r\nimport { styles } from './style';\r\n\r\nexport interface CalloutProps extends FlexboxProps {\r\n  type?: 'tip' | 'error' | 'important' | 'info' | 'warning';\r\n}\r\n\r\nconst Callout: FC<CalloutProps> = ({ children, type = 'info', className, style, ...rest }) => {\r\n  const theme = useTheme();\r\n  const typeConfig = useMemo(\r\n    () => ({\r\n      error: {\r\n        background: theme.colorErrorFillTertiary,\r\n        color: cssVar.colorError,\r\n        icon: AlertOctagon,\r\n      },\r\n      important: {\r\n        background: theme.purpleFillTertiary,\r\n        color: cssVar.purple,\r\n        icon: MessageSquareWarning,\r\n      },\r\n      info: {\r\n        background: theme.colorInfoFillTertiary,\r\n        color: cssVar.colorInfo,\r\n        icon: Info,\r\n      },\r\n      tip: {\r\n        background: theme.colorSuccessFillTertiary,\r\n        color: cssVar.colorSuccess,\r\n        icon: Lightbulb,\r\n      },\r\n      warning: {\r\n        background: theme.colorWarningFillTertiary,\r\n        color: cssVar.colorWarning,\r\n        icon: AlertTriangle,\r\n      },\r\n    }),\r\n    [theme],\r\n  );\r\n\r\n  const selectedType = typeConfig?.[type] || typeConfig.info;\r\n\r\n  const { icon, color, background } = selectedType;\r\n\r\n  return (\r\n    <Flexbox\r\n      horizontal\r\n      align={'flex-start'}\r\n      className={cx(styles.container, className)}\r\n      style={{\r\n        background: background,\r\n        boxShadow: `0 0 0 1px ${background} inset`,\r\n        color,\r\n        ...style,\r\n      }}\r\n      {...rest}\r\n    >\r\n      <Icon icon={icon} size={{ size: '1.2em' }} style={{ marginBlock: '0.25em' }} />\r\n      <div className={cx(styles.content, type === 'info' && styles.underlineAnchor)}>\r\n        <div>{children}</div>\r\n      </div>\r\n    </Flexbox>\r\n  );\r\n};\r\n\r\nCallout.displayName = 'MdxCallout';\r\n\r\nexport default Callout;\r\n"],"mappings":";;;;;;;;;AAeA,MAAM,WAA6B,EAAE,UAAU,OAAO,QAAQ,WAAW,OAAO,GAAG,WAAW;CAC5F,MAAM,QAAQ,UAAU;CACxB,MAAM,aAAa,eACV;EACL,OAAO;GACL,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;GACP;EACD,WAAW;GACT,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;GACP;EACD,MAAM;GACJ,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;GACP;EACD,KAAK;GACH,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;GACP;EACD,SAAS;GACP,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;GACP;EACF,GACD,CAAC,MAAM,CACR;CAID,MAAM,EAAE,MAAM,OAAO,eAFA,aAAa,SAAS,WAAW;AAItD,QACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAG,OAAO,WAAW,UAAU;EAC1C,OAAO;GACO;GACZ,WAAW,aAAa,WAAW;GACnC;GACA,GAAG;GACJ;EACD,GAAI;YAVN,CAYE,oBAAC,MAAD;GAAY;GAAM,MAAM,EAAE,MAAM,SAAS;GAAE,OAAO,EAAE,aAAa,UAAU;GAAI,CAAA,EAC/E,oBAAC,OAAD;GAAK,WAAW,GAAG,OAAO,SAAS,SAAS,UAAU,OAAO,gBAAgB;aAC3E,oBAAC,OAAD,EAAM,UAAe,CAAA;GACjB,CAAA,CACE;;;AAId,QAAQ,cAAc"}

package/ui/es/mdx/Callout/style.mjs

@@ -0,0 +1,37 @@
+import { createStaticStyles } from "antd-style";
+//#region src/mdx/Callout/style.ts
+const styles = createStaticStyles(({ css }) => {
+	return {
+		container: css`
+      --hubstr-markdown-margin-multiple: 1;
+
+      overflow: hidden;
+      gap: 0.75em;
+
+      margin-block: calc(var(--hubstr-markdown-margin-multiple) * 1em);
+      padding-block: calc(var(--hubstr-markdown-margin-multiple) * 1em);
+      padding-inline: 1em;
+      border-radius: calc(var(--hubstr-markdown-border-radius) * 1px);
+    `,
+		content: css`
+      margin-block: calc(var(--hubstr-markdown-margin-multiple) * -1em);
+
+      > div {
+        margin-block: calc(var(--hubstr-markdown-margin-multiple) * 1em);
+      }
+
+      p {
+        color: inherit !important;
+      }
+    `,
+		underlineAnchor: css`
+      a {
+        text-decoration: underline;
+      }
+    `
+	};
+});
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/ui/es/mdx/Callout/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mdx/Callout/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nexport const styles = createStaticStyles(({ css }) => {\r\n  return {\r\n    container: css`\r\n      --hubstr-markdown-margin-multiple: 1;\r\n\r\n      overflow: hidden;\r\n      gap: 0.75em;\r\n\r\n      margin-block: calc(var(--hubstr-markdown-margin-multiple) * 1em);\r\n      padding-block: calc(var(--hubstr-markdown-margin-multiple) * 1em);\r\n      padding-inline: 1em;\r\n      border-radius: calc(var(--hubstr-markdown-border-radius) * 1px);\r\n    `,\r\n    content: css`\r\n      margin-block: calc(var(--hubstr-markdown-margin-multiple) * -1em);\r\n\r\n      > div {\r\n        margin-block: calc(var(--hubstr-markdown-margin-multiple) * 1em);\r\n      }\r\n\r\n      p {\r\n        color: inherit !important;\r\n      }\r\n    `,\r\n    underlineAnchor: css`\r\n      a {\r\n        text-decoration: underline;\r\n      }\r\n    `,\r\n  };\r\n});\r\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,UAAU;AACpD,QAAO;EACL,WAAW,GAAG;;;;;;;;;;;EAWd,SAAS,GAAG;;;;;;;;;;;EAWZ,iBAAiB,GAAG;;;;;EAKrB;EACD"}

package/ui/es/mdx/Cards/Card.d.mts

@@ -0,0 +1,20 @@
+import { BlockProps } from "../../Block/type.mjs";
+import { IconProps } from "../../Icon/type.mjs";
+import { TagProps } from "../../Tag/type.mjs";
+import { FC } from "react";
+
+//#region src/mdx/Cards/Card.d.ts
+interface CardProps extends Omit<BlockProps, 'children'> {
+  desc?: string;
+  href?: string;
+  icon?: IconProps['icon'];
+  iconProps?: Omit<IconProps, 'icon'>;
+  image?: string;
+  tag?: string;
+  tagColor?: TagProps['color'];
+  title: string;
+}
+declare const Card: FC<CardProps>;
+//#endregion
+export { Card, CardProps };
+//# sourceMappingURL=Card.d.mts.map

package/ui/es/mdx/Cards/Card.mjs

@@ -0,0 +1,114 @@
+"use client";
+import A from "../../A/index.mjs";
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import Block from "../../Block/Block.mjs";
+import Icon from "../../Icon/Icon.mjs";
+import Img from "../../Img/index.mjs";
+import Tag from "../../Tag/Tag.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createStaticStyles, cx } from "antd-style";
+//#region src/mdx/Cards/Card.tsx
+const styles = createStaticStyles(({ css, cssVar }) => {
+	return {
+		card: css`
+      --hubstr-markdown-header-multiple: 0.2;
+      --hubstr-markdown-margin-multiple: 1;
+
+      overflow: hidden;
+      height: 100%;
+      color: ${cssVar.colorText};
+
+      h3,
+      p {
+        margin-block: 0 !important;
+      }
+
+      p {
+        color: ${cssVar.colorTextDescription};
+        transition: color 0.2s ${cssVar.motionEaseInOut};
+      }
+
+      &:hover {
+        p {
+          color: ${cssVar.colorTextSecondary};
+        }
+
+        .mdx-card-icon {
+          opacity: 1;
+        }
+      }
+    `,
+		content: css`
+      width: 100%;
+      padding: 1.4em;
+    `,
+		icon: css`
+      margin-block: 0.1em;
+      opacity: 0.5;
+      transition: opacity 0.2s ${cssVar.motionEaseInOut};
+    `
+	};
+});
+const Card = ({ tag, tagColor = "blue", icon, title, desc, href, iconProps, className, image, variant = "filled", ...rest }) => {
+	return /* @__PURE__ */ jsx(A, {
+		href,
+		children: /* @__PURE__ */ jsxs(Block, {
+			clickable: true,
+			align: "flex-start",
+			className: cx(styles.card, className),
+			variant,
+			...rest,
+			children: [
+				image && /* @__PURE__ */ jsx(Img, {
+					alt: title,
+					height: 100,
+					src: image,
+					style: {
+						height: "auto",
+						width: "100%"
+					},
+					width: 250
+				}),
+				tag && /* @__PURE__ */ jsx(FlexBasic_default, {
+					align: "flex-start",
+					className: styles.content,
+					style: {
+						paddingBottom: "0.2em",
+						paddingTop: "1.8em"
+					},
+					children: /* @__PURE__ */ jsx(Tag, {
+						color: tagColor,
+						style: {
+							borderRadius: "1em",
+							fontSize: "0.8em",
+							fontWeight: 500,
+							paddingBlock: "0.1em",
+							paddingInline: "0.6em"
+						},
+						children: tag
+					})
+				}),
+				/* @__PURE__ */ jsxs(FlexBasic_default, {
+					horizontal: true,
+					align: desc ? "flex-start" : "center",
+					className: styles.content,
+					gap: "0.75em",
+					children: [!image && icon && /* @__PURE__ */ jsx(Icon, {
+						className: cx(styles.icon, "mdx-card-icon"),
+						icon,
+						size: { size: "1.5em" },
+						...iconProps
+					}), /* @__PURE__ */ jsxs(FlexBasic_default, {
+						gap: "0.2em",
+						children: [/* @__PURE__ */ jsx("h3", { children: title }), desc && /* @__PURE__ */ jsx("p", { children: desc })]
+					})]
+				})
+			]
+		})
+	});
+};
+Card.displayName = "MdxCard";
+//#endregion
+export { Card as default };
+
+//# sourceMappingURL=Card.mjs.map

package/ui/es/mdx/Cards/Card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.mjs","names":["Flexbox"],"sources":["../../../src/mdx/Cards/Card.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { createStaticStyles, cx } from 'antd-style';\r\nimport type { FC } from 'react';\r\n\r\nimport A from '../../A';\r\nimport Block, { type BlockProps } from '../../Block';\r\nimport { Flexbox } from '../../Flex';\r\nimport Icon, { type IconProps } from '../../Icon';\r\nimport Img from '../../Img';\r\nimport Tag, { type TagProps } from '../../Tag';\r\n\r\nconst styles = createStaticStyles(({ css, cssVar }) => {\r\n  return {\r\n    card: css`\r\n      --hubstr-markdown-header-multiple: 0.2;\r\n      --hubstr-markdown-margin-multiple: 1;\r\n\r\n      overflow: hidden;\r\n      height: 100%;\r\n      color: ${cssVar.colorText};\r\n\r\n      h3,\r\n      p {\r\n        margin-block: 0 !important;\r\n      }\r\n\r\n      p {\r\n        color: ${cssVar.colorTextDescription};\r\n        transition: color 0.2s ${cssVar.motionEaseInOut};\r\n      }\r\n\r\n      &:hover {\r\n        p {\r\n          color: ${cssVar.colorTextSecondary};\r\n        }\r\n\r\n        .mdx-card-icon {\r\n          opacity: 1;\r\n        }\r\n      }\r\n    `,\r\n    content: css`\r\n      width: 100%;\r\n      padding: 1.4em;\r\n    `,\r\n    icon: css`\r\n      margin-block: 0.1em;\r\n      opacity: 0.5;\r\n      transition: opacity 0.2s ${cssVar.motionEaseInOut};\r\n    `,\r\n  };\r\n});\r\n\r\nexport interface CardProps extends Omit<BlockProps, 'children'> {\r\n  desc?: string;\r\n  href?: string;\r\n  icon?: IconProps['icon'];\r\n  iconProps?: Omit<IconProps, 'icon'>;\r\n  image?: string;\r\n  tag?: string;\r\n  tagColor?: TagProps['color'];\r\n  title: string;\r\n}\r\n\r\nconst Card: FC<CardProps> = ({\r\n  tag,\r\n  tagColor = 'blue',\r\n  icon,\r\n  title,\r\n  desc,\r\n  href,\r\n  iconProps,\r\n  className,\r\n  image,\r\n  variant = 'filled',\r\n  ...rest\r\n}) => {\r\n  return (\r\n    <A href={href}>\r\n      <Block\r\n        clickable\r\n        align={'flex-start'}\r\n        className={cx(styles.card, className)}\r\n        variant={variant}\r\n        {...rest}\r\n      >\r\n        {image && (\r\n          <Img\r\n            alt={title}\r\n            height={100}\r\n            src={image}\r\n            style={{ height: 'auto', width: '100%' }}\r\n            width={250}\r\n          />\r\n        )}\r\n        {tag && (\r\n          <Flexbox\r\n            align={'flex-start'}\r\n            className={styles.content}\r\n            style={{ paddingBottom: '0.2em', paddingTop: '1.8em' }}\r\n          >\r\n            <Tag\r\n              color={tagColor}\r\n              style={{\r\n                borderRadius: '1em',\r\n                fontSize: '0.8em',\r\n                fontWeight: 500,\r\n                paddingBlock: '0.1em',\r\n                paddingInline: '0.6em',\r\n              }}\r\n            >\r\n              {tag}\r\n            </Tag>\r\n          </Flexbox>\r\n        )}\r\n        <Flexbox\r\n          horizontal\r\n          align={desc ? 'flex-start' : 'center'}\r\n          className={styles.content}\r\n          gap={'0.75em'}\r\n        >\r\n          {!image && icon && (\r\n            <Icon\r\n              className={cx(styles.icon, 'mdx-card-icon')}\r\n              icon={icon}\r\n              size={{ size: '1.5em' }}\r\n              {...iconProps}\r\n            />\r\n          )}\r\n          <Flexbox gap={'0.2em'}>\r\n            <h3>{title}</h3>\r\n            {desc && <p>{desc}</p>}\r\n          </Flexbox>\r\n        </Flexbox>\r\n      </Block>\r\n    </A>\r\n  );\r\n};\r\n\r\nCard.displayName = 'MdxCard';\r\n\r\nexport default Card;\r\n"],"mappings":";;;;;;;;;;AAYA,MAAM,SAAS,oBAAoB,EAAE,KAAK,aAAa;AACrD,QAAO;EACL,MAAM,GAAG;;;;;;eAME,OAAO,UAAU;;;;;;;;iBAQf,OAAO,qBAAqB;iCACZ,OAAO,gBAAgB;;;;;mBAKrC,OAAO,mBAAmB;;;;;;;;EAQzC,SAAS,GAAG;;;;EAIZ,MAAM,GAAG;;;iCAGoB,OAAO,gBAAgB;;EAErD;EACD;AAaF,MAAM,QAAuB,EAC3B,KACA,WAAW,QACX,MACA,OACA,MACA,MACA,WACA,WACA,OACA,UAAU,UACV,GAAG,WACC;AACJ,QACE,oBAAC,GAAD;EAAS;YACP,qBAAC,OAAD;GACE,WAAA;GACA,OAAO;GACP,WAAW,GAAG,OAAO,MAAM,UAAU;GAC5B;GACT,GAAI;aALN;IAOG,SACC,oBAAC,KAAD;KACE,KAAK;KACL,QAAQ;KACR,KAAK;KACL,OAAO;MAAE,QAAQ;MAAQ,OAAO;MAAQ;KACxC,OAAO;KACP,CAAA;IAEH,OACC,oBAACA,mBAAD;KACE,OAAO;KACP,WAAW,OAAO;KAClB,OAAO;MAAE,eAAe;MAAS,YAAY;MAAS;eAEtD,oBAAC,KAAD;MACE,OAAO;MACP,OAAO;OACL,cAAc;OACd,UAAU;OACV,YAAY;OACZ,cAAc;OACd,eAAe;OAChB;gBAEA;MACG,CAAA;KACE,CAAA;IAEZ,qBAACA,mBAAD;KACE,YAAA;KACA,OAAO,OAAO,eAAe;KAC7B,WAAW,OAAO;KAClB,KAAK;eAJP,CAMG,CAAC,SAAS,QACT,oBAAC,MAAD;MACE,WAAW,GAAG,OAAO,MAAM,gBAAgB;MACrC;MACN,MAAM,EAAE,MAAM,SAAS;MACvB,GAAI;MACJ,CAAA,EAEJ,qBAACA,mBAAD;MAAS,KAAK;gBAAd,CACE,oBAAC,MAAD,EAAA,UAAK,OAAW,CAAA,EACf,QAAQ,oBAAC,KAAD,EAAA,UAAI,MAAS,CAAA,CACd;QACF;;IACJ;;EACN,CAAA;;AAIR,KAAK,cAAc"}

package/ui/es/mdx/Cards/index.d.mts

@@ -0,0 +1,9 @@
+import { GridProps } from "../../Grid/type.mjs";
+import { FC } from "react";
+
+//#region src/mdx/Cards/index.d.ts
+type CardsProps = GridProps;
+declare const Cards: FC<CardsProps>;
+//#endregion
+export { Cards, CardsProps };
+//# sourceMappingURL=index.d.mts.map

package/ui/es/mdx/Cards/index.mjs

@@ -0,0 +1,20 @@
+"use client";
+import Grid from "../../Grid/Grid.mjs";
+import { styles } from "./style.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+//#region src/mdx/Cards/index.tsx
+const Cards = ({ children, className, maxItemWidth = 250, rows = 3, ...rest }) => {
+	return /* @__PURE__ */ jsx(Grid, {
+		className: cx(styles.container, className),
+		maxItemWidth,
+		rows,
+		...rest,
+		children
+	});
+};
+Cards.displayName = "MdxCards";
+//#endregion
+export { Cards as default };
+
+//# sourceMappingURL=index.mjs.map

package/ui/es/mdx/Cards/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/mdx/Cards/index.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport type { FC } from 'react';\r\n\r\nimport Grid, { type GridProps } from '../../Grid';\r\n\r\nimport { styles } from './style';\r\n\r\nexport type CardsProps = GridProps;\r\n\r\nconst Cards: FC<CardsProps> = ({ children, className, maxItemWidth = 250, rows = 3, ...rest }) => {\r\n  return (\r\n    <Grid\r\n      className={cx(styles.container, className)}\r\n      maxItemWidth={maxItemWidth}\r\n      rows={rows}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </Grid>\r\n  );\r\n};\r\n\r\nCards.displayName = 'MdxCards';\r\n\r\nexport default Cards;\r\n"],"mappings":";;;;;;AAWA,MAAM,SAAyB,EAAE,UAAU,WAAW,eAAe,KAAK,OAAO,GAAG,GAAG,WAAW;AAChG,QACE,oBAAC,MAAD;EACE,WAAW,GAAG,OAAO,WAAW,UAAU;EAC5B;EACR;EACN,GAAI;EAEH;EACI,CAAA;;AAIX,MAAM,cAAc"}

package/ui/es/mdx/Cards/style.mjs

@@ -0,0 +1,15 @@
+import { createStaticStyles } from "antd-style";
+//#region src/mdx/Cards/style.ts
+const styles = createStaticStyles(({ css }) => {
+	return { container: css`
+      margin-block: calc(var(--hubstr-markdown-margin-multiple) * 1em);
+
+      > div {
+        margin: 0 !important;
+      }
+    ` };
+});
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/ui/es/mdx/Cards/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mdx/Cards/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nexport const styles = createStaticStyles(({ css }) => {\r\n  return {\r\n    container: css`\r\n      margin-block: calc(var(--hubstr-markdown-margin-multiple) * 1em);\r\n\r\n      > div {\r\n        margin: 0 !important;\r\n      }\r\n    `,\r\n  };\r\n});\r\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,UAAU;AACpD,QAAO,EACL,WAAW,GAAG;;;;;;OAOf;EACD"}

package/ui/es/mdx/FileTree/File.d.mts

@@ -0,0 +1,13 @@
+import { FlexboxProps } from "../../Flex/type.mjs";
+import { IconProps } from "../../Icon/type.mjs";
+import { FC } from "react";
+
+//#region src/mdx/FileTree/File.d.ts
+interface FileProps extends Omit<FlexboxProps, 'children'> {
+  icon?: IconProps['icon'];
+  name: string;
+}
+declare const File: FC<FileProps>;
+//#endregion
+export { File, FileProps };
+//# sourceMappingURL=File.d.mts.map

package/ui/es/mdx/FileTree/File.mjs

@@ -0,0 +1,20 @@
+"use client";
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import Icon from "../../Icon/Icon.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FileIcon } from "lucide-react";
+//#region src/mdx/FileTree/File.tsx
+const File = ({ name, icon = FileIcon, ...rest }) => {
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		horizontal: true,
+		align: "center",
+		gap: 4,
+		...rest,
+		children: [/* @__PURE__ */ jsx(Icon, { icon }), /* @__PURE__ */ jsx("span", { children: name })]
+	});
+};
+File.displayName = "MdxFile";
+//#endregion
+export { File as default };
+
+//# sourceMappingURL=File.mjs.map

package/ui/es/mdx/FileTree/File.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"File.mjs","names":["Flexbox"],"sources":["../../../src/mdx/FileTree/File.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { FileIcon } from 'lucide-react';\r\nimport type { FC } from 'react';\r\n\r\nimport { Flexbox, type FlexboxProps } from '../../Flex';\r\nimport Icon, { type IconProps } from '../../Icon';\r\n\r\nexport interface FileProps extends Omit<FlexboxProps, 'children'> {\r\n  icon?: IconProps['icon'];\r\n  name: string;\r\n}\r\n\r\nconst File: FC<FileProps> = ({ name, icon = FileIcon, ...rest }) => {\r\n  return (\r\n    <Flexbox horizontal align={'center'} gap={4} {...rest}>\r\n      <Icon icon={icon} />\r\n      <span>{name}</span>\r\n    </Flexbox>\r\n  );\r\n};\r\n\r\nFile.displayName = 'MdxFile';\r\n\r\nexport default File;\r\n"],"mappings":";;;;;;AAaA,MAAM,QAAuB,EAAE,MAAM,OAAO,UAAU,GAAG,WAAW;AAClE,QACE,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,KAAK;EAAG,GAAI;YAAjD,CACE,oBAAC,MAAD,EAAY,MAAQ,CAAA,EACpB,oBAAC,QAAD,EAAA,UAAO,MAAY,CAAA,CACX;;;AAId,KAAK,cAAc"}

package/ui/es/mdx/FileTree/Folder.d.mts

@@ -0,0 +1,14 @@
+import { FlexboxProps } from "../../Flex/type.mjs";
+import { IconProps } from "../../Icon/type.mjs";
+import { FC } from "react";
+
+//#region src/mdx/FileTree/Folder.d.ts
+interface FolderProps extends FlexboxProps {
+  defaultOpen?: boolean;
+  icon?: IconProps['icon'];
+  name: string;
+}
+declare const Folder: FC<FolderProps>;
+//#endregion
+export { Folder, FolderProps };
+//# sourceMappingURL=Folder.d.mts.map

package/ui/es/mdx/FileTree/Folder.mjs

@@ -0,0 +1,30 @@
+"use client";
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import Icon from "../../Icon/Icon.mjs";
+import { styles } from "./style.mjs";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FolderIcon, FolderOpen } from "lucide-react";
+//#region src/mdx/FileTree/Folder.tsx
+const Folder = ({ name, defaultOpen, icon = FolderIcon, children, ...rest }) => {
+	const [open, setOpen] = useState(defaultOpen);
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		...rest,
+		children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
+			horizontal: true,
+			align: "center",
+			className: styles.folder,
+			gap: 4,
+			onClick: () => setOpen(!open),
+			children: [/* @__PURE__ */ jsx(Icon, { icon: open ? FolderOpen : icon }), /* @__PURE__ */ jsx("span", { children: name })]
+		}), open && /* @__PURE__ */ jsx(FlexBasic_default, {
+			className: styles.folderChildren,
+			children
+		})]
+	});
+};
+Folder.displayName = "MdxFolder";
+//#endregion
+export { Folder as default };
+
+//# sourceMappingURL=Folder.mjs.map

package/ui/es/mdx/FileTree/Folder.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Folder.mjs","names":["Flexbox"],"sources":["../../../src/mdx/FileTree/Folder.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { FolderIcon, FolderOpen } from 'lucide-react';\r\nimport { type FC, useState } from 'react';\r\n\r\nimport { Flexbox, type FlexboxProps } from '../../Flex';\r\nimport Icon, { type IconProps } from '../../Icon';\r\n\r\nimport { styles } from './style';\r\n\r\nexport interface FolderProps extends FlexboxProps {\r\n  defaultOpen?: boolean;\r\n  icon?: IconProps['icon'];\r\n  name: string;\r\n}\r\n\r\nconst Folder: FC<FolderProps> = ({ name, defaultOpen, icon = FolderIcon, children, ...rest }) => {\r\n  const [open, setOpen] = useState(defaultOpen);\r\n  return (\r\n    <Flexbox {...rest}>\r\n      <Flexbox\r\n        horizontal\r\n        align={'center'}\r\n        className={styles.folder}\r\n        gap={4}\r\n        onClick={() => setOpen(!open)}\r\n      >\r\n        <Icon icon={open ? FolderOpen : icon} />\r\n        <span>{name}</span>\r\n      </Flexbox>\r\n      {open && <Flexbox className={styles.folderChildren}>{children}</Flexbox>}\r\n    </Flexbox>\r\n  );\r\n};\r\n\r\nFolder.displayName = 'MdxFolder';\r\n\r\nexport default Folder;\r\n"],"mappings":";;;;;;;;AAgBA,MAAM,UAA2B,EAAE,MAAM,aAAa,OAAO,YAAY,UAAU,GAAG,WAAW;CAC/F,MAAM,CAAC,MAAM,WAAW,SAAS,YAAY;AAC7C,QACE,qBAACA,mBAAD;EAAS,GAAI;YAAb,CACE,qBAACA,mBAAD;GACE,YAAA;GACA,OAAO;GACP,WAAW,OAAO;GAClB,KAAK;GACL,eAAe,QAAQ,CAAC,KAAK;aAL/B,CAOE,oBAAC,MAAD,EAAM,MAAM,OAAO,aAAa,MAAQ,CAAA,EACxC,oBAAC,QAAD,EAAA,UAAO,MAAY,CAAA,CACX;MACT,QAAQ,oBAACA,mBAAD;GAAS,WAAW,OAAO;GAAiB;GAAmB,CAAA,CAChE;;;AAId,OAAO,cAAc"}

package/ui/es/mdx/FileTree/index.d.mts

@@ -0,0 +1,9 @@
+import { DivProps } from "../../types/index.mjs";
+import { FC } from "react";
+
+//#region src/mdx/FileTree/index.d.ts
+type FileTreeProps = DivProps;
+declare const FileTree: FC<FileTreeProps>;
+//#endregion
+export { FileTree, FileTreeProps };
+//# sourceMappingURL=index.d.mts.map

package/ui/es/mdx/FileTree/index.mjs

@@ -0,0 +1,17 @@
+"use client";
+import { styles } from "./style.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+//#region src/mdx/FileTree/index.tsx
+const FileTree = ({ children, className, ...rest }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(styles.container, className),
+		...rest,
+		children
+	});
+};
+FileTree.displayName = "MdxFileTree";
+//#endregion
+export { FileTree as default };
+
+//# sourceMappingURL=index.mjs.map

package/ui/es/mdx/FileTree/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/mdx/FileTree/index.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport type { FC } from 'react';\r\n\r\nimport type { DivProps } from '../../types';\r\n\r\nimport { styles } from './style';\r\n\r\nexport type FileTreeProps = DivProps;\r\n\r\nconst FileTree: FC<FileTreeProps> = ({ children, className, ...rest }) => {\r\n  return (\r\n    <div className={cx(styles.container, className)} {...rest}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n\r\nFileTree.displayName = 'MdxFileTree';\r\n\r\nexport default FileTree;\r\n"],"mappings":";;;;;AAWA,MAAM,YAA+B,EAAE,UAAU,WAAW,GAAG,WAAW;AACxE,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,OAAO,WAAW,UAAU;EAAE,GAAI;EAClD;EACG,CAAA;;AAIV,SAAS,cAAc"}