antd-mobile 5.16.1 → 5.17.0

package/cjs/components/input/input.js

@@ -1,183 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Input = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _usePropsValue = require("../../utils/use-props-value");
-
-var _antdMobileIcons = require("antd-mobile-icons");
-
-var _nativeProps = require("../../utils/native-props");
-
-var _withDefaultProps = require("../../utils/with-default-props");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _ahooks = require("ahooks");
-
-var _bound = require("../../utils/bound");
-
-var _validate = require("../../utils/validate");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const classPrefix = `adm-input`;
-const defaultProps = {
-  defaultValue: '',
-  onlyShowClearWhenFocus: true
-};
-const Input = (0, _react.forwardRef)((p, ref) => {
-  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  const [value, setValue] = (0, _usePropsValue.usePropsValue)(props);
-  const [hasFocus, setHasFocus] = (0, _react.useState)(false);
-  const compositionStartRef = (0, _react.useRef)(false);
-  const nativeInputRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, () => ({
-    clear: () => {
-      setValue('');
-    },
-    focus: () => {
-      var _a;
-
-      (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    },
-    blur: () => {
-      var _a;
-
-      (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-    },
-
-    get nativeElement() {
-      return nativeInputRef.current;
-    }
-
-  }));
-
-  const handleKeydown = e => {
-    var _a;
-
-    if (props.onEnterPress && (e.code === 'Enter' || e.keyCode === 13)) {
-      props.onEnterPress(e);
-    }
-
-    (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
-  };
-
-  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
-    var _a;
-
-    if (!props.enterKeyHint) return;
-    (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute('enterkeyhint', props.enterKeyHint);
-    return () => {
-      var _a;
-
-      (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.removeAttribute('enterkeyhint');
-    };
-  }, [props.enterKeyHint]);
-
-  function checkValue() {
-    let nextValue = value;
-
-    if (props.type === 'number') {
-      nextValue = nextValue && (0, _bound.bound)(parseFloat(nextValue), props.min, props.max).toString();
-    }
-
-    if (nextValue !== value) {
-      setValue(nextValue);
-    }
-  }
-
-  const shouldShowClear = (() => {
-    if (!props.clearable || !value || props.readOnly) return false;
-
-    if (props.onlyShowClearWhenFocus) {
-      return hasFocus;
-    } else {
-      return true;
-    }
-  })();
-
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: (0, _classnames.default)(`${classPrefix}`, props.disabled && `${classPrefix}-disabled`)
-  }, _react.default.createElement("input", {
-    ref: nativeInputRef,
-    className: `${classPrefix}-element`,
-    value: value,
-    onChange: e => {
-      setValue(e.target.value);
-    },
-    onFocus: e => {
-      var _a;
-
-      setHasFocus(true);
-      (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    },
-    onBlur: e => {
-      var _a;
-
-      setHasFocus(false);
-      checkValue();
-      (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    },
-    id: props.id,
-    placeholder: props.placeholder,
-    disabled: props.disabled,
-    readOnly: props.readOnly,
-    maxLength: props.maxLength,
-    minLength: props.minLength,
-    max: props.max,
-    min: props.min,
-    autoComplete: props.autoComplete,
-    autoFocus: props.autoFocus,
-    pattern: props.pattern,
-    inputMode: props.inputMode,
-    type: props.type,
-    name: props.name,
-    autoCapitalize: props.autoCapitalize,
-    autoCorrect: props.autoCorrect,
-    onKeyDown: handleKeydown,
-    onKeyUp: props.onKeyUp,
-    onCompositionStart: e => {
-      var _a;
-
-      compositionStartRef.current = true;
-      (_a = props.onCompositionStart) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    },
-    onCompositionEnd: e => {
-      var _a;
-
-      compositionStartRef.current = false;
-      (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    },
-    onClick: props.onClick,
-    role: props.role,
-    "aria-valuenow": props['aria-valuenow'],
-    "aria-valuemax": props['aria-valuemax'],
-    "aria-valuemin": props['aria-valuemin']
-  }), shouldShowClear && _react.default.createElement("div", {
-    className: `${classPrefix}-clear`,
-    onMouseDown: e => {
-      e.preventDefault();
-    },
-    onClick: () => {
-      var _a, _b;
-
-      setValue('');
-      (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props); // https://github.com/ant-design/ant-design-mobile/issues/5212
-
-      if ((0, _validate.isIOS)() && compositionStartRef.current) {
-        compositionStartRef.current = false;
-        (_b = nativeInputRef.current) === null || _b === void 0 ? void 0 : _b.blur();
-      }
-    }
-  }, _react.default.createElement(_antdMobileIcons.CloseCircleFill, null))));
-});
-exports.Input = Input;

package/cjs/components/jumbo-tabs/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import './jumbo-tabs.less';
-export type { JumboTabsProps, JumboTabProps } from './jumbo-tabs';
-declare const _default: import("react").FC<import("./jumbo-tabs").JumboTabsProps> & {
-    Tab: import("react").FC<import("./jumbo-tabs").JumboTabProps>;
-};
-export default _default;

package/cjs/components/jumbo-tabs/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("./jumbo-tabs.css");
-
-var _jumboTabs2 = require("./jumbo-tabs");
-
-var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
-
-var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_jumboTabs2.JumboTabs, {
-  Tab: _jumboTabs2.JumboTab
-});
-
-exports.default = _default;

package/cjs/components/jumbo-tabs/jumbo-tabs.css

@@ -1,65 +0,0 @@
-.adm-jumbo-tabs {
-  --gap: 8px;
-  position: relative;
-  min-width: 0;
-}
-.adm-jumbo-tabs-header {
-  position: relative;
-  border-bottom: solid 1px var(--adm-color-border);
-}
-.adm-jumbo-tabs-tab-list {
-  display: flex;
-  flex-wrap: nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  position: relative;
-  overflow-x: scroll;
-  padding: 0 var(--gap);
-  scrollbar-width: none;
-}
-.adm-jumbo-tabs-tab-list::-webkit-scrollbar {
-  display: none;
-}
-.adm-jumbo-tabs-tab-wrapper {
-  flex: auto;
-  padding: 0 calc(var(--gap) / 2);
-  text-align: center;
-}
-.adm-jumbo-tabs-tab {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  position: relative;
-  width: min-content;
-  margin: 0 auto;
-  padding: 12px 0;
-  cursor: pointer;
-  font-size: var(--adm-font-size-9);
-  white-space: nowrap;
-}
-.adm-jumbo-tabs-tab-title {
-  line-height: 24px;
-  padding: 0 4px;
-}
-.adm-jumbo-tabs-tab-description {
-  width: min-content;
-  padding: 0 8px;
-  border-radius: 10px;
-  color: var(--adm-color-weak);
-  font-size: var(--adm-font-size-main);
-  background-color: var(--adm-color-box);
-}
-.adm-jumbo-tabs-tab-active {
-  color: var(--adm-color-primary);
-}
-.adm-jumbo-tabs-tab-active .adm-jumbo-tabs-tab-description {
-  color: var(--adm-color-white);
-  background-color: var(--adm-color-primary);
-}
-.adm-jumbo-tabs-tab-disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-.adm-jumbo-tabs-content {
-  padding: 12px;
-}

package/cjs/components/jumbo-tabs/jumbo-tabs.d.ts

@@ -1,18 +0,0 @@
-import React, { FC, ReactNode } from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare type JumboTabProps = {
-    title: ReactNode;
-    description: ReactNode;
-    disabled?: boolean;
-    forceRender?: boolean;
-    destroyOnClose?: boolean;
-    children?: React.ReactNode;
-} & NativeProps;
-export declare const JumboTab: FC<JumboTabProps>;
-export declare type JumboTabsProps = {
-    activeKey?: string | null;
-    defaultActiveKey?: string | null;
-    onChange?: (key: string) => void;
-    children?: React.ReactNode;
-} & NativeProps;
-export declare const JumboTabs: FC<JumboTabsProps>;

package/cjs/components/jumbo-tabs/jumbo-tabs.js

@@ -1,134 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.JumboTabs = exports.JumboTab = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _web = require("@react-spring/web");
-
-var _nativeProps = require("../../utils/native-props");
-
-var _usePropsValue = require("../../utils/use-props-value");
-
-var _useResizeEffect = require("../../utils/use-resize-effect");
-
-var _useTabListScroll = require("../../utils/use-tab-list-scroll");
-
-var _scrollMask = _interopRequireDefault(require("../scroll-mask"));
-
-var _shouldRender = require("../../utils/should-render");
-
-var _traverseReactNode = require("../../utils/traverse-react-node");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const classPrefix = `adm-jumbo-tabs`;
-
-const JumboTab = () => {
-  return null;
-};
-
-exports.JumboTab = JumboTab;
-
-const JumboTabs = props => {
-  var _a;
-
-  const tabListContainerRef = (0, _react.useRef)(null);
-  const rootRef = (0, _react.useRef)(null);
-  const keyToIndexRecord = {};
-  let firstActiveKey = null;
-  const panes = [];
-  (0, _traverseReactNode.traverseReactNode)(props.children, (child, index) => {
-    if (!_react.default.isValidElement(child)) return;
-    const key = child.key;
-    if (typeof key !== 'string') return;
-
-    if (index === 0) {
-      firstActiveKey = key;
-    }
-
-    const length = panes.push(child);
-    keyToIndexRecord[key] = length - 1;
-  });
-  const [activeKey, setActiveKey] = (0, _usePropsValue.usePropsValue)({
-    value: props.activeKey,
-    defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : firstActiveKey,
-    onChange: v => {
-      var _a;
-
-      if (v === null) return;
-      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v);
-    }
-  });
-  const {
-    scrollLeft,
-    animate
-  } = (0, _useTabListScroll.useTabListScroll)(tabListContainerRef, keyToIndexRecord[activeKey]);
-  (0, _useResizeEffect.useResizeEffect)(() => {
-    animate(true);
-  }, rootRef);
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: classPrefix,
-    ref: rootRef
-  }, _react.default.createElement("div", {
-    className: `${classPrefix}-header`
-  }, _react.default.createElement(_scrollMask.default, {
-    scrollTrackRef: tabListContainerRef
-  }), _react.default.createElement(_web.animated.div, {
-    className: `${classPrefix}-tab-list`,
-    ref: tabListContainerRef,
-    scrollLeft: scrollLeft
-  }, panes.map(pane => (0, _nativeProps.withNativeProps)(pane.props, _react.default.createElement("div", {
-    key: pane.key,
-    className: `${classPrefix}-tab-wrapper`
-  }, _react.default.createElement("div", {
-    onClick: () => {
-      const {
-        key
-      } = pane;
-      if (pane.props.disabled) return;
-
-      if (key === undefined || key === null) {
-        return;
-      }
-
-      setActiveKey(key.toString());
-    },
-    className: (0, _classnames.default)(`${classPrefix}-tab`, {
-      [`${classPrefix}-tab-active`]: pane.key === activeKey,
-      [`${classPrefix}-tab-disabled`]: pane.props.disabled
-    })
-  }, _react.default.createElement("div", {
-    className: `${classPrefix}-tab-title`
-  }, pane.props.title), _react.default.createElement("div", {
-    className: `${classPrefix}-tab-description`
-  }, pane.props.description))))))), panes.map(pane => {
-    if (pane.props.children === undefined) {
-      return null;
-    }
-
-    const active = pane.key === activeKey;
-    return _react.default.createElement(_shouldRender.ShouldRender, {
-      key: pane.key,
-      active: active,
-      forceRender: pane.props.forceRender,
-      destroyOnClose: pane.props.destroyOnClose
-    }, _react.default.createElement("div", {
-      className: `${classPrefix}-content`,
-      style: {
-        display: active ? 'block' : 'none'
-      }
-    }, pane.props.children));
-  })));
-};
-
-exports.JumboTabs = JumboTabs;

