@tidbcloud/uikit 2.3.2 → 2.4.0

package/dist/biz/index.cjs

@@ -9,10 +9,10 @@ const index$5 = require("./LabelTooltip/index.cjs");
 const index$7 = require("./Tree/index.cjs");
 const index$8 = require("./TransferTree/index.cjs");
 const index$9 = require("./PropertyCard/index.cjs");
-const index$a = require("./PageShell/index.cjs");
-const index$b = require("./TimeRangePicker/index.cjs");
-const index$c = require("./DateTimePicker/index.cjs");
-const index$d = require("./ProMultiSelect/index.cjs");
+const index$a = require("./TimeRangePicker/index.cjs");
+const index$b = require("./DateTimePicker/index.cjs");
+const index$c = require("./ProMultiSelect/index.cjs");
+const pageShellBase = require("./PageShellBase/page-shell-base.cjs");
 const helper = require("./PhoneInput/helper.cjs");
 const index_esm = require("../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_6pmziqsvipqgt5gv2plqw5hct4/node_modules/mantine-react-table/dist/index.esm.cjs");
 const ProTable = require("./Table/ProTable/ProTable.cjs");
@@ -37,7 +37,20 @@ const context = require("./Form/context.cjs");
 const CopyText = require("./Form/CopyText.cjs");
 const SegmentControl = require("./Form/SegmentControl.cjs");
 const ProMultiSelect = require("./Form/ProMultiSelect.cjs");
+const LegacyPageShell = require("./PageShell/LegacyPageShell.cjs");
 const helpers$1 = require("./TimeRangePicker/helpers.cjs");
+const AppShell = require("./AppShell/AppShell.cjs");
+const AppPageShell = require("./AppShell/AppPageShell.cjs");
+const NavMenuPortal = require("./AppShell/navbar/context/NavMenuPortal.cjs");
+const NavItemBase = require("./AppShell/navbar/NavItemBase.cjs");
+const SubNavItemBase = require("./AppShell/navbar/SubNavItemBase.cjs");
+const FooterNavItemBase = require("./AppShell/navbar/FooterNavItemBase.cjs");
+const ExpandNavbarButtonPlaceholder = require("./AppShell/navbar/ExpandNavbarButtonPlaceholder.cjs");
+const PageShellBaseRoot = require("./PageShellBase/PageShellBaseRoot.cjs");
+const PageShellBaseHeader = require("./PageShellBase/PageShellBaseHeader.cjs");
+const PageShellBaseTitle = require("./PageShellBase/PageShellBaseTitle.cjs");
+const PageShellBaseBody = require("./PageShellBase/PageShellBaseBody.cjs");
+const PageShellBaseBackButton = require("./PageShellBase/PageShellBaseBackButton.cjs");
 exports.Dot = index.Dot;
 exports.CodeBlock = index$1.CodeBlock;
 exports.CopyText = index$1.CopyText;
@@ -49,11 +62,11 @@ exports.LabelTooltip = index$5.LabelTooltip;
 exports.Tree = index$7.Tree;
 exports.TransferTree = index$8.TransferTree;
 exports.PropertyCard = index$9.PropertyCard;
-exports.PageShell = index$a.PageShell;
-exports.TimeRangePicker = index$b.TimeRangePicker;
-exports.DateTimePicker = index$c.DateTimePicker;
-exports.TimePicker = index$c.TimePicker;
-exports.ProMultiSelect = index$d.ProMultiSelect;
+exports.TimeRangePicker = index$a.TimeRangePicker;
+exports.DateTimePicker = index$b.DateTimePicker;
+exports.TimePicker = index$b.TimePicker;
+exports.ProMultiSelect = index$c.ProMultiSelect;
+exports.PageShellBase = pageShellBase.PageShellBase;
 exports.validPhoneNumber = helper.validPhoneNumber;
 exports.MRT_AggregationFns = index_esm.MRT_AggregationFns;
 exports.MRT_BottomToolbar = index_esm.MRT_BottomToolbar;
@@ -185,6 +198,7 @@ exports.useHookFormContext = context.useHookFormContext;
 exports.FormCopyText = CopyText.FormCopyText;
 exports.FormSegmentedControl = SegmentControl.FormSegmentedControl;
 exports.FormProMultiSelect = ProMultiSelect.FormProMultiSelect;
