@lobehub/ui 5.19.2 → 5.20.0

package/es/base-ui/index.mjs

@@ -1,6 +1,6 @@
 import Tooltip from "./Tooltip/Tooltip.mjs";
 import TooltipGroup from "./Tooltip/TooltipGroup.mjs";
-import { styles as styles$1 } from "./Switch/style.mjs";
+import { styles as styles$5 } from "./Switch/style.mjs";
 import { SwitchIcon, SwitchRoot, SwitchThumb, useSwitchContext } from "./Switch/atoms.mjs";
 import Switch from "./Switch/Switch.mjs";
 import { DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDesc, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuScrollViewport, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSwitchItem, DropdownMenuTrigger } from "./DropdownMenu/atoms.mjs";
@@ -18,9 +18,21 @@ import PopoverGroup from "./Popover/PopoverGroup.mjs";
 import { ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from "./ScrollArea/atoms.mjs";
 import { ScrollArea } from "./ScrollArea/ScrollArea.mjs";
 import { ToastHost, toast, useToast } from "./Toast/imperative.mjs";
-import { styles } from "./Button/style.mjs";
+import { controlHeight } from "./controlSize.mjs";
+import { rootVariants, styles as styles$3 } from "./Input/style.mjs";
+import Input from "./Input/Input.mjs";
+import InputNumber from "./Input/InputNumber.mjs";
+import InputOTP from "./Input/InputOTP.mjs";
+import InputPassword from "./Input/InputPassword.mjs";
+import TextArea from "./Input/TextArea.mjs";
+import { styles } from "./AutoComplete/style.mjs";
+import AutoComplete from "./AutoComplete/AutoComplete.mjs";
+import { styles as styles$1 } from "./Button/style.mjs";
 import Button from "./Button/Button.mjs";
 import SplitButton from "./Button/SplitButton.mjs";
+import { styles as styles$2 } from "./Checkbox/style.mjs";
+import Checkbox from "./Checkbox/Checkbox.mjs";
+import CheckboxGroup from "./Checkbox/CheckboxGroup.mjs";
 import { backdropTransition, modalMotionConfig } from "./Modal/constants.mjs";
 import { ModalBackdrop, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalPopup, ModalPortal, ModalRoot, ModalTitle, ModalTrigger, ModalViewport, useModalActions, useModalOpen } from "./Modal/atoms.mjs";
 import { ModalContext, useModalContext } from "./Modal/context.mjs";
@@ -28,11 +40,23 @@ import { ModalHost, confirmModal, createModal, createModalSystem } from "./Modal
 import Modal from "./Modal/Modal.mjs";
 import { FloatingPanel } from "./FloatingPanel/FloatingPanel.mjs";
 import { FloatingSheet } from "./FloatingSheet/FloatingSheet.mjs";
+import FormDivider from "./Form/components/FormDivider.mjs";
+import { useFormContext } from "./Form/context.mjs";
+import FormTitle from "./Form/components/FormTitle.mjs";
+import FormField from "./Form/components/FormField.mjs";
+import FormFlatGroup from "./Form/components/FormFlatGroup.mjs";
+import FormFooter from "./Form/components/FormFooter.mjs";
+import FormGroup from "./Form/components/FormGroup.mjs";
+import FormSubmitFooter from "./Form/components/FormSubmitFooter.mjs";
+import Form from "./Form/index.mjs";
 import { SegmentedIndicator, SegmentedItem, SegmentedItemIcon, SegmentedItemLabel, SegmentedRoot } from "./Segmented/atoms.mjs";
 import Segmented from "./Segmented/Segmented.mjs";
 import { SelectArrow, SelectBackdrop, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPortal, SelectPositioner, SelectRoot, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue } from "./Select/atoms.mjs";
 import Select from "./Select/Select.mjs";
-import { styles as styles$2 } from "./Tabs/style.mjs";
+import { styles as styles$4 } from "./Slider/style.mjs";
+import Slider from "./Slider/Slider.mjs";
+import SliderWithInput from "./Slider/SliderWithInput.mjs";
+import { styles as styles$6 } from "./Tabs/style.mjs";
 import { TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab, useTabsContext } from "./Tabs/atoms.mjs";
 import Tabs from "./Tabs/Tabs.mjs";
-export { Button, ContextMenuHost, ContextMenuTrigger, DropdownMenu, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDesc, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuScrollViewport, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSwitchItem, DropdownMenuTrigger, FloatingPanel, FloatingSheet, Modal, ModalBackdrop, ModalClose, ModalContent, ModalContext, ModalDescription, ModalFooter, ModalHeader, ModalHost, ModalPopup, ModalPortal, ModalRoot, ModalTitle, ModalTrigger, ModalViewport, PopoverArrow, PopoverArrowIcon, PopoverBackdrop, PopoverGroup, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverProvider, PopoverRoot, PopoverTriggerElement, PopoverViewport, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, Segmented, SegmentedIndicator, SegmentedItem, SegmentedItemIcon, SegmentedItemLabel, SegmentedRoot, Select, SelectArrow, SelectBackdrop, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPortal, SelectPositioner, SelectRoot, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, SplitButton, Switch, SwitchIcon, SwitchRoot, SwitchThumb, Tabs, TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab, ToastHost, Tooltip, TooltipGroup, backdropTransition, styles as buttonStyles, closeContextMenu, confirmModal, createModal, createModalSystem, modalMotionConfig, parseTrigger, renderDropdownMenuItems, showContextMenu, styles$1 as switchStyles, styles$2 as tabsStyles, toast, updateContextMenuItems, useModalActions, useModalContext, useModalOpen, usePopoverContext, usePopoverPortalContainer, useSwitchContext, useTabsContext, useToast };
+export { AutoComplete, Button, Checkbox, CheckboxGroup, ContextMenuHost, ContextMenuTrigger, DropdownMenu, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDesc, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuScrollViewport, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSwitchItem, DropdownMenuTrigger, FloatingPanel, FloatingSheet, Form, FormDivider, FormField, FormFlatGroup, FormFooter, FormGroup, FormSubmitFooter, FormTitle, Input, InputNumber, InputOTP, InputPassword, Modal, ModalBackdrop, ModalClose, ModalContent, ModalContext, ModalDescription, ModalFooter, ModalHeader, ModalHost, ModalPopup, ModalPortal, ModalRoot, ModalTitle, ModalTrigger, ModalViewport, PopoverArrow, PopoverArrowIcon, PopoverBackdrop, PopoverGroup, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverProvider, PopoverRoot, PopoverTriggerElement, PopoverViewport, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, Segmented, SegmentedIndicator, SegmentedItem, SegmentedItemIcon, SegmentedItemLabel, SegmentedRoot, Select, SelectArrow, SelectBackdrop, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPortal, SelectPositioner, SelectRoot, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, Slider, SliderWithInput, SplitButton, Switch, SwitchIcon, SwitchRoot, SwitchThumb, Tabs, TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab, TextArea, ToastHost, Tooltip, TooltipGroup, styles as autoCompleteStyles, backdropTransition, styles$1 as buttonStyles, styles$2 as checkboxStyles, closeContextMenu, confirmModal, controlHeight, createModal, createModalSystem, styles$3 as inputStyles, rootVariants as inputVariants, modalMotionConfig, parseTrigger, renderDropdownMenuItems, showContextMenu, styles$4 as sliderStyles, styles$5 as switchStyles, styles$6 as tabsStyles, toast, updateContextMenuItems, useFormContext, useModalActions, useModalContext, useModalOpen, usePopoverContext, usePopoverPortalContainer, useSwitchContext, useTabsContext, useToast };

package/es/eslint/index.mjs

@@ -1,18 +1,28 @@
-const restrictedImports = { rules: { "no-restricted-imports": ["error", { paths: [{
-	importNames: [
-		"Button",
-		"Modal",
-		"Segmented",
-		"Select",
-		"Tabs"
-	],
-	message: "The antd-based wrapper is deprecated. Import from \"@lobehub/ui/base-ui\" instead.",
-	name: "@lobehub/ui"
-}, {
-	importNames: ["createStyles"],
-	message: "`createStyles` is banned in this project. Use `createStaticStyles` from \"antd-style\" instead.",
-	name: "antd-style"
-}] }] } };
+//#region src/eslint/index.ts
+const DEPRECATED_UI_COMPONENTS = [
+	"Button",
+	"Modal",
+	"Segmented",
+	"Select",
+	"Tabs"
+];
+const restrictedImports = { rules: { "no-restricted-imports": ["error", { paths: [
+	{
+		importNames: DEPRECATED_UI_COMPONENTS,
+		message: "The antd-based wrapper is deprecated. Import from \"@lobehub/ui/base-ui\" instead.",
+		name: "@lobehub/ui"
+	},
+	{
+		importNames: ["createStyles"],
+		message: "`createStyles` is banned in this project. Use `createStaticStyles` from \"antd-style\" instead.",
+		name: "antd-style"
+	},
+	{
+		importNames: DEPRECATED_UI_COMPONENTS,
+		message: "Direct antd import is deprecated. Import from \"@lobehub/ui\" or \"@lobehub/ui/base-ui\" instead.",
+		name: "antd"
+	}
+] }] } };
 var eslint_default = [restrictedImports];
 //#endregion
 export { eslint_default as default, restrictedImports };

package/es/eslint/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../src/eslint/index.ts"],"sourcesContent":["const DEPRECATED_UI_COMPONENTS = ['Button', 'Modal', 'Segmented', 'Select', 'Tabs'];\n\nexport const restrictedImports = {\n  rules: {\n    'no-restricted-imports': [\n      'error',\n      {\n        paths: [\n          {\n            importNames: DEPRECATED_UI_COMPONENTS,\n            message:\n              'The antd-based wrapper is deprecated. Import from \"@lobehub/ui/base-ui\" instead.',\n            name: '@lobehub/ui',\n          },\n          {\n            importNames: ['createStyles'],\n            message:\n              '`createStyles` is banned in this project. Use `createStaticStyles` from \"antd-style\" instead.',\n            name: 'antd-style',\n          },\n        ],\n      },\n    ],\n  },\n};\n\nexport default [restrictedImports];\n"],"mappings":"AAEA,MAAa,oBAAoB,EAC/B,OAAO,EACL,yBAAyB,CACvB,SACA,EACE,OAAO,CACL;CACE,aAAa;EATS;EAAU;EAAS;EAAa;EAAU;EASnD;CACb,SACE;CACF,MAAM;CACP,EACD;CACE,aAAa,CAAC,eAAe;CAC7B,SACE;CACF,MAAM;CACP,CACF,EACF,CACF,EACF,EACF;AAED,IAAA,iBAAe,CAAC,kBAAkB"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/eslint/index.ts"],"sourcesContent":["const DEPRECATED_UI_COMPONENTS = ['Button', 'Modal', 'Segmented', 'Select', 'Tabs'];\n\nexport const restrictedImports = {\n  rules: {\n    'no-restricted-imports': [\n      'error',\n      {\n        paths: [\n          {\n            importNames: DEPRECATED_UI_COMPONENTS,\n            message:\n              'The antd-based wrapper is deprecated. Import from \"@lobehub/ui/base-ui\" instead.',\n            name: '@lobehub/ui',\n          },\n          {\n            importNames: ['createStyles'],\n            message:\n              '`createStyles` is banned in this project. Use `createStaticStyles` from \"antd-style\" instead.',\n            name: 'antd-style',\n          },\n          {\n            importNames: DEPRECATED_UI_COMPONENTS,\n            message:\n              'Direct antd import is deprecated. Import from \"@lobehub/ui\" or \"@lobehub/ui/base-ui\" instead.',\n            name: 'antd',\n          },\n        ],\n      },\n    ],\n  },\n};\n\nexport default [restrictedImports];\n"],"mappings":";AAAA,MAAM,2BAA2B;CAAC;CAAU;CAAS;CAAa;CAAU;CAAO;AAEnF,MAAa,oBAAoB,EAC/B,OAAO,EACL,yBAAyB,CACvB,SACA,EACE,OAAO;CACL;EACE,aAAa;EACb,SACE;EACF,MAAM;EACP;CACD;EACE,aAAa,CAAC,eAAe;EAC7B,SACE;EACF,MAAM;EACP;CACD;EACE,aAAa;EACb,SACE;EACF,MAAM;EACP;CACF,EACF,CACF,EACF,EACF;AAED,IAAA,iBAAe,CAAC,kBAAkB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "5.19.2",
+  "version": "5.20.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -140,7 +140,7 @@
   },
   "dependencies": {
     "@ant-design/cssinjs": "^2.1.2",
-    "@base-ui/react": "1.5.0",
+    "@base-ui/react": "^1.6.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
@@ -267,7 +267,8 @@
     "typescript": "^6.0.3",
     "unist-util-is": "^6.0.1",
     "unist-util-visit": "^5.1.0",
-    "vitest": "^3.2.6"
+    "vitest": "^3.2.6",
+    "zod": "^4.4.3"
   },
   "peerDependencies": {
     "@lobehub/fluent-emoji": "^4.0.0",