package/cjs/components/list/index.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import './list.less';
-export type { ListProps, ListRef } from './list';
-export type { ListItemProps } from './list-item';
-declare const _default: import("react").ForwardRefExoticComponent<{
-    header?: import("react").ReactNode;
-    mode?: "default" | "card" | undefined;
-    children?: import("react").ReactNode;
-} & {
-    className?: string | undefined;
-    style?: (import("react").CSSProperties & Partial<Record<"--active-background-color" | "--align-items" | "--border-bottom" | "--border-inner" | "--border-top" | "--extra-max-width" | "--font-size" | "--header-font-size" | "--padding-left" | "--padding-right" | "--prefix-padding-right" | "--prefix-width", string>>) | undefined;
-    tabIndex?: number | undefined;
-} & import("react").AriaAttributes & import("react").RefAttributes<import("./list").ListRef>> & {
-    Item: import("react").FC<import("./list-item").ListItemProps>;
-};
-export default _default;

package/cjs/components/list/index.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("./list.css");
-
-var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
-
-var _list2 = require("./list");
-
-var _listItem = require("./list-item");
-
-var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_list2.List, {
-  Item: _listItem.ListItem
-});
-
-exports.default = _default;

package/cjs/components/list/list-item.d.ts

@@ -1,14 +0,0 @@
-import React, { FC, ReactNode } from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare type ListItemProps = {
-    title?: ReactNode;
-    children?: ReactNode;
-    description?: ReactNode;
-    prefix?: ReactNode;
-    extra?: ReactNode;
-    clickable?: boolean;
-    arrow?: boolean | ReactNode;
-    disabled?: boolean;
-    onClick?: (e: React.MouseEvent) => void;
-} & NativeProps<'--prefix-width' | '--align-items' | '--active-background-color'>;
-export declare const ListItem: FC<ListItemProps>;