+exports.PageShell = LegacyPageShell.PageShell;
 exports.DEFAULT_QUICK_RANGES = helpers$1.DEFAULT_QUICK_RANGES;
 exports.DEFAULT_TIME_FORMAT = helpers$1.DEFAULT_TIME_FORMAT;
 exports.DEFAULT_TIME_FORMAT_WITH_TIMEZONE = helpers$1.DEFAULT_TIME_FORMAT_WITH_TIMEZONE;
@@ -198,3 +212,15 @@ exports.toTimeRangeValue = helpers$1.toTimeRangeValue;
 exports.toURLTimeRange = helpers$1.toURLTimeRange;
 exports.urlToTimeRange = helpers$1.urlToTimeRange;
 exports.urlToTimeRangeValue = helpers$1.urlToTimeRangeValue;
+exports.AppShell = AppShell.AppShell;
+exports.AppPageShell = AppPageShell.AppPageShell;
+exports.NavMenuPortal = NavMenuPortal.NavMenuPortal;
+exports.NavItemBase = NavItemBase.NavItemBase;
+exports.SubNavItemBase = SubNavItemBase.SubNavItemBase;
+exports.FooterNavItemBase = FooterNavItemBase.FooterNavItemBase;
+exports.ExpandNavbarButtonPlaceholder = ExpandNavbarButtonPlaceholder.ExpandNavbarButtonPlaceholder;
+exports.PageShellBaseRoot = PageShellBaseRoot.PageShellBaseRoot;
+exports.PageShellBaseHeader = PageShellBaseHeader.PageShellBaseHeader;
+exports.PageShellBaseTitle = PageShellBaseTitle.PageShellBaseTitle;
+exports.PageShellBaseBody = PageShellBaseBody.PageShellBaseBody;
+exports.PageShellBaseBackButton = PageShellBaseBackButton.PageShellBaseBackButton;

package/dist/biz/index.d.cts

@@ -43,3 +43,5 @@ export * from './PageShell/index.cjs';
 export * from './TimeRangePicker/index.cjs';
 export * from './DateTimePicker/index.cjs';
 export * from './ProMultiSelect/index.cjs';
+export * from './AppShell/index.cjs';
+export * from './PageShellBase/page-shell-base.cjs';

package/dist/biz/index.d.mts

@@ -43,3 +43,5 @@ export * from './PageShell/index.mjs';
 export * from './TimeRangePicker/index.mjs';
 export * from './DateTimePicker/index.mjs';
 export * from './ProMultiSelect/index.mjs';
+export * from './AppShell/index.mjs';
+export * from './PageShellBase/page-shell-base.mjs';

package/dist/biz/index.mjs

@@ -7,10 +7,10 @@ import { LabelTooltip } from "./LabelTooltip/index.mjs";
 import { Tree } from "./Tree/index.mjs";
 import { TransferTree } from "./TransferTree/index.mjs";
 import { PropertyCard } from "./PropertyCard/index.mjs";
-import { PageShell } from "./PageShell/index.mjs";
 import { TimeRangePicker } from "./TimeRangePicker/index.mjs";
 import { DateTimePicker, TimePicker } from "./DateTimePicker/index.mjs";
 import { ProMultiSelect } from "./ProMultiSelect/index.mjs";
