@dronico/droni-kit 1.1.3 → 1.3.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 (10) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/droni-kit.css +1 -1
  3. package/dist/droni-kit.js +154 -62
  4. package/dist/droni-kit.umd.cjs +1 -1
  5. package/dist/index.d.ts +2 -1
  6. package/dist/stories/Forms/DuiButton.stories.d.ts +62 -72
  7. package/dist/stories/Forms/DuiButton.vue.d.ts +13 -39
  8. package/dist/stories/Forms/DuiInput.stories.d.ts +189 -0
  9. package/dist/stories/Forms/DuiInput.vue.d.ts +117 -0
  10. package/package.json +2 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ # [1.3.0](https://github.com/Droni-app/droni-kit/compare/v1.2.0...v1.3.0) (2025-04-17)
2
+
3
+
4
+ ### Features
5
+
6
+ * Input component ([d37679c](https://github.com/Droni-app/droni-kit/commit/d37679ce928bca90d8117fc8c315232788d15b51))
7
+
8
+ # [1.2.0](https://github.com/Droni-app/droni-kit/compare/v1.1.3...v1.2.0) (2025-04-17)
9
+
10
+
11
+ ### Features
12
+
13
+ * Button component ([9030c06](https://github.com/Droni-app/droni-kit/commit/9030c06501c2b492956089debab508d68b497075))
14
+
1
15
  ## [1.1.3](https://github.com/Droni-app/droni-kit/compare/v1.1.2...v1.1.3) (2025-04-16)
2
16
 
3
17
 
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-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}.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-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}.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-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}
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 v, computed as p, createElementBlock as d, openBlock as l, normalizeClass as u, renderSlot as m, createCommentVNode as g, createElementVNode as y, createTextVNode as z, toDisplayString as f } from "vue";
2
+ const S = ["type", "title", "disabled"], w = { key: 1 }, _ = "transition rounded disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer hover:shadow-md overflow-hidden text-ellipsis whitespace-nowrap", $ = /* @__PURE__ */ v({
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,
@@ -35,73 +30,170 @@ const p = ["type", "disabled"], v = {
35
30
  type: Boolean,
36
31
  default: !1
37
32
  },
38
- iconLeft: {
39
- type: String,
40
- // Puedes usar un nombre de ícono o un componente en otro enfoque
41
- default: null
42
- },
43
- iconRight: {
33
+ title: {
44
34
  type: String,
45
- default: null
46
- },
47
- customClass: {
48
- type: String,
49
- default: ""
35
+ default: void 0
50
36
  }
51
37
  },
52
- emits: ["click"],
53
- setup(e, { emit: d }) {
54
- const t = e, u = d, c = {
38
+ setup(n) {
39
+ const r = n, e = {
55
40
  sm: "text-sm px-3 py-1.5",
56
41
  md: "text-base px-4 py-2",
57
42
  lg: "text-lg px-5 py-3"
58
- }, g = {
43
+ }, s = {
59
44
  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"
45
+ base: "border-b",
46
+ 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",
47
+ 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",
48
+ 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",
49
+ 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",
50
+ 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",
51
+ 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"
63
52
  },
64
53
  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"
54
+ base: "border",
55
+ 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",
56
+ 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",
57
+ 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",
58
+ 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",
59
+ 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",
60
+ 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"
68
61
  },
69
62
  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"
63
+ base: "border-b border-transparent",
64
+ 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",
65
+ 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",
66
+ 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",
67
+ 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",
68
+ 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",
69
+ 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"
78
70
  }
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
71
+ }, k = p(() => {
72
+ var b;
73
+ const o = (((b = s[r.variant]) == null ? void 0 : b[r.color]) || "") + " " + s[r.variant].base, i = e[r.size] || "", c = r.block ? "w-full" : "";
74
+ return [_, o, i, c].join(" ");
75
+ });
76
+ return (o, i) => (l(), d("button", {
77
+ type: r.type,
78
+ class: u(k.value),
79
+ title: r.title,
80
+ disabled: r.disabled || r.loading
91
81
  }, [
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));
82
+ r.loading ? (l(), d("span", w, "Cargando...")) : m(o.$slots, "default", { key: 0 })
83
+ ], 10, S));
84
+ }
85
+ }), C = ["for"], B = {
86
+ key: 0,
87
+ class: "text-rose-500"
88
+ }, q = ["type", "value", "disabled", "placeholder", "required", "name", "id", "pattern", "aria-label", "aria-disabled", "aria-required"], V = "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__ */ v({
89
+ __name: "DuiInput",
90
+ props: {
91
+ modelValue: {
92
+ type: String,
93
+ default: ""
94
+ },
95
+ type: {
96
+ type: String,
97
+ default: "text"
98
+ },
99
+ size: {
100
+ type: String,
101
+ default: "md"
102
+ },
103
+ block: {
104
+ type: Boolean,
105
+ default: !1
106
+ },
107
+ disabled: {
108
+ type: Boolean,
109
+ default: !1
110
+ },
111
+ placeholder: {
112
+ type: String,
113
+ default: void 0
114
+ },
115
+ name: {
116
+ type: String,
117
+ default: void 0
118
+ },
119
+ id: {
120
+ type: String,
121
+ default: void 0
122
+ },
123
+ required: {
124
+ type: Boolean,
125
+ default: !1
126
+ },
127
+ label: {
128
+ type: String,
129
+ default: void 0
130
+ },
131
+ pattern: {
132
+ type: String,
133
+ default: void 0
134
+ },
135
+ rounded: {
136
+ type: String,
137
+ default: "all"
138
+ }
139
+ },
140
+ emits: ["update:modelValue"],
141
+ setup(n, { emit: r }) {
142
+ const e = n, s = r;
143
+ function k(t) {
144
+ const a = t.target;
145
+ s("update:modelValue", a.value);
146
+ }
147
+ const o = {
148
+ sm: "text-sm px-3 py-1.5",
149
+ md: "text-base px-3 py-2",
150
+ lg: "text-lg px-5 py-3"
151
+ }, i = {
152
+ all: "rounded",
153
+ top: "rounded-t",
154
+ bottom: "rounded-b",
155
+ left: "rounded-l",
156
+ right: "rounded-r",
157
+ none: "rounded-none"
158
+ }, c = {
159
+ sm: "text-sm pb-0.5",
160
+ md: "text-base pb-1",
161
+ lg: "text-lg pb-2"
162
+ }, b = p(() => {
163
+ const t = o[e.size] || "", a = e.block ? "w-full" : "", x = i[e.rounded] || "";
164
+ return [V, t, a, x].join(" ");
165
+ }), h = p(() => {
166
+ const t = c[e.size] || "", a = e.block ? "w-full" : "";
167
+ return [t, a].join(" ");
168
+ });
169
+ return (t, a) => (l(), d("div", null, [
170
+ e.label ? (l(), d("label", {
171
+ key: 0,
172
+ for: e.id,
173
+ class: u([h.value, "text-start block text-zinc-700 dark:text-zinc-200 px-0"])
174
+ }, [
175
+ z(f(e.label) + " ", 1),
176
+ e.required ? (l(), d("span", B, "*")) : g("", !0)
177
+ ], 10, C)) : g("", !0),
178
+ y("input", {
179
+ type: e.type,
180
+ class: u(b.value),
181
+ value: n.modelValue,
182
+ disabled: e.disabled,
183
+ placeholder: e.placeholder,
184
+ required: e.required,
185
+ name: e.name,
186
+ id: e.id,
187
+ pattern: e.pattern,
188
+ "aria-label": e.placeholder,
189
+ "aria-disabled": e.disabled,
190
+ "aria-required": e.required,
191
+ onInput: k
192
+ }, null, 42, q)
193
+ ]));
103
194
  }
