antd-mobile 0.0.0-dev-626cbf51f

package/2x/es/components/action-sheet/action-sheet.js

@@ -0,0 +1,88 @@
+import React from 'react';
+import { withNativeProps } from '../../utils/native-props';
+import { mergeProps } from '../../utils/with-default-props';
+import classNames from 'classnames';
+import Popup from '../popup';
+import Button from '../button';
+import SafeArea from '../safe-area';
+import { renderImperatively } from '../../utils/render-imperatively';
+const classPrefix = `adm-action-sheet`;
+const defaultProps = {
+  visible: false,
+  actions: [],
+  cancelText: '',
+  closeOnAction: false,
+  closeOnMaskClick: true,
+  safeArea: true
+};
+export const ActionSheet = p => {
+  const props = mergeProps(defaultProps, p);
+  return React.createElement(Popup, {
+    visible: props.visible,
+    onMaskClick: () => {
+      var _a, _b;
+
+      (_a = props.onMaskClick) === null || _a === void 0 ? void 0 : _a.call(props);
+
+      if (props.closeOnMaskClick) {
+        (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
+      }
+    },
+    afterClose: props.afterClose,
+    className: classNames(`${classPrefix}-popup`, props.popupClassName),
+    style: props.popupStyle,
+    getContainer: props.getContainer
+  }, withNativeProps(props, React.createElement("div", {
+    className: classPrefix
+  }, props.extra && React.createElement("div", {
+    className: `${classPrefix}-extra`
+  }, props.extra), React.createElement("div", {
+    className: `${classPrefix}-button-list`
+  }, props.actions.map((action, index) => React.createElement("div", {
+    key: action.key,
+    className: `${classPrefix}-button-item-wrapper`
+  }, React.createElement(Button, {
+    block: true,
+    fill: 'none',
+    shape: 'rectangular',
+    disabled: action.disabled,
+    onClick: () => {
+      var _a, _b, _c;
+
+      (_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action);
+      (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, index);
+
+      if (props.closeOnAction) {
+        (_c = props.onClose) === null || _c === void 0 ? void 0 : _c.call(props);
+      }
+    },
+    className: classNames(`${classPrefix}-button-item`, {
+      [`${classPrefix}-button-item-danger`]: action.danger
+    })
+  }, React.createElement("div", {
+    className: `${classPrefix}-button-item-name`
+  }, action.text), action.description && React.createElement("div", {
+    className: `${classPrefix}-button-item-description`
+  }, action.description))))), props.cancelText && React.createElement("div", {
+    className: `${classPrefix}-cancel`
+  }, React.createElement("div", {
+    className: `${classPrefix}-button-item-wrapper`
+  }, React.createElement(Button, {
+    block: true,
+    fill: 'none',
+    shape: 'rectangular',
+    className: `${classPrefix}-button-item`,
+    onClick: () => {
+      var _a;
+
+      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+    }
+  }, React.createElement("div", {
+    className: `${classPrefix}-button-item-name`
+  }, props.cancelText)))), props.safeArea && React.createElement(SafeArea, {
+    position: 'bottom'
+  }))));
+};
+export function showActionSheet(props) {
+  return renderImperatively(React.createElement(ActionSheet, Object.assign({}, props)));
+}

package/2x/es/components/action-sheet/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './action-sheet.less';
+import { showActionSheet } from './action-sheet';
+export type { Action, ActionSheetProps, ActionSheetShowHandler, } from './action-sheet';
+declare const _default: import("react").FC<import("./action-sheet").ActionSheetProps> & {
+    show: typeof showActionSheet;
+};
+export default _default;

package/2x/es/components/action-sheet/index.js

@@ -0,0 +1,6 @@
+import "./action-sheet.css";
+import { attachPropertiesToComponent } from '../../utils/attach-properties-to-component';
+import { ActionSheet, showActionSheet } from './action-sheet';
+export default attachPropertiesToComponent(ActionSheet, {
+  show: showActionSheet
+});

package/2x/es/components/auto-center/auto-center.css

@@ -0,0 +1,8 @@
+.adm-auto-center {
+  display: flex;
+  justify-content: center;
+}
+
+.adm-auto-center-content {
+  flex: 0 1 auto;
+}

package/2x/es/components/auto-center/auto-center.d.ts

@@ -0,0 +1,6 @@
+import React, { FC } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare type AutoCenterProps = {
+    children?: React.ReactNode;
+} & NativeProps;
+export declare const AutoCenter: FC<AutoCenterProps>;

package/2x/es/components/auto-center/auto-center.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { withNativeProps } from '../../utils/native-props';
+const classPrefix = 'adm-auto-center';
+export const AutoCenter = props => {
+  return withNativeProps(props, React.createElement("div", {
+    className: classPrefix
+  }, React.createElement("div", {
+    className: `${classPrefix}-content`
+  }, props.children)));
+};

package/2x/es/components/auto-center/index.d.ts

@@ -0,0 +1,4 @@
+import './auto-center.less';
+import { AutoCenter } from './auto-center';
+export type { AutoCenterProps } from './auto-center';
+export default AutoCenter;

package/2x/es/components/auto-center/index.js

@@ -0,0 +1,3 @@
+import "./auto-center.css";
+import { AutoCenter } from './auto-center';
+export default AutoCenter;

package/2x/es/components/avatar/avatar.css

@@ -0,0 +1,16 @@
+.adm-avatar {
+  --size: var(--adm-avatar-size, 88px);
+  --border-radius: var(--adm-avatar-border-radius, 8px);
+  border-radius: var(--border-radius);
+}
+
+.adm-avatar.adm-image {
+  --width: var(--size);
+  --height: var(--size);
+}
+
+.adm-avatar-fallback {
+  height: 100%;
+  width: 100%;
+  display: block;
+}

package/2x/es/components/avatar/avatar.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from 'react';
+import { NativeProps } from '../../utils/native-props';
+import { ImageProps } from '../image';
+export declare type AvatarProps = {
+    src: string;
+    fallback?: ReactNode;
+    fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+} & Pick<ImageProps, 'alt' | 'lazy' | 'onClick' | 'onError'> & NativeProps<'--size' | '--border-radius'>;
+export declare const Avatar: FC<AvatarProps>;

package/2x/es/components/avatar/avatar.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { withNativeProps } from '../../utils/native-props';
+import { Image } from '../../index';
+import { mergeProps } from '../../utils/with-default-props';
+import { Fallback } from './fallback';
+const classPrefix = 'adm-avatar';
+const defaultProps = {
+  fallback: React.createElement(Fallback, null),
+  fit: 'cover'
+};
+export const Avatar = p => {
+  const props = mergeProps(defaultProps, p);
+  return withNativeProps(props, React.createElement(Image, {
+    className: classPrefix,
+    src: props.src,
+    fallback: props.fallback,
+    placeholder: props.fallback,
+    alt: props.alt,
+    lazy: props.lazy,
+    fit: props.fit,
+    onClick: props.onClick,
+    onError: props.onError
+  }));
+};

package/2x/es/components/avatar/fallback.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Fallback: React.MemoExoticComponent<() => JSX.Element>;

package/2x/es/components/avatar/fallback.js

@@ -0,0 +1,39 @@
+import React, { memo } from 'react';
+export const Fallback = memo(() => React.createElement("svg", {
+  className: 'adm-avatar-fallback',
+  width: '88px',
+  height: '88px',
+  viewBox: '0 0 88 88',
+  version: '1.1'
+}, React.createElement("title", null, "\u7F16\u7EC4 3"), React.createElement("defs", null, React.createElement("polygon", {
+  id: 'path-1',
+  points: '0 0 88 0 88 88 0 88'
+})), React.createElement("g", {
+  id: '\u9875\u9762-1',
+  stroke: 'none',
+  strokeWidth: '1',
+  fill: 'none',
+  fillRule: 'evenodd'
+}, React.createElement("g", {
+  id: '\u8BED\u96C0',
+  transform: 'translate(-495.000000, -71.000000)'
+}, React.createElement("g", {
+  id: '\u7F16\u7EC4-3',
+  transform: 'translate(495.000000, 71.000000)'
+}, React.createElement("mask", {
+  id: 'mask-2',
+  fill: 'white'
+}, React.createElement("use", {
+  xlinkHref: '#path-1'
+})), React.createElement("use", {
+  id: 'Mask',
+  fill: '#EEEEEE',
+  fillRule: 'nonzero',
+  xlinkHref: '#path-1'
+}), React.createElement("path", {
+  d: 'M44.5707528,16 L43.4292117,16 L42.9575197,16.0086403 L42.9575195,16.0086403 C36.5215787,16.2615464 31.4341803,21.5678078 31.4344832,28.0273864 L31.4344832,34.7776551 L31.4495601,35.3716788 L31.4495593,35.3716628 C31.599687,38.5368723 32.9422041,41.5269327 35.2058513,43.7376716 L38.2147759,46.6775505 L38.4086219,46.8913989 C38.7747759,47.3385365 38.9750835,47.9001589 38.9750835,48.4833848 L38.9750835,48.8938006 L38.9556989,49.1897326 L38.9556989,49.1897325 C38.8577746,49.9812662 38.3754713,50.67284 37.667703,51.036605 L18.7375269,60.7440265 L18.4101421,60.9276334 L18.4101423,60.9276333 C16.9141658,61.8418636 16.0009389,63.4714674 16,65.2283758 L16,66.070809 L16.0129231,66.3948217 C16.1766149,68.4123376 17.860922,70 19.91569,70 L68.0843101,70 L68.08431,70 C70.2460467,70 71.9988087,68.243122 72,66.0751224 L72,65.2326893 C72,63.3382982 70.9446194,61.6037466 69.2624598,60.7440295 L50.3322837,51.036608 L50.3322835,51.0366079 C49.5291218,50.6249082 49.0240448,49.7962466 49.024903,48.8916436 L49.024903,48.4812278 C49.024903,47.8029608 49.3005955,47.1527756 49.7852106,46.6775603 L52.7941352,43.7376813 L52.7941354,43.7376811 C55.204308,41.3832325 56.5636029,38.151975 56.5633606,34.7776456 L56.5633606,28.0273769 L56.5633606,28.0273774 C56.5633606,21.3848531 51.1940878,16 44.5707524,16 L44.5707528,16 Z',
+  id: '\u5F62\u72B6',
+  fill: '#CCCCCC',
+  fillRule: 'nonzero',
+  mask: 'url(#mask-2)'
+}))))));

package/2x/es/components/avatar/index.d.ts

@@ -0,0 +1,4 @@
+import './avatar.less';
+import { Avatar } from './avatar';
+export type { AvatarProps } from './avatar';
+export default Avatar;

package/2x/es/components/avatar/index.js

@@ -0,0 +1,3 @@
+import "./avatar.css";
+import { Avatar } from './avatar';
+export default Avatar;

package/2x/es/components/badge/badge.css

@@ -0,0 +1,45 @@
+.adm-badge-wrap {
+  display: inline-block;
+  position: relative;
+}
+
+.adm-badge {
+  display: inline-flex;
+  vertical-align: middle;
+  box-sizing: content-box;
+  border-radius: 200px;
+  background-color: var(--color);
+  --right: 0;
+  --top: 0;
+  --color: var(--adm-badge-color, #ff411c);
+}
+
+.adm-badge-content {
+  color: #fff;
+  box-sizing: border-box;
+  min-width: 16px;
+  padding: 2px 8px;
+  font-size: 18px;
+  line-height: 24px;
+  white-space: nowrap;
+  font-weight: normal;
+  text-align: center;
+}
+
+.adm-badge-fixed {
+  position: absolute;
+  right: var(--right);
+  top: var(--top);
+  transform: translate(50%, -50%);
+}
+
+.adm-badge-dot {
+  min-width: 20px;
+  width: 20px;
+  height: 20px;
+  border-radius: 10px;
+}
+
+.adm-badge-bordered {
+  border: solid 2px var(--adm-color-white);
+}

package/2x/es/components/badge/badge.d.ts

@@ -0,0 +1,10 @@
+import React, { FC } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare const dot: unique symbol;
+export declare type BadgeProps = {
+    content?: React.ReactNode | typeof dot;
+    color?: string;
+    bordered?: boolean;
+    children?: React.ReactNode;
+} & NativeProps<'--right' | '--top' | '--color'>;
+export declare const Badge: FC<BadgeProps>;

package/2x/es/components/badge/badge.js

@@ -0,0 +1,25 @@
+import classNames from 'classnames';
+import React from 'react';
+import { withNativeProps } from '../../utils/native-props';
+const classPrefix = `adm-badge`;
+export const dot = Symbol();
+export const Badge = props => {
+  const {
+    content,
+    color,
+    children
+  } = props;
+  const isDot = content === dot;
+  const badgeCls = classNames(classPrefix, !!children && `${classPrefix}-fixed`, isDot && `${classPrefix}-dot`, props.bordered && `${classPrefix}-bordered`);
+  const element = content || content === 0 ? withNativeProps(props, React.createElement("div", {
+    className: badgeCls,
+    style: {
+      '--color': color
+    }
+  }, !isDot && React.createElement("div", {
+    className: `${classPrefix}-content`
+  }, content))) : null;
+  return children ? React.createElement("div", {
+    className: `${classPrefix}-wrap`
+  }, children, element) : element;
+};

package/2x/es/components/badge/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import './badge.less';
+export type { BadgeProps } from './badge';
+declare const _default: import("react").FC<import("./badge").BadgeProps> & {
+    dot: symbol;
+};
+export default _default;

package/2x/es/components/badge/index.js

@@ -0,0 +1,6 @@
+import "./badge.css";
+import { Badge, dot } from './badge';
+import { attachPropertiesToComponent } from '../../utils/attach-properties-to-component';
+export default attachPropertiesToComponent(Badge, {
+  dot
+});

package/2x/es/components/button/button.css

@@ -0,0 +1,151 @@
+.adm-button {
+  --color: var(--adm-color-white);
+  --text-color: var(--adm-button-text-color, var(--adm-color-text));
+  --background-color: var(--adm-button-background-color, var(--adm-color-white));
+  --border-radius: var(--adm-button-border-radius, 8px);
+  --border-width: var(--adm-button-border-width, 2px);
+  --border-style: var(--adm-button-border-style, solid);
+  --border-color: var(--adm-button-border-color, var(--adm-border-color));
+  color: var(--text-color);
+  background-color: var(--background-color);
+  position: relative;
+  display: inline-block;
+  box-sizing: border-box;
+  height: auto;
+  padding: 14px 24px;
+  margin: 0;
+  font-size: 34px;
+  line-height: 1.4;
+  text-align: center;
+  border: var(--border-width) var(--border-style) var(--border-color);
+  border-radius: var(--border-radius);
+  cursor: pointer;
+  transition: opacity ease 0.15s;
+  user-select: none;
+}
+
+.adm-button:focus {
+  outline: none;
+}
+
+.adm-button::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  transform: translate(calc(var(--border-width) * -1), calc(var(--border-width) * -1));
+  width: 100%;
+  height: 100%;
+  background-color: #000;
+  border: var(--border-width) var(--border-style) #000;
+  border-radius: var(--border-radius);
+  opacity: 0;
+  content: ' ';
+  box-sizing: content-box;
+}
+
+.adm-button:active::before {
+  opacity: 0.08;
+}
+
+.adm-button-default.adm-button-fill-outline {
+  --background-color: transparent;
+  --border-color: var(--adm-color-text);
+}
+
+.adm-button-default.adm-button-fill-none {
+  --background-color: transparent;
+  --border-width: 0;
+}
+
+.adm-button:not(.adm-button-default) {
+  --text-color: var(--adm-color-white);
+  --background-color: var(--color);
+  --border-color: var(--color);
+}
+
+.adm-button:not(.adm-button-default).adm-button-fill-outline {
+  --text-color: var(--color);
+  --background-color: transparent;
+}
+
+.adm-button:not(.adm-button-default).adm-button-fill-none {
+  --text-color: var(--color);
+  --background-color: transparent;
+  --border-width: 0;
+}
+
+.adm-button-primary {
+  --color: var(--adm-color-primary);
+}
+
+.adm-button-success {
+  --color: var(--adm-color-success);
+}
+
+.adm-button-danger {
+  --color: var(--adm-color-danger);
+}
+
+.adm-button-warning {
+  --color: var(--adm-color-warning);
+}
+
+.adm-button-block {
+  display: block;
+  width: 100%;
+}
+
+.adm-button-disabled {
+  cursor: not-allowed;
+  opacity: 0.4;
+}
+
+.adm-button-disabled:active::before {
+  display: none;
+}
+
+.adm-button.adm-button-mini {
+  padding-top: 6px;
+  padding-bottom: 6px;
+  font-size: 26px;
+}
+
+.adm-button.adm-button-mini.adm-button-shape-rounded {
+  padding-left: 18px;
+  padding-right: 18px;
+}
+
+.adm-button.adm-button-small {
+  padding-top: 6px;
+  padding-bottom: 6px;
+  font-size: 30px;
+}
+
+.adm-button.adm-button-large {
+  padding-top: 22px;
+  padding-bottom: 22px;
+  font-size: 36px;
+}
+
+.adm-button.adm-button-shape-rounded {
+  --border-radius: 2000px;
+}
+
+.adm-button.adm-button-shape-rectangular {
+  --border-radius: 0;
+}
+
+.adm-button-loading {
+  vertical-align: bottom;
+}
+
+.adm-button-loading-wrapper {
+  display: flex;
+  height: 1.4em;
+  align-items: center;
+  justify-content: center;
+}
+
+.adm-button-loading-wrapper > .adm-loading {
+  opacity: 0.6;
+}

package/2x/es/components/button/button.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare type ButtonProps = {
+    color?: 'default' | 'primary' | 'success' | 'warning' | 'danger';
+    fill?: 'solid' | 'outline' | 'none';
+    size?: 'mini' | 'small' | 'middle' | 'large';
+    block?: boolean;
+    loading?: boolean | 'auto';
+    loadingText?: string;
+    loadingIcon?: React.ReactNode;
+    disabled?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void>;
+    type?: 'submit' | 'reset' | 'button';
+    shape?: 'default' | 'rounded' | 'rectangular';
+    children?: React.ReactNode;
+} & NativeProps<'--text-color' | '--background-color' | '--border-radius' | '--border-width' | '--border-style' | '--border-color'>;
+export declare type ButtonRef = {
+    nativeElement: HTMLButtonElement | null;
+};
+export declare const Button: React.ForwardRefExoticComponent<{
+    color?: "default" | "primary" | "success" | "warning" | "danger" | undefined;
+    fill?: "none" | "solid" | "outline" | undefined;
+    size?: "small" | "large" | "middle" | "mini" | undefined;
+    block?: boolean | undefined;
+    loading?: boolean | "auto" | undefined;
+    loadingText?: string | undefined;
+    loadingIcon?: React.ReactNode;
+    disabled?: boolean | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void>) | undefined;
+    type?: "reset" | "submit" | "button" | undefined;
+    shape?: "default" | "rounded" | "rectangular" | undefined;
+    children?: React.ReactNode;
+} & NativeProps<"--text-color" | "--background-color" | "--border-radius" | "--border-width" | "--border-style" | "--border-color"> & React.RefAttributes<ButtonRef>>;

