@invoicebox/ui 0.1.0-alpha.274 → 0.1.0-alpha.276

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/components/common/Drawer/index.d.ts +2 -7
  2. package/dist/components/common/Drawer/index.js +17 -28
  3. package/dist/components/common/Drawer/styles.d.ts +694 -53
  4. package/dist/components/common/Drawer/styles.js +32 -37
  5. package/dist/components/common/EntityAutocompleteOptionsDrawer/index.js +1 -2
  6. package/package.json +3 -2
package/dist/components/common/Drawer/index.d.ts CHANGED
@@ -1,16 +1,11 @@
1
- import React, { FC, ReactNode } from 'react';
2
- type TDialogCommonProps = {
1
+ import { FC, ReactNode } from 'react';
2
+ export type TProps = {
3
3
  children: ReactNode;
4
4
  onClose: () => void;
5
5
  title?: string;
6
6
  isErrorBorder?: boolean;
7
7
  isOpen: boolean;
8
8
  isPadding?: boolean;
9
- overflow?: string;
10
9
  borderColor?: string;
11
10
  };
12
- export type TProps = TDialogCommonProps & {
13
- initialFocusRef?: React.RefObject<HTMLElement> | false;
14
- };
15
11
  export declare const Drawer: FC<TProps>;
16
- export {};
package/dist/components/common/Drawer/index.js CHANGED
@@ -9,6 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
9
9
  var S = _interopRequireWildcard(require("./styles"));
10
10
  var _Typography = require("../Typography");
11
11
  var _palette = require("../../../palette");
12
+ var _reactModalSheet = require("react-modal-sheet");
12
13
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
14
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
14
15
  function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
@@ -25,8 +26,6 @@ var Drawer = exports.Drawer = function Drawer(_ref) {
25
26
  onClose = _ref.onClose,
26
27
  _ref$isPadding = _ref.isPadding,
27
28
  isPadding = _ref$isPadding === void 0 ? true : _ref$isPadding,
28
- initialFocusRef = _ref.initialFocusRef,
29
- overflow = _ref.overflow,
30
29
  borderColor = _ref.borderColor;
31
30
  var palette = (0, _palette.useComponentPalette)('drawer');
32
31
  var _useState = (0, _react.useState)(false),
@@ -48,33 +47,23 @@ var Drawer = exports.Drawer = function Drawer(_ref) {
48
47
  }
49
48
  }, [isOpen]);
50
49
  if (!shouldRender) return null;
51
- return /*#__PURE__*/_react["default"].createElement(S.BottomSheet, {
52
- sibling: /*#__PURE__*/_react["default"].createElement("div", {
53
- "data-rsbs-backdrop": "true",
54
- onClick: function onClick(event) {
55
- event.stopPropagation();
56
- event.preventDefault();
57
- onClose();
58
- }
59
- }),
60
- open: isOpen,
61
- onDismiss: onClose,
62
- expandOnContentDrag: false,
63
- initialFocusRef: initialFocusRef,
64
- scrollLocking: false,
65
- header: !title ? undefined : /*#__PURE__*/_react["default"].createElement(S.Title, {
66
- $bg: palette.titleBg
67
- }, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
68
- variant: "headline4"
69
- }, title)),
70
- $isHaveHeader: !!title,
71
- $palette: palette,
72
- $overflow: overflow
73
- }, /*#__PURE__*/_react["default"].createElement(S.Body, {
74
- $overflow: overflow,
75
- $isPadding: isPadding,
50
+ return /*#__PURE__*/_react["default"].createElement(_reactModalSheet.Sheet, {
51
+ detent: "content",
52
+ isOpen: isOpen,
53
+ onClose: onClose
54
+ }, /*#__PURE__*/_react["default"].createElement(S.StyledSheetContainer, {
76
55
  $isErrorBorder: isErrorBorder,
77
56
  $errorColor: palette.error,
78
57
  $borderColor: borderColor
79
- }, children));
58
+ }, /*#__PURE__*/_react["default"].createElement(_reactModalSheet.Sheet.Content, null, /*#__PURE__*/_react["default"].createElement(S.DragIndicatorWrapper, null, /*#__PURE__*/_react["default"].createElement(_reactModalSheet.Sheet.DragIndicator, null)), title && /*#__PURE__*/_react["default"].createElement(S.Title, {
59
+ $bg: palette.titleBg
60
+ }, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
61
+ variant: "headline4"
62
+ }, title)), /*#__PURE__*/_react["default"].createElement(S.ChildrenWrapper, {
63
+ $bgColor: palette.bg,
64
+ $isPadding: isPadding
65
+ }, children))), /*#__PURE__*/_react["default"].createElement(S.StyledSheetBackdrop, {
66
+ onTap: onClose,
67
+ $bgColor: palette.backdropBg
68
+ }));
80
69
  };
package/dist/components/common/Drawer/styles.d.ts CHANGED
@@ -1,60 +1,701 @@
1
1
  /// <reference types="react" />