+import { PageShellBase } from "./PageShellBase/page-shell-base.mjs";
 import { validPhoneNumber } from "./PhoneInput/helper.mjs";
 import { MRT_AggregationFns, MRT_BottomToolbar, MRT_ColumnActionMenu, MRT_ColumnPinningButtons, MRT_CopyButton, MRT_DefaultColumn, MRT_DefaultDisplayColumn, MRT_EditActionButtons, MRT_EditCellTextInput, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, MRT_FilterCheckbox, MRT_FilterFns, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextInput, MRT_GlobalFilterTextInput, MRT_GrabHandleButton, MRT_ProgressBar, MRT_RowActionMenu, MRT_RowPinButton, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, MRT_SortingFns, MRT_Table, MRT_TableBody, MRT_TableBodyCell, MRT_TableBodyCellValue, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, MRT_TableBodyRowPinButton, MRT_TableContainer, MRT_TableDetailPanel, MRT_TableFooter, MRT_TableFooterCell, MRT_TableFooterRow, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellFilterContainer, MRT_TableHeadCellFilterLabel, MRT_TableHeadCellGrabHandle, MRT_TableHeadCellResizeHandle, MRT_TableHeadCellSortLabel, MRT_TableHeadRow, MRT_TablePagination, MRT_TablePaper, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleFullScreenButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MantineReactTable, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, createMRTColumnHelper, createRow, dataVariable, defaultDisplayColumnProps, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsRankingRows, getIsRowSelected, getLeadingDisplayColumnIds, getMRT_RowSelectionHandler, getMRT_Rows, getMRT_SelectAllHandler, getPrimaryColor, getPrimaryShade, getTrailingDisplayColumnIds, localizedFilterOption, mrtFilterOptions, parseCSSVarId, prepareColumns, rankGlobalFuzzy, reorderColumn, showRowActionsColumn, showRowDragColumn, showRowExpandColumn, showRowNumbersColumn, showRowPinningColumn, showRowSelectionColumn, showRowSpacerColumn, useMRT_ColumnVirtualizer, useMRT_Effects, useMRT_RowVirtualizer, useMRT_Rows, useMRT_TableInstance, useMRT_TableOptions, useMantineReactTable } from "../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_6pmziqsvipqgt5gv2plqw5hct4/node_modules/mantine-react-table/dist/index.esm.mjs";
 import { ProTable } from "./Table/ProTable/ProTable.mjs";
@@ -35,8 +35,23 @@ import { HookFormContext, HookFormProvider, useHookFormContext } from "./Form/co
 import { FormCopyText } from "./Form/CopyText.mjs";
 import { FormSegmentedControl } from "./Form/SegmentControl.mjs";
 import { FormProMultiSelect } from "./Form/ProMultiSelect.mjs";
+import { PageShell } from "./PageShell/LegacyPageShell.mjs";
 import { DEFAULT_QUICK_RANGES, DEFAULT_TIME_FORMAT, DEFAULT_TIME_FORMAT_WITH_TIMEZONE, DEFAULT_TIME_RANGE, addOffsetUTC, formatDuration, fromTimeRangeValue, getUTCString, timeFormatter, toTimeRangeValue, toURLTimeRange, urlToTimeRange, urlToTimeRangeValue } from "./TimeRangePicker/helpers.mjs";
