@dronico/droni-kit 1.1.3 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/droni-kit.css +1 -1
  3. package/dist/droni-kit.js +37 -64
  4. package/dist/droni-kit.umd.cjs +1 -1
  5. package/dist/stories/Forms/DuiButton.stories.d.ts +47 -78
  6. package/dist/stories/Forms/DuiButton.vue.d.ts +8 -43
  7. package/package.json +2 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ # [1.2.0](https://github.com/Droni-app/droni-kit/compare/v1.1.3...v1.2.0) (2025-04-17)
2
+
3
+
4
+ ### Features
5
+
6
+ * Button component ([9030c06](https://github.com/Droni-app/droni-kit/commit/9030c06501c2b492956089debab508d68b497075))
7
+
1
8
  ## [1.1.3](https://github.com/Droni-app/droni-kit/compare/v1.1.2...v1.1.3) (2025-04-16)
2
9
 
3
10
 
package/dist/droni-kit.css CHANGED
@@ -1 +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-font-weight:initial;--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}}}@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-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--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);--font-weight-medium:500;--radius-2xl:1rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--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}}.mr-2{margin-right:calc(var(--spacing)*2)}.ml-2{margin-left:calc(var(--spacing)*2)}.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)}.h-4{height:calc(var(--spacing)*4)}.w-4{width:calc(var(--spacing)*4)}.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}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-600{border-color:var(--color-gray-600)}.border-red-600{border-color:var(--color-red-600)}.border-white{border-color:var(--color-white)}.border-t-transparent{border-top-color:#0000}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-red-600{background-color:var(--color-red-600)}.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)}.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))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-wrap{text-wrap:wrap}.text-blue-600{color:var(--color-blue-600)}.text-gray-600{color:var(--color-gray-600)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.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\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-red-800:hover{color:var(--color-red-800)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-gray-500:focus{--tw-ring-color:var(--color-gray-500)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}}@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-font-weight{syntax:"*";inherits:false}@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}@keyframes spin{to{transform:rotate(360deg)}}
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}}}@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-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-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-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-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-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-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-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}.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}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-green-600{border-color:var(--color-green-600)}.border-pink-600{border-color:var(--color-pink-600)}.border-red-600{border-color:var(--color-red-600)}.border-sky-600{border-color:var(--color-sky-600)}.border-yellow-600{border-color:var(--color-yellow-600)}.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-200{background-color:var(--color-slate-200)}.bg-slate-700{background-color:var(--color-slate-700)}.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)}.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)}.text-center{text-align:center}.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-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-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-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\: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)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.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-red-300:where(.dark,.dark *){border-color:var(--color-red-300)}.dark\:border-sky-300:where(.dark,.dark *){border-color:var(--color-sky-300)}.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\: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\: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-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)}@media (hover:hover){.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)}}}@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}
package/dist/droni-kit.js CHANGED
@@ -1,19 +1,14 @@
1
- import { defineComponent as m, computed as h, createElementBlock as n, openBlock as o, normalizeClass as l, createCommentVNode as a, renderSlot as x } from "vue";
2
- const p = ["type", "disabled"], v = {
3
- key: 0,
4
- class: "animate-spin mr-2 h-4 w-4 border-2 border-t-transparent rounded-full border-white"
5
- }, k = "inline-flex items-center justify-center font-medium transition rounded-2xl focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed", S = /* @__PURE__ */ m({
1
+ import { defineComponent as i, computed as g, createElementBlock as d, openBlock as n, normalizeClass as x, renderSlot as h } from "vue";
2
+ const v = ["type", "disabled"], c = { key: 1 }, p = "transition rounded disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer hover:shadow-md", m = /* @__PURE__ */ i({
6
3
  __name: "DuiButton",
7
4
  props: {
8
5
  variant: {
9
6
  type: String,
10
- default: "solid",
11
- validator: (e) => ["solid", "outline", "ghost", "link"].includes(e)
7
+ default: "solid"
12
8
  },
13
9
  color: {
14
10
  type: String,
15
- default: "primary",
16
- validator: (e) => ["primary", "secondary", "danger", "success", "warning", "info"].includes(e)
11
+ default: "neutral"
17
12
  },
18
13
  size: {
19
14
  type: String,
@@ -34,74 +29,52 @@ const p = ["type", "disabled"], v = {
34
29
  block: {
35
30
  type: Boolean,
36
31
  default: !1
37
- },
38
- iconLeft: {
39
- type: String,
40
- // Puedes usar un nombre de ícono o un componente en otro enfoque
41
- default: null
42
- },
43
- iconRight: {
44
- type: String,
45
- default: null
46
- },
47
- customClass: {
48
- type: String,
49
- default: ""
50
32
  }
51
33
  },
52
- emits: ["click"],
53
- setup(e, { emit: d }) {
54
- const t = e, u = d, c = {
34
+ setup(r) {
35
+ const e = r, s = {
55
36
  sm: "text-sm px-3 py-1.5",
56
37
  md: "text-base px-4 py-2",
57
38
  lg: "text-lg px-5 py-3"
58
- }, g = {
39
+ }, l = {
59
40
  solid: {
60
- primary: "bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500",
61
- secondary: "bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500",
62
- danger: "bg-red-600 text-white hover:bg-red-700 focus:ring-red-500"
41
+ neutral: "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",
42
+ primary: "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",
43
+ secondary: "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",
44
+ success: "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",
45
+ danger: "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",
46
+ warning: "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"
63
47
  },
64
48
  outline: {
65
- primary: "border border-blue-600 text-blue-600 hover:bg-blue-50 focus:ring-blue-500",
66
- secondary: "border border-gray-600 text-gray-600 hover:bg-gray-50 focus:ring-gray-500",
67
- danger: "border border-red-600 text-red-600 hover:bg-red-50 focus:ring-red-500"
49
+ neutral: "border 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",
50
+ primary: "border 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",
51
+ secondary: "border 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",
52
+ success: "border 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",
53
+ danger: "border 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",
54
+ warning: "border 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"
68
55
  },
69
56
  ghost: {
70
- primary: "text-blue-600 hover:bg-blue-50 focus:ring-blue-500",
71
- secondary: "text-gray-600 hover:bg-gray-50 focus:ring-gray-500",
72
- danger: "text-red-600 hover:bg-red-50 focus:ring-red-500"
73
- },
74
- link: {
75
- primary: "text-blue-600 underline hover:text-blue-800",
76
- secondary: "text-gray-600 underline hover:text-gray-800",
77
- danger: "text-red-600 underline hover:text-red-800"
57
+ neutral: "text-zinc-600 hover:bg-zinc-50 dark:text-zinc-100 dark:hover:bg-zinc-800",
58
+ primary: "text-slate-600 hover:bg-slate-50 dark:text-slate-100 dark:hover:bg-slate-800",
59
+ secondary: "text-pink-600 hover:bg-pink-50 dark:text-pink-100 dark:hover:bg-pink-800",
60
+ success: "text-emerald-600 hover:bg-emerald-50 dark:text-emerald-100 dark:hover:bg-emerald-800",
61
+ danger: "text-rose-600 hover:bg-rose-50 dark:text-rose-100 dark:hover:bg-rose-800",
62
+ warning: "text-amber-600 hover:bg-amber-50 dark:text-amber-100 dark:hover:bg-amber-800"
78
63
  }
79
- }, y = h(() => {
80
- var s;
81
- const r = ((s = g[t.variant]) == null ? void 0 : s[t.color]) || "", i = c[t.size] || "", f = t.block ? "w-full" : "";
82
- return [k, r, i, f, t.customClass].join(" ");
83
- }), b = (r) => {
84
- !t.disabled && !t.loading && u("click", r);
85
- };
86
- return (r, i) => (o(), n("button", {
87
- type: e.type,
88
- class: l(y.value),
89
- disabled: e.disabled || e.loading,
90
- onClick: b
64
+ }, k = g(() => {
65
+ var o;
66
+ const t = ((o = l[e.variant]) == null ? void 0 : o[e.color]) || "", a = s[e.size] || "", b = e.block ? "w-full" : "";
67
+ return [p, t, a, b].join(" ");
68
+ });
69
+ return (t, a) => (n(), d("button", {
70
+ type: r.type,
71
+ class: x(k.value),
72
+ disabled: e.disabled || e.loading
91
73
  }, [
92
- e.loading ? (o(), n("span", v)) : a("", !0),
93
- e.iconLeft && !e.loading ? (o(), n("span", {
94
- key: 1,
95
- class: l(["mr-2", e.iconLeft])
96
- }, null, 2)) : a("", !0),
97
- x(r.$slots, "default"),
98
- e.iconRight && !e.loading ? (o(), n("span", {
99
- key: 2,
100
- class: l(["ml-2", e.iconRight])
101
- }, null, 2)) : a("", !0)
102
- ], 10, p));
74
+ r.loading ? (n(), d("span", c, "Cargando...")) : h(t.$slots, "default", { key: 0 })
75
+ ], 10, v));
103
76
  }
104
77
  });
105
78
  export {
106
- S as DuiButton
79
+ m as DuiButton
107
80
  };
package/dist/droni-kit.umd.cjs CHANGED
@@ -1 +1 @@
1
- (function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n["droni-kit"]={},n.Vue))})(this,function(n,e){"use strict";const a=["type","disabled"],s={key:0,class:"animate-spin mr-2 h-4 w-4 border-2 border-t-transparent rounded-full border-white"},d="inline-flex items-center justify-center font-medium transition rounded-2xl focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed",c=e.defineComponent({__name:"DuiButton",props:{variant:{type:String,default:"solid",validator:t=>["solid","outline","ghost","link"].includes(t)},color:{type:String,default:"primary",validator:t=>["primary","secondary","danger","success","warning","info"].includes(t)},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},iconLeft:{type:String,default:null},iconRight:{type:String,default:null},customClass:{type:String,default:""}},emits:["click"],setup(t,{emit:u}){const o=t,g=u,f={sm:"text-sm px-3 py-1.5",md:"text-base px-4 py-2",lg:"text-lg px-5 py-3"},y={solid:{primary:"bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500",secondary:"bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500",danger:"bg-red-600 text-white hover:bg-red-700 focus:ring-red-500"},outline:{primary:"border border-blue-600 text-blue-600 hover:bg-blue-50 focus:ring-blue-500",secondary:"border border-gray-600 text-gray-600 hover:bg-gray-50 focus:ring-gray-500",danger:"border border-red-600 text-red-600 hover:bg-red-50 focus:ring-red-500"},ghost:{primary:"text-blue-600 hover:bg-blue-50 focus:ring-blue-500",secondary:"text-gray-600 hover:bg-gray-50 focus:ring-gray-500",danger:"text-red-600 hover:bg-red-50 focus:ring-red-500"},link:{primary:"text-blue-600 underline hover:text-blue-800",secondary:"text-gray-600 underline hover:text-gray-800",danger:"text-red-600 underline hover:text-red-800"}},b=e.computed(()=>{var i;const r=((i=y[o.variant])==null?void 0:i[o.color])||"",l=f[o.size]||"",p=o.block?"w-full":"";return[d,r,l,p,o.customClass].join(" ")}),m=r=>{!o.disabled&&!o.loading&&g("click",r)};return(r,l)=>(e.openBlock(),e.createElementBlock("button",{type:t.type,class:e.normalizeClass(b.value),disabled:t.disabled||t.loading,onClick:m},[t.loading?(e.openBlock(),e.createElementBlock("span",s)):e.createCommentVNode("",!0),t.iconLeft&&!t.loading?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(["mr-2",t.iconLeft])},null,2)):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"default"),t.iconRight&&!t.loading?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(["ml-2",t.iconRight])},null,2)):e.createCommentVNode("",!0)],10,a))}});n.DuiButton=c,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
1
+ (function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r["droni-kit"]={},r.Vue))})(this,function(r,e){"use strict";const s=["type","disabled"],l={key:1},i="transition rounded disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer hover:shadow-md",k=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}},setup(o){const t=o,b={sm:"text-sm px-3 py-1.5",md:"text-base px-4 py-2",lg:"text-lg px-5 py-3"},g={solid:{neutral:"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:"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:"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:"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:"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:"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:{neutral:"border 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 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 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 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 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 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:{neutral:"text-zinc-600 hover:bg-zinc-50 dark:text-zinc-100 dark:hover:bg-zinc-800",primary:"text-slate-600 hover:bg-slate-50 dark:text-slate-100 dark:hover:bg-slate-800",secondary:"text-pink-600 hover:bg-pink-50 dark:text-pink-100 dark:hover:bg-pink-800",success:"text-emerald-600 hover:bg-emerald-50 dark:text-emerald-100 dark:hover:bg-emerald-800",danger:"text-rose-600 hover:bg-rose-50 dark:text-rose-100 dark:hover:bg-rose-800",warning:"text-amber-600 hover:bg-amber-50 dark:text-amber-100 dark:hover:bg-amber-800"}},h=e.computed(()=>{var n;const a=((n=g[t.variant])==null?void 0:n[t.color])||"",d=b[t.size]||"",x=t.block?"w-full":"";return[i,a,d,x].join(" ")});return(a,d)=>(e.openBlock(),e.createElementBlock("button",{type:o.type,class:e.normalizeClass(h.value),disabled:t.disabled||t.loading},[o.loading?(e.openBlock(),e.createElementBlock("span",l,"Cargando...")):e.renderSlot(a.$slots,"default",{key:0})],10,s))}});r.DuiButton=k,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
package/dist/stories/Forms/DuiButton.stories.d.ts CHANGED
@@ -4,14 +4,12 @@ declare const meta: {
4
4
  component: {
5
5
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
6
6
  variant: {
7
- type: StringConstructor;
7
+ type: () => "solid" | "outline" | "ghost";
8
8
  default: string;
9
- validator: (value: string) => boolean;
10
9
  };
11
10
  color: {
12
- type: StringConstructor;
11
+ type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
13
12
  default: string;
14
- validator: (value: string) => boolean;
15
13
  };
16
14
  size: {
17
15
  type: () => "sm" | "md" | "lg";
@@ -33,33 +31,14 @@ declare const meta: {
33
31
  type: BooleanConstructor;
34
32
  default: boolean;
35
33
  };
36
- iconLeft: {
37
- type: StringConstructor;
38
- default: null;
39
- };
40
- iconRight: {
41
- type: StringConstructor;
42
- default: null;
43
- };
44
- customClass: {
45
- type: StringConstructor;
46
- default: string;
47
- };
48
- }>> & Readonly<{
49
- onClick?: ((...args: any[]) => any) | undefined;
50
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
51
- click: (...args: any[]) => void;
52
- }, import('vue').PublicProps, {
53
- variant: string;
54
- color: string;
34
+ }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
35
+ variant: "solid" | "outline" | "ghost";
36
+ color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
55
37
  size: "sm" | "md" | "lg";
56
38
  type: "button" | "submit" | "reset";
57
39
  disabled: boolean;
58
40
  loading: boolean;
59
41
  block: boolean;
60
- iconLeft: string;
61
- iconRight: string;
62
- customClass: string;
63
42
  }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
64
43
  P: {};
65
44
  B: {};
@@ -69,14 +48,12 @@ declare const meta: {
69
48
  Defaults: {};
70
49
  }, Readonly<import('vue').ExtractPropTypes<{
71
50
  variant: {
72
- type: StringConstructor;
51
+ type: () => "solid" | "outline" | "ghost";
73
52
  default: string;
74
- validator: (value: string) => boolean;
75
53
  };
76
54
  color: {
77
- type: StringConstructor;
55
+ type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
78
56
  default: string;
79
- validator: (value: string) => boolean;
80
57
  };
81
58
  size: {
82
59
  type: () => "sm" | "md" | "lg";
@@ -98,45 +75,26 @@ declare const meta: {
98
75
  type: BooleanConstructor;
99
76
  default: boolean;
100
77
  };
101
- iconLeft: {
102
- type: StringConstructor;
103
- default: null;
104
- };
105
- iconRight: {
106
- type: StringConstructor;
107
- default: null;
108
- };
109
- customClass: {
110
- type: StringConstructor;
111
- default: string;
112
- };
113
- }>> & Readonly<{
114
- onClick?: ((...args: any[]) => any) | undefined;
115
- }>, {}, {}, {}, {}, {
116
- variant: string;
117
- color: string;
78
+ }>> & Readonly<{}>, {}, {}, {}, {}, {
79
+ variant: "solid" | "outline" | "ghost";
80
+ color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
118
81
  size: "sm" | "md" | "lg";
119
82
  type: "button" | "submit" | "reset";
120
83
  disabled: boolean;
121
84
  loading: boolean;
122
85
  block: boolean;
123
- iconLeft: string;
124
- iconRight: string;
125
- customClass: string;
126
86
  }>;
127
87
  __isFragment?: never;
128
88
  __isTeleport?: never;
129
89
  __isSuspense?: never;
130
90
  } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
131
91
  variant: {
132
- type: StringConstructor;
92
+ type: () => "solid" | "outline" | "ghost";
133
93
  default: string;
134
- validator: (value: string) => boolean;
135
94
  };
136
95
  color: {
137
- type: StringConstructor;
96
+ type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
138
97
  default: string;
139
- validator: (value: string) => boolean;
140
98
  };
141
99
  size: {
142
100
  type: () => "sm" | "md" | "lg";
@@ -158,33 +116,14 @@ declare const meta: {
158
116
  type: BooleanConstructor;
159
117
  default: boolean;
160
118
  };
161
- iconLeft: {
162
- type: StringConstructor;
163
- default: null;
164
- };
165
- iconRight: {
166
- type: StringConstructor;
167
- default: null;
168
- };
169
- customClass: {
170
- type: StringConstructor;
171
- default: string;
172
- };
173
- }>> & Readonly<{
174
- onClick?: ((...args: any[]) => any) | undefined;
175
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
176
- click: (...args: any[]) => void;
177
- }, string, {
178
- variant: string;
179
- color: string;
119
+ }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
120
+ variant: "solid" | "outline" | "ghost";
121
+ color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
180
122
  size: "sm" | "md" | "lg";
181
123
  type: "button" | "submit" | "reset";
182
124
  disabled: boolean;
183
125
  loading: boolean;
184
126
  block: boolean;
185
- iconLeft: string;
186
- iconRight: string;
187
- customClass: string;
188
127
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
189
128
  $slots: {
190
129
  default?(_: {}): any;
@@ -192,6 +131,12 @@ declare const meta: {
192
131
  });
193
132
  tags: string[];
194
133
  argTypes: {
134
+ default: {
135
+ control: {
136
+ type: "text";
137
+ };
138
+ defaultValue: string;
139
+ };
195
140
  size: {
196
141
  control: {
197
142
  type: "select";
@@ -213,9 +158,33 @@ declare const meta: {
213
158
  options: string[];
214
159
  defaultValue: string;
215
160
  };
161
+ loading: {
162
+ control: {
163
+ type: "boolean";
164
+ };
165
+ defaultValue: boolean;
166
+ };
167
+ disabled: {
168
+ control: {
169
+ type: "boolean";
170
+ };
171
+ defaultValue: boolean;
172
+ };
173
+ block: {
174
+ control: {
175
+ type: "boolean";
176
+ };
177
+ defaultValue: boolean;
178
+ };
179
+ type: {
180
+ control: {
181
+ type: "select";
182
+ };
183
+ options: string[];
184
+ defaultValue: string;
185
+ };
216
186
  };
217
187
  };
218
188
  export default meta;
219
189
  type Story = StoryObj<typeof meta>;
220
- export declare const Primary: Story;
221
- export declare const Secondary: Story;
190
+ export declare const Default: Story;
package/dist/stories/Forms/DuiButton.vue.d.ts CHANGED
@@ -9,14 +9,12 @@ declare function __VLS_template(): {
9
9
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
10
10
  declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
11
11
  variant: {
12
- type: StringConstructor;
12
+ type: () => "solid" | "outline" | "ghost";
13
13
  default: string;
14
- validator: (value: string) => boolean;
15
14
  };
16
15
  color: {
17
- type: StringConstructor;
16
+ type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
18
17
  default: string;
19
- validator: (value: string) => boolean;
20
18
  };
21
19
  size: {
22
20
  type: () => "sm" | "md" | "lg";
@@ -38,30 +36,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
38
36
  type: BooleanConstructor;
39
37
  default: boolean;
40
38
  };
41
- iconLeft: {
42
- type: StringConstructor;
43
- default: null;
44
- };
45
- iconRight: {
46
- type: StringConstructor;
47
- default: null;
48
- };
49
- customClass: {
50
- type: StringConstructor;
51
- default: string;
52
- };
53
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
54
- click: (...args: any[]) => void;
55
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
39
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
56
40
  variant: {
57
- type: StringConstructor;
41
+ type: () => "solid" | "outline" | "ghost";
58
42
  default: string;
59
- validator: (value: string) => boolean;
60
43
  };
61
44
  color: {
62
- type: StringConstructor;
45
+ type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
63
46
  default: string;
64
- validator: (value: string) => boolean;
65
47
  };
66
48
  size: {
67
49
  type: () => "sm" | "md" | "lg";
@@ -83,31 +65,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
83
65
  type: BooleanConstructor;
84
66
  default: boolean;
85
67
  };
86
- iconLeft: {
87
- type: StringConstructor;
88
- default: null;
89
- };
90
- iconRight: {
91
- type: StringConstructor;
92
- default: null;
93
- };
94
- customClass: {
95
- type: StringConstructor;
96
- default: string;
97
- };
98
- }>> & Readonly<{
99
- onClick?: ((...args: any[]) => any) | undefined;
100
- }>, {
101
- variant: string;
102
- color: string;
68
+ }>> & Readonly<{}>, {
69
+ variant: "solid" | "outline" | "ghost";
70
+ color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
103
71
  size: "sm" | "md" | "lg";
104
72
  type: "button" | "submit" | "reset";
105
73
  disabled: boolean;
106
74
  loading: boolean;
107
75
  block: boolean;
108
- iconLeft: string;
109
- iconRight: string;
110
- customClass: string;
111
76
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
112
77
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
113
78
  export default _default;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dronico/droni-kit",
3
3
  "author": "Gustavo Barragan <dev@droni.co>",
4
- "version": "1.1.3",
4
+ "version": "1.2.0",
5
5
  "private": false,
6
6
  "access": "public",
7
7
  "publishConfig": {
@@ -50,6 +50,7 @@
50
50
  "playwright": "^1.51.1",
51
51
  "semantic-release": "^24.2.3",
52
52
  "storybook": "^8.6.12",
53
+ "storybook-dark-mode": "^4.0.2",
53
54
  "typescript": "~5.7.2",
54
55
  "vite": "^6.2.0",
55
56
  "vite-plugin-dts": "^4.5.3",