2
- import 'react-spring-bottom-sheet/dist/style.css';
3
- import { TDrawerPalette } from './palette';
4
- export declare const BottomSheet: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<{
5
- children: import("react").ReactNode;
6
- sibling?: import("react").ReactNode;
7
- onSpringStart?: ((event: import("react-spring-bottom-sheet/dist/types").SpringEvent) => void) | undefined;
8
- onSpringCancel?: ((event: import("react-spring-bottom-sheet/dist/types").SpringEvent) => void) | undefined;
9
- onSpringEnd?: ((event: import("react-spring-bottom-sheet/dist/types").SpringEvent) => void) | undefined;
10
- open: boolean;
11
- className?: string | undefined;
12
- footer?: import("react").ReactNode;
13
- header?: import("react").ReactNode;
14
- initialFocusRef?: false | import("react").RefObject<HTMLElement> | undefined;
15
- onDismiss?: (() => void) | undefined;
16
- blocking?: boolean | undefined;
17
- maxHeight?: number | undefined;
18
- scrollLocking?: boolean | undefined;
19
- snapPoints?: import("react-spring-bottom-sheet/dist/types").snapPoints | undefined;
20
- defaultSnap?: number | ((props: import("react-spring-bottom-sheet/dist/types").defaultSnapProps) => number) | undefined;
21
- reserveScrollBarGap?: boolean | undefined;
22
- skipInitialTransition?: boolean | undefined;
23
- expandOnContentDrag?: boolean | undefined;
24
- } & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children"> & import("react").RefAttributes<import("react-spring-bottom-sheet").BottomSheetRef>, "ref"> & {
25
- ref?: ((instance: import("react-spring-bottom-sheet").BottomSheetRef | null) => void) | import("react").RefObject<import("react-spring-bottom-sheet").BottomSheetRef> | null | undefined;
26
- }, {
27
- $isHaveHeader: boolean;
28
- $palette: TDrawerPalette;
29
- $overflow?: string | undefined;
30
- }>> & string & Omit<import("react").ForwardRefExoticComponent<{
31
- children: import("react").ReactNode;
32
- sibling?: import("react").ReactNode;
33
- onSpringStart?: ((event: import("react-spring-bottom-sheet/dist/types").SpringEvent) => void) | undefined;
34
- onSpringCancel?: ((event: import("react-spring-bottom-sheet/dist/types").SpringEvent) => void) | undefined;
35
- onSpringEnd?: ((event: import("react-spring-bottom-sheet/dist/types").SpringEvent) => void) | undefined;
36
- open: boolean;
37
- className?: string | undefined;
38
- footer?: import("react").ReactNode;
39
- header?: import("react").ReactNode;
40
- initialFocusRef?: false | import("react").RefObject<HTMLElement> | undefined;
41
- onDismiss?: (() => void) | undefined;
42
- blocking?: boolean | undefined;
43
- maxHeight?: number | undefined;
44
- scrollLocking?: boolean | undefined;
45
- snapPoints?: import("react-spring-bottom-sheet/dist/types").snapPoints | undefined;
46
- defaultSnap?: number | ((props: import("react-spring-bottom-sheet/dist/types").defaultSnapProps) => number) | undefined;
47
- reserveScrollBarGap?: boolean | undefined;
48
- skipInitialTransition?: boolean | undefined;
49
- expandOnContentDrag?: boolean | undefined;
50
- } & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children"> & import("react").RefAttributes<import("react-spring-bottom-sheet").BottomSheetRef>>, keyof import("react").Component<any, {}, any>>;
2
+ /// <reference types="react" />
3
+ /// <reference types="trusted-types" />
51
4
  export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
52
5
  $bg: string;
53
6
  }>> & string;
54
- export declare const Body: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
55
- $isErrorBorder?: boolean | undefined;
7
+ export declare const DragIndicatorWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
8
+ export declare const ChildrenWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
56
9
  $isPadding: boolean;
