@noxickon/onyx 0.1.0 → 1.0.1

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 (68) hide show
  1. package/dist/animations.css +264 -0
  2. package/dist/chunks/hooks-DiKvsNs-.js +48 -0
  3. package/dist/chunks/hooks-bJFfbTks.js +8624 -0
  4. package/dist/chunks/query-BhvXa-m6.js +10 -0
  5. package/dist/chunks/query-iDn3qBGF.js +14 -0
  6. package/dist/chunks/ui-ChsTPgui.js +41 -0
  7. package/dist/chunks/ui-DxsSYHCv.js +20634 -0
  8. package/dist/chunks/useAuth-BFgXzu6Q.js +12 -0
  9. package/dist/chunks/useAuth-DxoDe3YA.js +1 -0
  10. package/dist/contexts/contexts.cjs.js +5 -0
  11. package/dist/contexts/contexts.es.js +156 -0
  12. package/dist/contexts.d.ts +117 -0
  13. package/dist/hooks/hooks.cjs.js +1 -6
  14. package/dist/hooks/hooks.es.js +11 -1916
  15. package/dist/hooks.d.ts +79 -21
  16. package/dist/index.d.ts +1782 -268
  17. package/dist/layouts/layouts.cjs.js +1 -0
  18. package/dist/layouts/layouts.es.js +688 -0
  19. package/dist/layouts.d.ts +430 -0
  20. package/dist/onyx.cjs.js +1 -1
  21. package/dist/onyx.es.js +53 -1395
  22. package/dist/pages/pages.cjs.js +2 -2
  23. package/dist/pages/pages.es.js +71 -69
  24. package/dist/pages.d.ts +4 -4
  25. package/dist/routes/routes.cjs.js +1 -0
  26. package/dist/routes/routes.es.js +31 -0
  27. package/dist/routes.d.ts +28 -0
  28. package/dist/shared.css +77 -48
  29. package/dist/ui.css +1 -0
  30. package/dist/utils/utils.cjs.js +1 -1
  31. package/dist/utils/utils.es.js +20 -6
  32. package/dist/utils.d.ts +109 -5
  33. package/package.json +39 -28
  34. package/dist/chunks/AuthContext-CaZKJMxQ.js +0 -2149
  35. package/dist/chunks/AuthContext-uU1aP9gj.js +0 -31
  36. package/dist/chunks/Button-D-v4l8ZE.js +0 -20
  37. package/dist/chunks/Button-bARrxYyo.js +0 -11053
  38. package/dist/chunks/Input-CLi1H63d.js +0 -1
  39. package/dist/chunks/Input-dfvmdIHi.js +0 -138
  40. package/dist/chunks/_commonjsHelpers-C6fGbg64.js +0 -6
  41. package/dist/chunks/_commonjsHelpers-DwGv2jUC.js +0 -1
  42. package/dist/chunks/constants-B1_n9ezb.js +0 -1
  43. package/dist/chunks/constants-CDXq37n6.js +0 -4
  44. package/dist/chunks/errorHelper-DbQKxxQA.js +0 -1
  45. package/dist/chunks/errorHelper-qN6iGI6f.js +0 -18
  46. package/dist/chunks/formatTimestamp-CMxOnPo1.js +0 -12
  47. package/dist/chunks/formatTimestamp-TTsNcy7u.js +0 -1
  48. package/dist/chunks/index-CPwC_oqh.js +0 -561
  49. package/dist/chunks/index-DY808_YF.js +0 -2
  50. package/dist/chunks/isObject-BDHKUJKN.js +0 -1
  51. package/dist/chunks/isObject-vmP43YLW.js +0 -6
  52. package/dist/chunks/jsx-runtime--oOP9f8K.js +0 -284
  53. package/dist/chunks/jsx-runtime-CITbqOLs.js +0 -22
  54. package/dist/chunks/tslib.es6-ci7D5hcx.js +0 -44
  55. package/dist/chunks/tslib.es6-nRfFZWHa.js +0 -1
  56. package/dist/chunks/useAuth-BsWbsZD5.js +0 -1
  57. package/dist/chunks/useAuth-CkaMowHd.js +0 -11
  58. package/dist/chunks/useForm-BuzPPZZE.js +0 -3070
  59. package/dist/chunks/useForm-F8doF8lW.js +0 -18
  60. package/dist/chunks/useQuery-Dh3SZN5S.js +0 -1482
  61. package/dist/chunks/useQuery-y4De9xeL.js +0 -2
  62. package/dist/context/context.cjs.js +0 -1
  63. package/dist/context/context.es.js +0 -39
  64. package/dist/context.d.ts +0 -47
  65. package/dist/index.css +0 -1
  66. package/dist/layout/layout.cjs.js +0 -1
  67. package/dist/layout/layout.es.js +0 -265
  68. package/dist/layout.d.ts +0 -90