+import { AppShell } from "./AppShell/AppShell.mjs";
+import { AppPageShell } from "./AppShell/AppPageShell.mjs";
+import { NavMenuPortal } from "./AppShell/navbar/context/NavMenuPortal.mjs";
+import { NavItemBase } from "./AppShell/navbar/NavItemBase.mjs";
+import { SubNavItemBase } from "./AppShell/navbar/SubNavItemBase.mjs";
+import { FooterNavItemBase } from "./AppShell/navbar/FooterNavItemBase.mjs";
+import { ExpandNavbarButtonPlaceholder } from "./AppShell/navbar/ExpandNavbarButtonPlaceholder.mjs";
+import { PageShellBaseRoot } from "./PageShellBase/PageShellBaseRoot.mjs";
+import { PageShellBaseHeader } from "./PageShellBase/PageShellBaseHeader.mjs";
+import { PageShellBaseTitle } from "./PageShellBase/PageShellBaseTitle.mjs";
+import { PageShellBaseBody } from "./PageShellBase/PageShellBaseBody.mjs";
+import { PageShellBaseBackButton } from "./PageShellBase/PageShellBaseBackButton.mjs";
 export {
+  AppPageShell,
+  AppShell,
   CodeBlock,
   CopyText,
   DEFAULT_FORM_STATE_KEY,
@@ -47,6 +62,8 @@ export {
   DateTimePicker,
   Dot,
   DotBadge,
+  ExpandNavbarButtonPlaceholder,
+  FooterNavItemBase,
   Form,
   FormActions,
   FormCheckbox,
@@ -133,12 +150,21 @@ export {
   Memo_MRT_TableBody,
   Memo_MRT_TableBodyCell,
   Memo_MRT_TableBodyRow,
+  NavItemBase,
+  NavMenuPortal,
   PageShell,
+  PageShellBase,
+  PageShellBaseBackButton,
+  PageShellBaseBody,
+  PageShellBaseHeader,
+  PageShellBaseRoot,
+  PageShellBaseTitle,
   PhoneInput,
   ProMultiSelect,
   ProTable,
   PropertyCard,
   SearchArea,
+  SubNavItemBase,
   TimePicker,
   TimeRangePicker,
   TransferTree,

package/dist/primitive/index.d.cts

@@ -29,7 +29,7 @@ declare module '@mantine/core' {
   }
 }
 export type ColorScheme = 'light' | 'dark';
-export type { AppShellProps, AppShellNavbarProps, AppShellMainProps, AppShellFooterProps, AppShellAsideProps, AppShellHeaderProps, AppShellSectionProps, AspectRatioProps, CenterProps, ContainerProps, FlexProps, GridProps, GroupProps, SimpleGridProps, SpaceProps, StackProps, CheckboxProps, CheckboxGroupProps, ChipProps, ChipGroupProps, ColorInputProps, ColorPickerProps, FieldsetProps, FileInputProps, InputProps, InputWrapperProps, InputErrorProps, InputLabelProps, InputPlaceholderProps, InputBaseProps, JsonInputProps, NativeSelectProps, PasswordInputProps, PinInputProps, RadioProps, RadioGroupProps, RadioCardProps, RatingProps, SegmentedControlProps, SegmentedControlItem, SliderProps, RangeSliderProps, SwitchProps, TextareaProps, AutocompleteProps, ComboboxProps, ComboboxItem, ComboboxData, PillProps, PillsInputProps, OptionsFilter, TagsInputProps, ActionIconProps, ButtonProps, CloseButtonProps, CopyButtonProps, FileButtonProps, UnstyledButtonProps, AnchorProps, BreadcrumbsProps, BurgerProps, NavLinkProps, PaginationProps, StepperProps, TabsProps, TreeProps, AlertProps, LoaderProps, NotificationProps, ProgressProps, RingProgressProps, SemiCircleProgressProps, SkeletonProps, AffixProps, DialogProps, DrawerProps, FloatingIndicatorProps, HoverCardProps, LoadingOverlayProps, MenuProps, ModalProps, OverlayProps, PopoverProps, TooltipProps, AccordionProps, AvatarProps, BackgroundImageProps, BadgeProps, CardProps, CardSectionProps, ColorSwatchProps, ImageProps, IndicatorProps, KbdProps, NumberFormatterProps, SpoilerProps, ThemeIconProps, TimelineProps, BlockquoteProps, CodeProps, HighlightProps, ListProps, MarkProps, TableProps, TextProps, TitleProps, TypographyStylesProviderProps, BoxProps, CollapseProps, DividerProps, FocusTrapProps, PaperProps, PortalProps, ScrollAreaProps, TransitionProps, VisuallyHiddenProps, ColorSchemeScriptProps, MantineSize, ElementProps, OptionsData } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
+export type { AppShellProps, AppShellNavbarProps, AppShellMainProps, AppShellFooterProps, AppShellAsideProps, AppShellHeaderProps, AppShellSectionProps, AspectRatioProps, CenterProps, ContainerProps, FlexProps, GridProps, GroupProps, SimpleGridProps, SpaceProps, StackProps, CheckboxProps, CheckboxGroupProps, ChipProps, ChipGroupProps, ColorInputProps, ColorPickerProps, FieldsetProps, FileInputProps, InputProps, InputWrapperProps, InputErrorProps, InputLabelProps, InputPlaceholderProps, InputBaseProps, JsonInputProps, NativeSelectProps, PasswordInputProps, PinInputProps, RadioProps, RadioGroupProps, RadioCardProps, RatingProps, SegmentedControlProps, SegmentedControlItem, SliderProps, RangeSliderProps, SwitchProps, TextareaProps, AutocompleteProps, ComboboxProps, ComboboxItem, ComboboxData, PillProps, PillsInputProps, OptionsFilter, TagsInputProps, ActionIconProps, ButtonProps, CloseButtonProps, CopyButtonProps, FileButtonProps, UnstyledButtonProps, AnchorProps, BreadcrumbsProps, BurgerProps, NavLinkProps, PaginationProps, StepperProps, TabsProps, TreeProps, AlertProps, LoaderProps, NotificationProps, ProgressProps, RingProgressProps, SemiCircleProgressProps, SkeletonProps, AffixProps, DialogProps, DrawerProps, FloatingIndicatorProps, HoverCardProps, LoadingOverlayProps, MenuProps, ModalProps, OverlayProps, PopoverProps, TooltipProps, AccordionProps, AvatarProps, BackgroundImageProps, BadgeProps, CardProps, CardSectionProps, ColorSwatchProps, ImageProps, IndicatorProps, KbdProps, NumberFormatterProps, SpoilerProps, ThemeIconProps, TimelineProps, BlockquoteProps, CodeProps, HighlightProps, ListProps, MarkProps, TableProps, TextProps, TitleProps, TypographyStylesProviderProps, BoxProps, BoxComponentProps, CollapseProps, DividerProps, FocusTrapProps, PaperProps, PortalProps, ScrollAreaProps, TransitionProps, VisuallyHiddenProps, ColorSchemeScriptProps, MantineSize, ElementProps, OptionsData } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
 export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, Pill, PillsInput, TagsInput, ActionIcon, CloseButton, FileButton, UnstyledButton, Anchor, Breadcrumbs, Burger, NavLink, Pagination, Stepper, Tabs, Tree, Alert, Loader, Notification, Progress, RingProgress, SemiCircleProgress, Skeleton, Affix, Dialog, Drawer, FloatingIndicator, HoverCard, LoadingOverlay, Menu, Modal, Overlay, Popover, Tooltip, Accordion, Avatar, BackgroundImage, Badge, Card, ColorSwatch, Image, Indicator, Kbd, NumberFormatter, Spoiler, ThemeIcon, Timeline, Blockquote, Code, Highlight, List, Mark, Table, Text, Title, TypographyStylesProvider, Box, Collapse, Divider, FocusTrap, Paper, Portal, ScrollArea, Transition, VisuallyHidden, ColorSchemeScript, useInputProps, useMantineTheme, useCombobox, useComputedColorScheme, defaultOptionsFilter, getOptionsLockup, getParsedComboboxData, isOptionsGroup, useProps } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
 export { useColorScheme } from '../hooks/useColorScheme.cjs';
 export { TextInput, type TextInputProps } from './TextInput/index.cjs';

package/dist/primitive/index.d.mts

@@ -29,7 +29,7 @@ declare module '@mantine/core' {
   }
 }
 export type ColorScheme = 'light' | 'dark';