package/cjs/components/list/list-item.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ListItem = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _nativeProps = require("../../utils/native-props");
-
-var _antdMobileIcons = require("antd-mobile-icons");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _isNodeWithContent = require("../../utils/is-node-with-content");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const classPrefix = `adm-list-item`;
-
-const ListItem = props => {
-  var _a;
-
-  const clickable = (_a = props.clickable) !== null && _a !== void 0 ? _a : !!props.onClick;
-  const arrow = props.arrow === undefined ? clickable : props.arrow;
-
-  const content = _react.default.createElement("div", {
-    className: `${classPrefix}-content`
-  }, (0, _isNodeWithContent.isNodeWithContent)(props.prefix) && _react.default.createElement("div", {
-    className: `${classPrefix}-content-prefix`
-  }, props.prefix), _react.default.createElement("div", {
-    className: `${classPrefix}-content-main`
-  }, (0, _isNodeWithContent.isNodeWithContent)(props.title) && _react.default.createElement("div", {
-    className: `${classPrefix}-title`
-  }, props.title), props.children, (0, _isNodeWithContent.isNodeWithContent)(props.description) && _react.default.createElement("div", {
-    className: `${classPrefix}-description`
-  }, props.description)), (0, _isNodeWithContent.isNodeWithContent)(props.extra) && _react.default.createElement("div", {
-    className: `${classPrefix}-content-extra`
-  }, props.extra), (0, _isNodeWithContent.isNodeWithContent)(arrow) && _react.default.createElement("div", {
-    className: `${classPrefix}-content-arrow`
-  }, arrow === true ? _react.default.createElement(_antdMobileIcons.RightOutline, null) : arrow));
-
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(clickable ? 'a' : 'div', {
-    className: (0, _classnames.default)(`${classPrefix}`, clickable ? ['adm-plain-anchor'] : [], props.disabled && `${classPrefix}-disabled`),
-    onClick: props.disabled ? undefined : props.onClick
-  }, content));
-};
-
-exports.ListItem = ListItem;

