adverich-kun-ui 0.1.641 → 0.1.642

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 (8) hide show
  1. package/AGENTS.md +34 -2
  2. package/dist/AGENTS.md +34 -2
  3. package/dist/adverich-kun-ui.css +1 -1
  4. package/dist/components/KunSelect/src/components/KunSelect.js +313 -0
  5. package/dist/components/KunSelect/src/composables/KunSelectProps.js +155 -0
  6. package/dist/components/KunSelect/src/composables/useSelect.js +138 -0
  7. package/dist/index.js +58 -55
  8. package/package.json +1 -1
package/AGENTS.md CHANGED
@@ -242,12 +242,44 @@ Switch/Toggle para valores booleanos.
242
242
 
243
243
  ### KunSelect
244
244
 
245
- Selector desplegable.
245
+ Selector desplegable simple (sin autocompletado). Inspirado en KunAutocomplete: mismo sistema de `item-value` / `item-title` / `returnObject` / `multiple`, pero con campo `readonly` — click o Enter/Espacio abre el menú, sin búsqueda ni filtrado.
246
246
 
247
247
  ```vue
248
- <KunSelect v-model="selected" :items="options" label="Seleccionar" />
248
+ <KunSelect
249
+ v-model="selected"
250
+ v-model:items="items"
251
+ label="Seleccionar"
252
+ item-value="id"
253
+ item-title="name"
254
+ :rules="[v => !!v || 'Requerido']"
255
+ />
249
256
  ```
250
257
 
258
+ | Prop | Tipo | Default | Descripción |
259
+ |------|------|---------|-------------|
260
+ | modelValue | Any | null | Valor seleccionado |
261
+ | items | Array | [] | Lista de items (v-model:items) |
262
+ | label | String | '' | Etiqueta |
263
+ | itemValue | String | null | Campo para el valor |
264
+ | itemTitle | String/Array | null | Campo(s) para mostrar |
265
+ | itemSubtitle | String/Array | null | Campo(s) para subtítulo |
266
+ | returnObject | Boolean | false | Retorna objeto completo |
267
+ | multiple | Boolean | false | Selección múltiple (chips) |
268
+ | disabled | Boolean | false | Deshabilita el campo |
269
+ | readonly | Boolean | false | Solo lectura (no abre menú) |
270
+ | clearable | Boolean | false | Botón de limpiar |
271
+ | clearOnSelect | Boolean | false | Limpia al seleccionar |
272
+ | closeOnSelect | Boolean | true | Cierra el menú al seleccionar (single) |
273
+ | hasCreateItem | Boolean | false | Muestra botón de crear |
274
+ | density | String | 'default' | Densidad |
275
+ | hideDetails | Boolean | true | Oculta detalles |
276
+ | zIndex | String | 'z-250' | Z-index del menú |
277
+ | rules | Array | [] | Reglas de validación |
278
+
279
+ **Eventos:** update:modelValue, selectedItem, createItem, validation, keyDown, cleared
280
+
281
+ **Métodos expuestos:** focus(), validate()
282
+
251
283
  ---
252
284
 
253
285
  ### KunRadio y KunRadioGroup
package/dist/AGENTS.md CHANGED
@@ -242,12 +242,44 @@ Switch/Toggle para valores booleanos.
242
242
 
243
243
  ### KunSelect
244
244
 
245
- Selector desplegable.
245
+ Selector desplegable simple (sin autocompletado). Inspirado en KunAutocomplete: mismo sistema de `item-value` / `item-title` / `returnObject` / `multiple`, pero con campo `readonly` — click o Enter/Espacio abre el menú, sin búsqueda ni filtrado.
246
246
 
247
247
  ```vue
248
- <KunSelect v-model="selected" :items="options" label="Seleccionar" />
248
+ <KunSelect
249
+ v-model="selected"
250
+ v-model:items="items"
251
+ label="Seleccionar"
252
+ item-value="id"
253
+ item-title="name"
254
+ :rules="[v => !!v || 'Requerido']"
255
+ />
249
256
  ```
250
257
 
258
+ | Prop | Tipo | Default | Descripción |
259
+ |------|------|---------|-------------|
260
+ | modelValue | Any | null | Valor seleccionado |
261
+ | items | Array | [] | Lista de items (v-model:items) |
262
+ | label | String | '' | Etiqueta |
263
+ | itemValue | String | null | Campo para el valor |
264
+ | itemTitle | String/Array | null | Campo(s) para mostrar |
265
+ | itemSubtitle | String/Array | null | Campo(s) para subtítulo |
266
+ | returnObject | Boolean | false | Retorna objeto completo |
267
+ | multiple | Boolean | false | Selección múltiple (chips) |
268
+ | disabled | Boolean | false | Deshabilita el campo |
269
+ | readonly | Boolean | false | Solo lectura (no abre menú) |
270
+ | clearable | Boolean | false | Botón de limpiar |
271
+ | clearOnSelect | Boolean | false | Limpia al seleccionar |
272
+ | closeOnSelect | Boolean | true | Cierra el menú al seleccionar (single) |
273
+ | hasCreateItem | Boolean | false | Muestra botón de crear |
274
+ | density | String | 'default' | Densidad |
275
+ | hideDetails | Boolean | true | Oculta detalles |
276
+ | zIndex | String | 'z-250' | Z-index del menú |
277
+ | rules | Array | [] | Reglas de validación |
278
+
279
+ **Eventos:** update:modelValue, selectedItem, createItem, validation, keyDown, cleared
280
+
281
+ **Métodos expuestos:** focus(), validate()
282
+
251
283
  ---
252
284
 
253
285
  ### KunRadio y KunRadioGroup