package/2x/es/components/button/button.js

@@ -0,0 +1,68 @@
+import { __awaiter } from "tslib";
+import React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';
+import classNames from 'classnames';
+import DotLoading from '../dot-loading';
+import { mergeProps } from '../../utils/with-default-props';
+import { withNativeProps } from '../../utils/native-props';
+import { isPromise } from '../../utils/validate';
+const classPrefix = `adm-button`;
+const defaultProps = {
+  color: 'default',
+  fill: 'solid',
+  block: false,
+  loading: false,
+  loadingIcon: React.createElement(DotLoading, {
+    color: 'currentColor'
+  }),
+  type: 'button',
+  shape: 'default',
+  size: 'middle'
+};
+export const Button = forwardRef((p, ref) => {
+  const props = mergeProps(defaultProps, p);
+  const [innerLoading, setInnerLoading] = useState(false);
+  const nativeButtonRef = useRef(null);
+  const loading = props.loading === 'auto' ? innerLoading : props.loading;
+  const disabled = props.disabled || loading;
+  useImperativeHandle(ref, () => ({
+    get nativeElement() {
+      return nativeButtonRef.current;
+    }
+
+  }));
+
+  const handleClick = e => __awaiter(void 0, void 0, void 0, function* () {
+    if (!props.onClick) return;
+    const promise = props.onClick(e);
+
+    if (isPromise(promise)) {
+      try {
+        setInnerLoading(true);
+        yield promise;
+        setInnerLoading(false);
+      } catch (e) {
+        setInnerLoading(false);
+        throw e;
+      }
+    }
+  });
+
+  return withNativeProps(props, React.createElement("button", {
+    ref: nativeButtonRef,
+    type: props.type,
+    onClick: handleClick,
+    className: classNames(classPrefix, props.color ? `${classPrefix}-${props.color}` : null, {
+      [`${classPrefix}-block`]: props.block,
+      [`${classPrefix}-disabled`]: disabled,
+      [`${classPrefix}-fill-outline`]: props.fill === 'outline',
+      [`${classPrefix}-fill-none`]: props.fill === 'none',
+      [`${classPrefix}-mini`]: props.size === 'mini',
+      [`${classPrefix}-small`]: props.size === 'small',
+      [`${classPrefix}-large`]: props.size === 'large',
+      [`${classPrefix}-loading`]: loading
+    }, `${classPrefix}-shape-${props.shape}`),
+    disabled: disabled
+  }, loading ? React.createElement("div", {
+    className: `${classPrefix}-loading-wrapper`
+  }, props.loadingIcon, props.loadingText) : props.children));
+});

