musae 1.3.1-beta.2 → 1.3.1-beta.21

package/dist/components/rich-text-editor/styles.mjs

@@ -0,0 +1,184 @@
+var richTextEditor = {
+  editor: {
+    kWkggS: "musaex-17o6occ",
+    kaIpWk: "musaex-m9kfsm",
+    $$css: true
+  },
+  disabled: {
+    kWkggS: null,
+    $$css: true
+  },
+  textarea: {
+    kI3sdo: "musaex-1a2a7pz",
+    kg3NbH: "musaex-1v4gb6w",
+    k8WAf4: "musaex-s7sbuz",
+    kAzted: "musaex-1qm8y5n",
+    $$css: true
+  }
+};
+var root = {
+  loading: {
+    kZKoxP: "musaex-1v3n0qb",
+    kzqmXN: "musaex-92755x",
+    kaIpWk: "musaex-m9kfsm",
+    $$css: true
+  }
+};
+var utils = {
+  list: {
+    base: {
+      base: {
+        kmVPX3: "musaex-1n775ky",
+        kogj98: "musaex-q3gua8",
+        kpqbRz: "musaex-43c9pm",
+        $$css: true
+      }
+    },
+    unordered: {
+      base: {
+        kH6xsr: "musaex-taz4m5",
+        $$css: true
+      },
+      checkable: {
+        kH6xsr: "musaex-3ct3a4",
+        $$css: true
+      }
+    },
+    ordered: {
+      base: {
+        kH6xsr: "musaex-3yw8vx",
+        $$css: true
+      }
+    },
+    item: {
+      base: {
+        kI3sdo: "musaex-1a2a7pz",
+        kVAEAm: "musaex-1n2onr6",
+        kUOVxO: "musaex-112b0ci",
+        $$css: true
+      },
+      checkable: {
+        kUOVxO: "musaex-3fojng",
+        kg3NbH: "musaex-1pyhihf",
+        $$css: true
+      },
+      checked: {
+        kybGjl: "musaex-mqliwb",
+        $$css: true
+      }
+    }
+  },
+  code: {
+    block: {
+      kWkggS: "musaex-1mu49yl",
+      k1xSpc: "musaex-1lliihq",
+      kVQacm: "musaex-ysyzu8",
+      kaIpWk: "musaex-1ezz4s",
+      k8WAf4: "musaex-a0rzc7",
+      kg3NbH: "musaex-1g3a7fl",
+      kqGvvJ: "musaex-1u2090n",
+      $$css: true
+    },
+    inline: {
+      kWkggS: "musaex-1mu49yl",
+      kaIpWk: "musaex-dshwmh",
+      k8WAf4: "musaex-15g5btq",
+      kg3NbH: "musaex-ipt7de",
+      kUOVxO: "musaex-15o2aup",
+      $$css: true
+    }
+  },
+  heading: {
+    base: {
+      k63SB2: "musaex-1xlr1w8",
+      $$css: true
+    },
+    h1: {
+      keoZOQ: "musaex-bvu51n",
+      k1K539: "musaex-y3aqht",
+      $$css: true
+    },
+    h2: {
+      keoZOQ: "musaex-13lcyz4",
+      k1K539: "musaex-zflt5p",
+      $$css: true
+    },
+    h3: {
+      keoZOQ: "musaex-wrh54p",
+      k1K539: "musaex-zflt5p",
+      $$css: true
+    },
+    h4: {
+      keoZOQ: "musaex-wss4xr",
+      k1K539: "musaex-zflt5p",
+      $$css: true
+    },
+    h5: {
+      keoZOQ: "musaex-1eodh35",
+      k1K539: "musaex-zflt5p",
+      $$css: true
+    },
+    h6: {
+      k1K539: "musaex-zflt5p",
+      $$css: true
+    }
+  },
+  link: {
+    base: {
+      kMwMTN: "musaex-14qql8p",
+      kkrTdU: "musaex-1ypdohk",
+      kybGjl: "musaex-1hl2dhg musaex-4ohgrr",
+      $$css: true
+    }
+  }
+};
+var dropdown = {
+  label: {
+    kzqmXN: "musaex-1bl4301",
+    kVQacm: "musaex-b3r6kr",
+    kg5iWk: "musaex-lyipyv",
+    $$css: true
+  }
+};
+var checkbox = {
+  base: {
+    kVAEAm: "musaex-10l6tqk",
+    kLqNvP: "musaex-1nd3h6z",
+    k87sOh: "musaex-9g8htu",
+    k1xSpc: "musaex-78zum5",
+    kmVPX3: "musaex-98m019",
+    $$css: true
+  }
+};
+var floatingLinkEditor = {
+  popper: {
+    kmVPX3: "musaex-17p8e4n",
+    $$css: true
+  }
+};
+var toolbar = {
+  base: {
+    kAzted: "musaex-epu74c",
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-1q0g3np",
+    kGNEyG: "musaex-6s0dn4",
+    kOIVth: "musaex-15wobh7",
+    kt9PQ7: "musaex-d1xpcx",
+    kL6WhQ: "musaex-quqrak",
+    kfdmCh: "musaex-1q0q8m5",
+    kVQacm: "musaex-ysyzu8",
+    kmVPX3: "musaex-9ezjre",
+    $$css: true
+  }
+};
+var styles = {
+  richTextEditor: richTextEditor,
+  root: root,
+  utils: utils,
+  dropdown: dropdown,
+  checkbox: checkbox,
+  floatingLinkEditor: floatingLinkEditor,
+  toolbar: toolbar
+};
+
+export { styles as default };

