@chayns-components/swipeable-wrapper 5.0.0-beta.1004 → 5.0.0-beta.1006

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 (20) hide show
  1. package/lib/cjs/components/swipeable-wrapper/SwipeableWrapper.js +20 -20
  2. package/lib/cjs/components/swipeable-wrapper/SwipeableWrapper.js.map +1 -1
  3. package/lib/cjs/components/swipeable-wrapper/SwipeableWrapper.styles.js +2 -2
  4. package/lib/cjs/components/swipeable-wrapper/SwipeableWrapper.styles.js.map +1 -1
  5. package/lib/cjs/components/swipeable-wrapper/swipeable-action/SwipeableAction.js +11 -11
  6. package/lib/cjs/components/swipeable-wrapper/swipeable-action/SwipeableAction.js.map +1 -1
  7. package/lib/cjs/components/swipeable-wrapper/swipeable-action/SwipeableAction.styles.js +2 -2
  8. package/lib/cjs/components/swipeable-wrapper/swipeable-action/SwipeableAction.styles.js.map +1 -1
  9. package/lib/esm/components/swipeable-wrapper/SwipeableWrapper.js +1 -1
  10. package/lib/esm/components/swipeable-wrapper/SwipeableWrapper.js.map +1 -1
  11. package/lib/esm/components/swipeable-wrapper/SwipeableWrapper.styles.js +1 -1
  12. package/lib/esm/components/swipeable-wrapper/SwipeableWrapper.styles.js.map +1 -1
  13. package/lib/esm/components/swipeable-wrapper/swipeable-action/SwipeableAction.js +1 -1
  14. package/lib/esm/components/swipeable-wrapper/swipeable-action/SwipeableAction.js.map +1 -1
  15. package/lib/esm/components/swipeable-wrapper/swipeable-action/SwipeableAction.styles.js +1 -1
  16. package/lib/esm/components/swipeable-wrapper/swipeable-action/SwipeableAction.styles.js.map +1 -1
  17. package/lib/types/components/swipeable-wrapper/SwipeableWrapper.styles.d.ts +2 -263
  18. package/lib/types/components/swipeable-wrapper/swipeable-action/SwipeableAction.d.ts +1 -1
  19. package/lib/types/components/swipeable-wrapper/swipeable-action/SwipeableAction.styles.d.ts +2 -263
  20. package/package.json +5 -4
