@dronico/droni-kit 1.5.2 → 1.5.3

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.5.3](https://github.com/Droni-app/droni-kit/compare/v1.5.2...v1.5.3) (2025-04-22)
+
+
+### Bug Fixes
+
+* prefix to avoid collisions ([1a993d1](https://github.com/Droni-app/droni-kit/commit/1a993d1a6da2cfbe1705f8315dc507313daaaa66))
+
 ## [1.5.2](https://github.com/Droni-app/droni-kit/compare/v1.5.1...v1.5.2) (2025-04-22)
 
 

package/dist/droni-kit.css

@@ -1 +1 @@
-/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,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-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-600:oklch(57.7% .245 27.325);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-600:oklch(62.7% .194 149.214);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-800:oklch(44.3% .11 240.79);--color-sky-900:oklch(39.1% .09 240.876);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-pink-700:oklch(52.5% .223 3.958);--color-pink-800:oklch(45.9% .187 3.815);--color-pink-900:oklch(40.8% .153 2.432);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--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-300:oklch(86.9% .022 252.894);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--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-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,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;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{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}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.float-left{float:left}.float-right{float:right}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.my-5{margin-block:calc(var(--spacing)*5)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.size-1{width:calc(var(--spacing)*1);height:calc(var(--spacing)*1)}.w-full{width:100%}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)!important}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-x{resize:horizontal}.resize-y{resize:vertical}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.gap-4{gap:calc(var(--spacing)*4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-none{border-radius:0}.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-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-amber-500{border-color:var(--color-amber-500)}.border-emerald-500{border-color:var(--color-emerald-500)}.border-green-600{border-color:var(--color-green-600)}.border-pink-500{border-color:var(--color-pink-500)}.border-pink-600{border-color:var(--color-pink-600)}.border-red-600{border-color:var(--color-red-600)}.border-rose-500{border-color:var(--color-rose-500)}.border-sky-600{border-color:var(--color-sky-600)}.border-slate-500{border-color:var(--color-slate-500)}.border-transparent{border-color:#0000}.border-yellow-600{border-color:var(--color-yellow-600)}.border-zinc-300{border-color:var(--color-zinc-300)}.border-zinc-500{border-color:var(--color-zinc-500)}.border-zinc-600{border-color:var(--color-zinc-600)}.bg-amber-200{background-color:var(--color-amber-200)}.bg-amber-700{background-color:var(--color-amber-700)}.bg-emerald-200{background-color:var(--color-emerald-200)}.bg-emerald-700{background-color:var(--color-emerald-700)}.bg-pink-200{background-color:var(--color-pink-200)}.bg-pink-700{background-color:var(--color-pink-700)}.bg-rose-200{background-color:var(--color-rose-200)}.bg-rose-700{background-color:var(--color-rose-700)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-zinc-50{background-color:var(--color-zinc-50)}.bg-zinc-200{background-color:var(--color-zinc-200)}.bg-zinc-700{background-color:var(--color-zinc-700)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.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)}.pb-0\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.text-center{text-align:center}.text-start{text-align:start}.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-wrap{text-wrap:wrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-amber-600{color:var(--color-amber-600)}.text-amber-800{color:var(--color-amber-800)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-800{color:var(--color-emerald-800)}.text-green-800{color:var(--color-green-800)}.text-pink-600{color:var(--color-pink-600)}.text-pink-800{color:var(--color-pink-800)}.text-red-800{color:var(--color-red-800)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-rose-800{color:var(--color-rose-800)}.text-sky-800{color:var(--color-sky-800)}.text-slate-600{color:var(--color-slate-600)}.text-slate-800{color:var(--color-slate-800)}.text-white{color:var(--color-white)}.text-yellow-800{color:var(--color-yellow-800)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-700{color:var(--color-zinc-700)}.text-zinc-800{color:var(--color-zinc-800)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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)}.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)}.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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.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,)!important}.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;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:border-amber-500:hover{border-color:var(--color-amber-500)}.hover\:border-emerald-500:hover{border-color:var(--color-emerald-500)}.hover\:border-pink-500:hover{border-color:var(--color-pink-500)}.hover\:border-rose-500:hover{border-color:var(--color-rose-500)}.hover\:border-slate-500:hover{border-color:var(--color-slate-500)}.hover\:border-zinc-500:hover{border-color:var(--color-zinc-500)}.hover\:bg-amber-50:hover{background-color:var(--color-amber-50)}.hover\:bg-amber-300:hover{background-color:var(--color-amber-300)}.hover\:bg-emerald-50:hover{background-color:var(--color-emerald-50)}.hover\:bg-emerald-300:hover{background-color:var(--color-emerald-300)}.hover\:bg-green-100:hover{background-color:var(--color-green-100)}.hover\:bg-pink-50:hover{background-color:var(--color-pink-50)}.hover\:bg-pink-100:hover{background-color:var(--color-pink-100)}.hover\:bg-pink-300:hover{background-color:var(--color-pink-300)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-rose-50:hover{background-color:var(--color-rose-50)}.hover\:bg-rose-300:hover{background-color:var(--color-rose-300)}.hover\:bg-sky-100:hover{background-color:var(--color-sky-100)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-300:hover{background-color:var(--color-slate-300)}.hover\:bg-yellow-100:hover{background-color:var(--color-yellow-100)}.hover\:bg-zinc-50:hover{background-color:var(--color-zinc-50)}.hover\:bg-zinc-100:hover{background-color:var(--color-zinc-100)}.hover\:bg-zinc-300:hover{background-color:var(--color-zinc-300)}.hover\:text-amber-900:hover{color:var(--color-amber-900)}.hover\:text-emerald-900:hover{color:var(--color-emerald-900)}.hover\:text-green-900:hover{color:var(--color-green-900)}.hover\:text-pink-900:hover{color:var(--color-pink-900)}.hover\:text-red-900:hover{color:var(--color-red-900)}.hover\:text-rose-900:hover{color:var(--color-rose-900)}.hover\:text-sky-900:hover{color:var(--color-sky-900)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:text-yellow-900:hover{color:var(--color-yellow-900)}.hover\:text-zinc-900:hover{color:var(--color-zinc-900)}.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)}}.focus\:bg-zinc-100:focus{background-color:var(--color-zinc-100)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.dark\:border-amber-600:where(.dark,.dark *){border-color:var(--color-amber-600)}.dark\:border-emerald-600:where(.dark,.dark *){border-color:var(--color-emerald-600)}.dark\:border-green-300:where(.dark,.dark *){border-color:var(--color-green-300)}.dark\:border-pink-300:where(.dark,.dark *){border-color:var(--color-pink-300)}.dark\:border-pink-600:where(.dark,.dark *){border-color:var(--color-pink-600)}.dark\:border-red-300:where(.dark,.dark *){border-color:var(--color-red-300)}.dark\:border-rose-600:where(.dark,.dark *){border-color:var(--color-rose-600)}.dark\:border-sky-300:where(.dark,.dark *){border-color:var(--color-sky-300)}.dark\:border-slate-600:where(.dark,.dark *){border-color:var(--color-slate-600)}.dark\:border-yellow-300:where(.dark,.dark *){border-color:var(--color-yellow-300)}.dark\:border-zinc-300:where(.dark,.dark *){border-color:var(--color-zinc-300)}.dark\:border-zinc-600:where(.dark,.dark *){border-color:var(--color-zinc-600)}.dark\:bg-amber-700:where(.dark,.dark *){background-color:var(--color-amber-700)}.dark\:bg-emerald-700:where(.dark,.dark *){background-color:var(--color-emerald-700)}.dark\:bg-pink-700:where(.dark,.dark *){background-color:var(--color-pink-700)}.dark\:bg-rose-700:where(.dark,.dark *){background-color:var(--color-rose-700)}.dark\:bg-slate-700:where(.dark,.dark *){background-color:var(--color-slate-700)}.dark\:bg-zinc-700:where(.dark,.dark *){background-color:var(--color-zinc-700)}.dark\:bg-zinc-800:where(.dark,.dark *){background-color:var(--color-zinc-800)}.dark\:text-amber-100:where(.dark,.dark *){color:var(--color-amber-100)}.dark\:text-amber-200:where(.dark,.dark *){color:var(--color-amber-200)}.dark\:text-emerald-100:where(.dark,.dark *){color:var(--color-emerald-100)}.dark\:text-emerald-200:where(.dark,.dark *){color:var(--color-emerald-200)}.dark\:text-green-200:where(.dark,.dark *){color:var(--color-green-200)}.dark\:text-pink-100:where(.dark,.dark *){color:var(--color-pink-100)}.dark\:text-pink-200:where(.dark,.dark *){color:var(--color-pink-200)}.dark\:text-red-200:where(.dark,.dark *){color:var(--color-red-200)}.dark\:text-rose-100:where(.dark,.dark *){color:var(--color-rose-100)}.dark\:text-rose-200:where(.dark,.dark *){color:var(--color-rose-200)}.dark\:text-rose-800:where(.dark,.dark *){color:var(--color-rose-800)}.dark\:text-sky-200:where(.dark,.dark *){color:var(--color-sky-200)}.dark\:text-slate-100:where(.dark,.dark *){color:var(--color-slate-100)}.dark\:text-slate-200:where(.dark,.dark *){color:var(--color-slate-200)}.dark\:text-yellow-200:where(.dark,.dark *){color:var(--color-yellow-200)}.dark\:text-zinc-100:where(.dark,.dark *){color:var(--color-zinc-100)}.dark\:text-zinc-200:where(.dark,.dark *){color:var(--color-zinc-200)}.dark\:\[color-scheme\:dark\]:where(.dark,.dark *){color-scheme:dark}@media (hover:hover){.hover\:dark\:border-amber-600:hover:where(.dark,.dark *){border-color:var(--color-amber-600)}.hover\:dark\:border-emerald-600:hover:where(.dark,.dark *){border-color:var(--color-emerald-600)}.hover\:dark\:border-pink-600:hover:where(.dark,.dark *){border-color:var(--color-pink-600)}.hover\:dark\:border-rose-600:hover:where(.dark,.dark *){border-color:var(--color-rose-600)}.hover\:dark\:border-slate-600:hover:where(.dark,.dark *){border-color:var(--color-slate-600)}.hover\:dark\:border-zinc-600:hover:where(.dark,.dark *){border-color:var(--color-zinc-600)}.dark\:hover\:bg-amber-600:where(.dark,.dark *):hover{background-color:var(--color-amber-600)}.dark\:hover\:bg-amber-800:where(.dark,.dark *):hover{background-color:var(--color-amber-800)}.dark\:hover\:bg-emerald-600:where(.dark,.dark *):hover{background-color:var(--color-emerald-600)}.dark\:hover\:bg-emerald-800:where(.dark,.dark *):hover{background-color:var(--color-emerald-800)}.dark\:hover\:bg-green-800:where(.dark,.dark *):hover{background-color:var(--color-green-800)}.dark\:hover\:bg-pink-600:where(.dark,.dark *):hover{background-color:var(--color-pink-600)}.dark\:hover\:bg-pink-800:where(.dark,.dark *):hover{background-color:var(--color-pink-800)}.dark\:hover\:bg-red-800:where(.dark,.dark *):hover{background-color:var(--color-red-800)}.dark\:hover\:bg-rose-600:where(.dark,.dark *):hover{background-color:var(--color-rose-600)}.dark\:hover\:bg-rose-800:where(.dark,.dark *):hover{background-color:var(--color-rose-800)}.dark\:hover\:bg-sky-800:where(.dark,.dark *):hover{background-color:var(--color-sky-800)}.dark\:hover\:bg-slate-600:where(.dark,.dark *):hover{background-color:var(--color-slate-600)}.dark\:hover\:bg-slate-800:where(.dark,.dark *):hover{background-color:var(--color-slate-800)}.dark\:hover\:bg-yellow-800:where(.dark,.dark *):hover{background-color:var(--color-yellow-800)}.dark\:hover\:bg-zinc-600:where(.dark,.dark *):hover{background-color:var(--color-zinc-600)}.dark\:hover\:bg-zinc-800:where(.dark,.dark *):hover{background-color:var(--color-zinc-800)}.dark\:hover\:text-amber-100:where(.dark,.dark *):hover{color:var(--color-amber-100)}.dark\:hover\:text-emerald-100:where(.dark,.dark *):hover{color:var(--color-emerald-100)}.dark\:hover\:text-green-50:where(.dark,.dark *):hover{color:var(--color-green-50)}.dark\:hover\:text-pink-50:where(.dark,.dark *):hover{color:var(--color-pink-50)}.dark\:hover\:text-pink-100:where(.dark,.dark *):hover{color:var(--color-pink-100)}.dark\:hover\:text-red-50:where(.dark,.dark *):hover{color:var(--color-red-50)}.dark\:hover\:text-rose-100:where(.dark,.dark *):hover{color:var(--color-rose-100)}.dark\:hover\:text-sky-50:where(.dark,.dark *):hover{color:var(--color-sky-50)}.dark\:hover\:text-slate-100:where(.dark,.dark *):hover{color:var(--color-slate-100)}.dark\:hover\:text-yellow-50:where(.dark,.dark *):hover{color:var(--color-yellow-50)}.dark\:hover\:text-zinc-50:where(.dark,.dark *):hover{color:var(--color-zinc-50)}}.dark\:focus\:bg-zinc-700:where(.dark,.dark *):focus{background-color:var(--color-zinc-700)}}.mdi{font-size:.9em}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-ease{syntax:"*";inherits:false}@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}
+/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */@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-border-style:solid;--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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--dk-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--dk-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--dk-color-red-50:oklch(97.1% .013 17.38);--dk-color-red-100:oklch(93.6% .032 17.717);--dk-color-red-200:oklch(88.5% .062 18.334);--dk-color-red-300:oklch(80.8% .114 19.571);--dk-color-red-600:oklch(57.7% .245 27.325);--dk-color-red-800:oklch(44.4% .177 26.899);--dk-color-red-900:oklch(39.6% .141 25.723);--dk-color-amber-50:oklch(98.7% .022 95.277);--dk-color-amber-100:oklch(96.2% .059 95.617);--dk-color-amber-200:oklch(92.4% .12 95.746);--dk-color-amber-300:oklch(87.9% .169 91.605);--dk-color-amber-500:oklch(76.9% .188 70.08);--dk-color-amber-600:oklch(66.6% .179 58.318);--dk-color-amber-700:oklch(55.5% .163 48.998);--dk-color-amber-800:oklch(47.3% .137 46.201);--dk-color-amber-900:oklch(41.4% .112 45.904);--dk-color-yellow-50:oklch(98.7% .026 102.212);--dk-color-yellow-100:oklch(97.3% .071 103.193);--dk-color-yellow-200:oklch(94.5% .129 101.54);--dk-color-yellow-300:oklch(90.5% .182 98.111);--dk-color-yellow-600:oklch(68.1% .162 75.834);--dk-color-yellow-800:oklch(47.6% .114 61.907);--dk-color-yellow-900:oklch(42.1% .095 57.708);--dk-color-green-50:oklch(98.2% .018 155.826);--dk-color-green-100:oklch(96.2% .044 156.743);--dk-color-green-200:oklch(92.5% .084 155.995);--dk-color-green-300:oklch(87.1% .15 154.449);--dk-color-green-600:oklch(62.7% .194 149.214);--dk-color-green-800:oklch(44.8% .119 151.328);--dk-color-green-900:oklch(39.3% .095 152.535);--dk-color-emerald-50:oklch(97.9% .021 166.113);--dk-color-emerald-100:oklch(95% .052 163.051);--dk-color-emerald-200:oklch(90.5% .093 164.15);--dk-color-emerald-300:oklch(84.5% .143 164.978);--dk-color-emerald-500:oklch(69.6% .17 162.48);--dk-color-emerald-600:oklch(59.6% .145 163.225);--dk-color-emerald-700:oklch(50.8% .118 165.612);--dk-color-emerald-800:oklch(43.2% .095 166.913);--dk-color-emerald-900:oklch(37.8% .077 168.94);--dk-color-sky-50:oklch(97.7% .013 236.62);--dk-color-sky-100:oklch(95.1% .026 236.824);--dk-color-sky-200:oklch(90.1% .058 230.902);--dk-color-sky-300:oklch(82.8% .111 230.318);--dk-color-sky-600:oklch(58.8% .158 241.966);--dk-color-sky-800:oklch(44.3% .11 240.79);--dk-color-sky-900:oklch(39.1% .09 240.876);--dk-color-pink-50:oklch(97.1% .014 343.198);--dk-color-pink-100:oklch(94.8% .028 342.258);--dk-color-pink-200:oklch(89.9% .061 343.231);--dk-color-pink-300:oklch(82.3% .12 346.018);--dk-color-pink-500:oklch(65.6% .241 354.308);--dk-color-pink-600:oklch(59.2% .249 .584);--dk-color-pink-700:oklch(52.5% .223 3.958);--dk-color-pink-800:oklch(45.9% .187 3.815);--dk-color-pink-900:oklch(40.8% .153 2.432);--dk-color-rose-50:oklch(96.9% .015 12.422);--dk-color-rose-100:oklch(94.1% .03 12.58);--dk-color-rose-200:oklch(89.2% .058 10.001);--dk-color-rose-300:oklch(81% .117 11.638);--dk-color-rose-500:oklch(64.5% .246 16.439);--dk-color-rose-600:oklch(58.6% .253 17.585);--dk-color-rose-700:oklch(51.4% .222 16.935);--dk-color-rose-800:oklch(45.5% .188 13.697);--dk-color-rose-900:oklch(41% .159 10.272);--dk-color-slate-50:oklch(98.4% .003 247.858);--dk-color-slate-100:oklch(96.8% .007 247.896);--dk-color-slate-200:oklch(92.9% .013 255.508);--dk-color-slate-300:oklch(86.9% .022 252.894);--dk-color-slate-500:oklch(55.4% .046 257.417);--dk-color-slate-600:oklch(44.6% .043 257.281);--dk-color-slate-700:oklch(37.2% .044 257.287);--dk-color-slate-800:oklch(27.9% .041 260.031);--dk-color-slate-900:oklch(20.8% .042 265.755);--dk-color-zinc-50:oklch(98.5% 0 0);--dk-color-zinc-100:oklch(96.7% .001 286.375);--dk-color-zinc-200:oklch(92% .004 286.32);--dk-color-zinc-300:oklch(87.1% .006 286.286);--dk-color-zinc-500:oklch(55.2% .016 285.938);--dk-color-zinc-600:oklch(44.2% .017 285.786);--dk-color-zinc-700:oklch(37% .013 285.805);--dk-color-zinc-800:oklch(27.4% .006 286.033);--dk-color-zinc-900:oklch(21% .006 285.885);--dk-color-white:#fff;--dk-spacing:.25rem;--dk-text-sm:.875rem;--dk-text-sm--line-height:calc(1.25/.875);--dk-text-base:1rem;--dk-text-base--line-height: 1.5 ;--dk-text-lg:1.125rem;--dk-text-lg--line-height:calc(1.75/1.125);--dk-default-transition-duration:.15s;--dk-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--dk-default-font-family:var(--dk-font-sans);--dk-default-mono-font-family:var(--dk-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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--dk-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--dk-default-font-feature-settings,normal);font-variation-settings:var(--dk-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--dk-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--dk-default-mono-font-feature-settings,normal);font-variation-settings:var(--dk-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{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}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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{.dk\:container{width:100%}@media (min-width:40rem){.dk\:container{max-width:40rem}}@media (min-width:48rem){.dk\:container{max-width:48rem}}@media (min-width:64rem){.dk\:container{max-width:64rem}}@media (min-width:80rem){.dk\:container{max-width:80rem}}@media (min-width:96rem){.dk\:container{max-width:96rem}}.dk\:mx-auto{margin-inline:auto}.dk\:my-5{margin-block:calc(var(--dk-spacing)*5)}.dk\:block{display:block}.dk\:grid{display:grid}.dk\:inline-block{display:inline-block}.dk\:w-full{width:100%}.dk\:max-w-full{max-width:100%}.dk\:cursor-pointer{cursor:pointer}.dk\:resize{resize:both}.dk\:resize-none{resize:none}.dk\:resize-x{resize:horizontal}.dk\:resize-y{resize:vertical}.dk\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.dk\:gap-4{gap:calc(var(--dk-spacing)*4)}.dk\:overflow-hidden{overflow:hidden}.dk\:rounded{border-radius:.25rem}.dk\:rounded-none{border-radius:0}.dk\:rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.dk\:rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.dk\:rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.dk\:rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.dk\:border{border-style:var(--tw-border-style);border-width:1px}.dk\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.dk\:border-amber-500{border-color:var(--dk-color-amber-500)}.dk\:border-emerald-500{border-color:var(--dk-color-emerald-500)}.dk\:border-green-600{border-color:var(--dk-color-green-600)}.dk\:border-pink-500{border-color:var(--dk-color-pink-500)}.dk\:border-pink-600{border-color:var(--dk-color-pink-600)}.dk\:border-red-600{border-color:var(--dk-color-red-600)}.dk\:border-rose-500{border-color:var(--dk-color-rose-500)}.dk\:border-sky-600{border-color:var(--dk-color-sky-600)}.dk\:border-slate-500{border-color:var(--dk-color-slate-500)}.dk\:border-transparent{border-color:#0000}.dk\:border-yellow-600{border-color:var(--dk-color-yellow-600)}.dk\:border-zinc-300{border-color:var(--dk-color-zinc-300)}.dk\:border-zinc-500{border-color:var(--dk-color-zinc-500)}.dk\:border-zinc-600{border-color:var(--dk-color-zinc-600)}.dk\:bg-amber-200{background-color:var(--dk-color-amber-200)}.dk\:bg-amber-700{background-color:var(--dk-color-amber-700)}.dk\:bg-emerald-200{background-color:var(--dk-color-emerald-200)}.dk\:bg-emerald-700{background-color:var(--dk-color-emerald-700)}.dk\:bg-pink-200{background-color:var(--dk-color-pink-200)}.dk\:bg-pink-700{background-color:var(--dk-color-pink-700)}.dk\:bg-rose-200{background-color:var(--dk-color-rose-200)}.dk\:bg-rose-700{background-color:var(--dk-color-rose-700)}.dk\:bg-slate-100{background-color:var(--dk-color-slate-100)}.dk\:bg-slate-200{background-color:var(--dk-color-slate-200)}.dk\:bg-slate-700{background-color:var(--dk-color-slate-700)}.dk\:bg-slate-900{background-color:var(--dk-color-slate-900)}.dk\:bg-zinc-50{background-color:var(--dk-color-zinc-50)}.dk\:bg-zinc-200{background-color:var(--dk-color-zinc-200)}.dk\:bg-zinc-700{background-color:var(--dk-color-zinc-700)}.dk\:p-4{padding:calc(var(--dk-spacing)*4)}.dk\:p-5{padding:calc(var(--dk-spacing)*5)}.dk\:px-0{padding-inline:calc(var(--dk-spacing)*0)}.dk\:px-3{padding-inline:calc(var(--dk-spacing)*3)}.dk\:px-4{padding-inline:calc(var(--dk-spacing)*4)}.dk\:px-5{padding-inline:calc(var(--dk-spacing)*5)}.dk\:py-1\.5{padding-block:calc(var(--dk-spacing)*1.5)}.dk\:py-2{padding-block:calc(var(--dk-spacing)*2)}.dk\:py-3{padding-block:calc(var(--dk-spacing)*3)}.dk\:pb-0\.5{padding-bottom:calc(var(--dk-spacing)*.5)}.dk\:pb-1{padding-bottom:calc(var(--dk-spacing)*1)}.dk\:pb-2{padding-bottom:calc(var(--dk-spacing)*2)}.dk\:text-center{text-align:center}.dk\:text-start{text-align:start}.dk\:text-base{font-size:var(--dk-text-base);line-height:var(--tw-leading,var(--dk-text-base--line-height))}.dk\:text-lg{font-size:var(--dk-text-lg);line-height:var(--tw-leading,var(--dk-text-lg--line-height))}.dk\:text-sm{font-size:var(--dk-text-sm);line-height:var(--tw-leading,var(--dk-text-sm--line-height))}.dk\:text-ellipsis{text-overflow:ellipsis}.dk\:whitespace-nowrap{white-space:nowrap}.dk\:text-amber-600{color:var(--dk-color-amber-600)}.dk\:text-amber-800{color:var(--dk-color-amber-800)}.dk\:text-emerald-600{color:var(--dk-color-emerald-600)}.dk\:text-emerald-800{color:var(--dk-color-emerald-800)}.dk\:text-green-800{color:var(--dk-color-green-800)}.dk\:text-pink-600{color:var(--dk-color-pink-600)}.dk\:text-pink-800{color:var(--dk-color-pink-800)}.dk\:text-red-800{color:var(--dk-color-red-800)}.dk\:text-rose-500{color:var(--dk-color-rose-500)}.dk\:text-rose-600{color:var(--dk-color-rose-600)}.dk\:text-rose-800{color:var(--dk-color-rose-800)}.dk\:text-sky-800{color:var(--dk-color-sky-800)}.dk\:text-slate-600{color:var(--dk-color-slate-600)}.dk\:text-slate-800{color:var(--dk-color-slate-800)}.dk\:text-white{color:var(--dk-color-white)}.dk\:text-yellow-800{color:var(--dk-color-yellow-800)}.dk\:text-zinc-600{color:var(--dk-color-zinc-600)}.dk\:text-zinc-700{color:var(--dk-color-zinc-700)}.dk\:text-zinc-800{color:var(--dk-color-zinc-800)}.dk\: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;transition-timing-function:var(--tw-ease,var(--dk-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dk-default-transition-duration))}@media (hover:hover){.dk\:hover\:border-amber-500:hover{border-color:var(--dk-color-amber-500)}.dk\:hover\:border-emerald-500:hover{border-color:var(--dk-color-emerald-500)}.dk\:hover\:border-pink-500:hover{border-color:var(--dk-color-pink-500)}.dk\:hover\:border-rose-500:hover{border-color:var(--dk-color-rose-500)}.dk\:hover\:border-slate-500:hover{border-color:var(--dk-color-slate-500)}.dk\:hover\:border-zinc-500:hover{border-color:var(--dk-color-zinc-500)}.dk\:hover\:bg-amber-50:hover{background-color:var(--dk-color-amber-50)}.dk\:hover\:bg-amber-300:hover{background-color:var(--dk-color-amber-300)}.dk\:hover\:bg-emerald-50:hover{background-color:var(--dk-color-emerald-50)}.dk\:hover\:bg-emerald-300:hover{background-color:var(--dk-color-emerald-300)}.dk\:hover\:bg-green-100:hover{background-color:var(--dk-color-green-100)}.dk\:hover\:bg-pink-50:hover{background-color:var(--dk-color-pink-50)}.dk\:hover\:bg-pink-100:hover{background-color:var(--dk-color-pink-100)}.dk\:hover\:bg-pink-300:hover{background-color:var(--dk-color-pink-300)}.dk\:hover\:bg-red-100:hover{background-color:var(--dk-color-red-100)}.dk\:hover\:bg-rose-50:hover{background-color:var(--dk-color-rose-50)}.dk\:hover\:bg-rose-300:hover{background-color:var(--dk-color-rose-300)}.dk\:hover\:bg-sky-100:hover{background-color:var(--dk-color-sky-100)}.dk\:hover\:bg-slate-50:hover{background-color:var(--dk-color-slate-50)}.dk\:hover\:bg-slate-300:hover{background-color:var(--dk-color-slate-300)}.dk\:hover\:bg-yellow-100:hover{background-color:var(--dk-color-yellow-100)}.dk\:hover\:bg-zinc-50:hover{background-color:var(--dk-color-zinc-50)}.dk\:hover\:bg-zinc-100:hover{background-color:var(--dk-color-zinc-100)}.dk\:hover\:bg-zinc-300:hover{background-color:var(--dk-color-zinc-300)}.dk\:hover\:text-amber-900:hover{color:var(--dk-color-amber-900)}.dk\:hover\:text-emerald-900:hover{color:var(--dk-color-emerald-900)}.dk\:hover\:text-green-900:hover{color:var(--dk-color-green-900)}.dk\:hover\:text-pink-900:hover{color:var(--dk-color-pink-900)}.dk\:hover\:text-red-900:hover{color:var(--dk-color-red-900)}.dk\:hover\:text-rose-900:hover{color:var(--dk-color-rose-900)}.dk\:hover\:text-sky-900:hover{color:var(--dk-color-sky-900)}.dk\:hover\:text-slate-900:hover{color:var(--dk-color-slate-900)}.dk\:hover\:text-yellow-900:hover{color:var(--dk-color-yellow-900)}.dk\:hover\:text-zinc-900:hover{color:var(--dk-color-zinc-900)}.dk\: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)}}.dk\:focus\:bg-zinc-100:focus{background-color:var(--dk-color-zinc-100)}.dk\:focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.dk\:active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.dk\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.dk\:disabled\:opacity-50:disabled{opacity:.5}.dk\:dark\:border-amber-600:where(.dark,.dark *){border-color:var(--dk-color-amber-600)}.dk\:dark\:border-emerald-600:where(.dark,.dark *){border-color:var(--dk-color-emerald-600)}.dk\:dark\:border-green-300:where(.dark,.dark *){border-color:var(--dk-color-green-300)}.dk\:dark\:border-pink-300:where(.dark,.dark *){border-color:var(--dk-color-pink-300)}.dk\:dark\:border-pink-600:where(.dark,.dark *){border-color:var(--dk-color-pink-600)}.dk\:dark\:border-red-300:where(.dark,.dark *){border-color:var(--dk-color-red-300)}.dk\:dark\:border-rose-600:where(.dark,.dark *){border-color:var(--dk-color-rose-600)}.dk\:dark\:border-sky-300:where(.dark,.dark *){border-color:var(--dk-color-sky-300)}.dk\:dark\:border-slate-600:where(.dark,.dark *){border-color:var(--dk-color-slate-600)}.dk\:dark\:border-yellow-300:where(.dark,.dark *){border-color:var(--dk-color-yellow-300)}.dk\:dark\:border-zinc-300:where(.dark,.dark *){border-color:var(--dk-color-zinc-300)}.dk\:dark\:border-zinc-600:where(.dark,.dark *){border-color:var(--dk-color-zinc-600)}.dk\:dark\:bg-amber-700:where(.dark,.dark *){background-color:var(--dk-color-amber-700)}.dk\:dark\:bg-emerald-700:where(.dark,.dark *){background-color:var(--dk-color-emerald-700)}.dk\:dark\:bg-pink-700:where(.dark,.dark *){background-color:var(--dk-color-pink-700)}.dk\:dark\:bg-rose-700:where(.dark,.dark *){background-color:var(--dk-color-rose-700)}.dk\:dark\:bg-slate-700:where(.dark,.dark *){background-color:var(--dk-color-slate-700)}.dk\:dark\:bg-zinc-700:where(.dark,.dark *){background-color:var(--dk-color-zinc-700)}.dk\:dark\:bg-zinc-800:where(.dark,.dark *){background-color:var(--dk-color-zinc-800)}.dk\:dark\:text-amber-100:where(.dark,.dark *){color:var(--dk-color-amber-100)}.dk\:dark\:text-amber-200:where(.dark,.dark *){color:var(--dk-color-amber-200)}.dk\:dark\:text-emerald-100:where(.dark,.dark *){color:var(--dk-color-emerald-100)}.dk\:dark\:text-emerald-200:where(.dark,.dark *){color:var(--dk-color-emerald-200)}.dk\:dark\:text-green-200:where(.dark,.dark *){color:var(--dk-color-green-200)}.dk\:dark\:text-pink-100:where(.dark,.dark *){color:var(--dk-color-pink-100)}.dk\:dark\:text-pink-200:where(.dark,.dark *){color:var(--dk-color-pink-200)}.dk\:dark\:text-red-200:where(.dark,.dark *){color:var(--dk-color-red-200)}.dk\:dark\:text-rose-100:where(.dark,.dark *){color:var(--dk-color-rose-100)}.dk\:dark\:text-rose-200:where(.dark,.dark *){color:var(--dk-color-rose-200)}.dk\:dark\:text-rose-800:where(.dark,.dark *){color:var(--dk-color-rose-800)}.dk\:dark\:text-sky-200:where(.dark,.dark *){color:var(--dk-color-sky-200)}.dk\:dark\:text-slate-100:where(.dark,.dark *){color:var(--dk-color-slate-100)}.dk\:dark\:text-slate-200:where(.dark,.dark *){color:var(--dk-color-slate-200)}.dk\:dark\:text-yellow-200:where(.dark,.dark *){color:var(--dk-color-yellow-200)}.dk\:dark\:text-zinc-100:where(.dark,.dark *){color:var(--dk-color-zinc-100)}.dk\:dark\:text-zinc-200:where(.dark,.dark *){color:var(--dk-color-zinc-200)}.dk\:dark\:\[color-scheme\:dark\]:where(.dark,.dark *){color-scheme:dark}@media (hover:hover){.dk\:hover\:dark\:border-amber-600:hover:where(.dark,.dark *){border-color:var(--dk-color-amber-600)}.dk\:hover\:dark\:border-emerald-600:hover:where(.dark,.dark *){border-color:var(--dk-color-emerald-600)}.dk\:hover\:dark\:border-pink-600:hover:where(.dark,.dark *){border-color:var(--dk-color-pink-600)}.dk\:hover\:dark\:border-rose-600:hover:where(.dark,.dark *){border-color:var(--dk-color-rose-600)}.dk\:hover\:dark\:border-slate-600:hover:where(.dark,.dark *){border-color:var(--dk-color-slate-600)}.dk\:hover\:dark\:border-zinc-600:hover:where(.dark,.dark *){border-color:var(--dk-color-zinc-600)}.dk\:dark\:hover\:bg-amber-600:where(.dark,.dark *):hover{background-color:var(--dk-color-amber-600)}.dk\:dark\:hover\:bg-amber-800:where(.dark,.dark *):hover{background-color:var(--dk-color-amber-800)}.dk\:dark\:hover\:bg-emerald-600:where(.dark,.dark *):hover{background-color:var(--dk-color-emerald-600)}.dk\:dark\:hover\:bg-emerald-800:where(.dark,.dark *):hover{background-color:var(--dk-color-emerald-800)}.dk\:dark\:hover\:bg-green-800:where(.dark,.dark *):hover{background-color:var(--dk-color-green-800)}.dk\:dark\:hover\:bg-pink-600:where(.dark,.dark *):hover{background-color:var(--dk-color-pink-600)}.dk\:dark\:hover\:bg-pink-800:where(.dark,.dark *):hover{background-color:var(--dk-color-pink-800)}.dk\:dark\:hover\:bg-red-800:where(.dark,.dark *):hover{background-color:var(--dk-color-red-800)}.dk\:dark\:hover\:bg-rose-600:where(.dark,.dark *):hover{background-color:var(--dk-color-rose-600)}.dk\:dark\:hover\:bg-rose-800:where(.dark,.dark *):hover{background-color:var(--dk-color-rose-800)}.dk\:dark\:hover\:bg-sky-800:where(.dark,.dark *):hover{background-color:var(--dk-color-sky-800)}.dk\:dark\:hover\:bg-slate-600:where(.dark,.dark *):hover{background-color:var(--dk-color-slate-600)}.dk\:dark\:hover\:bg-slate-800:where(.dark,.dark *):hover{background-color:var(--dk-color-slate-800)}.dk\:dark\:hover\:bg-yellow-800:where(.dark,.dark *):hover{background-color:var(--dk-color-yellow-800)}.dk\:dark\:hover\:bg-zinc-600:where(.dark,.dark *):hover{background-color:var(--dk-color-zinc-600)}.dk\:dark\:hover\:bg-zinc-800:where(.dark,.dark *):hover{background-color:var(--dk-color-zinc-800)}.dk\:dark\:hover\:text-amber-100:where(.dark,.dark *):hover{color:var(--dk-color-amber-100)}.dk\:dark\:hover\:text-emerald-100:where(.dark,.dark *):hover{color:var(--dk-color-emerald-100)}.dk\:dark\:hover\:text-green-50:where(.dark,.dark *):hover{color:var(--dk-color-green-50)}.dk\:dark\:hover\:text-pink-50:where(.dark,.dark *):hover{color:var(--dk-color-pink-50)}.dk\:dark\:hover\:text-pink-100:where(.dark,.dark *):hover{color:var(--dk-color-pink-100)}.dk\:dark\:hover\:text-red-50:where(.dark,.dark *):hover{color:var(--dk-color-red-50)}.dk\:dark\:hover\:text-rose-100:where(.dark,.dark *):hover{color:var(--dk-color-rose-100)}.dk\:dark\:hover\:text-sky-50:where(.dark,.dark *):hover{color:var(--dk-color-sky-50)}.dk\:dark\:hover\:text-slate-100:where(.dark,.dark *):hover{color:var(--dk-color-slate-100)}.dk\:dark\:hover\:text-yellow-50:where(.dark,.dark *):hover{color:var(--dk-color-yellow-50)}.dk\:dark\:hover\:text-zinc-50:where(.dark,.dark *):hover{color:var(--dk-color-zinc-50)}.dk\:dark\:hover\:text-zinc-100:where(.dark,.dark *):hover{color:var(--dk-color-zinc-100)}}.dk\:dark\:focus\:bg-zinc-700:where(.dark,.dark *):focus{background-color:var(--dk-color-zinc-700)}}.mdi{font-size:.9em}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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-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}

package/dist/droni-kit.js

@@ -1,5 +1,17 @@
-import { defineComponent as x, computed as h, createElementBlock as o, openBlock as d, normalizeClass as u, renderSlot as y, createCommentVNode as v, createElementVNode as z, createTextVNode as f, toDisplayString as S } from "vue";
-const C = ["type", "title", "disabled"], q = { key: 1 }, B = "transition rounded disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer hover:shadow-md overflow-hidden text-ellipsis whitespace-nowrap active:scale-95", F = /* @__PURE__ */ x({
+import { defineComponent as x, computed as h, createElementBlock as k, openBlock as a, normalizeClass as v, renderSlot as y, createCommentVNode as g, createElementVNode as z, createTextVNode as f, toDisplayString as S } from "vue";
+const C = ["type", "title", "disabled"], q = { key: 1 }, B = `
+  dk:transition
+  dk:text-center
+  dk:rounded
+  dk:disabled:opacity-50
+  dk:disabled:cursor-not-allowed
+  dk:cursor-pointer
+  dk:hover:shadow-md
+  dk:overflow-hidden
+  dk:text-ellipsis
+  dk:whitespace-nowrap
+  dk:active:scale-95
+  dk:max-w-full`, F = /* @__PURE__ */ x({
   __name: "DuiButton",
   props: {
     variant: {
@@ -35,57 +47,213 @@ const C = ["type", "title", "disabled"], q = { key: 1 }, B = "transition rounded
       default: void 0
     }
   },
-  setup(l) {
-    const r = l, e = {
-      sm: "text-sm px-3 py-1.5",
-      md: "text-base px-4 py-2",
-      lg: "text-lg px-5 py-3"
-    }, n = {
+  setup(o) {
+    const d = o, e = {
+      sm: "dk:text-sm dk:px-3 dk:py-1.5",
+      md: "dk:text-base dk:px-4 dk:py-2",
+      lg: "dk:text-lg dk:px-5 dk:py-3"
+    }, l = {
       solid: {
-        base: "border-b",
-        neutral: "border-zinc-500 dark:border-zinc-600 bg-zinc-200 text-zinc-800 hover:bg-zinc-300 hover:text-zinc-900 dark:bg-zinc-700 dark:text-zinc-200 dark:hover:bg-zinc-600 dark:hover:text-zinc-50",
-        primary: "border-slate-500 dark:border-slate-600 bg-slate-200 text-slate-800 hover:bg-slate-300 hover:text-slate-900 dark:bg-slate-700 dark:text-slate-200 dark:hover:bg-slate-600 dark:hover:text-slate-100",
-        secondary: "border-pink-500 dark:border-pink-600 bg-pink-200 text-pink-800 hover:bg-pink-300 hover:text-pink-900 dark:bg-pink-700 dark:text-pink-200 dark:hover:bg-pink-600 dark:hover:text-pink-100",
-        success: " border-emerald-500 dark:border-emerald-600 bg-emerald-200 text-emerald-800 hover:bg-emerald-300 hover:text-emerald-900 dark:bg-emerald-700 dark:text-emerald-200 dark:hover:bg-emerald-600 dark:hover:text-emerald-100",
-        danger: "border-rose-500 dark:border-rose-600 bg-rose-200 text-rose-800 hover:bg-rose-300 hover:text-rose-900 dark:bg-rose-700 dark:text-rose-200 dark:hover:bg-rose-600 dark:hover:text-rose-100",
-        warning: "border-amber-500 dark:border-amber-600 bg-amber-200 text-amber-800 hover:bg-amber-300 hover:text-amber-900 dark:bg-amber-700 dark:text-amber-200 dark:hover:bg-amber-600 dark:hover:text-amber-100"
+        base: "dk:border-b",
+        neutral: `
+      dk:border-zinc-500
+      dk:dark:border-zinc-600
+      dk:bg-zinc-200
+      dk:text-zinc-800
+      dk:hover:bg-zinc-300
+      dk:hover:text-zinc-900
+      dk:dark:bg-zinc-700
+      dk:dark:text-zinc-200
+      dk:dark:hover:bg-zinc-600
+      dk:dark:hover:text-zinc-50`,
+        primary: `
+      dk:border-slate-500
+      dk:dark:border-slate-600
+      dk:bg-slate-200
+      dk:text-slate-800
+      dk:hover:bg-slate-300
+      dk:hover:text-slate-900
+      dk:dark:bg-slate-700
+      dk:dark:text-slate-200
+      dk:dark:hover:bg-slate-600
+      dk:dark:hover:text-slate-100`,
+        secondary: `
+      dk:border-pink-500
+      dk:dark:border-pink-600
+      dk:bg-pink-200
+      dk:text-pink-800
+      dk:hover:bg-pink-300
+      dk:hover:text-pink-900
+      dk:dark:bg-pink-700
+      dk:dark:text-pink-200
+      dk:dark:hover:bg-pink-600
+      dk:dark:hover:text-pink-100`,
+        success: `
+      dk:border-emerald-500
+      dk:dark:border-emerald-600
+      dk:bg-emerald-200
+      dk:text-emerald-800
+      dk:hover:bg-emerald-300
+      dk:hover:text-emerald-900
+      dk:dark:bg-emerald-700
+      dk:dark:text-emerald-200
+      dk:dark:hover:bg-emerald-600
+      dk:dark:hover:text-emerald-100`,
+        danger: `
+      dk:border-rose-500
+      dk:dark:border-rose-600
+      dk:bg-rose-200
+      dk:text-rose-800
+      dk:hover:bg-rose-300
+      dk:hover:text-rose-900
+      dk:dark:bg-rose-700
+      dk:dark:text-rose-200
+      dk:dark:hover:bg-rose-600
+      dk:dark:hover:text-rose-100`,
+        warning: `
+      dk:border-amber-500
+      dk:dark:border-amber-600
+      dk:bg-amber-200
+      dk:text-amber-800
+      dk:hover:bg-amber-300
+      dk:hover:text-amber-900
+      dk:dark:bg-amber-700
+      dk:dark:text-amber-200
+      dk:dark:hover:bg-amber-600
+      dk:dark:hover:text-amber-100`
       },
       outline: {
-        base: "border",
-        neutral: "border-zinc-600 text-zinc-800 hover:bg-zinc-100 hover:text-zinc-900 dark:border-zinc-300 dark:text-zinc-200 dark:hover:bg-zinc-800 dark:hover:text-zinc-50",
-        primary: "border-sky-600 text-sky-800 hover:bg-sky-100 hover:text-sky-900 dark:border-sky-300 dark:text-sky-200 dark:hover:bg-sky-800 dark:hover:text-sky-50",
-        secondary: "border-pink-600 text-pink-800 hover:bg-pink-100 hover:text-pink-900 dark:border-pink-300 dark:text-pink-200 dark:hover:bg-pink-800 dark:hover:text-pink-50",
-        success: "border-green-600 text-green-800 hover:bg-green-100 hover:text-green-900 dark:border-green-300 dark:text-green-200 dark:hover:bg-green-800 dark:hover:text-green-50",
-        danger: "border-red-600 text-red-800 hover:bg-red-100 hover:text-red-900 dark:border-red-300 dark:text-red-200 dark:hover:bg-red-800 dark:hover:text-red-50",
-        warning: "border-yellow-600 text-yellow-800 hover:bg-yellow-100 hover:text-yellow-900 dark:border-yellow-300 dark:text-yellow-200 dark:hover:bg-yellow-800 dark:hover:text-yellow-50"
+        base: "dk:border",
+        neutral: `
+      dk:border-zinc-500
+      dk:dark:border-zinc-600
+      dk:text-zinc-800
+      dk:hover:bg-zinc-300
+      dk:hover:text-zinc-900
+      dk:dark:text-zinc-200
+      dk:dark:hover:bg-zinc-600
+      dk:dark:hover:text-zinc-100`,
+        primary: `
+      dk:border-slate-500
+      dk:dark:border-slate-600
+      dk:text-slate-800
+      dk:hover:bg-slate-300
+      dk:hover:text-slate-900
+      dk:dark:text-slate-200
+      dk:dark:hover:bg-slate-600
+      dk:dark:hover:text-slate-100`,
+        secondary: `
+      dk:border-pink-500
+      dk:dark:border-pink-600
+      dk:text-pink-800
+      dk:hover:bg-pink-300
+      dk:hover:text-pink-900
+      dk:dark:text-pink-200
+      dk:dark:hover:bg-pink-600
+      dk:dark:hover:text-pink-100`,
+        success: `
+      dk:border-emerald-500
+      dk:dark:border-emerald-600
+      dk:text-emerald-800
+      dk:hover:bg-emerald-300
+      dk:hover:text-emerald-900
+      dk:dark:text-emerald-200
+      dk:dark:hover:bg-emerald-600
+      dk:dark:hover:text-emerald-100`,
+        danger: `
+      dk:border-rose-500
+      dk:dark:border-rose-600
+      dk:text-rose-800
+      dk:hover:bg-rose-300
+      dk:hover:text-rose-900
+      dk:dark:text-rose-200
+      dk:dark:hover:bg-rose-600
+      dk:dark:hover:text-rose-100`,
+        warning: `
+      dk:border-amber-500
+      dk:dark:border-amber-600
+      dk:text-amber-800
+      dk:hover:bg-amber-300
+      dk:hover:text-amber-900
+      dk:dark:text-amber-200
+      dk:dark:hover:bg-amber-600
+      dk:dark:hover:text-amber-100`
       },
       ghost: {
-        base: "border-b border-transparent",
-        neutral: "hover:border-zinc-500 hover:dark:border-zinc-600 text-zinc-600 hover:bg-zinc-50 dark:text-zinc-100 dark:hover:bg-zinc-800",
-        primary: "hover:border-slate-500 hover:dark:border-slate-600 text-slate-600 hover:bg-slate-50 dark:text-slate-100 dark:hover:bg-slate-800",
-        secondary: "hover:border-pink-500 hover:dark:border-pink-600 text-pink-600 hover:bg-pink-50 dark:text-pink-100 dark:hover:bg-pink-800",
-        success: "hover:border-emerald-500 hover:dark:border-emerald-600 text-emerald-600 hover:bg-emerald-50 dark:text-emerald-100 dark:hover:bg-emerald-800",
-        danger: "hover:border-rose-500 hover:dark:border-rose-600 text-rose-600 hover:bg-rose-50 dark:text-rose-100 dark:hover:bg-rose-800",
-        warning: "hover:border-amber-500 hover:dark:border-amber-600 text-amber-600 hover:bg-amber-50 dark:text-amber-100 dark:hover:bg-amber-800"
+        base: "dk:border-b dk:border-transparent",
+        neutral: `
+      dk:hover:border-zinc-500
+      dk:hover:dark:border-zinc-600
+      dk:text-zinc-600
+      dk:hover:bg-zinc-50
+      dk:dark:text-zinc-100
+      dk:dark:hover:bg-zinc-800`,
+        primary: `
+      dk:hover:border-slate-500
+      dk:hover:dark:border-slate-600
+      dk:text-slate-600
+      dk:hover:bg-slate-50
+      dk:dark:text-slate-100
+      dk:dark:hover:bg-slate-800`,
+        secondary: `
+      dk:hover:border-pink-500
+      dk:hover:dark:border-pink-600
+      dk:text-pink-600
+      dk:hover:bg-pink-50
+      dk:dark:text-pink-100
+      dk:dark:hover:bg-pink-800`,
+        success: `
+      dk:hover:border-emerald-500
+      dk:hover:dark:border-emerald-600
+      dk:text-emerald-600
+      dk:hover:bg-emerald-50
+      dk:dark:text-emerald-100
+      dk:dark:hover:bg-emerald-800`,
+        danger: `
+      dk:hover:border-rose-500
+      dk:hover:dark:border-rose-600
+      dk:text-rose-600
+      dk:hover:bg-rose-50
+      dk:dark:text-rose-100
+      dk:dark:hover:bg-rose-800`,
+        warning: `
+      dk:hover:border-amber-500
+      dk:hover:dark:border-amber-600
+      dk:text-amber-600
+      dk:hover:bg-amber-50
+      dk:dark:text-amber-100
+      dk:dark:hover:bg-amber-800`
       }
     }, c = h(() => {
-      var i;
-      const a = (((i = n[r.variant]) == null ? void 0 : i[r.color]) || "") + " " + n[r.variant].base, s = e[r.size] || "", p = r.block ? "w-full" : "";
-      return [B, a, s, p].join(" ");
+      var n;
+      const t = (((n = l[d.variant]) == null ? void 0 : n[d.color]) || "") + " " + l[d.variant].base, s = e[d.size] || "", p = d.block ? "dk:w-full" : "";
+      return [B, t, s, p].join(" ");
     });
-    return (a, s) => (d(), o("button", {
-      type: r.type,
-      class: u(c.value),
-      title: r.title,
-      disabled: r.disabled || r.loading
+    return (t, s) => (a(), k("button", {
+      type: d.type,
+      class: v(c.value),
+      title: d.title,
+      disabled: d.disabled || d.loading
     }, [
-      r.loading ? (d(), o("span", q, "Cargando...")) : y(a.$slots, "default", { key: 0 })
+      d.loading ? (a(), k("span", q, "Cargando...")) : y(t.$slots, "default", { key: 0 })
     ], 10, C));
   }
 }), $ = ["for"], V = {
   key: 0,
-  class: "text-rose-500"
-}, D = ["type", "value", "disabled", "placeholder", "required", "name", "id", "pattern", "aria-label", "aria-disabled", "aria-required"], j = "border-b border-zinc-300 bg-zinc-50 text-zinc-800 focus:outline-none focus:bg-zinc-100 dark:bg-zinc-700 dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-100 dark:focus:bg-zinc-700 dark:[color-scheme:dark]", G = /* @__PURE__ */ x({
+  class: "dk:text-rose-500"
+}, D = ["type", "value", "disabled", "placeholder", "required", "name", "id", "pattern", "aria-label", "aria-disabled", "aria-required"], j = `
+  dk:border-b
+  dk:border-zinc-300
+  dk:bg-zinc-50
+  dk:text-zinc-800
+  dk:focus:outline-none
+  dk:focus:bg-zinc-100
+  dk:dark:bg-zinc-700
+  dk:dark:border-zinc-600
+  dk:dark:bg-zinc-800
+  dk:dark:text-zinc-100
+  dk:dark:focus:bg-zinc-700
+  dk:dark:[color-scheme:dark]`, G = /* @__PURE__ */ x({
   __name: "DuiInput",
   props: {
     modelValue: {
@@ -138,47 +306,47 @@ const C = ["type", "title", "disabled"], q = { key: 1 }, B = "transition rounded
     }
   },
   emits: ["update:modelValue"],
-  setup(l, { emit: r }) {
-    const e = l, n = r;
-    function c(b) {
-      const k = b.target;
-      n("update:modelValue", k.value);
+  setup(o, { emit: d }) {
+    const e = o, l = d;
+    function c(i) {
+      const b = i.target;
+      l("update:modelValue", b.value);
     }
-    const a = {
-      sm: "text-sm px-3 py-1.5",
-      md: "text-base px-3 py-2",
-      lg: "text-lg px-5 py-3"
+    const t = {
+      sm: "dk:text-sm dk:px-3 dk:py-1.5",
+      md: "dk:text-base dk:px-4 dk:py-2",
+      lg: "dk:text-lg dk:px-5 dk:py-3"
     }, s = {
-      all: "rounded",
-      top: "rounded-t",
-      bottom: "rounded-b",
-      left: "rounded-l",
-      right: "rounded-r",
-      none: "rounded-none"
+      all: "dk:rounded",
+      top: "dk:rounded-t",
+      bottom: "dk:rounded-b",
+      left: "dk:rounded-l",
+      right: "dk:rounded-r",
+      none: "dk:rounded-none"
     }, p = {
-      sm: "text-sm pb-0.5",
-      md: "text-base pb-1",
-      lg: "text-lg pb-2"
-    }, i = h(() => {
-      const b = a[e.size] || "", k = e.block ? "w-full" : "", t = s[e.rounded] || "";
-      return [j, b, k, t].join(" ");
+      sm: "dk:text-sm dk:pb-0.5",
+      md: "dk:text-base dk:pb-1",
+      lg: "dk:text-lg dk:pb-2"
+    }, n = h(() => {
+      const i = t[e.size] || "", b = e.block ? "dk:w-full" : "", r = s[e.rounded] || "";
+      return [j, i, b, r].join(" ");
     }), m = h(() => {
-      const b = p[e.size] || "", k = e.block ? "w-full" : "";
-      return [b, k].join(" ");
+      const i = p[e.size] || "", b = e.block ? "dk:w-full" : "";
+      return [i, b].join(" ");
     });
-    return (b, k) => (d(), o("div", null, [
-      e.label ? (d(), o("label", {
+    return (i, b) => (a(), k("div", null, [
+      e.label ? (a(), k("label", {
         key: 0,
         for: e.id,
-        class: u([m.value, "text-start block text-zinc-700 dark:text-zinc-200 px-0"])
+        class: v([m.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
       }, [
         f(S(e.label) + " ", 1),
-        e.required ? (d(), o("span", V, "*")) : v("", !0)
-      ], 10, $)) : v("", !0),
+        e.required ? (a(), k("span", V, "*")) : g("", !0)
+      ], 10, $)) : g("", !0),
       z("input", {
         type: e.type,
-        class: u(i.value),
-        value: l.modelValue,
+        class: v(n.value),
+        value: o.modelValue,
         disabled: e.disabled,
         placeholder: e.placeholder,
         required: e.required,
@@ -194,8 +362,20 @@ const C = ["type", "title", "disabled"], q = { key: 1 }, B = "transition rounded
   }
 }), I = ["for"], L = {
   key: 0,
-  class: "text-rose-500"
-}, N = ["value", "disabled", "placeholder", "required", "name", "id", "aria-label", "aria-disabled", "aria-required"], T = "border-b border-zinc-300 bg-zinc-50 text-zinc-800 focus:outline-none focus:bg-zinc-100 dark:bg-zinc-700 dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-100 dark:focus:bg-zinc-700 dark:[color-scheme:dark]", J = /* @__PURE__ */ x({
+  class: "dk:text-rose-500"
+}, N = ["value", "disabled", "placeholder", "required", "name", "id", "aria-label", "aria-disabled", "aria-required"], T = `
+  dk:border-b
+  dk:border-zinc-300
+  dk:bg-zinc-50
+  dk:text-zinc-800
+  dk:focus:outline-none
+  dk:focus:bg-zinc-100
+  dk:dark:bg-zinc-700
+  dk:dark:border-zinc-600
+  dk:dark:bg-zinc-800
+  dk:dark:text-zinc-100
+  dk:dark:focus:bg-zinc-700
+  dk:dark:[color-scheme:dark]`, J = /* @__PURE__ */ x({
   __name: "DuiTextarea",
   props: {
     modelValue: {
@@ -248,53 +428,53 @@ const C = ["type", "title", "disabled"], q = { key: 1 }, B = "transition rounded
     }
   },
   emits: ["update:modelValue"],
-  setup(l, { emit: r }) {
-    const e = l, n = r;
-    function c(t) {
-      const g = t.target;
-      e.autoheight && k(g), n("update:modelValue", g.value);
+  setup(o, { emit: d }) {
+    const e = o, l = d;
+    function c(r) {
+      const u = r.target;
+      e.autoheight && b(u), l("update:modelValue", u.value);
     }
-    const a = {
-      sm: "text-sm px-3 py-1.5",
-      md: "text-base px-3 py-2",
-      lg: "text-lg px-5 py-3"
+    const t = {
+      sm: "dk:text-sm dk:px-3 dk:py-1.5",
+      md: "dk:text-base dk:px-3 dk:py-2",
+      lg: "dk:text-lg dk:px-5 dk:py-3"
     }, s = {
-      all: "rounded",
-      top: "rounded-t",
-      bottom: "rounded-b",
-      left: "rounded-l",
-      right: "rounded-r",
-      none: "rounded-none"
+      all: "dk:rounded",
+      top: "dk:rounded-t",
+      bottom: "dk:rounded-b",
+      left: "dk:rounded-l",
+      right: "dk:rounded-r",
+      none: "dk:rounded-none"
     }, p = {
-      sm: "text-sm pb-0.5",
-      md: "text-base pb-1",
-      lg: "text-lg pb-2"
-    }, i = {
-      none: "resize-none",
-      both: "resize",
-      horizontal: "resize-x",
-      vertical: "resize-y"
+      sm: "dk:text-sm dk:pb-0.5",
+      md: "dk:text-base dk:pb-1",
+      lg: "dk:text-lg dk:pb-2"
+    }, n = {
+      none: "dk:resize-none",
+      both: "dk:resize",
+      horizontal: "dk:resize-x",
+      vertical: "dk:resize-y"
     }, m = h(() => {
-      const t = a[e.size] || "", g = e.block ? "w-full" : "", _ = s[e.rounded] || "", w = i[e.resize] || "";
-      return [T, t, g, _, w].join(" ");
-    }), b = h(() => {
-      const t = p[e.size] || "", g = e.block ? "w-full" : "";
-      return [t, g].join(" ");
-    }), k = (t) => {
-      t.style.height = "auto", t.style.height = `${t.scrollHeight + 5}px`;
+      const r = t[e.size] || "", u = e.block ? "dk:w-full" : "", _ = s[e.rounded] || "", w = n[e.resize] || "";
+      return [T, r, u, _, w].join(" ");
+    }), i = h(() => {
+      const r = p[e.size] || "", u = e.block ? "dk:w-full" : "";
+      return [r, u].join(" ");
+    }), b = (r) => {
+      r.style.height = "auto", r.style.height = `${r.scrollHeight + 5}px`;
     };
-    return (t, g) => (d(), o("div", null, [
-      e.label ? (d(), o("label", {
+    return (r, u) => (a(), k("div", null, [
+      e.label ? (a(), k("label", {
         key: 0,
         for: e.id,
-        class: u([b.value, "text-start block text-zinc-700 dark:text-zinc-200 px-0"])
+        class: v([i.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
       }, [
         f(S(e.label) + " ", 1),
-        e.required ? (d(), o("span", L, "*")) : v("", !0)
-      ], 10, I)) : v("", !0),
+        e.required ? (a(), k("span", L, "*")) : g("", !0)
+      ], 10, I)) : g("", !0),
       z("textarea", {
-        class: u(m.value),
-        value: l.modelValue,
+        class: v(m.value),
+        value: o.modelValue,
         disabled: e.disabled,
         placeholder: e.placeholder,
         required: e.required,
@@ -307,7 +487,19 @@ const C = ["type", "title", "disabled"], q = { key: 1 }, B = "transition rounded
       }, null, 42, N)
     ]));
   }
-}), A = ["title"], E = { key: 1 }, H = "transition text-center rounded disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer hover:shadow-md overflow-hidden text-ellipsis whitespace-nowrap active:scale-95", K = /* @__PURE__ */ x({
+}), A = ["title"], E = { key: 1 }, H = `
+  dk:transition
+  dk:text-center
+  dk:rounded
+  dk:disabled:opacity-50
+  dk:disabled:cursor-not-allowed
+  dk:cursor-pointer
+  dk:hover:shadow-md
+  dk:overflow-hidden
+  dk:text-ellipsis
+  dk:whitespace-nowrap
+  dk:active:scale-95
+  dk:max-w-full`, K = /* @__PURE__ */ x({
   __name: "DuiAction",
   props: {
     variant: {
@@ -335,49 +527,193 @@ const C = ["type", "title", "disabled"], q = { key: 1 }, B = "transition rounded
       default: void 0
     }
   },
-  setup(l) {
-    const r = l, e = {
-      sm: "text-sm px-3 py-1.5",
-      md: "text-base px-4 py-2",
-      lg: "text-lg px-5 py-3"
-    }, n = {
+  setup(o) {
+    const d = o, e = {
+      sm: "dk:text-sm dk:px-3 dk:py-1.5",
+      md: "dk:text-base dk:px-4 dk:py-2",
+      lg: "dk:text-lg dk:px-5 dk:py-3"
+    }, l = {
       solid: {
-        base: "border-b",
-        neutral: "border-zinc-500 dark:border-zinc-600 bg-zinc-200 text-zinc-800 hover:bg-zinc-300 hover:text-zinc-900 dark:bg-zinc-700 dark:text-zinc-200 dark:hover:bg-zinc-600 dark:hover:text-zinc-50",
-        primary: "border-slate-500 dark:border-slate-600 bg-slate-200 text-slate-800 hover:bg-slate-300 hover:text-slate-900 dark:bg-slate-700 dark:text-slate-200 dark:hover:bg-slate-600 dark:hover:text-slate-100",
-        secondary: "border-pink-500 dark:border-pink-600 bg-pink-200 text-pink-800 hover:bg-pink-300 hover:text-pink-900 dark:bg-pink-700 dark:text-pink-200 dark:hover:bg-pink-600 dark:hover:text-pink-100",
-        success: " border-emerald-500 dark:border-emerald-600 bg-emerald-200 text-emerald-800 hover:bg-emerald-300 hover:text-emerald-900 dark:bg-emerald-700 dark:text-emerald-200 dark:hover:bg-emerald-600 dark:hover:text-emerald-100",
-        danger: "border-rose-500 dark:border-rose-600 bg-rose-200 text-rose-800 hover:bg-rose-300 hover:text-rose-900 dark:bg-rose-700 dark:text-rose-200 dark:hover:bg-rose-600 dark:hover:text-rose-100",
-        warning: "border-amber-500 dark:border-amber-600 bg-amber-200 text-amber-800 hover:bg-amber-300 hover:text-amber-900 dark:bg-amber-700 dark:text-amber-200 dark:hover:bg-amber-600 dark:hover:text-amber-100"
+        base: "dk:border-b",
+        neutral: `
+      dk:border-zinc-500
+      dk:dark:border-zinc-600
+      dk:bg-zinc-200
+      dk:text-zinc-800
+      dk:hover:bg-zinc-300
+      dk:hover:text-zinc-900
+      dk:dark:bg-zinc-700
+      dk:dark:text-zinc-200
+      dk:dark:hover:bg-zinc-600
+      dk:dark:hover:text-zinc-50`,
+        primary: `
+      dk:border-slate-500
+      dk:dark:border-slate-600
+      dk:bg-slate-200
+      dk:text-slate-800
+      dk:hover:bg-slate-300
+      dk:hover:text-slate-900
+      dk:dark:bg-slate-700
+      dk:dark:text-slate-200
+      dk:dark:hover:bg-slate-600
+      dk:dark:hover:text-slate-100`,
+        secondary: `
+      dk:border-pink-500
+      dk:dark:border-pink-600
+      dk:bg-pink-200
+      dk:text-pink-800
+      dk:hover:bg-pink-300
+      dk:hover:text-pink-900
+      dk:dark:bg-pink-700
+      dk:dark:text-pink-200
+      dk:dark:hover:bg-pink-600
+      dk:dark:hover:text-pink-100`,
+        success: `
+      dk:border-emerald-500
+      dk:dark:border-emerald-600
+      dk:bg-emerald-200
+      dk:text-emerald-800
+      dk:hover:bg-emerald-300
+      dk:hover:text-emerald-900
+      dk:dark:bg-emerald-700
+      dk:dark:text-emerald-200
+      dk:dark:hover:bg-emerald-600
+      dk:dark:hover:text-emerald-100`,
+        danger: `
+      dk:border-rose-500
+      dk:dark:border-rose-600
+      dk:bg-rose-200
+      dk:text-rose-800
+      dk:hover:bg-rose-300
+      dk:hover:text-rose-900
+      dk:dark:bg-rose-700
+      dk:dark:text-rose-200
+      dk:dark:hover:bg-rose-600
+      dk:dark:hover:text-rose-100`,
+        warning: `
+      dk:border-amber-500
+      dk:dark:border-amber-600
+      dk:bg-amber-200
+      dk:text-amber-800
+      dk:hover:bg-amber-300
+      dk:hover:text-amber-900
+      dk:dark:bg-amber-700
+      dk:dark:text-amber-200
+      dk:dark:hover:bg-amber-600
+      dk:dark:hover:text-amber-100`
       },
       outline: {
-        base: "border",
-        neutral: "border-zinc-600 text-zinc-800 hover:bg-zinc-100 hover:text-zinc-900 dark:border-zinc-300 dark:text-zinc-200 dark:hover:bg-zinc-800 dark:hover:text-zinc-50",
-        primary: "border-sky-600 text-sky-800 hover:bg-sky-100 hover:text-sky-900 dark:border-sky-300 dark:text-sky-200 dark:hover:bg-sky-800 dark:hover:text-sky-50",
-        secondary: "border-pink-600 text-pink-800 hover:bg-pink-100 hover:text-pink-900 dark:border-pink-300 dark:text-pink-200 dark:hover:bg-pink-800 dark:hover:text-pink-50",
-        success: "border-green-600 text-green-800 hover:bg-green-100 hover:text-green-900 dark:border-green-300 dark:text-green-200 dark:hover:bg-green-800 dark:hover:text-green-50",
-        danger: "border-red-600 text-red-800 hover:bg-red-100 hover:text-red-900 dark:border-red-300 dark:text-red-200 dark:hover:bg-red-800 dark:hover:text-red-50",
-        warning: "border-yellow-600 text-yellow-800 hover:bg-yellow-100 hover:text-yellow-900 dark:border-yellow-300 dark:text-yellow-200 dark:hover:bg-yellow-800 dark:hover:text-yellow-50"
+        base: "dk:border",
+        neutral: `
+      dk:border-zinc-600
+      dk:text-zinc-800
+      dk:hover:bg-zinc-100
+      dk:hover:text-zinc-900
+      dk:dark:border-zinc-300
+      dk:dark:text-zinc-200
+      dk:dark:hover:bg-zinc-800
+      dk:dark:hover:text-zinc-50`,
+        primary: `
+      dk:border-sky-600
+      dk:text-sky-800
+      dk:hover:bg-sky-100
+      dk:hover:text-sky-900
+      dk:dark:border-sky-300
+      dk:dark:text-sky-200
+      dk:dark:hover:bg-sky-800
+      dk:dark:hover:text-sky-50`,
+        secondary: `
+      dk:border-pink-600
+      dk:text-pink-800
+      dk:hover:bg-pink-100
+      dk:hover:text-pink-900
+      dk:dark:border-pink-300
+      dk:dark:text-pink-200
+      dk:dark:hover:bg-pink-800
+      dk:dark:hover:text-pink-50`,
+        success: `
+      dk:border-green-600
+      dk:text-green-800
+      dk:hover:bg-green-100
+      dk:hover:text-green-900
+      dk:dark:border-green-300
+      dk:dark:text-green-200
+      dk:dark:hover:bg-green-800
+      dk:dark:hover:text-green-50`,
+        danger: `
+      dk:border-red-600
+      dk:text-red-800
+      dk:hover:bg-red-100
+      dk:hover:text-red-900
+      dk:dark:border-red-300
+      dk:dark:text-red-200
+      dk:dark:hover:bg-red-800
+      dk:dark:hover:text-red-50`,
+        warning: `
+      dk:border-yellow-600
+      dk:text-yellow-800
+      dk:hover:bg-yellow-100
+      dk:hover:text-yellow-900
+      dk:dark:border-yellow-300
+      dk:dark:text-yellow-200
+      dk:dark:hover:bg-yellow-800
+      dk:dark:hover:text-yellow-50`
       },
       ghost: {
-        base: "border-b border-transparent",
-        neutral: "hover:border-zinc-500 hover:dark:border-zinc-600 text-zinc-600 hover:bg-zinc-50 dark:text-zinc-100 dark:hover:bg-zinc-800",
-        primary: "hover:border-slate-500 hover:dark:border-slate-600 text-slate-600 hover:bg-slate-50 dark:text-slate-100 dark:hover:bg-slate-800",
-        secondary: "hover:border-pink-500 hover:dark:border-pink-600 text-pink-600 hover:bg-pink-50 dark:text-pink-100 dark:hover:bg-pink-800",
-        success: "hover:border-emerald-500 hover:dark:border-emerald-600 text-emerald-600 hover:bg-emerald-50 dark:text-emerald-100 dark:hover:bg-emerald-800",
-        danger: "hover:border-rose-500 hover:dark:border-rose-600 text-rose-600 hover:bg-rose-50 dark:text-rose-100 dark:hover:bg-rose-800",
-        warning: "hover:border-amber-500 hover:dark:border-amber-600 text-amber-600 hover:bg-amber-50 dark:text-amber-100 dark:hover:bg-amber-800"
+        base: "dk:border-b dk:border-transparent",
+        neutral: `
+      dk:hover:border-zinc-500
+      dk:hover:dark:border-zinc-600
+      dk:text-zinc-600
+      dk:hover:bg-zinc-50
+      dk:dark:text-zinc-100
+      dk:dark:hover:bg-zinc-800`,
+        primary: `
+      dk:hover:border-slate-500
+      dk:hover:dark:border-slate-600
+      dk:text-slate-600
+      dk:hover:bg-slate-50
+      dk:dark:text-slate-100
+      dk:dark:hover:bg-slate-800`,
+        secondary: `
+      dk:hover:border-pink-500
+      dk:hover:dark:border-pink-600
+      dk:text-pink-600
+      dk:hover:bg-pink-50
+      dk:dark:text-pink-100
+      dk:dark:hover:bg-pink-800`,
+        success: `
+      dk:hover:border-emerald-500
+      dk:hover:dark:border-emerald-600
+      dk:text-emerald-600
+      dk:hover:bg-emerald-50
+      dk:dark:text-emerald-100
+      dk:dark:hover:bg-emerald-800`,
+        danger: `
+      dk:hover:border-rose-500
+      dk:hover:dark:border-rose-600
+      dk:text-rose-600
+      dk:hover:bg-rose-50
+      dk:dark:text-rose-100
+      dk:dark:hover:bg-rose-800`,
+        warning: `
+      dk:hover:border-amber-500
+      dk:hover:dark:border-amber-600
+      dk:text-amber-600
+      dk:hover:bg-amber-50
+      dk:dark:text-amber-100
+      dk:dark:hover:bg-amber-800`
       }
     }, c = h(() => {
-      var i;
-      const a = (((i = n[r.variant]) == null ? void 0 : i[r.color]) || "") + " " + n[r.variant].base, s = e[r.size] || "", p = r.block ? "block" : "inline-block";
-      return [H, a, s, p].join(" ");
+      var n;
+      const t = (((n = l[d.variant]) == null ? void 0 : n[d.color]) || "") + " " + l[d.variant].base, s = e[d.size] || "", p = d.block ? "dk:block" : "dk:inline-block";
+      return [H, t, s, p].join(" ");
     });
-    return (a, s) => (d(), o("span", {
-      class: u(c.value),
-      title: r.title
+    return (t, s) => (a(), k("span", {
+      class: v(c.value),
+      title: d.title
     }, [
-      r.loading ? (d(), o("span", E, "Cargando...")) : y(a.$slots, "default", { key: 0 })
+      d.loading ? (a(), k("span", E, "Cargando...")) : y(t.$slots, "default", { key: 0 })
     ], 10, A));
   }
 });

package/dist/droni-kit.umd.cjs

@@ -1 +1,337 @@
-(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d["droni-kit"]={},d.Vue))})(this,function(d,e){"use strict";const x=["type","title","disabled"],m={key:1},u="transition rounded disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer hover:shadow-md overflow-hidden text-ellipsis whitespace-nowrap active:scale-95",v=e.defineComponent({__name:"DuiButton",props:{variant:{type:String,default:"solid"},color:{type:String,default:"neutral"},size:{type:String,default:"md"},type:{type:String,default:"button"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},block:{type:Boolean,default:!1},title:{type:String,default:void 0}},setup(n){const t=n,r={sm:"text-sm px-3 py-1.5",md:"text-base px-4 py-2",lg:"text-lg px-5 py-3"},l={solid:{base:"border-b",neutral:"border-zinc-500 dark:border-zinc-600 bg-zinc-200 text-zinc-800 hover:bg-zinc-300 hover:text-zinc-900 dark:bg-zinc-700 dark:text-zinc-200 dark:hover:bg-zinc-600 dark:hover:text-zinc-50",primary:"border-slate-500 dark:border-slate-600 bg-slate-200 text-slate-800 hover:bg-slate-300 hover:text-slate-900 dark:bg-slate-700 dark:text-slate-200 dark:hover:bg-slate-600 dark:hover:text-slate-100",secondary:"border-pink-500 dark:border-pink-600 bg-pink-200 text-pink-800 hover:bg-pink-300 hover:text-pink-900 dark:bg-pink-700 dark:text-pink-200 dark:hover:bg-pink-600 dark:hover:text-pink-100",success:" border-emerald-500 dark:border-emerald-600 bg-emerald-200 text-emerald-800 hover:bg-emerald-300 hover:text-emerald-900 dark:bg-emerald-700 dark:text-emerald-200 dark:hover:bg-emerald-600 dark:hover:text-emerald-100",danger:"border-rose-500 dark:border-rose-600 bg-rose-200 text-rose-800 hover:bg-rose-300 hover:text-rose-900 dark:bg-rose-700 dark:text-rose-200 dark:hover:bg-rose-600 dark:hover:text-rose-100",warning:"border-amber-500 dark:border-amber-600 bg-amber-200 text-amber-800 hover:bg-amber-300 hover:text-amber-900 dark:bg-amber-700 dark:text-amber-200 dark:hover:bg-amber-600 dark:hover:text-amber-100"},outline:{base:"border",neutral:"border-zinc-600 text-zinc-800 hover:bg-zinc-100 hover:text-zinc-900 dark:border-zinc-300 dark:text-zinc-200 dark:hover:bg-zinc-800 dark:hover:text-zinc-50",primary:"border-sky-600 text-sky-800 hover:bg-sky-100 hover:text-sky-900 dark:border-sky-300 dark:text-sky-200 dark:hover:bg-sky-800 dark:hover:text-sky-50",secondary:"border-pink-600 text-pink-800 hover:bg-pink-100 hover:text-pink-900 dark:border-pink-300 dark:text-pink-200 dark:hover:bg-pink-800 dark:hover:text-pink-50",success:"border-green-600 text-green-800 hover:bg-green-100 hover:text-green-900 dark:border-green-300 dark:text-green-200 dark:hover:bg-green-800 dark:hover:text-green-50",danger:"border-red-600 text-red-800 hover:bg-red-100 hover:text-red-900 dark:border-red-300 dark:text-red-200 dark:hover:bg-red-800 dark:hover:text-red-50",warning:"border-yellow-600 text-yellow-800 hover:bg-yellow-100 hover:text-yellow-900 dark:border-yellow-300 dark:text-yellow-200 dark:hover:bg-yellow-800 dark:hover:text-yellow-50"},ghost:{base:"border-b border-transparent",neutral:"hover:border-zinc-500 hover:dark:border-zinc-600 text-zinc-600 hover:bg-zinc-50 dark:text-zinc-100 dark:hover:bg-zinc-800",primary:"hover:border-slate-500 hover:dark:border-slate-600 text-slate-600 hover:bg-slate-50 dark:text-slate-100 dark:hover:bg-slate-800",secondary:"hover:border-pink-500 hover:dark:border-pink-600 text-pink-600 hover:bg-pink-50 dark:text-pink-100 dark:hover:bg-pink-800",success:"hover:border-emerald-500 hover:dark:border-emerald-600 text-emerald-600 hover:bg-emerald-50 dark:text-emerald-100 dark:hover:bg-emerald-800",danger:"hover:border-rose-500 hover:dark:border-rose-600 text-rose-600 hover:bg-rose-50 dark:text-rose-100 dark:hover:bg-rose-800",warning:"hover:border-amber-500 hover:dark:border-amber-600 text-amber-600 hover:bg-amber-50 dark:text-amber-100 dark:hover:bg-amber-800"}},k=e.computed(()=>{var i;const a=(((i=l[t.variant])==null?void 0:i[t.color])||"")+" "+l[t.variant].base,s=r[t.size]||"",p=t.block?"w-full":"";return[u,a,s,p].join(" ")});return(a,s)=>(e.openBlock(),e.createElementBlock("button",{type:t.type,class:e.normalizeClass(k.value),title:t.title,disabled:t.disabled||t.loading},[t.loading?(e.openBlock(),e.createElementBlock("span",m,"Cargando...")):e.renderSlot(a.$slots,"default",{key:0})],10,x))}}),y=["for"],z={key:0,class:"text-rose-500"},f=["type","value","disabled","placeholder","required","name","id","pattern","aria-label","aria-disabled","aria-required"],S="border-b border-zinc-300 bg-zinc-50 text-zinc-800 focus:outline-none focus:bg-zinc-100 dark:bg-zinc-700 dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-100 dark:focus:bg-zinc-700 dark:[color-scheme:dark]",_=e.defineComponent({__name:"DuiInput",props:{modelValue:{type:String,default:""},type:{type:String,default:"text"},size:{type:String,default:"md"},block:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:void 0},name:{type:String,default:void 0},id:{type:String,default:void 0},required:{type:Boolean,default:!1},label:{type:String,default:void 0},pattern:{type:String,default:void 0},rounded:{type:String,default:"all"}},emits:["update:modelValue"],setup(n,{emit:t}){const r=n,l=t;function k(b){const c=b.target;l("update:modelValue",c.value)}const a={sm:"text-sm px-3 py-1.5",md:"text-base px-3 py-2",lg:"text-lg px-5 py-3"},s={all:"rounded",top:"rounded-t",bottom:"rounded-b",left:"rounded-l",right:"rounded-r",none:"rounded-none"},p={sm:"text-sm pb-0.5",md:"text-base pb-1",lg:"text-lg pb-2"},i=e.computed(()=>{const b=a[r.size]||"",c=r.block?"w-full":"",o=s[r.rounded]||"";return[S,b,c,o].join(" ")}),g=e.computed(()=>{const b=p[r.size]||"",c=r.block?"w-full":"";return[b,c].join(" ")});return(b,c)=>(e.openBlock(),e.createElementBlock("div",null,[r.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:r.id,class:e.normalizeClass([g.value,"text-start block text-zinc-700 dark:text-zinc-200 px-0"])},[e.createTextVNode(e.toDisplayString(r.label)+" ",1),r.required?(e.openBlock(),e.createElementBlock("span",z,"*")):e.createCommentVNode("",!0)],10,y)):e.createCommentVNode("",!0),e.createElementVNode("input",{type:r.type,class:e.normalizeClass(i.value),value:n.modelValue,disabled:r.disabled,placeholder:r.placeholder,required:r.required,name:r.name,id:r.id,pattern:r.pattern,"aria-label":r.placeholder,"aria-disabled":r.disabled,"aria-required":r.required,onInput:k},null,42,f)]))}}),w=["for"],C={key:0,class:"text-rose-500"},B=["value","disabled","placeholder","required","name","id","aria-label","aria-disabled","aria-required"],q="border-b border-zinc-300 bg-zinc-50 text-zinc-800 focus:outline-none focus:bg-zinc-100 dark:bg-zinc-700 dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-100 dark:focus:bg-zinc-700 dark:[color-scheme:dark]",V=e.defineComponent({__name:"DuiTextarea",props:{modelValue:{type:String,default:""},size:{type:String,default:"md"},block:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:void 0},name:{type:String,default:void 0},id:{type:String,default:void 0},required:{type:Boolean,default:!1},label:{type:String,default:void 0},rounded:{type:String,default:"all"},autoheight:{type:Boolean,default:!0},resize:{type:String,default:"none"}},emits:["update:modelValue"],setup(n,{emit:t}){const r=n,l=t;function k(o){const h=o.target;r.autoheight&&c(h),l("update:modelValue",h.value)}const a={sm:"text-sm px-3 py-1.5",md:"text-base px-3 py-2",lg:"text-lg px-5 py-3"},s={all:"rounded",top:"rounded-t",bottom:"rounded-b",left:"rounded-l",right:"rounded-r",none:"rounded-none"},p={sm:"text-sm pb-0.5",md:"text-base pb-1",lg:"text-lg pb-2"},i={none:"resize-none",both:"resize",horizontal:"resize-x",vertical:"resize-y"},g=e.computed(()=>{const o=a[r.size]||"",h=r.block?"w-full":"",N=s[r.rounded]||"",T=i[r.resize]||"";return[q,o,h,N,T].join(" ")}),b=e.computed(()=>{const o=p[r.size]||"",h=r.block?"w-full":"";return[o,h].join(" ")}),c=o=>{o.style.height="auto",o.style.height=`${o.scrollHeight+5}px`};return(o,h)=>(e.openBlock(),e.createElementBlock("div",null,[r.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:r.id,class:e.normalizeClass([b.value,"text-start block text-zinc-700 dark:text-zinc-200 px-0"])},[e.createTextVNode(e.toDisplayString(r.label)+" ",1),r.required?(e.openBlock(),e.createElementBlock("span",C,"*")):e.createCommentVNode("",!0)],10,w)):e.createCommentVNode("",!0),e.createElementVNode("textarea",{class:e.normalizeClass(g.value),value:n.modelValue,disabled:r.disabled,placeholder:r.placeholder,required:r.required,name:r.name,id:r.id,"aria-label":r.placeholder,"aria-disabled":r.disabled,"aria-required":r.required,onInput:k},null,42,B)]))}}),$=["title"],E={key:1},D="transition text-center rounded disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer hover:shadow-md overflow-hidden text-ellipsis whitespace-nowrap active:scale-95",j=e.defineComponent({__name:"DuiAction",props:{variant:{type:String,default:"solid"},color:{type:String,default:"neutral"},size:{type:String,default:"md"},loading:{type:Boolean,default:!1},block:{type:Boolean,default:!1},title:{type:String,default:void 0}},setup(n){const t=n,r={sm:"text-sm px-3 py-1.5",md:"text-base px-4 py-2",lg:"text-lg px-5 py-3"},l={solid:{base:"border-b",neutral:"border-zinc-500 dark:border-zinc-600 bg-zinc-200 text-zinc-800 hover:bg-zinc-300 hover:text-zinc-900 dark:bg-zinc-700 dark:text-zinc-200 dark:hover:bg-zinc-600 dark:hover:text-zinc-50",primary:"border-slate-500 dark:border-slate-600 bg-slate-200 text-slate-800 hover:bg-slate-300 hover:text-slate-900 dark:bg-slate-700 dark:text-slate-200 dark:hover:bg-slate-600 dark:hover:text-slate-100",secondary:"border-pink-500 dark:border-pink-600 bg-pink-200 text-pink-800 hover:bg-pink-300 hover:text-pink-900 dark:bg-pink-700 dark:text-pink-200 dark:hover:bg-pink-600 dark:hover:text-pink-100",success:" border-emerald-500 dark:border-emerald-600 bg-emerald-200 text-emerald-800 hover:bg-emerald-300 hover:text-emerald-900 dark:bg-emerald-700 dark:text-emerald-200 dark:hover:bg-emerald-600 dark:hover:text-emerald-100",danger:"border-rose-500 dark:border-rose-600 bg-rose-200 text-rose-800 hover:bg-rose-300 hover:text-rose-900 dark:bg-rose-700 dark:text-rose-200 dark:hover:bg-rose-600 dark:hover:text-rose-100",warning:"border-amber-500 dark:border-amber-600 bg-amber-200 text-amber-800 hover:bg-amber-300 hover:text-amber-900 dark:bg-amber-700 dark:text-amber-200 dark:hover:bg-amber-600 dark:hover:text-amber-100"},outline:{base:"border",neutral:"border-zinc-600 text-zinc-800 hover:bg-zinc-100 hover:text-zinc-900 dark:border-zinc-300 dark:text-zinc-200 dark:hover:bg-zinc-800 dark:hover:text-zinc-50",primary:"border-sky-600 text-sky-800 hover:bg-sky-100 hover:text-sky-900 dark:border-sky-300 dark:text-sky-200 dark:hover:bg-sky-800 dark:hover:text-sky-50",secondary:"border-pink-600 text-pink-800 hover:bg-pink-100 hover:text-pink-900 dark:border-pink-300 dark:text-pink-200 dark:hover:bg-pink-800 dark:hover:text-pink-50",success:"border-green-600 text-green-800 hover:bg-green-100 hover:text-green-900 dark:border-green-300 dark:text-green-200 dark:hover:bg-green-800 dark:hover:text-green-50",danger:"border-red-600 text-red-800 hover:bg-red-100 hover:text-red-900 dark:border-red-300 dark:text-red-200 dark:hover:bg-red-800 dark:hover:text-red-50",warning:"border-yellow-600 text-yellow-800 hover:bg-yellow-100 hover:text-yellow-900 dark:border-yellow-300 dark:text-yellow-200 dark:hover:bg-yellow-800 dark:hover:text-yellow-50"},ghost:{base:"border-b border-transparent",neutral:"hover:border-zinc-500 hover:dark:border-zinc-600 text-zinc-600 hover:bg-zinc-50 dark:text-zinc-100 dark:hover:bg-zinc-800",primary:"hover:border-slate-500 hover:dark:border-slate-600 text-slate-600 hover:bg-slate-50 dark:text-slate-100 dark:hover:bg-slate-800",secondary:"hover:border-pink-500 hover:dark:border-pink-600 text-pink-600 hover:bg-pink-50 dark:text-pink-100 dark:hover:bg-pink-800",success:"hover:border-emerald-500 hover:dark:border-emerald-600 text-emerald-600 hover:bg-emerald-50 dark:text-emerald-100 dark:hover:bg-emerald-800",danger:"hover:border-rose-500 hover:dark:border-rose-600 text-rose-600 hover:bg-rose-50 dark:text-rose-100 dark:hover:bg-rose-800",warning:"hover:border-amber-500 hover:dark:border-amber-600 text-amber-600 hover:bg-amber-50 dark:text-amber-100 dark:hover:bg-amber-800"}},k=e.computed(()=>{var i;const a=(((i=l[t.variant])==null?void 0:i[t.color])||"")+" "+l[t.variant].base,s=r[t.size]||"",p=t.block?"block":"inline-block";return[D,a,s,p].join(" ")});return(a,s)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(k.value),title:t.title},[t.loading?(e.openBlock(),e.createElementBlock("span",E,"Cargando...")):e.renderSlot(a.$slots,"default",{key:0})],10,$))}});d.DuiAction=j,d.DuiButton=v,d.DuiInput=_,d.DuiTextarea=V,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a["droni-kit"]={},a.Vue))})(this,function(a,e){"use strict";const g=["type","title","disabled"],x={key:1},u=`
+  dk:transition
+  dk:text-center
+  dk:rounded
+  dk:disabled:opacity-50
+  dk:disabled:cursor-not-allowed
+  dk:cursor-pointer
+  dk:hover:shadow-md
+  dk:overflow-hidden
+  dk:text-ellipsis
+  dk:whitespace-nowrap
+  dk:active:scale-95
+  dk:max-w-full`,v=e.defineComponent({__name:"DuiButton",props:{variant:{type:String,default:"solid"},color:{type:String,default:"neutral"},size:{type:String,default:"md"},type:{type:String,default:"button"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},block:{type:Boolean,default:!1},title:{type:String,default:void 0}},setup(o){const r=o,d={sm:"dk:text-sm dk:px-3 dk:py-1.5",md:"dk:text-base dk:px-4 dk:py-2",lg:"dk:text-lg dk:px-5 dk:py-3"},l={solid:{base:"dk:border-b",neutral:`
+      dk:border-zinc-500
+      dk:dark:border-zinc-600
+      dk:bg-zinc-200
+      dk:text-zinc-800
+      dk:hover:bg-zinc-300
+      dk:hover:text-zinc-900
+      dk:dark:bg-zinc-700
+      dk:dark:text-zinc-200
+      dk:dark:hover:bg-zinc-600
+      dk:dark:hover:text-zinc-50`,primary:`
+      dk:border-slate-500
+      dk:dark:border-slate-600
+      dk:bg-slate-200
+      dk:text-slate-800
+      dk:hover:bg-slate-300
+      dk:hover:text-slate-900
+      dk:dark:bg-slate-700
+      dk:dark:text-slate-200
+      dk:dark:hover:bg-slate-600
+      dk:dark:hover:text-slate-100`,secondary:`
+      dk:border-pink-500
+      dk:dark:border-pink-600
+      dk:bg-pink-200
+      dk:text-pink-800
+      dk:hover:bg-pink-300
+      dk:hover:text-pink-900
+      dk:dark:bg-pink-700
+      dk:dark:text-pink-200
+      dk:dark:hover:bg-pink-600
+      dk:dark:hover:text-pink-100`,success:`
+      dk:border-emerald-500
+      dk:dark:border-emerald-600
+      dk:bg-emerald-200
+      dk:text-emerald-800
+      dk:hover:bg-emerald-300
+      dk:hover:text-emerald-900
+      dk:dark:bg-emerald-700
+      dk:dark:text-emerald-200
+      dk:dark:hover:bg-emerald-600
+      dk:dark:hover:text-emerald-100`,danger:`
+      dk:border-rose-500
+      dk:dark:border-rose-600
+      dk:bg-rose-200
+      dk:text-rose-800
+      dk:hover:bg-rose-300
+      dk:hover:text-rose-900
+      dk:dark:bg-rose-700
+      dk:dark:text-rose-200
+      dk:dark:hover:bg-rose-600
+      dk:dark:hover:text-rose-100`,warning:`
+      dk:border-amber-500
+      dk:dark:border-amber-600
+      dk:bg-amber-200
+      dk:text-amber-800
+      dk:hover:bg-amber-300
+      dk:hover:text-amber-900
+      dk:dark:bg-amber-700
+      dk:dark:text-amber-200
+      dk:dark:hover:bg-amber-600
+      dk:dark:hover:text-amber-100`},outline:{base:"dk:border",neutral:`
+      dk:border-zinc-500
+      dk:dark:border-zinc-600
+      dk:text-zinc-800
+      dk:hover:bg-zinc-300
+      dk:hover:text-zinc-900
+      dk:dark:text-zinc-200
+      dk:dark:hover:bg-zinc-600
+      dk:dark:hover:text-zinc-100`,primary:`
+      dk:border-slate-500
+      dk:dark:border-slate-600
+      dk:text-slate-800
+      dk:hover:bg-slate-300
+      dk:hover:text-slate-900
+      dk:dark:text-slate-200
+      dk:dark:hover:bg-slate-600
+      dk:dark:hover:text-slate-100`,secondary:`
+      dk:border-pink-500
+      dk:dark:border-pink-600
+      dk:text-pink-800
+      dk:hover:bg-pink-300
+      dk:hover:text-pink-900
+      dk:dark:text-pink-200
+      dk:dark:hover:bg-pink-600
+      dk:dark:hover:text-pink-100`,success:`
+      dk:border-emerald-500
+      dk:dark:border-emerald-600
+      dk:text-emerald-800
+      dk:hover:bg-emerald-300
+      dk:hover:text-emerald-900
+      dk:dark:text-emerald-200
+      dk:dark:hover:bg-emerald-600
+      dk:dark:hover:text-emerald-100`,danger:`
+      dk:border-rose-500
+      dk:dark:border-rose-600
+      dk:text-rose-800
+      dk:hover:bg-rose-300
+      dk:hover:text-rose-900
+      dk:dark:text-rose-200
+      dk:dark:hover:bg-rose-600
+      dk:dark:hover:text-rose-100`,warning:`
+      dk:border-amber-500
+      dk:dark:border-amber-600
+      dk:text-amber-800
+      dk:hover:bg-amber-300
+      dk:hover:text-amber-900
+      dk:dark:text-amber-200
+      dk:dark:hover:bg-amber-600
+      dk:dark:hover:text-amber-100`},ghost:{base:"dk:border-b dk:border-transparent",neutral:`
+      dk:hover:border-zinc-500
+      dk:hover:dark:border-zinc-600
+      dk:text-zinc-600
+      dk:hover:bg-zinc-50
+      dk:dark:text-zinc-100
+      dk:dark:hover:bg-zinc-800`,primary:`
+      dk:hover:border-slate-500
+      dk:hover:dark:border-slate-600
+      dk:text-slate-600
+      dk:hover:bg-slate-50
+      dk:dark:text-slate-100
+      dk:dark:hover:bg-slate-800`,secondary:`
+      dk:hover:border-pink-500
+      dk:hover:dark:border-pink-600
+      dk:text-pink-600
+      dk:hover:bg-pink-50
+      dk:dark:text-pink-100
+      dk:dark:hover:bg-pink-800`,success:`
+      dk:hover:border-emerald-500
+      dk:hover:dark:border-emerald-600
+      dk:text-emerald-600
+      dk:hover:bg-emerald-50
+      dk:dark:text-emerald-100
+      dk:dark:hover:bg-emerald-800`,danger:`
+      dk:hover:border-rose-500
+      dk:hover:dark:border-rose-600
+      dk:text-rose-600
+      dk:hover:bg-rose-50
+      dk:dark:text-rose-100
+      dk:dark:hover:bg-rose-800`,warning:`
+      dk:hover:border-amber-500
+      dk:hover:dark:border-amber-600
+      dk:text-amber-600
+      dk:hover:bg-amber-50
+      dk:dark:text-amber-100
+      dk:dark:hover:bg-amber-800`}},c=e.computed(()=>{var s;const k=(((s=l[r.variant])==null?void 0:s[r.color])||"")+" "+l[r.variant].base,n=d[r.size]||"",p=r.block?"dk:w-full":"";return[u,k,n,p].join(" ")});return(k,n)=>(e.openBlock(),e.createElementBlock("button",{type:r.type,class:e.normalizeClass(c.value),title:r.title,disabled:r.disabled||r.loading},[r.loading?(e.openBlock(),e.createElementBlock("span",x,"Cargando...")):e.renderSlot(k.$slots,"default",{key:0})],10,g))}}),y=["for"],z={key:0,class:"dk:text-rose-500"},f=["type","value","disabled","placeholder","required","name","id","pattern","aria-label","aria-disabled","aria-required"],S=`
+  dk:border-b
+  dk:border-zinc-300
+  dk:bg-zinc-50
+  dk:text-zinc-800
+  dk:focus:outline-none
+  dk:focus:bg-zinc-100
+  dk:dark:bg-zinc-700
+  dk:dark:border-zinc-600
+  dk:dark:bg-zinc-800
+  dk:dark:text-zinc-100
+  dk:dark:focus:bg-zinc-700
+  dk:dark:[color-scheme:dark]`,_=e.defineComponent({__name:"DuiInput",props:{modelValue:{type:String,default:""},type:{type:String,default:"text"},size:{type:String,default:"md"},block:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:void 0},name:{type:String,default:void 0},id:{type:String,default:void 0},required:{type:Boolean,default:!1},label:{type:String,default:void 0},pattern:{type:String,default:void 0},rounded:{type:String,default:"all"}},emits:["update:modelValue"],setup(o,{emit:r}){const d=o,l=r;function c(i){const b=i.target;l("update:modelValue",b.value)}const k={sm:"dk:text-sm dk:px-3 dk:py-1.5",md:"dk:text-base dk:px-4 dk:py-2",lg:"dk:text-lg dk:px-5 dk:py-3"},n={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},p={sm:"dk:text-sm dk:pb-0.5",md:"dk:text-base dk:pb-1",lg:"dk:text-lg dk:pb-2"},s=e.computed(()=>{const i=k[d.size]||"",b=d.block?"dk:w-full":"",t=n[d.rounded]||"";return[S,i,b,t].join(" ")}),m=e.computed(()=>{const i=p[d.size]||"",b=d.block?"dk:w-full":"";return[i,b].join(" ")});return(i,b)=>(e.openBlock(),e.createElementBlock("div",null,[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:d.id,class:e.normalizeClass([m.value,"dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])},[e.createTextVNode(e.toDisplayString(d.label)+" ",1),d.required?(e.openBlock(),e.createElementBlock("span",z,"*")):e.createCommentVNode("",!0)],10,y)):e.createCommentVNode("",!0),e.createElementVNode("input",{type:d.type,class:e.normalizeClass(s.value),value:o.modelValue,disabled:d.disabled,placeholder:d.placeholder,required:d.required,name:d.name,id:d.id,pattern:d.pattern,"aria-label":d.placeholder,"aria-disabled":d.disabled,"aria-required":d.required,onInput:c},null,42,f)]))}}),C=["for"],B={key:0,class:"dk:text-rose-500"},w=["value","disabled","placeholder","required","name","id","aria-label","aria-disabled","aria-required"],q=`
+  dk:border-b
+  dk:border-zinc-300
+  dk:bg-zinc-50
+  dk:text-zinc-800
+  dk:focus:outline-none
+  dk:focus:bg-zinc-100
+  dk:dark:bg-zinc-700
+  dk:dark:border-zinc-600
+  dk:dark:bg-zinc-800
+  dk:dark:text-zinc-100
+  dk:dark:focus:bg-zinc-700
+  dk:dark:[color-scheme:dark]`,V=e.defineComponent({__name:"DuiTextarea",props:{modelValue:{type:String,default:""},size:{type:String,default:"md"},block:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:void 0},name:{type:String,default:void 0},id:{type:String,default:void 0},required:{type:Boolean,default:!1},label:{type:String,default:void 0},rounded:{type:String,default:"all"},autoheight:{type:Boolean,default:!0},resize:{type:String,default:"none"}},emits:["update:modelValue"],setup(o,{emit:r}){const d=o,l=r;function c(t){const h=t.target;d.autoheight&&b(h),l("update:modelValue",h.value)}const k={sm:"dk:text-sm dk:px-3 dk:py-1.5",md:"dk:text-base dk:px-3 dk:py-2",lg:"dk:text-lg dk:px-5 dk:py-3"},n={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},p={sm:"dk:text-sm dk:pb-0.5",md:"dk:text-base dk:pb-1",lg:"dk:text-lg dk:pb-2"},s={none:"dk:resize-none",both:"dk:resize",horizontal:"dk:resize-x",vertical:"dk:resize-y"},m=e.computed(()=>{const t=k[d.size]||"",h=d.block?"dk:w-full":"",N=n[d.rounded]||"",T=s[d.resize]||"";return[q,t,h,N,T].join(" ")}),i=e.computed(()=>{const t=p[d.size]||"",h=d.block?"dk:w-full":"";return[t,h].join(" ")}),b=t=>{t.style.height="auto",t.style.height=`${t.scrollHeight+5}px`};return(t,h)=>(e.openBlock(),e.createElementBlock("div",null,[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:d.id,class:e.normalizeClass([i.value,"dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])},[e.createTextVNode(e.toDisplayString(d.label)+" ",1),d.required?(e.openBlock(),e.createElementBlock("span",B,"*")):e.createCommentVNode("",!0)],10,C)):e.createCommentVNode("",!0),e.createElementVNode("textarea",{class:e.normalizeClass(m.value),value:o.modelValue,disabled:d.disabled,placeholder:d.placeholder,required:d.required,name:d.name,id:d.id,"aria-label":d.placeholder,"aria-disabled":d.disabled,"aria-required":d.required,onInput:c},null,42,w)]))}}),$=["title"],E={key:1},D=`
+  dk:transition
+  dk:text-center
+  dk:rounded
+  dk:disabled:opacity-50
+  dk:disabled:cursor-not-allowed
+  dk:cursor-pointer
+  dk:hover:shadow-md
+  dk:overflow-hidden
+  dk:text-ellipsis
+  dk:whitespace-nowrap
+  dk:active:scale-95
+  dk:max-w-full`,j=e.defineComponent({__name:"DuiAction",props:{variant:{type:String,default:"solid"},color:{type:String,default:"neutral"},size:{type:String,default:"md"},loading:{type:Boolean,default:!1},block:{type:Boolean,default:!1},title:{type:String,default:void 0}},setup(o){const r=o,d={sm:"dk:text-sm dk:px-3 dk:py-1.5",md:"dk:text-base dk:px-4 dk:py-2",lg:"dk:text-lg dk:px-5 dk:py-3"},l={solid:{base:"dk:border-b",neutral:`
+      dk:border-zinc-500
+      dk:dark:border-zinc-600
+      dk:bg-zinc-200
+      dk:text-zinc-800
+      dk:hover:bg-zinc-300
+      dk:hover:text-zinc-900
+      dk:dark:bg-zinc-700
+      dk:dark:text-zinc-200
+      dk:dark:hover:bg-zinc-600
+      dk:dark:hover:text-zinc-50`,primary:`
+      dk:border-slate-500
+      dk:dark:border-slate-600
+      dk:bg-slate-200
+      dk:text-slate-800
+      dk:hover:bg-slate-300
+      dk:hover:text-slate-900
+      dk:dark:bg-slate-700
+      dk:dark:text-slate-200
+      dk:dark:hover:bg-slate-600
+      dk:dark:hover:text-slate-100`,secondary:`
+      dk:border-pink-500
+      dk:dark:border-pink-600
+      dk:bg-pink-200
+      dk:text-pink-800
+      dk:hover:bg-pink-300
+      dk:hover:text-pink-900
+      dk:dark:bg-pink-700
+      dk:dark:text-pink-200
+      dk:dark:hover:bg-pink-600
+      dk:dark:hover:text-pink-100`,success:`
+      dk:border-emerald-500
+      dk:dark:border-emerald-600
+      dk:bg-emerald-200
+      dk:text-emerald-800
+      dk:hover:bg-emerald-300
+      dk:hover:text-emerald-900
+      dk:dark:bg-emerald-700
+      dk:dark:text-emerald-200
+      dk:dark:hover:bg-emerald-600
+      dk:dark:hover:text-emerald-100`,danger:`
+      dk:border-rose-500
+      dk:dark:border-rose-600
+      dk:bg-rose-200
+      dk:text-rose-800
+      dk:hover:bg-rose-300
+      dk:hover:text-rose-900
+      dk:dark:bg-rose-700
+      dk:dark:text-rose-200
+      dk:dark:hover:bg-rose-600
+      dk:dark:hover:text-rose-100`,warning:`
+      dk:border-amber-500
+      dk:dark:border-amber-600
+      dk:bg-amber-200
+      dk:text-amber-800
+      dk:hover:bg-amber-300
+      dk:hover:text-amber-900
+      dk:dark:bg-amber-700
+      dk:dark:text-amber-200
+      dk:dark:hover:bg-amber-600
+      dk:dark:hover:text-amber-100`},outline:{base:"dk:border",neutral:`
+      dk:border-zinc-600
+      dk:text-zinc-800
+      dk:hover:bg-zinc-100
+      dk:hover:text-zinc-900
+      dk:dark:border-zinc-300
+      dk:dark:text-zinc-200
+      dk:dark:hover:bg-zinc-800
+      dk:dark:hover:text-zinc-50`,primary:`
+      dk:border-sky-600
+      dk:text-sky-800
+      dk:hover:bg-sky-100
+      dk:hover:text-sky-900
+      dk:dark:border-sky-300
+      dk:dark:text-sky-200
+      dk:dark:hover:bg-sky-800
+      dk:dark:hover:text-sky-50`,secondary:`
+      dk:border-pink-600
+      dk:text-pink-800
+      dk:hover:bg-pink-100
+      dk:hover:text-pink-900
+      dk:dark:border-pink-300
+      dk:dark:text-pink-200
+      dk:dark:hover:bg-pink-800
+      dk:dark:hover:text-pink-50`,success:`
+      dk:border-green-600
+      dk:text-green-800
+      dk:hover:bg-green-100
+      dk:hover:text-green-900
+      dk:dark:border-green-300
+      dk:dark:text-green-200
+      dk:dark:hover:bg-green-800
+      dk:dark:hover:text-green-50`,danger:`
+      dk:border-red-600
+      dk:text-red-800
+      dk:hover:bg-red-100
+      dk:hover:text-red-900
+      dk:dark:border-red-300
+      dk:dark:text-red-200
+      dk:dark:hover:bg-red-800
+      dk:dark:hover:text-red-50`,warning:`
+      dk:border-yellow-600
+      dk:text-yellow-800
+      dk:hover:bg-yellow-100
+      dk:hover:text-yellow-900
+      dk:dark:border-yellow-300
+      dk:dark:text-yellow-200
+      dk:dark:hover:bg-yellow-800
+      dk:dark:hover:text-yellow-50`},ghost:{base:"dk:border-b dk:border-transparent",neutral:`
+      dk:hover:border-zinc-500
+      dk:hover:dark:border-zinc-600
+      dk:text-zinc-600
+      dk:hover:bg-zinc-50
+      dk:dark:text-zinc-100
+      dk:dark:hover:bg-zinc-800`,primary:`
+      dk:hover:border-slate-500
+      dk:hover:dark:border-slate-600
+      dk:text-slate-600
+      dk:hover:bg-slate-50
+      dk:dark:text-slate-100
+      dk:dark:hover:bg-slate-800`,secondary:`
+      dk:hover:border-pink-500
+      dk:hover:dark:border-pink-600
+      dk:text-pink-600
+      dk:hover:bg-pink-50
+      dk:dark:text-pink-100
+      dk:dark:hover:bg-pink-800`,success:`
+      dk:hover:border-emerald-500
+      dk:hover:dark:border-emerald-600
+      dk:text-emerald-600
+      dk:hover:bg-emerald-50
+      dk:dark:text-emerald-100
+      dk:dark:hover:bg-emerald-800`,danger:`
+      dk:hover:border-rose-500
+      dk:hover:dark:border-rose-600
+      dk:text-rose-600
+      dk:hover:bg-rose-50
+      dk:dark:text-rose-100
+      dk:dark:hover:bg-rose-800`,warning:`
+      dk:hover:border-amber-500
+      dk:hover:dark:border-amber-600
+      dk:text-amber-600
+      dk:hover:bg-amber-50
+      dk:dark:text-amber-100
+      dk:dark:hover:bg-amber-800`}},c=e.computed(()=>{var s;const k=(((s=l[r.variant])==null?void 0:s[r.color])||"")+" "+l[r.variant].base,n=d[r.size]||"",p=r.block?"dk:block":"dk:inline-block";return[D,k,n,p].join(" ")});return(k,n)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(c.value),title:r.title},[r.loading?(e.openBlock(),e.createElementBlock("span",E,"Cargando...")):e.renderSlot(k.$slots,"default",{key:0})],10,$))}});a.DuiAction=j,a.DuiButton=v,a.DuiInput=_,a.DuiTextarea=V,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dronico/droni-kit",
   "author": "Gustavo Barragan <dev@droni.co>",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "private": false,
   "access": "public",
   "publishConfig": {