104
195
  });
105
196
  export {
106
- S as DuiButton
197
+ $ as DuiButton,
198
+ j as DuiInput
107
199
  };
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(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o["droni-kit"]={},o.Vue))})(this,function(o,e){"use strict";const p=["type","title","disabled"],g={key:1},h="transition rounded disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer hover:shadow-md overflow-hidden text-ellipsis whitespace-nowrap",u=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(l){const t=l,r={sm:"text-sm px-3 py-1.5",md:"text-base px-4 py-2",lg:"text-lg px-5 py-3"},s={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"}},c=e.computed(()=>{var b;const n=(((b=s[t.variant])==null?void 0:b[t.color])||"")+" "+s[t.variant].base,i=r[t.size]||"",k=t.block?"w-full":"";return[h,n,i,k].join(" ")});return(n,i)=>(e.openBlock(),e.createElementBlock("button",{type:t.type,class:e.normalizeClass(c.value),title:t.title,disabled:t.disabled||t.loading},[t.loading?(e.openBlock(),e.createElementBlock("span",g,"Cargando...")):e.renderSlot(n.$slots,"default",{key:0})],10,p))}}),m=["for"],x={key:0,class:"text-rose-500"},y=["type","value","disabled","placeholder","required","name","id","pattern","aria-label","aria-disabled","aria-required"],v="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]",f=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(l,{emit:t}){const r=l,s=t;function c(a){const d=a.target;s("update:modelValue",d.value)}const n={sm:"text-sm px-3 py-1.5",md:"text-base px-3 py-2",lg:"text-lg px-5 py-3"},i={all:"rounded",top:"rounded-t",bottom:"rounded-b",left:"rounded-l",right:"rounded-r",none:"rounded-none"},k={sm:"text-sm pb-0.5",md:"text-base pb-1",lg:"text-lg pb-2"},b=e.computed(()=>{const a=n[r.size]||"",d=r.block?"w-full":"",S=i[r.rounded]||"";return[v,a,d,S].join(" ")}),z=e.computed(()=>{const a=k[r.size]||"",d=r.block?"w-full":"";return[a,d].join(" ")});return(a,d)=>(e.openBlock(),e.createElementBlock("div",null,[r.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:r.id,class:e.normalizeClass([z.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",x,"*")):e.createCommentVNode("",!0)],10,m)):e.createCommentVNode("",!0),e.createElementVNode("input",{type:r.type,class:e.normalizeClass(b.value),value:l.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:c},null,42,y)]))}});o.DuiButton=u,o.DuiInput=f,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
package/dist/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  import { default as DuiButton } from './stories/Forms/DuiButton.vue';
2
- export { DuiButton };
2
+ import { default as DuiInput } from './stories/Forms/DuiInput.vue';
3
+ export { DuiButton, DuiInput };
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,19 @@ 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: {
34
+ title: {
45
35
  type: StringConstructor;
46
- default: string;
36
+ default: undefined;
47
37
  };
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;
38
+ }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
39
+ variant: "solid" | "outline" | "ghost";
40
+ color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
55
41
  size: "sm" | "md" | "lg";
