@noxickon/onyx 1.0.4 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/animations.css +25 -72
  2. package/dist/chunks/hooks-CUNBk2tZ.js +6789 -0
  3. package/dist/chunks/hooks-UiKjBucd.js +47 -0
  4. package/dist/chunks/{query-D4FW3HN6.js → query-CIsrxNi-.js} +1 -1
  5. package/dist/chunks/{query-v272k9Fk.js → query-D2S9cFBP.js} +1 -1
  6. package/dist/chunks/ui-DGkJW_Fa.js +20745 -0
  7. package/dist/chunks/ui-DRRDAnVI.js +20 -0
  8. package/dist/contexts/contexts.cjs.js +2 -2
  9. package/dist/contexts/contexts.es.js +167 -133
  10. package/dist/hooks/hooks.cjs.js +1 -1
  11. package/dist/hooks/hooks.es.js +2 -2
  12. package/dist/index.d.ts +248 -210
  13. package/dist/layouts/layouts.cjs.js +1 -1
  14. package/dist/layouts/layouts.es.js +749 -672
  15. package/dist/layouts.d.ts +46 -36
  16. package/dist/onyx.cjs.js +1 -1
  17. package/dist/onyx.es.js +36 -34
  18. package/dist/pages/pages.cjs.js +2 -2
  19. package/dist/pages/pages.es.js +122 -94
  20. package/dist/pages.d.ts +2 -2
  21. package/dist/routes/routes.cjs.js +1 -1
  22. package/dist/routes/routes.es.js +36 -27
  23. package/dist/shared.css +15 -10
  24. package/dist/ui.css +1 -1
  25. package/dist/utils/utils.cjs.js +1 -1
  26. package/dist/utils/utils.es.js +1 -1
  27. package/package.json +14 -7
  28. package/dist/chunks/hooks-BswtWYGK.js +0 -8624
  29. package/dist/chunks/hooks-DB942JYB.js +0 -48
  30. package/dist/chunks/ui-CWzo2o31.js +0 -20648
  31. package/dist/chunks/ui-DRaffjpU.js +0 -41
package/dist/animations.css CHANGED
@@ -19,50 +19,63 @@
19
19
  }
20
20
 
21
21
  /* Dropdown animations */