package/dist/components/rich-text-editor/utils.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+var styles = require('./styles.cjs');
 var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var richText = require('@lexical/rich-text');
 var link = require('@lexical/link');
@@ -10,95 +11,25 @@ var checkableListItem = require('./nodes/checkable-list-item.cjs');
 var checkbox = require('./nodes/checkbox.cjs');
 var theme = require('../theme/theme.cjs');
 
-var _styles = {
-  code: {
-    block: {
-      kWkggS: "musaex-1mu49yl",
-      k1xSpc: "musaex-1lliihq",
-      kVQacm: "musaex-ysyzu8",
-      kaIpWk: "musaex-1ezz4s",
-      k8WAf4: "musaex-a0rzc7",
-      kg3NbH: "musaex-1g3a7fl",
-      kqGvvJ: "musaex-1u2090n",
-      $$css: true
-    },
-    inline: {
-      kWkggS: "musaex-1mu49yl",
-      kaIpWk: "musaex-dshwmh",
-      k8WAf4: "musaex-15g5btq",
-      kg3NbH: "musaex-ipt7de",
-      kUOVxO: "musaex-15o2aup",
-      $$css: true
-    }
-  },
-  heading: {
-    "default": {
-      k63SB2: "musaex-1xlr1w8",
-      $$css: true
-    },
-    h1: {
-      keoZOQ: "musaex-bvu51n",
-      k1K539: "musaex-y3aqht",
-      $$css: true
-    },
-    h2: {
-      keoZOQ: "musaex-13lcyz4",
-      k1K539: "musaex-zflt5p",
-      $$css: true
-    },
-    h3: {
-      keoZOQ: "musaex-wrh54p",
-      k1K539: "musaex-zflt5p",
-      $$css: true
-    },
-    h4: {
-      keoZOQ: "musaex-wss4xr",
-      k1K539: "musaex-zflt5p",
-      $$css: true
-    },
-    h5: {
-      keoZOQ: "musaex-1eodh35",
-      k1K539: "musaex-zflt5p",
-      $$css: true
-    },
-    h6: {
-      k1K539: "musaex-zflt5p",
-      $$css: true
-    }
-  }};
 var usingStyles = function usingStyles() {
   return {
-    h1: stylex.props(theme.$headline.large, _styles.heading["default"], _styles.heading.h1),
-    h2: stylex.props(theme.$headline.medium, _styles.heading["default"], _styles.heading.h2),
-    h3: stylex.props(theme.$headline.small, _styles.heading["default"], _styles.heading.h3),
-    h4: stylex.props(theme.$title.large, _styles.heading["default"], _styles.heading.h4),
-    h5: stylex.props(theme.$title.medium, _styles.heading["default"], _styles.heading.h5),
-    h6: stylex.props(theme.$title.medium, _styles.heading["default"], _styles.heading.h6),
-    code: stylex.props(theme.$label.medium, _styles.code.block),
-    inlineCode: stylex.props(theme.$label.medium, _styles.code.inline),
-    link: {
-      className: "musaex-14qql8p musaex-1ypdohk musaex-1hl2dhg musaex-4ohgrr"
-    },
+    h1: stylex.props(theme.$headline.large, styles.default.utils.heading.base, styles.default.utils.heading.h1),
+    h2: stylex.props(theme.$headline.medium, styles.default.utils.heading.base, styles.default.utils.heading.h2),
+    h3: stylex.props(theme.$headline.small, styles.default.utils.heading.base, styles.default.utils.heading.h3),
+    h4: stylex.props(theme.$title.large, styles.default.utils.heading.base, styles.default.utils.heading.h4),
+    h5: stylex.props(theme.$title.medium, styles.default.utils.heading.base, styles.default.utils.heading.h5),
+    h6: stylex.props(theme.$title.medium, styles.default.utils.heading.base, styles.default.utils.heading.h6),
+    code: stylex.props(theme.$label.medium, styles.default.utils.code.block),
+    inlineCode: stylex.props(theme.$label.medium, styles.default.utils.code.inline),
+    link: stylex.props(styles.default.utils.link.base),
     list: {
-      unordered: {
-        className: "musaex-1n775ky musaex-q3gua8 musaex-43c9pm musaex-taz4m5"
-      },
-      ordered: {
-        className: "musaex-1n775ky musaex-q3gua8 musaex-43c9pm musaex-3yw8vx"
-      },
-      checkable: {
-        className: "musaex-3ct3a4"
-      },
+      unordered: stylex.props(styles.default.utils.list.base.base, styles.default.utils.list.unordered.base),
+      ordered: stylex.props(styles.default.utils.list.base.base, styles.default.utils.list.ordered.base),
+      checkable: stylex.props(styles.default.utils.list.unordered.checkable),
       item: {
-        "default": {
-          className: "musaex-1a2a7pz musaex-1n2onr6 musaex-112b0ci"
-        },
-        unchecked: {
-          className: "musaex-3fojng musaex-1pyhihf"
-        },
-        checked: {
-          className: "musaex-3fojng musaex-1pyhihf musaex-mqliwb"
-        }
+        "default": stylex.props(styles.default.utils.list.item.base),
+        unchecked: stylex.props(styles.default.utils.list.item.checkable),
+        checked: stylex.props(styles.default.utils.list.item.checkable, styles.default.utils.list.item.checked)
       }
     }
   };

package/dist/components/rich-text-editor/utils.mjs

@@ -1,3 +1,4 @@
+import styles from './styles.mjs';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { HeadingNode, QuoteNode } from '@lexical/rich-text';
 import { LinkNode } from '@lexical/link';
@@ -8,95 +9,25 @@ import { CheckableListItemNode, replacement } from './nodes/checkable-list-item.
 import { CheckboxNode } from './nodes/checkbox.mjs';
 import { $label, $title, $headline } from '../theme/theme.mjs';
 
-var _styles = {
-  code: {
-    block: {
-      kWkggS: "musaex-1mu49yl",
-      k1xSpc: "musaex-1lliihq",
-      kVQacm: "musaex-ysyzu8",
-      kaIpWk: "musaex-1ezz4s",
-      k8WAf4: "musaex-a0rzc7",
-      kg3NbH: "musaex-1g3a7fl",
-      kqGvvJ: "musaex-1u2090n",
-      $$css: true
-    },
-    inline: {
-      kWkggS: "musaex-1mu49yl",
-      kaIpWk: "musaex-dshwmh",
-      k8WAf4: "musaex-15g5btq",
-      kg3NbH: "musaex-ipt7de",
-      kUOVxO: "musaex-15o2aup",
-      $$css: true
-    }
-  },
-  heading: {
-    "default": {
-      k63SB2: "musaex-1xlr1w8",
-      $$css: true
-    },
-    h1: {
-      keoZOQ: "musaex-bvu51n",
-      k1K539: "musaex-y3aqht",
-      $$css: true
-    },
-    h2: {
-      keoZOQ: "musaex-13lcyz4",
-      k1K539: "musaex-zflt5p",
-      $$css: true
-    },
-    h3: {
-      keoZOQ: "musaex-wrh54p",
-      k1K539: "musaex-zflt5p",
-      $$css: true
-    },
-    h4: {
-      keoZOQ: "musaex-wss4xr",
-      k1K539: "musaex-zflt5p",
-      $$css: true
-    },
-    h5: {
-      keoZOQ: "musaex-1eodh35",
-      k1K539: "musaex-zflt5p",
-      $$css: true
-    },
-    h6: {
-      k1K539: "musaex-zflt5p",
-      $$css: true
-    }
-  }};
 var usingStyles = function usingStyles() {
   return {
-    h1: props($headline.large, _styles.heading["default"], _styles.heading.h1),
-    h2: props($headline.medium, _styles.heading["default"], _styles.heading.h2),
-    h3: props($headline.small, _styles.heading["default"], _styles.heading.h3),
-    h4: props($title.large, _styles.heading["default"], _styles.heading.h4),
-    h5: props($title.medium, _styles.heading["default"], _styles.heading.h5),
-    h6: props($title.medium, _styles.heading["default"], _styles.heading.h6),
-    code: props($label.medium, _styles.code.block),
-    inlineCode: props($label.medium, _styles.code.inline),
-    link: {
-      className: "musaex-14qql8p musaex-1ypdohk musaex-1hl2dhg musaex-4ohgrr"
-    },
+    h1: props($headline.large, styles.utils.heading.base, styles.utils.heading.h1),
+    h2: props($headline.medium, styles.utils.heading.base, styles.utils.heading.h2),
+    h3: props($headline.small, styles.utils.heading.base, styles.utils.heading.h3),
+    h4: props($title.large, styles.utils.heading.base, styles.utils.heading.h4),
+    h5: props($title.medium, styles.utils.heading.base, styles.utils.heading.h5),
+    h6: props($title.medium, styles.utils.heading.base, styles.utils.heading.h6),
+    code: props($label.medium, styles.utils.code.block),
+    inlineCode: props($label.medium, styles.utils.code.inline),
+    link: props(styles.utils.link.base),
     list: {
-      unordered: {
-        className: "musaex-1n775ky musaex-q3gua8 musaex-43c9pm musaex-taz4m5"
-      },
-      ordered: {
-        className: "musaex-1n775ky musaex-q3gua8 musaex-43c9pm musaex-3yw8vx"
-      },
-      checkable: {
-        className: "musaex-3ct3a4"
-      },
+      unordered: props(styles.utils.list.base.base, styles.utils.list.unordered.base),
+      ordered: props(styles.utils.list.base.base, styles.utils.list.ordered.base),
+      checkable: props(styles.utils.list.unordered.checkable),
       item: {
-        "default": {
-          className: "musaex-1a2a7pz musaex-1n2onr6 musaex-112b0ci"
-        },
-        unchecked: {
-          className: "musaex-3fojng musaex-1pyhihf"
-        },
-        checked: {
-          className: "musaex-3fojng musaex-1pyhihf musaex-mqliwb"
-        }
+        "default": props(styles.utils.list.item.base),
+        unchecked: props(styles.utils.list.item.checkable),
+        checked: props(styles.utils.list.item.checkable, styles.utils.list.item.checked)
       }
     }
   };

package/dist/components/ripple/ripple.cjs

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var styles = require('./styles.cjs');
 var React = require('react');
 var react = require('motion/react');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 
 var Ripple = function Ripple(_ref) {
   var _ref$ripples = _ref.ripples,
     ripples = _ref$ripples === void 0 ? [] : _ref$ripples,
     onClear = _ref.onClear;
   return ripples.map(function (ripple) {
-    var styled = {
-      className: "musaex-twfq29 musaex-shxsqp musaex-1bndym7 musaex-47corl musaex-10l6tqk musaex-p82oam musaex-1yyve0d musaex-1fjlwjz musaex-188dgw3"
-    };
+    var styled = stylex.props(styles.default.ripple, styles.default.position, styles.default.size);
     return /*#__PURE__*/React.createElement(react.AnimatePresence, {
       key: ripple.key,
       mode: "popLayout"

package/dist/components/ripple/ripple.mjs

@@ -1,15 +1,15 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import styles from './styles.mjs';
 import React from 'react';
 import { AnimatePresence, motion } from 'motion/react';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 
 var Ripple = function Ripple(_ref) {
   var _ref$ripples = _ref.ripples,
     ripples = _ref$ripples === void 0 ? [] : _ref$ripples,
     onClear = _ref.onClear;
   return ripples.map(function (ripple) {
-    var styled = {
-      className: "musaex-twfq29 musaex-shxsqp musaex-1bndym7 musaex-47corl musaex-10l6tqk musaex-p82oam musaex-1yyve0d musaex-1fjlwjz musaex-188dgw3"
-    };
+    var styled = props(styles.ripple, styles.position, styles.size);
     return /*#__PURE__*/React.createElement(AnimatePresence, {
       key: ripple.key,
       mode: "popLayout"

package/dist/components/ripple/styles.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {
+  ripple: {
+    kWkggS: "musaex-twfq29",
+    kaIpWk: "musaex-shxsqp",
+    k3nNDw: "musaex-1bndym7",
+    kfzvcC: "musaex-47corl",
+    $$css: true
+  },
+  position: {
+    kVAEAm: "musaex-10l6tqk",
+    k87sOh: "musaex-p82oam",
+    kbCHJM: "musaex-1yyve0d",
+    $$css: true
+  },
+  size: {
+    kzqmXN: "musaex-1fjlwjz",
+    kZKoxP: "musaex-188dgw3",
+    $$css: true
+  }
+};
+
+exports.default = styles;

package/dist/components/ripple/styles.d.ts

@@ -0,0 +1,18 @@
+declare const styles: Readonly<{
+    readonly ripple: Readonly<{
+        readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "currentColor">;
+        readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+        readonly transformOrigin: import("@stylexjs/stylex").StyleXClassNameFor<"transformOrigin", "50% 50%">;
+        readonly pointerEvents: import("@stylexjs/stylex").StyleXClassNameFor<"pointerEvents", "none">;
+    }>;
+    readonly position: Readonly<{
+        readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "absolute">;
+        readonly top: import("@stylexjs/stylex").StyleXClassNameFor<"top", "var(--y)">;
+        readonly left: import("@stylexjs/stylex").StyleXClassNameFor<"left", "var(--x)">;
+    }>;
+    readonly size: Readonly<{
+        readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", "var(--size)">;
+        readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", "var(--size)">;
+    }>;
+}>;
+export default styles;

package/dist/components/ripple/styles.mjs

@@ -0,0 +1,22 @@
+var styles = {
+  ripple: {
+    kWkggS: "musaex-twfq29",
+    kaIpWk: "musaex-shxsqp",
+    k3nNDw: "musaex-1bndym7",
+    kfzvcC: "musaex-47corl",
+    $$css: true
+  },
+  position: {
+    kVAEAm: "musaex-10l6tqk",
+    k87sOh: "musaex-p82oam",
+    kbCHJM: "musaex-1yyve0d",
+    $$css: true
+  },
+  size: {
+    kzqmXN: "musaex-1fjlwjz",
+    kZKoxP: "musaex-188dgw3",
+    $$css: true
+  }
+};
+
+export { styles as default };

package/dist/components/search/__test__/hooks.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/search/__test__/style-contract.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/search/bar.cjs

@@ -0,0 +1,82 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var button = require('../button/button.cjs');
+var search = require('../icon/icons/action/search.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var className = require('@aiszlab/relax/class-name');
+var React = require('react');
+var useClassNames = require('../../hooks/use-class-names.cjs');
+var context = require('./context.cjs');
+var field = require('./field.cjs');
+var styles = require('./styles.cjs');
+var close = require('../icon/icons/navigation/close.cjs');
+
+var SearchBar = function SearchBar(_ref) {
+  var clearable = _ref.clearable,
+    disabled = _ref.disabled,
+    leading = _ref.leading,
+    placeholder = _ref.placeholder,
+    searchButton = _ref.searchButton,
+    trailing = _ref.trailing,
+    inputRef = _ref.inputRef,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    onClear = _ref.onClear,
+    onFocus = _ref.onFocus,
+    onKeyDown = _ref.onKeyDown,
+    onSearch = _ref.onSearch;
+  var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
+  var hasValue = value.length > 0;
+  var styled = {
+    leading: stylex.props(styles.default.leading.base),
+    trailing: stylex.props(styles.default.trailing.base),
+    clear: stylex.props(styles.default.clear.base),
+    searchButton: stylex.props(styles.default.searchButton.base)
+  };
+  var clearAction = hasValue && clearable && !disabled && (/*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: className.stringify(classNames.searchClear, styled.clear.className),
+    style: styled.clear.style,
+    onClick: function onClick(event) {
+      event.stopPropagation();
+      onClear();
+    },
+    "aria-label": "Clear search"
+  }, /*#__PURE__*/React.createElement(close.default, {
+    size: 24
+  })));
+  var searchButtonAction = searchButton && (/*#__PURE__*/React.createElement(button.Button, {
+    className: className.stringify(classNames.searchButton, styled.searchButton.className),
+    style: styled.searchButton.style,
+    onClick: function onClick(event) {
+      event.stopPropagation();
+      onSearch();
+    },
+    disabled: disabled
+  }, searchButton));
+  var hasConsumerTrailing = !!trailing;
+  var hasTrailing = !!clearAction || hasConsumerTrailing || !!searchButtonAction;
+  return /*#__PURE__*/React.createElement(field.default, {
+    inputRef: inputRef,
+    value: value,
+    placeholder: placeholder,
+    disabled: disabled,
+    onChange: onChange,
+    onFocus: onFocus,
+    onKeyDown: onKeyDown,
+    leading: /*#__PURE__*/React.createElement("span", {
+      className: className.stringify(classNames.searchLeading, styled.leading.className),
+      style: styled.leading.style
+    }, leading !== null && leading !== void 0 ? leading : /*#__PURE__*/React.createElement(search.default, {
+      size: 24
+    })),
+    trailing: hasTrailing ? (/*#__PURE__*/React.createElement("span", {
+      className: className.stringify(classNames.searchTrailing, styled.trailing.className),
+      style: styled.trailing.style
+    }, clearAction, trailing, searchButtonAction)) : undefined
+  });
+};
+
+exports.default = SearchBar;

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

@@ -0,0 +1,18 @@
+import React from "react";
+import type { FocusEventHandler, KeyboardEventHandler, Ref } from "react";
+import type { SearchProps } from "../../types/search";
+/**
+ * @zh 私有 Search Bar 属性
+ * @en Private Search Bar props
+ */
+export type SearchBarProps = Pick<SearchProps, "clearable" | "disabled" | "leading" | "placeholder" | "searchButton" | "trailing"> & {
+    inputRef: Ref<HTMLInputElement>;
+    value: string;
+    onChange: (value: string) => void;
+    onClear: () => void;
+    onFocus: FocusEventHandler<HTMLInputElement>;
+    onKeyDown: KeyboardEventHandler<HTMLInputElement>;
+    onSearch: () => void;
+};
+declare const SearchBar: ({ clearable, disabled, leading, placeholder, searchButton, trailing, inputRef, value, onChange, onClear, onFocus, onKeyDown, onSearch, }: SearchBarProps) => React.JSX.Element;
+export default SearchBar;