app-studio 0.4.6 → 0.4.7
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.
- package/README.md +423 -111
- package/dist/app-studio.cjs.development.js +4 -2
- package/dist/app-studio.cjs.development.js.map +1 -1
- package/dist/app-studio.cjs.production.min.js +1 -1
- package/dist/app-studio.esm.js +4 -2
- package/dist/app-studio.esm.js.map +1 -1
- package/dist/app-studio.umd.development.js +4 -2
- package/dist/app-studio.umd.development.js.map +1 -1
- package/dist/app-studio.umd.production.min.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,94 +1,218 @@
|
|
|
1
|
-
# App
|
|
1
|
+
# App-Studio Documentation
|
|
2
|
+
|
|
3
|
+
## Table of Contents
|
|
4
|
+
- [App-Studio Documentation](#app-studio-documentation)
|
|
5
|
+
- [Table of Contents](#table-of-contents)
|
|
6
|
+
- [1. Introduction](#1-introduction)
|
|
7
|
+
- [Features](#features)
|
|
8
|
+
- [2. Installation](#2-installation)
|
|
9
|
+
- [3. Core Components](#3-core-components)
|
|
10
|
+
- [Element](#element)
|
|
11
|
+
- [Usage](#usage)
|
|
12
|
+
- [Key Properties](#key-properties)
|
|
13
|
+
- [View](#view)
|
|
14
|
+
- [Usage](#usage-1)
|
|
15
|
+
- [Text](#text)
|
|
16
|
+
- [Usage](#usage-2)
|
|
17
|
+
- [Form](#form)
|
|
18
|
+
- [Usage](#usage-3)
|
|
19
|
+
- [Image](#image)
|
|
20
|
+
- [Usage](#usage-4)
|
|
21
|
+
- [4. Responsive Design](#4-responsive-design)
|
|
22
|
+
- [Media Prop](#media-prop)
|
|
23
|
+
- [Example](#example)
|
|
24
|
+
- [useResponsive Hook](#useresponsive-hook)
|
|
25
|
+
- [Example](#example-1)
|
|
26
|
+
- [5. Event Management](#5-event-management)
|
|
27
|
+
- [Example](#example-2)
|
|
28
|
+
- [6. Theming](#6-theming)
|
|
29
|
+
- [Setting up the Theme](#setting-up-the-theme)
|
|
30
|
+
- [Using ThemeProvider](#using-themeprovider)
|
|
31
|
+
- [Applying Theme in Components](#applying-theme-in-components)
|
|
32
|
+
- [7. Custom Hooks](#7-custom-hooks)
|
|
33
|
+
- [useMount](#usemount)
|
|
34
|
+
- [Usage](#usage-5)
|
|
35
|
+
- [8. Design Props](#8-design-props)
|
|
36
|
+
- [Example](#example-3)
|
|
37
|
+
- [Shadow Prop](#shadow-prop)
|
|
38
|
+
- [9. Animations](#9-animations)
|
|
39
|
+
- [Basic Usage](#basic-usage)
|
|
40
|
+
- [Available Animations](#available-animations)
|
|
41
|
+
- [Customizing Animations](#customizing-animations)
|
|
42
|
+
- [Creating Custom Animations](#creating-custom-animations)
|
|
43
|
+
- [Combining Animations](#combining-animations)
|
|
44
|
+
- [Animation Events](#animation-events)
|
|
45
|
+
- [10. Advanced Usage](#10-advanced-usage)
|
|
46
|
+
- [10. Contributing](#10-contributing)
|
|
47
|
+
- [11. License](#11-license)
|
|
48
|
+
|
|
49
|
+
## 1. Introduction
|
|
50
|
+
|
|
51
|
+
App-Studio is a powerful React-based library designed to simplify the process of building responsive, interactive, and visually consistent web applications. It provides CSS design props for layout, spacing, sizing, shadows, event management, and theming.
|
|
52
|
+
|
|
53
|
+
### Features
|
|
54
|
+
|
|
55
|
+
- 🌈 Add styled props to your application
|
|
56
|
+
- 📦 A set of simple and powerful React components
|
|
57
|
+
- 🌍 Internationalization support for dozens of languages
|
|
58
|
+
- 🎨 Powerful theme customization in every detail
|
|
59
|
+
|
|
60
|
+
## 2. Installation
|
|
61
|
+
|
|
62
|
+
To install App-Studio, run the following command:
|
|
2
63
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
[](https://github.com/prettier/prettier)
|
|
64
|
+
```bash
|
|
65
|
+
npm install app-studio --save
|
|
66
|
+
```
|
|
7
67
|
|
|
68
|
+
## 3. Core Components
|
|
8
69
|
|
|
9
|
-
|
|
10
|
-
[npm-url]: http://npmjs.org/package/app-studio
|
|
11
|
-
[github-action-image]: https://github.com/rize-network/app-studio/workflows/%E2%9C%85%20test/badge.svg
|
|
12
|
-
[github-action-url]: https://github.com/rize-network/app-studio/actions?query=workflow%3A%22%E2%9C%85+test%22
|
|
70
|
+
### Element
|
|
13
71
|
|
|
14
|
-
|
|
15
|
-
[download-url]: https://npmjs.org/package/app-studio
|
|
72
|
+
The `Element` component is the foundation of App-Studio. It handles a large part of the styling for other components, including responsiveness, shadow, margins, and padding.
|
|
16
73
|
|
|
17
|
-
|
|
18
|
-
|
|
74
|
+
#### Usage
|
|
75
|
+
|
|
76
|
+
```jsx
|
|
77
|
+
<Element backgroundColor="color.blue" padding={10}>
|
|
78
|
+
This is an element
|
|
79
|
+
</Element>
|
|
80
|
+
```
|
|
19
81
|
|
|
20
|
-
|
|
21
|
-
[discussions-url]: https://github.com/rize-network/app-studio/discussions
|
|
82
|
+
#### Key Properties
|
|
22
83
|
|
|
23
|
-
|
|
24
|
-
|
|
84
|
+
- `size`: Sets equal width and height
|
|
85
|
+
- `on`: Defines styles for different CSS events
|
|
86
|
+
- `media`: Defines styles for different media queries
|
|
87
|
+
- `shadow`: Adds shadow to an element (boolean, number, or `Shadow` object)
|
|
25
88
|
|
|
89
|
+
### View
|
|
26
90
|
|
|
91
|
+
The `View` component is a versatile layout component that extends the basic HTML `div` tag with additional styling properties.
|
|
27
92
|
|
|
28
|
-
|
|
93
|
+
#### Usage
|
|
29
94
|
|
|
30
|
-
|
|
95
|
+
```jsx
|
|
96
|
+
<View backgroundColor="color.red" color="color.white" padding={20}>
|
|
97
|
+
This is a view
|
|
98
|
+
</View>
|
|
99
|
+
```
|
|
31
100
|
|
|
32
|
-
|
|
101
|
+
### Text
|
|
33
102
|
|
|
34
|
-
|
|
35
|
-
- 📦 A set of Simple and powerful React components.
|
|
36
|
-
- 🌍 Internationalization support for dozens of languages.
|
|
37
|
-
- 🎨 Powerful theme customization in every detail.
|
|
103
|
+
The `Text` component extends the HTML `div` tag with additional text styling properties.
|
|
38
104
|
|
|
39
|
-
|
|
105
|
+
#### Usage
|
|
40
106
|
|
|
41
|
-
```
|
|
42
|
-
|
|
107
|
+
```jsx
|
|
108
|
+
<Text color="color.blue">This is a text</Text>
|
|
43
109
|
```
|
|
44
110
|
|
|
45
|
-
|
|
111
|
+
### Form
|
|
46
112
|
|
|
47
|
-
The
|
|
113
|
+
The `Form` component extends the HTML `form` tag and provides `Button` and `Input` subcomponents.
|
|
48
114
|
|
|
49
|
-
|
|
115
|
+
#### Usage
|
|
50
116
|
|
|
51
117
|
```jsx
|
|
52
|
-
|
|
53
|
-
|
|
118
|
+
<Form>
|
|
119
|
+
<Input placeholder="Enter your name" />
|
|
120
|
+
<Button>Submit</Button>
|
|
121
|
+
</Form>
|
|
122
|
+
```
|
|
54
123
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
};
|
|
124
|
+
### Image
|
|
125
|
+
|
|
126
|
+
The `Image` component extends the HTML `img` tag with additional properties like `shadow`, `media`, and `on`.
|
|
127
|
+
|
|
128
|
+
#### Usage
|
|
129
|
+
|
|
130
|
+
```jsx
|
|
131
|
+
<Image src="url_to_image" alt="description" />
|
|
64
132
|
```
|
|
65
133
|
|
|
66
|
-
|
|
134
|
+
## 4. Responsive Design
|
|
135
|
+
|
|
136
|
+
App-Studio offers two primary methods for implementing responsive design: the `media` prop and the `useResponsive` hook.
|
|
137
|
+
|
|
138
|
+
### Media Prop
|
|
139
|
+
|
|
140
|
+
The `media` prop allows you to specify different styles for various devices or screen sizes without causing component re-renders.
|
|
141
|
+
|
|
142
|
+
#### Example
|
|
67
143
|
|
|
68
144
|
```jsx
|
|
69
|
-
|
|
70
|
-
|
|
145
|
+
<View size={100}
|
|
146
|
+
media={{
|
|
147
|
+
mobile: { backgroundColor: 'color.green' },
|
|
148
|
+
tablet: { backgroundColor: 'color.yellow' },
|
|
149
|
+
xl: { backgroundColor: 'color.blue' },
|
|
150
|
+
}}
|
|
151
|
+
/>
|
|
152
|
+
```
|
|
71
153
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
}
|
|
154
|
+
### useResponsive Hook
|
|
155
|
+
|
|
156
|
+
The `useResponsive` hook provides information about the current screen size and device type based on defined breakpoints and devices.
|
|
157
|
+
|
|
158
|
+
#### Example
|
|
159
|
+
|
|
160
|
+
```jsx
|
|
161
|
+
const { screen, on } = useResponsive();
|
|
162
|
+
|
|
163
|
+
return (
|
|
164
|
+
<View size={100} backgroundColor={responsive[screen]}>
|
|
165
|
+
{screen} - mobile: {on('mobile') ? 'yes' : 'no'}
|
|
166
|
+
</View>
|
|
167
|
+
);
|
|
83
168
|
```
|
|
84
169
|
|
|
85
|
-
|
|
170
|
+
To use these responsive features, wrap your app with `ResponsiveProvider`:
|
|
86
171
|
|
|
87
|
-
|
|
172
|
+
```jsx
|
|
173
|
+
<ResponsiveProvider
|
|
174
|
+
breakpoints={{
|
|
175
|
+
xs: 0,
|
|
176
|
+
sm: 340,
|
|
177
|
+
md: 560,
|
|
178
|
+
lg: 1080,
|
|
179
|
+
xl: 1300,
|
|
180
|
+
}}
|
|
181
|
+
devices={{
|
|
182
|
+
mobile: ['xs', 'sm'],
|
|
183
|
+
tablet: ['md', 'lg'],
|
|
184
|
+
desktop: ['lg', 'xl']
|
|
185
|
+
}}
|
|
186
|
+
>
|
|
187
|
+
<App />
|
|
188
|
+
</ResponsiveProvider>
|
|
189
|
+
```
|
|
190
|
+
|
|
191
|
+
## 5. Event Management
|
|
192
|
+
|
|
193
|
+
App-Studio provides an intuitive way to manage CSS events through the `on` prop. This feature allows you to style elements based on various interactive states.
|
|
194
|
+
|
|
195
|
+
#### Example
|
|
88
196
|
|
|
89
197
|
```jsx
|
|
90
|
-
|
|
198
|
+
<View
|
|
199
|
+
backgroundColor="grey"
|
|
200
|
+
padding={20}
|
|
201
|
+
on={{ hover: { backgroundColor: 'blue.100' } }}
|
|
202
|
+
>
|
|
203
|
+
Hover over me
|
|
204
|
+
</View>
|
|
205
|
+
```
|
|
206
|
+
|
|
207
|
+
Supported events include `hover`, `active`, `focus`, and `disabled`.
|
|
208
|
+
|
|
209
|
+
## 6. Theming
|
|
91
210
|
|
|
211
|
+
App-Studio's theming system allows you to maintain a consistent look across your application using the `ThemeProvider` component.
|
|
212
|
+
|
|
213
|
+
#### Setting up the Theme
|
|
214
|
+
|
|
215
|
+
```javascript
|
|
92
216
|
const theme = {
|
|
93
217
|
main: { primary: '#fff7ed' },
|
|
94
218
|
components: { button: { background: '#fff7ed' } }
|
|
@@ -96,86 +220,274 @@ const theme = {
|
|
|
96
220
|
|
|
97
221
|
const colors = {
|
|
98
222
|
main: { blue: '#94a3b8' },
|
|
99
|
-
palette: {
|
|
223
|
+
palette: {
|
|
224
|
+
blueGray: {
|
|
225
|
+
50: '#f8fafc',
|
|
226
|
+
// ... other shades
|
|
227
|
+
900: '#0f172a'
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
};
|
|
231
|
+
```
|
|
232
|
+
|
|
233
|
+
#### Using ThemeProvider
|
|
234
|
+
|
|
235
|
+
```jsx
|
|
236
|
+
<ThemeProvider theme={theme} colors={colors}>
|
|
237
|
+
<App />
|
|
238
|
+
</ThemeProvider>
|
|
239
|
+
```
|
|
240
|
+
|
|
241
|
+
#### Applying Theme in Components
|
|
242
|
+
|
|
243
|
+
```jsx
|
|
244
|
+
<View backgroundColor="color.blue">
|
|
245
|
+
<Text color="theme.primary">Hello</Text>
|
|
246
|
+
<Button backgroundColor="theme.button.background">Click me</Button>
|
|
247
|
+
</View>
|
|
248
|
+
```
|
|
249
|
+
|
|
250
|
+
## 7. Custom Hooks
|
|
251
|
+
|
|
252
|
+
### useMount
|
|
253
|
+
|
|
254
|
+
The `useMount` hook executes logic when a component first mounts.
|
|
255
|
+
|
|
256
|
+
#### Usage
|
|
257
|
+
|
|
258
|
+
```jsx
|
|
259
|
+
import { useMount } from '@your-org/app-studio';
|
|
260
|
+
|
|
261
|
+
const MyComponent = () => {
|
|
262
|
+
useMount(() => {
|
|
263
|
+
console.log('MyComponent mounted');
|
|
264
|
+
});
|
|
265
|
+
|
|
266
|
+
return <div>MyComponent</div>;
|
|
100
267
|
};
|
|
268
|
+
```
|
|
269
|
+
|
|
270
|
+
## 8. Design Props
|
|
271
|
+
|
|
272
|
+
App-Studio provides additional props to better manage design integration in CSS. These props offer more control over the styling of components, including layout, spacing, and sizing.
|
|
273
|
+
|
|
274
|
+
### Example
|
|
275
|
+
|
|
276
|
+
```jsx
|
|
277
|
+
<View
|
|
278
|
+
backgroundColor="theme.primary"
|
|
279
|
+
padding={20}
|
|
280
|
+
margin={10}
|
|
281
|
+
width={200}
|
|
282
|
+
height={100}
|
|
283
|
+
>
|
|
284
|
+
I am a View component with custom styling
|
|
285
|
+
</View>
|
|
286
|
+
```
|
|
287
|
+
|
|
288
|
+
### Shadow Prop
|
|
289
|
+
|
|
290
|
+
The `shadow` prop is used to manage shadows in CSS. It takes a number or a string as a value, which defines the shadow effect to apply to the component.
|
|
291
|
+
|
|
292
|
+
```jsx
|
|
293
|
+
<View
|
|
294
|
+
backgroundColor="theme.primary"
|
|
295
|
+
padding={20}
|
|
296
|
+
shadow={6}
|
|
297
|
+
>
|
|
298
|
+
I have a shadow
|
|
299
|
+
</View>
|
|
300
|
+
```
|
|
301
|
+
|
|
302
|
+
## 9. Animations
|
|
303
|
+
|
|
304
|
+
App-Studio provides a powerful and flexible animation system that allows you to easily add dynamic effects to your components. The animation system is based on CSS animations and can be applied using the `animate` prop.
|
|
305
|
+
|
|
306
|
+
### Basic Usage
|
|
307
|
+
|
|
308
|
+
To apply an animation to a component, use the `animate` prop with an animation object:
|
|
309
|
+
|
|
310
|
+
```jsx
|
|
311
|
+
import { View, Animation } from 'app-studio';
|
|
101
312
|
|
|
102
313
|
function Example() {
|
|
103
314
|
return (
|
|
104
|
-
<
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
padding: 20
|
|
112
|
-
}
|
|
113
|
-
}}
|
|
114
|
-
>
|
|
115
|
-
Base element
|
|
116
|
-
</Span>
|
|
117
|
-
<View
|
|
118
|
-
backgroundColor="theme.primary"
|
|
119
|
-
margin={10}
|
|
120
|
-
width={200}
|
|
121
|
-
on={{ hover: { backgroundColor: 'color.blueGray.500' } }}
|
|
122
|
-
>
|
|
123
|
-
Hover to change color
|
|
124
|
-
</View>
|
|
125
|
-
<Button backgroundColor="theme.button.background">Click here</Button>
|
|
126
|
-
<Text color="theme.primary">Hello</Text>
|
|
127
|
-
</ThemeProvider>
|
|
128
|
-
</ResponsiveProvider>
|
|
315
|
+
<View
|
|
316
|
+
animate={Animation.fadeIn()}
|
|
317
|
+
backgroundColor="theme.primary"
|
|
318
|
+
padding={20}
|
|
319
|
+
>
|
|
320
|
+
This view will fade in
|
|
321
|
+
</View>
|
|
129
322
|
);
|
|
130
323
|
}
|
|
131
324
|
```
|
|
132
325
|
|
|
133
|
-
|
|
326
|
+
### Available Animations
|
|
134
327
|
|
|
135
|
-
|
|
328
|
+
App-Studio comes with a set of pre-defined animations that you can use out of the box:
|
|
136
329
|
|
|
137
|
-
|
|
330
|
+
- `fadeIn` / `fadeOut`
|
|
331
|
+
- `slideInLeft` / `slideInRight` / `slideInUp` / `slideInDown`
|
|
332
|
+
- `zoomIn` / `zoomOut`
|
|
333
|
+
- `bounce`
|
|
334
|
+
- `rotate`
|
|
335
|
+
- `pulse`
|
|
336
|
+
- `flash`
|
|
337
|
+
- `shake`
|
|
338
|
+
- `swing`
|
|
339
|
+
- `rubberBand`
|
|
340
|
+
- `wobble`
|
|
341
|
+
- `flip`
|
|
342
|
+
- `heartBeat`
|
|
343
|
+
- `rollIn` / `rollOut`
|
|
344
|
+
- `lightSpeedIn` / `lightSpeedOut`
|
|
345
|
+
- `hinge`
|
|
346
|
+
- `jackInTheBox`
|
|
138
347
|
|
|
139
|
-
|
|
140
|
-
|
|
348
|
+
Each animation function accepts parameters to customize the duration, timing function, and other properties.
|
|
349
|
+
|
|
350
|
+
### Customizing Animations
|
|
351
|
+
|
|
352
|
+
You can customize animations by passing parameters to the animation functions:
|
|
353
|
+
|
|
354
|
+
```jsx
|
|
355
|
+
<View
|
|
356
|
+
animate={Animation.fadeIn('2s', 'ease-in-out')}
|
|
357
|
+
backgroundColor="theme.primary"
|
|
358
|
+
padding={20}
|
|
359
|
+
>
|
|
360
|
+
This view will fade in slowly
|
|
361
|
+
</View>
|
|
141
362
|
```
|
|
142
363
|
|
|
143
|
-
|
|
364
|
+
### Creating Custom Animations
|
|
144
365
|
|
|
145
|
-
|
|
146
|
-
|
|
366
|
+
You can also create custom animations by defining your own keyframes:
|
|
367
|
+
|
|
368
|
+
```jsx
|
|
369
|
+
const customAnimation = {
|
|
370
|
+
from: { opacity: 0, transform: 'translateY(-50px)' },
|
|
371
|
+
to: { opacity: 1, transform: 'translateY(0)' },
|
|
372
|
+
duration: '1s',
|
|
373
|
+
timingFunction: 'ease-out'
|
|
374
|
+
};
|
|
375
|
+
|
|
376
|
+
<View
|
|
377
|
+
animate={customAnimation}
|
|
378
|
+
backgroundColor="theme.primary"
|
|
379
|
+
padding={20}
|
|
380
|
+
>
|
|
381
|
+
This view will have a custom animation
|
|
382
|
+
</View>
|
|
383
|
+
```
|
|
384
|
+
|
|
385
|
+
### Combining Animations
|
|
386
|
+
|
|
387
|
+
You can combine multiple animations by using the `Animation.compose` function:
|
|
388
|
+
|
|
389
|
+
```jsx
|
|
390
|
+
const combinedAnimation = Animation.compose(
|
|
391
|
+
Animation.fadeIn(),
|
|
392
|
+
Animation.slideInUp()
|
|
393
|
+
);
|
|
394
|
+
|
|
395
|
+
<View
|
|
396
|
+
animate={combinedAnimation}
|
|
397
|
+
backgroundColor="theme.primary"
|
|
398
|
+
padding={20}
|
|
399
|
+
>
|
|
400
|
+
This view will fade in and slide up simultaneously
|
|
401
|
+
</View>
|
|
147
402
|
```
|
|
148
403
|
|
|
149
|
-
|
|
404
|
+
### Animation Events
|
|
150
405
|
|
|
151
|
-
|
|
152
|
-
- [Change Log](CHANGELOG.md)
|
|
153
|
-
- [Versioning Release Note](https://github.com/rize-network/app-studio/wiki/)
|
|
154
|
-
- [How to Apply for Being A Collaborator](https://github.com/rize-network/app-studio/wiki/Collaborators#how-to-apply-for-being-a-collaborator)
|
|
406
|
+
You can also listen to animation events using the `onAnimationStart`, `onAnimationEnd`, and `onAnimationIteration` props:
|
|
155
407
|
|
|
156
|
-
|
|
408
|
+
```jsx
|
|
409
|
+
<View
|
|
410
|
+
animate={Animation.bounce()}
|
|
411
|
+
onAnimationStart={() => console.log('Animation started')}
|
|
412
|
+
onAnimationEnd={() => console.log('Animation ended')}
|
|
413
|
+
backgroundColor="theme.primary"
|
|
414
|
+
padding={20}
|
|
415
|
+
>
|
|
416
|
+
This view will bounce
|
|
417
|
+
</View>
|
|
418
|
+
```
|
|
157
419
|
|
|
158
|
-
|
|
420
|
+
By leveraging these animation capabilities, you can create rich, interactive user interfaces with App-Studio.
|
|
159
421
|
|
|
160
|
-
|
|
422
|
+
## 10. Advanced Usage
|
|
161
423
|
|
|
162
|
-
|
|
424
|
+
Here's an advanced example showcasing various features of App-Studio, including animations:
|
|
425
|
+
|
|
426
|
+
```jsx
|
|
427
|
+
import { ThemeProvider, ResponsiveProvider, View, Span, Text, Button, Animation } from 'app-studio';
|
|
428
|
+
|
|
429
|
+
const theme = {
|
|
430
|
+
main: { primary: '#fff7ed' },
|
|
431
|
+
components: { button: { background: '#fff7ed' } }
|
|
432
|
+
};
|
|
433
|
+
|
|
434
|
+
const colors = {
|
|
435
|
+
main: { blue: '#94a3b8' },
|
|
436
|
+
palette: { blueGray: { 500: '#64748b' } }
|
|
437
|
+
};
|
|
163
438
|
|
|
164
|
-
|
|
439
|
+
function Example() {
|
|
440
|
+
return (
|
|
441
|
+
<ResponsiveProvider>
|
|
442
|
+
<ThemeProvider theme={theme} colors={colors}>
|
|
443
|
+
<Span
|
|
444
|
+
animate={Animation.fadeIn('1s', 'ease-out')}
|
|
445
|
+
backgroundColor="color.blue"
|
|
446
|
+
padding={10}
|
|
447
|
+
media={{
|
|
448
|
+
mobile: {
|
|
449
|
+
padding: 20
|
|
450
|
+
}
|
|
451
|
+
}}
|
|
452
|
+
>
|
|
453
|
+
Base element
|
|
454
|
+
</Span>
|
|
455
|
+
<View
|
|
456
|
+
animate={Animation.slideInRight()}
|
|
457
|
+
backgroundColor="theme.primary"
|
|
458
|
+
margin={10}
|
|
459
|
+
width={200}
|
|
460
|
+
on={{ hover: { backgroundColor: 'color.blueGray.500' } }}
|
|
461
|
+
>
|
|
462
|
+
Hover to change color
|
|
463
|
+
</View>
|
|
464
|
+
<Button
|
|
465
|
+
animate={Animation.pulse('infinite')}
|
|
466
|
+
backgroundColor="theme.button.background"
|
|
467
|
+
>
|
|
468
|
+
Click here
|
|
469
|
+
</Button>
|
|
470
|
+
<Text
|
|
471
|
+
animate={Animation.typewriter('Hello', 100)}
|
|
472
|
+
color="theme.primary"
|
|
473
|
+
/>
|
|
474
|
+
</ThemeProvider>
|
|
475
|
+
</ResponsiveProvider>
|
|
476
|
+
);
|
|
477
|
+
}
|
|
478
|
+
```
|
|
165
479
|
|
|
166
|
-
## Roadmap
|
|
167
480
|
|
|
168
|
-
|
|
481
|
+
## 10. Contributing
|
|
169
482
|
|
|
170
|
-
|
|
483
|
+
We welcome all contributions to App-Studio. Please read our [contributing guide](https://ant.design/docs/react/contributing) and let's build a better App-Studio together.
|
|
171
484
|
|
|
172
|
-
|
|
485
|
+
For more detailed information on contributing, including how to apply for being a collaborator, please refer to our [GitHub repository](https://github.com/rize-network/app-studio).
|
|
173
486
|
|
|
174
|
-
##
|
|
487
|
+
## 11. License
|
|
175
488
|
|
|
176
|
-
|
|
177
|
-
[](https://opencollective.com/rize#support)
|
|
489
|
+
App-Studio is available under the MIT license. See the LICENSE file for more info.
|
|
178
490
|
|
|
179
|
-
|
|
491
|
+
---
|
|
180
492
|
|
|
181
|
-
|
|
493
|
+
For the latest updates, changelog, and more detailed information, please visit our [GitHub repository](https://github.com/rize-network/app-studio).
|
|
@@ -2218,8 +2218,10 @@ const Skeleton = /*#__PURE__*/React__default.memo(_ref => {
|
|
|
2218
2218
|
} = _ref;
|
|
2219
2219
|
return /*#__PURE__*/React__default.createElement(View, Object.assign({
|
|
2220
2220
|
backgroundColor: "color.black.300"
|
|
2221
|
-
}, props
|
|
2222
|
-
|
|
2221
|
+
}, props, {
|
|
2222
|
+
overflow: "hidden"
|
|
2223
|
+
}), /*#__PURE__*/React__default.createElement(View, {
|
|
2224
|
+
position: "relative",
|
|
2223
2225
|
inset: 0,
|
|
2224
2226
|
width: '100%',
|
|
2225
2227
|
height: '100%',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-studio.cjs.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"app-studio.cjs.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),a=e(t),r=e(require("color-convert"));const o={whiteAlpha:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.06)",200:"rgba(255, 255, 255, 0.08)",300:"rgba(255, 255, 255, 0.16)",400:"rgba(255, 255, 255, 0.24)",500:"rgba(255, 255, 255, 0.36)",600:"rgba(255, 255, 255, 0.48)",700:"rgba(255, 255, 255, 0.64)",800:"rgba(255, 255, 255, 0.80)",900:"rgba(255, 255, 255, 0.92)"},blackAlpha:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.06)",200:"rgba(0, 0, 0, 0.08)",300:"rgba(0, 0, 0, 0.16)",400:"rgba(0, 0, 0, 0.24)",500:"rgba(0, 0, 0, 0.36)",600:"rgba(0, 0, 0, 0.48)",700:"rgba(0, 0, 0, 0.64)",800:"rgba(0, 0, 0, 0.80)",900:"rgba(0, 0, 0, 0.92)"},white:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.08)",200:"rgba(255, 255, 255, 0.16)",300:"rgba(255, 255, 255, 0.24)",400:"rgba(255, 255, 255, 0.36)",500:"rgba(255, 255, 255, 0.48)",600:"rgba(255, 255, 255, 0.64)",700:"rgba(255, 255, 255, 0.80)",800:"rgba(255, 255, 255, 0.92)",900:"rgba(255, 255, 255, 1)"},black:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.08)",200:"rgba(0, 0, 0, 0.16)",300:"rgba(0, 0, 0, 0.24)",400:"rgba(0, 0, 0, 0.36)",500:"rgba(0, 0, 0, 0.48)",600:"rgba(0, 0, 0, 0.64)",700:"rgba(0, 0, 0, 0.80)",800:"rgba(0, 0, 0, 0.92)",900:"rgba(0, 0, 0, 1)"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a"},lightBlue:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},warmGray:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917"},trueGray:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717"},gray:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b"},dark:{50:"#18181b",100:"#27272a",200:"#3f3f46",300:"#52525b",400:"#71717a",500:"#a1a1aa",600:"#d4d4d8",700:"#e4e4e7",800:"#f4f4f5",900:"#fafafa"},coolGray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827"},blueGray:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"}},n={primary:"color.black",secondary:"color.blue",success:"color.green.500",error:"color.red.500",warning:"color.orange.500",disabled:"color.gray.500",loading:"color.dark.500"},i={white:"#FFFFFF",black:"#000000",red:"#FF0000",green:"#00FF00",blue:"#0000FF",yellow:"#FFFF00",cyan:"#00FFFF",magenta:"#FF00FF",grey:"#808080",orange:"#FFA500",brown:"#A52A2A",purple:"#800080",pink:"#FFC0CB",lime:"#00FF00",teal:"#008080",navy:"#000080",olive:"#808000",maroon:"#800000",gold:"#FFD700",silver:"#C0C0C0",indigo:"#4B0082",violet:"#EE82EE",beige:"#F5F5DC",turquoise:"#40E0D0",coral:"#FF7F50",chocolate:"#D2691E",skyBlue:"#87CEEB",plum:"#DDA0DD",darkGreen:"#006400",salmon:"#FA8072"},s=t.createContext({getColor:e=>e,colors:{main:i,palette:o},theme:{main:n,components:{}}}),d=()=>t.useContext(s),f=(e,t)=>{if("object"!=typeof t||null===t)return e;const a={...e};for(const r in t)if(Object.prototype.hasOwnProperty.call(t,r)){const o=t[r],n=e[r];a[r]=Array.isArray(o)||"object"!=typeof o||null===o||Array.isArray(o)?o:f(n||{},o)}return a},c={xs:0,sm:340,md:560,lg:1080,xl:1300},l=e=>{const t=Object.keys(e).map(t=>({breakpoint:t,min:e[t],max:0})).sort((e,t)=>e.min-t.min);for(let e=0;e<t.length-1;e++)t[e].max=t[e+1].min-1;const a={};return t.forEach(e=>{let t="only screen";void 0!==e.min&&e.min>=0&&(t+=` and (min-width: ${e.min}px)`),void 0!==e.max&&e.max>0&&(t+=` and (max-width: ${e.max}px)`),a[e.breakpoint]=t.trim()}),a},m={mobile:["xs","sm"],tablet:["md","lg"],desktop:["lg","xl"]},u=t.createContext({breakpoints:c,devices:m,mediaQueries:l(c)}),p=()=>t.useContext(u),g=new Set(["on","shadow","only","media","css","size","paddingHorizontal","paddingVertical","marginHorizontal","marginVertical","animate"]),h=new Set(["on","shadow","only","media","css"]),b=new Set(["src","alt","style","as"]),w=[...Object.keys(document.createElement("div").style),"textJustify","lineClamp","borderBottomLeftRadius","borderBottomRightRadius","borderBottomWidth","borderLeftWidth","borderRadius","borderRightWidth","borderSpacing","borderTopLeftRadius","borderTopRightRadius","borderTopWidth","borderWidth","bottom","columnGap","columnRuleWidth","columnWidth","fontSize","gap","height","left","letterSpacing","lineHeight","margin","marginBottom","marginLeft","marginRight","marginTop","maxHeight","maxWidth","minHeight","minWidth","outlineOffset","outlineWidth","padding","paddingBottom","paddingLeft","paddingRight","paddingTop","perspective","right","rowGap","textIndent","top","width"],v=new Set(w),y=e=>(v.has(e)||h.has(e))&&!b.has(e),x={0:{shadowColor:"#000",shadowOffset:{width:1,height:2},shadowOpacity:.18,shadowRadius:1},1:{shadowColor:"#000",shadowOffset:{width:2,height:2},shadowOpacity:.2,shadowRadius:1.41},2:{shadowColor:"#000",shadowOffset:{width:3,height:3},shadowOpacity:.22,shadowRadius:2.22},3:{shadowColor:"#000",shadowOffset:{width:4,height:4},shadowOpacity:.23,shadowRadius:2.62},4:{shadowColor:"#000",shadowOffset:{width:5,height:5},shadowOpacity:.25,shadowRadius:3.84},5:{shadowColor:"#000",shadowOffset:{width:6,height:6},shadowOpacity:.27,shadowRadius:4.65},6:{shadowColor:"#000",shadowOffset:{width:7,height:7},shadowOpacity:.29,shadowRadius:4.65},7:{shadowColor:"#000",shadowOffset:{width:8,height:8},shadowOpacity:.3,shadowRadius:4.65},8:{shadowColor:"#000",shadowOffset:{width:9,height:9},shadowOpacity:.32,shadowRadius:5.46},9:{shadowColor:"#000",shadowOffset:{width:10,height:10},shadowOpacity:.34,shadowRadius:6.27}};let C=0;const F=new Map,k=new Set(["border-bottom-left-radius","border-bottom-right-radius","border-bottom-width","border-left-width","border-radius","border-right-width","border-spacing","border-top-left-radius","border-top-right-radius","border-top-width","border-width","bottom","column-gap","column-rule-width","column-width","font-size","gap","height","left","letter-spacing","line-height","margin","margin-bottom","margin-left","margin-right","margin-top","max-height","max-width","min-height","min-width","outline-offset","outline-width","padding","padding-bottom","padding-left","padding-right","padding-top","perspective","right","row-gap","text-indent","top","width"]);class X{constructor(e,t){void 0===t&&(t=1e4),this.styleSheet=null,this.classCache=new Map,this.propertyShorthand=e,this.maxCacheSize=t,this.initStyleSheet()}initStyleSheet(){if("undefined"!=typeof document){let e=document.getElementById("utility-classes");e||(e=document.createElement("style"),e.id="utility-classes",document.head.appendChild(e)),this.styleSheet=e.sheet}}escapeClassName(e){return e.replace(/:/g,"\\:")}injectRule(e){if(this.styleSheet)try{Array.from(this.styleSheet.cssRules).map(e=>e.cssText).includes(e)||this.styleSheet.insertRule(e,this.styleSheet.cssRules.length)}catch(t){console.error(`Erreur lors de l'insertion de la règle CSS: "${e}"`,t)}}addToCache(e,t){if(this.classCache.size>=this.maxCacheSize){const e=this.classCache.keys().next().value;this.classCache.delete(e)}this.classCache.set(e,t)}getClassNames(e,t,a,r,o,n){void 0===a&&(a="base"),void 0===r&&(r=""),void 0===o&&(o=e=>e),void 0===n&&(n=[]);let i=t;e.toLowerCase().includes("color")&&(i=o(t)),"number"==typeof i&&k.has(e)&&(i+="px");let s=i.toString().split(" ").join("-"),d=`${e}:${s}`;if(r&&(d=`${e}:${s}|${r}`),this.classCache.has(d))return[this.classCache.get(d)];let f=this.propertyShorthand[e];f||(f=e.replace(/([A-Z])/g,"-$1").toLowerCase());let c=`${f}-${s.toString().replace(/\./g,"p").replace(/\s+/g,"-").replace(/[^a-zA-Z0-9\-]/g,"").replace(/%/g,"pct").replace(/vw/g,"vw").replace(/vh/g,"vh").replace(/em/g,"em").replace(/rem/g,"rem")}`,l=[];"pseudo"===a&&r?l.push(`${c}-${r}`):"media"===a&&r?n.forEach(()=>{l.push(`${r}:${c}`)}):l.push(c);const m=e.replace(/([A-Z])/g,"-$1").toLowerCase();let u=i;return"number"==typeof u&&k.has(m)&&(u+="px"),l.forEach(e=>{const t=this.escapeClassName(e);let o=[];switch(a){case"base":case"pseudo":o.push(`.${t} { ${m}: ${u}; }`);break;case"media":n.forEach(e=>{o.push(`@media ${e} { .${t} { ${m}: ${u}; } }`),!0===window.isResponsive&&o.push(`.${r} { .${t} { ${m}: ${u}; } }`)});break;default:o.push(`.${t} { ${m}: ${u}; }`)}o.forEach(e=>this.injectRule(e)),this.addToCache(d,e)}),l}}function O(e){const t={},a=new Set;function r(e){const t=e[0].toLowerCase(),r=e[e.length-1].toLowerCase();let o=t+e.slice(1,-1).replace(/[a-z]/g,"").toLowerCase()+r;o.length<2&&(o=e.slice(0,2).toLowerCase());let n=0,i=o;for(;a.has(i);)n++,i=o+e.slice(-n,e.length).toLowerCase();return a.add(i),i}for(const a of e)t[a]=r(a);return t}const Y=new X(O(w)),S=a.memo(e=>{let{...o}=e;(o.onClick||o.onPress)&&null==o.cursor&&(o.cursor="pointer");let{onPress:n,...i}=o;const{getColor:s}=d(),{mediaQueries:f,devices:c}=p(),l=t.useMemo(()=>((e,t,a,o)=>{const n=[],i={},s=void 0!==e.height&&void 0!==e.width&&e.height===e.width?e.height:e.size?e.size:null;if(s){const e="number"==typeof s?s+"px":s;i.width=e,i.height=e}if(e.paddingHorizontal){const t="number"==typeof e.paddingHorizontal?e.paddingHorizontal+"px":e.paddingHorizontal;i.paddingLeft=t,i.paddingRight=t}if(e.marginHorizontal){const t="number"==typeof e.marginHorizontal?e.marginHorizontal+"px":e.marginHorizontal;i.marginLeft=t,i.marginRight=t}if(e.paddingVertical){const t="number"==typeof e.paddingVertical?e.paddingVertical+"px":e.paddingVertical;i.paddingTop=t,i.paddingBottom=t}if(e.marginVertical){const t="number"==typeof e.marginVertical?e.marginVertical+"px":e.marginVertical;i.marginTop=t,i.marginBottom=t}if(e.shadow){let t;if(t="number"==typeof e.shadow&&void 0!==x[e.shadow]?e.shadow:"boolean"==typeof e.shadow?e.shadow?2:0:2,x[t]){const e=x[t].shadowOpacity,a=x[t].shadowOffset,o=x[t].shadowRadius,n=`rgba(${r.hex.rgb(x[t].shadowColor).join(",")}, ${e})`;i.boxShadow=`${a.height}px ${a.width}px ${o}px ${n}`}}if(e.animate){const t=e.animate,{keyframesName:a,keyframes:r}=(e=>{const{...t}=e,a=JSON.stringify(t);if(F.has(a))return{keyframesName:F.get(a),keyframes:""};const r="animation-"+C++;F.set(a,r);const o=[];return Object.keys(t).sort((e,t)=>{const a=e=>"from"===e?0:"to"===e||"enter"===e?100:parseInt(e.replace("%",""),10);return a(e)-a(t)}).forEach(e=>{var a;o.push(`${"enter"===e?"to":e} { ${a=t[e],Object.entries(a).map(e=>{let[t,a]=e;return`${r=t,r.replace(/([A-Z])/g,e=>"-"+e.toLowerCase())}: ${a};`;var r}).join(" ")} }`)}),{keyframesName:r,keyframes:`\n @keyframes ${r} {\n ${o.join("\n")}\n }\n `}})(t);r&&"undefined"!=typeof document&&Y.injectRule(r),i.animationName=a,t.duration&&(i.animationDuration=t.duration),t.timingFunction&&(i.animationTimingFunction=t.timingFunction),t.delay&&(i.animationDelay=t.delay),void 0!==t.iterationCount&&(i.animationIterationCount=""+t.iterationCount),t.direction&&(i.animationDirection=t.direction),t.fillMode&&(i.animationFillMode=t.fillMode),t.playState&&(i.animationPlayState=t.playState)}const d=function(e,r,i){void 0===r&&(r="base"),void 0===i&&(i=""),Object.keys(e).forEach(s=>{const d=e[s];let f=[];if("media"===r&&(a[i]?f=[a[i]]:o[i]&&(f=o[i].map(e=>a[e]).filter(e=>e))),void 0!==d&&""!==d){const e=Y.getClassNames(s,d,r,i,t,f);n.push(...e)}else!0===window.isDebug&&console.error({styles:e,value:d,property:s})})};return d(i,"base"),Object.keys(e).forEach(a=>{if("style"!==a&&(y(a)||["on","media"].includes(a))){const r=e[a];if("object"==typeof r&&null!==r)"on"===a?Object.keys(r).forEach(e=>{const t=r[e],a={},o={};if(Object.keys(t).forEach(e=>{"transition"===e?a[e]=t[e]:o[e]=t[e]}),Object.keys(a).length>0&&d(a,"base"),Object.keys(o).length>0){const t=(e=>({hover:"hover",active:"active",focus:"focus",visited:"visited"}[e]||null))(e);t&&d(o,"pseudo",t)}}):"media"===a&&Object.keys(r).forEach(e=>{d(r[e],"media",e)});else if(void 0!==r&&""!==r){const e=Y.getClassNames(a,r,"base","",t);n.push(...e)}else!0===window.isDebug&&console.error({value:r,property:a})}}),n})(i,s,f,c),[i,s,f,c]),m={};n&&(m.onClick=n),l.length>0&&(m.className=l.join(" "));const{style:u,children:h,...w}=i;Object.keys(w).forEach(e=>{(!g.has(e)&&!y(e)||b.has(e))&&(m[e]=w[e])}),u&&(m.style=u);const v=m.as||"div";return delete m.as,a.createElement(v,Object.assign({},m),h)}),$=a.memo(e=>a.createElement(S,Object.assign({},e))),E=$,j=$,R=a.memo(e=>a.createElement($,Object.assign({overflow:"auto"},e))),z=a.memo(e=>a.createElement(S,Object.assign({},e,{as:"span"}))),I=a.memo(e=>a.createElement(S,Object.assign({},e,{as:"img"}))),A=a.memo(e=>a.createElement(S,Object.assign({},e))),L=a.memo(e=>a.createElement(S,Object.assign({},e,{as:"form"}))),B=a.memo(e=>a.createElement(S,Object.assign({},e,{as:"input"}))),D=a.memo(e=>a.createElement(S,Object.assign({},e,{as:"button"}))),T=function(e,t,a){return void 0===e&&(e="2s"),void 0===t&&(t="linear"),void 0===a&&(a="infinite"),{from:{transform:"translateX(-100%)"},"50%":{transform:"translateX(100%)"},enter:{transform:"translateX(100%)"},duration:e,timingFunction:t,iterationCount:a}};var P={__proto__:null,fadeIn:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease"),{from:{opacity:0},enter:{opacity:1},duration:e,timingFunction:t}},fadeOut:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease"),{from:{opacity:1},enter:{opacity:0},duration:e,timingFunction:t}},slideInLeft:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"translateX(-100%)"},enter:{transform:"translateX(0)"},duration:e,timingFunction:t}},slideInRight:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"translateX(100%)"},enter:{transform:"translateX(0)"},duration:e,timingFunction:t}},slideInDown:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"translateY(-100%)"},enter:{transform:"translateY(0)"},duration:e,timingFunction:t}},slideInUp:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"translateY(100%)"},enter:{transform:"translateY(0)"},duration:e,timingFunction:t}},bounce:function(e,t,a){return void 0===e&&(e="2s"),void 0===t&&(t="ease"),void 0===a&&(a="infinite"),{from:{transform:"translateY(0)"},"20%":{transform:"translateY(-30px)"},"40%":{transform:"translateY(0)"},"60%":{transform:"translateY(-15px)"},"80%":{transform:"translateY(0)"},enter:{transform:"translateY(0)"},duration:e,timingFunction:t,iterationCount:a}},rotate:function(e,t,a){return void 0===e&&(e="1s"),void 0===t&&(t="linear"),void 0===a&&(a="infinite"),{from:{transform:"rotate(0deg)"},enter:{transform:"rotate(360deg)"},duration:e,timingFunction:t,iterationCount:a}},pulse:function(e,t,a){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in-out"),void 0===a&&(a="infinite"),{from:{transform:"scale(1)"},"50%":{transform:"scale(1.05)"},enter:{transform:"scale(1)"},duration:e,timingFunction:t,iterationCount:a}},zoomIn:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"scale(0)"},enter:{transform:"scale(1)"},duration:e,timingFunction:t}},zoomOut:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"scale(1)"},enter:{transform:"scale(0)"},duration:e,timingFunction:t}},flash:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="infinite"),{from:{opacity:1},"50%":{opacity:0},enter:{opacity:1},duration:e,iterationCount:t}},shake:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="infinite"),{from:{transform:"translateX(0)"},"10%":{transform:"translateX(-10px)"},"20%":{transform:"translateX(10px)"},"30%":{transform:"translateX(-10px)"},"40%":{transform:"translateX(10px)"},"50%":{transform:"translateX(-10px)"},"60%":{transform:"translateX(10px)"},"70%":{transform:"translateX(-10px)"},"80%":{transform:"translateX(10px)"},"90%":{transform:"translateX(-10px)"},enter:{transform:"translateX(0)"},duration:e,iterationCount:t}},swing:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="infinite"),{from:{transform:"rotate(0deg)"},"20%":{transform:"rotate(15deg)"},"40%":{transform:"rotate(-10deg)"},"60%":{transform:"rotate(5deg)"},"80%":{transform:"rotate(-5deg)"},enter:{transform:"rotate(0deg)"},duration:e,iterationCount:t}},rubberBand:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in-out"),{from:{transform:"scale3d(1, 1, 1)"},"30%":{transform:"scale3d(1.25, 0.75, 1)"},"40%":{transform:"scale3d(0.75, 1.25, 1)"},"50%":{transform:"scale3d(1.15, 0.85, 1)"},"65%":{transform:"scale3d(0.95, 1.05, 1)"},"75%":{transform:"scale3d(1.05, 0.95, 1)"},enter:{transform:"scale3d(1, 1, 1)"},duration:e,timingFunction:t}},wobble:function(e){return void 0===e&&(e="1s"),{from:{transform:"translateX(0%)"},"15%":{transform:"translateX(-25%) rotate(-5deg)"},"30%":{transform:"translateX(20%) rotate(3deg)"},"45%":{transform:"translateX(-15%) rotate(-3deg)"},"60%":{transform:"translateX(10%) rotate(2deg)"},"75%":{transform:"translateX(-5%) rotate(-1deg)"},enter:{transform:"translateX(0%)"},duration:e}},flip:function(e){return void 0===e&&(e="1s"),{from:{transform:"perspective(400px) rotateY(0deg)"},"40%":{transform:"perspective(400px) rotateY(-180deg)"},enter:{transform:"perspective(400px) rotateY(-360deg)"},duration:e}},heartBeat:function(e,t){return void 0===e&&(e="1.3s"),void 0===t&&(t="infinite"),{from:{transform:"scale(1)"},"14%":{transform:"scale(1.3)"},"28%":{transform:"scale(1)"},"42%":{transform:"scale(1.3)"},"70%":{transform:"scale(1)"},enter:{transform:"scale(1)"},duration:e,iterationCount:t}},rollIn:function(e){return void 0===e&&(e="1s"),{from:{opacity:0,transform:"translateX(-100%) rotate(-120deg)"},enter:{opacity:1,transform:"translateX(0px) rotate(0deg)"},duration:e}},rollOut:function(e){return void 0===e&&(e="1s"),{from:{opacity:1,transform:"translateX(0px) rotate(0deg)"},enter:{opacity:0,transform:"translateX(100%) rotate(120deg)"},duration:e}},lightSpeedIn:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-out"),{from:{transform:"translateX(100%) skewX(-30deg)",opacity:0},"60%":{transform:"skewX(20deg)",opacity:1},"80%":{transform:"skewX(-5deg)"},enter:{transform:"translateX(0)",opacity:1},duration:e,timingFunction:t}},lightSpeedOut:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{opacity:1},"20%":{opacity:1,transform:"translateX(-20%) skewX(20deg)"},enter:{opacity:0,transform:"translateX(-100%) skewX(30deg)"},duration:e,timingFunction:t}},hinge:function(e,t){return void 0===e&&(e="2s"),void 0===t&&(t="ease-in-out"),{from:{transform:"rotate(0deg)",transformOrigin:"top left",opacity:1},"20%":{transform:"rotate(80deg)",opacity:1},"40%":{transform:"rotate(60deg)",opacity:1},"60%":{transform:"rotate(80deg)",opacity:1},"80%":{transform:"rotate(60deg)",opacity:1},enter:{transform:"translateY(700px)",opacity:0},duration:e,timingFunction:t}},jackInTheBox:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease"),{from:{opacity:0,transform:"scale(0.1) rotate(30deg)",transformOrigin:"center bottom"},"50%":{transform:"rotate(-10deg)"},"70%":{transform:"rotate(3deg)"},enter:{opacity:1,transform:"scale(1) rotate(0deg)"},duration:e,timingFunction:t}},flipInX:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{transform:"perspective(400px) rotateX(90deg)",opacity:0},"40%":{transform:"perspective(400px) rotateX(-10deg)",opacity:1},enter:{transform:"perspective(400px) rotateX(0deg)"},duration:e,timingFunction:t}},flipInY:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{transform:"perspective(400px) rotateY(90deg)",opacity:0},"40%":{transform:"perspective(400px) rotateY(-10deg)",opacity:1},enter:{transform:"perspective(400px) rotateY(0deg)"},duration:e,timingFunction:t}},headShake:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="infinite"),{from:{transform:"translateX(0)"},"6.5%":{transform:"translateX(-6px) rotateY(-9deg)"},"18.5%":{transform:"translateX(5px) rotateY(7deg)"},"31.5%":{transform:"translateX(-3px) rotateY(-5deg)"},"43.5%":{transform:"translateX(2px) rotateY(3deg)"},"50%":{transform:"translateX(0)"},duration:e,iterationCount:t}},tada:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="infinite"),{from:{transform:"scale3d(1, 1, 1)",opacity:1},"10%, 20%":{transform:"scale3d(0.9, 0.9, 0.9) rotate(-3deg)"},"30%, 50%, 70%, 90%":{transform:"scale3d(1.1, 1.1, 1.1) rotate(3deg)"},"40%, 60%, 80%":{transform:"scale3d(1.1, 1.1, 1.1) rotate(-3deg)"},enter:{transform:"scale3d(1, 1, 1)",opacity:1},duration:e,iterationCount:t}},jello:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="infinite"),{from:{transform:"none"},"11.1%":{transform:"skewX(-12.5deg) skewY(-12.5deg)"},"22.2%":{transform:"skewX(6.25deg) skewY(6.25deg)"},"33.3%":{transform:"skewX(-3.125deg) skewY(-3.125deg)"},"44.4%":{transform:"skewX(1.5625deg) skewY(1.5625deg)"},"55.5%":{transform:"skewX(-0.78125deg) skewY(-0.78125deg)"},"66.6%":{transform:"skewX(0.390625deg) skewY(0.390625deg)"},"77.7%":{transform:"skewX(-0.1953125deg) skewY(-0.1953125deg)"},"88.8%":{transform:"skewX(0.09765625deg) skewY(0.09765625deg)"},enter:{transform:"none"},duration:e,iterationCount:t}},fadeInDown:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-out"),{from:{opacity:0,transform:"translateY(-100%)"},enter:{opacity:1,transform:"translateY(0)"},duration:e,timingFunction:t}},fadeInUp:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-out"),{from:{opacity:0,transform:"translateY(100%)"},enter:{opacity:1,transform:"translateY(0)"},duration:e,timingFunction:t}},bounceIn:function(e,t){return void 0===e&&(e="0.75s"),void 0===t&&(t="ease-in"),{from:{opacity:0,transform:"scale(0.3)"},"50%":{opacity:1,transform:"scale(1.05)"},"70%":{transform:"scale(0.9)"},enter:{transform:"scale(1)"},duration:e,timingFunction:t}},bounceOut:function(e,t){return void 0===e&&(e="0.75s"),void 0===t&&(t="ease-out"),{from:{transform:"scale(1)"},"20%":{transform:"scale(0.9)"},"50%, 55%":{opacity:1,transform:"scale(1.1)"},enter:{opacity:0,transform:"scale(0.3)"},duration:e,timingFunction:t}},slideOutLeft:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-in"),{from:{transform:"translateX(0)"},enter:{transform:"translateX(-100%)"},duration:e,timingFunction:t}},slideOutRight:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-in"),{from:{transform:"translateX(0)"},enter:{transform:"translateX(100%)"},duration:e,timingFunction:t}},zoomInDown:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-out"),{from:{opacity:0,transform:"scale(0.1) translateY(-1000px)"},"60%":{opacity:1,transform:"scale(0.475) translateY(60px)"},enter:{transform:"scale(1) translateY(0)"},duration:e,timingFunction:t}},zoomOutUp:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{opacity:1,transform:"scale(1) translateY(0)"},"40%":{opacity:1,transform:"scale(0.475) translateY(-60px)"},enter:{opacity:0,transform:"scale(0.1) translateY(-1000px)"},duration:e,timingFunction:t}},backInDown:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{opacity:.7,transform:"translateY(-2000px) scaleY(2.5) scaleX(0.2)"},enter:{opacity:1,transform:"translateY(0) scaleY(1) scaleX(1)"},duration:e,timingFunction:t}},backOutUp:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{opacity:1,transform:"translateY(0)"},"80%":{opacity:.7,transform:"translateY(-20px)"},enter:{opacity:0,transform:"translateY(-2000px)"},duration:e,timingFunction:t}},shimmer:T};const H=a.memo(e=>{let{duration:t="2s",timingFunction:r="linear",iterationCount:o="infinite",...n}=e;return a.createElement($,Object.assign({backgroundColor:"color.black.300"},n),a.createElement($,{position:"absolute",inset:0,width:"100%",height:"100%",animate:T(t,r,o),background:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent)"}))}),W=()=>"undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement,M=!W(),N=e=>{t.useEffect(()=>{e()},[])},V=(e,t,a)=>{const r=window.matchMedia(t),o=()=>{r.matches&&a(e)};return r.addListener(o),r.matches&&a(e),()=>{r.removeListener(o)}};exports.Animation=P,exports.Button=D,exports.Div=E,exports.Element=S,exports.Form=L,exports.Image=I,exports.Input=B,exports.ResponsiveContext=u,exports.ResponsiveProvider=e=>{let{breakpoints:t=c,devices:r=m,children:o}=e;return a.createElement(u.Provider,{value:{breakpoints:t,devices:r,mediaQueries:l(t)}},o)},exports.SafeArea=j,exports.Scroll=R,exports.Shadows=x,exports.Skeleton=H,exports.Span=z,exports.Text=A,exports.ThemeContext=s,exports.ThemeProvider=e=>{let{theme:t={main:n,components:{}},colors:r={main:i,palette:o},children:d}=e;const c=f(n,t),l=f({main:i,palette:o},r),m=e=>{if("transparent"===e)return e;try{if(e.startsWith("theme.")){const t=e.split(".");let a=c;for(let r=1;r<t.length;r++)if(a=a[t[r]],void 0===a)return console.warn(`Couleur "${e}" non trouvée dans le thème.`),e;return"string"==typeof a?m(a):(console.warn(`La couleur "${e}" a résolu à une valeur non-string.`),e)}if(e.startsWith("color.")){const t=e.split(".");if(2===t.length)return l.main[t[1]]||e;if(3===t.length){const[e,a,r]=t;if(l.palette[a]&&l.palette[a][r])return l.palette[a][r];console.warn(`Color ${e} non trouvée`)}console.warn(`Color "${e}" non trouvée dans la palette ou les couleurs principales.`)}}catch(e){console.error("Erreur lors de la récupération de la couleur:",e)}return e};return a.createElement(s.Provider,{value:{getColor:m,theme:c,colors:l}},d)},exports.Typography={letterSpacings:{tighter:-.08,tight:-.4,normal:0,wide:.4,wider:.8,widest:1.6},lineHeights:{xs:10,sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":30,"4xl":36,"5xl":48,"6xl":64},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semiBold:600,bold:700,extraBold:800,black:900},fontSizes:{xs:10,sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":30,"4xl":36,"5xl":48,"6xl":64}},exports.View=$,exports.createQuery=V,exports.defaultColors=i,exports.defaultThemeMain=n,exports.getWindowInitialProps=()=>W()?window.g_initialProps:void 0,exports.isBrowser=W,exports.isDev=function(){let e=!1;return W()&&(e=!(-1===window.location.hostname.indexOf("localhost"))),e},exports.isMobile=function(){return navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)},exports.isProd=function(){return!!(W()&&window&&window.location&&window.location.hostname)&&(window.location.hostname.includes("localhost")||window.location.hostname.includes("develop"))},exports.isSSR=M,exports.palette=o,exports.useMount=N,exports.useResponsive=()=>{const{breakpoints:e,devices:a,mediaQueries:r}=p(),[o,n]=t.useState("xs"),[i,s]=t.useState("landscape");return N(()=>{for(const e in r)V(e,r[e],n);V("landscape","only screen and (orientation: landscape)",s),V("portrait","only screen and (orientation: portrait)",s)}),{breakpoints:e,devices:a,orientation:i,screen:o,on:e=>a[e].includes(o),is:e=>e==o}},exports.useResponsiveContext=p,exports.useTheme=d;
|
|
1
|
+
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),a=e(t),r=e(require("color-convert"));const o={whiteAlpha:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.06)",200:"rgba(255, 255, 255, 0.08)",300:"rgba(255, 255, 255, 0.16)",400:"rgba(255, 255, 255, 0.24)",500:"rgba(255, 255, 255, 0.36)",600:"rgba(255, 255, 255, 0.48)",700:"rgba(255, 255, 255, 0.64)",800:"rgba(255, 255, 255, 0.80)",900:"rgba(255, 255, 255, 0.92)"},blackAlpha:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.06)",200:"rgba(0, 0, 0, 0.08)",300:"rgba(0, 0, 0, 0.16)",400:"rgba(0, 0, 0, 0.24)",500:"rgba(0, 0, 0, 0.36)",600:"rgba(0, 0, 0, 0.48)",700:"rgba(0, 0, 0, 0.64)",800:"rgba(0, 0, 0, 0.80)",900:"rgba(0, 0, 0, 0.92)"},white:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.08)",200:"rgba(255, 255, 255, 0.16)",300:"rgba(255, 255, 255, 0.24)",400:"rgba(255, 255, 255, 0.36)",500:"rgba(255, 255, 255, 0.48)",600:"rgba(255, 255, 255, 0.64)",700:"rgba(255, 255, 255, 0.80)",800:"rgba(255, 255, 255, 0.92)",900:"rgba(255, 255, 255, 1)"},black:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.08)",200:"rgba(0, 0, 0, 0.16)",300:"rgba(0, 0, 0, 0.24)",400:"rgba(0, 0, 0, 0.36)",500:"rgba(0, 0, 0, 0.48)",600:"rgba(0, 0, 0, 0.64)",700:"rgba(0, 0, 0, 0.80)",800:"rgba(0, 0, 0, 0.92)",900:"rgba(0, 0, 0, 1)"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a"},lightBlue:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},warmGray:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917"},trueGray:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717"},gray:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b"},dark:{50:"#18181b",100:"#27272a",200:"#3f3f46",300:"#52525b",400:"#71717a",500:"#a1a1aa",600:"#d4d4d8",700:"#e4e4e7",800:"#f4f4f5",900:"#fafafa"},coolGray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827"},blueGray:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"}},n={primary:"color.black",secondary:"color.blue",success:"color.green.500",error:"color.red.500",warning:"color.orange.500",disabled:"color.gray.500",loading:"color.dark.500"},i={white:"#FFFFFF",black:"#000000",red:"#FF0000",green:"#00FF00",blue:"#0000FF",yellow:"#FFFF00",cyan:"#00FFFF",magenta:"#FF00FF",grey:"#808080",orange:"#FFA500",brown:"#A52A2A",purple:"#800080",pink:"#FFC0CB",lime:"#00FF00",teal:"#008080",navy:"#000080",olive:"#808000",maroon:"#800000",gold:"#FFD700",silver:"#C0C0C0",indigo:"#4B0082",violet:"#EE82EE",beige:"#F5F5DC",turquoise:"#40E0D0",coral:"#FF7F50",chocolate:"#D2691E",skyBlue:"#87CEEB",plum:"#DDA0DD",darkGreen:"#006400",salmon:"#FA8072"},s=t.createContext({getColor:e=>e,colors:{main:i,palette:o},theme:{main:n,components:{}}}),d=()=>t.useContext(s),f=(e,t)=>{if("object"!=typeof t||null===t)return e;const a={...e};for(const r in t)if(Object.prototype.hasOwnProperty.call(t,r)){const o=t[r],n=e[r];a[r]=Array.isArray(o)||"object"!=typeof o||null===o||Array.isArray(o)?o:f(n||{},o)}return a},c={xs:0,sm:340,md:560,lg:1080,xl:1300},l=e=>{const t=Object.keys(e).map(t=>({breakpoint:t,min:e[t],max:0})).sort((e,t)=>e.min-t.min);for(let e=0;e<t.length-1;e++)t[e].max=t[e+1].min-1;const a={};return t.forEach(e=>{let t="only screen";void 0!==e.min&&e.min>=0&&(t+=` and (min-width: ${e.min}px)`),void 0!==e.max&&e.max>0&&(t+=` and (max-width: ${e.max}px)`),a[e.breakpoint]=t.trim()}),a},m={mobile:["xs","sm"],tablet:["md","lg"],desktop:["lg","xl"]},u=t.createContext({breakpoints:c,devices:m,mediaQueries:l(c)}),p=()=>t.useContext(u),g=new Set(["on","shadow","only","media","css","size","paddingHorizontal","paddingVertical","marginHorizontal","marginVertical","animate"]),h=new Set(["on","shadow","only","media","css"]),b=new Set(["src","alt","style","as"]),w=[...Object.keys(document.createElement("div").style),"textJustify","lineClamp","borderBottomLeftRadius","borderBottomRightRadius","borderBottomWidth","borderLeftWidth","borderRadius","borderRightWidth","borderSpacing","borderTopLeftRadius","borderTopRightRadius","borderTopWidth","borderWidth","bottom","columnGap","columnRuleWidth","columnWidth","fontSize","gap","height","left","letterSpacing","lineHeight","margin","marginBottom","marginLeft","marginRight","marginTop","maxHeight","maxWidth","minHeight","minWidth","outlineOffset","outlineWidth","padding","paddingBottom","paddingLeft","paddingRight","paddingTop","perspective","right","rowGap","textIndent","top","width"],v=new Set(w),y=e=>(v.has(e)||h.has(e))&&!b.has(e),x={0:{shadowColor:"#000",shadowOffset:{width:1,height:2},shadowOpacity:.18,shadowRadius:1},1:{shadowColor:"#000",shadowOffset:{width:2,height:2},shadowOpacity:.2,shadowRadius:1.41},2:{shadowColor:"#000",shadowOffset:{width:3,height:3},shadowOpacity:.22,shadowRadius:2.22},3:{shadowColor:"#000",shadowOffset:{width:4,height:4},shadowOpacity:.23,shadowRadius:2.62},4:{shadowColor:"#000",shadowOffset:{width:5,height:5},shadowOpacity:.25,shadowRadius:3.84},5:{shadowColor:"#000",shadowOffset:{width:6,height:6},shadowOpacity:.27,shadowRadius:4.65},6:{shadowColor:"#000",shadowOffset:{width:7,height:7},shadowOpacity:.29,shadowRadius:4.65},7:{shadowColor:"#000",shadowOffset:{width:8,height:8},shadowOpacity:.3,shadowRadius:4.65},8:{shadowColor:"#000",shadowOffset:{width:9,height:9},shadowOpacity:.32,shadowRadius:5.46},9:{shadowColor:"#000",shadowOffset:{width:10,height:10},shadowOpacity:.34,shadowRadius:6.27}};let C=0;const F=new Map,k=new Set(["border-bottom-left-radius","border-bottom-right-radius","border-bottom-width","border-left-width","border-radius","border-right-width","border-spacing","border-top-left-radius","border-top-right-radius","border-top-width","border-width","bottom","column-gap","column-rule-width","column-width","font-size","gap","height","left","letter-spacing","line-height","margin","margin-bottom","margin-left","margin-right","margin-top","max-height","max-width","min-height","min-width","outline-offset","outline-width","padding","padding-bottom","padding-left","padding-right","padding-top","perspective","right","row-gap","text-indent","top","width"]);class X{constructor(e,t){void 0===t&&(t=1e4),this.styleSheet=null,this.classCache=new Map,this.propertyShorthand=e,this.maxCacheSize=t,this.initStyleSheet()}initStyleSheet(){if("undefined"!=typeof document){let e=document.getElementById("utility-classes");e||(e=document.createElement("style"),e.id="utility-classes",document.head.appendChild(e)),this.styleSheet=e.sheet}}escapeClassName(e){return e.replace(/:/g,"\\:")}injectRule(e){if(this.styleSheet)try{Array.from(this.styleSheet.cssRules).map(e=>e.cssText).includes(e)||this.styleSheet.insertRule(e,this.styleSheet.cssRules.length)}catch(t){console.error(`Erreur lors de l'insertion de la règle CSS: "${e}"`,t)}}addToCache(e,t){if(this.classCache.size>=this.maxCacheSize){const e=this.classCache.keys().next().value;this.classCache.delete(e)}this.classCache.set(e,t)}getClassNames(e,t,a,r,o,n){void 0===a&&(a="base"),void 0===r&&(r=""),void 0===o&&(o=e=>e),void 0===n&&(n=[]);let i=t;e.toLowerCase().includes("color")&&(i=o(t)),"number"==typeof i&&k.has(e)&&(i+="px");let s=i.toString().split(" ").join("-"),d=`${e}:${s}`;if(r&&(d=`${e}:${s}|${r}`),this.classCache.has(d))return[this.classCache.get(d)];let f=this.propertyShorthand[e];f||(f=e.replace(/([A-Z])/g,"-$1").toLowerCase());let c=`${f}-${s.toString().replace(/\./g,"p").replace(/\s+/g,"-").replace(/[^a-zA-Z0-9\-]/g,"").replace(/%/g,"pct").replace(/vw/g,"vw").replace(/vh/g,"vh").replace(/em/g,"em").replace(/rem/g,"rem")}`,l=[];"pseudo"===a&&r?l.push(`${c}-${r}`):"media"===a&&r?n.forEach(()=>{l.push(`${r}:${c}`)}):l.push(c);const m=e.replace(/([A-Z])/g,"-$1").toLowerCase();let u=i;return"number"==typeof u&&k.has(m)&&(u+="px"),l.forEach(e=>{const t=this.escapeClassName(e);let o=[];switch(a){case"base":case"pseudo":o.push(`.${t} { ${m}: ${u}; }`);break;case"media":n.forEach(e=>{o.push(`@media ${e} { .${t} { ${m}: ${u}; } }`),!0===window.isResponsive&&o.push(`.${r} { .${t} { ${m}: ${u}; } }`)});break;default:o.push(`.${t} { ${m}: ${u}; }`)}o.forEach(e=>this.injectRule(e)),this.addToCache(d,e)}),l}}function O(e){const t={},a=new Set;function r(e){const t=e[0].toLowerCase(),r=e[e.length-1].toLowerCase();let o=t+e.slice(1,-1).replace(/[a-z]/g,"").toLowerCase()+r;o.length<2&&(o=e.slice(0,2).toLowerCase());let n=0,i=o;for(;a.has(i);)n++,i=o+e.slice(-n,e.length).toLowerCase();return a.add(i),i}for(const a of e)t[a]=r(a);return t}const Y=new X(O(w)),S=a.memo(e=>{let{...o}=e;(o.onClick||o.onPress)&&null==o.cursor&&(o.cursor="pointer");let{onPress:n,...i}=o;const{getColor:s}=d(),{mediaQueries:f,devices:c}=p(),l=t.useMemo(()=>((e,t,a,o)=>{const n=[],i={},s=void 0!==e.height&&void 0!==e.width&&e.height===e.width?e.height:e.size?e.size:null;if(s){const e="number"==typeof s?s+"px":s;i.width=e,i.height=e}if(e.paddingHorizontal){const t="number"==typeof e.paddingHorizontal?e.paddingHorizontal+"px":e.paddingHorizontal;i.paddingLeft=t,i.paddingRight=t}if(e.marginHorizontal){const t="number"==typeof e.marginHorizontal?e.marginHorizontal+"px":e.marginHorizontal;i.marginLeft=t,i.marginRight=t}if(e.paddingVertical){const t="number"==typeof e.paddingVertical?e.paddingVertical+"px":e.paddingVertical;i.paddingTop=t,i.paddingBottom=t}if(e.marginVertical){const t="number"==typeof e.marginVertical?e.marginVertical+"px":e.marginVertical;i.marginTop=t,i.marginBottom=t}if(e.shadow){let t;if(t="number"==typeof e.shadow&&void 0!==x[e.shadow]?e.shadow:"boolean"==typeof e.shadow?e.shadow?2:0:2,x[t]){const e=x[t].shadowOpacity,a=x[t].shadowOffset,o=x[t].shadowRadius,n=`rgba(${r.hex.rgb(x[t].shadowColor).join(",")}, ${e})`;i.boxShadow=`${a.height}px ${a.width}px ${o}px ${n}`}}if(e.animate){const t=e.animate,{keyframesName:a,keyframes:r}=(e=>{const{...t}=e,a=JSON.stringify(t);if(F.has(a))return{keyframesName:F.get(a),keyframes:""};const r="animation-"+C++;F.set(a,r);const o=[];return Object.keys(t).sort((e,t)=>{const a=e=>"from"===e?0:"to"===e||"enter"===e?100:parseInt(e.replace("%",""),10);return a(e)-a(t)}).forEach(e=>{var a;o.push(`${"enter"===e?"to":e} { ${a=t[e],Object.entries(a).map(e=>{let[t,a]=e;return`${r=t,r.replace(/([A-Z])/g,e=>"-"+e.toLowerCase())}: ${a};`;var r}).join(" ")} }`)}),{keyframesName:r,keyframes:`\n @keyframes ${r} {\n ${o.join("\n")}\n }\n `}})(t);r&&"undefined"!=typeof document&&Y.injectRule(r),i.animationName=a,t.duration&&(i.animationDuration=t.duration),t.timingFunction&&(i.animationTimingFunction=t.timingFunction),t.delay&&(i.animationDelay=t.delay),void 0!==t.iterationCount&&(i.animationIterationCount=""+t.iterationCount),t.direction&&(i.animationDirection=t.direction),t.fillMode&&(i.animationFillMode=t.fillMode),t.playState&&(i.animationPlayState=t.playState)}const d=function(e,r,i){void 0===r&&(r="base"),void 0===i&&(i=""),Object.keys(e).forEach(s=>{const d=e[s];let f=[];if("media"===r&&(a[i]?f=[a[i]]:o[i]&&(f=o[i].map(e=>a[e]).filter(e=>e))),void 0!==d&&""!==d){const e=Y.getClassNames(s,d,r,i,t,f);n.push(...e)}else!0===window.isDebug&&console.error({styles:e,value:d,property:s})})};return d(i,"base"),Object.keys(e).forEach(a=>{if("style"!==a&&(y(a)||["on","media"].includes(a))){const r=e[a];if("object"==typeof r&&null!==r)"on"===a?Object.keys(r).forEach(e=>{const t=r[e],a={},o={};if(Object.keys(t).forEach(e=>{"transition"===e?a[e]=t[e]:o[e]=t[e]}),Object.keys(a).length>0&&d(a,"base"),Object.keys(o).length>0){const t=(e=>({hover:"hover",active:"active",focus:"focus",visited:"visited"}[e]||null))(e);t&&d(o,"pseudo",t)}}):"media"===a&&Object.keys(r).forEach(e=>{d(r[e],"media",e)});else if(void 0!==r&&""!==r){const e=Y.getClassNames(a,r,"base","",t);n.push(...e)}else!0===window.isDebug&&console.error({value:r,property:a})}}),n})(i,s,f,c),[i,s,f,c]),m={};n&&(m.onClick=n),l.length>0&&(m.className=l.join(" "));const{style:u,children:h,...w}=i;Object.keys(w).forEach(e=>{(!g.has(e)&&!y(e)||b.has(e))&&(m[e]=w[e])}),u&&(m.style=u);const v=m.as||"div";return delete m.as,a.createElement(v,Object.assign({},m),h)}),$=a.memo(e=>a.createElement(S,Object.assign({},e))),E=$,j=$,R=a.memo(e=>a.createElement($,Object.assign({overflow:"auto"},e))),z=a.memo(e=>a.createElement(S,Object.assign({},e,{as:"span"}))),I=a.memo(e=>a.createElement(S,Object.assign({},e,{as:"img"}))),A=a.memo(e=>a.createElement(S,Object.assign({},e))),L=a.memo(e=>a.createElement(S,Object.assign({},e,{as:"form"}))),B=a.memo(e=>a.createElement(S,Object.assign({},e,{as:"input"}))),D=a.memo(e=>a.createElement(S,Object.assign({},e,{as:"button"}))),T=function(e,t,a){return void 0===e&&(e="2s"),void 0===t&&(t="linear"),void 0===a&&(a="infinite"),{from:{transform:"translateX(-100%)"},"50%":{transform:"translateX(100%)"},enter:{transform:"translateX(100%)"},duration:e,timingFunction:t,iterationCount:a}};var P={__proto__:null,fadeIn:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease"),{from:{opacity:0},enter:{opacity:1},duration:e,timingFunction:t}},fadeOut:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease"),{from:{opacity:1},enter:{opacity:0},duration:e,timingFunction:t}},slideInLeft:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"translateX(-100%)"},enter:{transform:"translateX(0)"},duration:e,timingFunction:t}},slideInRight:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"translateX(100%)"},enter:{transform:"translateX(0)"},duration:e,timingFunction:t}},slideInDown:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"translateY(-100%)"},enter:{transform:"translateY(0)"},duration:e,timingFunction:t}},slideInUp:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"translateY(100%)"},enter:{transform:"translateY(0)"},duration:e,timingFunction:t}},bounce:function(e,t,a){return void 0===e&&(e="2s"),void 0===t&&(t="ease"),void 0===a&&(a="infinite"),{from:{transform:"translateY(0)"},"20%":{transform:"translateY(-30px)"},"40%":{transform:"translateY(0)"},"60%":{transform:"translateY(-15px)"},"80%":{transform:"translateY(0)"},enter:{transform:"translateY(0)"},duration:e,timingFunction:t,iterationCount:a}},rotate:function(e,t,a){return void 0===e&&(e="1s"),void 0===t&&(t="linear"),void 0===a&&(a="infinite"),{from:{transform:"rotate(0deg)"},enter:{transform:"rotate(360deg)"},duration:e,timingFunction:t,iterationCount:a}},pulse:function(e,t,a){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in-out"),void 0===a&&(a="infinite"),{from:{transform:"scale(1)"},"50%":{transform:"scale(1.05)"},enter:{transform:"scale(1)"},duration:e,timingFunction:t,iterationCount:a}},zoomIn:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"scale(0)"},enter:{transform:"scale(1)"},duration:e,timingFunction:t}},zoomOut:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"scale(1)"},enter:{transform:"scale(0)"},duration:e,timingFunction:t}},flash:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="infinite"),{from:{opacity:1},"50%":{opacity:0},enter:{opacity:1},duration:e,iterationCount:t}},shake:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="infinite"),{from:{transform:"translateX(0)"},"10%":{transform:"translateX(-10px)"},"20%":{transform:"translateX(10px)"},"30%":{transform:"translateX(-10px)"},"40%":{transform:"translateX(10px)"},"50%":{transform:"translateX(-10px)"},"60%":{transform:"translateX(10px)"},"70%":{transform:"translateX(-10px)"},"80%":{transform:"translateX(10px)"},"90%":{transform:"translateX(-10px)"},enter:{transform:"translateX(0)"},duration:e,iterationCount:t}},swing:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="infinite"),{from:{transform:"rotate(0deg)"},"20%":{transform:"rotate(15deg)"},"40%":{transform:"rotate(-10deg)"},"60%":{transform:"rotate(5deg)"},"80%":{transform:"rotate(-5deg)"},enter:{transform:"rotate(0deg)"},duration:e,iterationCount:t}},rubberBand:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in-out"),{from:{transform:"scale3d(1, 1, 1)"},"30%":{transform:"scale3d(1.25, 0.75, 1)"},"40%":{transform:"scale3d(0.75, 1.25, 1)"},"50%":{transform:"scale3d(1.15, 0.85, 1)"},"65%":{transform:"scale3d(0.95, 1.05, 1)"},"75%":{transform:"scale3d(1.05, 0.95, 1)"},enter:{transform:"scale3d(1, 1, 1)"},duration:e,timingFunction:t}},wobble:function(e){return void 0===e&&(e="1s"),{from:{transform:"translateX(0%)"},"15%":{transform:"translateX(-25%) rotate(-5deg)"},"30%":{transform:"translateX(20%) rotate(3deg)"},"45%":{transform:"translateX(-15%) rotate(-3deg)"},"60%":{transform:"translateX(10%) rotate(2deg)"},"75%":{transform:"translateX(-5%) rotate(-1deg)"},enter:{transform:"translateX(0%)"},duration:e}},flip:function(e){return void 0===e&&(e="1s"),{from:{transform:"perspective(400px) rotateY(0deg)"},"40%":{transform:"perspective(400px) rotateY(-180deg)"},enter:{transform:"perspective(400px) rotateY(-360deg)"},duration:e}},heartBeat:function(e,t){return void 0===e&&(e="1.3s"),void 0===t&&(t="infinite"),{from:{transform:"scale(1)"},"14%":{transform:"scale(1.3)"},"28%":{transform:"scale(1)"},"42%":{transform:"scale(1.3)"},"70%":{transform:"scale(1)"},enter:{transform:"scale(1)"},duration:e,iterationCount:t}},rollIn:function(e){return void 0===e&&(e="1s"),{from:{opacity:0,transform:"translateX(-100%) rotate(-120deg)"},enter:{opacity:1,transform:"translateX(0px) rotate(0deg)"},duration:e}},rollOut:function(e){return void 0===e&&(e="1s"),{from:{opacity:1,transform:"translateX(0px) rotate(0deg)"},enter:{opacity:0,transform:"translateX(100%) rotate(120deg)"},duration:e}},lightSpeedIn:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-out"),{from:{transform:"translateX(100%) skewX(-30deg)",opacity:0},"60%":{transform:"skewX(20deg)",opacity:1},"80%":{transform:"skewX(-5deg)"},enter:{transform:"translateX(0)",opacity:1},duration:e,timingFunction:t}},lightSpeedOut:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{opacity:1},"20%":{opacity:1,transform:"translateX(-20%) skewX(20deg)"},enter:{opacity:0,transform:"translateX(-100%) skewX(30deg)"},duration:e,timingFunction:t}},hinge:function(e,t){return void 0===e&&(e="2s"),void 0===t&&(t="ease-in-out"),{from:{transform:"rotate(0deg)",transformOrigin:"top left",opacity:1},"20%":{transform:"rotate(80deg)",opacity:1},"40%":{transform:"rotate(60deg)",opacity:1},"60%":{transform:"rotate(80deg)",opacity:1},"80%":{transform:"rotate(60deg)",opacity:1},enter:{transform:"translateY(700px)",opacity:0},duration:e,timingFunction:t}},jackInTheBox:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease"),{from:{opacity:0,transform:"scale(0.1) rotate(30deg)",transformOrigin:"center bottom"},"50%":{transform:"rotate(-10deg)"},"70%":{transform:"rotate(3deg)"},enter:{opacity:1,transform:"scale(1) rotate(0deg)"},duration:e,timingFunction:t}},flipInX:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{transform:"perspective(400px) rotateX(90deg)",opacity:0},"40%":{transform:"perspective(400px) rotateX(-10deg)",opacity:1},enter:{transform:"perspective(400px) rotateX(0deg)"},duration:e,timingFunction:t}},flipInY:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{transform:"perspective(400px) rotateY(90deg)",opacity:0},"40%":{transform:"perspective(400px) rotateY(-10deg)",opacity:1},enter:{transform:"perspective(400px) rotateY(0deg)"},duration:e,timingFunction:t}},headShake:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="infinite"),{from:{transform:"translateX(0)"},"6.5%":{transform:"translateX(-6px) rotateY(-9deg)"},"18.5%":{transform:"translateX(5px) rotateY(7deg)"},"31.5%":{transform:"translateX(-3px) rotateY(-5deg)"},"43.5%":{transform:"translateX(2px) rotateY(3deg)"},"50%":{transform:"translateX(0)"},duration:e,iterationCount:t}},tada:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="infinite"),{from:{transform:"scale3d(1, 1, 1)",opacity:1},"10%, 20%":{transform:"scale3d(0.9, 0.9, 0.9) rotate(-3deg)"},"30%, 50%, 70%, 90%":{transform:"scale3d(1.1, 1.1, 1.1) rotate(3deg)"},"40%, 60%, 80%":{transform:"scale3d(1.1, 1.1, 1.1) rotate(-3deg)"},enter:{transform:"scale3d(1, 1, 1)",opacity:1},duration:e,iterationCount:t}},jello:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="infinite"),{from:{transform:"none"},"11.1%":{transform:"skewX(-12.5deg) skewY(-12.5deg)"},"22.2%":{transform:"skewX(6.25deg) skewY(6.25deg)"},"33.3%":{transform:"skewX(-3.125deg) skewY(-3.125deg)"},"44.4%":{transform:"skewX(1.5625deg) skewY(1.5625deg)"},"55.5%":{transform:"skewX(-0.78125deg) skewY(-0.78125deg)"},"66.6%":{transform:"skewX(0.390625deg) skewY(0.390625deg)"},"77.7%":{transform:"skewX(-0.1953125deg) skewY(-0.1953125deg)"},"88.8%":{transform:"skewX(0.09765625deg) skewY(0.09765625deg)"},enter:{transform:"none"},duration:e,iterationCount:t}},fadeInDown:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-out"),{from:{opacity:0,transform:"translateY(-100%)"},enter:{opacity:1,transform:"translateY(0)"},duration:e,timingFunction:t}},fadeInUp:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-out"),{from:{opacity:0,transform:"translateY(100%)"},enter:{opacity:1,transform:"translateY(0)"},duration:e,timingFunction:t}},bounceIn:function(e,t){return void 0===e&&(e="0.75s"),void 0===t&&(t="ease-in"),{from:{opacity:0,transform:"scale(0.3)"},"50%":{opacity:1,transform:"scale(1.05)"},"70%":{transform:"scale(0.9)"},enter:{transform:"scale(1)"},duration:e,timingFunction:t}},bounceOut:function(e,t){return void 0===e&&(e="0.75s"),void 0===t&&(t="ease-out"),{from:{transform:"scale(1)"},"20%":{transform:"scale(0.9)"},"50%, 55%":{opacity:1,transform:"scale(1.1)"},enter:{opacity:0,transform:"scale(0.3)"},duration:e,timingFunction:t}},slideOutLeft:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-in"),{from:{transform:"translateX(0)"},enter:{transform:"translateX(-100%)"},duration:e,timingFunction:t}},slideOutRight:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-in"),{from:{transform:"translateX(0)"},enter:{transform:"translateX(100%)"},duration:e,timingFunction:t}},zoomInDown:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-out"),{from:{opacity:0,transform:"scale(0.1) translateY(-1000px)"},"60%":{opacity:1,transform:"scale(0.475) translateY(60px)"},enter:{transform:"scale(1) translateY(0)"},duration:e,timingFunction:t}},zoomOutUp:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{opacity:1,transform:"scale(1) translateY(0)"},"40%":{opacity:1,transform:"scale(0.475) translateY(-60px)"},enter:{opacity:0,transform:"scale(0.1) translateY(-1000px)"},duration:e,timingFunction:t}},backInDown:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{opacity:.7,transform:"translateY(-2000px) scaleY(2.5) scaleX(0.2)"},enter:{opacity:1,transform:"translateY(0) scaleY(1) scaleX(1)"},duration:e,timingFunction:t}},backOutUp:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{opacity:1,transform:"translateY(0)"},"80%":{opacity:.7,transform:"translateY(-20px)"},enter:{opacity:0,transform:"translateY(-2000px)"},duration:e,timingFunction:t}},shimmer:T};const H=a.memo(e=>{let{duration:t="2s",timingFunction:r="linear",iterationCount:o="infinite",...n}=e;return a.createElement($,Object.assign({backgroundColor:"color.black.300"},n,{overflow:"hidden"}),a.createElement($,{position:"relative",inset:0,width:"100%",height:"100%",animate:T(t,r,o),background:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent)"}))}),W=()=>"undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement,M=!W(),N=e=>{t.useEffect(()=>{e()},[])},V=(e,t,a)=>{const r=window.matchMedia(t),o=()=>{r.matches&&a(e)};return r.addListener(o),r.matches&&a(e),()=>{r.removeListener(o)}};exports.Animation=P,exports.Button=D,exports.Div=E,exports.Element=S,exports.Form=L,exports.Image=I,exports.Input=B,exports.ResponsiveContext=u,exports.ResponsiveProvider=e=>{let{breakpoints:t=c,devices:r=m,children:o}=e;return a.createElement(u.Provider,{value:{breakpoints:t,devices:r,mediaQueries:l(t)}},o)},exports.SafeArea=j,exports.Scroll=R,exports.Shadows=x,exports.Skeleton=H,exports.Span=z,exports.Text=A,exports.ThemeContext=s,exports.ThemeProvider=e=>{let{theme:t={main:n,components:{}},colors:r={main:i,palette:o},children:d}=e;const c=f(n,t),l=f({main:i,palette:o},r),m=e=>{if("transparent"===e)return e;try{if(e.startsWith("theme.")){const t=e.split(".");let a=c;for(let r=1;r<t.length;r++)if(a=a[t[r]],void 0===a)return console.warn(`Couleur "${e}" non trouvée dans le thème.`),e;return"string"==typeof a?m(a):(console.warn(`La couleur "${e}" a résolu à une valeur non-string.`),e)}if(e.startsWith("color.")){const t=e.split(".");if(2===t.length)return l.main[t[1]]||e;if(3===t.length){const[e,a,r]=t;if(l.palette[a]&&l.palette[a][r])return l.palette[a][r];console.warn(`Color ${e} non trouvée`)}console.warn(`Color "${e}" non trouvée dans la palette ou les couleurs principales.`)}}catch(e){console.error("Erreur lors de la récupération de la couleur:",e)}return e};return a.createElement(s.Provider,{value:{getColor:m,theme:c,colors:l}},d)},exports.Typography={letterSpacings:{tighter:-.08,tight:-.4,normal:0,wide:.4,wider:.8,widest:1.6},lineHeights:{xs:10,sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":30,"4xl":36,"5xl":48,"6xl":64},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semiBold:600,bold:700,extraBold:800,black:900},fontSizes:{xs:10,sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":30,"4xl":36,"5xl":48,"6xl":64}},exports.View=$,exports.createQuery=V,exports.defaultColors=i,exports.defaultThemeMain=n,exports.getWindowInitialProps=()=>W()?window.g_initialProps:void 0,exports.isBrowser=W,exports.isDev=function(){let e=!1;return W()&&(e=!(-1===window.location.hostname.indexOf("localhost"))),e},exports.isMobile=function(){return navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)},exports.isProd=function(){return!!(W()&&window&&window.location&&window.location.hostname)&&(window.location.hostname.includes("localhost")||window.location.hostname.includes("develop"))},exports.isSSR=M,exports.palette=o,exports.useMount=N,exports.useResponsive=()=>{const{breakpoints:e,devices:a,mediaQueries:r}=p(),[o,n]=t.useState("xs"),[i,s]=t.useState("landscape");return N(()=>{for(const e in r)V(e,r[e],n);V("landscape","only screen and (orientation: landscape)",s),V("portrait","only screen and (orientation: portrait)",s)}),{breakpoints:e,devices:a,orientation:i,screen:o,on:e=>a[e].includes(o),is:e=>e==o}},exports.useResponsiveContext=p,exports.useTheme=d;
|
|
2
2
|
//# sourceMappingURL=app-studio.cjs.production.min.js.map
|
package/dist/app-studio.esm.js
CHANGED
|
@@ -2211,8 +2211,10 @@ const Skeleton = /*#__PURE__*/React.memo(_ref => {
|
|
|
2211
2211
|
} = _ref;
|
|
2212
2212
|
return /*#__PURE__*/React.createElement(View, Object.assign({
|
|
2213
2213
|
backgroundColor: "color.black.300"
|
|
2214
|
-
}, props
|
|
2215
|
-
|
|
2214
|
+
}, props, {
|
|
2215
|
+
overflow: "hidden"
|
|
2216
|
+
}), /*#__PURE__*/React.createElement(View, {
|
|
2217
|
+
position: "relative",
|
|
2216
2218
|
inset: 0,
|
|
2217
2219
|
width: '100%',
|
|
2218
2220
|
height: '100%',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-studio.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"app-studio.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -2217,8 +2217,10 @@
|
|
|
2217
2217
|
} = _ref;
|
|
2218
2218
|
return /*#__PURE__*/React__default.createElement(View, Object.assign({
|
|
2219
2219
|
backgroundColor: "color.black.300"
|
|
2220
|
-
}, props
|
|
2221
|
-
|
|
2220
|
+
}, props, {
|
|
2221
|
+
overflow: "hidden"
|
|
2222
|
+
}), /*#__PURE__*/React__default.createElement(View, {
|
|
2223
|
+
position: "relative",
|
|
2222
2224
|
inset: 0,
|
|
2223
2225
|
width: '100%',
|
|
2224
2226
|
height: '100%',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-studio.umd.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"app-studio.umd.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("color-convert")):"function"==typeof define&&define.amd?define(["exports","react","color-convert"],t):t((e=e||self)["app-studio"]={},e.React,e.Color)}(this,(function(e,t,a){"use strict";var r="default"in t?t.default:t;a=a&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a;const o={whiteAlpha:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.06)",200:"rgba(255, 255, 255, 0.08)",300:"rgba(255, 255, 255, 0.16)",400:"rgba(255, 255, 255, 0.24)",500:"rgba(255, 255, 255, 0.36)",600:"rgba(255, 255, 255, 0.48)",700:"rgba(255, 255, 255, 0.64)",800:"rgba(255, 255, 255, 0.80)",900:"rgba(255, 255, 255, 0.92)"},blackAlpha:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.06)",200:"rgba(0, 0, 0, 0.08)",300:"rgba(0, 0, 0, 0.16)",400:"rgba(0, 0, 0, 0.24)",500:"rgba(0, 0, 0, 0.36)",600:"rgba(0, 0, 0, 0.48)",700:"rgba(0, 0, 0, 0.64)",800:"rgba(0, 0, 0, 0.80)",900:"rgba(0, 0, 0, 0.92)"},white:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.08)",200:"rgba(255, 255, 255, 0.16)",300:"rgba(255, 255, 255, 0.24)",400:"rgba(255, 255, 255, 0.36)",500:"rgba(255, 255, 255, 0.48)",600:"rgba(255, 255, 255, 0.64)",700:"rgba(255, 255, 255, 0.80)",800:"rgba(255, 255, 255, 0.92)",900:"rgba(255, 255, 255, 1)"},black:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.08)",200:"rgba(0, 0, 0, 0.16)",300:"rgba(0, 0, 0, 0.24)",400:"rgba(0, 0, 0, 0.36)",500:"rgba(0, 0, 0, 0.48)",600:"rgba(0, 0, 0, 0.64)",700:"rgba(0, 0, 0, 0.80)",800:"rgba(0, 0, 0, 0.92)",900:"rgba(0, 0, 0, 1)"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a"},lightBlue:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},warmGray:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917"},trueGray:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717"},gray:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b"},dark:{50:"#18181b",100:"#27272a",200:"#3f3f46",300:"#52525b",400:"#71717a",500:"#a1a1aa",600:"#d4d4d8",700:"#e4e4e7",800:"#f4f4f5",900:"#fafafa"},coolGray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827"},blueGray:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"}},n={primary:"color.black",secondary:"color.blue",success:"color.green.500",error:"color.red.500",warning:"color.orange.500",disabled:"color.gray.500",loading:"color.dark.500"},i={white:"#FFFFFF",black:"#000000",red:"#FF0000",green:"#00FF00",blue:"#0000FF",yellow:"#FFFF00",cyan:"#00FFFF",magenta:"#FF00FF",grey:"#808080",orange:"#FFA500",brown:"#A52A2A",purple:"#800080",pink:"#FFC0CB",lime:"#00FF00",teal:"#008080",navy:"#000080",olive:"#808000",maroon:"#800000",gold:"#FFD700",silver:"#C0C0C0",indigo:"#4B0082",violet:"#EE82EE",beige:"#F5F5DC",turquoise:"#40E0D0",coral:"#FF7F50",chocolate:"#D2691E",skyBlue:"#87CEEB",plum:"#DDA0DD",darkGreen:"#006400",salmon:"#FA8072"},s=t.createContext({getColor:e=>e,colors:{main:i,palette:o},theme:{main:n,components:{}}}),d=()=>t.useContext(s),f=(e,t)=>{if("object"!=typeof t||null===t)return e;const a={...e};for(const r in t)if(Object.prototype.hasOwnProperty.call(t,r)){const o=t[r],n=e[r];a[r]=Array.isArray(o)||"object"!=typeof o||null===o||Array.isArray(o)?o:f(n||{},o)}return a},c={xs:0,sm:340,md:560,lg:1080,xl:1300},l=e=>{const t=Object.keys(e).map(t=>({breakpoint:t,min:e[t],max:0})).sort((e,t)=>e.min-t.min);for(let e=0;e<t.length-1;e++)t[e].max=t[e+1].min-1;const a={};return t.forEach(e=>{let t="only screen";void 0!==e.min&&e.min>=0&&(t+=` and (min-width: ${e.min}px)`),void 0!==e.max&&e.max>0&&(t+=` and (max-width: ${e.max}px)`),a[e.breakpoint]=t.trim()}),a},m={mobile:["xs","sm"],tablet:["md","lg"],desktop:["lg","xl"]},u=t.createContext({breakpoints:c,devices:m,mediaQueries:l(c)}),g=()=>t.useContext(u),p=new Set(["on","shadow","only","media","css","size","paddingHorizontal","paddingVertical","marginHorizontal","marginVertical","animate"]),h=new Set(["on","shadow","only","media","css"]),b=new Set(["src","alt","style","as"]),w=[...Object.keys(document.createElement("div").style),"textJustify","lineClamp","borderBottomLeftRadius","borderBottomRightRadius","borderBottomWidth","borderLeftWidth","borderRadius","borderRightWidth","borderSpacing","borderTopLeftRadius","borderTopRightRadius","borderTopWidth","borderWidth","bottom","columnGap","columnRuleWidth","columnWidth","fontSize","gap","height","left","letterSpacing","lineHeight","margin","marginBottom","marginLeft","marginRight","marginTop","maxHeight","maxWidth","minHeight","minWidth","outlineOffset","outlineWidth","padding","paddingBottom","paddingLeft","paddingRight","paddingTop","perspective","right","rowGap","textIndent","top","width"],v=new Set(w),y=e=>(v.has(e)||h.has(e))&&!b.has(e),x={0:{shadowColor:"#000",shadowOffset:{width:1,height:2},shadowOpacity:.18,shadowRadius:1},1:{shadowColor:"#000",shadowOffset:{width:2,height:2},shadowOpacity:.2,shadowRadius:1.41},2:{shadowColor:"#000",shadowOffset:{width:3,height:3},shadowOpacity:.22,shadowRadius:2.22},3:{shadowColor:"#000",shadowOffset:{width:4,height:4},shadowOpacity:.23,shadowRadius:2.62},4:{shadowColor:"#000",shadowOffset:{width:5,height:5},shadowOpacity:.25,shadowRadius:3.84},5:{shadowColor:"#000",shadowOffset:{width:6,height:6},shadowOpacity:.27,shadowRadius:4.65},6:{shadowColor:"#000",shadowOffset:{width:7,height:7},shadowOpacity:.29,shadowRadius:4.65},7:{shadowColor:"#000",shadowOffset:{width:8,height:8},shadowOpacity:.3,shadowRadius:4.65},8:{shadowColor:"#000",shadowOffset:{width:9,height:9},shadowOpacity:.32,shadowRadius:5.46},9:{shadowColor:"#000",shadowOffset:{width:10,height:10},shadowOpacity:.34,shadowRadius:6.27}};let C=0;const F=new Map,k=new Set(["border-bottom-left-radius","border-bottom-right-radius","border-bottom-width","border-left-width","border-radius","border-right-width","border-spacing","border-top-left-radius","border-top-right-radius","border-top-width","border-width","bottom","column-gap","column-rule-width","column-width","font-size","gap","height","left","letter-spacing","line-height","margin","margin-bottom","margin-left","margin-right","margin-top","max-height","max-width","min-height","min-width","outline-offset","outline-width","padding","padding-bottom","padding-left","padding-right","padding-top","perspective","right","row-gap","text-indent","top","width"]);class O{constructor(e,t){void 0===t&&(t=1e4),this.styleSheet=null,this.classCache=new Map,this.propertyShorthand=e,this.maxCacheSize=t,this.initStyleSheet()}initStyleSheet(){if("undefined"!=typeof document){let e=document.getElementById("utility-classes");e||(e=document.createElement("style"),e.id="utility-classes",document.head.appendChild(e)),this.styleSheet=e.sheet}}escapeClassName(e){return e.replace(/:/g,"\\:")}injectRule(e){if(this.styleSheet)try{Array.from(this.styleSheet.cssRules).map(e=>e.cssText).includes(e)||this.styleSheet.insertRule(e,this.styleSheet.cssRules.length)}catch(t){console.error(`Erreur lors de l'insertion de la règle CSS: "${e}"`,t)}}addToCache(e,t){if(this.classCache.size>=this.maxCacheSize){const e=this.classCache.keys().next().value;this.classCache.delete(e)}this.classCache.set(e,t)}getClassNames(e,t,a,r,o,n){void 0===a&&(a="base"),void 0===r&&(r=""),void 0===o&&(o=e=>e),void 0===n&&(n=[]);let i=t;e.toLowerCase().includes("color")&&(i=o(t)),"number"==typeof i&&k.has(e)&&(i+="px");let s=i.toString().split(" ").join("-"),d=`${e}:${s}`;if(r&&(d=`${e}:${s}|${r}`),this.classCache.has(d))return[this.classCache.get(d)];let f=this.propertyShorthand[e];f||(f=e.replace(/([A-Z])/g,"-$1").toLowerCase());let c=`${f}-${s.toString().replace(/\./g,"p").replace(/\s+/g,"-").replace(/[^a-zA-Z0-9\-]/g,"").replace(/%/g,"pct").replace(/vw/g,"vw").replace(/vh/g,"vh").replace(/em/g,"em").replace(/rem/g,"rem")}`,l=[];"pseudo"===a&&r?l.push(`${c}-${r}`):"media"===a&&r?n.forEach(()=>{l.push(`${r}:${c}`)}):l.push(c);const m=e.replace(/([A-Z])/g,"-$1").toLowerCase();let u=i;return"number"==typeof u&&k.has(m)&&(u+="px"),l.forEach(e=>{const t=this.escapeClassName(e);let o=[];switch(a){case"base":case"pseudo":o.push(`.${t} { ${m}: ${u}; }`);break;case"media":n.forEach(e=>{o.push(`@media ${e} { .${t} { ${m}: ${u}; } }`),!0===window.isResponsive&&o.push(`.${r} { .${t} { ${m}: ${u}; } }`)});break;default:o.push(`.${t} { ${m}: ${u}; }`)}o.forEach(e=>this.injectRule(e)),this.addToCache(d,e)}),l}}function X(e){const t={},a=new Set;function r(e){const t=e[0].toLowerCase(),r=e[e.length-1].toLowerCase();let o=t+e.slice(1,-1).replace(/[a-z]/g,"").toLowerCase()+r;o.length<2&&(o=e.slice(0,2).toLowerCase());let n=0,i=o;for(;a.has(i);)n++,i=o+e.slice(-n,e.length).toLowerCase();return a.add(i),i}for(const a of e)t[a]=r(a);return t}const Y=new O(X(w)),S=r.memo(e=>{let{...o}=e;(o.onClick||o.onPress)&&null==o.cursor&&(o.cursor="pointer");let{onPress:n,...i}=o;const{getColor:s}=d(),{mediaQueries:f,devices:c}=g(),l=t.useMemo(()=>((e,t,r,o)=>{const n=[],i={},s=void 0!==e.height&&void 0!==e.width&&e.height===e.width?e.height:e.size?e.size:null;if(s){const e="number"==typeof s?s+"px":s;i.width=e,i.height=e}if(e.paddingHorizontal){const t="number"==typeof e.paddingHorizontal?e.paddingHorizontal+"px":e.paddingHorizontal;i.paddingLeft=t,i.paddingRight=t}if(e.marginHorizontal){const t="number"==typeof e.marginHorizontal?e.marginHorizontal+"px":e.marginHorizontal;i.marginLeft=t,i.marginRight=t}if(e.paddingVertical){const t="number"==typeof e.paddingVertical?e.paddingVertical+"px":e.paddingVertical;i.paddingTop=t,i.paddingBottom=t}if(e.marginVertical){const t="number"==typeof e.marginVertical?e.marginVertical+"px":e.marginVertical;i.marginTop=t,i.marginBottom=t}if(e.shadow){let t;if(t="number"==typeof e.shadow&&void 0!==x[e.shadow]?e.shadow:"boolean"==typeof e.shadow?e.shadow?2:0:2,x[t]){const e=x[t].shadowOpacity,r=x[t].shadowOffset,o=x[t].shadowRadius,n=`rgba(${a.hex.rgb(x[t].shadowColor).join(",")}, ${e})`;i.boxShadow=`${r.height}px ${r.width}px ${o}px ${n}`}}if(e.animate){const t=e.animate,{keyframesName:a,keyframes:r}=(e=>{const{...t}=e,a=JSON.stringify(t);if(F.has(a))return{keyframesName:F.get(a),keyframes:""};const r="animation-"+C++;F.set(a,r);const o=[];return Object.keys(t).sort((e,t)=>{const a=e=>"from"===e?0:"to"===e||"enter"===e?100:parseInt(e.replace("%",""),10);return a(e)-a(t)}).forEach(e=>{var a;o.push(`${"enter"===e?"to":e} { ${a=t[e],Object.entries(a).map(e=>{let[t,a]=e;return`${r=t,r.replace(/([A-Z])/g,e=>"-"+e.toLowerCase())}: ${a};`;var r}).join(" ")} }`)}),{keyframesName:r,keyframes:`\n @keyframes ${r} {\n ${o.join("\n")}\n }\n `}})(t);r&&"undefined"!=typeof document&&Y.injectRule(r),i.animationName=a,t.duration&&(i.animationDuration=t.duration),t.timingFunction&&(i.animationTimingFunction=t.timingFunction),t.delay&&(i.animationDelay=t.delay),void 0!==t.iterationCount&&(i.animationIterationCount=""+t.iterationCount),t.direction&&(i.animationDirection=t.direction),t.fillMode&&(i.animationFillMode=t.fillMode),t.playState&&(i.animationPlayState=t.playState)}const d=function(e,a,i){void 0===a&&(a="base"),void 0===i&&(i=""),Object.keys(e).forEach(s=>{const d=e[s];let f=[];if("media"===a&&(r[i]?f=[r[i]]:o[i]&&(f=o[i].map(e=>r[e]).filter(e=>e))),void 0!==d&&""!==d){const e=Y.getClassNames(s,d,a,i,t,f);n.push(...e)}else!0===window.isDebug&&console.error({styles:e,value:d,property:s})})};return d(i,"base"),Object.keys(e).forEach(a=>{if("style"!==a&&(y(a)||["on","media"].includes(a))){const r=e[a];if("object"==typeof r&&null!==r)"on"===a?Object.keys(r).forEach(e=>{const t=r[e],a={},o={};if(Object.keys(t).forEach(e=>{"transition"===e?a[e]=t[e]:o[e]=t[e]}),Object.keys(a).length>0&&d(a,"base"),Object.keys(o).length>0){const t=(e=>({hover:"hover",active:"active",focus:"focus",visited:"visited"}[e]||null))(e);t&&d(o,"pseudo",t)}}):"media"===a&&Object.keys(r).forEach(e=>{d(r[e],"media",e)});else if(void 0!==r&&""!==r){const e=Y.getClassNames(a,r,"base","",t);n.push(...e)}else!0===window.isDebug&&console.error({value:r,property:a})}}),n})(i,s,f,c),[i,s,f,c]),m={};n&&(m.onClick=n),l.length>0&&(m.className=l.join(" "));const{style:u,children:h,...w}=i;Object.keys(w).forEach(e=>{(!p.has(e)&&!y(e)||b.has(e))&&(m[e]=w[e])}),u&&(m.style=u);const v=m.as||"div";return delete m.as,r.createElement(v,Object.assign({},m),h)}),$=r.memo(e=>r.createElement(S,Object.assign({},e))),E=$,j=$,R=r.memo(e=>r.createElement($,Object.assign({overflow:"auto"},e))),z=r.memo(e=>r.createElement(S,Object.assign({},e,{as:"span"}))),I=r.memo(e=>r.createElement(S,Object.assign({},e,{as:"img"}))),A=r.memo(e=>r.createElement(S,Object.assign({},e))),L=r.memo(e=>r.createElement(S,Object.assign({},e,{as:"form"}))),B=r.memo(e=>r.createElement(S,Object.assign({},e,{as:"input"}))),D=r.memo(e=>r.createElement(S,Object.assign({},e,{as:"button"}))),T=function(e,t,a){return void 0===e&&(e="2s"),void 0===t&&(t="linear"),void 0===a&&(a="infinite"),{from:{transform:"translateX(-100%)"},"50%":{transform:"translateX(100%)"},enter:{transform:"translateX(100%)"},duration:e,timingFunction:t,iterationCount:a}};var P={__proto__:null,fadeIn:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease"),{from:{opacity:0},enter:{opacity:1},duration:e,timingFunction:t}},fadeOut:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease"),{from:{opacity:1},enter:{opacity:0},duration:e,timingFunction:t}},slideInLeft:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"translateX(-100%)"},enter:{transform:"translateX(0)"},duration:e,timingFunction:t}},slideInRight:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"translateX(100%)"},enter:{transform:"translateX(0)"},duration:e,timingFunction:t}},slideInDown:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"translateY(-100%)"},enter:{transform:"translateY(0)"},duration:e,timingFunction:t}},slideInUp:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"translateY(100%)"},enter:{transform:"translateY(0)"},duration:e,timingFunction:t}},bounce:function(e,t,a){return void 0===e&&(e="2s"),void 0===t&&(t="ease"),void 0===a&&(a="infinite"),{from:{transform:"translateY(0)"},"20%":{transform:"translateY(-30px)"},"40%":{transform:"translateY(0)"},"60%":{transform:"translateY(-15px)"},"80%":{transform:"translateY(0)"},enter:{transform:"translateY(0)"},duration:e,timingFunction:t,iterationCount:a}},rotate:function(e,t,a){return void 0===e&&(e="1s"),void 0===t&&(t="linear"),void 0===a&&(a="infinite"),{from:{transform:"rotate(0deg)"},enter:{transform:"rotate(360deg)"},duration:e,timingFunction:t,iterationCount:a}},pulse:function(e,t,a){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in-out"),void 0===a&&(a="infinite"),{from:{transform:"scale(1)"},"50%":{transform:"scale(1.05)"},enter:{transform:"scale(1)"},duration:e,timingFunction:t,iterationCount:a}},zoomIn:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"scale(0)"},enter:{transform:"scale(1)"},duration:e,timingFunction:t}},zoomOut:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"scale(1)"},enter:{transform:"scale(0)"},duration:e,timingFunction:t}},flash:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="infinite"),{from:{opacity:1},"50%":{opacity:0},enter:{opacity:1},duration:e,iterationCount:t}},shake:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="infinite"),{from:{transform:"translateX(0)"},"10%":{transform:"translateX(-10px)"},"20%":{transform:"translateX(10px)"},"30%":{transform:"translateX(-10px)"},"40%":{transform:"translateX(10px)"},"50%":{transform:"translateX(-10px)"},"60%":{transform:"translateX(10px)"},"70%":{transform:"translateX(-10px)"},"80%":{transform:"translateX(10px)"},"90%":{transform:"translateX(-10px)"},enter:{transform:"translateX(0)"},duration:e,iterationCount:t}},swing:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="infinite"),{from:{transform:"rotate(0deg)"},"20%":{transform:"rotate(15deg)"},"40%":{transform:"rotate(-10deg)"},"60%":{transform:"rotate(5deg)"},"80%":{transform:"rotate(-5deg)"},enter:{transform:"rotate(0deg)"},duration:e,iterationCount:t}},rubberBand:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in-out"),{from:{transform:"scale3d(1, 1, 1)"},"30%":{transform:"scale3d(1.25, 0.75, 1)"},"40%":{transform:"scale3d(0.75, 1.25, 1)"},"50%":{transform:"scale3d(1.15, 0.85, 1)"},"65%":{transform:"scale3d(0.95, 1.05, 1)"},"75%":{transform:"scale3d(1.05, 0.95, 1)"},enter:{transform:"scale3d(1, 1, 1)"},duration:e,timingFunction:t}},wobble:function(e){return void 0===e&&(e="1s"),{from:{transform:"translateX(0%)"},"15%":{transform:"translateX(-25%) rotate(-5deg)"},"30%":{transform:"translateX(20%) rotate(3deg)"},"45%":{transform:"translateX(-15%) rotate(-3deg)"},"60%":{transform:"translateX(10%) rotate(2deg)"},"75%":{transform:"translateX(-5%) rotate(-1deg)"},enter:{transform:"translateX(0%)"},duration:e}},flip:function(e){return void 0===e&&(e="1s"),{from:{transform:"perspective(400px) rotateY(0deg)"},"40%":{transform:"perspective(400px) rotateY(-180deg)"},enter:{transform:"perspective(400px) rotateY(-360deg)"},duration:e}},heartBeat:function(e,t){return void 0===e&&(e="1.3s"),void 0===t&&(t="infinite"),{from:{transform:"scale(1)"},"14%":{transform:"scale(1.3)"},"28%":{transform:"scale(1)"},"42%":{transform:"scale(1.3)"},"70%":{transform:"scale(1)"},enter:{transform:"scale(1)"},duration:e,iterationCount:t}},rollIn:function(e){return void 0===e&&(e="1s"),{from:{opacity:0,transform:"translateX(-100%) rotate(-120deg)"},enter:{opacity:1,transform:"translateX(0px) rotate(0deg)"},duration:e}},rollOut:function(e){return void 0===e&&(e="1s"),{from:{opacity:1,transform:"translateX(0px) rotate(0deg)"},enter:{opacity:0,transform:"translateX(100%) rotate(120deg)"},duration:e}},lightSpeedIn:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-out"),{from:{transform:"translateX(100%) skewX(-30deg)",opacity:0},"60%":{transform:"skewX(20deg)",opacity:1},"80%":{transform:"skewX(-5deg)"},enter:{transform:"translateX(0)",opacity:1},duration:e,timingFunction:t}},lightSpeedOut:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{opacity:1},"20%":{opacity:1,transform:"translateX(-20%) skewX(20deg)"},enter:{opacity:0,transform:"translateX(-100%) skewX(30deg)"},duration:e,timingFunction:t}},hinge:function(e,t){return void 0===e&&(e="2s"),void 0===t&&(t="ease-in-out"),{from:{transform:"rotate(0deg)",transformOrigin:"top left",opacity:1},"20%":{transform:"rotate(80deg)",opacity:1},"40%":{transform:"rotate(60deg)",opacity:1},"60%":{transform:"rotate(80deg)",opacity:1},"80%":{transform:"rotate(60deg)",opacity:1},enter:{transform:"translateY(700px)",opacity:0},duration:e,timingFunction:t}},jackInTheBox:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease"),{from:{opacity:0,transform:"scale(0.1) rotate(30deg)",transformOrigin:"center bottom"},"50%":{transform:"rotate(-10deg)"},"70%":{transform:"rotate(3deg)"},enter:{opacity:1,transform:"scale(1) rotate(0deg)"},duration:e,timingFunction:t}},flipInX:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{transform:"perspective(400px) rotateX(90deg)",opacity:0},"40%":{transform:"perspective(400px) rotateX(-10deg)",opacity:1},enter:{transform:"perspective(400px) rotateX(0deg)"},duration:e,timingFunction:t}},flipInY:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{transform:"perspective(400px) rotateY(90deg)",opacity:0},"40%":{transform:"perspective(400px) rotateY(-10deg)",opacity:1},enter:{transform:"perspective(400px) rotateY(0deg)"},duration:e,timingFunction:t}},headShake:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="infinite"),{from:{transform:"translateX(0)"},"6.5%":{transform:"translateX(-6px) rotateY(-9deg)"},"18.5%":{transform:"translateX(5px) rotateY(7deg)"},"31.5%":{transform:"translateX(-3px) rotateY(-5deg)"},"43.5%":{transform:"translateX(2px) rotateY(3deg)"},"50%":{transform:"translateX(0)"},duration:e,iterationCount:t}},tada:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="infinite"),{from:{transform:"scale3d(1, 1, 1)",opacity:1},"10%, 20%":{transform:"scale3d(0.9, 0.9, 0.9) rotate(-3deg)"},"30%, 50%, 70%, 90%":{transform:"scale3d(1.1, 1.1, 1.1) rotate(3deg)"},"40%, 60%, 80%":{transform:"scale3d(1.1, 1.1, 1.1) rotate(-3deg)"},enter:{transform:"scale3d(1, 1, 1)",opacity:1},duration:e,iterationCount:t}},jello:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="infinite"),{from:{transform:"none"},"11.1%":{transform:"skewX(-12.5deg) skewY(-12.5deg)"},"22.2%":{transform:"skewX(6.25deg) skewY(6.25deg)"},"33.3%":{transform:"skewX(-3.125deg) skewY(-3.125deg)"},"44.4%":{transform:"skewX(1.5625deg) skewY(1.5625deg)"},"55.5%":{transform:"skewX(-0.78125deg) skewY(-0.78125deg)"},"66.6%":{transform:"skewX(0.390625deg) skewY(0.390625deg)"},"77.7%":{transform:"skewX(-0.1953125deg) skewY(-0.1953125deg)"},"88.8%":{transform:"skewX(0.09765625deg) skewY(0.09765625deg)"},enter:{transform:"none"},duration:e,iterationCount:t}},fadeInDown:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-out"),{from:{opacity:0,transform:"translateY(-100%)"},enter:{opacity:1,transform:"translateY(0)"},duration:e,timingFunction:t}},fadeInUp:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-out"),{from:{opacity:0,transform:"translateY(100%)"},enter:{opacity:1,transform:"translateY(0)"},duration:e,timingFunction:t}},bounceIn:function(e,t){return void 0===e&&(e="0.75s"),void 0===t&&(t="ease-in"),{from:{opacity:0,transform:"scale(0.3)"},"50%":{opacity:1,transform:"scale(1.05)"},"70%":{transform:"scale(0.9)"},enter:{transform:"scale(1)"},duration:e,timingFunction:t}},bounceOut:function(e,t){return void 0===e&&(e="0.75s"),void 0===t&&(t="ease-out"),{from:{transform:"scale(1)"},"20%":{transform:"scale(0.9)"},"50%, 55%":{opacity:1,transform:"scale(1.1)"},enter:{opacity:0,transform:"scale(0.3)"},duration:e,timingFunction:t}},slideOutLeft:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-in"),{from:{transform:"translateX(0)"},enter:{transform:"translateX(-100%)"},duration:e,timingFunction:t}},slideOutRight:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-in"),{from:{transform:"translateX(0)"},enter:{transform:"translateX(100%)"},duration:e,timingFunction:t}},zoomInDown:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-out"),{from:{opacity:0,transform:"scale(0.1) translateY(-1000px)"},"60%":{opacity:1,transform:"scale(0.475) translateY(60px)"},enter:{transform:"scale(1) translateY(0)"},duration:e,timingFunction:t}},zoomOutUp:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{opacity:1,transform:"scale(1) translateY(0)"},"40%":{opacity:1,transform:"scale(0.475) translateY(-60px)"},enter:{opacity:0,transform:"scale(0.1) translateY(-1000px)"},duration:e,timingFunction:t}},backInDown:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{opacity:.7,transform:"translateY(-2000px) scaleY(2.5) scaleX(0.2)"},enter:{opacity:1,transform:"translateY(0) scaleY(1) scaleX(1)"},duration:e,timingFunction:t}},backOutUp:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{opacity:1,transform:"translateY(0)"},"80%":{opacity:.7,transform:"translateY(-20px)"},enter:{opacity:0,transform:"translateY(-2000px)"},duration:e,timingFunction:t}},shimmer:T};const H=r.memo(e=>{let{duration:t="2s",timingFunction:a="linear",iterationCount:o="infinite",...n}=e;return r.createElement($,Object.assign({backgroundColor:"color.black.300"},n),r.createElement($,{position:"absolute",inset:0,width:"100%",height:"100%",animate:T(t,a,o),background:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent)"}))}),W=()=>"undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement,M=!W(),N=e=>{t.useEffect(()=>{e()},[])},V=(e,t,a)=>{const r=window.matchMedia(t),o=()=>{r.matches&&a(e)};return r.addListener(o),r.matches&&a(e),()=>{r.removeListener(o)}};e.Animation=P,e.Button=D,e.Div=E,e.Element=S,e.Form=L,e.Image=I,e.Input=B,e.ResponsiveContext=u,e.ResponsiveProvider=e=>{let{breakpoints:t=c,devices:a=m,children:o}=e;return r.createElement(u.Provider,{value:{breakpoints:t,devices:a,mediaQueries:l(t)}},o)},e.SafeArea=j,e.Scroll=R,e.Shadows=x,e.Skeleton=H,e.Span=z,e.Text=A,e.ThemeContext=s,e.ThemeProvider=e=>{let{theme:t={main:n,components:{}},colors:a={main:i,palette:o},children:d}=e;const c=f(n,t),l=f({main:i,palette:o},a),m=e=>{if("transparent"===e)return e;try{if(e.startsWith("theme.")){const t=e.split(".");let a=c;for(let r=1;r<t.length;r++)if(a=a[t[r]],void 0===a)return console.warn(`Couleur "${e}" non trouvée dans le thème.`),e;return"string"==typeof a?m(a):(console.warn(`La couleur "${e}" a résolu à une valeur non-string.`),e)}if(e.startsWith("color.")){const t=e.split(".");if(2===t.length)return l.main[t[1]]||e;if(3===t.length){const[e,a,r]=t;if(l.palette[a]&&l.palette[a][r])return l.palette[a][r];console.warn(`Color ${e} non trouvée`)}console.warn(`Color "${e}" non trouvée dans la palette ou les couleurs principales.`)}}catch(e){console.error("Erreur lors de la récupération de la couleur:",e)}return e};return r.createElement(s.Provider,{value:{getColor:m,theme:c,colors:l}},d)},e.Typography={letterSpacings:{tighter:-.08,tight:-.4,normal:0,wide:.4,wider:.8,widest:1.6},lineHeights:{xs:10,sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":30,"4xl":36,"5xl":48,"6xl":64},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semiBold:600,bold:700,extraBold:800,black:900},fontSizes:{xs:10,sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":30,"4xl":36,"5xl":48,"6xl":64}},e.View=$,e.createQuery=V,e.defaultColors=i,e.defaultThemeMain=n,e.getWindowInitialProps=()=>W()?window.g_initialProps:void 0,e.isBrowser=W,e.isDev=function(){let e=!1;return W()&&(e=!(-1===window.location.hostname.indexOf("localhost"))),e},e.isMobile=function(){return navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)},e.isProd=function(){return!!(W()&&window&&window.location&&window.location.hostname)&&(window.location.hostname.includes("localhost")||window.location.hostname.includes("develop"))},e.isSSR=M,e.palette=o,e.useMount=N,e.useResponsive=()=>{const{breakpoints:e,devices:a,mediaQueries:r}=g(),[o,n]=t.useState("xs"),[i,s]=t.useState("landscape");return N(()=>{for(const e in r)V(e,r[e],n);V("landscape","only screen and (orientation: landscape)",s),V("portrait","only screen and (orientation: portrait)",s)}),{breakpoints:e,devices:a,orientation:i,screen:o,on:e=>a[e].includes(o),is:e=>e==o}},e.useResponsiveContext=g,e.useTheme=d,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("color-convert")):"function"==typeof define&&define.amd?define(["exports","react","color-convert"],t):t((e=e||self)["app-studio"]={},e.React,e.Color)}(this,(function(e,t,a){"use strict";var r="default"in t?t.default:t;a=a&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a;const o={whiteAlpha:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.06)",200:"rgba(255, 255, 255, 0.08)",300:"rgba(255, 255, 255, 0.16)",400:"rgba(255, 255, 255, 0.24)",500:"rgba(255, 255, 255, 0.36)",600:"rgba(255, 255, 255, 0.48)",700:"rgba(255, 255, 255, 0.64)",800:"rgba(255, 255, 255, 0.80)",900:"rgba(255, 255, 255, 0.92)"},blackAlpha:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.06)",200:"rgba(0, 0, 0, 0.08)",300:"rgba(0, 0, 0, 0.16)",400:"rgba(0, 0, 0, 0.24)",500:"rgba(0, 0, 0, 0.36)",600:"rgba(0, 0, 0, 0.48)",700:"rgba(0, 0, 0, 0.64)",800:"rgba(0, 0, 0, 0.80)",900:"rgba(0, 0, 0, 0.92)"},white:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.08)",200:"rgba(255, 255, 255, 0.16)",300:"rgba(255, 255, 255, 0.24)",400:"rgba(255, 255, 255, 0.36)",500:"rgba(255, 255, 255, 0.48)",600:"rgba(255, 255, 255, 0.64)",700:"rgba(255, 255, 255, 0.80)",800:"rgba(255, 255, 255, 0.92)",900:"rgba(255, 255, 255, 1)"},black:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.08)",200:"rgba(0, 0, 0, 0.16)",300:"rgba(0, 0, 0, 0.24)",400:"rgba(0, 0, 0, 0.36)",500:"rgba(0, 0, 0, 0.48)",600:"rgba(0, 0, 0, 0.64)",700:"rgba(0, 0, 0, 0.80)",800:"rgba(0, 0, 0, 0.92)",900:"rgba(0, 0, 0, 1)"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a"},lightBlue:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},warmGray:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917"},trueGray:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717"},gray:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b"},dark:{50:"#18181b",100:"#27272a",200:"#3f3f46",300:"#52525b",400:"#71717a",500:"#a1a1aa",600:"#d4d4d8",700:"#e4e4e7",800:"#f4f4f5",900:"#fafafa"},coolGray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827"},blueGray:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"}},n={primary:"color.black",secondary:"color.blue",success:"color.green.500",error:"color.red.500",warning:"color.orange.500",disabled:"color.gray.500",loading:"color.dark.500"},i={white:"#FFFFFF",black:"#000000",red:"#FF0000",green:"#00FF00",blue:"#0000FF",yellow:"#FFFF00",cyan:"#00FFFF",magenta:"#FF00FF",grey:"#808080",orange:"#FFA500",brown:"#A52A2A",purple:"#800080",pink:"#FFC0CB",lime:"#00FF00",teal:"#008080",navy:"#000080",olive:"#808000",maroon:"#800000",gold:"#FFD700",silver:"#C0C0C0",indigo:"#4B0082",violet:"#EE82EE",beige:"#F5F5DC",turquoise:"#40E0D0",coral:"#FF7F50",chocolate:"#D2691E",skyBlue:"#87CEEB",plum:"#DDA0DD",darkGreen:"#006400",salmon:"#FA8072"},s=t.createContext({getColor:e=>e,colors:{main:i,palette:o},theme:{main:n,components:{}}}),d=()=>t.useContext(s),f=(e,t)=>{if("object"!=typeof t||null===t)return e;const a={...e};for(const r in t)if(Object.prototype.hasOwnProperty.call(t,r)){const o=t[r],n=e[r];a[r]=Array.isArray(o)||"object"!=typeof o||null===o||Array.isArray(o)?o:f(n||{},o)}return a},c={xs:0,sm:340,md:560,lg:1080,xl:1300},l=e=>{const t=Object.keys(e).map(t=>({breakpoint:t,min:e[t],max:0})).sort((e,t)=>e.min-t.min);for(let e=0;e<t.length-1;e++)t[e].max=t[e+1].min-1;const a={};return t.forEach(e=>{let t="only screen";void 0!==e.min&&e.min>=0&&(t+=` and (min-width: ${e.min}px)`),void 0!==e.max&&e.max>0&&(t+=` and (max-width: ${e.max}px)`),a[e.breakpoint]=t.trim()}),a},m={mobile:["xs","sm"],tablet:["md","lg"],desktop:["lg","xl"]},u=t.createContext({breakpoints:c,devices:m,mediaQueries:l(c)}),g=()=>t.useContext(u),p=new Set(["on","shadow","only","media","css","size","paddingHorizontal","paddingVertical","marginHorizontal","marginVertical","animate"]),h=new Set(["on","shadow","only","media","css"]),b=new Set(["src","alt","style","as"]),w=[...Object.keys(document.createElement("div").style),"textJustify","lineClamp","borderBottomLeftRadius","borderBottomRightRadius","borderBottomWidth","borderLeftWidth","borderRadius","borderRightWidth","borderSpacing","borderTopLeftRadius","borderTopRightRadius","borderTopWidth","borderWidth","bottom","columnGap","columnRuleWidth","columnWidth","fontSize","gap","height","left","letterSpacing","lineHeight","margin","marginBottom","marginLeft","marginRight","marginTop","maxHeight","maxWidth","minHeight","minWidth","outlineOffset","outlineWidth","padding","paddingBottom","paddingLeft","paddingRight","paddingTop","perspective","right","rowGap","textIndent","top","width"],v=new Set(w),y=e=>(v.has(e)||h.has(e))&&!b.has(e),x={0:{shadowColor:"#000",shadowOffset:{width:1,height:2},shadowOpacity:.18,shadowRadius:1},1:{shadowColor:"#000",shadowOffset:{width:2,height:2},shadowOpacity:.2,shadowRadius:1.41},2:{shadowColor:"#000",shadowOffset:{width:3,height:3},shadowOpacity:.22,shadowRadius:2.22},3:{shadowColor:"#000",shadowOffset:{width:4,height:4},shadowOpacity:.23,shadowRadius:2.62},4:{shadowColor:"#000",shadowOffset:{width:5,height:5},shadowOpacity:.25,shadowRadius:3.84},5:{shadowColor:"#000",shadowOffset:{width:6,height:6},shadowOpacity:.27,shadowRadius:4.65},6:{shadowColor:"#000",shadowOffset:{width:7,height:7},shadowOpacity:.29,shadowRadius:4.65},7:{shadowColor:"#000",shadowOffset:{width:8,height:8},shadowOpacity:.3,shadowRadius:4.65},8:{shadowColor:"#000",shadowOffset:{width:9,height:9},shadowOpacity:.32,shadowRadius:5.46},9:{shadowColor:"#000",shadowOffset:{width:10,height:10},shadowOpacity:.34,shadowRadius:6.27}};let C=0;const F=new Map,k=new Set(["border-bottom-left-radius","border-bottom-right-radius","border-bottom-width","border-left-width","border-radius","border-right-width","border-spacing","border-top-left-radius","border-top-right-radius","border-top-width","border-width","bottom","column-gap","column-rule-width","column-width","font-size","gap","height","left","letter-spacing","line-height","margin","margin-bottom","margin-left","margin-right","margin-top","max-height","max-width","min-height","min-width","outline-offset","outline-width","padding","padding-bottom","padding-left","padding-right","padding-top","perspective","right","row-gap","text-indent","top","width"]);class O{constructor(e,t){void 0===t&&(t=1e4),this.styleSheet=null,this.classCache=new Map,this.propertyShorthand=e,this.maxCacheSize=t,this.initStyleSheet()}initStyleSheet(){if("undefined"!=typeof document){let e=document.getElementById("utility-classes");e||(e=document.createElement("style"),e.id="utility-classes",document.head.appendChild(e)),this.styleSheet=e.sheet}}escapeClassName(e){return e.replace(/:/g,"\\:")}injectRule(e){if(this.styleSheet)try{Array.from(this.styleSheet.cssRules).map(e=>e.cssText).includes(e)||this.styleSheet.insertRule(e,this.styleSheet.cssRules.length)}catch(t){console.error(`Erreur lors de l'insertion de la règle CSS: "${e}"`,t)}}addToCache(e,t){if(this.classCache.size>=this.maxCacheSize){const e=this.classCache.keys().next().value;this.classCache.delete(e)}this.classCache.set(e,t)}getClassNames(e,t,a,r,o,n){void 0===a&&(a="base"),void 0===r&&(r=""),void 0===o&&(o=e=>e),void 0===n&&(n=[]);let i=t;e.toLowerCase().includes("color")&&(i=o(t)),"number"==typeof i&&k.has(e)&&(i+="px");let s=i.toString().split(" ").join("-"),d=`${e}:${s}`;if(r&&(d=`${e}:${s}|${r}`),this.classCache.has(d))return[this.classCache.get(d)];let f=this.propertyShorthand[e];f||(f=e.replace(/([A-Z])/g,"-$1").toLowerCase());let c=`${f}-${s.toString().replace(/\./g,"p").replace(/\s+/g,"-").replace(/[^a-zA-Z0-9\-]/g,"").replace(/%/g,"pct").replace(/vw/g,"vw").replace(/vh/g,"vh").replace(/em/g,"em").replace(/rem/g,"rem")}`,l=[];"pseudo"===a&&r?l.push(`${c}-${r}`):"media"===a&&r?n.forEach(()=>{l.push(`${r}:${c}`)}):l.push(c);const m=e.replace(/([A-Z])/g,"-$1").toLowerCase();let u=i;return"number"==typeof u&&k.has(m)&&(u+="px"),l.forEach(e=>{const t=this.escapeClassName(e);let o=[];switch(a){case"base":case"pseudo":o.push(`.${t} { ${m}: ${u}; }`);break;case"media":n.forEach(e=>{o.push(`@media ${e} { .${t} { ${m}: ${u}; } }`),!0===window.isResponsive&&o.push(`.${r} { .${t} { ${m}: ${u}; } }`)});break;default:o.push(`.${t} { ${m}: ${u}; }`)}o.forEach(e=>this.injectRule(e)),this.addToCache(d,e)}),l}}function X(e){const t={},a=new Set;function r(e){const t=e[0].toLowerCase(),r=e[e.length-1].toLowerCase();let o=t+e.slice(1,-1).replace(/[a-z]/g,"").toLowerCase()+r;o.length<2&&(o=e.slice(0,2).toLowerCase());let n=0,i=o;for(;a.has(i);)n++,i=o+e.slice(-n,e.length).toLowerCase();return a.add(i),i}for(const a of e)t[a]=r(a);return t}const Y=new O(X(w)),S=r.memo(e=>{let{...o}=e;(o.onClick||o.onPress)&&null==o.cursor&&(o.cursor="pointer");let{onPress:n,...i}=o;const{getColor:s}=d(),{mediaQueries:f,devices:c}=g(),l=t.useMemo(()=>((e,t,r,o)=>{const n=[],i={},s=void 0!==e.height&&void 0!==e.width&&e.height===e.width?e.height:e.size?e.size:null;if(s){const e="number"==typeof s?s+"px":s;i.width=e,i.height=e}if(e.paddingHorizontal){const t="number"==typeof e.paddingHorizontal?e.paddingHorizontal+"px":e.paddingHorizontal;i.paddingLeft=t,i.paddingRight=t}if(e.marginHorizontal){const t="number"==typeof e.marginHorizontal?e.marginHorizontal+"px":e.marginHorizontal;i.marginLeft=t,i.marginRight=t}if(e.paddingVertical){const t="number"==typeof e.paddingVertical?e.paddingVertical+"px":e.paddingVertical;i.paddingTop=t,i.paddingBottom=t}if(e.marginVertical){const t="number"==typeof e.marginVertical?e.marginVertical+"px":e.marginVertical;i.marginTop=t,i.marginBottom=t}if(e.shadow){let t;if(t="number"==typeof e.shadow&&void 0!==x[e.shadow]?e.shadow:"boolean"==typeof e.shadow?e.shadow?2:0:2,x[t]){const e=x[t].shadowOpacity,r=x[t].shadowOffset,o=x[t].shadowRadius,n=`rgba(${a.hex.rgb(x[t].shadowColor).join(",")}, ${e})`;i.boxShadow=`${r.height}px ${r.width}px ${o}px ${n}`}}if(e.animate){const t=e.animate,{keyframesName:a,keyframes:r}=(e=>{const{...t}=e,a=JSON.stringify(t);if(F.has(a))return{keyframesName:F.get(a),keyframes:""};const r="animation-"+C++;F.set(a,r);const o=[];return Object.keys(t).sort((e,t)=>{const a=e=>"from"===e?0:"to"===e||"enter"===e?100:parseInt(e.replace("%",""),10);return a(e)-a(t)}).forEach(e=>{var a;o.push(`${"enter"===e?"to":e} { ${a=t[e],Object.entries(a).map(e=>{let[t,a]=e;return`${r=t,r.replace(/([A-Z])/g,e=>"-"+e.toLowerCase())}: ${a};`;var r}).join(" ")} }`)}),{keyframesName:r,keyframes:`\n @keyframes ${r} {\n ${o.join("\n")}\n }\n `}})(t);r&&"undefined"!=typeof document&&Y.injectRule(r),i.animationName=a,t.duration&&(i.animationDuration=t.duration),t.timingFunction&&(i.animationTimingFunction=t.timingFunction),t.delay&&(i.animationDelay=t.delay),void 0!==t.iterationCount&&(i.animationIterationCount=""+t.iterationCount),t.direction&&(i.animationDirection=t.direction),t.fillMode&&(i.animationFillMode=t.fillMode),t.playState&&(i.animationPlayState=t.playState)}const d=function(e,a,i){void 0===a&&(a="base"),void 0===i&&(i=""),Object.keys(e).forEach(s=>{const d=e[s];let f=[];if("media"===a&&(r[i]?f=[r[i]]:o[i]&&(f=o[i].map(e=>r[e]).filter(e=>e))),void 0!==d&&""!==d){const e=Y.getClassNames(s,d,a,i,t,f);n.push(...e)}else!0===window.isDebug&&console.error({styles:e,value:d,property:s})})};return d(i,"base"),Object.keys(e).forEach(a=>{if("style"!==a&&(y(a)||["on","media"].includes(a))){const r=e[a];if("object"==typeof r&&null!==r)"on"===a?Object.keys(r).forEach(e=>{const t=r[e],a={},o={};if(Object.keys(t).forEach(e=>{"transition"===e?a[e]=t[e]:o[e]=t[e]}),Object.keys(a).length>0&&d(a,"base"),Object.keys(o).length>0){const t=(e=>({hover:"hover",active:"active",focus:"focus",visited:"visited"}[e]||null))(e);t&&d(o,"pseudo",t)}}):"media"===a&&Object.keys(r).forEach(e=>{d(r[e],"media",e)});else if(void 0!==r&&""!==r){const e=Y.getClassNames(a,r,"base","",t);n.push(...e)}else!0===window.isDebug&&console.error({value:r,property:a})}}),n})(i,s,f,c),[i,s,f,c]),m={};n&&(m.onClick=n),l.length>0&&(m.className=l.join(" "));const{style:u,children:h,...w}=i;Object.keys(w).forEach(e=>{(!p.has(e)&&!y(e)||b.has(e))&&(m[e]=w[e])}),u&&(m.style=u);const v=m.as||"div";return delete m.as,r.createElement(v,Object.assign({},m),h)}),$=r.memo(e=>r.createElement(S,Object.assign({},e))),E=$,j=$,R=r.memo(e=>r.createElement($,Object.assign({overflow:"auto"},e))),z=r.memo(e=>r.createElement(S,Object.assign({},e,{as:"span"}))),I=r.memo(e=>r.createElement(S,Object.assign({},e,{as:"img"}))),A=r.memo(e=>r.createElement(S,Object.assign({},e))),L=r.memo(e=>r.createElement(S,Object.assign({},e,{as:"form"}))),B=r.memo(e=>r.createElement(S,Object.assign({},e,{as:"input"}))),D=r.memo(e=>r.createElement(S,Object.assign({},e,{as:"button"}))),T=function(e,t,a){return void 0===e&&(e="2s"),void 0===t&&(t="linear"),void 0===a&&(a="infinite"),{from:{transform:"translateX(-100%)"},"50%":{transform:"translateX(100%)"},enter:{transform:"translateX(100%)"},duration:e,timingFunction:t,iterationCount:a}};var P={__proto__:null,fadeIn:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease"),{from:{opacity:0},enter:{opacity:1},duration:e,timingFunction:t}},fadeOut:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease"),{from:{opacity:1},enter:{opacity:0},duration:e,timingFunction:t}},slideInLeft:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"translateX(-100%)"},enter:{transform:"translateX(0)"},duration:e,timingFunction:t}},slideInRight:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"translateX(100%)"},enter:{transform:"translateX(0)"},duration:e,timingFunction:t}},slideInDown:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"translateY(-100%)"},enter:{transform:"translateY(0)"},duration:e,timingFunction:t}},slideInUp:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"translateY(100%)"},enter:{transform:"translateY(0)"},duration:e,timingFunction:t}},bounce:function(e,t,a){return void 0===e&&(e="2s"),void 0===t&&(t="ease"),void 0===a&&(a="infinite"),{from:{transform:"translateY(0)"},"20%":{transform:"translateY(-30px)"},"40%":{transform:"translateY(0)"},"60%":{transform:"translateY(-15px)"},"80%":{transform:"translateY(0)"},enter:{transform:"translateY(0)"},duration:e,timingFunction:t,iterationCount:a}},rotate:function(e,t,a){return void 0===e&&(e="1s"),void 0===t&&(t="linear"),void 0===a&&(a="infinite"),{from:{transform:"rotate(0deg)"},enter:{transform:"rotate(360deg)"},duration:e,timingFunction:t,iterationCount:a}},pulse:function(e,t,a){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in-out"),void 0===a&&(a="infinite"),{from:{transform:"scale(1)"},"50%":{transform:"scale(1.05)"},enter:{transform:"scale(1)"},duration:e,timingFunction:t,iterationCount:a}},zoomIn:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"scale(0)"},enter:{transform:"scale(1)"},duration:e,timingFunction:t}},zoomOut:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-out"),{from:{transform:"scale(1)"},enter:{transform:"scale(0)"},duration:e,timingFunction:t}},flash:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="infinite"),{from:{opacity:1},"50%":{opacity:0},enter:{opacity:1},duration:e,iterationCount:t}},shake:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="infinite"),{from:{transform:"translateX(0)"},"10%":{transform:"translateX(-10px)"},"20%":{transform:"translateX(10px)"},"30%":{transform:"translateX(-10px)"},"40%":{transform:"translateX(10px)"},"50%":{transform:"translateX(-10px)"},"60%":{transform:"translateX(10px)"},"70%":{transform:"translateX(-10px)"},"80%":{transform:"translateX(10px)"},"90%":{transform:"translateX(-10px)"},enter:{transform:"translateX(0)"},duration:e,iterationCount:t}},swing:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="infinite"),{from:{transform:"rotate(0deg)"},"20%":{transform:"rotate(15deg)"},"40%":{transform:"rotate(-10deg)"},"60%":{transform:"rotate(5deg)"},"80%":{transform:"rotate(-5deg)"},enter:{transform:"rotate(0deg)"},duration:e,iterationCount:t}},rubberBand:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in-out"),{from:{transform:"scale3d(1, 1, 1)"},"30%":{transform:"scale3d(1.25, 0.75, 1)"},"40%":{transform:"scale3d(0.75, 1.25, 1)"},"50%":{transform:"scale3d(1.15, 0.85, 1)"},"65%":{transform:"scale3d(0.95, 1.05, 1)"},"75%":{transform:"scale3d(1.05, 0.95, 1)"},enter:{transform:"scale3d(1, 1, 1)"},duration:e,timingFunction:t}},wobble:function(e){return void 0===e&&(e="1s"),{from:{transform:"translateX(0%)"},"15%":{transform:"translateX(-25%) rotate(-5deg)"},"30%":{transform:"translateX(20%) rotate(3deg)"},"45%":{transform:"translateX(-15%) rotate(-3deg)"},"60%":{transform:"translateX(10%) rotate(2deg)"},"75%":{transform:"translateX(-5%) rotate(-1deg)"},enter:{transform:"translateX(0%)"},duration:e}},flip:function(e){return void 0===e&&(e="1s"),{from:{transform:"perspective(400px) rotateY(0deg)"},"40%":{transform:"perspective(400px) rotateY(-180deg)"},enter:{transform:"perspective(400px) rotateY(-360deg)"},duration:e}},heartBeat:function(e,t){return void 0===e&&(e="1.3s"),void 0===t&&(t="infinite"),{from:{transform:"scale(1)"},"14%":{transform:"scale(1.3)"},"28%":{transform:"scale(1)"},"42%":{transform:"scale(1.3)"},"70%":{transform:"scale(1)"},enter:{transform:"scale(1)"},duration:e,iterationCount:t}},rollIn:function(e){return void 0===e&&(e="1s"),{from:{opacity:0,transform:"translateX(-100%) rotate(-120deg)"},enter:{opacity:1,transform:"translateX(0px) rotate(0deg)"},duration:e}},rollOut:function(e){return void 0===e&&(e="1s"),{from:{opacity:1,transform:"translateX(0px) rotate(0deg)"},enter:{opacity:0,transform:"translateX(100%) rotate(120deg)"},duration:e}},lightSpeedIn:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-out"),{from:{transform:"translateX(100%) skewX(-30deg)",opacity:0},"60%":{transform:"skewX(20deg)",opacity:1},"80%":{transform:"skewX(-5deg)"},enter:{transform:"translateX(0)",opacity:1},duration:e,timingFunction:t}},lightSpeedOut:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{opacity:1},"20%":{opacity:1,transform:"translateX(-20%) skewX(20deg)"},enter:{opacity:0,transform:"translateX(-100%) skewX(30deg)"},duration:e,timingFunction:t}},hinge:function(e,t){return void 0===e&&(e="2s"),void 0===t&&(t="ease-in-out"),{from:{transform:"rotate(0deg)",transformOrigin:"top left",opacity:1},"20%":{transform:"rotate(80deg)",opacity:1},"40%":{transform:"rotate(60deg)",opacity:1},"60%":{transform:"rotate(80deg)",opacity:1},"80%":{transform:"rotate(60deg)",opacity:1},enter:{transform:"translateY(700px)",opacity:0},duration:e,timingFunction:t}},jackInTheBox:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease"),{from:{opacity:0,transform:"scale(0.1) rotate(30deg)",transformOrigin:"center bottom"},"50%":{transform:"rotate(-10deg)"},"70%":{transform:"rotate(3deg)"},enter:{opacity:1,transform:"scale(1) rotate(0deg)"},duration:e,timingFunction:t}},flipInX:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{transform:"perspective(400px) rotateX(90deg)",opacity:0},"40%":{transform:"perspective(400px) rotateX(-10deg)",opacity:1},enter:{transform:"perspective(400px) rotateX(0deg)"},duration:e,timingFunction:t}},flipInY:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{transform:"perspective(400px) rotateY(90deg)",opacity:0},"40%":{transform:"perspective(400px) rotateY(-10deg)",opacity:1},enter:{transform:"perspective(400px) rotateY(0deg)"},duration:e,timingFunction:t}},headShake:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="infinite"),{from:{transform:"translateX(0)"},"6.5%":{transform:"translateX(-6px) rotateY(-9deg)"},"18.5%":{transform:"translateX(5px) rotateY(7deg)"},"31.5%":{transform:"translateX(-3px) rotateY(-5deg)"},"43.5%":{transform:"translateX(2px) rotateY(3deg)"},"50%":{transform:"translateX(0)"},duration:e,iterationCount:t}},tada:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="infinite"),{from:{transform:"scale3d(1, 1, 1)",opacity:1},"10%, 20%":{transform:"scale3d(0.9, 0.9, 0.9) rotate(-3deg)"},"30%, 50%, 70%, 90%":{transform:"scale3d(1.1, 1.1, 1.1) rotate(3deg)"},"40%, 60%, 80%":{transform:"scale3d(1.1, 1.1, 1.1) rotate(-3deg)"},enter:{transform:"scale3d(1, 1, 1)",opacity:1},duration:e,iterationCount:t}},jello:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="infinite"),{from:{transform:"none"},"11.1%":{transform:"skewX(-12.5deg) skewY(-12.5deg)"},"22.2%":{transform:"skewX(6.25deg) skewY(6.25deg)"},"33.3%":{transform:"skewX(-3.125deg) skewY(-3.125deg)"},"44.4%":{transform:"skewX(1.5625deg) skewY(1.5625deg)"},"55.5%":{transform:"skewX(-0.78125deg) skewY(-0.78125deg)"},"66.6%":{transform:"skewX(0.390625deg) skewY(0.390625deg)"},"77.7%":{transform:"skewX(-0.1953125deg) skewY(-0.1953125deg)"},"88.8%":{transform:"skewX(0.09765625deg) skewY(0.09765625deg)"},enter:{transform:"none"},duration:e,iterationCount:t}},fadeInDown:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-out"),{from:{opacity:0,transform:"translateY(-100%)"},enter:{opacity:1,transform:"translateY(0)"},duration:e,timingFunction:t}},fadeInUp:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-out"),{from:{opacity:0,transform:"translateY(100%)"},enter:{opacity:1,transform:"translateY(0)"},duration:e,timingFunction:t}},bounceIn:function(e,t){return void 0===e&&(e="0.75s"),void 0===t&&(t="ease-in"),{from:{opacity:0,transform:"scale(0.3)"},"50%":{opacity:1,transform:"scale(1.05)"},"70%":{transform:"scale(0.9)"},enter:{transform:"scale(1)"},duration:e,timingFunction:t}},bounceOut:function(e,t){return void 0===e&&(e="0.75s"),void 0===t&&(t="ease-out"),{from:{transform:"scale(1)"},"20%":{transform:"scale(0.9)"},"50%, 55%":{opacity:1,transform:"scale(1.1)"},enter:{opacity:0,transform:"scale(0.3)"},duration:e,timingFunction:t}},slideOutLeft:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-in"),{from:{transform:"translateX(0)"},enter:{transform:"translateX(-100%)"},duration:e,timingFunction:t}},slideOutRight:function(e,t){return void 0===e&&(e="0.5s"),void 0===t&&(t="ease-in"),{from:{transform:"translateX(0)"},enter:{transform:"translateX(100%)"},duration:e,timingFunction:t}},zoomInDown:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-out"),{from:{opacity:0,transform:"scale(0.1) translateY(-1000px)"},"60%":{opacity:1,transform:"scale(0.475) translateY(60px)"},enter:{transform:"scale(1) translateY(0)"},duration:e,timingFunction:t}},zoomOutUp:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{opacity:1,transform:"scale(1) translateY(0)"},"40%":{opacity:1,transform:"scale(0.475) translateY(-60px)"},enter:{opacity:0,transform:"scale(0.1) translateY(-1000px)"},duration:e,timingFunction:t}},backInDown:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{opacity:.7,transform:"translateY(-2000px) scaleY(2.5) scaleX(0.2)"},enter:{opacity:1,transform:"translateY(0) scaleY(1) scaleX(1)"},duration:e,timingFunction:t}},backOutUp:function(e,t){return void 0===e&&(e="1s"),void 0===t&&(t="ease-in"),{from:{opacity:1,transform:"translateY(0)"},"80%":{opacity:.7,transform:"translateY(-20px)"},enter:{opacity:0,transform:"translateY(-2000px)"},duration:e,timingFunction:t}},shimmer:T};const H=r.memo(e=>{let{duration:t="2s",timingFunction:a="linear",iterationCount:o="infinite",...n}=e;return r.createElement($,Object.assign({backgroundColor:"color.black.300"},n,{overflow:"hidden"}),r.createElement($,{position:"relative",inset:0,width:"100%",height:"100%",animate:T(t,a,o),background:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent)"}))}),W=()=>"undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement,M=!W(),N=e=>{t.useEffect(()=>{e()},[])},V=(e,t,a)=>{const r=window.matchMedia(t),o=()=>{r.matches&&a(e)};return r.addListener(o),r.matches&&a(e),()=>{r.removeListener(o)}};e.Animation=P,e.Button=D,e.Div=E,e.Element=S,e.Form=L,e.Image=I,e.Input=B,e.ResponsiveContext=u,e.ResponsiveProvider=e=>{let{breakpoints:t=c,devices:a=m,children:o}=e;return r.createElement(u.Provider,{value:{breakpoints:t,devices:a,mediaQueries:l(t)}},o)},e.SafeArea=j,e.Scroll=R,e.Shadows=x,e.Skeleton=H,e.Span=z,e.Text=A,e.ThemeContext=s,e.ThemeProvider=e=>{let{theme:t={main:n,components:{}},colors:a={main:i,palette:o},children:d}=e;const c=f(n,t),l=f({main:i,palette:o},a),m=e=>{if("transparent"===e)return e;try{if(e.startsWith("theme.")){const t=e.split(".");let a=c;for(let r=1;r<t.length;r++)if(a=a[t[r]],void 0===a)return console.warn(`Couleur "${e}" non trouvée dans le thème.`),e;return"string"==typeof a?m(a):(console.warn(`La couleur "${e}" a résolu à une valeur non-string.`),e)}if(e.startsWith("color.")){const t=e.split(".");if(2===t.length)return l.main[t[1]]||e;if(3===t.length){const[e,a,r]=t;if(l.palette[a]&&l.palette[a][r])return l.palette[a][r];console.warn(`Color ${e} non trouvée`)}console.warn(`Color "${e}" non trouvée dans la palette ou les couleurs principales.`)}}catch(e){console.error("Erreur lors de la récupération de la couleur:",e)}return e};return r.createElement(s.Provider,{value:{getColor:m,theme:c,colors:l}},d)},e.Typography={letterSpacings:{tighter:-.08,tight:-.4,normal:0,wide:.4,wider:.8,widest:1.6},lineHeights:{xs:10,sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":30,"4xl":36,"5xl":48,"6xl":64},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semiBold:600,bold:700,extraBold:800,black:900},fontSizes:{xs:10,sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":30,"4xl":36,"5xl":48,"6xl":64}},e.View=$,e.createQuery=V,e.defaultColors=i,e.defaultThemeMain=n,e.getWindowInitialProps=()=>W()?window.g_initialProps:void 0,e.isBrowser=W,e.isDev=function(){let e=!1;return W()&&(e=!(-1===window.location.hostname.indexOf("localhost"))),e},e.isMobile=function(){return navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)},e.isProd=function(){return!!(W()&&window&&window.location&&window.location.hostname)&&(window.location.hostname.includes("localhost")||window.location.hostname.includes("develop"))},e.isSSR=M,e.palette=o,e.useMount=N,e.useResponsive=()=>{const{breakpoints:e,devices:a,mediaQueries:r}=g(),[o,n]=t.useState("xs"),[i,s]=t.useState("landscape");return N(()=>{for(const e in r)V(e,r[e],n);V("landscape","only screen and (orientation: landscape)",s),V("portrait","only screen and (orientation: portrait)",s)}),{breakpoints:e,devices:a,orientation:i,screen:o,on:e=>a[e].includes(o),is:e=>e==o}},e.useResponsiveContext=g,e.useTheme=d,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=app-studio.umd.production.min.js.map
|
package/package.json
CHANGED