package/dist/animations.css ADDED
@@ -0,0 +1,264 @@
1
+ @layer utilities {
2
+ /* Base animation keyframes - combine fade, slide, zoom, and spin effects using CSS variables */
3
+ @keyframes enter {
4
+ from {
5
+ opacity: var(--tw-enter-opacity, 1);
6
+ transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)
7
+ scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))
8
+ rotate(var(--tw-enter-rotate, 0));
9
+ }
10
+ }
11
+
12
+ @keyframes exit {
13
+ to {
14
+ opacity: var(--tw-exit-opacity, 1);
15
+ transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)
16
+ scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))
17
+ rotate(var(--tw-exit-rotate, 0));
18
+ }
19
+ }
20
+
21
+ /* Dropdown animations */
22
+ .ox-dropdown-animate[data-ox-state='open'][data-ox-side='right'] {
23
+ animation: enter 150ms ease-out;
24
+ --tw-enter-opacity: 0;
25
+ --tw-enter-translate-x: -0.5rem;
26
+ }
27
+
28
+ .ox-dropdown-animate[data-ox-state='open'][data-ox-side='left'] {
29
+ animation: enter 150ms ease-out;
30
+ --tw-enter-opacity: 0;
31
+ --tw-enter-translate-x: 0.5rem;
32
+ }
33
+
34
+ .ox-dropdown-animate[data-ox-state='open'][data-ox-side='bottom'] {
35
+ animation: enter 150ms ease-out;
36
+ --tw-enter-opacity: 0;
37
+ --tw-enter-translate-y: -0.5rem;
38
+ }
39
+
40
+ .ox-dropdown-animate[data-ox-state='open'][data-ox-side='top'] {
41
+ animation: enter 150ms ease-out;
42
+ --tw-enter-opacity: 0;
43
+ --tw-enter-translate-y: 0.5rem;
44
+ }
45
+
46
+ .ox-dropdown-animate[data-ox-state='closing'] {
47
+ animation: exit 100ms ease-in forwards;
48
+ --tw-exit-opacity: 0;
49
+ }
50
+
51
+ /* Select animations */
52
+ .ox-select-animate[data-ox-state='open'][data-ox-side='bottom'] {
53
+ animation: enter 150ms ease-out;
54
+ --tw-enter-opacity: 0;
55
+ --tw-enter-translate-y: -0.5rem;
56
+ }
57
+
58
+ .ox-select-animate[data-ox-state='open'][data-ox-side='top'] {
59
+ animation: enter 150ms ease-out;
60
+ --tw-enter-opacity: 0;
61
+ --tw-enter-translate-y: 0.5rem;
62
+ }
63
+
64
+ .ox-select-animate[data-ox-state='closing'] {
65
+ animation: exit 100ms ease-in forwards;
66
+ --tw-exit-opacity: 0;
67
+ }
68
+
69
+ /* Dialog animations */
70
+ .ox-dialog-animation[data-ox-state='open'] {
71
+ animation: enter 300ms ease-out;
72
+ --tw-enter-opacity: 0;
73
+ --tw-enter-scale: 0.95;
74
+ }
75
+
76
+ .ox-dialog-animation[data-ox-state='closing'] {
77
+ animation: exit 200ms ease-in forwards;
78
+ --tw-exit-opacity: 0;
79
+ --tw-exit-scale: 0.95;
80
+ }
81
+
82
+ /* Drawer animations */
83
+ .ox-drawer-animate[data-ox-state='open'][data-ox-side='left'] {
84
+ animation: enter 300ms ease-out;
85
+ --tw-enter-translate-x: -100%;
86
+ }
87
+
88
+ .ox-drawer-animate[data-ox-state='closing'][data-ox-side='left'] {
89
+ animation: exit 250ms ease-in forwards;
90
+ --tw-exit-translate-x: -100%;
91
+ }
92
+
93
+ .ox-drawer-animate[data-ox-state='open'][data-ox-side='right'] {
94
+ animation: enter 300ms ease-out;
95
+ --tw-enter-translate-x: 100%;
96
+ }
97
+
98
+ .ox-drawer-animate[data-ox-state='closing'][data-ox-side='right'] {
99
+ animation: exit 250ms ease-in forwards;
100
+ --tw-exit-translate-x: 100%;
101
+ }
102
+
103
+ .ox-drawer-animate[data-ox-state='open'][data-ox-side='top'] {
104
+ animation: enter 300ms ease-out;
105
+ --tw-enter-translate-y: -100%;
106
+ }
107
+
108
+ .ox-drawer-animate[data-ox-state='closing'][data-ox-side='top'] {
109
+ animation: exit 250ms ease-in forwards;
110
+ --tw-exit-translate-y: -100%;
111
+ }
112
+
113
+ .ox-drawer-animate[data-ox-state='open'][data-ox-side='bottom'] {
114
+ animation: enter 300ms ease-out;
115
+ --tw-enter-translate-y: 100%;
116
+ }
117
+
118
+ .ox-drawer-animate[data-ox-state='closing'][data-ox-side='bottom'] {
119
+ animation: exit 250ms ease-in forwards;
120
+ --tw-exit-translate-y: 100%;
121
+ }
122
+
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
+ /* Backdrop */
184
+ @keyframes backdrop-in {
185
+ from {
186
+ opacity: 0;
187
+ background-color: rgba(0, 0, 0, 0);
188
+ backdrop-filter: blur(0px);
189
+ -webkit-backdrop-filter: blur(0px);
190
+ }
191
+ to {
192
+ opacity: 1;
193
+ background-color: rgba(0, 0, 0, 0.5);
194
+ backdrop-filter: blur(6px);
195
+ -webkit-backdrop-filter: blur(6px);
196
+ }
197
+ }
198
+
199
+ @keyframes backdrop-out {
200
+ from {
201
+ opacity: 1;
202
+ background-color: rgba(0, 0, 0, 0.5);
203
+ backdrop-filter: blur(6px);
204
+ -webkit-backdrop-filter: blur(6px);
205
+ }
206
+ to {
207
+ opacity: 0;
208
+ background-color: rgba(0, 0, 0, 0);
209
+ backdrop-filter: blur(0px);
210
+ -webkit-backdrop-filter: blur(0px);
211
+ }
212
+ }
213
+
214
+ /* Dialog backdrop */
215
+ .ox-dialog-backdrop::backdrop {
216
+ opacity: 1;
217
+ backdrop-filter: blur(6px);
218
+ background-color: rgba(0, 0, 0, 0.5);
219
+ -webkit-backdrop-filter: blur(6px);
220
+ }
221
+
222
+ .ox-dialog-backdrop[data-ox-state='open']::backdrop {
223
+ animation: backdrop-in 300ms ease-out;
224
+ }
225
+
226
+ .ox-dialog-backdrop[data-ox-state='closing']::backdrop {
227
+ animation: backdrop-out 200ms ease-in;
228
+ }
229
+
230
+ /* Drawer backdrop */
231
+ .ox-drawer-backdrop {
232
+ opacity: 1;
233
+ backdrop-filter: blur(6px);
234
+ background-color: rgba(0, 0, 0, 0.5);
235
+ -webkit-backdrop-filter: blur(6px);
236
+ }
237
+
238
+ .ox-drawer-backdrop[data-ox-state='open'] {
239
+ animation: backdrop-in 300ms ease-out forwards;
240
+ }
241
+
242
+ .ox-drawer-backdrop[data-ox-state='closing'] {
243
+ animation: backdrop-out 250ms ease-in forwards;
244
+ }
245
+
246
+ /* Sidebar submenu collapse/expand animation */
247
+ .ox-sidebar-submenu {
248
+ grid-template-rows: 0fr;
249
+ opacity: 0;
250
+ transition:
251
+ grid-template-rows 200ms cubic-bezier(0.4, 0, 0.2, 1),
252
+ opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
253
+ }
254
+
255
+ .ox-sidebar-submenu[data-ox-state='open'] {
256
+ grid-template-rows: 1fr;
257
+ opacity: 1;
258
+ }
259
+
260
+ .ox-sidebar-submenu > * {
261
+ overflow: hidden;
262
+ min-width: 0;
263
+ }
264
+ }