-export type { AppShellProps, AppShellNavbarProps, AppShellMainProps, AppShellFooterProps, AppShellAsideProps, AppShellHeaderProps, AppShellSectionProps, AspectRatioProps, CenterProps, ContainerProps, FlexProps, GridProps, GroupProps, SimpleGridProps, SpaceProps, StackProps, CheckboxProps, CheckboxGroupProps, ChipProps, ChipGroupProps, ColorInputProps, ColorPickerProps, FieldsetProps, FileInputProps, InputProps, InputWrapperProps, InputErrorProps, InputLabelProps, InputPlaceholderProps, InputBaseProps, JsonInputProps, NativeSelectProps, PasswordInputProps, PinInputProps, RadioProps, RadioGroupProps, RadioCardProps, RatingProps, SegmentedControlProps, SegmentedControlItem, SliderProps, RangeSliderProps, SwitchProps, TextareaProps, AutocompleteProps, ComboboxProps, ComboboxItem, ComboboxData, PillProps, PillsInputProps, OptionsFilter, TagsInputProps, ActionIconProps, ButtonProps, CloseButtonProps, CopyButtonProps, FileButtonProps, UnstyledButtonProps, AnchorProps, BreadcrumbsProps, BurgerProps, NavLinkProps, PaginationProps, StepperProps, TabsProps, TreeProps, AlertProps, LoaderProps, NotificationProps, ProgressProps, RingProgressProps, SemiCircleProgressProps, SkeletonProps, AffixProps, DialogProps, DrawerProps, FloatingIndicatorProps, HoverCardProps, LoadingOverlayProps, MenuProps, ModalProps, OverlayProps, PopoverProps, TooltipProps, AccordionProps, AvatarProps, BackgroundImageProps, BadgeProps, CardProps, CardSectionProps, ColorSwatchProps, ImageProps, IndicatorProps, KbdProps, NumberFormatterProps, SpoilerProps, ThemeIconProps, TimelineProps, BlockquoteProps, CodeProps, HighlightProps, ListProps, MarkProps, TableProps, TextProps, TitleProps, TypographyStylesProviderProps, BoxProps, CollapseProps, DividerProps, FocusTrapProps, PaperProps, PortalProps, ScrollAreaProps, TransitionProps, VisuallyHiddenProps, ColorSchemeScriptProps, MantineSize, ElementProps, OptionsData } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
+export type { AppShellProps, AppShellNavbarProps, AppShellMainProps, AppShellFooterProps, AppShellAsideProps, AppShellHeaderProps, AppShellSectionProps, AspectRatioProps, CenterProps, ContainerProps, FlexProps, GridProps, GroupProps, SimpleGridProps, SpaceProps, StackProps, CheckboxProps, CheckboxGroupProps, ChipProps, ChipGroupProps, ColorInputProps, ColorPickerProps, FieldsetProps, FileInputProps, InputProps, InputWrapperProps, InputErrorProps, InputLabelProps, InputPlaceholderProps, InputBaseProps, JsonInputProps, NativeSelectProps, PasswordInputProps, PinInputProps, RadioProps, RadioGroupProps, RadioCardProps, RatingProps, SegmentedControlProps, SegmentedControlItem, SliderProps, RangeSliderProps, SwitchProps, TextareaProps, AutocompleteProps, ComboboxProps, ComboboxItem, ComboboxData, PillProps, PillsInputProps, OptionsFilter, TagsInputProps, ActionIconProps, ButtonProps, CloseButtonProps, CopyButtonProps, FileButtonProps, UnstyledButtonProps, AnchorProps, BreadcrumbsProps, BurgerProps, NavLinkProps, PaginationProps, StepperProps, TabsProps, TreeProps, AlertProps, LoaderProps, NotificationProps, ProgressProps, RingProgressProps, SemiCircleProgressProps, SkeletonProps, AffixProps, DialogProps, DrawerProps, FloatingIndicatorProps, HoverCardProps, LoadingOverlayProps, MenuProps, ModalProps, OverlayProps, PopoverProps, TooltipProps, AccordionProps, AvatarProps, BackgroundImageProps, BadgeProps, CardProps, CardSectionProps, ColorSwatchProps, ImageProps, IndicatorProps, KbdProps, NumberFormatterProps, SpoilerProps, ThemeIconProps, TimelineProps, BlockquoteProps, CodeProps, HighlightProps, ListProps, MarkProps, TableProps, TextProps, TitleProps, TypographyStylesProviderProps, BoxProps, BoxComponentProps, CollapseProps, DividerProps, FocusTrapProps, PaperProps, PortalProps, ScrollAreaProps, TransitionProps, VisuallyHiddenProps, ColorSchemeScriptProps, MantineSize, ElementProps, OptionsData } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
 export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, Pill, PillsInput, TagsInput, ActionIcon, CloseButton, FileButton, UnstyledButton, Anchor, Breadcrumbs, Burger, NavLink, Pagination, Stepper, Tabs, Tree, Alert, Loader, Notification, Progress, RingProgress, SemiCircleProgress, Skeleton, Affix, Dialog, Drawer, FloatingIndicator, HoverCard, LoadingOverlay, Menu, Modal, Overlay, Popover, Tooltip, Accordion, Avatar, BackgroundImage, Badge, Card, ColorSwatch, Image, Indicator, Kbd, NumberFormatter, Spoiler, ThemeIcon, Timeline, Blockquote, Code, Highlight, List, Mark, Table, Text, Title, TypographyStylesProvider, Box, Collapse, Divider, FocusTrap, Paper, Portal, ScrollArea, Transition, VisuallyHidden, ColorSchemeScript, useInputProps, useMantineTheme, useCombobox, useComputedColorScheme, defaultOptionsFilter, getOptionsLockup, getParsedComboboxData, isOptionsGroup, useProps } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
 export { useColorScheme } from '../hooks/useColorScheme.mjs';
 export { TextInput, type TextInputProps } from './TextInput/index.mjs';

