musae 1.0.26 → 1.0.27-beta.1

package/dist/components/category-picker/index.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+type Props = {
+    categories?: {
+        label: string;
+        children: {
+            value: string;
+            label: string;
+        }[];
+    }[];
+};
+declare const CategoryPicker: ({ categories }: Props) => React.JSX.Element | null;
+export default CategoryPicker;

package/dist/components/icon/icons/action/search.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hoc = require('../../hoc.cjs');
+
+var Search = hoc.withIcon(function (_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M15.755 14.2549H14.965L14.685 13.9849C15.665 12.8449 16.255 11.3649 16.255 9.75488C16.255 6.16488 13.345 3.25488 9.755 3.25488C6.165 3.25488 3.255 6.16488 3.255 9.75488C3.255 13.3449 6.165 16.2549 9.755 16.2549C11.365 16.2549 12.845 15.6649 13.985 14.6849L14.255 14.9649V15.7549L19.255 20.7449L20.745 19.2549L15.755 14.2549ZM9.755 14.2549C7.26501 14.2549 5.255 12.2449 5.255 9.75488C5.255 7.26488 7.26501 5.25488 9.755 5.25488C12.245 5.25488 14.255 7.26488 14.255 9.75488C14.255 12.2449 12.245 14.2549 9.755 14.2549Z",
+    fill: "currentColor"
+  }));
+});
+
+exports.default = Search;

package/dist/components/icon/icons/action/search.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Search: (props: Omit<import("../../../../types/icon").IconProps, "as">) => React.FunctionComponentElement<import("../../../../types/icon").IconProps>;
+export default Search;

package/dist/components/icon/icons/action/search.mjs

@@ -0,0 +1,18 @@
+import React from 'react';
+import { withIcon } from '../../hoc.mjs';
+
+var Search = withIcon(function (_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M15.755 14.2549H14.965L14.685 13.9849C15.665 12.8449 16.255 11.3649 16.255 9.75488C16.255 6.16488 13.345 3.25488 9.755 3.25488C6.165 3.25488 3.255 6.16488 3.255 9.75488C3.255 13.3449 6.165 16.2549 9.755 16.2549C11.365 16.2549 12.845 15.6649 13.985 14.6849L14.255 14.9649V15.7549L19.255 20.7449L20.745 19.2549L15.755 14.2549ZM9.755 14.2549C7.26501 14.2549 5.255 12.2449 5.255 9.75488C5.255 7.26488 7.26501 5.25488 9.755 5.25488C12.245 5.25488 14.255 7.26488 14.255 9.75488C14.255 12.2449 12.245 14.2549 9.755 14.2549Z",
+    fill: "currentColor"
+  }));
+});
+
+export { Search as default };

package/dist/components/input/input.cjs

