@falcondev-oss/nuxt-layers-base 0.1.0 → 0.2.2

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 (165) hide show
  1. package/LICENSE +21 -0
  2. package/app/assets/css/utilities.css +3 -0
  3. package/app/components/Define.vue +13 -0
  4. package/app/components/layout/LayoutDashboard.vue +1 -1
  5. package/app/components/u/UField.vue +17 -6
  6. package/app/components/u/UForm.vue +90 -0
  7. package/app/components/u/UInputDurationMinutes.vue +1 -1
  8. package/app/composables/useTableColumns.tsx +1 -1
  9. package/app/composables/useToast.ts +3 -3
  10. package/app/utils/debug.ts +48 -0
  11. package/app/utils/files.ts +22 -0
  12. package/app/utils/plugins.ts +45 -6
  13. package/package.json +19 -3
  14. package/server/plugins/error.ts +20 -0
  15. package/server/utils/error.ts +24 -0
  16. package/shared/types/helpers.ts +27 -0
  17. package/shared/utils/helpers.ts +3 -0
  18. package/.nuxt/app.config.mjs +0 -317
  19. package/.nuxt/components.d.ts +0 -332
  20. package/.nuxt/imports.d.ts +0 -61
  21. package/.nuxt/manifest/meta/24fb5e89-93fb-44cb-bbff-2a13f165c1e8.json +0 -1
  22. package/.nuxt/nuxt-icon-client-bundle.mjs +0 -1
  23. package/.nuxt/nuxt-icon-server-bundle.mjs +0 -14
  24. package/.nuxt/nuxt.d.ts +0 -24
  25. package/.nuxt/nuxt.node.d.ts +0 -14
  26. package/.nuxt/nuxt.shared.d.ts +0 -5
  27. package/.nuxt/schema/nuxt.schema.d.ts +0 -210
  28. package/.nuxt/schema/nuxt.schema.json +0 -263
  29. package/.nuxt/tsconfig.app.json +0 -217
  30. package/.nuxt/tsconfig.json +0 -219
  31. package/.nuxt/tsconfig.node.json +0 -114
  32. package/.nuxt/tsconfig.server.json +0 -140
  33. package/.nuxt/tsconfig.shared.json +0 -139
  34. package/.nuxt/types/app.config.d.ts +0 -331
  35. package/.nuxt/types/build.d.ts +0 -24
  36. package/.nuxt/types/builder-env.d.ts +0 -1
  37. package/.nuxt/types/components.d.ts +0 -337
  38. package/.nuxt/types/imports.d.ts +0 -906
  39. package/.nuxt/types/layouts.d.ts +0 -7
  40. package/.nuxt/types/middleware.d.ts +0 -7
  41. package/.nuxt/types/modules.d.ts +0 -159
  42. package/.nuxt/types/nitro-config.d.ts +0 -14
  43. package/.nuxt/types/nitro-imports.d.ts +0 -141
  44. package/.nuxt/types/nitro-middleware.d.ts +0 -11
  45. package/.nuxt/types/nitro-nuxt.d.ts +0 -61
  46. package/.nuxt/types/nitro-routes.d.ts +0 -17
  47. package/.nuxt/types/nitro.d.ts +0 -3
  48. package/.nuxt/types/plugins.d.ts +0 -35
  49. package/.nuxt/types/runtime-config.d.ts +0 -36
  50. package/.nuxt/types/ui.d.ts +0 -36
  51. package/.nuxt/types/vue-shim.d.ts +0 -0
  52. package/.nuxt/ui/accordion.ts +0 -20
  53. package/.nuxt/ui/alert.ts +0 -264
  54. package/.nuxt/ui/auth-form.ts +0 -20
  55. package/.nuxt/ui/avatar-group.ts +0 -52
  56. package/.nuxt/ui/avatar.ts +0 -54
  57. package/.nuxt/ui/badge.ts +0 -263
  58. package/.nuxt/ui/banner.ts +0 -108
  59. package/.nuxt/ui/blog-post.ts +0 -143
  60. package/.nuxt/ui/blog-posts.ts +0 -9
  61. package/.nuxt/ui/breadcrumb.ts +0 -45
  62. package/.nuxt/ui/button.ts +0 -378
  63. package/.nuxt/ui/calendar.ts +0 -315
  64. package/.nuxt/ui/card.ts +0 -34
  65. package/.nuxt/ui/carousel.ts +0 -38
  66. package/.nuxt/ui/changelog-version.ts +0 -45
  67. package/.nuxt/ui/changelog-versions.ts +0 -8
  68. package/.nuxt/ui/chat-message.ts +0 -136
  69. package/.nuxt/ui/chat-messages.ts +0 -14
  70. package/.nuxt/ui/chat-palette.ts +0 -8
  71. package/.nuxt/ui/chat-prompt-submit.ts +0 -5
  72. package/.nuxt/ui/chat-prompt.ts +0 -35
  73. package/.nuxt/ui/checkbox-group.ts +0 -207
  74. package/.nuxt/ui/checkbox.ts +0 -237
  75. package/.nuxt/ui/chip.ts +0 -96
  76. package/.nuxt/ui/collapsible.ts +0 -6
  77. package/.nuxt/ui/color-picker.ts +0 -47
  78. package/.nuxt/ui/command-palette.ts +0 -62
  79. package/.nuxt/ui/container.ts +0 -3
  80. package/.nuxt/ui/context-menu.ts +0 -219
  81. package/.nuxt/ui/dashboard-group.ts +0 -3
  82. package/.nuxt/ui/dashboard-navbar.ts +0 -21
  83. package/.nuxt/ui/dashboard-panel.ts +0 -17
  84. package/.nuxt/ui/dashboard-resize-handle.ts +0 -3
  85. package/.nuxt/ui/dashboard-search-button.ts +0 -15
  86. package/.nuxt/ui/dashboard-search.ts +0 -13
  87. package/.nuxt/ui/dashboard-sidebar-collapse.ts +0 -9
  88. package/.nuxt/ui/dashboard-sidebar-toggle.ts +0 -9
  89. package/.nuxt/ui/dashboard-sidebar.ts +0 -37
  90. package/.nuxt/ui/dashboard-toolbar.ts +0 -7
  91. package/.nuxt/ui/drawer.ts +0 -149
  92. package/.nuxt/ui/dropdown-menu.ts +0 -220
  93. package/.nuxt/ui/editor-drag-handle.ts +0 -6
  94. package/.nuxt/ui/editor-emoji-menu.ts +0 -35
  95. package/.nuxt/ui/editor-mention-menu.ts +0 -35
  96. package/.nuxt/ui/editor-suggestion-menu.ts +0 -35
  97. package/.nuxt/ui/editor-toolbar.ts +0 -21
  98. package/.nuxt/ui/editor.ts +0 -35
  99. package/.nuxt/ui/empty.ts +0 -83
  100. package/.nuxt/ui/error.ts +0 -9
  101. package/.nuxt/ui/field-group.ts +0 -16
  102. package/.nuxt/ui/file-upload.ts +0 -290
  103. package/.nuxt/ui/footer-columns.ts +0 -28
  104. package/.nuxt/ui/footer.ts +0 -11
  105. package/.nuxt/ui/form-field.ts +0 -62
  106. package/.nuxt/ui/form.ts +0 -3
  107. package/.nuxt/ui/header.ts +0 -25
  108. package/.nuxt/ui/index.ts +0 -109
  109. package/.nuxt/ui/input-date.ts +0 -337
  110. package/.nuxt/ui/input-menu.ts +0 -460
  111. package/.nuxt/ui/input-number.ts +0 -256
  112. package/.nuxt/ui/input-tags.ts +0 -310
  113. package/.nuxt/ui/input-time.ts +0 -336
  114. package/.nuxt/ui/input.ts +0 -289
  115. package/.nuxt/ui/kbd.ts +0 -195
  116. package/.nuxt/ui/link.ts +0 -22
  117. package/.nuxt/ui/main.ts +0 -3
  118. package/.nuxt/ui/marquee.ts +0 -66
  119. package/.nuxt/ui/modal.ts +0 -60
  120. package/.nuxt/ui/navigation-menu.ts +0 -512
  121. package/.nuxt/ui/page-anchors.ts +0 -30
  122. package/.nuxt/ui/page-aside.ts +0 -10
  123. package/.nuxt/ui/page-body.ts +0 -3
  124. package/.nuxt/ui/page-card.ts +0 -274
  125. package/.nuxt/ui/page-columns.ts +0 -3
  126. package/.nuxt/ui/page-cta.ts +0 -70
  127. package/.nuxt/ui/page-feature.ts +0 -34
  128. package/.nuxt/ui/page-grid.ts +0 -3
  129. package/.nuxt/ui/page-header.ts +0 -18
  130. package/.nuxt/ui/page-hero.ts +0 -44
  131. package/.nuxt/ui/page-links.ts +0 -25
  132. package/.nuxt/ui/page-list.ts +0 -8
  133. package/.nuxt/ui/page-logos.ts +0 -15
  134. package/.nuxt/ui/page-section.ts +0 -84
  135. package/.nuxt/ui/page.ts +0 -32
  136. package/.nuxt/ui/pagination.ts +0 -13
  137. package/.nuxt/ui/pin-input.ts +0 -171
  138. package/.nuxt/ui/popover.ts +0 -6
  139. package/.nuxt/ui/pricing-plan.ts +0 -101
  140. package/.nuxt/ui/pricing-plans.ts +0 -22
  141. package/.nuxt/ui/pricing-table.ts +0 -51
  142. package/.nuxt/ui/progress.ts +0 -297
  143. package/.nuxt/ui/radio-group.ts +0 -352
  144. package/.nuxt/ui/scroll-area.ts +0 -21
  145. package/.nuxt/ui/select-menu.ts +0 -361
  146. package/.nuxt/ui/select.ts +0 -348
  147. package/.nuxt/ui/separator.ts +0 -172
  148. package/.nuxt/ui/skeleton.ts +0 -3
  149. package/.nuxt/ui/slideover.ts +0 -132
  150. package/.nuxt/ui/slider.ts +0 -171
  151. package/.nuxt/ui/stepper.ts +0 -202
  152. package/.nuxt/ui/switch.ts +0 -132
  153. package/.nuxt/ui/table.ts +0 -162
  154. package/.nuxt/ui/tabs.ts +0 -258
  155. package/.nuxt/ui/textarea.ts +0 -294
  156. package/.nuxt/ui/timeline.ts +0 -321
  157. package/.nuxt/ui/toast.ts +0 -74
  158. package/.nuxt/ui/toaster.ts +0 -91
  159. package/.nuxt/ui/tooltip.ts +0 -9
  160. package/.nuxt/ui/tree.ts +0 -168
  161. package/.nuxt/ui/user.ts +0 -101
  162. package/.nuxt/ui-image-component.ts +0 -1
  163. package/.nuxt/ui.css +0 -154
  164. package/app/components/Var.vue +0 -13
  165. package/pnpm-workspace.yaml +0 -5
