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,35 @@
|
|
|
1
|
+
import * as ui from '#build/ui'
|
|
2
|
+
import type { TVConfig } from '@nuxt/ui'
|
|
3
|
+
import type { defaultConfig } from 'tailwind-variants'
|
|
4
|
+
import colors from 'tailwindcss/colors'
|
|
5
|
+
|
|
6
|
+
const icons = {"arrowLeft":"i-lucide-arrow-left","arrowRight":"i-lucide-arrow-right","check":"i-lucide-check","chevronDoubleLeft":"i-lucide-chevrons-left","chevronDoubleRight":"i-lucide-chevrons-right","chevronDown":"i-lucide-chevron-down","chevronLeft":"i-lucide-chevron-left","chevronRight":"i-lucide-chevron-right","chevronUp":"i-lucide-chevron-up","close":"i-lucide-x","ellipsis":"i-lucide-ellipsis","external":"i-lucide-arrow-up-right","folder":"i-lucide-folder","folderOpen":"i-lucide-folder-open","loading":"i-lucide-refresh-cw","minus":"i-lucide-minus","plus":"i-lucide-plus","search":"i-lucide-search"};
|
|
7
|
+
|
|
8
|
+
type NeutralColor = 'slate' | 'gray' | 'zinc' | 'neutral' | 'stone' | (string & {})
|
|
9
|
+
type Color = Exclude<keyof typeof colors, 'inherit' | 'current' | 'transparent' | 'black' | 'white' | NeutralColor> | (string & {})
|
|
10
|
+
|
|
11
|
+
type AppConfigUI = {
|
|
12
|
+
colors?: {
|
|
13
|
+
'primary'?: Color
|
|
14
|
+
'secondary'?: Color
|
|
15
|
+
'success'?: Color
|
|
16
|
+
'info'?: Color
|
|
17
|
+
'warning'?: Color
|
|
18
|
+
'error'?: Color
|
|
19
|
+
neutral?: NeutralColor
|
|
20
|
+
}
|
|
21
|
+
icons?: Partial<typeof icons>
|
|
22
|
+
tv?: typeof defaultConfig
|
|
23
|
+
} & TVConfig<typeof ui>
|
|
24
|
+
|
|
25
|
+
declare module '@nuxt/schema' {
|
|
26
|
+
interface AppConfigInput {
|
|
27
|
+
/**
|
|
28
|
+
* Nuxt UI theme configuration
|
|
29
|
+
* @see https://ui.nuxt.com/getting-started/theme#customize-theme
|
|
30
|
+
*/
|
|
31
|
+
ui?: AppConfigUI
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
export {}
|
|
File without changes
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"slots": {
|
|
3
|
+
"root": "w-full",
|
|
4
|
+
"item": "border-b border-default last:border-b-0",
|
|
5
|
+
"header": "flex",
|
|
6
|
+
"trigger": "group flex-1 flex items-center gap-1.5 font-medium text-sm py-3.5 focus-visible:outline-primary min-w-0",
|
|
7
|
+
"content": "data-[state=open]:animate-[accordion-down_200ms_ease-out] data-[state=closed]:animate-[accordion-up_200ms_ease-out] overflow-hidden focus:outline-none",
|
|
8
|
+
"body": "text-sm pb-3.5",
|
|
9
|
+
"leadingIcon": "shrink-0 size-5",
|
|
10
|
+
"trailingIcon": "shrink-0 size-5 ms-auto group-data-[state=open]:rotate-180 transition-transform duration-200",
|
|
11
|
+
"label": "text-start break-words"
|
|
12
|
+
},
|
|
13
|
+
"variants": {
|
|
14
|
+
"disabled": {
|
|
15
|
+
"true": {
|
|
16
|
+
"trigger": "cursor-not-allowed opacity-75"
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
@@ -0,0 +1,264 @@
|
|
|
1
|
+
const color = [
|
|
2
|
+
"primary",
|
|
3
|
+
"secondary",
|
|
4
|
+
"success",
|
|
5
|
+
"info",
|
|
6
|
+
"warning",
|
|
7
|
+
"error",
|
|
8
|
+
"neutral"
|
|
9
|
+
] as const
|
|
10
|
+
|
|
11
|
+
const variant = [
|
|
12
|
+
"solid",
|
|
13
|
+
"outline",
|
|
14
|
+
"soft",
|
|
15
|
+
"subtle"
|
|
16
|
+
] as const
|
|
17
|
+
|
|
18
|
+
export default {
|
|
19
|
+
"slots": {
|
|
20
|
+
"root": "relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5",
|
|
21
|
+
"wrapper": "min-w-0 flex-1 flex flex-col",
|
|
22
|
+
"title": "text-sm font-medium",
|
|
23
|
+
"description": "text-sm opacity-90",
|
|
24
|
+
"icon": "shrink-0 size-5",
|
|
25
|
+
"avatar": "shrink-0",
|
|
26
|
+
"avatarSize": "2xl",
|
|
27
|
+
"actions": "flex flex-wrap gap-1.5 shrink-0",
|
|
28
|
+
"close": "p-0"
|
|
29
|
+
},
|
|
30
|
+
"variants": {
|
|
31
|
+
"color": {
|
|
32
|
+
"primary": "",
|
|
33
|
+
"secondary": "",
|
|
34
|
+
"success": "",
|
|
35
|
+
"info": "",
|
|
36
|
+
"warning": "",
|
|
37
|
+
"error": "",
|
|
38
|
+
"neutral": ""
|
|
39
|
+
},
|
|
40
|
+
"variant": {
|
|
41
|
+
"solid": "",
|
|
42
|
+
"outline": "",
|
|
43
|
+
"soft": "",
|
|
44
|
+
"subtle": ""
|
|
45
|
+
},
|
|
46
|
+
"orientation": {
|
|
47
|
+
"horizontal": {
|
|
48
|
+
"root": "items-center",
|
|
49
|
+
"actions": "items-center"
|
|
50
|
+
},
|
|
51
|
+
"vertical": {
|
|
52
|
+
"root": "items-start",
|
|
53
|
+
"actions": "items-start mt-2.5"
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
"title": {
|
|
57
|
+
"true": {
|
|
58
|
+
"description": "mt-1"
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
"compoundVariants": [
|
|
63
|
+
{
|
|
64
|
+
"color": "primary" as typeof color[number],
|
|
65
|
+
"variant": "solid" as typeof variant[number],
|
|
66
|
+
"class": {
|
|
67
|
+
"root": "bg-primary text-inverted"
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"color": "secondary" as typeof color[number],
|
|
72
|
+
"variant": "solid" as typeof variant[number],
|
|
73
|
+
"class": {
|
|
74
|
+
"root": "bg-secondary text-inverted"
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"color": "success" as typeof color[number],
|
|
79
|
+
"variant": "solid" as typeof variant[number],
|
|
80
|
+
"class": {
|
|
81
|
+
"root": "bg-success text-inverted"
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
"color": "info" as typeof color[number],
|
|
86
|
+
"variant": "solid" as typeof variant[number],
|
|
87
|
+
"class": {
|
|
88
|
+
"root": "bg-info text-inverted"
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"color": "warning" as typeof color[number],
|
|
93
|
+
"variant": "solid" as typeof variant[number],
|
|
94
|
+
"class": {
|
|
95
|
+
"root": "bg-warning text-inverted"
|
|
96
|
+
}
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
"color": "error" as typeof color[number],
|
|
100
|
+
"variant": "solid" as typeof variant[number],
|
|
101
|
+
"class": {
|
|
102
|
+
"root": "bg-error text-inverted"
|
|
103
|
+
}
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
"color": "primary" as typeof color[number],
|
|
107
|
+
"variant": "outline" as typeof variant[number],
|
|
108
|
+
"class": {
|
|
109
|
+
"root": "text-primary ring ring-inset ring-primary/25"
|
|
110
|
+
}
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"color": "secondary" as typeof color[number],
|
|
114
|
+
"variant": "outline" as typeof variant[number],
|
|
115
|
+
"class": {
|
|
116
|
+
"root": "text-secondary ring ring-inset ring-secondary/25"
|
|
117
|
+
}
|
|
118
|
+
},
|
|
119
|
+
{
|
|
120
|
+
"color": "success" as typeof color[number],
|
|
121
|
+
"variant": "outline" as typeof variant[number],
|
|
122
|
+
"class": {
|
|
123
|
+
"root": "text-success ring ring-inset ring-success/25"
|
|
124
|
+
}
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
"color": "info" as typeof color[number],
|
|
128
|
+
"variant": "outline" as typeof variant[number],
|
|
129
|
+
"class": {
|
|
130
|
+
"root": "text-info ring ring-inset ring-info/25"
|
|
131
|
+
}
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
"color": "warning" as typeof color[number],
|
|
135
|
+
"variant": "outline" as typeof variant[number],
|
|
136
|
+
"class": {
|
|
137
|
+
"root": "text-warning ring ring-inset ring-warning/25"
|
|
138
|
+
}
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
"color": "error" as typeof color[number],
|
|
142
|
+
"variant": "outline" as typeof variant[number],
|
|
143
|
+
"class": {
|
|
144
|
+
"root": "text-error ring ring-inset ring-error/25"
|
|
145
|
+
}
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
"color": "primary" as typeof color[number],
|
|
149
|
+
"variant": "soft" as typeof variant[number],
|
|
150
|
+
"class": {
|
|
151
|
+
"root": "bg-primary/10 text-primary"
|
|
152
|
+
}
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
"color": "secondary" as typeof color[number],
|
|
156
|
+
"variant": "soft" as typeof variant[number],
|
|
157
|
+
"class": {
|
|
158
|
+
"root": "bg-secondary/10 text-secondary"
|
|
159
|
+
}
|
|
160
|
+
},
|
|
161
|
+
{
|
|
162
|
+
"color": "success" as typeof color[number],
|
|
163
|
+
"variant": "soft" as typeof variant[number],
|
|
164
|
+
"class": {
|
|
165
|
+
"root": "bg-success/10 text-success"
|
|
166
|
+
}
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
"color": "info" as typeof color[number],
|
|
170
|
+
"variant": "soft" as typeof variant[number],
|
|
171
|
+
"class": {
|
|
172
|
+
"root": "bg-info/10 text-info"
|
|
173
|
+
}
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
"color": "warning" as typeof color[number],
|
|
177
|
+
"variant": "soft" as typeof variant[number],
|
|
178
|
+
"class": {
|
|
179
|
+
"root": "bg-warning/10 text-warning"
|
|
180
|
+
}
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
"color": "error" as typeof color[number],
|
|
184
|
+
"variant": "soft" as typeof variant[number],
|
|
185
|
+
"class": {
|
|
186
|
+
"root": "bg-error/10 text-error"
|
|
187
|
+
}
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
"color": "primary" as typeof color[number],
|
|
191
|
+
"variant": "subtle" as typeof variant[number],
|
|
192
|
+
"class": {
|
|
193
|
+
"root": "bg-primary/10 text-primary ring ring-inset ring-primary/25"
|
|
194
|
+
}
|
|
195
|
+
},
|
|
196
|
+
{
|
|
197
|
+
"color": "secondary" as typeof color[number],
|
|
198
|
+
"variant": "subtle" as typeof variant[number],
|
|
199
|
+
"class": {
|
|
200
|
+
"root": "bg-secondary/10 text-secondary ring ring-inset ring-secondary/25"
|
|
201
|
+
}
|
|
202
|
+
},
|
|
203
|
+
{
|
|
204
|
+
"color": "success" as typeof color[number],
|
|
205
|
+
"variant": "subtle" as typeof variant[number],
|
|
206
|
+
"class": {
|
|
207
|
+
"root": "bg-success/10 text-success ring ring-inset ring-success/25"
|
|
208
|
+
}
|
|
209
|
+
},
|
|
210
|
+
{
|
|
211
|
+
"color": "info" as typeof color[number],
|
|
212
|
+
"variant": "subtle" as typeof variant[number],
|
|
213
|
+
"class": {
|
|
214
|
+
"root": "bg-info/10 text-info ring ring-inset ring-info/25"
|
|
215
|
+
}
|
|
216
|
+
},
|
|
217
|
+
{
|
|
218
|
+
"color": "warning" as typeof color[number],
|
|
219
|
+
"variant": "subtle" as typeof variant[number],
|
|
220
|
+
"class": {
|
|
221
|
+
"root": "bg-warning/10 text-warning ring ring-inset ring-warning/25"
|
|
222
|
+
}
|
|
223
|
+
},
|
|
224
|
+
{
|
|
225
|
+
"color": "error" as typeof color[number],
|
|
226
|
+
"variant": "subtle" as typeof variant[number],
|
|
227
|
+
"class": {
|
|
228
|
+
"root": "bg-error/10 text-error ring ring-inset ring-error/25"
|
|
229
|
+
}
|
|
230
|
+
},
|
|
231
|
+
{
|
|
232
|
+
"color": "neutral" as typeof color[number],
|
|
233
|
+
"variant": "solid" as typeof variant[number],
|
|
234
|
+
"class": {
|
|
235
|
+
"root": "text-inverted bg-inverted"
|
|
236
|
+
}
|
|
237
|
+
},
|
|
238
|
+
{
|
|
239
|
+
"color": "neutral" as typeof color[number],
|
|
240
|
+
"variant": "outline" as typeof variant[number],
|
|
241
|
+
"class": {
|
|
242
|
+
"root": "text-highlighted bg-default ring ring-inset ring-default"
|
|
243
|
+
}
|
|
244
|
+
},
|
|
245
|
+
{
|
|
246
|
+
"color": "neutral" as typeof color[number],
|
|
247
|
+
"variant": "soft" as typeof variant[number],
|
|
248
|
+
"class": {
|
|
249
|
+
"root": "text-highlighted bg-elevated/50"
|
|
250
|
+
}
|
|
251
|
+
},
|
|
252
|
+
{
|
|
253
|
+
"color": "neutral" as typeof color[number],
|
|
254
|
+
"variant": "subtle" as typeof variant[number],
|
|
255
|
+
"class": {
|
|
256
|
+
"root": "text-highlighted bg-elevated/50 ring ring-inset ring-accented"
|
|
257
|
+
}
|
|
258
|
+
}
|
|
259
|
+
],
|
|
260
|
+
"defaultVariants": {
|
|
261
|
+
"color": "primary" as typeof color[number],
|
|
262
|
+
"variant": "solid" as typeof variant[number]
|
|
263
|
+
}
|
|
264
|
+
}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
const size = [
|
|
2
|
+
"3xs",
|
|
3
|
+
"2xs",
|
|
4
|
+
"xs",
|
|
5
|
+
"sm",
|
|
6
|
+
"md",
|
|
7
|
+
"lg",
|
|
8
|
+
"xl",
|
|
9
|
+
"2xl",
|
|
10
|
+
"3xl"
|
|
11
|
+
] as const
|
|
12
|
+
|
|
13
|
+
export default {
|
|
14
|
+
"slots": {
|
|
15
|
+
"root": "inline-flex flex-row-reverse justify-end",
|
|
16
|
+
"base": "relative rounded-full ring-bg first:me-0"
|
|
17
|
+
},
|
|
18
|
+
"variants": {
|
|
19
|
+
"size": {
|
|
20
|
+
"3xs": {
|
|
21
|
+
"base": "ring -me-0.5"
|
|
22
|
+
},
|
|
23
|
+
"2xs": {
|
|
24
|
+
"base": "ring -me-0.5"
|
|
25
|
+
},
|
|
26
|
+
"xs": {
|
|
27
|
+
"base": "ring -me-0.5"
|
|
28
|
+
},
|
|
29
|
+
"sm": {
|
|
30
|
+
"base": "ring-2 -me-1.5"
|
|
31
|
+
},
|
|
32
|
+
"md": {
|
|
33
|
+
"base": "ring-2 -me-1.5"
|
|
34
|
+
},
|
|
35
|
+
"lg": {
|
|
36
|
+
"base": "ring-2 -me-1.5"
|
|
37
|
+
},
|
|
38
|
+
"xl": {
|
|
39
|
+
"base": "ring-3 -me-2"
|
|
40
|
+
},
|
|
41
|
+
"2xl": {
|
|
42
|
+
"base": "ring-3 -me-2"
|
|
43
|
+
},
|
|
44
|
+
"3xl": {
|
|
45
|
+
"base": "ring-3 -me-2"
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
"defaultVariants": {
|
|
50
|
+
"size": "md" as typeof size[number]
|
|
51
|
+
}
|
|
52
|
+
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
const size = [
|
|
2
|
+
"3xs",
|
|
3
|
+
"2xs",
|
|
4
|
+
"xs",
|
|
5
|
+
"sm",
|
|
6
|
+
"md",
|
|
7
|
+
"lg",
|
|
8
|
+
"xl",
|
|
9
|
+
"2xl",
|
|
10
|
+
"3xl"
|
|
11
|
+
] as const
|
|
12
|
+
|
|
13
|
+
export default {
|
|
14
|
+
"slots": {
|
|
15
|
+
"root": "inline-flex items-center justify-center shrink-0 select-none overflow-hidden rounded-full align-middle bg-elevated",
|
|
16
|
+
"image": "h-full w-full rounded-[inherit] object-cover",
|
|
17
|
+
"fallback": "font-medium leading-none text-muted truncate",
|
|
18
|
+
"icon": "text-muted shrink-0"
|
|
19
|
+
},
|
|
20
|
+
"variants": {
|
|
21
|
+
"size": {
|
|
22
|
+
"3xs": {
|
|
23
|
+
"root": "size-4 text-[8px]"
|
|
24
|
+
},
|
|
25
|
+
"2xs": {
|
|
26
|
+
"root": "size-5 text-[10px]"
|
|
27
|
+
},
|
|
28
|
+
"xs": {
|
|
29
|
+
"root": "size-6 text-xs"
|
|
30
|
+
},
|
|
31
|
+
"sm": {
|
|
32
|
+
"root": "size-7 text-sm"
|
|
33
|
+
},
|
|
34
|
+
"md": {
|
|
35
|
+
"root": "size-8 text-base"
|
|
36
|
+
},
|
|
37
|
+
"lg": {
|
|
38
|
+
"root": "size-9 text-lg"
|
|
39
|
+
},
|
|
40
|
+
"xl": {
|
|
41
|
+
"root": "size-10 text-xl"
|
|
42
|
+
},
|
|
43
|
+
"2xl": {
|
|
44
|
+
"root": "size-11 text-[22px]"
|
|
45
|
+
},
|
|
46
|
+
"3xl": {
|
|
47
|
+
"root": "size-12 text-2xl"
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
"defaultVariants": {
|
|
52
|
+
"size": "md" as typeof size[number]
|
|
53
|
+
}
|
|
54
|
+
}
|
|
@@ -0,0 +1,263 @@
|
|
|
1
|
+
const color = [
|
|
2
|
+
"primary",
|
|
3
|
+
"secondary",
|
|
4
|
+
"success",
|
|
5
|
+
"info",
|
|
6
|
+
"warning",
|
|
7
|
+
"error",
|
|
8
|
+
"neutral"
|
|
9
|
+
] as const
|
|
10
|
+
|
|
11
|
+
const variant = [
|
|
12
|
+
"solid",
|
|
13
|
+
"outline",
|
|
14
|
+
"soft",
|
|
15
|
+
"subtle"
|
|
16
|
+
] as const
|
|
17
|
+
|
|
18
|
+
const size = [
|
|
19
|
+
"xs",
|
|
20
|
+
"sm",
|
|
21
|
+
"md",
|
|
22
|
+
"lg",
|
|
23
|
+
"xl"
|
|
24
|
+
] as const
|
|
25
|
+
|
|
26
|
+
export default {
|
|
27
|
+
"slots": {
|
|
28
|
+
"base": "font-medium inline-flex items-center",
|
|
29
|
+
"label": "truncate",
|
|
30
|
+
"leadingIcon": "shrink-0",
|
|
31
|
+
"leadingAvatar": "shrink-0",
|
|
32
|
+
"leadingAvatarSize": "",
|
|
33
|
+
"trailingIcon": "shrink-0"
|
|
34
|
+
},
|
|
35
|
+
"variants": {
|
|
36
|
+
"buttonGroup": {
|
|
37
|
+
"horizontal": "not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none focus-visible:z-[1]",
|
|
38
|
+
"vertical": "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none focus-visible:z-[1]"
|
|
39
|
+
},
|
|
40
|
+
"color": {
|
|
41
|
+
"primary": "",
|
|
42
|
+
"secondary": "",
|
|
43
|
+
"success": "",
|
|
44
|
+
"info": "",
|
|
45
|
+
"warning": "",
|
|
46
|
+
"error": "",
|
|
47
|
+
"neutral": ""
|
|
48
|
+
},
|
|
49
|
+
"variant": {
|
|
50
|
+
"solid": "",
|
|
51
|
+
"outline": "",
|
|
52
|
+
"soft": "",
|
|
53
|
+
"subtle": ""
|
|
54
|
+
},
|
|
55
|
+
"size": {
|
|
56
|
+
"xs": {
|
|
57
|
+
"base": "text-[8px]/3 px-1 py-0.5 gap-1 rounded-sm",
|
|
58
|
+
"leadingIcon": "size-3",
|
|
59
|
+
"leadingAvatarSize": "3xs",
|
|
60
|
+
"trailingIcon": "size-3"
|
|
61
|
+
},
|
|
62
|
+
"sm": {
|
|
63
|
+
"base": "text-[10px]/3 px-1.5 py-1 gap-1 rounded-sm",
|
|
64
|
+
"leadingIcon": "size-3",
|
|
65
|
+
"leadingAvatarSize": "3xs",
|
|
66
|
+
"trailingIcon": "size-3"
|
|
67
|
+
},
|
|
68
|
+
"md": {
|
|
69
|
+
"base": "text-xs px-2 py-1 gap-1 rounded-md",
|
|
70
|
+
"leadingIcon": "size-4",
|
|
71
|
+
"leadingAvatarSize": "3xs",
|
|
72
|
+
"trailingIcon": "size-4"
|
|
73
|
+
},
|
|
74
|
+
"lg": {
|
|
75
|
+
"base": "text-sm px-2 py-1 gap-1.5 rounded-md",
|
|
76
|
+
"leadingIcon": "size-5",
|
|
77
|
+
"leadingAvatarSize": "2xs",
|
|
78
|
+
"trailingIcon": "size-5"
|
|
79
|
+
},
|
|
80
|
+
"xl": {
|
|
81
|
+
"base": "text-base px-2.5 py-1 gap-1.5 rounded-md",
|
|
82
|
+
"leadingIcon": "size-6",
|
|
83
|
+
"leadingAvatarSize": "2xs",
|
|
84
|
+
"trailingIcon": "size-6"
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
"square": {
|
|
88
|
+
"true": ""
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
"compoundVariants": [
|
|
92
|
+
{
|
|
93
|
+
"color": "primary" as typeof color[number],
|
|
94
|
+
"variant": "solid" as typeof variant[number],
|
|
95
|
+
"class": "bg-primary text-inverted"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"color": "secondary" as typeof color[number],
|
|
99
|
+
"variant": "solid" as typeof variant[number],
|
|
100
|
+
"class": "bg-secondary text-inverted"
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"color": "success" as typeof color[number],
|
|
104
|
+
"variant": "solid" as typeof variant[number],
|
|
105
|
+
"class": "bg-success text-inverted"
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"color": "info" as typeof color[number],
|
|
109
|
+
"variant": "solid" as typeof variant[number],
|
|
110
|
+
"class": "bg-info text-inverted"
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"color": "warning" as typeof color[number],
|
|
114
|
+
"variant": "solid" as typeof variant[number],
|
|
115
|
+
"class": "bg-warning text-inverted"
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
"color": "error" as typeof color[number],
|
|
119
|
+
"variant": "solid" as typeof variant[number],
|
|
120
|
+
"class": "bg-error text-inverted"
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
"color": "primary" as typeof color[number],
|
|
124
|
+
"variant": "outline" as typeof variant[number],
|
|
125
|
+
"class": "text-primary ring ring-inset ring-primary/50"
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
"color": "secondary" as typeof color[number],
|
|
129
|
+
"variant": "outline" as typeof variant[number],
|
|
130
|
+
"class": "text-secondary ring ring-inset ring-secondary/50"
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"color": "success" as typeof color[number],
|
|
134
|
+
"variant": "outline" as typeof variant[number],
|
|
135
|
+
"class": "text-success ring ring-inset ring-success/50"
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
"color": "info" as typeof color[number],
|
|
139
|
+
"variant": "outline" as typeof variant[number],
|
|
140
|
+
"class": "text-info ring ring-inset ring-info/50"
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"color": "warning" as typeof color[number],
|
|
144
|
+
"variant": "outline" as typeof variant[number],
|
|
145
|
+
"class": "text-warning ring ring-inset ring-warning/50"
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
"color": "error" as typeof color[number],
|
|
149
|
+
"variant": "outline" as typeof variant[number],
|
|
150
|
+
"class": "text-error ring ring-inset ring-error/50"
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
"color": "primary" as typeof color[number],
|
|
154
|
+
"variant": "soft" as typeof variant[number],
|
|
155
|
+
"class": "bg-primary/10 text-primary"
|
|
156
|
+
},
|
|
157
|
+
{
|
|
158
|
+
"color": "secondary" as typeof color[number],
|
|
159
|
+
"variant": "soft" as typeof variant[number],
|
|
160
|
+
"class": "bg-secondary/10 text-secondary"
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
"color": "success" as typeof color[number],
|
|
164
|
+
"variant": "soft" as typeof variant[number],
|
|
165
|
+
"class": "bg-success/10 text-success"
|
|
166
|
+
},
|
|
167
|
+
{
|
|
168
|
+
"color": "info" as typeof color[number],
|
|
169
|
+
"variant": "soft" as typeof variant[number],
|
|
170
|
+
"class": "bg-info/10 text-info"
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"color": "warning" as typeof color[number],
|
|
174
|
+
"variant": "soft" as typeof variant[number],
|
|
175
|
+
"class": "bg-warning/10 text-warning"
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
"color": "error" as typeof color[number],
|
|
179
|
+
"variant": "soft" as typeof variant[number],
|
|
180
|
+
"class": "bg-error/10 text-error"
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
"color": "primary" as typeof color[number],
|
|
184
|
+
"variant": "subtle" as typeof variant[number],
|
|
185
|
+
"class": "bg-primary/10 text-primary ring ring-inset ring-primary/25"
|
|
186
|
+
},
|
|
187
|
+
{
|
|
188
|
+
"color": "secondary" as typeof color[number],
|
|
189
|
+
"variant": "subtle" as typeof variant[number],
|
|
190
|
+
"class": "bg-secondary/10 text-secondary ring ring-inset ring-secondary/25"
|
|
191
|
+
},
|
|
192
|
+
{
|
|
193
|
+
"color": "success" as typeof color[number],
|
|
194
|
+
"variant": "subtle" as typeof variant[number],
|
|
195
|
+
"class": "bg-success/10 text-success ring ring-inset ring-success/25"
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
"color": "info" as typeof color[number],
|
|
199
|
+
"variant": "subtle" as typeof variant[number],
|
|
200
|
+
"class": "bg-info/10 text-info ring ring-inset ring-info/25"
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
"color": "warning" as typeof color[number],
|
|
204
|
+
"variant": "subtle" as typeof variant[number],
|
|
205
|
+
"class": "bg-warning/10 text-warning ring ring-inset ring-warning/25"
|
|
206
|
+
},
|
|
207
|
+
{
|
|
208
|
+
"color": "error" as typeof color[number],
|
|
209
|
+
"variant": "subtle" as typeof variant[number],
|
|
210
|
+
"class": "bg-error/10 text-error ring ring-inset ring-error/25"
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
"color": "neutral" as typeof color[number],
|
|
214
|
+
"variant": "solid" as typeof variant[number],
|
|
215
|
+
"class": "text-inverted bg-inverted"
|
|
216
|
+
},
|
|
217
|
+
{
|
|
218
|
+
"color": "neutral" as typeof color[number],
|
|
219
|
+
"variant": "outline" as typeof variant[number],
|
|
220
|
+
"class": "ring ring-inset ring-accented text-default bg-default"
|
|
221
|
+
},
|
|
222
|
+
{
|
|
223
|
+
"color": "neutral" as typeof color[number],
|
|
224
|
+
"variant": "soft" as typeof variant[number],
|
|
225
|
+
"class": "text-default bg-elevated"
|
|
226
|
+
},
|
|
227
|
+
{
|
|
228
|
+
"color": "neutral" as typeof color[number],
|
|
229
|
+
"variant": "subtle" as typeof variant[number],
|
|
230
|
+
"class": "ring ring-inset ring-accented text-default bg-elevated"
|
|
231
|
+
},
|
|
232
|
+
{
|
|
233
|
+
"size": "xs" as typeof size[number],
|
|
234
|
+
"square": true,
|
|
235
|
+
"class": "p-0.5"
|
|
236
|
+
},
|
|
237
|
+
{
|
|
238
|
+
"size": "sm" as typeof size[number],
|
|
239
|
+
"square": true,
|
|
240
|
+
"class": "p-1"
|
|
241
|
+
},
|
|
242
|
+
{
|
|
243
|
+
"size": "md" as typeof size[number],
|
|
244
|
+
"square": true,
|
|
245
|
+
"class": "p-1"
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"size": "lg" as typeof size[number],
|
|
249
|
+
"square": true,
|
|
250
|
+
"class": "p-1"
|
|
251
|
+
},
|
|
252
|
+
{
|
|
253
|
+
"size": "xl" as typeof size[number],
|
|
254
|
+
"square": true,
|
|
255
|
+
"class": "p-1"
|
|
256
|
+
}
|
|
257
|
+
],
|
|
258
|
+
"defaultVariants": {
|
|
259
|
+
"color": "primary" as typeof color[number],
|
|
260
|
+
"variant": "solid" as typeof variant[number],
|
|
261
|
+
"size": "md" as typeof size[number]
|
|
262
|
+
}
|
|
263
|
+
}
|