@choice-ui/react 1.3.10 → 1.3.13

package/dist/cjs/components/avatar/dist/index.cjs

@@ -27,7 +27,7 @@ var InitialLetter = React.memo(function InitialLetter2({
   return /* @__PURE__ */ require$$0.jsx(
     "span",
     {
-      className: "flex h-full w-full select-none items-center justify-center uppercase",
+      className: "flex h-full w-full items-center justify-center uppercase select-none",
       style: {
         fontSize: `${fontSize}px`,
         lineHeight: 1

package/dist/cjs/components/code-block/dist/index.cjs

@@ -167,10 +167,10 @@ var CodeBlock = React.memo(function CodeBlock2(props) {
     expandable = true,
     defaultExpanded = true,
     defaultCodeExpanded = false,
+    variant = "default",
     onExpandChange,
     onCodeExpandChange
   } = props;
-  const theme = useTheme();
   const { scrollRef, contentRef, scrollToBottom } = useStickToBottom.useStickToBottom({
     resize: "smooth",
     initial: "smooth"
@@ -235,7 +235,7 @@ var CodeBlock = React.memo(function CodeBlock2(props) {
       handleCopy,
       scrollRef,
       contentRef,
-      theme
+      variant
     }),
     [
       language,
@@ -252,7 +252,7 @@ var CodeBlock = React.memo(function CodeBlock2(props) {
       handleCopy,
       scrollRef,
       contentRef,
-      theme
+      variant
     ]
   );
   const injectedChildren = React.useMemo(() => {
@@ -276,7 +276,10 @@ var CodeBlock = React.memo(function CodeBlock2(props) {
     "div",
     {
       className: tcx.tcx(
-        "bg-secondary-background group relative overflow-hidden rounded-lg",
+        "group relative overflow-hidden rounded-lg",
+        variant === "default" && "bg-secondary-background",
+        variant === "light" && "bg-gray-100",
+        variant === "dark" && "bg-gray-700",
         className
       ),
       children: injectedChildren
@@ -287,14 +290,10 @@ var codeBlockCodeTv = tcx.tcv({
   base: "text-message-code w-fit min-w-full bg-transparent font-mono [&>pre]:!bg-transparent [&>pre]:px-4 [&>pre]:py-4"
 });
 var CodeBlockCode = React.memo(function CodeBlockCode2(props) {
-  const {
-    code,
-    language = "tsx",
-    className,
-    codeBlock: _,
-    ...rest
-  } = props;
-  const theme = useTheme();
+  const { code, language = "tsx", className, variant: variantProp, codeBlock, ...rest } = props;
+  const systemTheme = useTheme();
+  const resolvedVariant = variantProp ?? ((codeBlock == null ? void 0 : codeBlock.variant) === "default" ? void 0 : codeBlock == null ? void 0 : codeBlock.variant);
+  const theme = resolvedVariant ?? systemTheme;
   const [highlightedHtml, setHighlightedHtml] = React.useState(null);
   React.useEffect(() => {
     async function highlight() {
@@ -1074,7 +1073,7 @@ var CodeBlockFooter = React.memo(function CodeBlockFooter2(props) {
 var codeBlockTv = tcx.tcv({
   slots: {
     code: "overflow-hidden",
-    content: "flex w-fit flex-col overflow-clip p-4"
+    content: "flex w-fit flex-col overflow-clip p-[inherit]"
   }
 });
 function CodeBlockContent(props) {
@@ -1089,11 +1088,13 @@ function CodeBlockContent(props) {
   }
   const tv = codeBlockTv();
   const shouldLimitHeight = lineCount > lineThreshold && !codeExpanded;
-  return /* @__PURE__ */ require$$0.jsx("div", { className: tcx.tcx(tv.code(), className), children: withScrollArea ? /* @__PURE__ */ require$$0.jsx(
+  return /* @__PURE__ */ require$$0.jsx(require$$0.Fragment, { children: withScrollArea ? /* @__PURE__ */ require$$0.jsx(
     index$1.ScrollArea,
     {
       orientation: "both",
       hoverBoundary: "none",
+      className: tcx.tcx(tv.code(), className),
+      variant: codeBlock.variant,
       children: /* @__PURE__ */ require$$0.jsx(
         index$1.ScrollArea.Viewport,
         {
@@ -1110,7 +1111,8 @@ function CodeBlockContent(props) {
                 CodeBlockCode,
                 {
                   code,
-                  language
+                  language,
+                  codeBlock
                 }
               )
             }
@@ -1118,11 +1120,12 @@ function CodeBlockContent(props) {
         }
       )
     }
-  ) : /* @__PURE__ */ require$$0.jsx("div", { className: tv.content(), children: /* @__PURE__ */ require$$0.jsx(
+  ) : /* @__PURE__ */ require$$0.jsx("div", { className: tcx.tcx(tv.content(), className), children: /* @__PURE__ */ require$$0.jsx(
     CodeBlockCode,
     {
       code,
-      language
+      language,
+      codeBlock
     }
   ) }) });
 }

package/dist/cjs/components/icon-button/dist/index.cjs

@@ -158,48 +158,47 @@ var iconButtonGroupTv = tcx.tcv({
     button: ["flex-1", "rounded-none first:rounded-l-md last:rounded-r-md", "w-full min-w-6"]
   }
 });
-var IconButton = React.forwardRef(
-  function IconButton2(props, ref) {
-    const {
-      className,
-      children,
-      disabled,
-      readOnly = false,
-      active,
-      loading,
-      focused,
-      variant = "default",
-      size = "default",
-      tooltip,
-      asChild,
-      onClick,
-      ...rest
-    } = props;
-    const Button = asChild ? index.Slot : "button";
-    const style = iconButtonTv({
-      disabled,
-      active,
-      focused,
-      loading,
-      variant,
-      size
-    });
-    const handleClick = readOnly ? void 0 : onClick;
-    const button = /* @__PURE__ */ require$$0.jsx(
-      Button,
-      {
-        ...rest,
-        ref,
-        type: rest.type || "button",
-        className: tcx.tcx(style.button(), className),
-        disabled: disabled || loading,
-        onClick: handleClick,
-        children: loading ? /* @__PURE__ */ require$$0.jsx(iconsReact.LoaderCircle, { className: "animate-spin" }) : children
-      }
-    );
-    return tooltip ? /* @__PURE__ */ require$$0.jsx(index$1.Tooltip, { ...tooltip, children: button }) : button;
-  }
-);
+var IconButton = React.forwardRef(function IconButton2(props, ref) {
+  const {
+    as = "button",
+    className,
+    children,
+    disabled,
+    readOnly = false,
+    active,
+    loading,
+    focused,
+    variant = "default",
+    size = "default",
+    tooltip,
+    asChild,
+    onClick,
+    ...rest
+  } = props;
+  const As = asChild ? index.Slot : as;
+  const style = iconButtonTv({
+    disabled,
+    active,
+    focused,
+    loading,
+    variant,
+    size
+  });
+  const handleClick = readOnly ? void 0 : onClick;
+  const button = /* @__PURE__ */ require$$0.jsx(
+    As,
+    {
+      ...rest,
+      ref,
+      type: rest.type || "button",
+      className: tcx.tcx(style.button(), className),
+      disabled: disabled || loading,
+      onClick: handleClick,
+      children: loading ? /* @__PURE__ */ require$$0.jsx(iconsReact.LoaderCircle, { className: "animate-spin" }) : children
+    }
+  );
+  return tooltip ? /* @__PURE__ */ require$$0.jsx(index$1.Tooltip, { ...tooltip, children: button }) : button;
+});
 IconButton.displayName = "IconButton";
 var IconButtonGroup = React.forwardRef((props, ref) => {
   const { children, className, variant = "solid", ...rest } = props;

package/dist/cjs/components/menus/dist/index.cjs

@@ -1134,7 +1134,6 @@ exports.MenuSearchEmpty = MenuSearchEmpty;
 exports.MenuTrigger = MenuTrigger;
 exports.MenuValue = MenuValue;
 exports.Menus = Menus;
-exports.MenusBase = MenusBase;
 exports.useMenuBaseRefs = useMenuBaseRefs;
 exports.useMenuScroll = useMenuScroll;
 exports.useMenuScrollHeight = useMenuScrollHeight;

package/dist/cjs/components/multi-select/dist/index.cjs

@@ -66,6 +66,25 @@ var multiSelectTriggerTv = tcx.tcv({
     hasValues: false
   }
 });
+var multiSelectTv = tcx.tcv({
+  slots: {
+    validationMessage: "bg-menu-background absolute top-[calc(100%+4px)] right-0 left-0 rounded-xl px-3 py-2 text-white"
+  },
+  variants: {
+    variant: {
+      default: {
+        validationMessage: "bg-menu-background text-white"
+      },
+      light: {
+        validationMessage: "bg-white text-gray-900"
+      },
+      reset: {}
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
 var MultiSelectTrigger = React.memo(
   React.forwardRef((props, ref) => {
     const {
@@ -408,6 +427,7 @@ var MultiSelectComponent = React.memo(
       root,
       variant = "default"
     } = props;
+    const tv = multiSelectTv();
     const [itemElements, triggerElement, contentElement] = React.useMemo(() => {
       if (!children) return [[], null, null];
       const childrenArray = React.Children.toArray(children);
@@ -800,7 +820,7 @@ var MultiSelectComponent = React.memo(
                               },
                               dir
                             )),
-                            showValidationMessage && validationMessage && /* @__PURE__ */ require$$0.jsx("div", { className: "text-secondary-foreground px-3 py-2", children: validationMessage })
+                            showValidationMessage && validationMessage && /* @__PURE__ */ require$$0.jsx("div", { className: tv.validationMessage({ variant }), children: validationMessage })
                           ]
                         }
                       )
@@ -834,8 +854,3 @@ var MultiSelect2 = Object.assign(BaseMultiSelect, {
 MultiSelect2.displayName = "MultiSelect";
 exports.MultiSelect = MultiSelect2;
 exports.MultiSelectTrigger = MultiSelectTrigger;
-exports.extractItemElements = extractItemElements;
-exports.filterSelectableOptions = filterSelectableOptions;
-exports.processOptions = processOptions;
-exports.useMultiSelectSelection = useMultiSelectSelection;
-exports.useMultiSelectState = useMultiSelectState;

package/dist/cjs/components/segmented/dist/index.cjs

@@ -366,4 +366,3 @@ var Segmented = Object.assign(SegmentedForwardRef, {
   Item: SegmentedItem
 });
 exports.Segmented = Segmented;
-exports.useSegmentedContext = useSegmentedContext;

package/dist/cjs/components/tabs/dist/index.cjs

@@ -29,6 +29,7 @@ var tabsTv = tcx.tcv({
       default: {},
       light: {},
       dark: {},
+      accent: {},
       reset: {}
     },
     active: {
@@ -130,6 +131,36 @@ var tabsTv = tcx.tcv({
       class: {
         tab: "text-white/50"
       }
+    },
+    // Accent
+    {
+      variant: "accent",
+      active: false,
+      class: {
+        tab: "text-default-foreground"
+      }
+    },
+    {
+      variant: "accent",
+      active: true,
+      class: {
+        tab: "bg-selected-background text-accent-foreground"
+      }
+    },
+    {
+      variant: "accent",
+      disabled: false,
+      active: false,
+      class: {
+        tab: "hover:bg-secondary-background"
+      }
+    },
+    {
+      variant: "accent",
+      disabled: true,
+      class: {
+        tab: "text-secondary-foreground"
+      }
     }
   ],
   defaultVariants: {
@@ -140,6 +171,7 @@ var tabsTv = tcx.tcv({
 });
 var TabItem = React.memo(
   React.forwardRef(function TabItem2({
+    as = "button",
     children,
     value,
     disabled,
@@ -185,8 +217,9 @@ var TabItem = React.memo(
         onKeyDown(e);
       }
     });
+    const As = as ?? "button";
     return /* @__PURE__ */ require$$0.jsx(
-      "button",
+      As,
       {
         ref,
         role: "tab",
@@ -219,6 +252,7 @@ var TabItem = React.memo(
 TabItem.displayName = "TabItem";
 var TabsRoot = React.forwardRef(function Tabs(props, ref) {
   const {
+    as = "div",
     value: valueProp,
     onChange,
     className,
@@ -234,6 +268,8 @@ var TabsRoot = React.forwardRef(function Tabs(props, ref) {
     if (readOnly) return;
     onChange == null ? void 0 : onChange(newValue);
   });
+  const As = as ?? "div";
+  const divProps = As === "div" ? { role: "tablist" } : {};
   const tv = tabsTv({ variant });
   return /* @__PURE__ */ require$$0.jsx(
     TabsContext.Provider,
@@ -247,14 +283,14 @@ var TabsRoot = React.forwardRef(function Tabs(props, ref) {
         id
       },
       children: /* @__PURE__ */ require$$0.jsx(
-        "div",
+        As,
         {
           ref,
-          role: "tablist",
           "aria-orientation": "horizontal",
           "aria-disabled": disabled,
           "aria-label": ariaLabel || "Tabs",
           className: tcx.tcx(tv.root(), className),
+          ...divProps,
           ...rest,
           children
         }
@@ -267,4 +303,3 @@ var Tabs2 = TabsRoot;
 Tabs2.Item = TabItem;
 exports.TabItem = TabItem;
 exports.Tabs = Tabs2;
-exports.useTabsContext = useTabsContext;

package/dist/core/app/components/button/dist/index.d.ts

@@ -2,110 +2,23 @@ import { HTMLProps } from 'react';
 import { TooltipProps } from '@choice-ui/tooltip';
 import * as react from 'react';
 
-/**
- * Root
- * Main button component properties
- */
 interface ButtonProps extends Omit<HTMLProps<HTMLButtonElement>, "size"> {
-    /**
-     * Whether the button is in an active/pressed state
-     *
-     * @default false
-     * @example
-     * ```tsx
-     * <Button active>Active Button</Button>
-     * ```
-     */
     active?: boolean;
-    /**
-     * Render as a custom element instead of button
-     *
-     * @default false
-     * @example
-     * ```tsx
-     * <Button asChild>
-     *   <Link href="/profile">Profile</Link>
-     * </Button>
-     * ```
-     */
     asChild?: boolean;
-    /**
-     * Additional CSS class names
-     */
     className?: string;
-    /**
-     * Whether the button appears focused (for keyboard navigation)
-     *
-     * @default false
-     */
     focused?: boolean;
-    /**
-     * Whether the button is in loading state with spinner
-     *
-     * @default false
-     * @example
-     * ```tsx
-     * <Button loading>Saving...</Button>
-     * ```
-     */
     loading?: boolean;
-    /**
-     * Whether the button is in readOnly state
-     * In readOnly mode, the button will not respond to click events
-     *
-     * @default false
-     * @example
-     * ```tsx
-     * <Button readOnly>Read Only Button</Button>
-     * ```
-     */
     readOnly?: boolean;
     /**
-     * Button size variant
-     *
      * @default "default"
-     * @example
-     * ```tsx
-     * <Button size="large">Large Button</Button>
-     * ```
      */
     size?: "default" | "large";
-    /**
-     * Tooltip configuration for the button
-     *
-     * @example
-     * ```tsx
-     * <Button tooltip={{ content: "Save your changes", placement: "top" }}>
-     *   Save
-     * </Button>
-     * ```
-     */
     tooltip?: TooltipProps;
     /**
-     * Visual style variant of the button
-     *
      * @default "primary"
-     * @example
-     * ```tsx
-     * <Button variant="primary">Primary Action</Button>
-     * <Button variant="destructive">Delete</Button>
-     * <Button variant="ghost">Subtle Action</Button>
-     * ```
      */
     variant?: "primary" | "secondary" | "solid" | "destructive" | "secondary-destruct" | "inverse" | "success" | "link" | "link-danger" | "ghost" | "dark" | "reset";
 }
-
-/**
- * Button component for user interactions
- *
- * @displayName Button
- * @description A versatile button component that supports various styles, states, and behaviors. Renders as a button element or can be used with asChild for custom elements.
- * @category Actions
- * @status stable
- * @version 1.0.0
- * @since 1.0.0
- * @see {@link https://design-system.choiceform.io/components/button Button Documentation}
- */
 declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 export { Button, type ButtonProps };

package/dist/core/app/components/chip/dist/index.d.ts

@@ -16,7 +16,7 @@ interface ChipProps extends Omit<HTMLProps<HTMLDivElement>, "size" | "as"> {
         remove: string;
     };
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-    onRemove?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onRemove?: (e: React.MouseEvent<HTMLElement>) => void;
     prefixElement?: ReactNode;
     selected?: boolean;
     size?: "default" | "medium";

package/dist/core/app/components/code-block/dist/index.d.ts

@@ -17,6 +17,7 @@ interface CodeBlockContextValue {
     lineThreshold: number;
     needsScroll: boolean;
     scrollRef?: RefObject<HTMLDivElement>;
+    variant?: "default" | "light" | "dark";
 }
 interface CodeBlockInjectedProps {
     codeBlock?: CodeBlockContextValue;
@@ -32,6 +33,7 @@ interface CodeBlockProps {
     lineThreshold?: number;
     onCodeExpandChange?: (expanded: boolean) => void;
     onExpandChange?: (expanded: boolean) => void;
+    variant?: "default" | "light" | "dark";
 }
 interface CodeBlockHeaderProps extends CodeBlockInjectedProps {
     children?: ReactNode;
@@ -56,8 +58,12 @@ interface CodeBlockContentProps extends CodeBlockInjectedProps {
 interface CodeBlockCodeProps extends HTMLProps<HTMLDivElement> {
     className?: string;
     code: string;
+    /** 从 CodeBlock 传递的 context */
+    codeBlock?: CodeBlockContextValue;
     codeBlockId?: string;
     language?: string;
+    /** 手动指定主题，覆盖自动检测 */
+    variant?: "light" | "dark";
 }
 interface UseCodeBlockOptions {
     defaultCodeExpanded?: boolean;

package/dist/core/app/components/command/dist/index.d.ts

@@ -124,7 +124,7 @@ declare const Command: react.ForwardRefExoticComponent<CommandProps & react.RefA
     Divider: react.ForwardRefExoticComponent<Omit<CommandDividerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
     Value: react.ForwardRefExoticComponent<Omit<react.HTMLProps<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
     Tabs: react.ForwardRefExoticComponent<Omit<_choice_ui_tabs.TabsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    TabItem: react.MemoExoticComponent<react.ForwardRefExoticComponent<_choice_ui_tabs.TabItemProps & react.RefAttributes<HTMLButtonElement>>>;
+    TabItem: react.MemoExoticComponent<react.ForwardRefExoticComponent<Omit<_choice_ui_tabs.TabItemProps, "ref"> & react.RefAttributes<HTMLElement>>>;
 };
 
 export { Command, Command$1 as CommandRoot, defaultFilter, useCommandState };

package/dist/core/app/components/icon-button/dist/index.d.ts

@@ -2,8 +2,9 @@ import { HTMLProps } from 'react';
 import { TooltipProps } from '@choice-ui/tooltip';
 import * as react from 'react';
 
-interface IconButtonProps extends Omit<HTMLProps<HTMLButtonElement>, "size"> {
+interface IconButtonProps extends Omit<HTMLProps<HTMLElement>, "size" | "as"> {
     active?: boolean;
+    as?: React.ElementType;
     asChild?: boolean;
     children?: React.ReactNode;
     className?: string;
@@ -15,7 +16,7 @@ interface IconButtonProps extends Omit<HTMLProps<HTMLButtonElement>, "size"> {
     tooltip?: TooltipProps;
     variant?: "default" | "secondary" | "solid" | "highlight" | "ghost" | "dark" | "reset";
 }
-declare const IconButton: react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const IconButton: react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLElement>>;
 
 interface IconButtonGroupProps extends HTMLProps<HTMLDivElement> {
     children: React.ReactNode;
@@ -23,4 +24,4 @@ interface IconButtonGroupProps extends HTMLProps<HTMLDivElement> {
 }
 declare const IconButtonGroup: react.ForwardRefExoticComponent<Omit<IconButtonGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-export { IconButton, IconButtonGroup, type IconButtonProps };
+export { IconButton, IconButtonGroup, type IconButtonGroupProps, type IconButtonProps };

package/dist/core/app/components/label/dist/index.d.ts

@@ -10,4 +10,4 @@ interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement | HTMLLe
 }
 declare const Label: React.NamedExoticComponent<LabelProps>;
 
-export { Label };
+export { Label, type LabelProps };

package/dist/core/app/components/link-button/dist/index.d.ts

@@ -14,4 +14,4 @@ type LinkButtonProps = BaseLinkButtonProps & ((React.AnchorHTMLAttributes<HTMLAn
 }));
 declare const LinkButton: react.ForwardRefExoticComponent<LinkButtonProps & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
-export { LinkButton };
+export { LinkButton, type LinkButtonProps };

package/dist/core/app/components/list/dist/index.d.ts

@@ -2,7 +2,6 @@ import { ReactNode, HTMLProps } from 'react';
 import { MenuValue } from '@choice-ui/menus';
 import { KbdKey } from '@choice-ui/kbd';
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ListContentProps extends React.HTMLProps<HTMLDivElement> {
     children: React.ReactNode;
@@ -73,57 +72,6 @@ interface ListComponentProps extends React.ForwardRefExoticComponent<ListProps &
     SubTrigger: typeof ListSubTrigger;
     Value: typeof MenuValue;
 }
-declare const ListBase: react.ForwardRefExoticComponent<Omit<ListProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare const List: ListComponentProps;
 
-interface ActiveItemContextValue {
-    activeItem: string | null;
-    setActiveItem: (id: string | null) => void;
-}
-declare const ActiveItemContext: react.Context<ActiveItemContextValue | undefined>;
-declare function useActiveItemContext(): ActiveItemContextValue;
-interface ExpandContextValue {
-    expandedSubLists: Set<string>;
-    isSubListExpanded: (id: string) => boolean;
-    toggleSubList: (id: string) => void;
-}
-declare const ExpandContext: react.Context<ExpandContextValue | undefined>;
-declare function useExpandContext(): ExpandContextValue;
-interface SelectionContextValue {
-    isSelected: (id: string) => boolean;
-    selectedItems: Set<string>;
-    selection?: boolean;
-    toggleSelection: (id: string) => void;
-}
-declare const SelectionContext: react.Context<SelectionContextValue | undefined>;
-declare function useSelectionContext(): SelectionContextValue;
-interface StructureContextValue {
-    interactive?: boolean;
-    itemsMap: Map<string, {
-        parentId?: string;
-    }>;
-    registerItem: (id: string, parentId?: string) => void;
-    shouldShowReferenceLine?: boolean;
-    size?: "default" | "large";
-    unregisterItem: (id: string) => void;
-    variant?: "default" | "primary";
-}
-declare const StructureContext: react.Context<StructureContextValue | undefined>;
-declare function useStructureContext(): StructureContextValue;
-interface LevelContextValue {
-    level: number;
-}
-declare const LevelContext: react.Context<LevelContextValue>;
-declare function useLevelContext(): LevelContextValue;
-
-interface ListProviderProps {
-    children: ReactNode;
-    interactive?: boolean;
-    selection?: boolean;
-    shouldShowReferenceLine?: boolean;
-    size?: "default" | "large";
-    variant?: "default" | "primary";
-}
-declare function ListProvider({ children, interactive, shouldShowReferenceLine, selection, variant, size, }: ListProviderProps): react_jsx_runtime.JSX.Element;
-
-export { ActiveItemContext, ExpandContext, LevelContext, List, ListBase, ListContent, ListDivider, ListItem, type ListItemProps, ListLabel, ListProvider, ListSubTrigger, type ListSubTriggerProps, SelectionContext, StructureContext, useActiveItemContext, useExpandContext, useLevelContext, useSelectionContext, useStructureContext };
+export { List, type ListContentProps, type ListItemProps, type ListProps, type ListSubTriggerProps };