@lobehub/ui 6.0.0-beta.1 → 6.0.0-beta.2

package/README.md

@@ -66,6 +66,8 @@ To install Lobe UI, run the following command:
 $ pnpm add @lobehub/ui
 ```
 
+Upgrading from 5.x? Follow the [v6 migration guide](https://ui.lobehub.com/migration-v6) and run `npx @lobehub/ui-codemod@beta v6 .`.
+
 ### Compile with NextJS
 
 > \[!NOTE]\
@@ -126,7 +128,7 @@ With Tailwind v4, use one merged statement as the very first CSS, before `@impor
 @layer theme, base, lobe-base, lobe-popup, lobe-ui, components, utilities;
 ```
 
-The lobe layers sit after Tailwind's `base` (preflight), so preflight loses to Lobe UI, and before `components` / `utilities`, so Tailwind utilities still beat Lobe UI. These layering guarantees cover components already migrated to StyleX; the remaining components still inject runtime styles until the migration completes.
+The lobe layers sit after Tailwind's `base` (preflight), so preflight loses to Lobe UI, and before `components` / `utilities`, so Tailwind utilities still beat Lobe UI.
 
 ### Theming
 

package/es/Accordion/style.d.mts

@@ -2,12 +2,12 @@ import "@stylexjs/stylex";
 //#region src/Accordion/style.d.ts
 export declare const accordionStyles: {
   panel: string;
-  header: string;
   action: string;
   content: string;
   trigger: string;
-  root: string;
+  header: string;
   indicator: string;
+  root: string;
   item: string;
   itemOutlined: string;
   rootOutlined: string;

package/es/ActionIcon/type.d.mts

@@ -51,4 +51,5 @@ type BorderlessOutdentProps<V extends ActionIconVariant> = [V] extends ['borderl
 };
 export type ActionIconProps<V extends ActionIconVariant = ActionIconVariant> = BaseActionIconOwnProps & BorderlessOutdentProps<V>;
 //#endregion
+export {};
 //# sourceMappingURL=type.d.mts.map

package/es/Alert/type.d.mts

@@ -106,4 +106,5 @@ interface AlertOwnProps {
 type NativeAlertProps = Omit<HTMLAttributes<HTMLDivElement>, keyof AlertOwnProps | 'children' | 'title'>;
 export type AlertProps = AlertOwnProps & NativeAlertProps;
 //#endregion
+export {};
 //# sourceMappingURL=type.d.mts.map

package/es/AutoComplete/style.d.mts

@@ -42,7 +42,7 @@ declare const styleArrays: {
   }> | Readonly<{
     readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
     readonly cursor: stylex.StyleXClassNameFor<"cursor", "default">;
-    readonly display: stylex.StyleXClassNameFor<"display", "none" | "flex">;
+    readonly display: stylex.StyleXClassNameFor<"display", "flex" | "none">;
   }>)[];
   item: Readonly<{
     readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
@@ -103,4 +103,5 @@ declare const styleArrays: {
 };
 export declare const styles: Record<keyof typeof styleArrays, string>;
 //#endregion
+export {};
 //# sourceMappingURL=style.d.mts.map

package/es/AutoComplete/type.d.mts

@@ -36,4 +36,5 @@ export interface AutoCompleteProps extends BaseAutocompleteProps {
   variant?: InputProps['variant'];
 }
 //#endregion
+export {};
 //# sourceMappingURL=type.d.mts.map

package/es/Button/type.d.mts

@@ -50,4 +50,5 @@ type NativeButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof Bas
 type NativeAnchorProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof BaseButtonOwnProps | 'type' | 'outdent'>;
 export type ButtonProps<T extends ButtonType = ButtonType> = BaseButtonOwnProps & NativeButtonProps & Partial<NativeAnchorProps> & TextOutdentProps<T>;
 //#endregion
+export {};
 //# sourceMappingURL=type.d.mts.map

package/es/Checkbox/type.d.mts

@@ -49,4 +49,5 @@ export interface CheckboxGroupProps extends BaseCheckboxGroupProps, Pick<Flexbox
   textProps?: CheckboxProps['textProps'];
 }
 //#endregion
+export {};
 //# sourceMappingURL=type.d.mts.map

package/es/ColorSwatches/type.d.mts

@@ -23,4 +23,5 @@ export interface ColorSwatchesProps extends Omit<FlexboxProps, 'onChange'> {
   value?: string;
 }
 //#endregion
+export {};
 //# sourceMappingURL=type.d.mts.map

package/es/Drawer/atoms.d.mts

@@ -55,4 +55,5 @@ export type DrawerTriggerProps = Omit<React.ComponentPropsWithRef<typeof Dialog.
 };
 export declare const DrawerTrigger: ({ children, className, nativeButton, ref: refProp, ...rest }: DrawerTriggerProps) => React.JSX.Element;
 //#endregion
+export {};
 //# sourceMappingURL=atoms.d.mts.map

package/es/Drawer/constants.d.mts

@@ -13,4 +13,5 @@ export declare const drawerBackdropTransition: {
   ease: CubicBezier;
 };
 //#endregion
+export {};
 //# sourceMappingURL=constants.d.mts.map

package/es/FileTypeIcon/type.d.mts

@@ -12,4 +12,5 @@ export interface FileTypeIconProps extends IconProps {
   variant?: 'color' | 'mono';
 }
 //#endregion
+export {};
 //# sourceMappingURL=type.d.mts.map

package/es/Form/type.d.mts

@@ -138,4 +138,5 @@ export interface FormContextValue {
   variant: FormVariant;
 }
 //#endregion
+export {};
 //# sourceMappingURL=type.d.mts.map

package/es/GroupAvatar/type.d.mts

@@ -14,4 +14,5 @@ export interface GroupAvatarProps extends Omit<BlockProps, 'width' | 'height' |
   size?: number;
 }
 //#endregion
+export {};
 //# sourceMappingURL=type.d.mts.map

package/es/Highlighter/const.d.mts

@@ -5,4 +5,5 @@ interface HighlighterThemeItem {
 }
 export declare const highlighterThemes: HighlighterThemeItem[];
 //#endregion
+export {};
 //# sourceMappingURL=const.d.mts.map

package/es/Input/style.d.mts

@@ -37,4 +37,5 @@ export declare const inputClassNames: {
   textareaWithCount: string;
 };
 //#endregion
+export {};
 //# sourceMappingURL=style.d.mts.map

package/es/Input/type.d.mts

@@ -128,4 +128,5 @@ export interface TextAreaProps extends Omit<ComponentProps<'textarea'>, 'prefix'
   styles?: Pick<InputStyles, 'input'>;
 }
 //#endregion
+export {};
 //# sourceMappingURL=type.d.mts.map

package/es/Markdown/plugins/remarkColor.d.mts

@@ -16,4 +16,5 @@ interface RemarkColorOptions {
  */
 export declare const remarkColor: (options?: RemarkColorOptions) => (tree: any) => void;
 //#endregion
+export {};
 //# sourceMappingURL=remarkColor.d.mts.map

package/es/Markdown/plugins/remarkGfmPlus.d.mts

@@ -4,4 +4,5 @@ interface RemarkGfmPlusOptions {
 }
 export declare const remarkGfmPlus: (options?: RemarkGfmPlusOptions) => (tree: any) => void;
 //#endregion
+export {};
 //# sourceMappingURL=remarkGfmPlus.d.mts.map

package/es/Markdown/plugins/remarkVideo.d.mts

@@ -16,4 +16,5 @@ interface RemarkVideoOptions {
  */
 export declare const remarkVideo: (options?: RemarkVideoOptions) => (tree: any) => void;
 //#endregion
+export {};
 //# sourceMappingURL=remarkVideo.d.mts.map

package/es/Mermaid/const.d.mts

@@ -6,4 +6,5 @@ interface MermaidThemeItem {
 }
 export declare const mermaidThemes: MermaidThemeItem[];
 //#endregion
+export {};
 //# sourceMappingURL=const.d.mts.map

package/es/Modal/atoms.d.mts

@@ -51,4 +51,5 @@ export type ModalTriggerProps = Omit<React.ComponentPropsWithRef<typeof Dialog.T
 };
 export declare const ModalTrigger: ({ children, className, nativeButton, ref: refProp, ...rest }: ModalTriggerProps) => React.JSX.Element;
 //#endregion
+export {};
 //# sourceMappingURL=atoms.d.mts.map

package/es/Modal/constants.d.mts

@@ -7,4 +7,5 @@ export declare const backdropTransition: {
   ease: CubicBezier;
 };
 //#endregion
+export {};
 //# sourceMappingURL=constants.d.mts.map

package/es/Modal/type.d.mts

@@ -104,4 +104,5 @@ export interface ModalConfirmConfig {
   width?: number | string;
 }
 //#endregion
+export {};
 //# sourceMappingURL=type.d.mts.map

package/es/Radio/type.d.mts

@@ -55,4 +55,5 @@ export interface RadioGroupProps extends BaseRadioGroupProps {
   textProps?: RadioProps['textProps'];
 }
 //#endregion
+export {};
 //# sourceMappingURL=type.d.mts.map

package/es/Segmented/atoms.d.mts

@@ -36,4 +36,5 @@ export interface SegmentedIndicatorProps {
 }
 export declare const SegmentedIndicator: FC<SegmentedIndicatorProps>;
 //#endregion
+export {};
 //# sourceMappingURL=atoms.d.mts.map

package/es/Slider/type.d.mts

@@ -44,4 +44,5 @@ export interface SliderWithInputProps extends Omit<SliderProps, 'classNames' | '
   variant?: InputVariant;
 }
 //#endregion
+export {};
 //# sourceMappingURL=type.d.mts.map

package/es/Switch/atoms.d.mts

@@ -33,4 +33,5 @@ export declare const switchStyles: {
   thumbSmall: string;
 };
 //#endregion
+export {};
 //# sourceMappingURL=atoms.d.mts.map

package/es/Tabs/style.d.mts

@@ -5,8 +5,8 @@ export declare const tabsStyles: {
   panel: string;
   tab: string;
   list: string;
-  root: string;
   indicator: string;
+  root: string;
   indicatorPoint: string;
   indicatorRounded: string;
   indicatorSquare: string;

package/es/Text/style.d.mts

@@ -15,8 +15,8 @@ export declare const textStyles: {
   disabled: string;
   danger: string;
   success: string;
-  warning: string;
   info: string;
+  warning: string;
   delete: string;
   ellipsis: string;
   italic: string;
@@ -44,4 +44,5 @@ type TextVariantProps = {
 };
 export declare const variants: (props?: TextVariantProps) => string;
 //#endregion
+export {};
 //# sourceMappingURL=style.d.mts.map

package/es/ToggleGroup/atoms.d.mts

@@ -30,4 +30,5 @@ export declare const ToggleGroupItemIcon: FC<SimpleSpanProps>;
 export declare const ToggleGroupItemLabel: FC<SimpleSpanProps>;
 export declare const toggleGroupStyles: Record<keyof typeof styles, string>;
 //#endregion
+export {};
 //# sourceMappingURL=atoms.d.mts.map

package/es/color/types.d.mts

@@ -7,4 +7,5 @@ export interface ColorScaleItem {
   lightA: colorStep;
 }
 //#endregion
+export {};
 //# sourceMappingURL=types.d.mts.map

package/es/hooks/useMarkdown/utils.d.mts

@@ -9,4 +9,5 @@ interface PreprocessOptions {
 }
 export declare const preprocessMarkdownContent: (str: string, { enableCustomFootnotes, enableLatex, citationsLength }?: PreprocessOptions) => string;
 //#endregion
+export {};
 //# sourceMappingURL=utils.d.mts.map

package/es/i18n/types.d.mts

@@ -30,4 +30,5 @@ export type I18nContextValue = {
   t: (key: TranslationKey) => string;
 };
 //#endregion
+export {};
 //# sourceMappingURL=types.d.mts.map

package/es/internal/menu/itemInterface.d.mts

@@ -67,4 +67,5 @@ export interface RcMenuDividerType extends Omit<ItemSharedProps, 'ref'> {
 }
 export type RcItemType = RcSubMenuType | RcMenuItemType | RcMenuItemGroupType | RcMenuDividerType | null;
 //#endregion
+export {};
 //# sourceMappingURL=itemInterface.d.mts.map

package/es/internal/menu/renderUtils.d.mts

@@ -33,4 +33,5 @@ export declare const renderIcon: (icon: MenuItemType["icon"], size?: IconSize) =
 export declare const hasAnyIcon: (items: BaseMenuItemType[], recursive?: boolean) => boolean;
 export declare const hasCheckboxAndIcon: (items: BaseMenuItemType[]) => boolean;
 //#endregion
+export {};
 //# sourceMappingURL=renderUtils.d.mts.map

package/es/node_modules/.pnpm/@types_mdx@2.0.14/node_modules/@types/mdx/types.d.mts

@@ -62,4 +62,5 @@ export type MDXComponents = NestedMDXComponents & { [Key in StringComponent]?: C
   wrapper?: Component<any>;
 };
 //#endregion
+export {};
 //# sourceMappingURL=types.d.mts.map

package/es/node_modules/.pnpm/eslint@10.12.0_jiti@2.6.1_supports-color@10.2.2/node_modules/eslint/lib/types/index.d.mts

@@ -866,4 +866,5 @@ export declare namespace ESLint {
   type EditInfo = Rule.Fix;
 }
 //#endregion
+export {};
 //# sourceMappingURL=index.d.mts.map

package/es/styles/createGlobalStyle.d.mts

@@ -7,4 +7,5 @@ type GlobalStyleProps = {
 type GlobalInterpolation = CSSInterpolation | ((props: GlobalStyleProps) => CSSInterpolation);
 export declare const createGlobalStyle: (template: TemplateStringsArray | ((props: GlobalStyleProps) => CSSInterpolation), ...args: GlobalInterpolation[]) => () => null;
 //#endregion
+export {};
 //# sourceMappingURL=createGlobalStyle.d.mts.map

package/es/styles/theme/generateColorPalette.d.mts

@@ -27,4 +27,5 @@ export declare const generateColorNeutralPalette: ({ scale, appearance }: {
   colorTextTertiary: string;
 };
 //#endregion
+export {};
 //# sourceMappingURL=generateColorPalette.d.mts.map

package/es/styles/theme/scope.d.mts

@@ -44,4 +44,5 @@ export interface LobeThemeScriptProps {
 }
 export declare const LobeThemeScript: ({ appearance, neutralColor, nonce, primaryColor }: LobeThemeScriptProps) => import("react").JSX.Element;
 //#endregion
+export {};
 //# sourceMappingURL=scope.d.mts.map

package/es/types/customToken.d.mts

@@ -16,4 +16,5 @@ export interface LobeCustomToken extends ColorPalettes, ColorPalettesAlpha, Colo
   colorBgContainerSecondary: string;
 }
 //#endregion
+export {};
 //# sourceMappingURL=customToken.d.mts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "6.0.0-beta.1",
+  "version": "6.0.0-beta.2",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -171,7 +171,7 @@
     "leva": "^0.10.1",
     "lucide-react": "^1.24.0",
     "marked": "^18.0.6",
-    "motion": "^13.0.0",
+    "motion": "^13.0.0 || ^14.0.0",
     "numeral": "^2.0.6",
     "polished": "^4.3.1",
     "query-string": "^9.4.1",
@@ -207,9 +207,9 @@
     "virtua": "^0.52.0"
   },
   "peerDependencies": {
-    "@lobehub/fluent-emoji": "^4.0.0",
-    "@lobehub/icons": "^5.0.0",
-    "motion": "^13.0.0",
+    "@lobehub/fluent-emoji": "^5.0.0-beta.1",
+    "@lobehub/icons": "^6.0.0-beta.1",
+    "motion": "^13.0.0 || ^14.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },