@lobehub/ui 1.146.0 → 1.146.2

package/es/ChatHeader/index.d.ts

@@ -1,12 +1,12 @@
 import { CSSProperties, ReactNode } from 'react';
-import { DivProps } from "../types";
-export interface ChatHeaderProps extends DivProps {
+import { FlexboxProps } from 'react-layout-kit';
+export interface ChatHeaderProps extends FlexboxProps {
     classNames?: {
         center?: string;
         left?: string;
         right?: string;
     };
-    gap?: {
+    gaps?: {
         center?: number;
         left?: number;
         right?: number;

package/es/ChatHeader/index.js

@@ -1,5 +1,8 @@
 'use client';
 
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["left", "right", "className", "styles", "gaps", "classNames", "showBackButton", "onBackClick", "children", "gap"];
 import { ChevronLeft } from 'lucide-react';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
@@ -11,28 +14,32 @@ var ChatHeader = /*#__PURE__*/memo(function (_ref) {
   var left = _ref.left,
     right = _ref.right,
     className = _ref.className,
-    style = _ref.style,
     contentStyles = _ref.styles,
+    gaps = _ref.gaps,
     classNames = _ref.classNames,
     showBackButton = _ref.showBackButton,
     onBackClick = _ref.onBackClick,
-    gap = _ref.gap,
-    children = _ref.children;
+    children = _ref.children,
+    _ref$gap = _ref.gap,
+    gap = _ref$gap === void 0 ? 16 : _ref$gap,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsxs(Flexbox, {
+  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
     align: 'center',
     className: cx(styles.container, className),
     distribution: 'space-between',
+    gap: gap,
     horizontal: true,
-    paddingInline: 16,
-    style: style,
+    paddingInline: 16
+  }, rest), {}, {
     children: [/*#__PURE__*/_jsxs(Flexbox, {
       align: 'center',
       className: cx(styles.left, classNames === null || classNames === void 0 ? void 0 : classNames.left),
-      gap: (gap === null || gap === void 0 ? void 0 : gap.left) || 12,
+      gap: (gaps === null || gaps === void 0 ? void 0 : gaps.left) || 12,
       horizontal: true,
+      justify: 'flex-start',
       style: contentStyles === null || contentStyles === void 0 ? void 0 : contentStyles.left,
       children: [showBackButton && /*#__PURE__*/_jsx(ActionIcon, {
         icon: ChevronLeft,
@@ -43,24 +50,26 @@ var ChatHeader = /*#__PURE__*/memo(function (_ref) {
           fontSize: 24
         },
         style: {
-          marginRight: gap !== null && gap !== void 0 && gap.left ? -gap.left / 2 : -6
+          marginRight: gaps !== null && gaps !== void 0 && gaps.left ? -gaps.left / 2 : -6
         }
       }), left]
     }), children && /*#__PURE__*/_jsx(Flexbox, {
       align: 'center',
       className: cx(styles.center, classNames === null || classNames === void 0 ? void 0 : classNames.center),
-      gap: (gap === null || gap === void 0 ? void 0 : gap.center) || 12,
+      gap: (gaps === null || gaps === void 0 ? void 0 : gaps.center) || 8,
       horizontal: true,
+      justify: 'center',
       style: contentStyles === null || contentStyles === void 0 ? void 0 : contentStyles.center,
       children: children
     }), /*#__PURE__*/_jsx(Flexbox, {
       align: 'center',
       className: cx(styles.right, classNames === null || classNames === void 0 ? void 0 : classNames.right),
-      gap: (gap === null || gap === void 0 ? void 0 : gap.right) || 8,
+      gap: (gaps === null || gaps === void 0 ? void 0 : gaps.right) || 8,
       horizontal: true,
+      justify: 'flex-end',
       style: contentStyles === null || contentStyles === void 0 ? void 0 : contentStyles.right,
       children: right
     })]
-  });
+  }));
 });
 export default ChatHeader;

package/es/SearchBar/index.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties } from 'react';
 import { type InputProps } from "../Input";
 export interface SearchBarProps extends Omit<InputProps, 'styles' | 'classNames'> {
-    classNames: {
+    classNames?: {
         input?: string;
         shortKey?: string;
     };
@@ -24,7 +24,7 @@ export interface SearchBarProps extends Omit<InputProps, 'styles' | 'classNames'
      */
     shortKey?: string;
     spotlight?: boolean;
-    styles: {
+    styles?: {
         input?: CSSProperties;
         shortKey?: CSSProperties;
     };

package/es/SearchBar/index.js

@@ -32,11 +32,13 @@ var SearchBar = /*#__PURE__*/memo(function (_ref) {
     _onPressEnter = _ref.onPressEnter,
     _onFocus = _ref.onFocus,
     _ref$styles = _ref.styles,
-    inputStyle = _ref$styles.input,
-    shortKeyStyle = _ref$styles.shortKey,
+    _ref$styles2 = _ref$styles === void 0 ? {} : _ref$styles,
+    inputStyle = _ref$styles2.input,
+    shortKeyStyle = _ref$styles2.shortKey,
     _ref$classNames = _ref.classNames,
-    inputClassName = _ref$classNames.input,
-    shortKeyClassName = _ref$classNames.shortKey,
+    _ref$classNames2 = _ref$classNames === void 0 ? {} : _ref$classNames,
+    inputClassName = _ref$classNames2.input,
+    shortKeyClassName = _ref$classNames2.shortKey,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useControlledState = useControlledState(defaultValue, {
       defaultValue: defaultValue,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.146.0",
+  "version": "1.146.2",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",