package/lib/esm/components/swipeable-wrapper/swipeable-action/SwipeableAction.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SwipeableAction.styles.js","names":["motion","styled","css","StyledMotionSwipeableAction","div","_ref","$backgroundColor","_ref2","$position","StyledSwipeableActionButton","button","_ref3","$color","_ref4","$width"],"sources":["../../../../../src/components/swipeable-wrapper/swipeable-action/SwipeableAction.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport type { CSSProperties } from 'react';\nimport styled, { css } from 'styled-components';\n\ntype StyledSwipeableActionProps = {\n $position: 'left' | 'right';\n $backgroundColor: CSSProperties['backgroundColor'];\n};\n\nexport const StyledMotionSwipeableAction = styled(motion.div)<StyledSwipeableActionProps>`\n background-color: ${({ $backgroundColor }) => $backgroundColor};\n display: flex;\n height: 100%;\n position: absolute;\n top: 0;\n width: 200vw;\n\n ${({ $position }) => {\n if ($position === 'left') {\n return css`\n justify-content: flex-end;\n right: 100%;\n `;\n }\n return css`\n justify-content: flex-start;\n left: 100%;\n `;\n }}\n`;\n\ntype StyledSwipeableActionButtonsProps = {\n $width: CSSProperties['width'];\n $color: CSSProperties['color'];\n};\n\nexport const StyledSwipeableActionButton = styled.button<StyledSwipeableActionButtonsProps>`\n align-items: center;\n appearance: none;\n background: none;\n box-shadow: none;\n color: ${({ $color }) => $color};\n display: flex;\n flex-direction: column;\n font-size: 88%;\n gap: 4px;\n height: 100%;\n justify-content: center;\n margin: 0;\n padding: 0;\n width: ${({ $width }) => $width};\n`;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,eAAe;AAEtC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAO/C,OAAO,MAAMC,2BAA2B,GAAGF,MAAM,CAACD,MAAM,CAACI,GAAG,CAA6B;AACzF,wBAAwBC,IAAA;EAAA,IAAC;IAAEC;EAAiB,CAAC,GAAAD,IAAA;EAAA,OAAKC,gBAAgB;AAAA;AAClE;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,KAAA,IAAmB;EAAA,IAAlB;IAAEC;EAAU,CAAC,GAAAD,KAAA;EACZ,IAAIC,SAAS,KAAK,MAAM,EAAE;IACtB,OAAON,GAAG;AACtB;AACA;AACA,aAAa;EACL;EACA,OAAOA,GAAG;AAClB;AACA;AACA,SAAS;AACL,CAAC;AACL,CAAC;AAOD,OAAO,MAAMO,2BAA2B,GAAGR,MAAM,CAACS,MAAyC;AAC3F;AACA;AACA;AACA;AACA,aAAaC,KAAA;EAAA,IAAC;IAAEC;EAAO,CAAC,GAAAD,KAAA;EAAA,OAAKC,MAAM;AAAA;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAaC,KAAA;EAAA,IAAC;IAAEC;EAAO,CAAC,GAAAD,KAAA;EAAA,OAAKC,MAAM;AAAA;AACnC,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"SwipeableAction.styles.js","names":["motion","styled","css","StyledMotionSwipeableAction","div","_ref","$backgroundColor","_ref2","$position","StyledSwipeableActionButton","button","_ref3","$color","_ref4","$width"],"sources":["../../../../../src/components/swipeable-wrapper/swipeable-action/SwipeableAction.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport type { CSSProperties } from 'react';\nimport styled, { css } from 'styled-components';\n\ntype StyledSwipeableActionProps = {\n $position: 'left' | 'right';\n $backgroundColor: CSSProperties['backgroundColor'];\n};\n\nexport const StyledMotionSwipeableAction = styled(motion.div)<StyledSwipeableActionProps>`\n background-color: ${({ $backgroundColor }) => $backgroundColor};\n display: flex;\n height: 100%;\n position: absolute;\n top: 0;\n width: 200vw;\n\n ${({ $position }) => {\n if ($position === 'left') {\n return css`\n justify-content: flex-end;\n right: 100%;\n `;\n }\n return css`\n justify-content: flex-start;\n left: 100%;\n `;\n }}\n`;\n\ntype StyledSwipeableActionButtonsProps = {\n $width: CSSProperties['width'];\n $color: CSSProperties['color'];\n};\n\nexport const StyledSwipeableActionButton = styled.button<StyledSwipeableActionButtonsProps>`\n align-items: center;\n appearance: none;\n background: none;\n box-shadow: none;\n color: ${({ $color }) => $color};\n display: flex;\n flex-direction: column;\n font-size: 88%;\n gap: 4px;\n height: 100%;\n justify-content: center;\n margin: 0;\n padding: 0;\n width: ${({ $width }) => $width};\n`;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,cAAc;AAErC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAO/C,OAAO,MAAMC,2BAA2B,GAAGF,MAAM,CAACD,MAAM,CAACI,GAAG,CAA6B;AACzF,wBAAwBC,IAAA;EAAA,IAAC;IAAEC;EAAiB,CAAC,GAAAD,IAAA;EAAA,OAAKC,gBAAgB;AAAA;AAClE;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,KAAA,IAAmB;EAAA,IAAlB;IAAEC;EAAU,CAAC,GAAAD,KAAA;EACZ,IAAIC,SAAS,KAAK,MAAM,EAAE;IACtB,OAAON,GAAG;AACtB;AACA;AACA,aAAa;EACL;EACA,OAAOA,GAAG;AAClB;AACA;AACA,SAAS;AACL,CAAC;AACL,CAAC;AAOD,OAAO,MAAMO,2BAA2B,GAAGR,MAAM,CAACS,MAAyC;AAC3F;AACA;AACA;AACA;AACA,aAAaC,KAAA;EAAA,IAAC;IAAEC;EAAO,CAAC,GAAAD,KAAA;EAAA,OAAKC,MAAM;AAAA;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAaC,KAAA;EAAA,IAAC;IAAEC;EAAO,CAAC,GAAAD,KAAA;EAAA,OAAKC,MAAM;AAAA;AACnC,CAAC","ignoreList":[]}
package/lib/types/components/swipeable-wrapper/SwipeableWrapper.styles.d.ts CHANGED
@@ -1,267 +1,6 @@
1
- export declare const StyledMotionSwipeableWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<{
2
- title?: string | undefined;
3
- slot?: string | undefined;
4
- defaultChecked?: boolean | undefined;
5
- defaultValue?: string | number | readonly string[] | undefined;
6
- suppressContentEditableWarning?: boolean | undefined;
7
- suppressHydrationWarning?: boolean | undefined;
8
- accessKey?: string | undefined;
9
- autoCapitalize?: (string & {}) | "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined;
10
- autoFocus?: boolean | undefined;
11
- className?: string | undefined;
12
- contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
13
- contextMenu?: string | undefined;
14
- dir?: string | undefined;
15
- draggable?: (boolean | "true" | "false") | undefined;
16
- enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
17
- hidden?: boolean | undefined;
18
- id?: string | undefined;
19
- lang?: string | undefined;
20
- nonce?: string | undefined;
21
- spellCheck?: (boolean | "true" | "false") | undefined;
22
- tabIndex?: number | undefined;
23
- translate?: "yes" | "no" | undefined;
24
- radioGroup?: string | undefined;
25
- role?: import("react").AriaRole | undefined;
26
- about?: string | undefined;
27
- content?: string | undefined;
28
- datatype?: string | undefined;
29
- inlist?: any;
30
- prefix?: string | undefined;
31
- property?: string | undefined;
32
- rel?: string | undefined;
33
- resource?: string | undefined;
34
- rev?: string | undefined;
35
- typeof?: string | undefined;
36
- vocab?: string | undefined;
37
- autoCorrect?: string | undefined;
38
- autoSave?: string | undefined;
39
- color?: string | undefined;
40
- itemProp?: string | undefined;
41
- itemScope?: boolean | undefined;
42
- itemType?: string | undefined;
43
- itemID?: string | undefined;
44
- itemRef?: string | undefined;
45
- results?: number | undefined;
46
- security?: string | undefined;
47
- unselectable?: "off" | "on" | undefined;
48
- inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
49
- is?: string | undefined;
50
- "aria-activedescendant"?: string | undefined;
51
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
52
- "aria-autocomplete"?: "none" | "list" | "both" | "inline" | undefined;
53
- "aria-braillelabel"?: string | undefined;
54
- "aria-brailleroledescription"?: string | undefined;
55
- "aria-busy"?: (boolean | "true" | "false") | undefined;
56
- "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
57
- "aria-colcount"?: number | undefined;
58
- "aria-colindex"?: number | undefined;
59
- "aria-colindextext"?: string | undefined;
60
- "aria-colspan"?: number | undefined;
61
- "aria-controls"?: string | undefined;
62
- "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
63
- "aria-describedby"?: string | undefined;
64
- "aria-description"?: string | undefined;
65
- "aria-details"?: string | undefined;
66
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
67
- "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
68
- "aria-errormessage"?: string | undefined;
69
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
70
- "aria-flowto"?: string | undefined;
71
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
72
- "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
73
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
74
- "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
75
- "aria-keyshortcuts"?: string | undefined;
76
- "aria-label"?: string | undefined;
77
- "aria-labelledby"?: string | undefined;
78
- "aria-level"?: number | undefined;
79
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
80
- "aria-modal"?: (boolean | "true" | "false") | undefined;
81
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
82
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
83
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
84
- "aria-owns"?: string | undefined;
85
- "aria-placeholder"?: string | undefined;
86
- "aria-posinset"?: number | undefined;
87
- "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
88
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
89
- "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
90
- "aria-required"?: (boolean | "true" | "false") | undefined;
91
- "aria-roledescription"?: string | undefined;
92
- "aria-rowcount"?: number | undefined;
93
- "aria-rowindex"?: number | undefined;
94
- "aria-rowindextext"?: string | undefined;
95
- "aria-rowspan"?: number | undefined;
96
- "aria-selected"?: (boolean | "true" | "false") | undefined;
97
- "aria-setsize"?: number | undefined;
98
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
99
- "aria-valuemax"?: number | undefined;
100
- "aria-valuemin"?: number | undefined;
101
- "aria-valuenow"?: number | undefined;
102
- "aria-valuetext"?: string | undefined;
103
- dangerouslySetInnerHTML?: {
104
- __html: string | TrustedHTML;
105
- } | undefined;
106
- onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
107
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
108
- onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
109
- onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
110
- onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
111
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
112
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
113
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
114
- onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
115
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
116
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
117
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
118
- onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
119
- onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
120
- onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
121
- onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
122
- onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
123
- onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
124
- onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
125
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
126
- onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
127
- onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
128
- onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
129
- onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
130
- onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
131
- onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
132
- onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
133
- onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
134
- onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
135
- onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
136
- onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
137
- onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
138
- onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
139
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
140
- onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
141
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
142
- onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
143
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
144
- onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
145
- onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
146
- onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
147
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
148
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
149
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
150
- onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
151
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
152
- onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
153
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
154
- onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
155
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
156
- onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
157
- onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
158
- onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
159
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
160
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
161
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
162
- onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
163
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
164
- onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
165
- onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
166
- onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
167
- onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
168
- onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
169
- onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
170
- onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
171
- onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
172
- onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
173
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
174
- onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
175
- onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
176
- onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
177
- onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
178
- onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
179
- onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
180
- onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
181
- onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
182
- onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
183
- onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
184
- onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
185
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
186
- onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
187
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
188
- onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
189
- onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
190
- onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
191
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
192
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
193
- onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
194
- onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
195
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
196
- onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
197
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
198
- onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
199
- onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
200
- onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
201
- onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
202
- onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
203
- onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
204
- onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
205
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
206
- onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
207
- onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
208
- onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
209
- onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
210
- onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
211
- onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
212
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
213
- onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
214
- onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
215
- onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
216
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
217
- onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
218
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
219
- onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
220
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
221
- onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
222
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
223
- onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
224
- onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
225
- onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
226
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
227
- onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
228
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
229
- onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
230
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
231
- onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
232
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
233
- onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
234
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
235
- onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
236
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
237
- onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
238
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
239
- onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
240
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
241
- onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
242
- onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
243
- onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
244
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
245
- onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
246
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
247
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
248
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
249
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
250
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
251
- onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
252
- onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
253
- onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
254
- onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
255
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
256
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
257
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
258
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
259
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
260
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
261
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
262
- } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
1
+ export declare const StyledMotionSwipeableWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
263
2
  ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