10
+ $bgColor: string;
11
+ }>> & string;
12
+ export declare const StyledSheetContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<{
13
+ values?: {
14
+ [key: string]: import("motion-dom").MotionValue<number> | import("motion-dom").MotionValue<string>;
15
+ } | undefined;
16
+ key?: import("react").Key | null | undefined;
17
+ id?: string | undefined;
18
+ custom?: any;
19
+ color?: string | undefined;
20
+ content?: string | undefined;
21
+ transition?: import("motion-dom").Transition<any> | undefined;
22
+ translate?: "yes" | "no" | undefined;
23
+ inherit?: boolean | undefined;
24
+ hidden?: boolean | undefined;
25
+ slot?: string | undefined;
26
+ style?: import("framer-motion/dist/types.d-DOCC-kZB").c | undefined;
27
+ title?: string | undefined;
28
+ dir?: string | undefined;
29
+ drag?: boolean | "x" | "y" | undefined;
30
+ accessKey?: string | undefined;
31
+ draggable?: (boolean | "false" | "true") | undefined;
32
+ lang?: string | undefined;
33
+ className?: string | undefined;
34
+ prefix?: string | undefined;
35
+ role?: import("react").AriaRole | undefined;
36
+ children?: import("react").ReactNode | import("motion-dom").MotionValue<string> | import("motion-dom").MotionValue<number>;
37
+ contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
38
+ enterKeyHint?: "search" | "next" | "done" | "enter" | "go" | "previous" | "send" | undefined;
39
+ inputMode?: "search" | "numeric" | "none" | "url" | "text" | "decimal" | "tel" | "email" | undefined;
40
+ nonce?: string | undefined;
41
+ tabIndex?: number | undefined;
42
+ layout?: boolean | "position" | "size" | "x" | "y" | "preserve-aspect" | undefined;
43
+ defaultChecked?: boolean | undefined;
44
+ defaultValue?: string | number | readonly string[] | undefined;
45
+ suppressContentEditableWarning?: boolean | undefined;
46
+ suppressHydrationWarning?: boolean | undefined;
47
+ autoCapitalize?: "none" | (string & {}) | "words" | "off" | "on" | "sentences" | "characters" | undefined;
48
+ autoFocus?: boolean | undefined;
49
+ contextMenu?: string | undefined;
50
+ spellCheck?: (boolean | "false" | "true") | undefined;
51
+ radioGroup?: string | undefined;
52
+ about?: string | undefined;
53
+ datatype?: string | undefined;
54
+ inlist?: any;
55
+ property?: string | undefined;
56
+ rel?: string | undefined;
57
+ resource?: string | undefined;
58
+ rev?: string | undefined;
59
+ typeof?: string | undefined;
60
+ vocab?: string | undefined;
61
+ autoCorrect?: string | undefined;
62
+ autoSave?: string | undefined;
63
+ itemProp?: string | undefined;
64
+ itemScope?: boolean | undefined;
65
+ itemType?: string | undefined;
66
+ itemID?: string | undefined;
67
+ itemRef?: string | undefined;
68
+ results?: number | undefined;
69
+ security?: string | undefined;
70
+ unselectable?: "off" | "on" | undefined;
71
+ is?: string | undefined;
72
+ "aria-activedescendant"?: string | undefined;
73
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
74
+ "aria-autocomplete"?: "inline" | "both" | "none" | "list" | undefined;
75
+ "aria-braillelabel"?: string | undefined;
76
+ "aria-brailleroledescription"?: string | undefined;
77
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
78
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
79
+ "aria-colcount"?: number | undefined;
80
+ "aria-colindex"?: number | undefined;
81
+ "aria-colindextext"?: string | undefined;
82
+ "aria-colspan"?: number | undefined;
83
+ "aria-controls"?: string | undefined;
84
+ "aria-current"?: boolean | "location" | "time" | "false" | "page" | "true" | "step" | "date" | undefined;
85
+ "aria-describedby"?: string | undefined;
86
+ "aria-description"?: string | undefined;
87
+ "aria-details"?: string | undefined;
88
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
89
+ "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
90
+ "aria-errormessage"?: string | undefined;
91
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
92
+ "aria-flowto"?: string | undefined;
93
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
94
+ "aria-haspopup"?: boolean | "grid" | "dialog" | "menu" | "false" | "listbox" | "true" | "tree" | undefined;
95
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
96
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
97
+ "aria-keyshortcuts"?: string | undefined;
98
+ "aria-label"?: string | undefined;
99
+ "aria-labelledby"?: string | undefined;
100
+ "aria-level"?: number | undefined;
101
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
102
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
103
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
104
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
105
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
106
+ "aria-owns"?: string | undefined;
107
+ "aria-placeholder"?: string | undefined;
108
+ "aria-posinset"?: number | undefined;
109
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
110
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
111
+ "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
112
+ "aria-required"?: (boolean | "false" | "true") | undefined;
113
+ "aria-roledescription"?: string | undefined;
114
+ "aria-rowcount"?: number | undefined;
115
+ "aria-rowindex"?: number | undefined;
116
+ "aria-rowindextext"?: string | undefined;
117
+ "aria-rowspan"?: number | undefined;
118
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
119
+ "aria-setsize"?: number | undefined;
120
+ "aria-sort"?: "none" | "other" | "ascending" | "descending" | undefined;
121
+ "aria-valuemax"?: number | undefined;
122
+ "aria-valuemin"?: number | undefined;
123
+ "aria-valuenow"?: number | undefined;
124
+ "aria-valuetext"?: string | undefined;
125
+ dangerouslySetInnerHTML?: {
126
+ __html: string | TrustedHTML;
127
+ } | undefined;
128
+ onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
129
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
130
+ onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
131
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
132
+ onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
133
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
134
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
135
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
136
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
137
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
138
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
139
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
140
+ onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
141
+ onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
142
+ onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
143
+ onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
144
+ onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
145
+ onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
146
+ onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
147
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
148
+ onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
149
+ onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
150
+ onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
151
+ onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
152
+ onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
153
+ onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
154
+ onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
155
+ onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
156
+ onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
157
+ onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
158
+ onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
159
+ onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
160
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
161
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
162
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
163
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
164
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
165
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
166
+ onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
167
+ onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
168
+ onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
169
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
170
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
171
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
172
+ onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
173
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
174
+ onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
175
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
176
+ onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
177
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
178
+ onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
179
+ onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
180
+ onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
181
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
182
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
183
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
184
+ onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
185
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
186
+ onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
187
+ onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
188
+ onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
189
+ onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
190
+ onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
191
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
192
+ onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
193
+ onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
194
+ onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
195
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
196
+ onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
197
+ onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
198
+ onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
199
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
200
+ onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
201
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
202
+ onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
203
+ onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
204
+ onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
205
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
206
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
207
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
208
+ onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
209
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
210
+ onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
211
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
212
+ onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
213
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
214
+ onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
215
+ onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
216
+ onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
217
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
218
+ onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
219
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
220
+ onDrag?: ((event: PointerEvent | MouseEvent | TouchEvent, info: import("motion-dom").PanInfo) => void) | undefined;
221
+ onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
222
+ onDragEnd?: ((event: PointerEvent | MouseEvent | TouchEvent, info: import("motion-dom").PanInfo) => void) | undefined;
223
+ onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
224
+ onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
225
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
226
+ onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
227
+ onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
228
+ onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
229
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
230
+ onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
231
+ onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
232
+ onDragStart?: ((event: PointerEvent | MouseEvent | TouchEvent, info: import("motion-dom").PanInfo) => void) | undefined;
233
+ onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
234
+ onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
235
+ onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
236
+ onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
237
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
238
+ onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
239
+ onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
240
+ onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
241
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
242
+ onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
243
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
244
+ onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
245
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
246
+ onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
247
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
248
+ onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
249
+ onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
250
+ onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
251
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
252
+ onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
253
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
254
+ onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
255
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
256
+ onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
257
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
258
+ onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
259
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
260
+ onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
261
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
262
+ onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
263
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
264
+ onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
265
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
266
+ onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
267
+ onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
268
+ onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
269
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
270
+ onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
271
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
272
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
273
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
274
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
275
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
276
+ onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
277
+ onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
278
+ onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
279
+ onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
280
+ onAnimationStart?: ((definition: import("motion-dom").AnimationDefinition) => void) | undefined;
281
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
282
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
283
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
284
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
285
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
286
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
287
+ onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
288
+ onDirectionLock?: ((axis: "x" | "y") => void) | undefined;
289
+ onDragTransitionEnd?: (() => void) | undefined;
290
+ propagate?: import("motion-dom").PropagateOptions | undefined;
291
+ variants?: import("motion-dom").Variants | undefined;
292
+ onUpdate?: ((latest: import("motion-dom").ResolvedValues) => void) | undefined;
293
+ onAnimationComplete?: ((definition: import("motion-dom").AnimationDefinition) => void) | undefined;
294
+ onBeforeLayoutMeasure?: ((box: import("motion-utils").Box) => void) | undefined;
295
+ onLayoutMeasure?: ((box: import("motion-utils").Box, prevBox: import("motion-utils").Box) => void) | undefined;
296
+ onLayoutAnimationStart?: (() => void) | undefined;
297
+ onLayoutAnimationComplete?: (() => void) | undefined;
298
+ onPan?: ((event: PointerEvent, info: import("motion-dom").PanInfo) => void) | undefined;
299
+ onPanStart?: ((event: PointerEvent, info: import("motion-dom").PanInfo) => void) | undefined;
300
+ onPanSessionStart?: ((event: PointerEvent, info: import("motion-dom").EventInfo) => void) | undefined;
301
+ onPanEnd?: ((event: PointerEvent, info: import("motion-dom").PanInfo) => void) | undefined;
302
+ onTap?: ((event: PointerEvent | MouseEvent | TouchEvent, info: import("motion-dom").TapInfo) => void) | undefined;
303
+ onTapStart?: ((event: PointerEvent | MouseEvent | TouchEvent, info: import("motion-dom").TapInfo) => void) | undefined;
304
+ onTapCancel?: ((event: PointerEvent | MouseEvent | TouchEvent, info: import("motion-dom").TapInfo) => void) | undefined;
305
+ whileTap?: import("motion-dom").VariantLabels | import("motion-dom").TargetAndTransition | undefined;
306
+ globalTapTarget?: boolean | undefined;
307
+ whileHover?: import("motion-dom").VariantLabels | import("motion-dom").TargetAndTransition | undefined;
308
+ onHoverStart?: ((event: PointerEvent, info: import("motion-dom").EventInfo) => void) | undefined;
309
+ onHoverEnd?: ((event: PointerEvent, info: import("motion-dom").EventInfo) => void) | undefined;
310
+ whileFocus?: import("motion-dom").VariantLabels | import("motion-dom").TargetAndTransition | undefined;
311
+ whileInView?: import("motion-dom").VariantLabels | import("motion-dom").TargetAndTransition | undefined;
312
+ onViewportEnter?: import("motion-dom").ViewportEventHandler | undefined;
313
+ onViewportLeave?: import("motion-dom").ViewportEventHandler | undefined;
314
+ viewport?: import("motion-dom").ViewportOptions | undefined;
315
+ whileDrag?: import("motion-dom").VariantLabels | import("motion-dom").TargetAndTransition | undefined;
316
+ dragDirectionLock?: boolean | undefined;
317
+ dragPropagation?: boolean | undefined;
318
+ dragConstraints?: false | Partial<import("motion-utils").BoundingBox> | {
319
+ current: Element | null;
320
+ } | undefined;
321
+ dragElastic?: import("motion-dom").DragElastic | undefined;
322
+ dragMomentum?: boolean | undefined;
323
+ dragTransition?: import("motion-dom").InertiaOptions | undefined;
324
+ dragControls?: any;
325
+ dragSnapToOrigin?: boolean | "x" | "y" | undefined;
326
+ dragListener?: boolean | undefined;
327
+ onMeasureDragConstraints?: ((constraints: import("motion-utils").BoundingBox) => void | import("motion-utils").BoundingBox) | undefined;
328
+ _dragX?: import("motion-dom").MotionValue<number> | undefined;
329
+ _dragY?: import("motion-dom").MotionValue<number> | undefined;
330
+ layoutId?: string | undefined;
331
+ layoutDependency?: any;
332
+ layoutScroll?: boolean | undefined;
333
+ layoutRoot?: boolean | undefined;
334
+ layoutAnchor?: false | {
335
+ x: number;
336
+ y: number;
337
+ } | undefined;
338
+ "data-framer-portal-id"?: string | undefined;
339
+ layoutCrossfade?: boolean | undefined;
340
+ "data-framer-appear-id"?: string | undefined;
341
+ transformTemplate?: import("motion-dom").TransformTemplate | undefined;
342
+ ignoreStrict?: boolean | undefined;
343
+ } & {
344
+ className?: string | undefined;
345
+ unstyled?: boolean | undefined;
346
+ } & {
347
+ children: import("react").ReactNode;
348
+ } & import("react").RefAttributes<any>, "ref"> & {
349
+ ref?: ((instance: any) => void) | import("react").RefObject<any> | null | undefined;
350
+ }, {
351
+ $isErrorBorder?: boolean | undefined;
57
352
  $errorColor: string;
58
- $overflow?: string | undefined;
59
353
  $borderColor?: string | undefined;
60
- }>> & string;
354
+ }>> & string & Omit<import("react").ForwardRefExoticComponent<{
355
+ values?: {
356
+ [key: string]: import("motion-dom").MotionValue<number> | import("motion-dom").MotionValue<string>;
357
+ } | undefined;
358
+ key?: import("react").Key | null | undefined;
359
+ id?: string | undefined;
360
+ custom?: any;
361
+ color?: string | undefined;
362
+ content?: string | undefined;
363
+ transition?: import("motion-dom").Transition<any> | undefined;
364
+ translate?: "yes" | "no" | undefined;
365
+ inherit?: boolean | undefined;
366
+ hidden?: boolean | undefined;
367
+ slot?: string | undefined;
368
+ style?: import("framer-motion/dist/types.d-DOCC-kZB").c | undefined;
369
+ title?: string | undefined;
370
+ dir?: string | undefined;
371
+ drag?: boolean | "x" | "y" | undefined;
372
+ accessKey?: string | undefined;
373
+ draggable?: (boolean | "false" | "true") | undefined;
374
+ lang?: string | undefined;
375
+ className?: string | undefined;
376
+ prefix?: string | undefined;
377
+ role?: import("react").AriaRole | undefined;
378
+ children?: import("react").ReactNode | import("motion-dom").MotionValue<string> | import("motion-dom").MotionValue<number>;
379
+ contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
380
+ enterKeyHint?: "search" | "next" | "done" | "enter" | "go" | "previous" | "send" | undefined;
381
+ inputMode?: "search" | "numeric" | "none" | "url" | "text" | "decimal" | "tel" | "email" | undefined;
382
+ nonce?: string | undefined;
383
+ tabIndex?: number | undefined;
384
+ layout?: boolean | "position" | "size" | "x" | "y" | "preserve-aspect" | undefined;
385
+ defaultChecked?: boolean | undefined;
386
+ defaultValue?: string | number | readonly string[] | undefined;
387
+ suppressContentEditableWarning?: boolean | undefined;
388
+ suppressHydrationWarning?: boolean | undefined;
389
+ autoCapitalize?: "none" | (string & {}) | "words" | "off" | "on" | "sentences" | "characters" | undefined;
390
+ autoFocus?: boolean | undefined;
391
+ contextMenu?: string | undefined;
392
+ spellCheck?: (boolean | "false" | "true") | undefined;
393
+ radioGroup?: string | undefined;
394
+ about?: string | undefined;
395
+ datatype?: string | undefined;
396
+ inlist?: any;
397
+ property?: string | undefined;
398
+ rel?: string | undefined;
399
+ resource?: string | undefined;
400
+ rev?: string | undefined;
401
+ typeof?: string | undefined;
402
+ vocab?: string | undefined;
403
+ autoCorrect?: string | undefined;
404
+ autoSave?: string | undefined;
405
+ itemProp?: string | undefined;
406
+ itemScope?: boolean | undefined;
407
+ itemType?: string | undefined;
408
+ itemID?: string | undefined;
409
+ itemRef?: string | undefined;
410
+ results?: number | undefined;
411
+ security?: string | undefined;
412
+ unselectable?: "off" | "on" | undefined;
413
+ is?: string | undefined;
414
+ "aria-activedescendant"?: string | undefined;
415
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
416
+ "aria-autocomplete"?: "inline" | "both" | "none" | "list" | undefined;
417
+ "aria-braillelabel"?: string | undefined;
418
+ "aria-brailleroledescription"?: string | undefined;
419
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
420
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
421
+ "aria-colcount"?: number | undefined;
422
+ "aria-colindex"?: number | undefined;
423
+ "aria-colindextext"?: string | undefined;
424
+ "aria-colspan"?: number | undefined;
425
+ "aria-controls"?: string | undefined;
426
+ "aria-current"?: boolean | "location" | "time" | "false" | "page" | "true" | "step" | "date" | undefined;
427
+ "aria-describedby"?: string | undefined;
428
+ "aria-description"?: string | undefined;
429
+ "aria-details"?: string | undefined;
430
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
431
+ "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
432
+ "aria-errormessage"?: string | undefined;
433
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
434
+ "aria-flowto"?: string | undefined;
435
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
436
+ "aria-haspopup"?: boolean | "grid" | "dialog" | "menu" | "false" | "listbox" | "true" | "tree" | undefined;
437
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
438
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
439
+ "aria-keyshortcuts"?: string | undefined;
440
+ "aria-label"?: string | undefined;
441
+ "aria-labelledby"?: string | undefined;
442
+ "aria-level"?: number | undefined;
443
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
444
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
445
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
446
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
447
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
448
+ "aria-owns"?: string | undefined;
449
+ "aria-placeholder"?: string | undefined;
450
+ "aria-posinset"?: number | undefined;
451
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
452
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
453
+ "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
454
+ "aria-required"?: (boolean | "false" | "true") | undefined;
455
+ "aria-roledescription"?: string | undefined;
456
+ "aria-rowcount"?: number | undefined;
457
+ "aria-rowindex"?: number | undefined;
458
+ "aria-rowindextext"?: string | undefined;
459
+ "aria-rowspan"?: number | undefined;
460
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
461
+ "aria-setsize"?: number | undefined;
462
+ "aria-sort"?: "none" | "other" | "ascending" | "descending" | undefined;
463
+ "aria-valuemax"?: number | undefined;
464
+ "aria-valuemin"?: number | undefined;
465
+ "aria-valuenow"?: number | undefined;
466
+ "aria-valuetext"?: string | undefined;
467
+ dangerouslySetInnerHTML?: {
468
+ __html: string | TrustedHTML;
469
+ } | undefined;
470
+ onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
471
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
472
+ onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
473
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
474
+ onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
475
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
476
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
477
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
478
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
479
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
480
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
481
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
482
+ onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
483
+ onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
484
+ onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
485
+ onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
486
+ onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
487
+ onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
488
+ onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
489
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
490
+ onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
491
+ onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
492
+ onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
493
+ onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
494
+ onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
495
+ onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
496
+ onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
497
+ onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
498
+ onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
499
+ onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
500
+ onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
501
+ onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
502
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
503
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
504
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
505
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
506
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
507
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
508
+ onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
509
+ onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
510
+ onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
511
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
512
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
513
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
514
+ onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
515
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
516
+ onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
517
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
518
+ onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
519
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
520
+ onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
521
+ onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
522
+ onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
523
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
524
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
525
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
526
+ onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
527
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
528
+ onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
529
+ onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
530
+ onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
531
+ onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
532
+ onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
533
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
534
+ onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
535
+ onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
536
+ onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
537
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
538
+ onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
539
+ onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
540
+ onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
541
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
542
+ onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
543
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
544
+ onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
545
+ onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
546
+ onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
547
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
548
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
549
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
550
+ onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
551
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
552
+ onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
553
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
554
+ onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
555
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
556
+ onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
557
+ onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
558
+ onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
559
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
560
+ onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
561
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
562
+ onDrag?: ((event: PointerEvent | MouseEvent | TouchEvent, info: import("motion-dom").PanInfo) => void) | undefined;
563
+ onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
564
+ onDragEnd?: ((event: PointerEvent | MouseEvent | TouchEvent, info: import("motion-dom").PanInfo) => void) | undefined;
565
+ onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
566
+ onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
567
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
568
+ onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
569
+ onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
570
+ onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
571
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
572
+ onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
573
+ onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
574
+ onDragStart?: ((event: PointerEvent | MouseEvent | TouchEvent, info: import("motion-dom").PanInfo) => void) | undefined;
575
+ onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
576
+ onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
577
+ onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
578
+ onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
579
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
580
+ onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
581
+ onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
582
+ onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
583
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
584
+ onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
585
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
586
+ onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
587
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
588
+ onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
589
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
590
+ onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
591
+ onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
592
+ onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
593
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
594
+ onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
595
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
596
+ onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
597
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
598
+ onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
599
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
600
+ onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
601
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
602
+ onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
603
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
604
+ onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
605
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
606
+ onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
607
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
608
+ onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
609
+ onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
610
+ onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
611
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
612
+ onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
613
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
614
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
615
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
616
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
617
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
618
+ onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
619
+ onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
620
+ onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
621
+ onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
622
+ onAnimationStart?: ((definition: import("motion-dom").AnimationDefinition) => void) | undefined;
623
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
624
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
625
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
626
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
627
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
628
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
629
+ onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
630
+ onDirectionLock?: ((axis: "x" | "y") => void) | undefined;
631
+ onDragTransitionEnd?: (() => void) | undefined;
632
+ propagate?: import("motion-dom").PropagateOptions | undefined;
633
+ variants?: import("motion-dom").Variants | undefined;
634
+ onUpdate?: ((latest: import("motion-dom").ResolvedValues) => void) | undefined;
635
+ onAnimationComplete?: ((definition: import("motion-dom").AnimationDefinition) => void) | undefined;
636
+ onBeforeLayoutMeasure?: ((box: import("motion-utils").Box) => void) | undefined;
637
+ onLayoutMeasure?: ((box: import("motion-utils").Box, prevBox: import("motion-utils").Box) => void) | undefined;
638
+ onLayoutAnimationStart?: (() => void) | undefined;
639
+ onLayoutAnimationComplete?: (() => void) | undefined;
640
+ onPan?: ((event: PointerEvent, info: import("motion-dom").PanInfo) => void) | undefined;
641
+ onPanStart?: ((event: PointerEvent, info: import("motion-dom").PanInfo) => void) | undefined;
642
+ onPanSessionStart?: ((event: PointerEvent, info: import("motion-dom").EventInfo) => void) | undefined;
643
+ onPanEnd?: ((event: PointerEvent, info: import("motion-dom").PanInfo) => void) | undefined;
644
+ onTap?: ((event: PointerEvent | MouseEvent | TouchEvent, info: import("motion-dom").TapInfo) => void) | undefined;
645
+ onTapStart?: ((event: PointerEvent | MouseEvent | TouchEvent, info: import("motion-dom").TapInfo) => void) | undefined;
646
+ onTapCancel?: ((event: PointerEvent | MouseEvent | TouchEvent, info: import("motion-dom").TapInfo) => void) | undefined;
647
+ whileTap?: import("motion-dom").VariantLabels | import("motion-dom").TargetAndTransition | undefined;
648
+ globalTapTarget?: boolean | undefined;
649
+ whileHover?: import("motion-dom").VariantLabels | import("motion-dom").TargetAndTransition | undefined;
650
+ onHoverStart?: ((event: PointerEvent, info: import("motion-dom").EventInfo) => void) | undefined;
651
+ onHoverEnd?: ((event: PointerEvent, info: import("motion-dom").EventInfo) => void) | undefined;
652
+ whileFocus?: import("motion-dom").VariantLabels | import("motion-dom").TargetAndTransition | undefined;
653
+ whileInView?: import("motion-dom").VariantLabels | import("motion-dom").TargetAndTransition | undefined;
654
+ onViewportEnter?: import("motion-dom").ViewportEventHandler | undefined;
655
+ onViewportLeave?: import("motion-dom").ViewportEventHandler | undefined;
656
+ viewport?: import("motion-dom").ViewportOptions | undefined;
657
+ whileDrag?: import("motion-dom").VariantLabels | import("motion-dom").TargetAndTransition | undefined;
658
+ dragDirectionLock?: boolean | undefined;
659
+ dragPropagation?: boolean | undefined;
660
+ dragConstraints?: false | Partial<import("motion-utils").BoundingBox> | {
661
+ current: Element | null;
662
+ } | undefined;
663
+ dragElastic?: import("motion-dom").DragElastic | undefined;
664
+ dragMomentum?: boolean | undefined;
665
+ dragTransition?: import("motion-dom").InertiaOptions | undefined;
666
+ dragControls?: any;
667
+ dragSnapToOrigin?: boolean | "x" | "y" | undefined;
668
+ dragListener?: boolean | undefined;
669
+ onMeasureDragConstraints?: ((constraints: import("motion-utils").BoundingBox) => void | import("motion-utils").BoundingBox) | undefined;
670
+ _dragX?: import("motion-dom").MotionValue<number> | undefined;
671
+ _dragY?: import("motion-dom").MotionValue<number> | undefined;
672
+ layoutId?: string | undefined;
673
+ layoutDependency?: any;
674
+ layoutScroll?: boolean | undefined;
675
+ layoutRoot?: boolean | undefined;
676
+ layoutAnchor?: false | {
677
+ x: number;
678
+ y: number;
679
+ } | undefined;
680
+ "data-framer-portal-id"?: string | undefined;
681
+ layoutCrossfade?: boolean | undefined;
682
+ "data-framer-appear-id"?: string | undefined;
683
+ transformTemplate?: import("motion-dom").TransformTemplate | undefined;
684
+ ignoreStrict?: boolean | undefined;
685
+ } & {
686
+ className?: string | undefined;
687
+ unstyled?: boolean | undefined;
688
+ } & {
689
+ children: import("react").ReactNode;
690
+ } & import("react").RefAttributes<any>>, keyof import("react").Component<any, {}, any>>;
691
+ export declare const StyledSheetBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<Omit<import("framer-motion/dist/types.d-DOCC-kZB").b<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
692
+ className?: string | undefined;
693
+ unstyled?: boolean | undefined;
694
+ } & import("react").RefAttributes<any>, "ref"> & {
695
+ ref?: ((instance: any) => void) | import("react").RefObject<any> | null | undefined;
696
+ }, {
697
+ $bgColor: string;
698
+ }>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<Omit<import("framer-motion/dist/types.d-DOCC-kZB").b<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
699
+ className?: string | undefined;
700
+ unstyled?: boolean | undefined;
701
+ } & import("react").RefAttributes<any>>, keyof import("react").Component<any, {}, any>>;
package/dist/components/common/Drawer/styles.js CHANGED
@@ -4,50 +4,45 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.Title = exports.BottomSheet = exports.Body = void 0;
7
+ exports.Title = exports.StyledSheetContainer = exports.StyledSheetBackdrop = exports.DragIndicatorWrapper = exports.ChildrenWrapper = void 0;
8
8
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
- var _reactSpringBottomSheet = require("react-spring-bottom-sheet");
10
- require("react-spring-bottom-sheet/dist/style.css");
9
+ var _reactModalSheet = require("react-modal-sheet");
11
10
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
11
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
- var BottomSheet = exports.BottomSheet = (0, _styledComponents["default"])(_reactSpringBottomSheet.BottomSheet).withConfig({
14
- displayName: "styles__BottomSheet",
15
- componentId: "sc-1kysg49-0"
16
- })(["--rsbs-backdrop-bg:", ";--rsbs-bg:", ";--rsbs-overlay-rounded:10px;& [data-rsbs-overlay],[data-rsbs-backdrop]{z-index:9999;}&::after{z-index:9999;}[data-rsbs-backdrop]:not(:first-child){display:none;}[data-rsbs-header]{", " padding:0;border-top-left-radius:10px;border-top-right-radius:10px;}[data-rsbs-overlay]{", "}", ""], function (_ref) {
17
- var $palette = _ref.$palette;
18
- return $palette.backdropBg;
19
- }, function (_ref2) {
20
- var $palette = _ref2.$palette;
21
- return $palette.bg;
22
- }, function (_ref3) {
23
- var $isHaveHeader = _ref3.$isHaveHeader;
24
- return !$isHaveHeader && "\n position: absolute;\n height: 20px;\n width: 100%;\n ";
25
- }, function (_ref4) {
26
- var $isHaveHeader = _ref4.$isHaveHeader;
27
- return !$isHaveHeader && "\n margin-bottom: -20px;\n ";
28
- }, function (_ref5) {
29
- var $overflow = _ref5.$overflow;
30
- return $overflow && (0, _styledComponents.css)(["[data-rsbs-content]{overflow:visible;}[data-rsbs-scroll]{overflow:visible;}"]);
31
- });
32
12
  var Title = exports.Title = _styledComponents["default"].div.withConfig({
33
13
  displayName: "styles__Title",
34
- componentId: "sc-1kysg49-1"
35
- })(["padding:30px;background-color:", ";border-radius:inherit;"], function (_ref6) {
36
- var $bg = _ref6.$bg;
14
+ componentId: "sc-1kysg49-0"
15
+ })(["background-color:", ";padding:30px;position:relative;text-align:center;border-radius:10px 10px 0 0;"], function (_ref) {
16
+ var $bg = _ref.$bg;
37
17
  return $bg;
38
18
  });