package/dist/theme/theme.cjs

@@ -413,7 +413,8 @@ const theme = createTheme.createTheme({
     },
     NavLink: {
       defaultProps: {
-        px: 10,
+        px: 8,
+        py: 4,
         lh: 1.5,
         fw: 500,
         variant: "light",
@@ -430,7 +431,7 @@ const theme = createTheme.createTheme({
             color: withThemeColor(8),
             "&:hover": {
               color: withThemeColor(8),
-              backgroundColor: withThemeColor(2)
+              backgroundColor: withThemeColor(3)
             },
             "&:active": {
               color: withThemeColor(8),
@@ -457,6 +458,27 @@ const theme = createTheme.createTheme({
           },
           label: {
             lineHeight: "24px"
+          },
+          section: {
+            '&:where([data-position="left"])': {
+              marginInlineEnd: 8
+            },
+            '&:where([data-position="right"])': {
+              marginInlineStart: 8
+            }
+          },
+          collapse: {
+            position: "relative",
+            "&::before": {
+              content: '""',
+              display: "block",
+              position: "absolute",
+              left: 16,
+              top: 0,
+              width: 1,
+              height: "100%",
+              backgroundColor: withThemeColor(4)
+            }
           }
         };
       }
@@ -1190,6 +1212,24 @@ const theme = createTheme.createTheme({
         withArrow: true,
         shadow: "md"
       }
+    },
+    Accordion: {
+      styles: (theme2, props) => {
+        if (props.variant === "contained") {
+          return {
+            item: {
+              "--item-border-color": themeColor(theme2, "carbon", 4),
+              "--item-filled-color": "inherit"
+            },
+            control: {
+              "&:hover": {
+                backgroundColor: "inherit"
+              }
+            }
+          };
+        }
+        return {};
+      }
     }
   }
 });

package/dist/theme/theme.mjs

@@ -411,7 +411,8 @@ const theme = createTheme({
     },
     NavLink: {
       defaultProps: {
-        px: 10,
+        px: 8,
+        py: 4,
         lh: 1.5,
         fw: 500,
         variant: "light",
@@ -428,7 +429,7 @@ const theme = createTheme({
             color: withThemeColor(8),
             "&:hover": {
               color: withThemeColor(8),
-              backgroundColor: withThemeColor(2)
+              backgroundColor: withThemeColor(3)
             },
             "&:active": {
               color: withThemeColor(8),
@@ -455,6 +456,27 @@ const theme = createTheme({
           },
           label: {
             lineHeight: "24px"
+          },
+          section: {
+            '&:where([data-position="left"])': {
+              marginInlineEnd: 8
+            },
+            '&:where([data-position="right"])': {
+              marginInlineStart: 8
+            }
+          },
+          collapse: {
+            position: "relative",
+            "&::before": {
+              content: '""',
+              display: "block",
+              position: "absolute",
+              left: 16,
+              top: 0,
+              width: 1,
+              height: "100%",
+              backgroundColor: withThemeColor(4)
+            }
           }
         };
       }
@@ -1188,6 +1210,24 @@ const theme = createTheme({
         withArrow: true,
         shadow: "md"
       }
+    },
+    Accordion: {
+      styles: (theme2, props) => {
+        if (props.variant === "contained") {
+          return {
+            item: {
+              "--item-border-color": themeColor(theme2, "carbon", 4),
+              "--item-filled-color": "inherit"
+            },
+            control: {
+              "&:hover": {
+                backgroundColor: "inherit"
+              }
+            }
+          };
+        }
+        return {};
+      }
     }
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tidbcloud/uikit",
-  "version": "2.3.2",
+  "version": "2.4.0",
   "description": "tidbcloud uikit",
   "type": "module",
   "main": "dist/primitive/index.cjs",