56
42
  type: "button" | "submit" | "reset";
57
43
  disabled: boolean;
58
44
  loading: boolean;
59
45
  block: boolean;
60
- iconLeft: string;
61
- iconRight: string;
62
- customClass: string;
46
+ title: string;
63
47
  }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
64
48
  P: {};
65
49
  B: {};
@@ -69,14 +53,12 @@ declare const meta: {
69
53
  Defaults: {};
70
54
  }, Readonly<import('vue').ExtractPropTypes<{
71
55
  variant: {
72
- type: StringConstructor;
56
+ type: () => "solid" | "outline" | "ghost";
73
57
  default: string;
74
- validator: (value: string) => boolean;
75
58
  };
76
59
  color: {
77
- type: StringConstructor;
60
+ type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
78
61
  default: string;
79
- validator: (value: string) => boolean;
80
62
  };
81
63
  size: {
82
64
  type: () => "sm" | "md" | "lg";
@@ -98,45 +80,31 @@ declare const meta: {
98
80
  type: BooleanConstructor;
99
81
  default: boolean;
100
82
  };
101
- iconLeft: {
102
- type: StringConstructor;
103
- default: null;
104
- };
105
- iconRight: {
106
- type: StringConstructor;
107
- default: null;
108
- };
109
- customClass: {
83
+ title: {
110
84
  type: StringConstructor;
111
- default: string;
85
+ default: undefined;
112
86
  };
113
- }>> & Readonly<{
114
- onClick?: ((...args: any[]) => any) | undefined;
115
- }>, {}, {}, {}, {}, {
116
- variant: string;
117
- color: string;
87
+ }>> & Readonly<{}>, {}, {}, {}, {}, {
88
+ variant: "solid" | "outline" | "ghost";
89
+ color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
118
90
  size: "sm" | "md" | "lg";
119
91
  type: "button" | "submit" | "reset";
120
92
  disabled: boolean;
121
93
  loading: boolean;
122
94
  block: boolean;
123
- iconLeft: string;
124
- iconRight: string;
125
- customClass: string;
95
+ title: string;
126
96
  }>;
127
97
  __isFragment?: never;
128
98
  __isTeleport?: never;
129
99
  __isSuspense?: never;
130
100
  } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
131
101
  variant: {
132
- type: StringConstructor;
102
+ type: () => "solid" | "outline" | "ghost";
133
103
  default: string;
134
- validator: (value: string) => boolean;
135
104
  };
136
105
  color: {
137
- type: StringConstructor;
106
+ type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
138
107
  default: string;
139
- validator: (value: string) => boolean;
140
108
  };
141
109
  size: {
142
110
  type: () => "sm" | "md" | "lg";
@@ -158,33 +126,19 @@ declare const meta: {
158
126
  type: BooleanConstructor;
159
127
  default: boolean;
160
128
  };
161
- iconLeft: {
162
- type: StringConstructor;
163
- default: null;
164
- };
165
- iconRight: {
129
+ title: {
166
130
  type: StringConstructor;
167
- default: null;
131
+ default: undefined;
168
132
  };
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;
133
+ }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
134
+ variant: "solid" | "outline" | "ghost";
135
+ color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
180
136
  size: "sm" | "md" | "lg";
181
137
  type: "button" | "submit" | "reset";
182
138
  disabled: boolean;
183
139
  loading: boolean;
184
140
  block: boolean;
185
- iconLeft: string;
186
- iconRight: string;
187
- customClass: string;
141
+ title: string;
188
142
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
189
143
  $slots: {
190
144
  default?(_: {}): any;
@@ -192,6 +146,12 @@ declare const meta: {
192
146
  });
193
147
  tags: string[];
194
148
  argTypes: {
149
+ default: {
150
+ control: {
151
+ type: "text";
152
+ };
153
+ defaultValue: string;
154
+ };
195
155
  size: {
196
156
  control: {
197
157
  type: "select";
@@ -213,9 +173,39 @@ declare const meta: {
213
173
  options: string[];
214
174
  defaultValue: string;
215
175
  };
176
+ loading: {
177
+ control: {
178
+ type: "boolean";
179
+ };
180
+ defaultValue: boolean;
181
+ };
182
+ disabled: {
183
+ control: {
184
+ type: "boolean";
185
+ };
186
+ defaultValue: boolean;
187
+ };
188
+ block: {
189
+ control: {
190
+ type: "boolean";
191
+ };
192
+ defaultValue: boolean;
193
+ };
194
+ type: {
195
+ control: {
196
+ type: "select";
197
+ };
198
+ options: string[];
199
+ defaultValue: string;
200
+ };
201
+ title: {
202
+ control: {
203
+ type: "text";
204
+ };
205
+ defaultValue: undefined;
206
+ };
216
207
  };
217
208
  };
218
209
  export default meta;
219
210
  type Story = StoryObj<typeof meta>;
220
- export declare const Primary: Story;
221
- export declare const Secondary: Story;
211
+ 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,18 @@ 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: {
39
+ title: {
46
40
  type: StringConstructor;
47
- default: null;
48
- };
49
- customClass: {
50
- type: StringConstructor;
51
- default: string;
41
+ default: undefined;
52
42
  };
53
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
54
- click: (...args: any[]) => void;
55
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
43
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
56
44
  variant: {
57
- type: StringConstructor;
45
+ type: () => "solid" | "outline" | "ghost";
58
46
  default: string;
59
- validator: (value: string) => boolean;
60
47
  };
61
48
  color: {
62
- type: StringConstructor;
49
+ type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
63
50
  default: string;
64
- validator: (value: string) => boolean;
65
51
  };
66
52
  size: {
67
53
  type: () => "sm" | "md" | "lg";
@@ -83,31 +69,19 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
83
69
  type: BooleanConstructor;
84
70
  default: boolean;
85
71
  };
86
- iconLeft: {
87
- type: StringConstructor;
88
- default: null;
89
- };
90
- iconRight: {
72
+ title: {
91
73
  type: StringConstructor;
92
- default: null;
93
- };
94
- customClass: {
95
- type: StringConstructor;
96
- default: string;
74
+ default: undefined;
97
75
  };
98
- }>> & Readonly<{
99
- onClick?: ((...args: any[]) => any) | undefined;
100
- }>, {
101
- variant: string;
102
- color: string;
76
+ }>> & Readonly<{}>, {
77
+ variant: "solid" | "outline" | "ghost";
78
+ color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
103
79
  size: "sm" | "md" | "lg";
104
80
  type: "button" | "submit" | "reset";
105
81
  disabled: boolean;
106
82
  loading: boolean;
107
83
  block: boolean;
108
- iconLeft: string;
109
- iconRight: string;
110
- customClass: string;
84
+ title: string;
111
85
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
112
86
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
113
87
  export default _default;
package/dist/stories/Forms/DuiInput.stories.d.ts ADDED
@@ -0,0 +1,189 @@
1
+ import { StoryObj } from '@storybook/vue3';
2
+ declare const meta: {
3
+ title: string;
4
+ component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
5
+ modelValue: {
6
+ type: StringConstructor;
7
+ default: string;
8
+ };
9
+ type: {
10
+ type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time";
11
+ default: string;
12
+ };
13
+ size: {
14
+ type: () => "sm" | "md" | "lg";
15
+ default: string;
16
+ };
17
+ block: {
18
+ type: BooleanConstructor;
19
+ default: boolean;
20
+ };
21
+ disabled: {
22
+ type: BooleanConstructor;
23
+ default: boolean;
24
+ };
25
+ placeholder: {
26
+ type: StringConstructor;
27
+ default: undefined;
28
+ };
29
+ name: {
30
+ type: StringConstructor;
31
+ default: undefined;
32
+ };
33
+ id: {
34
+ type: StringConstructor;
35
+ default: undefined;
36
+ };
37
+ required: {
38
+ type: BooleanConstructor;
39
+ default: boolean;
40
+ };
41
+ label: {
42
+ type: StringConstructor;
43
+ default: undefined;
44
+ };
45
+ pattern: {
46
+ type: StringConstructor;
47
+ default: undefined;
48
+ };
49
+ rounded: {
50
+ type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
51
+ default: string;
52
+ };
53
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
54
+ "update:modelValue": (value: string) => any;
55
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
56
+ modelValue: {
57
+ type: StringConstructor;
58
+ default: string;
59
+ };
60
+ type: {
61
+ type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time";
62
+ default: string;
63
+ };
64
+ size: {
65
+ type: () => "sm" | "md" | "lg";
66
+ default: string;
67
+ };
68
+ block: {
69
+ type: BooleanConstructor;
70
+ default: boolean;
71
+ };
72
+ disabled: {
73
+ type: BooleanConstructor;
74
+ default: boolean;
75
+ };
76
+ placeholder: {
77
+ type: StringConstructor;
78
+ default: undefined;
79
+ };
80
+ name: {
81
+ type: StringConstructor;
82
+ default: undefined;
83
+ };
84
+ id: {
85
+ type: StringConstructor;
86
+ default: undefined;
87
+ };
88
+ required: {
89
+ type: BooleanConstructor;
90
+ default: boolean;
91
+ };
92
+ label: {
93
+ type: StringConstructor;
94
+ default: undefined;
95
+ };
96
+ pattern: {
97
+ type: StringConstructor;
98
+ default: undefined;
99
+ };
100
+ rounded: {
101
+ type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
102
+ default: string;
103
+ };
104
+ }>> & Readonly<{
105
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
106
+ }>, {
107
+ size: "sm" | "md" | "lg";
108
+ type: "time" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week";
109
+ disabled: boolean;
110
+ block: boolean;
111
+ label: string;
112
+ pattern: string;
113
+ modelValue: string;
114
+ placeholder: string;
115
+ name: string;
116
+ id: string;
117
+ required: boolean;
118
+ rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
119
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
120
+ tags: string[];
121
+ argTypes: {
122
+ type: {
123
+ control: {
124
+ type: "select";
125
+ };
126
+ options: string[];
127
+ defaultValue: string;
128
+ };
129
+ block: {
130
+ control: {
131
+ type: "boolean";
132
+ };
133
+ defaultValue: boolean;
134
+ };
135
+ size: {
136
+ control: {
137
+ type: "select";
138
+ };
139
+ options: string[];
140
+ defaultValue: string;
141
+ };
142
+ disabled: {
143
+ control: {
144
+ type: "boolean";
145
+ };
146
+ defaultValue: boolean;
147
+ };
148
+ placeholder: {
149
+ control: {
150
+ type: "text";
151
+ };
152
+ defaultValue: undefined;
153
+ };
154
+ name: {
155
+ control: {
156
+ type: "text";
157
+ };
158
+ defaultValue: undefined;
159
+ };
160
+ required: {
161
+ control: {
162
+ type: "boolean";
163
+ };
164
+ defaultValue: boolean;
165
+ };
166
+ label: {
167
+ control: {
168
+ type: "text";
169
+ };
170
+ defaultValue: undefined;
171
+ };
172
+ pattern: {
173
+ control: {
174
+ type: "text";
175
+ };
176
+ defaultValue: undefined;
177
+ };
178
+ rounded: {
179
+ constrol: {
180
+ type: string;
181
+ };
182
+ options: string[];
183
+ defaultValue: string;
184
+ };
185
+ };
186
+ };
187
+ export default meta;
188
+ type Story = StoryObj<typeof meta>;
189
+ export declare const Default: Story;
package/dist/stories/Forms/DuiInput.vue.d.ts ADDED
@@ -0,0 +1,117 @@
1
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
+ modelValue: {
3
+ type: StringConstructor;
4
+ default: string;
5
+ };
6
+ type: {
7
+ type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time";
8
+ default: string;
9
+ };
10
+ size: {
11
+ type: () => "sm" | "md" | "lg";
12
+ default: string;
13
+ };
14
+ block: {
15
+ type: BooleanConstructor;
16
+ default: boolean;
17
+ };
18
+ disabled: {
19
+ type: BooleanConstructor;
20
+ default: boolean;
21
+ };
22
+ placeholder: {
23
+ type: StringConstructor;
24
+ default: undefined;
25
+ };
26
+ name: {
27
+ type: StringConstructor;
28
+ default: undefined;
29
+ };
30
+ id: {
31
+ type: StringConstructor;
32
+ default: undefined;
33
+ };
34
+ required: {
35
+ type: BooleanConstructor;
36
+ default: boolean;
37
+ };
38
+ label: {
39
+ type: StringConstructor;
40
+ default: undefined;
41
+ };
42
+ pattern: {
43
+ type: StringConstructor;
44
+ default: undefined;
45
+ };
46
+ rounded: {
47
+ type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
48
+ default: string;
49
+ };
50
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
51
+ "update:modelValue": (value: string) => any;
52
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
53
+ modelValue: {
54
+ type: StringConstructor;
55
+ default: string;
56
+ };
57
+ type: {
58
+ type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time";
59
+ default: string;
60
+ };
61
+ size: {
62
+ type: () => "sm" | "md" | "lg";
63
+ default: string;
64
+ };
65
+ block: {
66
+ type: BooleanConstructor;
67
+ default: boolean;
68
+ };
69
+ disabled: {
70
+ type: BooleanConstructor;
71
+ default: boolean;
72
+ };
73
+ placeholder: {
74
+ type: StringConstructor;
75
+ default: undefined;
76
+ };
77
+ name: {
78
+ type: StringConstructor;
79
+ default: undefined;
80
+ };
81
+ id: {
82
+ type: StringConstructor;
83
+ default: undefined;
84
+ };
85
+ required: {
86
+ type: BooleanConstructor;
87
+ default: boolean;
88
+ };
89
+ label: {
90
+ type: StringConstructor;
91
+ default: undefined;
92
+ };
93
+ pattern: {
94
+ type: StringConstructor;
95
+ default: undefined;
96
+ };
97
+ rounded: {
98
+ type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
99
+ default: string;
100
+ };
101
+ }>> & Readonly<{
102
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
103
+ }>, {
104
+ size: "sm" | "md" | "lg";
105
+ type: "time" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week";
106
+ disabled: boolean;
107
+ block: boolean;
108
+ label: string;
109
+ pattern: string;
110
+ modelValue: string;
111
+ placeholder: string;
112
+ name: string;
113
+ id: string;
114
+ required: boolean;
115
+ rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
116
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
117
+ 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.3.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",