@falcondev-oss/nuxt-layers-base 0.2.0 → 0.3.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 (152) hide show
  1. package/app/app.config.ts +3 -1
  2. package/app/assets/css/base.css +3 -0
  3. package/app/assets/css/theme.css +31 -0
  4. package/nuxt.config.ts +9 -0
  5. package/package.json +1 -1
  6. package/.eslintcache +0 -1
  7. package/.nuxt/app.config.mjs +0 -317
  8. package/.nuxt/components.d.ts +0 -334
  9. package/.nuxt/imports.d.ts +0 -64
  10. package/.nuxt/manifest/meta/feb19a4d-b5c8-4680-84fd-e0098912b09e.json +0 -1
  11. package/.nuxt/nuxt-icon-client-bundle.mjs +0 -1
  12. package/.nuxt/nuxt-icon-server-bundle.mjs +0 -14
  13. package/.nuxt/nuxt.d.ts +0 -24
  14. package/.nuxt/nuxt.node.d.ts +0 -14
  15. package/.nuxt/nuxt.shared.d.ts +0 -5
  16. package/.nuxt/schema/nuxt.schema.d.ts +0 -210
  17. package/.nuxt/schema/nuxt.schema.json +0 -263
  18. package/.nuxt/tsconfig.app.json +0 -214
  19. package/.nuxt/tsconfig.json +0 -216
  20. package/.nuxt/tsconfig.node.json +0 -111
  21. package/.nuxt/tsconfig.server.json +0 -137
  22. package/.nuxt/tsconfig.shared.json +0 -136
  23. package/.nuxt/types/app.config.d.ts +0 -331
  24. package/.nuxt/types/build.d.ts +0 -24
  25. package/.nuxt/types/builder-env.d.ts +0 -1
  26. package/.nuxt/types/components.d.ts +0 -339
  27. package/.nuxt/types/imports.d.ts +0 -913
  28. package/.nuxt/types/layouts.d.ts +0 -7
  29. package/.nuxt/types/middleware.d.ts +0 -7
  30. package/.nuxt/types/modules.d.ts +0 -159
  31. package/.nuxt/types/nitro-config.d.ts +0 -14
  32. package/.nuxt/types/nitro-imports.d.ts +0 -151
  33. package/.nuxt/types/nitro-middleware.d.ts +0 -11
  34. package/.nuxt/types/nitro-nuxt.d.ts +0 -61
  35. package/.nuxt/types/nitro-routes.d.ts +0 -17
  36. package/.nuxt/types/nitro.d.ts +0 -3
  37. package/.nuxt/types/plugins.d.ts +0 -35
  38. package/.nuxt/types/runtime-config.d.ts +0 -36
  39. package/.nuxt/types/ui.d.ts +0 -36
  40. package/.nuxt/types/vue-shim.d.ts +0 -0
  41. package/.nuxt/ui/accordion.ts +0 -20
  42. package/.nuxt/ui/alert.ts +0 -264
  43. package/.nuxt/ui/auth-form.ts +0 -20
  44. package/.nuxt/ui/avatar-group.ts +0 -52
  45. package/.nuxt/ui/avatar.ts +0 -54
  46. package/.nuxt/ui/badge.ts +0 -263
  47. package/.nuxt/ui/banner.ts +0 -108
  48. package/.nuxt/ui/blog-post.ts +0 -143
  49. package/.nuxt/ui/blog-posts.ts +0 -9
  50. package/.nuxt/ui/breadcrumb.ts +0 -45
  51. package/.nuxt/ui/button.ts +0 -378
  52. package/.nuxt/ui/calendar.ts +0 -315
  53. package/.nuxt/ui/card.ts +0 -34
  54. package/.nuxt/ui/carousel.ts +0 -38
  55. package/.nuxt/ui/changelog-version.ts +0 -45
  56. package/.nuxt/ui/changelog-versions.ts +0 -8
  57. package/.nuxt/ui/chat-message.ts +0 -136
  58. package/.nuxt/ui/chat-messages.ts +0 -14
  59. package/.nuxt/ui/chat-palette.ts +0 -8
  60. package/.nuxt/ui/chat-prompt-submit.ts +0 -5
  61. package/.nuxt/ui/chat-prompt.ts +0 -35
  62. package/.nuxt/ui/checkbox-group.ts +0 -207
  63. package/.nuxt/ui/checkbox.ts +0 -237
  64. package/.nuxt/ui/chip.ts +0 -96
  65. package/.nuxt/ui/collapsible.ts +0 -6
  66. package/.nuxt/ui/color-picker.ts +0 -47
  67. package/.nuxt/ui/command-palette.ts +0 -62
  68. package/.nuxt/ui/container.ts +0 -3
  69. package/.nuxt/ui/context-menu.ts +0 -219
  70. package/.nuxt/ui/dashboard-group.ts +0 -3
  71. package/.nuxt/ui/dashboard-navbar.ts +0 -21
  72. package/.nuxt/ui/dashboard-panel.ts +0 -17
  73. package/.nuxt/ui/dashboard-resize-handle.ts +0 -3
  74. package/.nuxt/ui/dashboard-search-button.ts +0 -15
  75. package/.nuxt/ui/dashboard-search.ts +0 -13
  76. package/.nuxt/ui/dashboard-sidebar-collapse.ts +0 -9
  77. package/.nuxt/ui/dashboard-sidebar-toggle.ts +0 -9
  78. package/.nuxt/ui/dashboard-sidebar.ts +0 -37
  79. package/.nuxt/ui/dashboard-toolbar.ts +0 -7
  80. package/.nuxt/ui/drawer.ts +0 -149
  81. package/.nuxt/ui/dropdown-menu.ts +0 -220
  82. package/.nuxt/ui/editor-drag-handle.ts +0 -6
  83. package/.nuxt/ui/editor-emoji-menu.ts +0 -35
  84. package/.nuxt/ui/editor-mention-menu.ts +0 -35
  85. package/.nuxt/ui/editor-suggestion-menu.ts +0 -35
  86. package/.nuxt/ui/editor-toolbar.ts +0 -21
  87. package/.nuxt/ui/editor.ts +0 -35
  88. package/.nuxt/ui/empty.ts +0 -83
  89. package/.nuxt/ui/error.ts +0 -9
  90. package/.nuxt/ui/field-group.ts +0 -16
  91. package/.nuxt/ui/file-upload.ts +0 -290
  92. package/.nuxt/ui/footer-columns.ts +0 -28
  93. package/.nuxt/ui/footer.ts +0 -11
  94. package/.nuxt/ui/form-field.ts +0 -62
  95. package/.nuxt/ui/form.ts +0 -3
  96. package/.nuxt/ui/header.ts +0 -25
  97. package/.nuxt/ui/index.ts +0 -109
  98. package/.nuxt/ui/input-date.ts +0 -337
  99. package/.nuxt/ui/input-menu.ts +0 -460
  100. package/.nuxt/ui/input-number.ts +0 -256
  101. package/.nuxt/ui/input-tags.ts +0 -310
  102. package/.nuxt/ui/input-time.ts +0 -336
  103. package/.nuxt/ui/input.ts +0 -289
  104. package/.nuxt/ui/kbd.ts +0 -195
  105. package/.nuxt/ui/link.ts +0 -22
  106. package/.nuxt/ui/main.ts +0 -3
  107. package/.nuxt/ui/marquee.ts +0 -66
  108. package/.nuxt/ui/modal.ts +0 -60
  109. package/.nuxt/ui/navigation-menu.ts +0 -512
  110. package/.nuxt/ui/page-anchors.ts +0 -30
  111. package/.nuxt/ui/page-aside.ts +0 -10
  112. package/.nuxt/ui/page-body.ts +0 -3
  113. package/.nuxt/ui/page-card.ts +0 -274
  114. package/.nuxt/ui/page-columns.ts +0 -3
  115. package/.nuxt/ui/page-cta.ts +0 -70
  116. package/.nuxt/ui/page-feature.ts +0 -34
  117. package/.nuxt/ui/page-grid.ts +0 -3
  118. package/.nuxt/ui/page-header.ts +0 -18
  119. package/.nuxt/ui/page-hero.ts +0 -44
  120. package/.nuxt/ui/page-links.ts +0 -25
  121. package/.nuxt/ui/page-list.ts +0 -8
  122. package/.nuxt/ui/page-logos.ts +0 -15
  123. package/.nuxt/ui/page-section.ts +0 -84
  124. package/.nuxt/ui/page.ts +0 -32
  125. package/.nuxt/ui/pagination.ts +0 -13
  126. package/.nuxt/ui/pin-input.ts +0 -171
  127. package/.nuxt/ui/popover.ts +0 -6
  128. package/.nuxt/ui/pricing-plan.ts +0 -101
  129. package/.nuxt/ui/pricing-plans.ts +0 -22
  130. package/.nuxt/ui/pricing-table.ts +0 -51
  131. package/.nuxt/ui/progress.ts +0 -297
  132. package/.nuxt/ui/radio-group.ts +0 -352
  133. package/.nuxt/ui/scroll-area.ts +0 -21
  134. package/.nuxt/ui/select-menu.ts +0 -361
  135. package/.nuxt/ui/select.ts +0 -348
  136. package/.nuxt/ui/separator.ts +0 -172
  137. package/.nuxt/ui/skeleton.ts +0 -3
  138. package/.nuxt/ui/slideover.ts +0 -132
  139. package/.nuxt/ui/slider.ts +0 -171
  140. package/.nuxt/ui/stepper.ts +0 -202
  141. package/.nuxt/ui/switch.ts +0 -132
  142. package/.nuxt/ui/table.ts +0 -162
  143. package/.nuxt/ui/tabs.ts +0 -258
  144. package/.nuxt/ui/textarea.ts +0 -294
  145. package/.nuxt/ui/timeline.ts +0 -321
  146. package/.nuxt/ui/toast.ts +0 -74
  147. package/.nuxt/ui/toaster.ts +0 -91
  148. package/.nuxt/ui/tooltip.ts +0 -9
  149. package/.nuxt/ui/tree.ts +0 -168
  150. package/.nuxt/ui/user.ts +0 -101
  151. package/.nuxt/ui-image-component.ts +0 -1
  152. package/.nuxt/ui.css +0 -154
@@ -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
- }