@@ -30,7 +30,7 @@ var styles = {
     kAzted: "musaex-epu74c",
     k7Eaqz: "musaex-1rdiejn",
     kzqmXN: "musaex-92755x",
-    kGVxlE: "musaex-171fg8q",
+    kGVxlE: "musaex-7u4mnu",
     kB7OPa: "musaex-9f619",
     kogj98: "musaex-q3gua8",
     k8WAf4: "musaex-11owsmz",
@@ -38,16 +38,17 @@ var styles = {
     k1ekBW: "musaex-kdsq27",
     kIyJzY: "musaex-1ptezny",
     k6sLGO: "musaex-1o9dqaq",
-    knuKkz: "musaex-tw647c",
+    knuKkz: "musaex-8pombj",
     $$css: true
   },
   invalid: {
-    kGVxlE: "musaex-1l1e3j7",
+    kGVxlE: "musaex-4ms1xy",
     knuKkz: null,
     $$css: true
   },
   input: {
     kLWn49: "musaex-15bjb6t",
+    kGuDYH: "musaex-1qlqyl8",
     kmVPX3: "musaex-1n775ky",
     kMzoRj: "musaex-k59kd",
     kWkggS: "musaex-jbqb8w",
@@ -60,7 +61,7 @@ var styles = {
   disabled: {
     kWkggS: "musaex-1fbjual",
     kMwMTN: "musaex-1ldep6k",
-    kGVxlE: "musaex-14ar7m1",
+    kGVxlE: "musaex-yb4mll",
     $$css: true
   }
 };
@@ -89,6 +90,13 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var inputRef = React.useRef(null);
   var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
   var theme$1 = hooks.useTheme();
+  // controlled value
+  var _useControlledState = relax.useControlledState(valueInProps, {
+      defaultState: ""
+    }),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    _value = _useControlledState2[0],
+    _setValue = _useControlledState2[1];
   React.useImperativeHandle(ref, function () {
     return {
       focus: function focus() {
@@ -98,16 +106,12 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       select: function select() {
         var _inputRef$current2;
         (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.select();
+      },
+      getValue: function getValue() {
+        return _value;
       }
     };
   });
-  // controlled value
-  var _useControlledState = relax.useControlledState(valueInProps, {
-      defaultState: ""
-    }),
-    _useControlledState2 = _slicedToArray(_useControlledState, 2),
-    _value = _useControlledState2[0],
-    _setValue = _useControlledState2[1];
   // input events
   var inputEvents = hooks$1.useInputEvents({
     setValue: _setValue,
@@ -131,7 +135,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var styled = {
     inputor: stylex.props(theme.$body.medium, styles.inputor, invalid && styles.invalid, disabled && styles.disabled),
     input: {
-      className: "musaex-15bjb6t musaex-1n775ky musaex-k59kd musaex-jbqb8w musaex-4fx59i musaex-1rdiejn musaex-kyvkcq musaex-98rzlu"
+      className: "musaex-15bjb6t musaex-1qlqyl8 musaex-1n775ky musaex-k59kd musaex-jbqb8w musaex-4fx59i musaex-1rdiejn musaex-kyvkcq musaex-98rzlu"
     }
   };
   return /*#__PURE__*/React.createElement("span", _objectSpread({

package/dist/components/input/input.d.ts

@@ -11,7 +11,7 @@ export declare const styles: Readonly<{
         readonly minHeight: import("@stylexjs/stylex").StyleXClassNameFor<"minHeight", string>;
         readonly minWidth: import("@stylexjs/stylex").StyleXClassNameFor<"minWidth", string>;
         readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
-        readonly boxShadow: import("@stylexjs/stylex").StyleXClassNameFor<"boxShadow", `0px 0px 0px ${import("@stylexjs/stylex").StyleXVar<string>} var(--color-outline)`>;
+        readonly boxShadow: import("@stylexjs/stylex").StyleXClassNameFor<"boxShadow", `0px 0px 0px ${import("@stylexjs/stylex").StyleXVar<string>} var(--color-outline) inset`>;
         readonly boxSizing: import("@stylexjs/stylex").StyleXClassNameFor<"boxSizing", "border-box">;
         readonly margin: import("@stylexjs/stylex").StyleXClassNameFor<"margin", string>;
         readonly paddingBlock: import("@stylexjs/stylex").StyleXClassNameFor<"paddingBlock", string>;
@@ -20,17 +20,18 @@ export declare const styles: Readonly<{
         readonly transitionDuration: import("@stylexjs/stylex").StyleXClassNameFor<"transitionDuration", string>;
         readonly willChange: import("@stylexjs/stylex").StyleXClassNameFor<"willChange", "box-shadow, transform">;
         readonly ":focus-within": import("@stylexjs/stylex").StyleXClassNameFor<":focus-within", {
-            readonly boxShadow: `0px 0px 0px ${import("@stylexjs/stylex").StyleXVar<string>} var(--color-primary)`;
+            readonly boxShadow: `0px 0px 0px ${import("@stylexjs/stylex").StyleXVar<string>} var(--color-primary) inset`;
         }>;
     }>;
     readonly invalid: Readonly<{
-        readonly boxShadow: import("@stylexjs/stylex").StyleXClassNameFor<"boxShadow", `0px 0px 0px ${import("@stylexjs/stylex").StyleXVar<string>} var(--color-error)`>;
+        readonly boxShadow: import("@stylexjs/stylex").StyleXClassNameFor<"boxShadow", `0px 0px 0px ${import("@stylexjs/stylex").StyleXVar<string>} var(--color-error) inset`>;
         readonly ":focus-within": import("@stylexjs/stylex").StyleXClassNameFor<":focus-within", {
             readonly boxShadow: null;
         }>;
     }>;
     readonly input: Readonly<{
         readonly lineHeight: import("@stylexjs/stylex").StyleXClassNameFor<"lineHeight", "inherit">;
+        readonly fontSize: import("@stylexjs/stylex").StyleXClassNameFor<"fontSize", "inherit">;
         readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
         readonly borderWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderWidth", string>;
         readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "transparent">;
@@ -42,7 +43,7 @@ export declare const styles: Readonly<{
     readonly disabled: Readonly<{
         readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-on-surface-opacity-08)">;
         readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-surface-opacity-38)">;
-        readonly boxShadow: import("@stylexjs/stylex").StyleXClassNameFor<"boxShadow", `0px 0px 0px ${import("@stylexjs/stylex").StyleXVar<string>} var(--color-on-surface-opacity-38)`>;
+        readonly boxShadow: import("@stylexjs/stylex").StyleXClassNameFor<"boxShadow", `0px 0px 0px ${import("@stylexjs/stylex").StyleXVar<string>} var(--color-on-surface-opacity-38) inset`>;
     }>;
 }>;
 /**

package/dist/components/input/input.mjs

@@ -26,7 +26,7 @@ var styles = {
     kAzted: "musaex-epu74c",
     k7Eaqz: "musaex-1rdiejn",
     kzqmXN: "musaex-92755x",
-    kGVxlE: "musaex-171fg8q",
+    kGVxlE: "musaex-7u4mnu",
     kB7OPa: "musaex-9f619",
     kogj98: "musaex-q3gua8",
     k8WAf4: "musaex-11owsmz",
@@ -34,16 +34,17 @@ var styles = {
     k1ekBW: "musaex-kdsq27",
     kIyJzY: "musaex-1ptezny",
     k6sLGO: "musaex-1o9dqaq",
-    knuKkz: "musaex-tw647c",
+    knuKkz: "musaex-8pombj",
     $$css: true
   },
   invalid: {
-    kGVxlE: "musaex-1l1e3j7",
+    kGVxlE: "musaex-4ms1xy",
     knuKkz: null,
     $$css: true
   },
   input: {
     kLWn49: "musaex-15bjb6t",
+    kGuDYH: "musaex-1qlqyl8",
     kmVPX3: "musaex-1n775ky",
     kMzoRj: "musaex-k59kd",
     kWkggS: "musaex-jbqb8w",
@@ -56,7 +57,7 @@ var styles = {
   disabled: {
     kWkggS: "musaex-1fbjual",
     kMwMTN: "musaex-1ldep6k",
-    kGVxlE: "musaex-14ar7m1",
+    kGVxlE: "musaex-yb4mll",
     $$css: true
   }
 };
@@ -85,6 +86,13 @@ var Input = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var inputRef = useRef(null);
   var classNames = useClassNames(CLASS_NAMES);
   var theme = useTheme();
+  // controlled value
+  var _useControlledState = useControlledState(valueInProps, {
+      defaultState: ""
+    }),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    _value = _useControlledState2[0],
+    _setValue = _useControlledState2[1];
   useImperativeHandle(ref, function () {
     return {
       focus: function focus() {
@@ -94,16 +102,12 @@ var Input = /*#__PURE__*/forwardRef(function (_ref, ref) {
       select: function select() {
         var _inputRef$current2;
         (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.select();
+      },
+      getValue: function getValue() {
+        return _value;
       }
     };
   });
-  // controlled value
-  var _useControlledState = useControlledState(valueInProps, {
-      defaultState: ""
-    }),
-    _useControlledState2 = _slicedToArray(_useControlledState, 2),
-    _value = _useControlledState2[0],
-    _setValue = _useControlledState2[1];
   // input events
   var inputEvents = useInputEvents({
     setValue: _setValue,
@@ -127,7 +131,7 @@ var Input = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var styled = {
     inputor: props($body.medium, styles.inputor, invalid && styles.invalid, disabled && styles.disabled),
     input: {
-      className: "musaex-15bjb6t musaex-1n775ky musaex-k59kd musaex-jbqb8w musaex-4fx59i musaex-1rdiejn musaex-kyvkcq musaex-98rzlu"
+      className: "musaex-15bjb6t musaex-1qlqyl8 musaex-1n775ky musaex-k59kd musaex-jbqb8w musaex-4fx59i musaex-1rdiejn musaex-kyvkcq musaex-98rzlu"
     }
   };
   return /*#__PURE__*/React.createElement("span", _objectSpread({

package/dist/components/pagination/pagination.cjs

@@ -82,17 +82,14 @@ var Pagination = function Pagination(_ref) {
       hasNext: hasNext,
       hasPrev: hasPrev
     }));
-  }), /*#__PURE__*/React.createElement("li", {
+  }), sizeOptions.length > 0 && (/*#__PURE__*/React.createElement("li", {
     className: className.stringify(classNames.sizeSelector, styled.sizer.className),
     style: styled.sizer.style
   }, /*#__PURE__*/React.createElement(select.default, {
     options: sizeOptions,
     value: pageSize,
-    style: {
-      minWidth: 0
-    },
     onChange: onPageSizeChange
-  }))));
+  })))));
 };
 
 exports.default = Pagination;

package/dist/components/pagination/pagination.mjs

@@ -78,17 +78,14 @@ var Pagination = function Pagination(_ref) {
       hasNext: hasNext,
       hasPrev: hasPrev
     }));