package/dist/adverich-kun-ui.css CHANGED
@@ -1,2 +1,2 @@
1
- .virtual-list[data-v-bc4f4b9f]{max-height:100%;overflow-y:auto}.kun-chip[data-v-b85baefa]{white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.kun-chip__prepend[data-v-b85baefa],.kun-chip__append[data-v-b85baefa],.kun-chip__close[data-v-b85baefa]{flex-shrink:0}.kun-chip__content[data-v-b85baefa]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kun-card-title[data-v-dc39e223]{align-items:center;width:100%;display:flex}.kun-card-title__prepend[data-v-dc39e223],.kun-card-title__append[data-v-dc39e223]{justify-content:center;align-items:center;display:flex}.kun-card-title__content[data-v-dc39e223]{overflow-wrap:break-word;white-space:normal;flex-direction:column;flex-grow:1;display:flex}.kun-clock[data-v-671b55fa]{z-index:9999;pointer-events:none;background-color:#0000;font-family:monospace;position:fixed;top:10px;right:10px}.kun-col[data-v-ff31dcf6]{grid-column:var(--kun-col-grid-column);min-width:0}@media (width>=40rem){.kun-col[data-v-ff31dcf6]{grid-column:var(--kun-col-grid-column-sm)}}@media (width>=48rem){.kun-col[data-v-ff31dcf6]{grid-column:var(--kun-col-grid-column-md)}}@media (width>=64rem){.kun-col[data-v-ff31dcf6]{grid-column:var(--kun-col-grid-column-lg)}}@media (width>=80rem){.kun-col[data-v-ff31dcf6]{grid-column:var(--kun-col-grid-column-xl)}}.checkerboard[data-v-0e6e2f87]{background-color:#fff;background-image:linear-gradient(45deg,#d1d5db 25%,#0000 25%),linear-gradient(-45deg,#d1d5db 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d1d5db 75%),linear-gradient(-45deg,#0000 75%,#d1d5db 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}#txt,#hide{font:inherit;margin:0;padding:0}#txt{text-align:center;text-overflow:ellipsis;min-width:50px;max-width:100%;padding:0 2px;overflow:hidden}#txt:focus-visible{outline:none}#hide{white-space:pre;height:0;position:absolute;overflow:hidden}.custom-scrollbar[data-v-2fe8c0d5]::-webkit-scrollbar{width:5px}.custom-scrollbar[data-v-2fe8c0d5]::-webkit-scrollbar-track{background:0 0}.custom-scrollbar[data-v-2fe8c0d5]::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:20px}.scale-95[data-v-2fe8c0d5]{transform:scale(.95)}.scale-100[data-v-2fe8c0d5]{transform:scale(1)}.kun-dnd-drop-zone{opacity:.45;filter:blur(.6px);outline-offset:-2px;box-shadow:none;outline:2px solid #22c55e;background:#22c55e38!important}.kun-dnd-parent .kun-dnd-item{touch-action:none;-webkit-user-select:none;user-select:none}.kun-list-item-avatar[data-v-44f7ab32]{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}body[data-v-bdd8380a]{-webkit-user-select:none;user-select:none}summary[data-v-a5fc2443]{list-style:none}summary[data-v-a5fc2443]::-webkit-details-marker{display:none}.fade-enter-active[data-v-33ece112],.fade-leave-active[data-v-33ece112]{transition:opacity .3s}.fade-enter-from[data-v-33ece112],.fade-leave-to[data-v-33ece112]{opacity:0}.horizontal-scroll-container[data-v-6fb87a4a]{-ms-overflow-style:none;scrollbar-width:none}.horizontal-scroll-container[data-v-6fb87a4a]::-webkit-scrollbar{display:none}.toast-slide-up-enter-active[data-v-35f7d338]{transition:all .3s ease-out}.toast-slide-up-leave-active[data-v-35f7d338]{transition:all .2s ease-in}.toast-slide-up-enter-from[data-v-35f7d338]{opacity:0;transform:translateY(20px)scale(.95)}.toast-slide-up-leave-to[data-v-35f7d338]{opacity:0;max-height:0;margin:0;padding:0;transform:translateY(-10px)scale(.95)}.toast-slide-up-move[data-v-35f7d338]{transition:transform .3s}.toast-slide-down-enter-active[data-v-35f7d338]{transition:all .3s ease-out}.toast-slide-down-leave-active[data-v-35f7d338]{transition:all .2s ease-in}.toast-slide-down-enter-from[data-v-35f7d338]{opacity:0;transform:translateY(-20px)scale(.95)}.toast-slide-down-leave-to[data-v-35f7d338]{opacity:0;max-height:0;margin:0;padding:0;transform:translateY(10px)scale(.95)}.toast-slide-down-move[data-v-35f7d338]{transition:transform .3s}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-500:oklch(58.5% .233 277.117);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-800:oklch(27.8% .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-normal:1.5;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-top-1{top:calc(var(--spacing) * -1)}.-top-2{top:calc(var(--spacing) * -2)}.-top-2\.25{top:calc(var(--spacing) * -2.25)}.-top-10{top:calc(var(--spacing) * -10)}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.right-0{right:0}.right-1{right:var(--spacing)}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-4{left:calc(var(--spacing) * 4)}.left-10{left:calc(var(--spacing) * 10)}.left-\[76px\]{left:76px}.z-5{z-index:5}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-250{z-index:250}.z-1000{z-index:1000}.z-\[2001\]{z-index:2001}.z-\[2500\]{z-index:2500}.z-\[9999\]{z-index:9999}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}.m-1{margin:var(--spacing)}.m-2{margin:calc(var(--spacing) * 2)}.m-3{margin:calc(var(--spacing) * 3)}.m-4{margin:calc(var(--spacing) * 4)}.mx-1{margin-inline:var(--spacing)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.ms-3{margin-inline-start:calc(var(--spacing) * 3)}.me-2{margin-inline-end:calc(var(--spacing) * 2)}.-mt-\[180px\]{margin-top:-180px}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-14{margin-left:calc(var(--spacing) * 14)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.h-0{height:0}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-1\/2{height:50%}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-64{height:calc(var(--spacing) * 64)}.h-\[1\.25rem\]{height:1.25rem}.h-\[1em\]{height:1em}.h-\[2px\]{height:2px}.h-\[48px\]{height:48px}.h-\[56px\]{height:56px}.h-\[64px\]{height:64px}.h-\[200px\]{height:200px}.h-\[480px\]{height:480px}.h-\[500px\]{height:500px}.h-auto{height:auto}.h-dvh{height:100dvh}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-\[400px\]{max-height:400px}.max-h-dvh{max-height:100dvh}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-\[20px\]{min-height:20px}.min-h-\[30px\]{min-height:30px}.min-h-\[32px\]{min-height:32px}.min-h-\[38px\]{min-height:38px}.min-h-\[40px\]{min-height:40px}.min-h-\[46px\]{min-height:46px}.min-h-\[48px\]{min-height:48px}.min-h-\[56px\]{min-height:56px}.min-h-\[64px\]{min-height:64px}.min-h-\[96px\]{min-height:96px}.min-h-dvh{min-height:100dvh}.w-0{width:0}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-90{width:calc(var(--spacing) * 90)}.w-\[1em\]{width:1em}.w-\[56px\]{width:56px}.w-\[256px\]{width:256px}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.max-w-1\/2{max-width:50%}.max-w-3\/4{max-width:75%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[300px\]{max-width:300px}.max-w-\[calc\(100vw-16px\)\]{max-width:calc(100vw - 16px)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-screen-sm{max-width:var(--breakpoint-sm)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-1\/3{min-width:33.3333%}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-\[3rem\]{min-width:3rem}.min-w-\[20px\]{min-width:20px}.min-w-\[32px\]{min-width:32px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.table-auto{table-layout:auto}.origin-bottom{transform-origin:bottom}.origin-bottom-left{transform-origin:0 100%}.origin-bottom-right{transform-origin:100% 100%}.origin-left{transform-origin:0}.origin-right{transform-origin:100%}.origin-top{transform-origin:top}.origin-top-left{transform-origin:0 0}.origin-top-right{transform-origin:100% 0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-2{--tw-translate-x:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-2{--tw-translate-x:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-3{--tw-translate-x:calc(var(--spacing) * 3);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4\.5{--tw-translate-x:calc(var(--spacing) * 4.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4\.25{--tw-translate-x:calc(var(--spacing) * 4.25);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-7{--tw-translate-x:calc(var(--spacing) * 7);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[shimmerX_var\]{animation:shimmerX var}.animate-\[shimmerY_var\]{animation:shimmerY var}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.self-end{align-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-current{border-color:currentColor}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-slate-200{border-color:var(--color-slate-200)}.border-transparent{border-color:#0000}.bg-black{background-color:var(--color-black)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-current{background-color:currentColor}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-500{background-color:var(--color-red-500)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-400{background-color:var(--color-slate-400)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-white\/50{--tw-gradient-via:#ffffff80}@supports (color:color-mix(in lab, red, red)){.via-white\/50{--tw-gradient-via:color-mix(in oklab, var(--color-white) 50%, transparent)}}.via-white\/50{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-\[length\:100\%_200\%\]{background-size:100% 200%}.bg-\[length\:200\%_100\%\]{background-size:200% 100%}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-15{padding-top:calc(var(--spacing) * 15)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-9{padding-bottom:calc(var(--spacing) * 9)}.pb-15{padding-bottom:calc(var(--spacing) * 15)}.pl-1{padding-left:var(--spacing)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.7rem\]{font-size:.7rem}.text-\[10px\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-wrap{text-wrap:wrap}.break-keep{word-break:keep-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-900{color:var(--color-blue-900)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-800{color:var(--color-gray-800)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-red-600{color:var(--color-red-600)}.text-slate-500{color:var(--color-slate-500)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[height\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,opacity\,box-shadow\]{transition-property:transform,opacity,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[watch\:root\]{watch:root}.\[watch\:target\]{watch:target}@media (hover:hover){.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-\[\.98\]:active{scale:.98}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (width>=40rem){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:col-span-5{grid-column:span 5/span 5}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:col-span-7{grid-column:span 7/span 7}.sm\:col-span-8{grid-column:span 8/span 8}.sm\:col-span-9{grid-column:span 9/span 9}.sm\:col-span-10{grid-column:span 10/span 10}.sm\:col-span-11{grid-column:span 11/span 11}.sm\:col-span-12{grid-column:span 12/span 12}.sm\:max-w-screen-md{max-width:var(--breakpoint-md)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media (width>=48rem){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-span-9{grid-column:span 9/span 9}.md\:col-span-10{grid-column:span 10/span 10}.md\:col-span-11{grid-column:span 11/span 11}.md\:col-span-12{grid-column:span 12/span 12}.md\:max-w-screen-lg{max-width:var(--breakpoint-lg)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:col-span-11{grid-column:span 11/span 11}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:max-w-screen-xl{max-width:var(--breakpoint-xl)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media (width>=80rem){.xl\:col-span-1{grid-column:span 1/span 1}.xl\:col-span-2{grid-column:span 2/span 2}.xl\:col-span-3{grid-column:span 3/span 3}.xl\:col-span-4{grid-column:span 4/span 4}.xl\:col-span-5{grid-column:span 5/span 5}.xl\:col-span-6{grid-column:span 6/span 6}.xl\:col-span-7{grid-column:span 7/span 7}.xl\:col-span-8{grid-column:span 8/span 8}.xl\:col-span-9{grid-column:span 9/span 9}.xl\:col-span-10{grid-column:span 10/span 10}.xl\:col-span-11{grid-column:span 11/span 11}.xl\:col-span-12{grid-column:span 12/span 12}.xl\:max-w-screen-2xl{max-width:var(--breakpoint-2xl)}}.dark\:border-slate-700:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){border-color:var(--color-slate-700)}.dark\:bg-gray-800:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:var(--color-gray-800)}.dark\:bg-slate-800:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:var(--color-slate-800)}.dark\:bg-slate-900:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:var(--color-slate-900)}.dark\:text-blue-400:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-blue-400)}.dark\:text-slate-100:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-slate-100)}.dark\:text-slate-200:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-slate-200)}.dark\:text-white:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-white)}@media print{.print\:hidden{display:none}}}:root{--background:#f1f2ff;--appbar:#d6dfff;--appbar-darken:#c6c8ff;--toolbar:#e5f0f0;--toolbar-dark:#d0dcdc;--footer:#d6dfff;--drawer:#dbddff;--card:#e5e6f0;--menu:#ebebf5;--primary:#20a0e0;--secondary:#273f60;--surface-light:#eaeaf2;--surface:#ebebf5;--surface-dark:#dcdcf1;--error:#d56c5d;--success:#8cd88b;--warning:#bca66f;--field-background:#eaeaf2;--field-border:#000;--field-border-focus:#1a245f;--field-ring-focus:#6e79bb;--button:#9a6ed8;--button-hover:#805db1;--accent-button:#7425e4;--button-disabled:#c3c3c3;--icon:#9a6ed8;--accent-icon:#7425e4;--select-background:#d2d2ec;--select-hover:#bfbfe3;--textarea-outline-focus:#9d2817;--on-color:#000;--on-color-muted:#5f6b7a;--on-color-disabled:#8a93a3;--on-color-inverse:#fff;--surface-raised:#fff;--surface-subtle:#f5f6fb;--surface-hover:#e1e4ef;--border:#b7bdcc;--border-subtle:#dce0ea;--selection:#d2d2ec;--selection-hover:#bfbfe3;--selection-text:#172033;--overlay:#090d1c80;--error-soft:#f7ddda}:root.dark,:root[data-theme=dark]{--background:#040421;--appbar:#19192d;--appbar-darken:#060614;--toolbar:#252533;--toolbar-dark:#131321;--footer:#19192d;--drawer:#19192d;--drawer-dark:#060614;--card:#2b2b2b;--menu:#0c0c1f;--primary:#20a0e0;--secondary:#273f60;--surface-light:#18182d;--surface:#0c0c1f;--surface-dark:#090922;--error:#9d2817;--success:#0e730d;--warning:#a88418;--field-background:#18182d;--field-border:#6e79bb;--field-border-focus:#1a245f;--field-ring-focus:#6e79bb;--button:#5c22ad;--button-hover:#481c84;--accent-button:#7d48c8;--button-disabled:#333;--icon:#5c22ad;--accent-icon:#7d48c8;--select-background:#2e363e;--select-hover:#24292d;--textarea-outline-focus:#9d2817;--on-color:#fff;--on-color-muted:#abb5c8;--on-color-disabled:#69738a;--on-color-inverse:#090922;--surface-raised:#252533;--surface-subtle:#131321;--surface-hover:#2e363e;--border:#536078;--border-subtle:#343d50;--selection:#2e363e;--selection-hover:#3b4655;--selection-text:#eef1ff;--overlay:#0009;--error-soft:#4a1d20}.bg-background{background-color:var(--background)}.bg-appbar{background-color:var(--appbar)}.bg-appbar-darken{background-color:var(--appbar-darken)}.bg-toolbar{background-color:var(--toolbar)}.bg-toolbar-dark{background-color:var(--toolbar-dark)}.bg-footer{background-color:var(--footer)}.bg-drawer{background-color:var(--drawer)}.bg-card{background-color:var(--card)}.bg-menu{background-color:var(--menu)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-surface{background-color:var(--surface)}.bg-surface-dark{background-color:var(--surface-dark)}.bg-surface-light{background-color:var(--surface-light)}.bg-error{background-color:var(--error)}.bg-success{background-color:var(--success)}.bg-warning{background-color:var(--warning)}.border-primary{border-color:var(--primary)}.border-success{border-color:var(--success)}.border-error{border-color:var(--error)}.border-warning{border-color:var(--warning)}.border-surface{border-color:var(--surface)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.bg-button{background-color:var(--button)}.hover\:bg-button-hover:hover{background-color:var(--button-hover)}.bg-accent-button{background-color:var(--accent-button)}.bg-button-disabled{background-color:var(--button-disabled)}.bg-accent-button-icon{background-color:var(--accent-button-icon)}.bg-field-background{background-color:var(--field-background)}.field-border{border-color:var(--field-border)}.field-border-focus{border-color:var(--field-border-focus)}.field-ring-focus{border-color:var(--field-ring-focus)}.bg-select-background{background-color:var(--select-background)}.hover\:bg-select-hover:hover{background-color:var(--select-hover)}.textarea-outline-focus{outline-color:var(--textarea-outline-focus)}.bg-ui-surface{background-color:var(--surface)}.bg-ui-surface-raised{background-color:var(--surface-raised)}.bg-ui-surface-subtle{background-color:var(--surface-subtle)}.bg-ui-hover{background-color:var(--surface-hover)}.bg-ui-selection{background-color:var(--selection)}.bg-ui-overlay{background-color:var(--overlay)}.text-ui{color:var(--on-color)}.text-ui-muted{color:var(--on-color-muted)}.text-ui-disabled{color:var(--on-color-disabled)}.text-ui-inverse{color:var(--on-color-inverse)}.text-ui-selection{color:var(--selection-text)}.placeholder-ui::placeholder{color:var(--on-color-muted);opacity:.8}.border-ui{border-color:var(--border)}.border-ui-subtle{border-color:var(--border-subtle)}.border-ui-focus{border-color:var(--field-border-focus)}.ring-ui-focus{--tw-ring-color:var(--field-ring-focus)}.bg-ui-primary{background-color:var(--primary)}.text-ui-primary{color:var(--primary)}.border-ui-primary{border-color:var(--primary)}.bg-ui-success{background-color:var(--success)}.text-ui-success{color:var(--success)}.bg-ui-error{background-color:var(--error)}.bg-ui-error-soft{background-color:var(--error-soft)}.text-ui-error{color:var(--error)}.hover\:bg-ui-hover:hover{background-color:var(--surface-hover)}.hover\:bg-ui-selection-hover:hover{background-color:var(--selection-hover)}.hover\:bg-ui-primary:hover{background-color:var(--primary)}.hover\:text-ui:hover{color:var(--on-color)}.hover\:border-ui-primary:hover{border-color:var(--primary)}.shadow-ui-focus{box-shadow:0 0 0 1px var(--field-ring-focus)}.bg-neopos-ice-grid{background-color:var(--background);background-image:radial-gradient(circle at 0 0,#20a0e024,#0000 22rem),linear-gradient(#273f6012 1px,#0000 1px),linear-gradient(90deg,#273f6012 1px,#0000 1px);background-position:0 0,50%,50%;background-size:auto,26px 26px,26px 26px}.bg-neopos-mist-grid{background-color:var(--background);background-image:radial-gradient(circle at 0 0,#20a0e01a,#0000 24rem),linear-gradient(#273f600d 1px,#0000 1px),linear-gradient(90deg,#273f600d 1px,#0000 1px);background-position:0 0,50%,50%;background-size:auto,32px 32px,32px 32px}.bg-neopos-blueprint-grid{background-color:var(--background);background-image:radial-gradient(circle at 0 0,#20a0e029,#0000 20rem),linear-gradient(#273f6014 1px,#0000 1px),linear-gradient(90deg,#273f6014 1px,#0000 1px);background-position:0 0,50%,50%;background-size:auto,18px 18px,18px 18px}.bg-neopos-aurora-grid{background-color:var(--background);background-image:radial-gradient(circle at 0 0,#20a0e033,#0000 18rem),radial-gradient(circle at 100% 100%,#6e79bb1f,#0000 20rem),linear-gradient(#273f600f 1px,#0000 1px),linear-gradient(90deg,#273f600f 1px,#0000 1px);background-position:0 0,100% 100%,50%,50%;background-size:auto,auto,24px 24px,24px 24px}:root.dark .bg-neopos-ice-grid,:root[data-theme=dark] .bg-neopos-ice-grid,.dark .bg-neopos-ice-grid{background-image:radial-gradient(circle at 0 0,#20a0e029,#0000 20rem),linear-gradient(#b7d9f60f 1px,#0000 1px),linear-gradient(90deg,#b7d9f60f 1px,#0000 1px)}:root.dark .bg-neopos-mist-grid,:root[data-theme=dark] .bg-neopos-mist-grid,.dark .bg-neopos-mist-grid{background-image:radial-gradient(circle at 0 0,#20a0e01f,#0000 22rem),linear-gradient(#b7d9f60a 1px,#0000 1px),linear-gradient(90deg,#b7d9f60a 1px,#0000 1px)}:root.dark .bg-neopos-blueprint-grid,:root[data-theme=dark] .bg-neopos-blueprint-grid,.dark .bg-neopos-blueprint-grid{background-image:radial-gradient(circle at 0 0,#20a0e02e,#0000 18rem),linear-gradient(#b7d9f614 1px,#0000 1px),linear-gradient(90deg,#b7d9f614 1px,#0000 1px)}:root.dark .bg-neopos-aurora-grid,:root[data-theme=dark] .bg-neopos-aurora-grid,.dark .bg-neopos-aurora-grid{background-image:radial-gradient(circle at 0 0,#20a0e038,#0000 16rem),radial-gradient(circle at 100% 100%,#6e79bb24,#0000 18rem),linear-gradient(#b7d9f60d 1px,#0000 1px),linear-gradient(90deg,#b7d9f60d 1px,#0000 1px)}.bg-shell-grid{background-color:var(--background);background-image:radial-gradient(circle at 0 0,#20a0e024,#0000 22rem),linear-gradient(#273f6012 1px,#0000 1px),linear-gradient(90deg,#273f6012 1px,#0000 1px);background-position:0 0,50%,50%;background-size:auto,26px 26px,26px 26px}.bg-shell-grid-soft{background-color:var(--background);background-image:radial-gradient(circle at 0 0,#20a0e01a,#0000 24rem),linear-gradient(#273f600d 1px,#0000 1px),linear-gradient(90deg,#273f600d 1px,#0000 1px);background-position:0 0,50%,50%;background-size:auto,32px 32px,32px 32px}.bg-shell-grid-dense{background-color:var(--background);background-image:radial-gradient(circle at 0 0,#20a0e029,#0000 20rem),linear-gradient(#273f6014 1px,#0000 1px),linear-gradient(90deg,#273f6014 1px,#0000 1px);background-position:0 0,50%,50%;background-size:auto,18px 18px,18px 18px}:root.dark .bg-shell-grid,:root[data-theme=dark] .bg-shell-grid,.dark .bg-shell-grid{background-image:radial-gradient(circle at 0 0,#20a0e029,#0000 20rem),linear-gradient(#b7d9f60f 1px,#0000 1px),linear-gradient(90deg,#b7d9f60f 1px,#0000 1px)}:root.dark .bg-shell-grid-soft,:root[data-theme=dark] .bg-shell-grid-soft,.dark .bg-shell-grid-soft{background-image:radial-gradient(circle at 0 0,#20a0e01f,#0000 22rem),linear-gradient(#b7d9f60a 1px,#0000 1px),linear-gradient(90deg,#b7d9f60a 1px,#0000 1px)}:root.dark .bg-shell-grid-dense,:root[data-theme=dark] .bg-shell-grid-dense,.dark .bg-shell-grid-dense{background-image:radial-gradient(circle at 0 0,#20a0e02e,#0000 18rem),linear-gradient(#b7d9f614 1px,#0000 1px),linear-gradient(90deg,#b7d9f614 1px,#0000 1px)}body{background-color:var(--background);color:var(--on-color)}.ripple{opacity:.4;pointer-events:none;background:currentColor;border-radius:50%;animation:.6s linear ripple-animation;position:absolute;transform:scale(0)}@keyframes ripple-animation{to{opacity:0;transform:scale(4)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
1
+ .virtual-list[data-v-bc4f4b9f]{max-height:100%;overflow-y:auto}.kun-chip[data-v-b85baefa]{white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.kun-chip__prepend[data-v-b85baefa],.kun-chip__append[data-v-b85baefa],.kun-chip__close[data-v-b85baefa]{flex-shrink:0}.kun-chip__content[data-v-b85baefa]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kun-card-title[data-v-dc39e223]{align-items:center;width:100%;display:flex}.kun-card-title__prepend[data-v-dc39e223],.kun-card-title__append[data-v-dc39e223]{justify-content:center;align-items:center;display:flex}.kun-card-title__content[data-v-dc39e223]{overflow-wrap:break-word;white-space:normal;flex-direction:column;flex-grow:1;display:flex}.kun-clock[data-v-671b55fa]{z-index:9999;pointer-events:none;background-color:#0000;font-family:monospace;position:fixed;top:10px;right:10px}.kun-col[data-v-ff31dcf6]{grid-column:var(--kun-col-grid-column);min-width:0}@media (width>=40rem){.kun-col[data-v-ff31dcf6]{grid-column:var(--kun-col-grid-column-sm)}}@media (width>=48rem){.kun-col[data-v-ff31dcf6]{grid-column:var(--kun-col-grid-column-md)}}@media (width>=64rem){.kun-col[data-v-ff31dcf6]{grid-column:var(--kun-col-grid-column-lg)}}@media (width>=80rem){.kun-col[data-v-ff31dcf6]{grid-column:var(--kun-col-grid-column-xl)}}.checkerboard[data-v-0e6e2f87]{background-color:#fff;background-image:linear-gradient(45deg,#d1d5db 25%,#0000 25%),linear-gradient(-45deg,#d1d5db 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d1d5db 75%),linear-gradient(-45deg,#0000 75%,#d1d5db 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}#txt,#hide{font:inherit;margin:0;padding:0}#txt{text-align:center;text-overflow:ellipsis;min-width:50px;max-width:100%;padding:0 2px;overflow:hidden}#txt:focus-visible{outline:none}#hide{white-space:pre;height:0;position:absolute;overflow:hidden}.custom-scrollbar[data-v-2fe8c0d5]::-webkit-scrollbar{width:5px}.custom-scrollbar[data-v-2fe8c0d5]::-webkit-scrollbar-track{background:0 0}.custom-scrollbar[data-v-2fe8c0d5]::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:20px}.scale-95[data-v-2fe8c0d5]{transform:scale(.95)}.scale-100[data-v-2fe8c0d5]{transform:scale(1)}.kun-dnd-drop-zone{opacity:.45;filter:blur(.6px);outline-offset:-2px;box-shadow:none;outline:2px solid #22c55e;background:#22c55e38!important}.kun-dnd-parent .kun-dnd-item{touch-action:none;-webkit-user-select:none;user-select:none}.kun-list-item-avatar[data-v-44f7ab32]{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.kun-select-field[data-v-de30e6b4] input{cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none}body[data-v-bdd8380a]{-webkit-user-select:none;user-select:none}summary[data-v-a5fc2443]{list-style:none}summary[data-v-a5fc2443]::-webkit-details-marker{display:none}.fade-enter-active[data-v-33ece112],.fade-leave-active[data-v-33ece112]{transition:opacity .3s}.fade-enter-from[data-v-33ece112],.fade-leave-to[data-v-33ece112]{opacity:0}.horizontal-scroll-container[data-v-6fb87a4a]{-ms-overflow-style:none;scrollbar-width:none}.horizontal-scroll-container[data-v-6fb87a4a]::-webkit-scrollbar{display:none}.toast-slide-up-enter-active[data-v-35f7d338]{transition:all .3s ease-out}.toast-slide-up-leave-active[data-v-35f7d338]{transition:all .2s ease-in}.toast-slide-up-enter-from[data-v-35f7d338]{opacity:0;transform:translateY(20px)scale(.95)}.toast-slide-up-leave-to[data-v-35f7d338]{opacity:0;max-height:0;margin:0;padding:0;transform:translateY(-10px)scale(.95)}.toast-slide-up-move[data-v-35f7d338]{transition:transform .3s}.toast-slide-down-enter-active[data-v-35f7d338]{transition:all .3s ease-out}.toast-slide-down-leave-active[data-v-35f7d338]{transition:all .2s ease-in}.toast-slide-down-enter-from[data-v-35f7d338]{opacity:0;transform:translateY(-20px)scale(.95)}.toast-slide-down-leave-to[data-v-35f7d338]{opacity:0;max-height:0;margin:0;padding:0;transform:translateY(10px)scale(.95)}.toast-slide-down-move[data-v-35f7d338]{transition:transform .3s}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-500:oklch(58.5% .233 277.117);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-800:oklch(27.8% .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-normal:1.5;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-top-1{top:calc(var(--spacing) * -1)}.-top-2{top:calc(var(--spacing) * -2)}.-top-2\.25{top:calc(var(--spacing) * -2.25)}.-top-10{top:calc(var(--spacing) * -10)}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.right-0{right:0}.right-1{right:var(--spacing)}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-4{left:calc(var(--spacing) * 4)}.left-10{left:calc(var(--spacing) * 10)}.left-\[76px\]{left:76px}.z-5{z-index:5}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-250{z-index:250}.z-1000{z-index:1000}.z-\[2001\]{z-index:2001}.z-\[2500\]{z-index:2500}.z-\[9999\]{z-index:9999}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}.m-1{margin:var(--spacing)}.m-2{margin:calc(var(--spacing) * 2)}.m-3{margin:calc(var(--spacing) * 3)}.m-4{margin:calc(var(--spacing) * 4)}.mx-1{margin-inline:var(--spacing)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.ms-3{margin-inline-start:calc(var(--spacing) * 3)}.me-2{margin-inline-end:calc(var(--spacing) * 2)}.-mt-\[180px\]{margin-top:-180px}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-14{margin-left:calc(var(--spacing) * 14)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.h-0{height:0}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-1\/2{height:50%}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-64{height:calc(var(--spacing) * 64)}.h-\[1\.25rem\]{height:1.25rem}.h-\[1em\]{height:1em}.h-\[2px\]{height:2px}.h-\[48px\]{height:48px}.h-\[56px\]{height:56px}.h-\[64px\]{height:64px}.h-\[200px\]{height:200px}.h-\[480px\]{height:480px}.h-\[500px\]{height:500px}.h-auto{height:auto}.h-dvh{height:100dvh}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-\[400px\]{max-height:400px}.max-h-dvh{max-height:100dvh}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-\[20px\]{min-height:20px}.min-h-\[30px\]{min-height:30px}.min-h-\[32px\]{min-height:32px}.min-h-\[38px\]{min-height:38px}.min-h-\[40px\]{min-height:40px}.min-h-\[46px\]{min-height:46px}.min-h-\[48px\]{min-height:48px}.min-h-\[56px\]{min-height:56px}.min-h-\[64px\]{min-height:64px}.min-h-\[96px\]{min-height:96px}.min-h-dvh{min-height:100dvh}.w-0{width:0}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-90{width:calc(var(--spacing) * 90)}.w-\[1em\]{width:1em}.w-\[56px\]{width:56px}.w-\[256px\]{width:256px}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.max-w-1\/2{max-width:50%}.max-w-3\/4{max-width:75%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[300px\]{max-width:300px}.max-w-\[calc\(100vw-16px\)\]{max-width:calc(100vw - 16px)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-screen-sm{max-width:var(--breakpoint-sm)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-1\/3{min-width:33.3333%}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-\[3rem\]{min-width:3rem}.min-w-\[20px\]{min-width:20px}.min-w-\[32px\]{min-width:32px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.table-auto{table-layout:auto}.origin-bottom{transform-origin:bottom}.origin-bottom-left{transform-origin:0 100%}.origin-bottom-right{transform-origin:100% 100%}.origin-left{transform-origin:0}.origin-right{transform-origin:100%}.origin-top{transform-origin:top}.origin-top-left{transform-origin:0 0}.origin-top-right{transform-origin:100% 0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-2{--tw-translate-x:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-2{--tw-translate-x:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-3{--tw-translate-x:calc(var(--spacing) * 3);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4\.5{--tw-translate-x:calc(var(--spacing) * 4.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4\.25{--tw-translate-x:calc(var(--spacing) * 4.25);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-7{--tw-translate-x:calc(var(--spacing) * 7);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[shimmerX_var\]{animation:shimmerX var}.animate-\[shimmerY_var\]{animation:shimmerY var}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.self-end{align-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-current{border-color:currentColor}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-slate-200{border-color:var(--color-slate-200)}.border-transparent{border-color:#0000}.bg-black{background-color:var(--color-black)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-current{background-color:currentColor}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-500{background-color:var(--color-red-500)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-400{background-color:var(--color-slate-400)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-white\/50{--tw-gradient-via:#ffffff80}@supports (color:color-mix(in lab, red, red)){.via-white\/50{--tw-gradient-via:color-mix(in oklab, var(--color-white) 50%, transparent)}}.via-white\/50{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-\[length\:100\%_200\%\]{background-size:100% 200%}.bg-\[length\:200\%_100\%\]{background-size:200% 100%}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-15{padding-top:calc(var(--spacing) * 15)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-9{padding-bottom:calc(var(--spacing) * 9)}.pb-15{padding-bottom:calc(var(--spacing) * 15)}.pl-1{padding-left:var(--spacing)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.7rem\]{font-size:.7rem}.text-\[10px\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-wrap{text-wrap:wrap}.break-keep{word-break:keep-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-900{color:var(--color-blue-900)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-800{color:var(--color-gray-800)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-red-600{color:var(--color-red-600)}.text-slate-500{color:var(--color-slate-500)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[height\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,opacity\,box-shadow\]{transition-property:transform,opacity,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[watch\:root\]{watch:root}.\[watch\:target\]{watch:target}@media (hover:hover){.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-\[\.98\]:active{scale:.98}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (width>=40rem){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:col-span-5{grid-column:span 5/span 5}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:col-span-7{grid-column:span 7/span 7}.sm\:col-span-8{grid-column:span 8/span 8}.sm\:col-span-9{grid-column:span 9/span 9}.sm\:col-span-10{grid-column:span 10/span 10}.sm\:col-span-11{grid-column:span 11/span 11}.sm\:col-span-12{grid-column:span 12/span 12}.sm\:max-w-screen-md{max-width:var(--breakpoint-md)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media (width>=48rem){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-span-9{grid-column:span 9/span 9}.md\:col-span-10{grid-column:span 10/span 10}.md\:col-span-11{grid-column:span 11/span 11}.md\:col-span-12{grid-column:span 12/span 12}.md\:max-w-screen-lg{max-width:var(--breakpoint-lg)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:col-span-11{grid-column:span 11/span 11}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:max-w-screen-xl{max-width:var(--breakpoint-xl)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media (width>=80rem){.xl\:col-span-1{grid-column:span 1/span 1}.xl\:col-span-2{grid-column:span 2/span 2}.xl\:col-span-3{grid-column:span 3/span 3}.xl\:col-span-4{grid-column:span 4/span 4}.xl\:col-span-5{grid-column:span 5/span 5}.xl\:col-span-6{grid-column:span 6/span 6}.xl\:col-span-7{grid-column:span 7/span 7}.xl\:col-span-8{grid-column:span 8/span 8}.xl\:col-span-9{grid-column:span 9/span 9}.xl\:col-span-10{grid-column:span 10/span 10}.xl\:col-span-11{grid-column:span 11/span 11}.xl\:col-span-12{grid-column:span 12/span 12}.xl\:max-w-screen-2xl{max-width:var(--breakpoint-2xl)}}.dark\:border-slate-700:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){border-color:var(--color-slate-700)}.dark\:bg-gray-800:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:var(--color-gray-800)}.dark\:bg-slate-800:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:var(--color-slate-800)}.dark\:bg-slate-900:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:var(--color-slate-900)}.dark\:text-blue-400:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-blue-400)}.dark\:text-slate-100:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-slate-100)}.dark\:text-slate-200:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-slate-200)}.dark\:text-white:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-white)}@media print{.print\:hidden{display:none}}}:root{--background:#f1f2ff;--appbar:#d6dfff;--appbar-darken:#c6c8ff;--toolbar:#e5f0f0;--toolbar-dark:#d0dcdc;--footer:#d6dfff;--drawer:#dbddff;--card:#e5e6f0;--menu:#ebebf5;--primary:#20a0e0;--secondary:#273f60;--surface-light:#eaeaf2;--surface:#ebebf5;--surface-dark:#dcdcf1;--error:#d56c5d;--success:#8cd88b;--warning:#bca66f;--field-background:#eaeaf2;--field-border:#000;--field-border-focus:#1a245f;--field-ring-focus:#6e79bb;--button:#9a6ed8;--button-hover:#805db1;--accent-button:#7425e4;--button-disabled:#c3c3c3;--icon:#9a6ed8;--accent-icon:#7425e4;--select-background:#d2d2ec;--select-hover:#bfbfe3;--textarea-outline-focus:#9d2817;--on-color:#000;--on-color-muted:#5f6b7a;--on-color-disabled:#8a93a3;--on-color-inverse:#fff;--surface-raised:#fff;--surface-subtle:#f5f6fb;--surface-hover:#e1e4ef;--border:#b7bdcc;--border-subtle:#dce0ea;--selection:#d2d2ec;--selection-hover:#bfbfe3;--selection-text:#172033;--overlay:#090d1c80;--error-soft:#f7ddda}:root.dark,:root[data-theme=dark]{--background:#040421;--appbar:#19192d;--appbar-darken:#060614;--toolbar:#252533;--toolbar-dark:#131321;--footer:#19192d;--drawer:#19192d;--drawer-dark:#060614;--card:#2b2b2b;--menu:#0c0c1f;--primary:#20a0e0;--secondary:#273f60;--surface-light:#18182d;--surface:#0c0c1f;--surface-dark:#090922;--error:#9d2817;--success:#0e730d;--warning:#a88418;--field-background:#18182d;--field-border:#6e79bb;--field-border-focus:#1a245f;--field-ring-focus:#6e79bb;--button:#5c22ad;--button-hover:#481c84;--accent-button:#7d48c8;--button-disabled:#333;--icon:#5c22ad;--accent-icon:#7d48c8;--select-background:#2e363e;--select-hover:#24292d;--textarea-outline-focus:#9d2817;--on-color:#fff;--on-color-muted:#abb5c8;--on-color-disabled:#69738a;--on-color-inverse:#090922;--surface-raised:#252533;--surface-subtle:#131321;--surface-hover:#2e363e;--border:#536078;--border-subtle:#343d50;--selection:#2e363e;--selection-hover:#3b4655;--selection-text:#eef1ff;--overlay:#0009;--error-soft:#4a1d20}.bg-background{background-color:var(--background)}.bg-appbar{background-color:var(--appbar)}.bg-appbar-darken{background-color:var(--appbar-darken)}.bg-toolbar{background-color:var(--toolbar)}.bg-toolbar-dark{background-color:var(--toolbar-dark)}.bg-footer{background-color:var(--footer)}.bg-drawer{background-color:var(--drawer)}.bg-card{background-color:var(--card)}.bg-menu{background-color:var(--menu)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-surface{background-color:var(--surface)}.bg-surface-dark{background-color:var(--surface-dark)}.bg-surface-light{background-color:var(--surface-light)}.bg-error{background-color:var(--error)}.bg-success{background-color:var(--success)}.bg-warning{background-color:var(--warning)}.border-primary{border-color:var(--primary)}.border-success{border-color:var(--success)}.border-error{border-color:var(--error)}.border-warning{border-color:var(--warning)}.border-surface{border-color:var(--surface)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.bg-button{background-color:var(--button)}.hover\:bg-button-hover:hover{background-color:var(--button-hover)}.bg-accent-button{background-color:var(--accent-button)}.bg-button-disabled{background-color:var(--button-disabled)}.bg-accent-button-icon{background-color:var(--accent-button-icon)}.bg-field-background{background-color:var(--field-background)}.field-border{border-color:var(--field-border)}.field-border-focus{border-color:var(--field-border-focus)}.field-ring-focus{border-color:var(--field-ring-focus)}.bg-select-background{background-color:var(--select-background)}.hover\:bg-select-hover:hover{background-color:var(--select-hover)}.textarea-outline-focus{outline-color:var(--textarea-outline-focus)}.bg-ui-surface{background-color:var(--surface)}.bg-ui-surface-raised{background-color:var(--surface-raised)}.bg-ui-surface-subtle{background-color:var(--surface-subtle)}.bg-ui-hover{background-color:var(--surface-hover)}.bg-ui-selection{background-color:var(--selection)}.bg-ui-overlay{background-color:var(--overlay)}.text-ui{color:var(--on-color)}.text-ui-muted{color:var(--on-color-muted)}.text-ui-disabled{color:var(--on-color-disabled)}.text-ui-inverse{color:var(--on-color-inverse)}.text-ui-selection{color:var(--selection-text)}.placeholder-ui::placeholder{color:var(--on-color-muted);opacity:.8}.border-ui{border-color:var(--border)}.border-ui-subtle{border-color:var(--border-subtle)}.border-ui-focus{border-color:var(--field-border-focus)}.ring-ui-focus{--tw-ring-color:var(--field-ring-focus)}.bg-ui-primary{background-color:var(--primary)}.text-ui-primary{color:var(--primary)}.border-ui-primary{border-color:var(--primary)}.bg-ui-success{background-color:var(--success)}.text-ui-success{color:var(--success)}.bg-ui-error{background-color:var(--error)}.bg-ui-error-soft{background-color:var(--error-soft)}.text-ui-error{color:var(--error)}.hover\:bg-ui-hover:hover{background-color:var(--surface-hover)}.hover\:bg-ui-selection-hover:hover{background-color:var(--selection-hover)}.hover\:bg-ui-primary:hover{background-color:var(--primary)}.hover\:text-ui:hover{color:var(--on-color)}.hover\:border-ui-primary:hover{border-color:var(--primary)}.shadow-ui-focus{box-shadow:0 0 0 1px var(--field-ring-focus)}.bg-neopos-ice-grid{background-color:var(--background);background-image:radial-gradient(circle at 0 0,#20a0e024,#0000 22rem),linear-gradient(#273f6012 1px,#0000 1px),linear-gradient(90deg,#273f6012 1px,#0000 1px);background-position:0 0,50%,50%;background-size:auto,26px 26px,26px 26px}.bg-neopos-mist-grid{background-color:var(--background);background-image:radial-gradient(circle at 0 0,#20a0e01a,#0000 24rem),linear-gradient(#273f600d 1px,#0000 1px),linear-gradient(90deg,#273f600d 1px,#0000 1px);background-position:0 0,50%,50%;background-size:auto,32px 32px,32px 32px}.bg-neopos-blueprint-grid{background-color:var(--background);background-image:radial-gradient(circle at 0 0,#20a0e029,#0000 20rem),linear-gradient(#273f6014 1px,#0000 1px),linear-gradient(90deg,#273f6014 1px,#0000 1px);background-position:0 0,50%,50%;background-size:auto,18px 18px,18px 18px}.bg-neopos-aurora-grid{background-color:var(--background);background-image:radial-gradient(circle at 0 0,#20a0e033,#0000 18rem),radial-gradient(circle at 100% 100%,#6e79bb1f,#0000 20rem),linear-gradient(#273f600f 1px,#0000 1px),linear-gradient(90deg,#273f600f 1px,#0000 1px);background-position:0 0,100% 100%,50%,50%;background-size:auto,auto,24px 24px,24px 24px}:root.dark .bg-neopos-ice-grid,:root[data-theme=dark] .bg-neopos-ice-grid,.dark .bg-neopos-ice-grid{background-image:radial-gradient(circle at 0 0,#20a0e029,#0000 20rem),linear-gradient(#b7d9f60f 1px,#0000 1px),linear-gradient(90deg,#b7d9f60f 1px,#0000 1px)}:root.dark .bg-neopos-mist-grid,:root[data-theme=dark] .bg-neopos-mist-grid,.dark .bg-neopos-mist-grid{background-image:radial-gradient(circle at 0 0,#20a0e01f,#0000 22rem),linear-gradient(#b7d9f60a 1px,#0000 1px),linear-gradient(90deg,#b7d9f60a 1px,#0000 1px)}:root.dark .bg-neopos-blueprint-grid,:root[data-theme=dark] .bg-neopos-blueprint-grid,.dark .bg-neopos-blueprint-grid{background-image:radial-gradient(circle at 0 0,#20a0e02e,#0000 18rem),linear-gradient(#b7d9f614 1px,#0000 1px),linear-gradient(90deg,#b7d9f614 1px,#0000 1px)}:root.dark .bg-neopos-aurora-grid,:root[data-theme=dark] .bg-neopos-aurora-grid,.dark .bg-neopos-aurora-grid{background-image:radial-gradient(circle at 0 0,#20a0e038,#0000 16rem),radial-gradient(circle at 100% 100%,#6e79bb24,#0000 18rem),linear-gradient(#b7d9f60d 1px,#0000 1px),linear-gradient(90deg,#b7d9f60d 1px,#0000 1px)}.bg-shell-grid{background-color:var(--background);background-image:radial-gradient(circle at 0 0,#20a0e024,#0000 22rem),linear-gradient(#273f6012 1px,#0000 1px),linear-gradient(90deg,#273f6012 1px,#0000 1px);background-position:0 0,50%,50%;background-size:auto,26px 26px,26px 26px}.bg-shell-grid-soft{background-color:var(--background);background-image:radial-gradient(circle at 0 0,#20a0e01a,#0000 24rem),linear-gradient(#273f600d 1px,#0000 1px),linear-gradient(90deg,#273f600d 1px,#0000 1px);background-position:0 0,50%,50%;background-size:auto,32px 32px,32px 32px}.bg-shell-grid-dense{background-color:var(--background);background-image:radial-gradient(circle at 0 0,#20a0e029,#0000 20rem),linear-gradient(#273f6014 1px,#0000 1px),linear-gradient(90deg,#273f6014 1px,#0000 1px);background-position:0 0,50%,50%;background-size:auto,18px 18px,18px 18px}:root.dark .bg-shell-grid,:root[data-theme=dark] .bg-shell-grid,.dark .bg-shell-grid{background-image:radial-gradient(circle at 0 0,#20a0e029,#0000 20rem),linear-gradient(#b7d9f60f 1px,#0000 1px),linear-gradient(90deg,#b7d9f60f 1px,#0000 1px)}:root.dark .bg-shell-grid-soft,:root[data-theme=dark] .bg-shell-grid-soft,.dark .bg-shell-grid-soft{background-image:radial-gradient(circle at 0 0,#20a0e01f,#0000 22rem),linear-gradient(#b7d9f60a 1px,#0000 1px),linear-gradient(90deg,#b7d9f60a 1px,#0000 1px)}:root.dark .bg-shell-grid-dense,:root[data-theme=dark] .bg-shell-grid-dense,.dark .bg-shell-grid-dense{background-image:radial-gradient(circle at 0 0,#20a0e02e,#0000 18rem),linear-gradient(#b7d9f614 1px,#0000 1px),linear-gradient(90deg,#b7d9f614 1px,#0000 1px)}body{background-color:var(--background);color:var(--on-color)}.ripple{opacity:.4;pointer-events:none;background:currentColor;border-radius:50%;animation:.6s linear ripple-animation;position:absolute;transform:scale(0)}@keyframes ripple-animation{to{opacity:0;transform:scale(4)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
2
2
  /*$vite$:1*/
package/dist/components/KunSelect/src/components/KunSelect.js ADDED
@@ -0,0 +1,313 @@
1
+ import { __exportAll as e } from "../../../../_virtual/_rolldown/runtime.js";
2
+ import t from "../../../KunIcon/src/components/KunIcon.js";
3
+ import n from "../../../KunBtn/src/components/KunBtn.js";
4
+ import r from "../../../../_virtual/_plugin-vue_export-helper.js";
5
+ import { icons as i } from "../../../../icons/index.js";
6
+ import { isArray as a, isNotEmpty as o } from "../../../../utils/utils.js";
7
+ import ee from "../../../KunList/src/components/KunList.js";
8
+ import s from "../../../KunListItem/src/components/KunListItem.js";
9
+ import c from "../../../KunListItemTitle/src/components/KunListItemTitle.js";
10
+ import te from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.js";
11
+ import ne from "../../../KunMenu/src/components/KunMenu.js";
12
+ import re from "../../../KunTextField/src/components/KunTextField.js";
13
+ import l from "../../../KunChip/src/components/KunChip.js";
14
+ import { useSelect as u } from "../composables/useSelect.js";
15
+ import { KunSelectProps as d } from "../composables/KunSelectProps.js";
16
+ /* empty css */
17
+ import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as ie, createSlots as ae, createTextVNode as _, createVNode as v, isRef as oe, mergeModels as y, mergeProps as se, nextTick as b, normalizeClass as x, onBeforeUnmount as ce, onMounted as le, openBlock as S, ref as C, renderList as w, toDisplayString as T, unref as E, useModel as D, vShow as ue, watch as O, withCtx as k, withDirectives as de, withModifiers as A } from "vue";
18
+ //#region src/components/KunSelect/src/components/KunSelect.vue
19
+ var j = /* @__PURE__ */ e({ default: () => M }), fe = { class: "flex items-center" }, pe = {
20
+ key: 0,
21
+ class: "sticky top-0 z-10 p-2 border-b bg-select-background"
22
+ }, M = /*#__PURE__*/ r({
23
+ __name: "KunSelect",
24
+ props: /*@__PURE__*/ y(d, {
25
+ modelValue: { default: null },
26
+ modelModifiers: {},
27
+ items: {
28
+ default: [],
29
+ type: Array
30
+ },
31
+ itemsModifiers: {}
32
+ }),
33
+ emits: /*@__PURE__*/ y([
34
+ "update:modelValue",
35
+ "selectedItem",
36
+ "createItem",
37
+ "validation",
38
+ "keyDown",
39
+ "cleared"
40
+ ], ["update:modelValue", "update:items"]),
41
+ setup(e, { expose: r, emit: d }) {
42
+ let y = D(e, "modelValue"), j = D(e, "items"), M = e, N = d, { textFieldRef: P, listRef: F, menuModel: I, displayText: me, removeItem: he, clearSelection: L, closeMenu: R, openMenu: ge, toggleMenu: z, getSelectedItem: _e, textArr: ve, getArrayText: B, checkIfValueExist: ye, extractValueKey: V, createItem: be, checkDisabled: xe, itemToString: H, placeholder: Se } = u(M, N, y, j), Ce = p(() => {
43
+ let e = y.value;
44
+ return e == null || e === "" ? !1 : !a(e) || e.length > 0;
45
+ });
46
+ function we(e) {
47
+ try {
48
+ if (M.multiple) return ye(e);
49
+ let t = y.value;
50
+ return t == null || t === "" ? !1 : V(e) === V(t);
51
+ } catch {
52
+ return !1;
53
+ }
54
+ }
55
+ let U = C(null), W = C(9999), G = p(() => a(y.value) ? y.value.length : 0), K = p(() => Math.max(0, G.value - W.value)), Te = p(() => {
56
+ if (!K.value) return "";
57
+ try {
58
+ return y.value.slice(W.value).map((e) => B(e)).join(", ");
59
+ } catch {
60
+ return "";
61
+ }
62
+ }), q = 0;
63
+ async function J() {
64
+ let e = ++q;
65
+ if (await b(), e !== q) return;
66
+ let t = U.value;
67
+ if (!t || !G.value) return;
68
+ let n = G.value;
69
+ if (W.value = n, await b(), e !== q || !t.clientWidth) return;
70
+ let r = G.value + 2;
71
+ for (; r-- > 0;) {
72
+ let t = U.value;
73
+ if (!t) return;
74
+ if (t.scrollWidth <= t.clientWidth + 2 || n <= 0) break;
75
+ if (n--, W.value = n, await b(), e !== q) return;
76
+ }
77
+ }
78
+ O(() => y.value, () => J(), { deep: !0 });
79
+ let Y = null;
80
+ le(() => {
81
+ M.focusOnRender && P.value.focus(), J(), Y = new ResizeObserver(() => J()), X.value && Y.observe(X.value);
82
+ }), ce(() => {
83
+ q++, Y?.disconnect();
84
+ });
85
+ let X = C(null), Z = C(""), Q = (e) => {
86
+ for (let t of M.rules) {
87
+ let n = t(e ?? y.value);
88
+ if (n !== !0) return Z.value = n, N("validation", !1), !1;
89
+ }
90
+ return Z.value = "", N("validation", !0), !0;
91
+ };
92
+ O(() => y.value, (e) => {
93
+ o(M.rules) && Q(e);
94
+ }), O(() => M.disabled, () => {
95
+ R();
96
+ });
97
+ function $() {
98
+ I.value = !1, P.value.inputField?.focus();
99
+ }
100
+ function Ee(e) {
101
+ if (M.disabled || M.readonly) return;
102
+ let t = e.key;
103
+ if (t === "Tab" || t === "Escape") {
104
+ R(), N("keyDown", t);
105
+ return;
106
+ }
107
+ if (["ArrowUp", "ArrowDown"].includes(t)) {
108
+ e.preventDefault(), I.value || ge(), F.value?.focusWithKey?.(t);
109
+ return;
110
+ }
111
+ if (t === "Enter" || t === " ") {
112
+ e.preventDefault(), z();
113
+ return;
114
+ }
115
+ N("keyDown", t);
116
+ }
117
+ function De() {
118
+ M.disabled || M.readonly || Q(y.value);
119
+ }
120
+ function Oe(e) {
121
+ e.key === "Escape" && $();
122
+ }
123
+ return r({
124
+ focus: () => !(M.disabled || M.readonly) && b(() => P.value?.focus()),
125
+ validate: Q
126
+ }), (e, r) => (S(), g("div", {
127
+ class: "w-full h-fit",
128
+ ref_key: "parentRef",
129
+ ref: X
130
+ }, [v(re, se({ "model-value": E(me) }, e.textFieldProps, {
131
+ label: e.label,
132
+ disabled: e.disabled,
133
+ readonly: !0,
134
+ dirty: "",
135
+ "hide-details": e.hideDetails,
136
+ density: e.density,
137
+ ref_key: "textFieldRef",
138
+ ref: P,
139
+ autocomplete: "off",
140
+ class: "kun-select-field",
141
+ rounded: E(I) ? "rounded-t" : "rounded",
142
+ placeholder: M.multiple && E(a)(y.value) && y.value.length ? "" : E(Se),
143
+ error: !!Z.value,
144
+ "error-messages": Z.value,
145
+ onHandleClick: E(z),
146
+ onFocus: De,
147
+ onKeyDown: Ee
148
+ }), ae({
149
+ "prepend-input-content": k(() => [E(a)(y.value) && E(o)(y.value) ? (S(), g("div", {
150
+ key: 0,
151
+ ref_key: "chipsWrapRef",
152
+ ref: U,
153
+ class: "flex min-w-0 max-w-full flex-nowrap items-center gap-1 overflow-hidden",
154
+ onClick: r[0] ||= (t) => !e.disabled && !e.readonly && E(z)()
155
+ }, [(S(!0), g(f, null, w(y.value, (n, r) => de((S(), m(l, {
156
+ key: typeof n == "object" && n ? n.id ?? n.name ?? r : n ?? r,
157
+ "data-chip": r,
158
+ size: "small",
159
+ variant: "pill",
160
+ class: "shrink-0"
161
+ }, {
162
+ default: k(() => [ie("div", fe, [_(T(E(B)(n)) + " ", 1), !e.disabled && !e.readonly ? (S(), m(t, {
163
+ key: 0,
164
+ color: "error",
165
+ icon: E(i).close,
166
+ size: "small",
167
+ class: "ml-1",
168
+ onClick: A((e) => E(he)(n), ["stop"])
169
+ }, null, 8, ["icon", "onClick"])) : h("", !0)])]),
170
+ _: 2
171
+ }, 1032, ["data-chip"])), [[ue, r < W.value]])), 128)), K.value > 0 ? (S(), m(l, {
172
+ key: 0,
173
+ size: "small",
174
+ variant: "pill",
175
+ class: "shrink-0",
176
+ title: Te.value
177
+ }, {
178
+ default: k(() => [_(" +" + T(K.value) + " ... ", 1)]),
179
+ _: 1
180
+ }, 8, ["title"])) : h("", !0)], 512)) : h("", !0)]),
181
+ default: k(() => [v(ne, {
182
+ transition: "fade",
183
+ "onClick:outside": E(R),
184
+ modelValue: E(I),
185
+ "onUpdate:modelValue": r[1] ||= (e) => oe(I) ? I.value = e : null,
186
+ activator: "parent",
187
+ "z-index": e.zIndex,
188
+ "parent-ref": X.value,
189
+ origin: e.menuOrigin,
190
+ onHandleEscape: $,
191
+ bgColor: e.bgMenuColor,
192
+ "close-on-content-click": !M.multiple && e.closeOnSelect,
193
+ width: "w-full",
194
+ "max-height": e.maxHeight,
195
+ "hide-details": e.hideDetails
196
+ }, {
197
+ default: k(() => [e.hasCreateItem ? (S(), g("div", pe, [v(n, {
198
+ onClick: E(be),
199
+ bgColor: e.btnCreateBg,
200
+ class: x(e.btnCreateClass)
201
+ }, {
202
+ default: k(() => [_(T(e.btnCreateText), 1)]),
203
+ _: 1
204
+ }, 8, [
205
+ "onClick",
206
+ "bgColor",
207
+ "class"
208
+ ])])) : h("", !0), v(ee, {
209
+ "onClick:select": E(_e),
210
+ ref_key: "listRef",
211
+ ref: F,
212
+ onKeyDown: Oe,
213
+ selectable: !1
214
+ }, {
215
+ default: k(() => [j.value.length ? (S(!0), g(f, { key: 0 }, w(j.value, (t, n) => (S(), m(s, {
216
+ key: `kun-select-${n + 1}`,
217
+ id: `kun-item-${n + 1}`,
218
+ value: t,
219
+ disabled: E(xe)(t),
220
+ "bg-items": e.bgItemListColor,
221
+ "hover-bg": e.hoverItemListColor,
222
+ activeClass: e.selectedItemListColor,
223
+ density: e.density,
224
+ selectable: !0,
225
+ active: we(t),
226
+ rounded: "none"
227
+ }, {
228
+ default: k(() => [v(c, { class: "text-wrap" }, {
229
+ default: k(() => [_(T(E(H)(t, e.itemTitle ?? E(ve), "hasDefault")), 1)]),
230
+ _: 2
231
+ }, 1024), v(te, { text: e.itemSubtitle ? E(H)(t, e.itemSubtitle) : "" }, null, 8, ["text"])]),
232
+ _: 2
233
+ }, 1032, [
234
+ "id",
235
+ "value",
236
+ "disabled",
237
+ "bg-items",
238
+ "hover-bg",
239
+ "activeClass",
240
+ "density",
241
+ "active"
242
+ ]))), 128)) : (S(), m(s, {
243
+ key: 1,
244
+ disabled: ""
245
+ }, {
246
+ default: k(() => [v(c, { class: x(["text-center w-full", e.emptyTextClass]) }, {
247
+ default: k(() => [_(T(e.textNoItems), 1)]),
248
+ _: 1
249
+ }, 8, ["class"])]),
250
+ _: 1
251
+ }))]),
252
+ _: 1
253
+ }, 8, ["onClick:select"])]),
254
+ _: 1
255
+ }, 8, [
256
+ "onClick:outside",
257
+ "modelValue",
258
+ "z-index",
259
+ "parent-ref",
260
+ "origin",
261
+ "bgColor",
262
+ "close-on-content-click",
263
+ "max-height",
264
+ "hide-details"
265
+ ])]),
266
+ _: 2
267
+ }, [e.hasIcons ? {
268
+ name: "append-inner",
269
+ fn: k(() => [
270
+ e.clearable && Ce.value && !e.disabled && !e.readonly ? (S(), m(t, {
271
+ key: 0,
272
+ onClick: A(E(L), ["stop"]),
273
+ size: "small",
274
+ color: "error",
275
+ icon: E(i).close,
276
+ class: "mr-1 mt-1"
277
+ }, null, 8, ["onClick", "icon"])) : h("", !0),
278
+ v(t, {
279
+ color: e.iconColor,
280
+ size: "large",
281
+ class: "cursor-pointer",
282
+ icon: E(I) ? E(i).menuUpOutline : E(i).menuDownOutline,
283
+ onClick: A(E(z), ["stop"])
284
+ }, null, 8, [
285
+ "color",
286
+ "icon",
287
+ "onClick"
288
+ ]),
289
+ e.required ? (S(), m(t, {
290
+ key: 1,
291
+ color: e.requiredIconColor,
292
+ size: "x-small",
293
+ class: "mb-4",
294
+ icon: E(i).asterisk
295
+ }, null, 8, ["color", "icon"])) : h("", !0)
296
+ ]),
297
+ key: "0"
298
+ } : void 0]), 1040, [
299
+ "model-value",
300
+ "label",
301
+ "disabled",
302
+ "hide-details",
303
+ "density",
304
+ "rounded",
305
+ "placeholder",
306
+ "error",
307
+ "error-messages",
308
+ "onHandleClick"
309
+ ])], 512));
310
+ }
311
+ }, [["__scopeId", "data-v-de30e6b4"]]);
312
+ //#endregion
313
+ export { j as KunSelect_exports, M as default };
package/dist/components/KunSelect/src/composables/KunSelectProps.js ADDED
@@ -0,0 +1,155 @@
1
+ //#region src/components/KunSelect/src/composables/KunSelectProps.js
2
+ var e = {
3
+ label: {
4
+ type: String,
5
+ default: ""
6
+ },
7
+ itemValue: {
8
+ type: String,
9
+ default: null
10
+ },
11
+ itemTitle: {
12
+ type: [String, Array],
13
+ default: null
14
+ },
15
+ itemText: {
16
+ type: [String, Array],
17
+ default: null
18
+ },
19
+ itemSubtitle: {
20
+ type: [String, Array],
21
+ default: null
22
+ },
23
+ returnObject: {
24
+ type: Boolean,
25
+ default: !1
26
+ },
27
+ focusOnRender: {
28
+ type: Boolean,
29
+ default: !1
30
+ },
31
+ focusOnSelect: {
32
+ type: Boolean,
33
+ default: !1
34
+ },
35
+ clearable: {
36
+ type: Boolean,
37
+ default: !1
38
+ },
39
+ clearOnSelect: {
40
+ type: Boolean,
41
+ default: !1
42
+ },
43
+ closeOnSelect: {
44
+ type: Boolean,
45
+ default: !0
46
+ },
47
+ menuOrigin: {
48
+ type: String,
49
+ default: "bottom left"
50
+ },
51
+ placeholder: {
52
+ type: String,
53
+ default: ""
54
+ },
55
+ placeholderText: {
56
+ type: String,
57
+ default: "Seleccionar"
58
+ },
59
+ textNoItems: {
60
+ type: String,
61
+ default: "No hay elementos"
62
+ },
63
+ hasCreateItem: {
64
+ type: Boolean,
65
+ default: !1
66
+ },
67
+ btnCreateClass: {
68
+ type: String,
69
+ default: "w-full"
70
+ },
71
+ btnCreateBg: {
72
+ type: String,
73
+ default: "bg-success"
74
+ },
75
+ btnCreateText: {
76
+ type: String,
77
+ default: "Crear item"
78
+ },
79
+ multiple: {
80
+ type: Boolean,
81
+ default: !1
82
+ },
83
+ required: {
84
+ type: Boolean,
85
+ default: !1
86
+ },
87
+ disabled: {
88
+ type: Boolean,
89
+ default: !1
90
+ },
91
+ readonly: {
92
+ type: Boolean,
93
+ default: !1
94
+ },
95
+ height: { default: "h-[500px]" },
96
+ maxHeight: { default: void 0 },
97
+ density: {
98
+ type: String,
99
+ default: "default"
100
+ },
101
+ zIndex: {
102
+ type: String,
103
+ default: "z-250"
104
+ },
105
+ hideDetails: {
106
+ type: Boolean,
107
+ default: !0
108
+ },
109
+ hasIcons: {
110
+ type: Boolean,
111
+ default: !0
112
+ },
113
+ textFieldProps: {
114
+ type: Object,
115
+ default: () => ({})
116
+ },
117
+ iconColor: {
118
+ type: String,
119
+ default: "text-ui-primary"
120
+ },
121
+ requiredIconColor: {
122
+ type: String,
123
+ default: "text-ui-primary"
124
+ },
125
+ emptyTextClass: {
126
+ type: String,
127
+ default: "text-ui-muted"
128
+ },
129
+ bgMenuColor: {
130
+ type: String,
131
+ default: "bg-menu"
132
+ },
133
+ bgItemListColor: {
134
+ type: String,
135
+ default: "bg-transparent"
136
+ },
137
+ selectedItemListColor: {
138
+ type: String,
139
+ default: "bg-ui-selection text-ui-selection"
140
+ },
141
+ hoverItemListColor: {
142
+ type: String,
143
+ default: "hover:bg-ui-selection-hover"
144
+ },
145
+ attach: {
146
+ type: Boolean,
147
+ default: !1
148
+ },
149
+ rules: {
150
+ type: Array,
151
+ default: () => []
152
+ }
153
+ };
154
+ //#endregion
155
+ export { e as KunSelectProps };
package/dist/components/KunSelect/src/composables/useSelect.js ADDED
@@ -0,0 +1,138 @@
1
+ import { fullCopy as e, isArray as t, isObject as n } from "../../../../utils/utils.js";
2
+ import { computed as r, nextTick as i, ref as a, watch as o } from "vue";
3
+ //#region src/components/KunSelect/src/composables/useSelect.js
4
+ function s(s, c, l, u) {
5
+ let d = a(s.multiple ? [] : null), f = a(null), p = a(null), m = a(!1), h = (e) => {
6
+ let t = s.itemTitle ?? s.itemText ?? y.value;
7
+ return s.returnObject ? b(e, t, "hasDefault") : b(g(e), t, "hasDefault");
8
+ };
9
+ function g(e) {
10
+ return n(e) ? e : (u.value?.length ? u.value : t(d.value) ? d.value : []).find((t) => n(t) ? w(t) === e : t === e) ?? e;
11
+ }
12
+ let _ = r(() => {
13
+ if (s.multiple) return "";
14
+ let e = d.value;
15
+ if (e == null || e === "") return "";
16
+ if (n(e)) return b(e, s.itemTitle ?? s.itemText, "hasDefault");
17
+ let t = g(e);
18
+ return n(t) ? b(t, s.itemTitle ?? s.itemText, "hasDefault") : t?.toString?.() ?? "";
19
+ }), v = r(() => s.placeholder ? s.placeholder : u.value.length ? s.placeholderText : s.textNoItems), y = r(() => {
20
+ let e = s.itemText;
21
+ return typeof e == "string" && e.includes(",") ? e.split(",") : e;
22
+ });
23
+ function b(e, r, i) {
24
+ if (n(e)) {
25
+ if (r) {
26
+ if (t(r)) return r.map((t) => {
27
+ if (t.includes(".")) {
28
+ let n = t.split("."), r = e;
29
+ for (let e of n) r = r == null ? "" : r[e];
30
+ return r ?? "No definido";
31
+ }
32
+ return e[t] ?? "No definido";
33
+ }).join(" - ");
34
+ if (r.includes(",")) return r.split(",").map((t) => e[t]).join(" - ");
35
+ if (r.includes(".")) {
36
+ let t = r.split("."), n = e;
37
+ for (let e of t) n = n == null ? "" : n[e];
38
+ return n;
39
+ }
40
+ return !s.returnObject && typeof e[r] == "number" || e[r] !== void 0 && e[r] !== null ? e[r].toString() : "";
41
+ }
42
+ if (i) return Object.values(e)[0];
43
+ }
44
+ return t(e) ? e.map((e) => b(e, r, i)).join(" - ") : i && e != null && typeof e != "number" && typeof e != "object" ? e.includes(",") ? e.split(",") : e : e?.toString?.() ?? "";
45
+ }
46
+ function x(t) {
47
+ if (!(s.disabled || s.readonly || N(t))) try {
48
+ let r = null;
49
+ if (d.value = e(t), !s.multiple) r = s.returnObject ? e(t) : n(t) ? s.itemValue ? t[s.itemValue] : Object.values(t)[0] : t, s.closeOnSelect && (m.value = !1), s.focusOnSelect && k();
50
+ else if (C(t)) {
51
+ t && T(t);
52
+ return;
53
+ } else {
54
+ let i = s.returnObject ? e(t) : n(t) ? s.itemValue ? t[s.itemValue] : Object.values(t)[0] : t;
55
+ r = [...l.value || [], i];
56
+ }
57
+ l.value === r ? c("update:modelValue", r) : l.value = r, c("selectedItem", d.value);
58
+ } catch {} finally {
59
+ s.clearOnSelect && i(() => M());
60
+ }
61
+ }
62
+ o([() => l.value, () => u.value], ([e]) => {
63
+ let t = S(e);
64
+ JSON.stringify(d.value) !== JSON.stringify(t) && (d.value = t);
65
+ }, { immediate: !0 });
66
+ function S(e) {
67
+ return e == null || e === "" ? s.multiple ? [] : null : s.multiple && Array.isArray(e) ? s.returnObject ? e : e.map((e) => n(e) ? e : (u.value?.length ? u.value : t(d.value) ? d.value : []).find((t) => n(t) ? w(t) === e : t === e) ?? e) : s.returnObject ? e : (u.value?.length ? u.value : t(d.value) ? d.value : []).find((t) => n(t) ? w(t) === e : t === e) ?? e;
68
+ }
69
+ function C(e) {
70
+ if (!l.value || !e) return !1;
71
+ let t = w(e);
72
+ return l.value.some((e) => w(e) === t);
73
+ }
74
+ function w(e) {
75
+ if (!n(e)) return e;
76
+ if (s.itemValue) return e[s.itemValue];
77
+ if ("id" in e) return e.id;
78
+ let t = Object.values(e);
79
+ return t.length > 0 ? t[0] : e;
80
+ }
81
+ function T(e) {
82
+ if (!l.value) return;
83
+ let t = w(e);
84
+ l.value = l.value.filter((e) => w(e) !== t), d.value = S(l.value);
85
+ }
86
+ function E() {
87
+ s.disabled || s.readonly || (m.value ||= !0);
88
+ }
89
+ function D() {
90
+ m.value &&= !1;
91
+ }
92
+ function O() {
93
+ s.disabled || s.readonly || (m.value = !m.value);
94
+ }
95
+ function k() {
96
+ f.value?.inputField?.focus?.();
97
+ }
98
+ function A() {
99
+ s.disabled || s.readonly || (m.value = !1, c("createItem"));
100
+ }
101
+ function j(e) {
102
+ if (s.disabled || s.readonly || !t(l.value)) return;
103
+ let n = w(e), r = l.value.findIndex((e) => w(e) === n);
104
+ r !== -1 && (l.value.splice(r, 1), d.value = S(l.value));
105
+ }
106
+ function M() {
107
+ s.disabled || s.readonly || (l.value = s.multiple ? [] : null, d.value = s.multiple ? [] : null, c("cleared"));
108
+ }
109
+ function N(e) {
110
+ return !!e?.disabled;
111
+ }
112
+ return {
113
+ selectedItem: d,
114
+ textFieldRef: f,
115
+ listRef: p,
116
+ menuModel: m,
117
+ displayText: _,
118
+ getArrayText: h,
119
+ resolveItem: g,
120
+ placeholder: v,
121
+ textArr: y,
122
+ itemToString: b,
123
+ getSelectedItem: x,
124
+ checkIfValueExist: C,
125
+ extractValueKey: w,
126
+ removeFromArray: T,
127
+ openMenu: E,
128
+ closeMenu: D,
129
+ toggleMenu: O,
130
+ focusTextField: k,
131
+ createItem: A,
132
+ removeItem: j,
133
+ clearSelection: M,
134
+ checkDisabled: N
135
+ };
136
+ }
137
+ //#endregion
138
+ export { s as useSelect };
package/dist/index.js CHANGED
@@ -57,35 +57,36 @@ import tt, { KunRadioGroup_exports as nt } from "./components/KunRadioGroup/src/
57
57
  import { kunDocumentConfig as rt } from "./config/kunDocumentConfig.js";
58
58
  import it, { KunRelationMatrix_exports as at } from "./components/KunRelationMatrix/src/components/KunRelationMatrix.js";
59
59
  import ot, { KunRow_exports as st } from "./components/KunRow/src/components/KunRow.js";
60
- import ct, { KunSkeleton_exports as lt } from "./components/KunSkeleton/src/components/KunSkeleton.js";
61
- import { KunThumb_exports as ut } from "./components/KunSlider/src/components/KunThumb.js";
62
- import dt, { KunSlider_exports as ft } from "./components/KunSlider/src/components/KunSlider.js";
63
- import pt, { KunSpacer_exports as mt } from "./components/KunSpacer/src/components/KunSpacer.js";
64
- import ht, { KunSwitch_exports as gt } from "./components/KunSwitch/src/components/KunSwitch.js";
65
- import { KunTableHeaders_exports as _t } from "./components/KunTable/src/components/KunTableHeaders.js";
66
- import { KunTableFooter_exports as vt } from "./components/KunTable/src/components/KunTableFooter.js";
67
- import { KunTableRow_exports as yt } from "./components/KunTable/src/components/KunTableRow.js";
68
- import { KunTableRows_exports as bt } from "./components/KunTable/src/components/KunTableRows.js";
69
- import { KunTableIterator_exports as xt } from "./components/KunTable/src/components/KunTableIterator.js";
70
- import { KunTableIterators_exports as St } from "./components/KunTable/src/components/KunTableIterators.js";
71
- import { KunTableFilter_exports as Ct } from "./components/KunTable/src/components/KunTableFilter.js";
72
- import wt, { KunTable_exports as Tt } from "./components/KunTable/src/components/KunTable.js";
73
- import { KunTableVirtual_exports as Et } from "./components/KunTable/src/components/KunTableVirtual.js";
74
- import Dt, { KunTableServerSide_exports as Ot } from "./components/KunTableServerSide/src/components/KunTableServerSide.js";
75
- import { KunTab_exports as kt } from "./components/KunTabs/src/components/KunTab.js";
76
- import { KunTabWindow_exports as At } from "./components/KunTabs/src/components/KunTabWindow.js";
77
- import jt, { KunTabs_exports as Mt } from "./components/KunTabs/src/components/KunTabs.js";
78
- import Nt, { KunTextarea_exports as Pt } from "./components/KunTextarea/src/components/KunTextarea.js";
79
- import Ft, { KunToast_exports as It } from "./components/KunToast/src/components/KunToast.js";
80
- import { KunToaster_exports as Lt } from "./components/KunToast/src/components/KunToaster.js";
81
- import { KunToolbarTitle_exports as Rt } from "./components/KunToolbar/src/components/KunToolbarTitle.js";
82
- import zt, { KunToolbar_exports as Bt } from "./components/KunToolbar/src/components/KunToolbar.js";
83
- import { KunToolbarItems_exports as Vt } from "./components/KunToolbar/src/components/KunToolbarItems.js";
84
- import Ht, { KunTooltip_exports as Ut } from "./components/KunTooltip/src/components/KunTooltip.js";
60
+ import ct, { KunSelect_exports as lt } from "./components/KunSelect/src/components/KunSelect.js";
61
+ import ut, { KunSkeleton_exports as dt } from "./components/KunSkeleton/src/components/KunSkeleton.js";
62
+ import { KunThumb_exports as ft } from "./components/KunSlider/src/components/KunThumb.js";
63
+ import pt, { KunSlider_exports as mt } from "./components/KunSlider/src/components/KunSlider.js";
64
+ import ht, { KunSpacer_exports as gt } from "./components/KunSpacer/src/components/KunSpacer.js";
65
+ import _t, { KunSwitch_exports as vt } from "./components/KunSwitch/src/components/KunSwitch.js";
66
+ import { KunTableHeaders_exports as yt } from "./components/KunTable/src/components/KunTableHeaders.js";
67
+ import { KunTableFooter_exports as bt } from "./components/KunTable/src/components/KunTableFooter.js";
68
+ import { KunTableRow_exports as xt } from "./components/KunTable/src/components/KunTableRow.js";
69
+ import { KunTableRows_exports as St } from "./components/KunTable/src/components/KunTableRows.js";
70
+ import { KunTableIterator_exports as Ct } from "./components/KunTable/src/components/KunTableIterator.js";
71
+ import { KunTableIterators_exports as wt } from "./components/KunTable/src/components/KunTableIterators.js";
72
+ import { KunTableFilter_exports as Tt } from "./components/KunTable/src/components/KunTableFilter.js";
73
+ import Et, { KunTable_exports as Dt } from "./components/KunTable/src/components/KunTable.js";
74
+ import { KunTableVirtual_exports as Ot } from "./components/KunTable/src/components/KunTableVirtual.js";
75
+ import kt, { KunTableServerSide_exports as At } from "./components/KunTableServerSide/src/components/KunTableServerSide.js";
76
+ import { KunTab_exports as jt } from "./components/KunTabs/src/components/KunTab.js";
77
+ import { KunTabWindow_exports as Mt } from "./components/KunTabs/src/components/KunTabWindow.js";
78
+ import Nt, { KunTabs_exports as Pt } from "./components/KunTabs/src/components/KunTabs.js";
79
+ import Ft, { KunTextarea_exports as It } from "./components/KunTextarea/src/components/KunTextarea.js";
80
+ import Lt, { KunToast_exports as Rt } from "./components/KunToast/src/components/KunToast.js";
81
+ import { KunToaster_exports as zt } from "./components/KunToast/src/components/KunToaster.js";
82
+ import { KunToolbarTitle_exports as Bt } from "./components/KunToolbar/src/components/KunToolbarTitle.js";
83
+ import Vt, { KunToolbar_exports as Ht } from "./components/KunToolbar/src/components/KunToolbar.js";
84
+ import { KunToolbarItems_exports as Ut } from "./components/KunToolbar/src/components/KunToolbarItems.js";
85
+ import Wt, { KunTooltip_exports as Gt } from "./components/KunTooltip/src/components/KunTooltip.js";
85
86
  /* empty css */
86
- import { defineAsyncComponent as Wt } from "vue";
87
+ import { defineAsyncComponent as Kt } from "vue";
87
88
  //#region src/index.js
88
- var Gt = /* #__PURE__ */ Object.assign({
89
+ var qt = /* #__PURE__ */ Object.assign({
89
90
  "./components/KunAlert/src/components/KunAlert.vue": () => import("./components/KunAlert/src/components/KunAlert.js"),
90
91
  "./components/KunAppbar/src/components/KunAppbar.vue": () => import("./components/KunAppbar/src/components/KunAppbar.js"),
91
92
  "./components/KunAppbarTitle/src/components/KunAppbarTitle.vue": () => import("./components/KunAppbarTitle/src/components/KunAppbarTitle.js"),
@@ -139,6 +140,7 @@ var Gt = /* #__PURE__ */ Object.assign({
139
140
  "./components/KunRadioGroup/src/components/KunRadioGroup.vue": () => import("./components/KunRadioGroup/src/components/KunRadioGroup.js"),
140
141
  "./components/KunRelationMatrix/src/components/KunRelationMatrix.vue": () => import("./components/KunRelationMatrix/src/components/KunRelationMatrix.js"),
141
142
  "./components/KunRow/src/components/KunRow.vue": () => import("./components/KunRow/src/components/KunRow.js"),
143
+ "./components/KunSelect/src/components/KunSelect.vue": () => import("./components/KunSelect/src/components/KunSelect.js"),
142
144
  "./components/KunSkeleton/src/components/KunSkeleton.vue": () => import("./components/KunSkeleton/src/components/KunSkeleton.js"),
143
145
  "./components/KunSlider/src/components/KunSlider.vue": () => import("./components/KunSlider/src/components/KunSlider.js"),
144
146
  "./components/KunSlider/src/components/KunThumb.vue": () => import("./components/KunSlider/src/components/KunThumb.js"),
@@ -170,7 +172,7 @@ var Gt = /* #__PURE__ */ Object.assign({
170
172
  function Z(e) {
171
173
  return e.split("/").at(-1).replace(".vue", "");
172
174
  }
173
- var Q = Object.fromEntries(Object.entries(Gt).map(([e, t]) => [Z(e), Wt(t)]));
175
+ var Q = Object.fromEntries(Object.entries(qt).map(([e, t]) => [Z(e), Kt(t)]));
174
176
  function $(e, n = {}) {
175
177
  let { skipIfRegistered: i = !0, config: a = {} } = n;
176
178
  Object.keys(a).length > 0 && Y.configure(a), e.provide(le, Y.current), Object.entries(/* @__PURE__ */ Object.assign({
@@ -227,41 +229,42 @@ function $(e, n = {}) {
227
229
  "./components/KunRadioGroup/src/components/KunRadioGroup.vue": nt,
228
230
  "./components/KunRelationMatrix/src/components/KunRelationMatrix.vue": at,
229
231
  "./components/KunRow/src/components/KunRow.vue": st,
230
- "./components/KunSkeleton/src/components/KunSkeleton.vue": lt,
231
- "./components/KunSlider/src/components/KunSlider.vue": ft,
232
- "./components/KunSlider/src/components/KunThumb.vue": ut,
233
- "./components/KunSpacer/src/components/KunSpacer.vue": mt,
234
- "./components/KunSwitch/src/components/KunSwitch.vue": gt,
235
- "./components/KunTable/src/components/KunTable.vue": Tt,
236
- "./components/KunTable/src/components/KunTableFilter.vue": Ct,
237
- "./components/KunTable/src/components/KunTableFooter.vue": vt,
238
- "./components/KunTable/src/components/KunTableHeaders.vue": _t,
239
- "./components/KunTable/src/components/KunTableIterator.vue": xt,
240
- "./components/KunTable/src/components/KunTableIterators.vue": St,
241
- "./components/KunTable/src/components/KunTableRow.vue": yt,
242
- "./components/KunTable/src/components/KunTableRows.vue": bt,
243
- "./components/KunTable/src/components/KunTableVirtual.vue": Et,
244
- "./components/KunTableServerSide/src/components/KunTableServerSide.vue": Ot,
245
- "./components/KunTabs/src/components/KunTab.vue": kt,
246
- "./components/KunTabs/src/components/KunTabWindow.vue": At,
247
- "./components/KunTabs/src/components/KunTabs.vue": Mt,
232
+ "./components/KunSelect/src/components/KunSelect.vue": lt,
233
+ "./components/KunSkeleton/src/components/KunSkeleton.vue": dt,
234
+ "./components/KunSlider/src/components/KunSlider.vue": mt,
235
+ "./components/KunSlider/src/components/KunThumb.vue": ft,
236
+ "./components/KunSpacer/src/components/KunSpacer.vue": gt,
237
+ "./components/KunSwitch/src/components/KunSwitch.vue": vt,
238
+ "./components/KunTable/src/components/KunTable.vue": Dt,
239
+ "./components/KunTable/src/components/KunTableFilter.vue": Tt,
240
+ "./components/KunTable/src/components/KunTableFooter.vue": bt,
241
+ "./components/KunTable/src/components/KunTableHeaders.vue": yt,
242
+ "./components/KunTable/src/components/KunTableIterator.vue": Ct,
243
+ "./components/KunTable/src/components/KunTableIterators.vue": wt,
244
+ "./components/KunTable/src/components/KunTableRow.vue": xt,
245
+ "./components/KunTable/src/components/KunTableRows.vue": St,
246
+ "./components/KunTable/src/components/KunTableVirtual.vue": Ot,
247
+ "./components/KunTableServerSide/src/components/KunTableServerSide.vue": At,
248
+ "./components/KunTabs/src/components/KunTab.vue": jt,
249
+ "./components/KunTabs/src/components/KunTabWindow.vue": Mt,
250
+ "./components/KunTabs/src/components/KunTabs.vue": Pt,
248
251
  "./components/KunTextField/src/components/KunTextField.vue": x,
249
- "./components/KunTextarea/src/components/KunTextarea.vue": Pt,
250
- "./components/KunToast/src/components/KunToast.vue": It,
251
- "./components/KunToast/src/components/KunToaster.vue": Lt,
252
- "./components/KunToolbar/src/components/KunToolbar.vue": Bt,
253
- "./components/KunToolbar/src/components/KunToolbarItems.vue": Vt,
254
- "./components/KunToolbar/src/components/KunToolbarTitle.vue": Rt,
255
- "./components/KunTooltip/src/components/KunTooltip.vue": Ut,
252
+ "./components/KunTextarea/src/components/KunTextarea.vue": It,
253
+ "./components/KunToast/src/components/KunToast.vue": Rt,
254
+ "./components/KunToast/src/components/KunToaster.vue": zt,
255
+ "./components/KunToolbar/src/components/KunToolbar.vue": Ht,
256
+ "./components/KunToolbar/src/components/KunToolbarItems.vue": Ut,
257
+ "./components/KunToolbar/src/components/KunToolbarTitle.vue": Bt,
258
+ "./components/KunTooltip/src/components/KunTooltip.vue": Gt,
256
259
  "./components/KunVirtualScroller/src/components/KunVirtualScroller.vue": s
257
260
  })).forEach(([t, n]) => {
258
261
  let r = Z(t);
259
262
  (!i || !e._context.components[r]) && e.component(r, n.default);
260
263
  });
261
264
  }
262
- var Kt = {
265
+ var Jt = {
263
266
  install: $,
264
267
  ...Q
265
268
  };
266
269
  //#endregion
267
- export { a as KunAlert, ie as KunAppbar, ne as KunAppbarTitle, w as KunAutocomplete, E as KunAvatar, O as KunBadge, i as KunBtn, R as KunCard, I as KunCardActions, A as KunCardItem, B as KunCardSubtitle, P as KunCardText, M as KunCardTitle, H as KunCheckbox, S as KunChip, W as KunClock, K as KunCol, J as KunColorPicker, se as KunContainer, fe as KunCurrency, ge as KunDatePicker, be as KunDialog, Se as KunDivider, Ae as KunDragAndDrop, Oe as KunDragAndDropHandle, Ee as KunDragAndDropItem, Ne as KunDrawer, Pe as KunFileInput, Ie as KunForm, e as KunIcon, c as KunInfiniteScroll, u as KunList, Re as KunListGroup, Be as KunListImg, f as KunListItem, He as KunListItemAction, We as KunListItemAvatar, g as KunListItemSubtitle, Ke as KunListItemText, m as KunListItemTitle, Je as KunListSubheader, n as KunLoaderCircular, v as KunMenu, Xe as KunModalFooter, me as KunNumberField, $e as KunRadio, tt as KunRadioGroup, it as KunRelationMatrix, ot as KunRow, ct as KunSkeleton, dt as KunSlider, pt as KunSpacer, ht as KunSwitch, wt as KunTable, Dt as KunTableServerSide, jt as KunTabs, b as KunTextField, Nt as KunTextarea, Ft as KunToast, zt as KunToolbar, Ht as KunTooltip, o as KunVirtualScroller, Q as components, Kt as default, $ as install, Y as kunConfig, rt as kunDocumentConfig, ue as resolveConfigValue, we as resolveItemKey, de as useKunConfig, Te as useKunDragAndDrop };
270
+ export { a as KunAlert, ie as KunAppbar, ne as KunAppbarTitle, w as KunAutocomplete, E as KunAvatar, O as KunBadge, i as KunBtn, R as KunCard, I as KunCardActions, A as KunCardItem, B as KunCardSubtitle, P as KunCardText, M as KunCardTitle, H as KunCheckbox, S as KunChip, W as KunClock, K as KunCol, J as KunColorPicker, se as KunContainer, fe as KunCurrency, ge as KunDatePicker, be as KunDialog, Se as KunDivider, Ae as KunDragAndDrop, Oe as KunDragAndDropHandle, Ee as KunDragAndDropItem, Ne as KunDrawer, Pe as KunFileInput, Ie as KunForm, e as KunIcon, c as KunInfiniteScroll, u as KunList, Re as KunListGroup, Be as KunListImg, f as KunListItem, He as KunListItemAction, We as KunListItemAvatar, g as KunListItemSubtitle, Ke as KunListItemText, m as KunListItemTitle, Je as KunListSubheader, n as KunLoaderCircular, v as KunMenu, Xe as KunModalFooter, me as KunNumberField, $e as KunRadio, tt as KunRadioGroup, it as KunRelationMatrix, ot as KunRow, ct as KunSelect, ut as KunSkeleton, pt as KunSlider, ht as KunSpacer, _t as KunSwitch, Et as KunTable, kt as KunTableServerSide, Nt as KunTabs, b as KunTextField, Ft as KunTextarea, Lt as KunToast, Vt as KunToolbar, Wt as KunTooltip, o as KunVirtualScroller, Q as components, Jt as default, $ as install, Y as kunConfig, rt as kunDocumentConfig, ue as resolveConfigValue, we as resolveItemKey, de as useKunConfig, Te as useKunDragAndDrop };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adverich-kun-ui",
3
- "version": "0.1.641",
3
+ "version": "0.1.642",
4
4
  "type": "module",
5
5
  "description": "Una librería de componentes Vue.js con Tailwind CSS",
6
6
  "main": "dist/index.js",