264
3
  }, {
265
4
  theme: import("@chayns-components/core/lib/types/components/color-scheme-provider/ColorSchemeProvider").Theme;
266
- }>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
5
+ }>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
267
6
  export declare const StyledSwipeableWrapperContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
package/lib/types/components/swipeable-wrapper/swipeable-action/SwipeableAction.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { MotionValue } from 'framer-motion';
1
+ import { MotionValue } from 'motion/react';
2
2
  import { FC } from 'react';
3
3
  import type { SwipeableActionItem } from '../SwipeableWrapper';
4
4
  export declare const SWIPEABLE_ACTION_WIDTH = 72;
package/lib/types/components/swipeable-wrapper/swipeable-action/SwipeableAction.styles.d.ts CHANGED
@@ -3,270 +3,9 @@ type StyledSwipeableActionProps = {
3
3
  $position: 'left' | 'right';
4
4
  $backgroundColor: CSSProperties['backgroundColor'];
5
5
  };
6
- export declare const StyledMotionSwipeableAction: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<{
7
- title?: string | undefined;
8
- slot?: string | undefined;
9
- defaultChecked?: boolean | undefined;
10
- defaultValue?: string | number | readonly string[] | undefined;
11
- suppressContentEditableWarning?: boolean | undefined;
12
- suppressHydrationWarning?: boolean | undefined;
13
- accessKey?: string | undefined;
14
- autoCapitalize?: (string & {}) | "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined;
15
- autoFocus?: boolean | undefined;
16
- className?: string | undefined;
17
- contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
18
- contextMenu?: string | undefined;
19
- dir?: string | undefined;
20
- draggable?: (boolean | "true" | "false") | undefined;
21
- enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
22
- hidden?: boolean | undefined;
23
- id?: string | undefined;
24
- lang?: string | undefined;
25
- nonce?: string | undefined;
26
- spellCheck?: (boolean | "true" | "false") | undefined;
27
- tabIndex?: number | undefined;
28
- translate?: "yes" | "no" | undefined;
29
- radioGroup?: string | undefined;
30
- role?: import("react").AriaRole | undefined;
31
- about?: string | undefined;
32
- content?: string | undefined;
33
- datatype?: string | undefined;
34
- inlist?: any;
35
- prefix?: string | undefined;
36
- property?: string | undefined;
37
- rel?: string | undefined;
38
- resource?: string | undefined;
39
- rev?: string | undefined;
40
- typeof?: string | undefined;
41
- vocab?: string | undefined;
42
- autoCorrect?: string | undefined;
43
- autoSave?: string | undefined;
44
- color?: string | undefined;
45
- itemProp?: string | undefined;
46
- itemScope?: boolean | undefined;
47
- itemType?: string | undefined;
48
- itemID?: string | undefined;
49
- itemRef?: string | undefined;
50
- results?: number | undefined;
51
- security?: string | undefined;
52
- unselectable?: "off" | "on" | undefined;
53
- inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
54
- is?: string | undefined;
55
- "aria-activedescendant"?: string | undefined;
56
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
57
- "aria-autocomplete"?: "none" | "list" | "both" | "inline" | undefined;
58
- "aria-braillelabel"?: string | undefined;
59
- "aria-brailleroledescription"?: string | undefined;
60
- "aria-busy"?: (boolean | "true" | "false") | undefined;
61
- "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
62
- "aria-colcount"?: number | undefined;
63
- "aria-colindex"?: number | undefined;
64
- "aria-colindextext"?: string | undefined;
65
- "aria-colspan"?: number | undefined;
66
- "aria-controls"?: string | undefined;
67
- "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
68
- "aria-describedby"?: string | undefined;
69
- "aria-description"?: string | undefined;
70
- "aria-details"?: string | undefined;
71
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
72
- "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
73
- "aria-errormessage"?: string | undefined;
74
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
75
- "aria-flowto"?: string | undefined;
76
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
77
- "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
78
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
79
- "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
80
- "aria-keyshortcuts"?: string | undefined;
81
- "aria-label"?: string | undefined;
82
- "aria-labelledby"?: string | undefined;
83
- "aria-level"?: number | undefined;
84
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
85
- "aria-modal"?: (boolean | "true" | "false") | undefined;
86
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
87
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
88
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
89
- "aria-owns"?: string | undefined;
90
- "aria-placeholder"?: string | undefined;
91
- "aria-posinset"?: number | undefined;
92
- "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
93
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
94
- "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
95
- "aria-required"?: (boolean | "true" | "false") | undefined;
96
- "aria-roledescription"?: string | undefined;
97
- "aria-rowcount"?: number | undefined;
98
- "aria-rowindex"?: number | undefined;
99
- "aria-rowindextext"?: string | undefined;
100
- "aria-rowspan"?: number | undefined;
101
- "aria-selected"?: (boolean | "true" | "false") | undefined;
102
- "aria-setsize"?: number | undefined;
103
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
104
- "aria-valuemax"?: number | undefined;
105
- "aria-valuemin"?: number | undefined;
106
- "aria-valuenow"?: number | undefined;
107
- "aria-valuetext"?: string | undefined;
108
- dangerouslySetInnerHTML?: {
109
- __html: string | TrustedHTML;
110
- } | undefined;
111
- onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
112
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
113
- onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
114
- onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
115
- onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
116
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
117
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
118
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
119
- onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
120
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
121
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
122
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
123
- onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
124
- onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
125
- onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
126
- onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
127
- onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
128
- onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
129
- onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
130
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
131
- onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
132
- onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
133
- onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
134
- onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
135
- onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
136
- onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
137
- onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
138
- onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
139
- onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
140
- onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
141
- onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
142
- onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
143
- onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
144
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
145
- onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
146
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
147
- onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
148
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
149
- onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
150
- onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
151
- onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
152
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
153
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
154
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
155
- onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
156
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
157
- onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
158
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
159
- onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
160
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
161
- onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
162
- onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
163
- onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
164
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
165
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
166
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
167
- onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
168
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
169
- onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
170
- onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
171
- onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
172
- onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
173
- onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
174
- onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
175
- onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
176
- onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
177
- onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
178
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
179
- onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
180
- onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
181
- onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
182
- onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
183
- onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
184
- onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
185
- onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
186
- onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
187
- onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
188
- onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
189
- onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
190
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
191
- onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
192
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
193
- onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
194
- onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
195
- onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
196
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
197
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
198
- onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
199
- onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
200
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
201
- onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
202
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
203
- onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
204
- onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
205
- onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
206
- onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
207
- onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
208
- onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
209
- onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
210
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
211
- onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
212
- onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
213
- onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
214
- onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
215
- onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
216
- onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
217
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
218
- onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
219
- onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
220
- onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
221
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
222
- onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
223
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
224
- onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
225
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
226
- onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
227
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
228
- onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
229
- onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
230
- onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
231
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
232
- onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
233
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
234
- onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
235
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
236
- onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
237
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
238
- onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
239
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
240
- onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
241
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
242
- onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
243
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
244
- onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
245
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
246
- onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
247
- onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
248
- onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
249
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
250
- onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
251
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
252
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
253
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
254
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
255
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
256
- onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
257
- onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
258
- onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
259
- onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
260
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
261
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
262
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
263
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
264
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
265
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
266
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
267
- } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
6
+ export declare const StyledMotionSwipeableAction: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
268
7
  ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