-  }), /*#__PURE__*/React.createElement("li", {
+  }), sizeOptions.length > 0 && (/*#__PURE__*/React.createElement("li", {
     className: stringify(classNames.sizeSelector, styled.sizer.className),
     style: styled.sizer.style
   }, /*#__PURE__*/React.createElement(Select, {
     options: sizeOptions,
     value: pageSize,
-    style: {
-      minWidth: 0
-    },
     onChange: onPageSizeChange
-  }))));
+  })))));
 };
 
 export { Pagination as default };

package/dist/components/picker/picker.cjs

@@ -100,10 +100,7 @@ var Picker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   }, /*#__PURE__*/React.createElement("span", _objectSpread({
     className: className.stringify(classNames.picker, isFocused && classNames.focused, className$1, styled.picker.className),
-    style: _objectSpread(_objectSpread(_objectSpread({}, styled.picker.style), _themeColorVars), {}, {
-      // eslint-disable-next-line react-hooks/refs
-      "--min-width": "".concat((_getDropdownWidth = getDropdownWidth()) !== null && _getDropdownWidth !== void 0 ? _getDropdownWidth : 0, "px")
-    }, style),
+    style: _objectSpread(_objectSpread(_objectSpread({}, styled.picker.style), style), _themeColorVars),
     ref: _trigger,
     tabIndex: -1,
     onClick: click
@@ -129,7 +126,9 @@ var Picker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React.createElement("div", {
     ref: pickableRef,
     className: className.stringify(pickableClassName, styled.pickable.className),
-    style: _objectSpread(_objectSpread({}, styled.pickable.style), pickableStyle)
+    style: _objectSpread(_objectSpread(_objectSpread({}, styled.pickable.style), pickableStyle), {}, {
+      "--min-width": "".concat((_getDropdownWidth = getDropdownWidth()) !== null && _getDropdownWidth !== void 0 ? _getDropdownWidth : 0, "px")
+    })
   }, pickable)));
 });
 