22
- .ox-dropdown-animate[data-ox-state='open'][data-ox-side='right'] {
22
+ .ox-dropdown-animate[data-ox-state='open'][data-ox-side='right'],
23
+ .ox-popover-animate[data-ox-state='open'][data-ox-side='right'],
24
+ .ox-tooltip-animate[data-ox-state='open'][data-ox-side='right'] {
23
25
  animation: enter 150ms ease-out;
24
26
  --tw-enter-opacity: 0;
25
27
  --tw-enter-translate-x: -0.5rem;
26
28
  }
27
29
 
28
- .ox-dropdown-animate[data-ox-state='open'][data-ox-side='left'] {
30
+ .ox-dropdown-animate[data-ox-state='open'][data-ox-side='left'],
31
+ .ox-popover-animate[data-ox-state='open'][data-ox-side='left'],
32
+ .ox-tooltip-animate[data-ox-state='open'][data-ox-side='left'] {
29
33
  animation: enter 150ms ease-out;
30
34
  --tw-enter-opacity: 0;
31
35
  --tw-enter-translate-x: 0.5rem;
32
36
  }
33
37
 
34
- .ox-dropdown-animate[data-ox-state='open'][data-ox-side='bottom'] {
38
+ .ox-dropdown-animate[data-ox-state='open'][data-ox-side='bottom'],
39
+ .ox-popover-animate[data-ox-state='open'][data-ox-side='bottom'],
40
+ .ox-tooltip-animate[data-ox-state='open'][data-ox-side='bottom'],
41
+ .ox-select-animate[data-ox-state='open'][data-ox-side='bottom'] {
35
42
  animation: enter 150ms ease-out;
36
43
  --tw-enter-opacity: 0;
37
44
  --tw-enter-translate-y: -0.5rem;
38
45
  }
39
46
 
40
- .ox-dropdown-animate[data-ox-state='open'][data-ox-side='top'] {
47
+ .ox-dropdown-animate[data-ox-state='open'][data-ox-side='top'],
48
+ .ox-popover-animate[data-ox-state='open'][data-ox-side='top'],
49
+ .ox-tooltip-animate[data-ox-state='open'][data-ox-side='top'],
50
+ .ox-select-animate[data-ox-state='open'][data-ox-side='top'] {
41
51
  animation: enter 150ms ease-out;
42
52
  --tw-enter-opacity: 0;
43
53
  --tw-enter-translate-y: 0.5rem;
44
54
  }
45
55
 
46
- .ox-dropdown-animate[data-ox-state='closing'] {
56
+ .ox-dropdown-animate[data-ox-state='closing'],
57
+ .ox-popover-animate[data-ox-state='closing'],
58
+ .ox-tooltip-animate[data-ox-state='closing'],
59
+ .ox-select-animate[data-ox-state='closing'] {
47
60
  animation: exit 100ms ease-in forwards;
48
61
  --tw-exit-opacity: 0;
49
62
  }
50
63
 
51
- /* Select animations */
52
- .ox-select-animate[data-ox-state='open'][data-ox-side='bottom'] {
53
- animation: enter 150ms ease-out;
64
+ /* Date input animations */
65
+ .ox-date-input-animate[data-ox-state='open'][data-ox-side='bottom'] {
66
+ animation: enter 250ms ease-out;
54
67
  --tw-enter-opacity: 0;
55
68
  --tw-enter-translate-y: -0.5rem;
56
69
  }
57
70
 
58
- .ox-select-animate[data-ox-state='open'][data-ox-side='top'] {
59
- animation: enter 150ms ease-out;
71
+ .ox-date-input-animate[data-ox-state='open'][data-ox-side='top'] {
72
+ animation: enter 250ms ease-out;
60
73
  --tw-enter-opacity: 0;
61
74
  --tw-enter-translate-y: 0.5rem;
62
75
  }
63
76
 
64
- .ox-select-animate[data-ox-state='closing'] {
65
- animation: exit 100ms ease-in forwards;
77
+ .ox-date-input-animate[data-ox-state='closing'] {
78
+ animation: exit 200ms ease-in forwards;
66
79
  --tw-exit-opacity: 0;
67
80
  }
68
81
 
@@ -120,66 +133,6 @@
120
133
  --tw-exit-translate-y: 100%;
121
134
  }
122
135
 
123
- /* Popover animations */
124
- .ox-popover-animate[data-ox-state='open'][data-ox-side='right'] {
125
- animation: enter 150ms ease-out;
126
- --tw-enter-opacity: 0;
127
- --tw-enter-translate-x: -0.5rem;
128
- }
129
-
130
- .ox-popover-animate[data-ox-state='open'][data-ox-side='left'] {
131
- animation: enter 150ms ease-out;
132
- --tw-enter-opacity: 0;
133
- --tw-enter-translate-x: 0.5rem;
134
- }
135
-
136
- .ox-popover-animate[data-ox-state='open'][data-ox-side='top'] {
137
- animation: enter 150ms ease-out;
138
- --tw-enter-opacity: 0;
139
- --tw-enter-translate-y: 0.5rem;
140
- }
141
-
142
- .ox-popover-animate[data-ox-state='open'][data-ox-side='bottom'] {
143
- animation: enter 150ms ease-out;
144
- --tw-enter-opacity: 0;
145
- --tw-enter-translate-y: -0.5rem;
146
- }
147
-
148
- .ox-popover-animate[data-ox-state='closing'] {
149
- animation: exit 100ms ease-in forwards;
150
- --tw-exit-opacity: 0;
151
- }
152
-
153
- /* Tooltip animations */
154
- .ox-tooltip-animate[data-ox-state='open'][data-ox-side='right'] {
155
- animation: enter 150ms ease-out;
156
- --tw-enter-opacity: 0;
157
- --tw-enter-translate-x: -0.5rem;
158
- }
159
-
160
- .ox-tooltip-animate[data-ox-state='open'][data-ox-side='left'] {
161
- animation: enter 150ms ease-out;
162
- --tw-enter-opacity: 0;
163
- --tw-enter-translate-x: 0.5rem;
164
- }
165
-
166
- .ox-tooltip-animate[data-ox-state='open'][data-ox-side='top'] {
167
- animation: enter 150ms ease-out;
168
- --tw-enter-opacity: 0;
169
- --tw-enter-translate-y: 0.5rem;
170
- }
171
-
172
- .ox-tooltip-animate[data-ox-state='open'][data-ox-side='bottom'] {
173
- animation: enter 150ms ease-out;
174
- --tw-enter-opacity: 0;
175
- --tw-enter-translate-y: -0.5rem;
176
- }
177
-
178
- .ox-tooltip-animate[data-ox-state='closing'] {
179
- animation: exit 100ms ease-in forwards;
180
- --tw-exit-opacity: 0;
181
- }
182
-
183
136
  /* Backdrop */
184
137
  @keyframes backdrop-in {
185
138
  from {