package/cjs/components/list/list.css

@@ -1,102 +0,0 @@
-.adm-list {
-  --header-font-size: var(--adm-font-size-7);
-  --prefix-width: 'auto';
-  --prefix-padding-right: 12px;
-  --align-items: center;
-  --active-background-color: var(--adm-color-border);
-  --border-inner: solid 1px var(--adm-color-border);
-  --border-top: solid 1px var(--adm-color-border);
-  --border-bottom: solid 1px var(--adm-color-border);
-  --padding-left: 12px;
-  --padding-right: 12px;
-  --font-size: var(--adm-font-size-9);
-  --extra-max-width: 70%;
-}
-.adm-list-header {
-  color: var(--adm-color-weak);
-  font-size: var(--header-font-size);
-  padding: 8px var(--padding-right) 8px var(--padding-left);
-}
-.adm-list-body {
-  background-color: var(--adm-color-background);
-  overflow: hidden;
-  font-size: var(--font-size);
-}
-.adm-list-body-inner {
-  margin-top: -1px;
-}
-.adm-list-default .adm-list-body {
-  border-top: var(--border-top);
-  border-bottom: var(--border-bottom);
-}
-.adm-list-card {
-  margin: 12px;
-}
-.adm-list-card .adm-list-body {
-  border-radius: 8px;
-}
-.adm-list-card .adm-list-header {
-  padding-left: 0;
-}
-.adm-list-item {
-  display: block;
-  padding-left: var(--padding-left);
-  position: relative;
-  background-color: var(--adm-color-background);
-  line-height: 1.5;
-}
-.adm-list-item-title,
-.adm-list-item-description {
-  color: var(--adm-color-weak);
-  font-size: var(--adm-font-size-main);
-}
-.adm-list-item-content {
-  display: flex;
-  align-items: var(--align-items);
-  justify-content: flex-start;
-  border-top: var(--border-inner);
-  padding-right: var(--padding-right);
-}
-.adm-list-item-content-prefix {
-  width: var(--prefix-width);
-  flex: none;
-  padding-right: var(--prefix-padding-right);
-}
-.adm-list-item-content-main {
-  flex: auto;
-  padding: 12px 0;
-}
-.adm-list-item-content-extra {
-  flex: none;
-  padding-left: 12px;
-  font-size: var(--adm-font-size-7);
-  color: var(--adm-color-weak);
-  max-width: var(--extra-max-width);
-}
-.adm-list-item-content-arrow {
-  flex: none;
-  display: flex;
-  align-items: center;
-  margin-left: 4px;
-  color: var(--adm-color-light);
-  font-size: 19px;
-}
-.adm-list-item-disabled {
-  cursor: not-allowed;
-}
-.adm-list-item-disabled.adm-list-item-disabled > .adm-list-item-content > * {
-  opacity: 0.4;
-  pointer-events: none;
-}
-a.adm-list-item:active:not(.adm-list-item-disabled) {
-  background-color: var(--active-background-color);
-}
-a.adm-list-item:active:not(.adm-list-item-disabled)::after {
-  content: ' ';
-  display: block;
-  position: absolute;
-  width: 100%;
-  bottom: -1px;
-  left: 0;
-  border-bottom: var(--border-inner);
-}

package/cjs/components/list/list.d.ts

@@ -1,19 +0,0 @@
-import React, { ReactNode } from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare type ListProps = {
-    header?: ReactNode;
-    mode?: 'default' | 'card';
-    children?: ReactNode;
-} & NativeProps<'--active-background-color' | '--align-items' | '--border-bottom' | '--border-inner' | '--border-top' | '--extra-max-width' | '--font-size' | '--header-font-size' | '--padding-left' | '--padding-right' | '--prefix-padding-right' | '--prefix-width'>;
-export declare type ListRef = {
-    nativeElement: HTMLDivElement | null;
-};
-export declare const List: React.ForwardRefExoticComponent<{
-    header?: ReactNode;
-    mode?: "default" | "card" | undefined;
-    children?: ReactNode;
-} & {
-    className?: string | undefined;
-    style?: (React.CSSProperties & Partial<Record<"--active-background-color" | "--align-items" | "--border-bottom" | "--border-inner" | "--border-top" | "--extra-max-width" | "--font-size" | "--header-font-size" | "--padding-left" | "--padding-right" | "--prefix-padding-right" | "--prefix-width", string>>) | undefined;
-    tabIndex?: number | undefined;
-} & React.AriaAttributes & React.RefAttributes<ListRef>>;