package/dist/components/picker/picker.mjs

@@ -96,10 +96,7 @@ var Picker = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   }, /*#__PURE__*/React.createElement("span", _objectSpread({
     className: stringify(classNames.picker, isFocused && classNames.focused, className, styled.picker.className),
-    style: _objectSpread(_objectSpread(_objectSpread({}, styled.picker.style), _themeColorVars), {}, {
-      // eslint-disable-next-line react-hooks/refs
-      "--min-width": "".concat((_getDropdownWidth = getDropdownWidth()) !== null && _getDropdownWidth !== void 0 ? _getDropdownWidth : 0, "px")
-    }, style),
+    style: _objectSpread(_objectSpread(_objectSpread({}, styled.picker.style), style), _themeColorVars),
     ref: _trigger,
     tabIndex: -1,
     onClick: click
@@ -125,7 +122,9 @@ var Picker = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React.createElement("div", {
     ref: pickableRef,
     className: stringify(pickableClassName, styled.pickable.className),
-    style: _objectSpread(_objectSpread({}, styled.pickable.style), pickableStyle)
+    style: _objectSpread(_objectSpread(_objectSpread({}, styled.pickable.style), pickableStyle), {}, {
+      "--min-width": "".concat((_getDropdownWidth = getDropdownWidth()) !== null && _getDropdownWidth !== void 0 ? _getDropdownWidth : 0, "px")
+    })
   }, pickable)));
 });
 