269
- }, StyledSwipeableActionProps>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
8
+ }, StyledSwipeableActionProps>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
270
9
  type StyledSwipeableActionButtonsProps = {
271
10
  $width: CSSProperties['width'];
272
11
  $color: CSSProperties['color'];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@chayns-components/swipeable-wrapper",
3
- "version": "5.0.0-beta.1004",
3
+ "version": "5.0.0-beta.1006",
4
4
  "description": "A set of beautiful React components for developing your own applications with chayns.",
5
5
  "sideEffects": false,
6
6
  "browserslist": [
@@ -61,6 +61,7 @@
61
61
  "@types/styled-components": "^5.1.34",
62
62
  "@types/uuid": "^10.0.0",
63
63
  "babel-loader": "^9.2.1",
64
+ "chayns-api": "^2.2.0-beta.2",
64
65
  "cross-env": "^7.0.3",
65
66
  "lerna": "^8.1.9",
66
67
  "react": "^18.3.1",
@@ -69,11 +70,11 @@
69
70
  "typescript": "^5.7.3"
70
71
  },
71
72
  "dependencies": {
72
- "@chayns-components/core": "^5.0.0-beta.1004"
73
+ "@chayns-components/core": "^5.0.0-beta.1006"
73
74
  },
74
75
  "peerDependencies": {
75
76
  "chayns-api": ">=2.0.0",
76
- "framer-motion": ">=10.18.0",
77
+ "motion": ">=12.4.1",
77
78
  "react": ">=18.0.0",
78
79
  "react-dom": ">=18.0.0",
79
80
  "styled-components": ">=5.3.11"
@@ -81,5 +82,5 @@
81
82
  "publishConfig": {
82
83
  "access": "public"
83
84
  },
84
- "gitHead": "a9fb53787fea09b45e246d8c6bb4529035acb02c"
85
+ "gitHead": "4159a8a5550b9fd5c455eff0e0950556b65cc96d"
85
86
  }