package/2x/es/components/button/index.d.ts

@@ -0,0 +1,4 @@
+import './button.less';
+import { Button } from './button';
+export type { ButtonProps, ButtonRef } from './button';
+export default Button;

package/2x/es/components/button/index.js

@@ -0,0 +1,3 @@
+import "./button.css";
+import { Button } from './button';
+export default Button;

package/2x/es/components/calendar/arrow-left-double.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const ArrowLeftDouble: FC;

package/2x/es/components/calendar/arrow-left-double.js

@@ -0,0 +1,29 @@
+import React from 'react';
+export const ArrowLeftDouble = () => {
+  return React.createElement("svg", {
+    height: '1em',
+    viewBox: '0 0 44 44'
+  }, React.createElement("g", {
+    stroke: 'none',
+    strokeWidth: '1',
+    fill: 'none',
+    fillRule: 'evenodd'
+  }, React.createElement("g", {
+    transform: 'translate(-24.000000, -22.000000)'
+  }, React.createElement("g", {
+    transform: 'translate(24.000000, 22.000000)'
+  }, React.createElement("rect", {
+    x: '0',
+    y: '0',
+    width: '44',
+    height: '44'
+  }), React.createElement("g", {
+    transform: 'translate(7.000000, 4.000000)',
+    fill: 'currentColor',
+    fillRule: 'nonzero'
+  }, React.createElement("path", {
+    d: 'M19.4833058,2.71985611 L3.53051139,17.0699744 C3.0173831,17.5315665 2.97522952,18.3220903 3.43630803,18.8357433 L3.43630796,18.8357432 C3.46601289,18.8688164 3.49745845,18.9002801 3.53051133,18.9300007 L19.4833057,33.2801611 C20.1234001,33.8559077 20.1759552,34.8420707 19.6007967,35.4827774 C19.0256382,36.1235263 18.0404824,36.1761351 17.400388,35.6003885 L1.44759367,21.2502703 L1.4475933,21.25027 C1.33208743,21.1463692 1.22220259,21.036372 1.11840792,20.920748 C-0.49302969,19.1256817 -0.345639536,16.3628317 1.4475933,14.7497465 L17.4003877,0.399628282 C18.0404821,-0.176160428 19.0256378,-0.123509422 19.6007963,0.517239417 C20.1759548,1.1579461 20.1233997,2.14410915 19.4833053,2.7198557 L19.4833058,2.71985611 Z'
+  }), React.createElement("path", {
+    d: 'M19.5305114,17.0699744 C19.0173831,17.5315665 18.9752295,18.3220903 19.436308,18.8357433 C19.4660129,18.8688164 19.4974585,18.9002801 19.5305113,18.9300007 L29.4833057,27.2801611 C30.1234001,27.8559077 30.1759552,28.8420707 29.6007967,29.4827774 C29.0256382,30.1235263 28.0404824,30.1761351 27.400388,29.6003885 L17.4475937,21.2502703 C17.3320874,21.1463692 17.2222026,21.036372 17.1184079,20.920748 C15.5069703,19.1256817 15.6543605,16.3628317 17.4475933,14.7497465 L27.4003877,6.39962828 C28.0404821,5.82383957 29.0256378,5.87649058 29.6007963,6.51723942 C30.1759548,7.1579461 30.1233997,8.14410915 29.4833053,8.7198557 L19.5305114,17.0699744 Z'
+  }))))));
+};

package/2x/es/components/calendar/arrow-left.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const ArrowLeft: FC;