39
- var Body = exports.Body = _styledComponents["default"].div.withConfig({
40
- displayName: "styles__Body",
19
+ var DragIndicatorWrapper = exports.DragIndicatorWrapper = _styledComponents["default"].div.withConfig({
20
+ displayName: "styles__DragIndicatorWrapper",
21
+ componentId: "sc-1kysg49-1"
22
+ })(["position:absolute;top:12px;left:50%;transform:translateX(-50%);"]);
23
+ var ChildrenWrapper = exports.ChildrenWrapper = _styledComponents["default"].div.withConfig({
24
+ displayName: "styles__ChildrenWrapper",
41
25
  componentId: "sc-1kysg49-2"
42
- })(["position:relative;overflow:", ";flex:1;border-radius:10px 10px 0 0;", " ", ";"], function (_ref7) {
43
- var $overflow = _ref7.$overflow;
44
- return $overflow || 'auto';
45
- }, function (_ref8) {
46
- var $isErrorBorder = _ref8.$isErrorBorder,
47
- $errorColor = _ref8.$errorColor,
48
- $borderColor = _ref8.$borderColor;
49
- return ($isErrorBorder || $borderColor) && (0, _styledComponents.css)(["border-top:2px solid ", ";"], $borderColor || $errorColor);
50
- }, function (_ref9) {
51
- var $isPadding = _ref9.$isPadding;
26
+ })(["", ";background-color:", ";"], function (_ref2) {
27
+ var $isPadding = _ref2.$isPadding;
52
28
  return $isPadding && 'padding: 32px 16px 36px';
29
+ }, function (_ref3) {
30
+ var $bgColor = _ref3.$bgColor;
31
+ return $bgColor;
32
+ });
33
+ var StyledSheetContainer = exports.StyledSheetContainer = (0, _styledComponents["default"])(_reactModalSheet.Sheet.Container).withConfig({
34
+ displayName: "styles__StyledSheetContainer",
35
+ componentId: "sc-1kysg49-3"
36
+ })(["overflow:hidden;box-shadow:none;border-radius:10px 10px 0 0;", ""], function (_ref4) {
37
+ var $isErrorBorder = _ref4.$isErrorBorder,
38
+ $errorColor = _ref4.$errorColor,
39
+ $borderColor = _ref4.$borderColor;
40
+ return ($isErrorBorder || $borderColor) && (0, _styledComponents.css)(["border-top:2px solid ", ";"], $borderColor || $errorColor);
41
+ });
42
+ var StyledSheetBackdrop = exports.StyledSheetBackdrop = (0, _styledComponents["default"])(_reactModalSheet.Sheet.Backdrop).withConfig({
43
+ displayName: "styles__StyledSheetBackdrop",
44
+ componentId: "sc-1kysg49-4"
45
+ })(["background-color:", " !important;"], function (_ref5) {
46
+ var $bgColor = _ref5.$bgColor;
47
+ return $bgColor;
53
48
  });
package/dist/components/common/EntityAutocompleteOptionsDrawer/index.js CHANGED
@@ -33,8 +33,7 @@ var EntityAutocompleteOptionsDrawer = exports.EntityAutocompleteOptionsDrawer =
33
33
  return /*#__PURE__*/_react["default"].createElement(_Drawer.Drawer, {
34
34
  isOpen: isOpen,
35
35
  onClose: onClose,
36
- isPadding: false,
37
- initialFocusRef: false
36
+ isPadding: false
38
37
  }, /*#__PURE__*/_react["default"].createElement(S.BodyWrapper, null, /*#__PURE__*/_react["default"].createElement(S.InputWrapper, null, searchInputField), /*#__PURE__*/_react["default"].createElement(S.ContentWrapper, null, /*#__PURE__*/_react["default"].createElement(_Scrollbar.Scrollbar, {
39
38
  maxHeight: 380
40
39
  }, promptMessage && /*#__PURE__*/_react["default"].createElement(S.Prompt, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@invoicebox/ui",
3
- "version": "0.1.0-alpha.274",
3
+ "version": "0.1.0-alpha.276",
4
4
  "description": "Invoicebox UI",
5
5
  "license": "Apache License 2.0",
6
6
  "scripts": {
@@ -55,14 +55,15 @@
55
55
  "@mona-health/react-input-mask": "^3.0.3",
56
56
  "hex-to-rgba": "^2.0.1",
57
57
  "lottie-react": "^2.4.0",
58
+ "motion": "^12.38.0",
58
59
  "object.entries": "^1.1.8",
59
60
  "object.fromentries": "^2.0.8",
60
61
  "qrcode.react": "^3.1.0",
61
62
  "react-calendar": "^4.8.0",
62
63
  "react-currency-input-field": "^3.10.0",
63
64
  "react-custom-scrollbars-2": "^4.5.0",
65
+ "react-modal-sheet": "^5.6.0",
64
66
  "react-responsive": "^9.0.2",
65
- "react-spring-bottom-sheet": "^3.4.1",
66
67
  "react-toastify": "^9.1.3"
67
68
  },
68
69
  "peerDependencies": {