package/dist/components/search/index.d.ts

@@ -0,0 +1,2 @@
+import Search from "./search";
+export { Search };

package/dist/components/search/search.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var button = require('../button/button.cjs');
+var input = require('../input/input.cjs');
+var React = require('react');
+var search = require('../icon/icons/action/search.cjs');
+var useThemeColorVars = require('../../hooks/use-theme-color-vars.cjs');
+var relax = require('@aiszlab/relax');
+
+var Search = function Search(_ref) {
+  var searchButton = _ref.searchButton,
+    onSearch = _ref.onSearch;
+  var inputRef = React.useRef(null);
+  var styled = {
+    search: {
+      className: "musaex-3nfvp2 musaex-92755x musaex-shxsqp musaex-3awqi9"
+    },
+    input: {
+      className: "musaex-19h0how musaex-4v1e0s musaex-vt43hk musaex-dsx2o5 musaex-yttm51"
+    },
+    button: {
+      className: "musaex-jizfy5 musaex-yjjj70"
+    }
+  };
+  var themeColorVars = useThemeColorVars.useThemeColorVars(["outline", "primary"]);
+  var search$1 = relax.useEvent(function () {
+    var _inputRef$current;
+    onSearch === null || onSearch === void 0 || onSearch((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.getValue());
+  });
+  return /*#__PURE__*/React.createElement("span", {
+    className: styled.search.className,
+    style: _objectSpread(_objectSpread({}, styled.search.style), themeColorVars)
+  }, /*#__PURE__*/React.createElement(input.default, {
+    className: styled.input.className,
+    style: styled.input.style,
+    ref: inputRef
+  }), /*#__PURE__*/React.createElement(button.Button, {
+    className: styled.button.className,
+    style: styled.button.style,
+    onClick: search$1
+  }, searchButton !== null && searchButton !== void 0 ? searchButton : /*#__PURE__*/React.createElement(search.default, null)));
+};
+
+exports.default = Search;

package/dist/components/search/search.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { SearchProps } from "../../types/search";
+declare const Search: ({ searchButton, onSearch }: SearchProps) => React.JSX.Element;
+export default Search;

package/dist/components/search/search.mjs

@@ -0,0 +1,43 @@
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import { Button } from '../button/button.mjs';
+import Input from '../input/input.mjs';
+import React, { useRef } from 'react';
+import Search$1 from '../icon/icons/action/search.mjs';
+import { useThemeColorVars } from '../../hooks/use-theme-color-vars.mjs';
+import { useEvent } from '@aiszlab/relax';
+
+var Search = function Search(_ref) {
+  var searchButton = _ref.searchButton,
+    onSearch = _ref.onSearch;
+  var inputRef = useRef(null);
+  var styled = {
+    search: {
+      className: "musaex-3nfvp2 musaex-92755x musaex-shxsqp musaex-3awqi9"
+    },
+    input: {
+      className: "musaex-19h0how musaex-4v1e0s musaex-vt43hk musaex-dsx2o5 musaex-yttm51"
+    },
+    button: {
+      className: "musaex-jizfy5 musaex-yjjj70"
+    }
+  };
+  var themeColorVars = useThemeColorVars(["outline", "primary"]);
+  var search = useEvent(function () {
+    var _inputRef$current;
+    onSearch === null || onSearch === void 0 || onSearch((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.getValue());
+  });
+  return /*#__PURE__*/React.createElement("span", {
+    className: styled.search.className,
+    style: _objectSpread(_objectSpread({}, styled.search.style), themeColorVars)
+  }, /*#__PURE__*/React.createElement(Input, {
+    className: styled.input.className,
+    style: styled.input.style,
+    ref: inputRef
+  }), /*#__PURE__*/React.createElement(Button, {
+    className: styled.button.className,
+    style: styled.button.style,
+    onClick: search
+  }, searchButton !== null && searchButton !== void 0 ? searchButton : /*#__PURE__*/React.createElement(Search$1, null)));
+};
+
+export { Search as default };

package/dist/index.cjs

@@ -46,6 +46,7 @@ var popover = require('./components/popover/popover.cjs');
 var progress = require('./components/progress/progress.cjs');
 var quote = require('./components/quote/quote.cjs');
 var rate = require('./components/rate/rate.cjs');
+var search = require('./components/search/search.cjs');
 var select = require('./components/select/select.cjs');
 var sessionStorage = require('./components/session-storage/session-storage.cjs');
 var skeleton = require('./components/skeleton/skeleton.cjs');
@@ -121,6 +122,7 @@ exports.Popover = popover.default;
 exports.Progress = progress.default;
 exports.Quote = quote.default;
 exports.Rate = rate.default;
+exports.Search = search.default;
 exports.Select = select.default;
 exports.SessionStorage = sessionStorage.default;
 exports.Skeleton = skeleton.default;

package/dist/index.d.ts

@@ -68,6 +68,7 @@ export { Markdown } from "./components/markdown";
 export { Ellipsis } from "./components/ellipsis";
 export { SplitPanel } from "./components/split-panel";
 export { SessionStorage } from "./components/session-storage";
+export { Search } from "./components/search";
 /**
  * @description
  * hooks

package/dist/index.mjs

@@ -44,6 +44,7 @@ export { default as Popover } from './components/popover/popover.mjs';
 export { default as Progress } from './components/progress/progress.mjs';
 export { default as Quote } from './components/quote/quote.mjs';
 export { default as Rate } from './components/rate/rate.mjs';
+export { default as Search } from './components/search/search.mjs';
 export { default as Select } from './components/select/select.mjs';
 export { default as SessionStorage } from './components/session-storage/session-storage.mjs';
 export { default as Skeleton } from './components/skeleton/skeleton.mjs';

package/dist/styles.css

@@ -706,20 +706,24 @@
     border-spacing: var(--musaex-16072l3);
   }
 
-  .musaex-1l1e3j7 {
-    box-shadow: 0 0 0 var(--musaex-1035pbm) var(--color-error);
+  .musaex-4ms1xy {
+    box-shadow: 0 0 0 var(--musaex-1035pbm) var(--color-error) inset;
+  }
+
+  .musaex-3awqi9 {
+    box-shadow: 0 0 0 var(--musaex-1035pbm) var(--color-primary) inset;
   }
 
   .musaex-bxw2on {
     box-shadow: 0 0 0 var(--musaex-1xf102v) var(--color-on-primary);
   }
 
-  .musaex-14ar7m1 {
-    box-shadow: 0 0 0 var(--musaex-1xf102v) var(--color-on-surface-opacity-38);
+  .musaex-yb4mll {
+    box-shadow: 0 0 0 var(--musaex-1xf102v) var(--color-on-surface-opacity-38) inset;
   }
 
-  .musaex-171fg8q {
-    box-shadow: 0 0 0 var(--musaex-1xf102v) var(--color-outline);
+  .musaex-7u4mnu {
+    box-shadow: 0 0 0 var(--musaex-1xf102v) var(--color-outline) inset;
   }
 
   .musaex-1gnnqk1 {
@@ -1018,6 +1022,10 @@
     font-size: 57px;
   }
 
+  .musaex-1qlqyl8 {
+    font-size: inherit;
+  }
+
   .musaex-o1l8bm {
     font-weight: 400;
   }
@@ -1623,8 +1631,12 @@
     background-color: var(--color-outline-variant);
   }
 
-  .musaex-tw647c:focus-within {
-    box-shadow: 0 0 0 var(--musaex-1035pbm) var(--color-primary);
+  .musaex-8pombj:focus-within {
+    box-shadow: 0 0 0 var(--musaex-1035pbm) var(--color-primary) inset;
+  }
+
+  .musaex-4v1e0s:not(#\#), .musaex-yttm51:focus-within:not(#\#) {
+    box-shadow: none;
   }
 
   .musaex-x7gz8e:not(:last-of-type):after {
@@ -1635,6 +1647,10 @@
     display: none;
   }
 
+  .musaex-19h0how:not(#\#) {
+    font-size: var(--musaex-zv0eff);
+  }
+
   .musaex-192i3sz:not(:last-of-type):after {
     inset-inline-end: 0;
   }
@@ -1729,6 +1745,10 @@
     border-bottom-left-radius: var(--musaex-hio464);
   }
 
+  .musaex-yjjj70 {
+    border-bottom-left-radius: var(--musaex-mw242b);
+  }
+
   .musaex-ipjkct {
     border-bottom-right-radius: var(--musaex-1035pbm);
   }
@@ -1757,6 +1777,10 @@
     border-top-left-radius: var(--musaex-1035pbm);
   }
 
+  .musaex-jizfy5 {
+    border-top-left-radius: var(--musaex-mw242b);
+  }
+
   .musaex-ebmt4n {
     border-top-left-radius: var(--musaex-zv0eff);
   }
@@ -2337,6 +2361,14 @@
     border-bottom-color: var(--color-primary);
   }
 
+  .musaex-dsx2o5:not(#\#) {
+    border-bottom-right-radius: var(--musaex-mw242b);
+  }
+
+  .musaex-vt43hk:not(#\#) {
+    border-top-right-radius: var(--musaex-mw242b);
+  }
+
   .musaex-8l2ero:not(:last-of-type):after {
     height: var(--musaex-qe7ci9);
   }

package/dist/types/input.d.ts

@@ -81,6 +81,10 @@ export interface InputRef {
      * select
      */
     select?: HTMLInputElement["select"];
+    /**
+     * 获取组件内部值
+     */
+    getValue: () => string;
 }
 /**
  * @description

package/dist/types/search.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+/**
+ * `Search`组件属性入参
+ */
+export type SearchProps = {
+    /**
+     * 定制搜索按钮
+     * @default undefined
+     */
+    searchButton?: ReactNode;
+    /**
+     * 用户点击搜索时的回调函数
+     * @default undefined
+     */
+    onSearch?: (keyword?: string) => void;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "musae",
-  "version": "1.0.26",
+  "version": "1.0.27-beta.1",
   "description": "musae-ui",
   "author": "tutu@fantufantu.com",
   "license": "MIT",
@@ -82,9 +82,9 @@
     "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-typescript": "^12.3.0",
-    "@storybook/addon-docs": "^10.2.8",
-    "@storybook/addon-onboarding": "^10.2.8",
-    "@storybook/react-vite": "^10.2.8",
+    "@storybook/addon-docs": "^10.2.17",
+    "@storybook/addon-onboarding": "^10.2.17",
+    "@storybook/react-vite": "^10.2.17",
     "@stylexjs/babel-plugin": "^0.17.5",
     "@stylexjs/rollup-plugin": "^0.17.5",
     "@stylexjs/stylex": "^0.17.5",
@@ -99,13 +99,13 @@
     "eslint": "^10.0.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-storybook": "^10.2.8",
+    "eslint-plugin-storybook": "^10.2.17",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "rollup": "^4.57.1",
-    "storybook": "^10.2.8",
+    "storybook": "^10.2.17",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.55.0",
     "zx": "^8.8.5"
@@ -131,7 +131,7 @@
     "test": "jest",
     "test:coverage": "jest --coverage",
     "dev": "rollup -c -w --environment NODE_ENV:development",
-    "build": "rollup -c --environment NODE_ENV:production",
+    "build": "z rm dist && rollup -c --environment NODE_ENV:production",
     "preinstall": "npx @aiszlab/watchdog preinstall",
     "authors": "zx scripts/contributors.mjs",
     "changesets": "z cs",