nuxt-ignis 0.2.5 → 0.3.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.
- package/.data/content/contents.sqlite +0 -0
- package/.env +43 -0
- package/.nuxt/app.config.mjs +18 -0
- package/.nuxt/component-chunk.mjs +1 -0
- package/.nuxt/components.d.ts +322 -0
- package/.nuxt/content/components.ts +51 -0
- package/.nuxt/content/database.compressed.mjs +1 -0
- package/.nuxt/content/manifest.ts +33 -0
- package/.nuxt/content/sql_dump +6 -0
- package/.nuxt/content/types.d.ts +13 -0
- package/.nuxt/dist/server/client.manifest.json +18 -0
- package/.nuxt/dist/server/client.manifest.mjs +18 -0
- package/.nuxt/dist/server/server.mjs +1 -0
- package/.nuxt/eslint-typegen.d.ts +9401 -0
- package/.nuxt/eslint.config.d.mts +9 -0
- package/.nuxt/eslint.config.mjs +53 -0
- package/.nuxt/i18n.options.mjs +165 -0
- package/.nuxt/imports.d.ts +82 -0
- package/.nuxt/manifest/latest.json +1 -0
- package/.nuxt/manifest/meta/dev.json +1 -0
- package/.nuxt/mdc-configs.mjs +8 -0
- package/.nuxt/mdc-highlighter.mjs +213 -0
- package/.nuxt/mdc-image-component.mjs +1 -0
- package/.nuxt/mdc-imports.mjs +12 -0
- package/.nuxt/module/@nuxtjs-sitemap.d.ts +28 -0
- package/.nuxt/module/nuxt-robots.d.ts +35 -0
- package/.nuxt/module/nuxt-seo-utils.assets.d.ts +25 -0
- package/.nuxt/module/nuxt-seo-utils.d.ts +22 -0
- package/.nuxt/module/nuxt-site-config.d.ts +43 -0
- package/.nuxt/modules/@nuxt-scripts.d.ts +13 -0
- package/.nuxt/nitro.json +17 -0
- package/.nuxt/nuxt-fonts-global.css +0 -0
- package/.nuxt/nuxt-i18n-logger.mjs +1 -0
- package/.nuxt/nuxt-icon-client-bundle.mjs +1 -0
- package/.nuxt/nuxt-icon-server-bundle.mjs +15 -0
- package/.nuxt/nuxt.d.ts +49 -0
- package/.nuxt/nuxt.json +9 -0
- package/.nuxt/schema/nuxt.schema.d.ts +17 -0
- package/.nuxt/schema/nuxt.schema.json +3 -0
- package/.nuxt/tailwind/postcss.mjs +15 -0
- package/.nuxt/tsconfig.json +374 -0
- package/.nuxt/tsconfig.server.json +292 -0
- package/.nuxt/types/app-defaults.d.ts +7 -0
- package/.nuxt/types/app.config.d.ts +31 -0
- package/.nuxt/types/build.d.ts +27 -0
- package/.nuxt/types/builder-env.d.ts +1 -0
- package/.nuxt/types/i18n-plugin.d.ts +104 -0
- package/.nuxt/types/imports.d.ts +899 -0
- package/.nuxt/types/layouts.d.ts +7 -0
- package/.nuxt/types/middleware.d.ts +7 -0
- package/.nuxt/types/neon.d.ts +35 -0
- package/.nuxt/types/nitro-config.d.ts +14 -0
- package/.nuxt/types/nitro-imports.d.ts +405 -0
- package/.nuxt/types/nitro-middleware.d.ts +6 -0
- package/.nuxt/types/nitro-nuxt.d.ts +34 -0
- package/.nuxt/types/nitro-routes.d.ts +81 -0
- package/.nuxt/types/nitro.d.ts +3 -0
- package/.nuxt/types/plugins.d.ts +57 -0
- package/.nuxt/types/schema.d.ts +1372 -0
- package/.nuxt/types/ui.d.ts +35 -0
- package/.nuxt/types/vue-shim.d.ts +0 -0
- package/.nuxt/ui/accordion.ts +20 -0
- package/.nuxt/ui/alert.ts +264 -0
- package/.nuxt/ui/avatar-group.ts +52 -0
- package/.nuxt/ui/avatar.ts +54 -0
- package/.nuxt/ui/badge.ts +263 -0
- package/.nuxt/ui/breadcrumb.ts +45 -0
- package/.nuxt/ui/button-group.ts +16 -0
- package/.nuxt/ui/button.ts +378 -0
- package/.nuxt/ui/calendar.ts +103 -0
- package/.nuxt/ui/card.ts +34 -0
- package/.nuxt/ui/carousel.ts +38 -0
- package/.nuxt/ui/checkbox-group.ts +204 -0
- package/.nuxt/ui/checkbox.ts +236 -0
- package/.nuxt/ui/chip.ts +96 -0
- package/.nuxt/ui/collapsible.ts +6 -0
- package/.nuxt/ui/color-picker.ts +47 -0
- package/.nuxt/ui/command-palette.ts +50 -0
- package/.nuxt/ui/container.ts +3 -0
- package/.nuxt/ui/context-menu.ts +216 -0
- package/.nuxt/ui/drawer.ts +126 -0
- package/.nuxt/ui/dropdown-menu.ts +217 -0
- package/.nuxt/ui/form-field.ts +48 -0
- package/.nuxt/ui/form.ts +3 -0
- package/.nuxt/ui/index.ts +50 -0
- package/.nuxt/ui/input-menu.ts +436 -0
- package/.nuxt/ui/input-number.ts +245 -0
- package/.nuxt/ui/input.ts +289 -0
- package/.nuxt/ui/kbd.ts +31 -0
- package/.nuxt/ui/link.ts +22 -0
- package/.nuxt/ui/modal.ts +29 -0
- package/.nuxt/ui/navigation-menu.ts +501 -0
- package/.nuxt/ui/pagination.ts +13 -0
- package/.nuxt/ui/pin-input.ts +171 -0
- package/.nuxt/ui/popover.ts +6 -0
- package/.nuxt/ui/progress.ts +297 -0
- package/.nuxt/ui/radio-group.ts +350 -0
- package/.nuxt/ui/select-menu.ts +346 -0
- package/.nuxt/ui/select.ts +341 -0
- package/.nuxt/ui/separator.ts +172 -0
- package/.nuxt/ui/skeleton.ts +3 -0
- package/.nuxt/ui/slideover.ts +71 -0
- package/.nuxt/ui/slider.ts +171 -0
- package/.nuxt/ui/stepper.ts +202 -0
- package/.nuxt/ui/switch.ts +131 -0
- package/.nuxt/ui/table.ts +147 -0
- package/.nuxt/ui/tabs.ts +256 -0
- package/.nuxt/ui/textarea.ts +294 -0
- package/.nuxt/ui/toast.ts +81 -0
- package/.nuxt/ui/toaster.ts +91 -0
- package/.nuxt/ui/tooltip.ts +9 -0
- package/.nuxt/ui/tree.ts +154 -0
- package/.nuxt/ui-image-component.ts +1 -0
- package/.nuxt/ui.css +143 -0
- package/app.vue +16 -36
- package/assets/css/nuxt-ui.css +16 -0
- package/assets/css/tailwind.css +10 -44
- package/components/AppFeature.vue +47 -3
- package/components/AppFeatureList.vue +86 -26
- package/components/CurrentTime.vue +9 -9
- package/components/ignis/IgnisFooter.vue +16 -0
- package/components/ignis/IgnisHeader.vue +48 -0
- package/components/ignis/IgnisInfo.vue +26 -0
- package/composables/useTranslation.ts +11 -4
- package/content/second.md +4 -0
- package/features.ts +129 -23
- package/i18n/i18n.config.ts +2 -2
- package/{assets/lang → i18n/locales}/en.json +6 -1
- package/i18n/locales/es.json +4 -0
- package/nuxt.config.ts +26 -2
- package/package.json +71 -79
- package/pages/ignis.vue +3 -0
- package/pages/index.vue +1 -12
- package/tailwind.config.ts +2 -1
- package/utils/i18n-sources.ts +20 -2
- package/vueform.config.ts +20 -0
- package/.gitattributes +0 -2
- package/CHANGELOG.md +0 -72
- package/LICENSE +0 -21
- package/README.md +0 -147
|
@@ -0,0 +1,216 @@
|
|
|
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 divide-y divide-default overflow-y-auto scroll-py-1 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)",
|
|
22
|
+
"group": "p-1 isolate",
|
|
23
|
+
"label": "w-full flex items-center font-semibold text-highlighted",
|
|
24
|
+
"separator": "-mx-1 my-1 h-px bg-border",
|
|
25
|
+
"item": "group relative w-full flex items-center select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75",
|
|
26
|
+
"itemLeadingIcon": "shrink-0",
|
|
27
|
+
"itemLeadingAvatar": "shrink-0",
|
|
28
|
+
"itemLeadingAvatarSize": "",
|
|
29
|
+
"itemTrailing": "ms-auto inline-flex gap-1.5 items-center",
|
|
30
|
+
"itemTrailingIcon": "shrink-0",
|
|
31
|
+
"itemTrailingKbds": "hidden lg:inline-flex items-center shrink-0",
|
|
32
|
+
"itemTrailingKbdsSize": "",
|
|
33
|
+
"itemLabel": "truncate",
|
|
34
|
+
"itemLabelExternalIcon": "inline-block size-3 align-top text-dimmed"
|
|
35
|
+
},
|
|
36
|
+
"variants": {
|
|
37
|
+
"color": {
|
|
38
|
+
"primary": "",
|
|
39
|
+
"secondary": "",
|
|
40
|
+
"success": "",
|
|
41
|
+
"info": "",
|
|
42
|
+
"warning": "",
|
|
43
|
+
"error": "",
|
|
44
|
+
"neutral": ""
|
|
45
|
+
},
|
|
46
|
+
"active": {
|
|
47
|
+
"true": {
|
|
48
|
+
"item": "text-highlighted before:bg-elevated",
|
|
49
|
+
"itemLeadingIcon": "text-default"
|
|
50
|
+
},
|
|
51
|
+
"false": {
|
|
52
|
+
"item": [
|
|
53
|
+
"text-default data-highlighted:text-highlighted data-[state=open]:text-highlighted data-highlighted:before:bg-elevated/50 data-[state=open]:before:bg-elevated/50",
|
|
54
|
+
"transition-colors before:transition-colors"
|
|
55
|
+
],
|
|
56
|
+
"itemLeadingIcon": [
|
|
57
|
+
"text-dimmed group-data-highlighted:text-default group-data-[state=open]:text-default",
|
|
58
|
+
"transition-colors"
|
|
59
|
+
]
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
"loading": {
|
|
63
|
+
"true": {
|
|
64
|
+
"itemLeadingIcon": "animate-spin"
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
"size": {
|
|
68
|
+
"xs": {
|
|
69
|
+
"label": "p-1 text-xs gap-1",
|
|
70
|
+
"item": "p-1 text-xs gap-1",
|
|
71
|
+
"itemLeadingIcon": "size-4",
|
|
72
|
+
"itemLeadingAvatarSize": "3xs",
|
|
73
|
+
"itemTrailingIcon": "size-4",
|
|
74
|
+
"itemTrailingKbds": "gap-0.5",
|
|
75
|
+
"itemTrailingKbdsSize": "sm"
|
|
76
|
+
},
|
|
77
|
+
"sm": {
|
|
78
|
+
"label": "p-1.5 text-xs gap-1.5",
|
|
79
|
+
"item": "p-1.5 text-xs gap-1.5",
|
|
80
|
+
"itemLeadingIcon": "size-4",
|
|
81
|
+
"itemLeadingAvatarSize": "3xs",
|
|
82
|
+
"itemTrailingIcon": "size-4",
|
|
83
|
+
"itemTrailingKbds": "gap-0.5",
|
|
84
|
+
"itemTrailingKbdsSize": "sm"
|
|
85
|
+
},
|
|
86
|
+
"md": {
|
|
87
|
+
"label": "p-1.5 text-sm gap-1.5",
|
|
88
|
+
"item": "p-1.5 text-sm gap-1.5",
|
|
89
|
+
"itemLeadingIcon": "size-5",
|
|
90
|
+
"itemLeadingAvatarSize": "2xs",
|
|
91
|
+
"itemTrailingIcon": "size-5",
|
|
92
|
+
"itemTrailingKbds": "gap-0.5",
|
|
93
|
+
"itemTrailingKbdsSize": "md"
|
|
94
|
+
},
|
|
95
|
+
"lg": {
|
|
96
|
+
"label": "p-2 text-sm gap-2",
|
|
97
|
+
"item": "p-2 text-sm gap-2",
|
|
98
|
+
"itemLeadingIcon": "size-5",
|
|
99
|
+
"itemLeadingAvatarSize": "2xs",
|
|
100
|
+
"itemTrailingIcon": "size-5",
|
|
101
|
+
"itemTrailingKbds": "gap-1",
|
|
102
|
+
"itemTrailingKbdsSize": "md"
|
|
103
|
+
},
|
|
104
|
+
"xl": {
|
|
105
|
+
"label": "p-2 text-base gap-2",
|
|
106
|
+
"item": "p-2 text-base gap-2",
|
|
107
|
+
"itemLeadingIcon": "size-6",
|
|
108
|
+
"itemLeadingAvatarSize": "xs",
|
|
109
|
+
"itemTrailingIcon": "size-6",
|
|
110
|
+
"itemTrailingKbds": "gap-1",
|
|
111
|
+
"itemTrailingKbdsSize": "lg"
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
},
|
|
115
|
+
"compoundVariants": [
|
|
116
|
+
{
|
|
117
|
+
"color": "primary" as typeof color[number],
|
|
118
|
+
"active": false,
|
|
119
|
+
"class": {
|
|
120
|
+
"item": "text-primary data-highlighted:text-primary data-highlighted:before:bg-primary/10 data-[state=open]:before:bg-primary/10",
|
|
121
|
+
"itemLeadingIcon": "text-primary/75 group-data-highlighted:text-primary group-data-[state=open]:text-primary"
|
|
122
|
+
}
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
"color": "secondary" as typeof color[number],
|
|
126
|
+
"active": false,
|
|
127
|
+
"class": {
|
|
128
|
+
"item": "text-secondary data-highlighted:text-secondary data-highlighted:before:bg-secondary/10 data-[state=open]:before:bg-secondary/10",
|
|
129
|
+
"itemLeadingIcon": "text-secondary/75 group-data-highlighted:text-secondary group-data-[state=open]:text-secondary"
|
|
130
|
+
}
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"color": "success" as typeof color[number],
|
|
134
|
+
"active": false,
|
|
135
|
+
"class": {
|
|
136
|
+
"item": "text-success data-highlighted:text-success data-highlighted:before:bg-success/10 data-[state=open]:before:bg-success/10",
|
|
137
|
+
"itemLeadingIcon": "text-success/75 group-data-highlighted:text-success group-data-[state=open]:text-success"
|
|
138
|
+
}
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
"color": "info" as typeof color[number],
|
|
142
|
+
"active": false,
|
|
143
|
+
"class": {
|
|
144
|
+
"item": "text-info data-highlighted:text-info data-highlighted:before:bg-info/10 data-[state=open]:before:bg-info/10",
|
|
145
|
+
"itemLeadingIcon": "text-info/75 group-data-highlighted:text-info group-data-[state=open]:text-info"
|
|
146
|
+
}
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
"color": "warning" as typeof color[number],
|
|
150
|
+
"active": false,
|
|
151
|
+
"class": {
|
|
152
|
+
"item": "text-warning data-highlighted:text-warning data-highlighted:before:bg-warning/10 data-[state=open]:before:bg-warning/10",
|
|
153
|
+
"itemLeadingIcon": "text-warning/75 group-data-highlighted:text-warning group-data-[state=open]:text-warning"
|
|
154
|
+
}
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
"color": "error" as typeof color[number],
|
|
158
|
+
"active": false,
|
|
159
|
+
"class": {
|
|
160
|
+
"item": "text-error data-highlighted:text-error data-highlighted:before:bg-error/10 data-[state=open]:before:bg-error/10",
|
|
161
|
+
"itemLeadingIcon": "text-error/75 group-data-highlighted:text-error group-data-[state=open]:text-error"
|
|
162
|
+
}
|
|
163
|
+
},
|
|
164
|
+
{
|
|
165
|
+
"color": "primary" as typeof color[number],
|
|
166
|
+
"active": true,
|
|
167
|
+
"class": {
|
|
168
|
+
"item": "text-primary before:bg-primary/10",
|
|
169
|
+
"itemLeadingIcon": "text-primary"
|
|
170
|
+
}
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"color": "secondary" as typeof color[number],
|
|
174
|
+
"active": true,
|
|
175
|
+
"class": {
|
|
176
|
+
"item": "text-secondary before:bg-secondary/10",
|
|
177
|
+
"itemLeadingIcon": "text-secondary"
|
|
178
|
+
}
|
|
179
|
+
},
|
|
180
|
+
{
|
|
181
|
+
"color": "success" as typeof color[number],
|
|
182
|
+
"active": true,
|
|
183
|
+
"class": {
|
|
184
|
+
"item": "text-success before:bg-success/10",
|
|
185
|
+
"itemLeadingIcon": "text-success"
|
|
186
|
+
}
|
|
187
|
+
},
|
|
188
|
+
{
|
|
189
|
+
"color": "info" as typeof color[number],
|
|
190
|
+
"active": true,
|
|
191
|
+
"class": {
|
|
192
|
+
"item": "text-info before:bg-info/10",
|
|
193
|
+
"itemLeadingIcon": "text-info"
|
|
194
|
+
}
|
|
195
|
+
},
|
|
196
|
+
{
|
|
197
|
+
"color": "warning" as typeof color[number],
|
|
198
|
+
"active": true,
|
|
199
|
+
"class": {
|
|
200
|
+
"item": "text-warning before:bg-warning/10",
|
|
201
|
+
"itemLeadingIcon": "text-warning"
|
|
202
|
+
}
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"color": "error" as typeof color[number],
|
|
206
|
+
"active": true,
|
|
207
|
+
"class": {
|
|
208
|
+
"item": "text-error before:bg-error/10",
|
|
209
|
+
"itemLeadingIcon": "text-error"
|
|
210
|
+
}
|
|
211
|
+
}
|
|
212
|
+
],
|
|
213
|
+
"defaultVariants": {
|
|
214
|
+
"size": "md" as typeof size[number]
|
|
215
|
+
}
|
|
216
|
+
}
|
|
@@ -0,0 +1,126 @@
|
|
|
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"
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
"compoundVariants": [
|
|
49
|
+
{
|
|
50
|
+
"direction": [
|
|
51
|
+
"top" as typeof direction[number],
|
|
52
|
+
"bottom" as typeof direction[number]
|
|
53
|
+
],
|
|
54
|
+
"class": {
|
|
55
|
+
"content": "h-auto max-h-[96%]",
|
|
56
|
+
"handle": "!w-12 !h-1.5 mx-auto"
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"direction": [
|
|
61
|
+
"right" as typeof direction[number],
|
|
62
|
+
"left" as typeof direction[number]
|
|
63
|
+
],
|
|
64
|
+
"class": {
|
|
65
|
+
"content": "w-auto max-w-[calc(100%-2rem)]",
|
|
66
|
+
"handle": "!h-12 !w-1.5 mt-auto mb-auto"
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
"direction": "top" as typeof direction[number],
|
|
71
|
+
"inset": true,
|
|
72
|
+
"class": {
|
|
73
|
+
"content": "inset-x-4 top-4"
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"direction": "top" as typeof direction[number],
|
|
78
|
+
"inset": false,
|
|
79
|
+
"class": {
|
|
80
|
+
"content": "inset-x-0 top-0 rounded-b-lg"
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"direction": "bottom" as typeof direction[number],
|
|
85
|
+
"inset": true,
|
|
86
|
+
"class": {
|
|
87
|
+
"content": "inset-x-4 bottom-4"
|
|
88
|
+
}
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
"direction": "bottom" as typeof direction[number],
|
|
92
|
+
"inset": false,
|
|
93
|
+
"class": {
|
|
94
|
+
"content": "inset-x-0 bottom-0 rounded-t-lg"
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"direction": "left" as typeof direction[number],
|
|
99
|
+
"inset": true,
|
|
100
|
+
"class": {
|
|
101
|
+
"content": "inset-y-4 left-4"
|
|
102
|
+
}
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
"direction": "left" as typeof direction[number],
|
|
106
|
+
"inset": false,
|
|
107
|
+
"class": {
|
|
108
|
+
"content": "inset-y-0 left-0 rounded-r-lg"
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
"direction": "right" as typeof direction[number],
|
|
113
|
+
"inset": true,
|
|
114
|
+
"class": {
|
|
115
|
+
"content": "inset-y-4 right-4"
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"direction": "right" as typeof direction[number],
|
|
120
|
+
"inset": false,
|
|
121
|
+
"class": {
|
|
122
|
+
"content": "inset-y-0 right-0 rounded-l-lg"
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
]
|
|
126
|
+
}
|
|
@@ -0,0 +1,217 @@
|
|
|
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 divide-y divide-default overflow-y-auto scroll-py-1 data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-dropdown-menu-content-transform-origin)",
|
|
22
|
+
"arrow": "fill-default",
|
|
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-center 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
|
+
"itemLabel": "truncate",
|
|
35
|
+
"itemLabelExternalIcon": "inline-block size-3 align-top text-dimmed"
|
|
36
|
+
},
|
|
37
|
+
"variants": {
|
|
38
|
+
"color": {
|
|
39
|
+
"primary": "",
|
|
40
|
+
"secondary": "",
|
|
41
|
+
"success": "",
|
|
42
|
+
"info": "",
|
|
43
|
+
"warning": "",
|
|
44
|
+
"error": "",
|
|
45
|
+
"neutral": ""
|
|
46
|
+
},
|
|
47
|
+
"active": {
|
|
48
|
+
"true": {
|
|
49
|
+
"item": "text-highlighted before:bg-elevated",
|
|
50
|
+
"itemLeadingIcon": "text-default"
|
|
51
|
+
},
|
|
52
|
+
"false": {
|
|
53
|
+
"item": [
|
|
54
|
+
"text-default data-highlighted:text-highlighted data-[state=open]:text-highlighted data-highlighted:before:bg-elevated/50 data-[state=open]:before:bg-elevated/50",
|
|
55
|
+
"transition-colors before:transition-colors"
|
|
56
|
+
],
|
|
57
|
+
"itemLeadingIcon": [
|
|
58
|
+
"text-dimmed group-data-highlighted:text-default group-data-[state=open]:text-default",
|
|
59
|
+
"transition-colors"
|
|
60
|
+
]
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
"loading": {
|
|
64
|
+
"true": {
|
|
65
|
+
"itemLeadingIcon": "animate-spin"
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
"size": {
|
|
69
|
+
"xs": {
|
|
70
|
+
"label": "p-1 text-xs gap-1",
|
|
71
|
+
"item": "p-1 text-xs gap-1",
|
|
72
|
+
"itemLeadingIcon": "size-4",
|
|
73
|
+
"itemLeadingAvatarSize": "3xs",
|
|
74
|
+
"itemTrailingIcon": "size-4",
|
|
75
|
+
"itemTrailingKbds": "gap-0.5",
|
|
76
|
+
"itemTrailingKbdsSize": "sm"
|
|
77
|
+
},
|
|
78
|
+
"sm": {
|
|
79
|
+
"label": "p-1.5 text-xs gap-1.5",
|
|
80
|
+
"item": "p-1.5 text-xs gap-1.5",
|
|
81
|
+
"itemLeadingIcon": "size-4",
|
|
82
|
+
"itemLeadingAvatarSize": "3xs",
|
|
83
|
+
"itemTrailingIcon": "size-4",
|
|
84
|
+
"itemTrailingKbds": "gap-0.5",
|
|
85
|
+
"itemTrailingKbdsSize": "sm"
|
|
86
|
+
},
|
|
87
|
+
"md": {
|
|
88
|
+
"label": "p-1.5 text-sm gap-1.5",
|
|
89
|
+
"item": "p-1.5 text-sm gap-1.5",
|
|
90
|
+
"itemLeadingIcon": "size-5",
|
|
91
|
+
"itemLeadingAvatarSize": "2xs",
|
|
92
|
+
"itemTrailingIcon": "size-5",
|
|
93
|
+
"itemTrailingKbds": "gap-0.5",
|
|
94
|
+
"itemTrailingKbdsSize": "md"
|
|
95
|
+
},
|
|
96
|
+
"lg": {
|
|
97
|
+
"label": "p-2 text-sm gap-2",
|
|
98
|
+
"item": "p-2 text-sm gap-2",
|
|
99
|
+
"itemLeadingIcon": "size-5",
|
|
100
|
+
"itemLeadingAvatarSize": "2xs",
|
|
101
|
+
"itemTrailingIcon": "size-5",
|
|
102
|
+
"itemTrailingKbds": "gap-1",
|
|
103
|
+
"itemTrailingKbdsSize": "md"
|
|
104
|
+
},
|
|
105
|
+
"xl": {
|
|
106
|
+
"label": "p-2 text-base gap-2",
|
|
107
|
+
"item": "p-2 text-base gap-2",
|
|
108
|
+
"itemLeadingIcon": "size-6",
|
|
109
|
+
"itemLeadingAvatarSize": "xs",
|
|
110
|
+
"itemTrailingIcon": "size-6",
|
|
111
|
+
"itemTrailingKbds": "gap-1",
|
|
112
|
+
"itemTrailingKbdsSize": "lg"
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
},
|
|
116
|
+
"compoundVariants": [
|
|
117
|
+
{
|
|
118
|
+
"color": "primary" as typeof color[number],
|
|
119
|
+
"active": false,
|
|
120
|
+
"class": {
|
|
121
|
+
"item": "text-primary data-highlighted:text-primary data-highlighted:before:bg-primary/10 data-[state=open]:before:bg-primary/10",
|
|
122
|
+
"itemLeadingIcon": "text-primary/75 group-data-highlighted:text-primary group-data-[state=open]:text-primary"
|
|
123
|
+
}
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
"color": "secondary" as typeof color[number],
|
|
127
|
+
"active": false,
|
|
128
|
+
"class": {
|
|
129
|
+
"item": "text-secondary data-highlighted:text-secondary data-highlighted:before:bg-secondary/10 data-[state=open]:before:bg-secondary/10",
|
|
130
|
+
"itemLeadingIcon": "text-secondary/75 group-data-highlighted:text-secondary group-data-[state=open]:text-secondary"
|
|
131
|
+
}
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
"color": "success" as typeof color[number],
|
|
135
|
+
"active": false,
|
|
136
|
+
"class": {
|
|
137
|
+
"item": "text-success data-highlighted:text-success data-highlighted:before:bg-success/10 data-[state=open]:before:bg-success/10",
|
|
138
|
+
"itemLeadingIcon": "text-success/75 group-data-highlighted:text-success group-data-[state=open]:text-success"
|
|
139
|
+
}
|
|
140
|
+
},
|
|
141
|
+
{
|
|
142
|
+
"color": "info" as typeof color[number],
|
|
143
|
+
"active": false,
|
|
144
|
+
"class": {
|
|
145
|
+
"item": "text-info data-highlighted:text-info data-highlighted:before:bg-info/10 data-[state=open]:before:bg-info/10",
|
|
146
|
+
"itemLeadingIcon": "text-info/75 group-data-highlighted:text-info group-data-[state=open]:text-info"
|
|
147
|
+
}
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
"color": "warning" as typeof color[number],
|
|
151
|
+
"active": false,
|
|
152
|
+
"class": {
|
|
153
|
+
"item": "text-warning data-highlighted:text-warning data-highlighted:before:bg-warning/10 data-[state=open]:before:bg-warning/10",
|
|
154
|
+
"itemLeadingIcon": "text-warning/75 group-data-highlighted:text-warning group-data-[state=open]:text-warning"
|
|
155
|
+
}
|
|
156
|
+
},
|
|
157
|
+
{
|
|
158
|
+
"color": "error" as typeof color[number],
|
|
159
|
+
"active": false,
|
|
160
|
+
"class": {
|
|
161
|
+
"item": "text-error data-highlighted:text-error data-highlighted:before:bg-error/10 data-[state=open]:before:bg-error/10",
|
|
162
|
+
"itemLeadingIcon": "text-error/75 group-data-highlighted:text-error group-data-[state=open]:text-error"
|
|
163
|
+
}
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
"color": "primary" as typeof color[number],
|
|
167
|
+
"active": true,
|
|
168
|
+
"class": {
|
|
169
|
+
"item": "text-primary before:bg-primary/10",
|
|
170
|
+
"itemLeadingIcon": "text-primary"
|
|
171
|
+
}
|
|
172
|
+
},
|
|
173
|
+
{
|
|
174
|
+
"color": "secondary" as typeof color[number],
|
|
175
|
+
"active": true,
|
|
176
|
+
"class": {
|
|
177
|
+
"item": "text-secondary before:bg-secondary/10",
|
|
178
|
+
"itemLeadingIcon": "text-secondary"
|
|
179
|
+
}
|
|
180
|
+
},
|
|
181
|
+
{
|
|
182
|
+
"color": "success" as typeof color[number],
|
|
183
|
+
"active": true,
|
|
184
|
+
"class": {
|
|
185
|
+
"item": "text-success before:bg-success/10",
|
|
186
|
+
"itemLeadingIcon": "text-success"
|
|
187
|
+
}
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
"color": "info" as typeof color[number],
|
|
191
|
+
"active": true,
|
|
192
|
+
"class": {
|
|
193
|
+
"item": "text-info before:bg-info/10",
|
|
194
|
+
"itemLeadingIcon": "text-info"
|
|
195
|
+
}
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
"color": "warning" as typeof color[number],
|
|
199
|
+
"active": true,
|
|
200
|
+
"class": {
|
|
201
|
+
"item": "text-warning before:bg-warning/10",
|
|
202
|
+
"itemLeadingIcon": "text-warning"
|
|
203
|
+
}
|
|
204
|
+
},
|
|
205
|
+
{
|
|
206
|
+
"color": "error" as typeof color[number],
|
|
207
|
+
"active": true,
|
|
208
|
+
"class": {
|
|
209
|
+
"item": "text-error before:bg-error/10",
|
|
210
|
+
"itemLeadingIcon": "text-error"
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
],
|
|
214
|
+
"defaultVariants": {
|
|
215
|
+
"size": "md" as typeof size[number]
|
|
216
|
+
}
|
|
217
|
+
}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
const size = [
|
|
2
|
+
"xs",
|
|
3
|
+
"sm",
|
|
4
|
+
"md",
|
|
5
|
+
"lg",
|
|
6
|
+
"xl"
|
|
7
|
+
] as const
|
|
8
|
+
|
|
9
|
+
export default {
|
|
10
|
+
"slots": {
|
|
11
|
+
"root": "",
|
|
12
|
+
"wrapper": "",
|
|
13
|
+
"labelWrapper": "flex content-center items-center justify-between",
|
|
14
|
+
"label": "block font-medium text-default",
|
|
15
|
+
"container": "mt-1 relative",
|
|
16
|
+
"description": "text-muted",
|
|
17
|
+
"error": "mt-2 text-error",
|
|
18
|
+
"hint": "text-muted",
|
|
19
|
+
"help": "mt-2 text-muted"
|
|
20
|
+
},
|
|
21
|
+
"variants": {
|
|
22
|
+
"size": {
|
|
23
|
+
"xs": {
|
|
24
|
+
"root": "text-xs"
|
|
25
|
+
},
|
|
26
|
+
"sm": {
|
|
27
|
+
"root": "text-xs"
|
|
28
|
+
},
|
|
29
|
+
"md": {
|
|
30
|
+
"root": "text-sm"
|
|
31
|
+
},
|
|
32
|
+
"lg": {
|
|
33
|
+
"root": "text-sm"
|
|
34
|
+
},
|
|
35
|
+
"xl": {
|
|
36
|
+
"root": "text-base"
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
"required": {
|
|
40
|
+
"true": {
|
|
41
|
+
"label": "after:content-['*'] after:ms-0.5 after:text-error"
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
"defaultVariants": {
|
|
46
|
+
"size": "md" as typeof size[number]
|
|
47
|
+
}
|
|
48
|
+
}
|
package/.nuxt/ui/form.ts
ADDED
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
export { default as accordion } from './accordion'
|
|
2
|
+
export { default as alert } from './alert'
|
|
3
|
+
export { default as avatar } from './avatar'
|
|
4
|
+
export { default as avatarGroup } from './avatar-group'
|
|
5
|
+
export { default as badge } from './badge'
|
|
6
|
+
export { default as breadcrumb } from './breadcrumb'
|
|
7
|
+
export { default as button } from './button'
|
|
8
|
+
export { default as buttonGroup } from './button-group'
|
|
9
|
+
export { default as calendar } from './calendar'
|
|
10
|
+
export { default as card } from './card'
|
|
11
|
+
export { default as carousel } from './carousel'
|
|
12
|
+
export { default as checkbox } from './checkbox'
|
|
13
|
+
export { default as checkboxGroup } from './checkbox-group'
|
|
14
|
+
export { default as chip } from './chip'
|
|
15
|
+
export { default as collapsible } from './collapsible'
|
|
16
|
+
export { default as colorPicker } from './color-picker'
|
|
17
|
+
export { default as commandPalette } from './command-palette'
|
|
18
|
+
export { default as container } from './container'
|
|
19
|
+
export { default as contextMenu } from './context-menu'
|
|
20
|
+
export { default as drawer } from './drawer'
|
|
21
|
+
export { default as dropdownMenu } from './dropdown-menu'
|
|
22
|
+
export { default as form } from './form'
|
|
23
|
+
export { default as formField } from './form-field'
|
|
24
|
+
export { default as input } from './input'
|
|
25
|
+
export { default as inputMenu } from './input-menu'
|
|
26
|
+
export { default as inputNumber } from './input-number'
|
|
27
|
+
export { default as kbd } from './kbd'
|
|
28
|
+
export { default as link } from './link'
|
|
29
|
+
export { default as modal } from './modal'
|
|
30
|
+
export { default as navigationMenu } from './navigation-menu'
|
|
31
|
+
export { default as pagination } from './pagination'
|
|
32
|
+
export { default as pinInput } from './pin-input'
|
|
33
|
+
export { default as popover } from './popover'
|
|
34
|
+
export { default as progress } from './progress'
|
|
35
|
+
export { default as radioGroup } from './radio-group'
|
|
36
|
+
export { default as select } from './select'
|
|
37
|
+
export { default as selectMenu } from './select-menu'
|
|
38
|
+
export { default as separator } from './separator'
|
|
39
|
+
export { default as skeleton } from './skeleton'
|
|
40
|
+
export { default as slideover } from './slideover'
|
|
41
|
+
export { default as slider } from './slider'
|
|
42
|
+
export { default as stepper } from './stepper'
|
|
43
|
+
export { default as switch } from './switch'
|
|
44
|
+
export { default as table } from './table'
|
|
45
|
+
export { default as tabs } from './tabs'
|
|
46
|
+
export { default as textarea } from './textarea'
|
|
47
|
+
export { default as toast } from './toast'
|
|
48
|
+
export { default as toaster } from './toaster'
|
|
49
|
+
export { default as tooltip } from './tooltip'
|
|
50
|
+
export { default as tree } from './tree'
|