@@ -1,219 +0,0 @@
1
- const color = [
2
- "primary",
3
- "secondary",
4
- "success",
5
- "info",
6
- "warning",
7
- "error",
8
- "neutral"
9
- ] as const
10
-
11
- const size = [
12
- "xs",
13
- "sm",
14
- "md",
15
- "lg",
16
- "xl"
17
- ] as const
18
-
19
- export default {
20
- "slots": {
21
- "content": "min-w-32 bg-default shadow-lg rounded-md ring ring-default overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-context-menu-content-transform-origin) flex flex-col",
22
- "viewport": "relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1",
23
- "group": "p-1 isolate",
24
- "label": "w-full flex items-center font-semibold text-highlighted",
25
- "separator": "-mx-1 my-1 h-px bg-border",
26
- "item": "group relative w-full flex items-start select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75",
27
- "itemLeadingIcon": "shrink-0",
28
- "itemLeadingAvatar": "shrink-0",
29
- "itemLeadingAvatarSize": "",
30
- "itemTrailing": "ms-auto inline-flex gap-1.5 items-center",
31
- "itemTrailingIcon": "shrink-0",
32
- "itemTrailingKbds": "hidden lg:inline-flex items-center shrink-0",
33
- "itemTrailingKbdsSize": "",
34
- "itemWrapper": "flex-1 flex flex-col text-start min-w-0",
35
- "itemLabel": "truncate",
36
- "itemDescription": "truncate text-muted",
37
- "itemLabelExternalIcon": "inline-block size-3 align-top text-dimmed"
38
- },
39
- "variants": {
40
- "color": {
41
- "primary": "",
42
- "secondary": "",
43
- "success": "",
44
- "info": "",
45
- "warning": "",
46
- "error": "",
47
- "neutral": ""
48
- },
49
- "active": {
50
- "true": {
51
- "item": "text-highlighted before:bg-elevated",
52
- "itemLeadingIcon": "text-default"
53
- },
54
- "false": {
55
- "item": [
56
- "text-default data-highlighted:text-highlighted data-[state=open]:text-highlighted data-highlighted:before:bg-elevated/50 data-[state=open]:before:bg-elevated/50",
57
- "transition-colors before:transition-colors"
58
- ],
59
- "itemLeadingIcon": [
60
- "text-dimmed group-data-highlighted:text-default group-data-[state=open]:text-default",
61
- "transition-colors"
62
- ]
63
- }
64
- },
65
- "loading": {
66
- "true": {
67
- "itemLeadingIcon": "animate-spin"
68
- }
69
- },
70
- "size": {
71
- "xs": {
72
- "label": "p-1 text-xs gap-1",
73
- "item": "p-1 text-xs gap-1",
74
- "itemLeadingIcon": "size-4",
75
- "itemLeadingAvatarSize": "3xs",
76
- "itemTrailingIcon": "size-4",
77
- "itemTrailingKbds": "gap-0.5",
78
- "itemTrailingKbdsSize": "sm"
79
- },
80
- "sm": {
81
- "label": "p-1.5 text-xs gap-1.5",
82
- "item": "p-1.5 text-xs gap-1.5",
83
- "itemLeadingIcon": "size-4",
84
- "itemLeadingAvatarSize": "3xs",
85
- "itemTrailingIcon": "size-4",
86
- "itemTrailingKbds": "gap-0.5",
87
- "itemTrailingKbdsSize": "sm"
88
- },
89
- "md": {
90
- "label": "p-1.5 text-sm gap-1.5",
91
- "item": "p-1.5 text-sm gap-1.5",
92
- "itemLeadingIcon": "size-5",
93
- "itemLeadingAvatarSize": "2xs",
94
- "itemTrailingIcon": "size-5",
95
- "itemTrailingKbds": "gap-0.5",
96
- "itemTrailingKbdsSize": "md"
97
- },
98
- "lg": {
99
- "label": "p-2 text-sm gap-2",
100
- "item": "p-2 text-sm gap-2",
101
- "itemLeadingIcon": "size-5",
102
- "itemLeadingAvatarSize": "2xs",
103
- "itemTrailingIcon": "size-5",
104
- "itemTrailingKbds": "gap-1",
105
- "itemTrailingKbdsSize": "md"
106
- },
107
- "xl": {
108
- "label": "p-2 text-base gap-2",
109
- "item": "p-2 text-base gap-2",
110
- "itemLeadingIcon": "size-6",
111
- "itemLeadingAvatarSize": "xs",
112
- "itemTrailingIcon": "size-6",
113
- "itemTrailingKbds": "gap-1",
114
- "itemTrailingKbdsSize": "lg"
115
- }
116
- }
117
- },
118
- "compoundVariants": [
119
- {
120
- "color": "primary" as typeof color[number],
121
- "active": false,
122
- "class": {
123
- "item": "text-primary data-highlighted:text-primary data-highlighted:before:bg-primary/10 data-[state=open]:before:bg-primary/10",
124
- "itemLeadingIcon": "text-primary/75 group-data-highlighted:text-primary group-data-[state=open]:text-primary"
125
- }
126
- },
127
- {
128
- "color": "secondary" as typeof color[number],
129
- "active": false,
130
- "class": {
131
- "item": "text-secondary data-highlighted:text-secondary data-highlighted:before:bg-secondary/10 data-[state=open]:before:bg-secondary/10",
132
- "itemLeadingIcon": "text-secondary/75 group-data-highlighted:text-secondary group-data-[state=open]:text-secondary"
133
- }
134
- },
135
- {
136
- "color": "success" as typeof color[number],
137
- "active": false,
138
- "class": {
139
- "item": "text-success data-highlighted:text-success data-highlighted:before:bg-success/10 data-[state=open]:before:bg-success/10",
140
- "itemLeadingIcon": "text-success/75 group-data-highlighted:text-success group-data-[state=open]:text-success"
141
- }
142
- },
143
- {
144
- "color": "info" as typeof color[number],
145
- "active": false,
146
- "class": {
147
- "item": "text-info data-highlighted:text-info data-highlighted:before:bg-info/10 data-[state=open]:before:bg-info/10",
148
- "itemLeadingIcon": "text-info/75 group-data-highlighted:text-info group-data-[state=open]:text-info"
149
- }
150
- },
151
- {
152
- "color": "warning" as typeof color[number],
153
- "active": false,
154
- "class": {
155
- "item": "text-warning data-highlighted:text-warning data-highlighted:before:bg-warning/10 data-[state=open]:before:bg-warning/10",
156
- "itemLeadingIcon": "text-warning/75 group-data-highlighted:text-warning group-data-[state=open]:text-warning"
157
- }
158
- },
159
- {
160
- "color": "error" as typeof color[number],
161
- "active": false,
162
- "class": {
163
- "item": "text-error data-highlighted:text-error data-highlighted:before:bg-error/10 data-[state=open]:before:bg-error/10",
164
- "itemLeadingIcon": "text-error/75 group-data-highlighted:text-error group-data-[state=open]:text-error"
165
- }
166
- },
167
- {
168
- "color": "primary" as typeof color[number],
169
- "active": true,
170
- "class": {
171
- "item": "text-primary before:bg-primary/10",
172
- "itemLeadingIcon": "text-primary"
173
- }
174
- },
175
- {
176
- "color": "secondary" as typeof color[number],
177
- "active": true,
178
- "class": {
179
- "item": "text-secondary before:bg-secondary/10",
180
- "itemLeadingIcon": "text-secondary"
181
- }
182
- },
183
- {
184
- "color": "success" as typeof color[number],
185
- "active": true,
186
- "class": {
187
- "item": "text-success before:bg-success/10",
188
- "itemLeadingIcon": "text-success"
189
- }
190
- },
191
- {
192
- "color": "info" as typeof color[number],
193
- "active": true,
194
- "class": {
195
- "item": "text-info before:bg-info/10",
196
- "itemLeadingIcon": "text-info"
197
- }
198
- },
199
- {
200
- "color": "warning" as typeof color[number],
201
- "active": true,
202
- "class": {
203
- "item": "text-warning before:bg-warning/10",
204
- "itemLeadingIcon": "text-warning"
205
- }
206
- },
207
- {
208
- "color": "error" as typeof color[number],
209
- "active": true,
210
- "class": {
211
- "item": "text-error before:bg-error/10",
212
- "itemLeadingIcon": "text-error"
213
- }
214
- }
215
- ],
216
- "defaultVariants": {
217
- "size": "md" as typeof size[number]
218
- }
219
- }
@@ -1,3 +0,0 @@
1
- export default {
2
- "base": "fixed inset-0 flex overflow-hidden"
3
- }
@@ -1,21 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "h-(--ui-header-height) shrink-0 flex items-center justify-between border-b border-default px-4 sm:px-6 gap-1.5",
4
- "left": "flex items-center gap-1.5 min-w-0",
5
- "icon": "shrink-0 size-5 self-center me-1.5",
6
- "title": "flex items-center gap-1.5 font-semibold text-highlighted truncate",
7
- "center": "hidden lg:flex",
8
- "right": "flex items-center shrink-0 gap-1.5",
9
- "toggle": ""
10
- },
11
- "variants": {
12
- "toggleSide": {
13
- "left": {
14
- "toggle": ""
15
- },
16
- "right": {
17
- "toggle": ""
18
- }
19
- }
20
- }
21
- }
@@ -1,17 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "relative flex flex-col min-w-0 min-h-svh lg:not-last:border-e lg:not-last:border-default shrink-0",
4
- "body": "flex flex-col gap-4 sm:gap-6 flex-1 overflow-y-auto p-4 sm:p-6",
5
- "handle": ""
6
- },
7
- "variants": {
8
- "size": {
9
- "true": {
10
- "root": "w-full lg:w-(--width)"
11
- },
12
- "false": {
13
- "root": "flex-1"
14
- }
15
- }
16
- }
17
- }
@@ -1,3 +0,0 @@
1
- export default {
2
- "base": "hidden lg:block touch-none select-none cursor-ew-resize relative before:absolute before:inset-y-0 before:-left-1.5 before:-right-1.5 before:z-1"
3
- }
@@ -1,15 +0,0 @@
1
- export default {
2
- "slots": {
3
- "base": "",
4
- "label": "",
5
- "trailing": "hidden lg:flex items-center gap-0.5 ms-auto"
6
- },
7
- "variants": {
8
- "collapsed": {
9
- "true": {
10
- "label": "hidden",
11
- "trailing": "lg:hidden"
12
- }
13
- }
14
- }
15
- }
@@ -1,13 +0,0 @@
1
- export default {
2
- "slots": {
3
- "modal": "",
4
- "input": "[&>input]:text-base/5"
5
- },
6
- "variants": {
7
- "fullscreen": {
8
- "false": {
9
- "modal": "sm:max-w-3xl h-full sm:h-[28rem]"
10
- }
11
- }
12
- }
13
- }
@@ -1,9 +0,0 @@
1
- export default {
2
- "base": "hidden lg:flex",
3
- "variants": {
4
- "side": {
5
- "left": "",
6
- "right": ""
7
- }
8
- }
9
- }
@@ -1,9 +0,0 @@
1
- export default {
2
- "base": "lg:hidden",
3
- "variants": {
4
- "side": {
5
- "left": "",
6
- "right": ""
7
- }
8
- }
9
- }
@@ -1,37 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "relative hidden lg:flex flex-col min-h-svh min-w-16 w-(--width) shrink-0",
4
- "header": "h-(--ui-header-height) shrink-0 flex items-center gap-1.5 px-4",
5
- "body": "flex flex-col gap-4 flex-1 overflow-y-auto px-4 py-2",
6
- "footer": "shrink-0 flex items-center gap-1.5 px-4 py-2",
7
- "toggle": "",
8
- "handle": "",
9
- "content": "lg:hidden",
10
- "overlay": "lg:hidden"
11
- },
12
- "variants": {
13
- "menu": {
14
- "true": {
15
- "header": "sm:px-6",
16
- "body": "sm:px-6",
17
- "footer": "sm:px-6"
18
- }
19
- },
20
- "side": {
21
- "left": {
22
- "root": "border-e border-default"
23
- },
24
- "right": {
25
- "root": ""
26
- }
27
- },
28
- "toggleSide": {
29
- "left": {
30
- "toggle": ""
31
- },
32
- "right": {
33
- "toggle": "ms-auto"
34
- }
35
- }
36
- }
37
- }
@@ -1,7 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "shrink-0 flex items-center justify-between border-b border-default px-4 sm:px-6 gap-1.5 overflow-x-auto min-h-[49px]",
4
- "left": "flex items-center gap-1.5",
5
- "right": "flex items-center gap-1.5"
6
- }
7
- }
@@ -1,149 +0,0 @@
1
- const direction = [
2
- "top",
3
- "right",
4
- "bottom",
5
- "left"
6
- ] as const
7
-
8
- export default {
9
- "slots": {
10
- "overlay": "fixed inset-0 bg-elevated/75",
11
- "content": "fixed bg-default ring ring-default flex focus:outline-none",
12
- "handle": [
13
- "shrink-0 !bg-accented",
14
- "transition-opacity"
15
- ],
16
- "container": "w-full flex flex-col gap-4 p-4 overflow-y-auto",
17
- "header": "",
18
- "title": "text-highlighted font-semibold",
19
- "description": "mt-1 text-muted text-sm",
20
- "body": "flex-1",
21
- "footer": "flex flex-col gap-1.5"
22
- },
23
- "variants": {
24
- "direction": {
25
- "top": {
26
- "content": "mb-24 flex-col-reverse",
27
- "handle": "mb-4"
28
- },
29
- "right": {
30
- "content": "flex-row",
31
- "handle": "!ml-4"
32
- },
33
- "bottom": {
34
- "content": "mt-24 flex-col",
35
- "handle": "mt-4"
36
- },
37
- "left": {
38
- "content": "flex-row-reverse",
39
- "handle": "!mr-4"
40
- }
41
- },
42
- "inset": {
43
- "true": {
44
- "content": "rounded-lg after:hidden overflow-hidden [--initial-transform:calc(100%+1.5rem)]"
45
- }
46
- },
47
- "snapPoints": {
48
- "true": ""
49
- }
50
- },
51
- "compoundVariants": [
52
- {
53
- "direction": [
54
- "top" as typeof direction[number],
55
- "bottom" as typeof direction[number]
56
- ],
57
- "class": {
58
- "content": "h-auto max-h-[96%]",
59
- "handle": "!w-12 !h-1.5 mx-auto"
60
- }
61
- },
62
- {
63
- "direction": [
64
- "top" as typeof direction[number],
65
- "bottom" as typeof direction[number]
66
- ],
67
- "snapPoints": true,
68
- "class": {
69
- "content": "h-full"
70
- }
71
- },
72
- {
73
- "direction": [
74
- "right" as typeof direction[number],
75
- "left" as typeof direction[number]
76
- ],
77
- "class": {
78
- "content": "w-auto max-w-[calc(100%-2rem)]",
79
- "handle": "!h-12 !w-1.5 mt-auto mb-auto"
80
- }
81
- },
82
- {
83
- "direction": [
84
- "right" as typeof direction[number],
85
- "left" as typeof direction[number]
86
- ],
87
- "snapPoints": true,
88
- "class": {
89
- "content": "w-full"
90
- }
91
- },
92
- {
93
- "direction": "top" as typeof direction[number],
94
- "inset": true,
95
- "class": {
96
- "content": "inset-x-4 top-4"
97
- }
98
- },
99
- {
100
- "direction": "top" as typeof direction[number],
101
- "inset": false,
102
- "class": {
103
- "content": "inset-x-0 top-0 rounded-b-lg"
104
- }
105
- },
106
- {
107
- "direction": "bottom" as typeof direction[number],
108
- "inset": true,
109
- "class": {
110
- "content": "inset-x-4 bottom-4"
111
- }
112
- },
113
- {
114
- "direction": "bottom" as typeof direction[number],
115
- "inset": false,
116
- "class": {
117
- "content": "inset-x-0 bottom-0 rounded-t-lg"
118
- }
119
- },
120
- {
121
- "direction": "left" as typeof direction[number],
122
- "inset": true,
123
- "class": {
124
- "content": "inset-y-4 left-4"
125
- }
126
- },
127
- {
128
- "direction": "left" as typeof direction[number],
129
- "inset": false,
130
- "class": {
131
- "content": "inset-y-0 left-0 rounded-r-lg"
132
- }
133
- },
134
- {
135
- "direction": "right" as typeof direction[number],
136
- "inset": true,
137
- "class": {
138
- "content": "inset-y-4 right-4"
139
- }
140
- },
141
- {
142
- "direction": "right" as typeof direction[number],
143
- "inset": false,
144
- "class": {
145
- "content": "inset-y-0 right-0 rounded-l-lg"
146
- }
147
- }
148
- ]
149
- }