componenteszw-package 1.0.15 → 1.0.16

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 (5) hide show
  1. package/dist/Select.d.ts +17 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +1 -0
  4. package/dist/index.js +299 -214
  5. package/package.json +1 -1
package/dist/Select.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ import { default as React } from 'react';
2
+ type Option = {
3
+ label: string;
4
+ value: string;
5
+ };
6
+ type SelectProps = {
7
+ options: Option[];
8
+ multiple?: boolean;
9
+ placeholder?: string;
10
+ label?: string;
11
+ required?: boolean;
12
+ hint?: string;
13
+ value?: string | string[];
14
+ onChange?: (value: any) => void;
15
+ };
16
+ export declare const Select: React.FC<SelectProps>;
17
+ export {};
package/dist/index.css CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight: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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-100:oklch(96.2% .044 156.743);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,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]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;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}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.right-0{right:calc(var(--spacing) * 0)}.right-3{right:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-6{margin-left:calc(var(--spacing) * 6)}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-9{height:calc(var(--spacing) * 9)}.h-14{height:calc(var(--spacing) * 14)}.h-full{height:100%}.min-h-\[72px\]{min-height:72px}.min-h-\[100px\]{min-height:100px}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-9{width:calc(var(--spacing) * 9)}.w-14{width:calc(var(--spacing) * 14)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-44{width:calc(var(--spacing) * 44)}.w-\[360px\]{width:360px}.w-\[380px\]{width:380px}.w-\[480px\]{width:480px}.w-\[640px\]{width:640px}.w-full{width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-orange-500{border-color:var(--color-orange-500)}.border-red-500{border-color:var(--color-red-500)}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-400{background-color:var(--color-orange-400)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-white{background-color:var(--color-white)}.bg-yellow-400{background-color:var(--color-yellow-400)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-black{color:var(--color-black)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-orange-500{color:var(--color-orange-500)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-offset-2{--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)}.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,)}.brightness-90{--tw-brightness:brightness(90%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-orange-50:hover{background-color:var(--color-orange-50)}.hover\:bg-orange-500:hover{background-color:var(--color-orange-500)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-yellow-500:hover{background-color:var(--color-yellow-500)}.hover\:text-orange-600:hover{color:var(--color-orange-600)}.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\:border-green-500:focus{border-color:var(--color-green-500)}.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-gray-400:focus{--tw-ring-color:var(--color-gray-400)}.focus\:ring-green-400:focus{--tw-ring-color:var(--color-green-400)}.focus\:ring-green-500:focus{--tw-ring-color:var(--color-green-500)}.focus\:ring-orange-400:focus{--tw-ring-color:var(--color-orange-400)}.focus\:ring-red-400:focus{--tw-ring-color:var(--color-red-400)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-yellow-300:focus{--tw-ring-color:var(--color-yellow-300)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:opacity-50:disabled{opacity:.5}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight: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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-100:oklch(96.2% .044 156.743);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,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]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;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}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.right-0{right:calc(var(--spacing) * 0)}.right-3{right:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-6{margin-left:calc(var(--spacing) * 6)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-9{height:calc(var(--spacing) * 9)}.h-14{height:calc(var(--spacing) * 14)}.h-full{height:100%}.max-h-40{max-height:calc(var(--spacing) * 40)}.min-h-\[72px\]{min-height:72px}.min-h-\[100px\]{min-height:100px}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-9{width:calc(var(--spacing) * 9)}.w-14{width:calc(var(--spacing) * 14)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-44{width:calc(var(--spacing) * 44)}.w-\[300px\]{width:300px}.w-\[360px\]{width:360px}.w-\[380px\]{width:380px}.w-\[480px\]{width:480px}.w-\[640px\]{width:640px}.w-full{width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-orange-500{border-color:var(--color-orange-500)}.border-red-500{border-color:var(--color-red-500)}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-400{background-color:var(--color-orange-400)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-white{background-color:var(--color-white)}.bg-yellow-400{background-color:var(--color-yellow-400)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-black{color:var(--color-black)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-orange-500{color:var(--color-orange-500)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-offset-2{--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)}.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,)}.brightness-90{--tw-brightness:brightness(90%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-orange-50:hover{background-color:var(--color-orange-50)}.hover\:bg-orange-500:hover{background-color:var(--color-orange-500)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-yellow-500:hover{background-color:var(--color-yellow-500)}.hover\:text-orange-600:hover{color:var(--color-orange-600)}.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\:border-green-500:focus{border-color:var(--color-green-500)}.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-gray-400:focus{--tw-ring-color:var(--color-gray-400)}.focus\:ring-green-400:focus{--tw-ring-color:var(--color-green-400)}.focus\:ring-green-500:focus{--tw-ring-color:var(--color-green-500)}.focus\:ring-orange-400:focus{--tw-ring-color:var(--color-orange-400)}.focus\:ring-red-400:focus{--tw-ring-color:var(--color-red-400)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-yellow-300:focus{--tw-ring-color:var(--color-yellow-300)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:opacity-50:disabled{opacity:.5}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}
package/dist/index.d.ts CHANGED
@@ -8,3 +8,4 @@ export { CardRow } from './Card';
8
8
  export { Modal } from './Modal';
9
9
  export { BackgroundBlur } from './Blur';
10
10
  export { Table } from './table';
11
+ export { Select } from './Select';
package/dist/index.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import * as e from "react";
2
- import t, { createElement as n, forwardRef as r, useMemo as i, useState as a } from "react";
3
- import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
2
+ import t, { createElement as n, forwardRef as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
3
+ import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
4
4
  //#region src/button.tsx
5
- var l = ({ text: e, iconLeft: t, iconRight: n, variant: r = "primary", size: i = "medium", state: a = "default", disabled: o = !1, onClick: l, type: u = "button", className: d = "" }) => /* @__PURE__ */ c("button", {
6
- type: u,
7
- onClick: l,
5
+ var d = ({ text: e, iconLeft: t, iconRight: n, variant: r = "primary", size: i = "medium", state: a = "default", disabled: o = !1, onClick: s, type: c = "button", className: d = "" }) => /* @__PURE__ */ u("button", {
6
+ type: c,
7
+ onClick: s,
8
8
  disabled: o,
9
9
  className: `
10
10
 
@@ -35,34 +35,34 @@ var l = ({ text: e, iconLeft: t, iconRight: n, variant: r = "primary", size: i =
35
35
  ${d}
36
36
  `,
37
37
  children: [
38
- t && /* @__PURE__ */ s("span", {
38
+ t && /* @__PURE__ */ l("span", {
39
39
  className: "flex items-center",
40
40
  children: t
41
41
  }),
42
- e && /* @__PURE__ */ s("span", { children: e }),
43
- n && /* @__PURE__ */ s("span", {
42
+ e && /* @__PURE__ */ l("span", { children: e }),
43
+ n && /* @__PURE__ */ l("span", {
44
44
  className: "flex items-center",
45
45
  children: n
46
46
  })
47
47
  ]
48
- }), u = ({ label: e, placeholder: t, value: n, hintText: r, required: i, state: a = "default", size: o = "medium", type: l = "text", iconRight: u, disabled: d, onChange: f, className: p = "" }) => /* @__PURE__ */ c("div", {
48
+ }), f = ({ label: e, placeholder: t, value: n, hintText: r, required: i, state: a = "default", size: o = "medium", type: s = "text", iconRight: c, disabled: d, onChange: f, className: p = "" }) => /* @__PURE__ */ u("div", {
49
49
  className: "flex flex-col gap-1 w-full",
50
50
  children: [
51
- e && /* @__PURE__ */ c("label", {
51
+ e && /* @__PURE__ */ u("label", {
52
52
  className: "text-sm font-medium",
53
53
  children: [
54
54
  e,
55
55
  " ",
56
- i && /* @__PURE__ */ s("span", {
56
+ i && /* @__PURE__ */ l("span", {
57
57
  className: "text-red-500",
58
58
  children: "*"
59
59
  })
60
60
  ]
61
61
  }),
62
- /* @__PURE__ */ c("div", {
62
+ /* @__PURE__ */ u("div", {
63
63
  className: "relative",
64
- children: [/* @__PURE__ */ s("input", {
65
- type: l,
64
+ children: [/* @__PURE__ */ l("input", {
65
+ type: s,
66
66
  value: n,
67
67
  placeholder: t,
68
68
  disabled: d,
@@ -76,12 +76,12 @@ var l = ({ text: e, iconLeft: t, iconRight: n, variant: r = "primary", size: i =
76
76
  error: "border-red-500",
77
77
  disabled: "bg-gray-100 cursor-not-allowed"
78
78
  }[a]} outline-none ${p}`
79
- }), u && /* @__PURE__ */ s("div", {
79
+ }), c && /* @__PURE__ */ l("div", {
80
80
  className: "absolute right-3 top-1/2 -translate-y-1/2",
81
- children: u
81
+ children: c
82
82
  })]
83
83
  }),
84
- r && /* @__PURE__ */ s("span", {
84
+ r && /* @__PURE__ */ l("span", {
85
85
  className: `text-xs ${a === "error" ? "text-red-500" : "text-gray-500"}`,
86
86
  children: r
87
87
  })
@@ -89,63 +89,63 @@ var l = ({ text: e, iconLeft: t, iconRight: n, variant: r = "primary", size: i =
89
89
  });
90
90
  //#endregion
91
91
  //#region node_modules/clsx/dist/clsx.mjs
92
- function d(e) {
92
+ function p(e) {
93
93
  var t, n, r = "";
94
94
  if (typeof e == "string" || typeof e == "number") r += e;
95
95
  else if (typeof e == "object") if (Array.isArray(e)) {
96
96
  var i = e.length;
97
- for (t = 0; t < i; t++) e[t] && (n = d(e[t])) && (r && (r += " "), r += n);
97
+ for (t = 0; t < i; t++) e[t] && (n = p(e[t])) && (r && (r += " "), r += n);
98
98
  } else for (n in e) e[n] && (r && (r += " "), r += n);
99
99
  return r;
100
100
  }
101
- function f() {
102
- for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = d(e)) && (r && (r += " "), r += t);
101
+ function m() {
102
+ for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = p(e)) && (r && (r += " "), r += t);
103
103
  return r;
104
104
  }
105
105
  //#endregion
106
106
  //#region node_modules/tailwind-merge/dist/bundle-mjs.mjs
107
- var p = "-", m = (e) => {
108
- let t = v(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
107
+ var h = "-", g = (e) => {
108
+ let t = b(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
109
109
  return {
110
110
  getClassGroupId: (e) => {
111
- let n = e.split(p);
112
- return n[0] === "" && n.length !== 1 && n.shift(), h(n, t) || _(e);
111
+ let n = e.split(h);
112
+ return n[0] === "" && n.length !== 1 && n.shift(), _(n, t) || y(e);
113
113
  },
114
114
  getConflictingClassGroupIds: (e, t) => {
115
115
  let i = n[e] || [];
116
116
  return t && r[e] ? [...i, ...r[e]] : i;
117
117
  }
118
118
  };
119
- }, h = (e, t) => {
119
+ }, _ = (e, t) => {
120
120
  if (e.length === 0) return t.classGroupId;
121
- let n = e[0], r = t.nextPart.get(n), i = r ? h(e.slice(1), r) : void 0;
121
+ let n = e[0], r = t.nextPart.get(n), i = r ? _(e.slice(1), r) : void 0;
122
122
  if (i) return i;
123
123
  if (t.validators.length === 0) return;
124
- let a = e.join(p);
124
+ let a = e.join(h);
125
125
  return t.validators.find(({ validator: e }) => e(a))?.classGroupId;
126
- }, g = /^\[(.+)\]$/, _ = (e) => {
127
- if (g.test(e)) {
128
- let t = g.exec(e)[1], n = t?.substring(0, t.indexOf(":"));
126
+ }, v = /^\[(.+)\]$/, y = (e) => {
127
+ if (v.test(e)) {
128
+ let t = v.exec(e)[1], n = t?.substring(0, t.indexOf(":"));
129
129
  if (n) return "arbitrary.." + n;
130
130
  }
131
- }, v = (e) => {
131
+ }, b = (e) => {
132
132
  let { theme: t, prefix: n } = e, r = {
133
133
  nextPart: /* @__PURE__ */ new Map(),
134
134
  validators: []
135
135
  };
136
- return S(Object.entries(e.classGroups), n).forEach(([e, n]) => {
137
- y(n, r, e, t);
136
+ return w(Object.entries(e.classGroups), n).forEach(([e, n]) => {
137
+ x(n, r, e, t);
138
138
  }), r;
139
- }, y = (e, t, n, r) => {
139
+ }, x = (e, t, n, r) => {
140
140
  e.forEach((e) => {
141
141
  if (typeof e == "string") {
142
- let r = e === "" ? t : b(t, e);
142
+ let r = e === "" ? t : S(t, e);
143
143
  r.classGroupId = n;
144
144
  return;
145
145
  }
146
146
  if (typeof e == "function") {
147
- if (x(e)) {
148
- y(e(r), t, n, r);
147
+ if (C(e)) {
148
+ x(e(r), t, n, r);
149
149
  return;
150
150
  }
151
151
  t.validators.push({
@@ -155,18 +155,18 @@ var p = "-", m = (e) => {
155
155
  return;
156
156
  }
157
157
  Object.entries(e).forEach(([e, i]) => {
158
- y(i, b(t, e), n, r);
158
+ x(i, S(t, e), n, r);
159
159
  });
160
160
  });
161
- }, b = (e, t) => {
161
+ }, S = (e, t) => {
162
162
  let n = e;
163
- return t.split(p).forEach((e) => {
163
+ return t.split(h).forEach((e) => {
164
164
  n.nextPart.has(e) || n.nextPart.set(e, {
165
165
  nextPart: /* @__PURE__ */ new Map(),
166
166
  validators: []
167
167
  }), n = n.nextPart.get(e);
168
168
  }), n;
169
- }, x = (e) => e.isThemeGetter, S = (e, t) => t ? e.map(([e, n]) => [e, n.map((e) => typeof e == "string" ? t + e : typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, n]) => [t + e, n])) : e)]) : e, C = (e) => {
169
+ }, C = (e) => e.isThemeGetter, w = (e, t) => t ? e.map(([e, n]) => [e, n.map((e) => typeof e == "string" ? t + e : typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, n]) => [t + e, n])) : e)]) : e, T = (e) => {
170
170
  if (e < 1) return {
171
171
  get: () => void 0,
172
172
  set: () => {}
@@ -184,7 +184,7 @@ var p = "-", m = (e) => {
184
184
  n.has(e) ? n.set(e, t) : i(e, t);
185
185
  }
186
186
  };
187
- }, w = "!", T = (e) => {
187
+ }, E = "!", D = (e) => {
188
188
  let { separator: t, experimentalParseClassName: n } = e, r = t.length === 1, i = t[0], a = t.length, o = (e) => {
189
189
  let n = [], o = 0, s = 0, c;
190
190
  for (let l = 0; l < e.length; l++) {
@@ -201,7 +201,7 @@ var p = "-", m = (e) => {
201
201
  }
202
202
  u === "[" ? o++ : u === "]" && o--;
203
203
  }
204
- let l = n.length === 0 ? e : e.substring(s), u = l.startsWith(w);
204
+ let l = n.length === 0 ? e : e.substring(s), u = l.startsWith(E);
205
205
  return {
206
206
  modifiers: n,
207
207
  hasImportantModifier: u,
@@ -213,18 +213,18 @@ var p = "-", m = (e) => {
213
213
  className: e,
214
214
  parseClassName: o
215
215
  }) : o;
216
- }, E = (e) => {
216
+ }, O = (e) => {
217
217
  if (e.length <= 1) return e;
218
218
  let t = [], n = [];
219
219
  return e.forEach((e) => {
220
220
  e[0] === "[" ? (t.push(...n.sort(), e), n = []) : n.push(e);
221
221
  }), t.push(...n.sort()), t;
222
- }, D = (e) => ({
223
- cache: C(e.cacheSize),
224
- parseClassName: T(e),
225
- ...m(e)
226
- }), O = /\s+/, k = (e, t) => {
227
- let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i } = t, a = [], o = e.trim().split(O), s = "";
222
+ }, k = (e) => ({
223
+ cache: T(e.cacheSize),
224
+ parseClassName: D(e),
225
+ ...g(e)
226
+ }), A = /\s+/, j = (e, t) => {
227
+ let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i } = t, a = [], o = e.trim().split(A), s = "";
228
228
  for (let e = o.length - 1; e >= 0; --e) {
229
229
  let t = o[e], { modifiers: c, hasImportantModifier: l, baseClassName: u, maybePostfixModifierPosition: d } = n(t), f = !!d, p = r(f ? u.substring(0, d) : u);
230
230
  if (!p) {
@@ -238,7 +238,7 @@ var p = "-", m = (e) => {
238
238
  }
239
239
  f = !1;
240
240
  }
241
- let m = E(c).join(":"), h = l ? m + w : m, g = h + p;
241
+ let m = O(c).join(":"), h = l ? m + E : m, g = h + p;
242
242
  if (a.includes(g)) continue;
243
243
  a.push(g);
244
244
  let _ = i(p, f);
@@ -250,48 +250,48 @@ var p = "-", m = (e) => {
250
250
  }
251
251
  return s;
252
252
  };
253
- function A() {
253
+ function M() {
254
254
  let e = 0, t, n, r = "";
255
- for (; e < arguments.length;) (t = arguments[e++]) && (n = j(t)) && (r && (r += " "), r += n);
255
+ for (; e < arguments.length;) (t = arguments[e++]) && (n = N(t)) && (r && (r += " "), r += n);
256
256
  return r;
257
257
  }
258
- var j = (e) => {
258
+ var N = (e) => {
259
259
  if (typeof e == "string") return e;
260
260
  let t, n = "";
261
- for (let r = 0; r < e.length; r++) e[r] && (t = j(e[r])) && (n && (n += " "), n += t);
261
+ for (let r = 0; r < e.length; r++) e[r] && (t = N(e[r])) && (n && (n += " "), n += t);
262
262
  return n;
263
263
  };
264
- function M(e, ...t) {
264
+ function P(e, ...t) {
265
265
  let n, r, i, a = o;
266
266
  function o(o) {
267
- return n = D(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o);
267
+ return n = k(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o);
268
268
  }
269
269
  function s(e) {
270
270
  let t = r(e);
271
271
  if (t) return t;
272
- let a = k(e, n);
272
+ let a = j(e, n);
273
273
  return i(e, a), a;
274
274
  }
275
275
  return function() {
276
- return a(A.apply(null, arguments));
276
+ return a(M.apply(null, arguments));
277
277
  };
278
278
  }
279
- var N = (e) => {
279
+ var F = (e) => {
280
280
  let t = (t) => t[e] || [];
281
281
  return t.isThemeGetter = !0, t;
282
- }, P = /^\[(?:([a-z-]+):)?(.+)\]$/i, F = /^\d+\/\d+$/, I = /* @__PURE__ */ new Set([
282
+ }, I = /^\[(?:([a-z-]+):)?(.+)\]$/i, L = /^\d+\/\d+$/, R = /* @__PURE__ */ new Set([
283
283
  "px",
284
284
  "full",
285
285
  "screen"
286
- ]), L = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, R = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, ee = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, te = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ne = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, z = (e) => V(e) || I.has(e) || F.test(e), B = (e) => q(e, "length", ue), V = (e) => !!e && !Number.isNaN(Number(e)), H = (e) => q(e, "number", V), U = (e) => !!e && Number.isInteger(Number(e)), re = (e) => e.endsWith("%") && V(e.slice(0, -1)), W = (e) => P.test(e), G = (e) => L.test(e), ie = /* @__PURE__ */ new Set([
286
+ ]), ee = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, te = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, ne = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, re = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ie = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, z = (e) => V(e) || R.has(e) || L.test(e), B = (e) => q(e, "length", fe), V = (e) => !!e && !Number.isNaN(Number(e)), H = (e) => q(e, "number", V), U = (e) => !!e && Number.isInteger(Number(e)), ae = (e) => e.endsWith("%") && V(e.slice(0, -1)), W = (e) => I.test(e), G = (e) => ee.test(e), oe = /* @__PURE__ */ new Set([
287
287
  "length",
288
288
  "size",
289
289
  "percentage"
290
- ]), ae = (e) => q(e, ie, J), oe = (e) => q(e, "position", J), se = /* @__PURE__ */ new Set(["image", "url"]), ce = (e) => q(e, se, fe), le = (e) => q(e, "", de), K = () => !0, q = (e, t, n) => {
291
- let r = P.exec(e);
290
+ ]), se = (e) => q(e, oe, J), ce = (e) => q(e, "position", J), le = /* @__PURE__ */ new Set(["image", "url"]), ue = (e) => q(e, le, Y), de = (e) => q(e, "", pe), K = () => !0, q = (e, t, n) => {
291
+ let r = I.exec(e);
292
292
  return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
293
- }, ue = (e) => R.test(e) && !ee.test(e), J = () => !1, de = (e) => te.test(e), fe = (e) => ne.test(e), pe = /* @__PURE__ */ M(() => {
294
- let e = N("colors"), t = N("spacing"), n = N("blur"), r = N("brightness"), i = N("borderColor"), a = N("borderRadius"), o = N("borderSpacing"), s = N("borderWidth"), c = N("contrast"), l = N("grayscale"), u = N("hueRotate"), d = N("invert"), f = N("gap"), p = N("gradientColorStops"), m = N("gradientColorStopPositions"), h = N("inset"), g = N("margin"), _ = N("opacity"), v = N("padding"), y = N("saturate"), b = N("scale"), x = N("sepia"), S = N("skew"), C = N("space"), w = N("translate"), T = () => [
293
+ }, fe = (e) => te.test(e) && !ne.test(e), J = () => !1, pe = (e) => re.test(e), Y = (e) => ie.test(e), me = /* @__PURE__ */ P(() => {
294
+ let e = F("colors"), t = F("spacing"), n = F("blur"), r = F("brightness"), i = F("borderColor"), a = F("borderRadius"), o = F("borderSpacing"), s = F("borderWidth"), c = F("contrast"), l = F("grayscale"), u = F("hueRotate"), d = F("invert"), f = F("gap"), p = F("gradientColorStops"), m = F("gradientColorStopPositions"), h = F("inset"), g = F("margin"), _ = F("opacity"), v = F("padding"), y = F("saturate"), b = F("scale"), x = F("sepia"), S = F("skew"), C = F("space"), w = F("translate"), T = () => [
295
295
  "auto",
296
296
  "contain",
297
297
  "none"
@@ -329,7 +329,7 @@ var N = (e) => {
329
329
  "dotted",
330
330
  "double",
331
331
  "none"
332
- ], P = () => [
332
+ ], N = () => [
333
333
  "normal",
334
334
  "multiply",
335
335
  "screen",
@@ -346,7 +346,7 @@ var N = (e) => {
346
346
  "saturation",
347
347
  "color",
348
348
  "luminosity"
349
- ], F = () => [
349
+ ], P = () => [
350
350
  "start",
351
351
  "end",
352
352
  "center",
@@ -397,7 +397,7 @@ var N = (e) => {
397
397
  invert: I(),
398
398
  gap: O(),
399
399
  gradientColorStops: [e],
400
- gradientColorStopPositions: [re, B],
400
+ gradientColorStopPositions: [ae, B],
401
401
  inset: D(),
402
402
  margin: D(),
403
403
  opacity: R(),
@@ -579,7 +579,7 @@ var N = (e) => {
579
579
  gap: [{ gap: [f] }],
580
580
  "gap-x": [{ "gap-x": [f] }],
581
581
  "gap-y": [{ "gap-y": [f] }],
582
- "justify-content": [{ justify: ["normal", ...F()] }],
582
+ "justify-content": [{ justify: ["normal", ...P()] }],
583
583
  "justify-items": [{ "justify-items": [
584
584
  "start",
585
585
  "end",
@@ -595,7 +595,7 @@ var N = (e) => {
595
595
  ] }],
596
596
  "align-content": [{ content: [
597
597
  "normal",
598
- ...F(),
598
+ ...P(),
599
599
  "baseline"
600
600
  ] }],
601
601
  "align-items": [{ items: [
@@ -613,7 +613,7 @@ var N = (e) => {
613
613
  "stretch",
614
614
  "baseline"
615
615
  ] }],
616
- "place-content": [{ "place-content": [...F(), "baseline"] }],
616
+ "place-content": [{ "place-content": [...P(), "baseline"] }],
617
617
  "place-items": [{ "place-items": [
618
618
  "start",
619
619
  "end",
@@ -874,7 +874,7 @@ var N = (e) => {
874
874
  "padding",
875
875
  "content"
876
876
  ] }],
877
- "bg-position": [{ bg: [...j(), oe] }],
877
+ "bg-position": [{ bg: [...j(), ce] }],
878
878
  "bg-repeat": [{ bg: ["no-repeat", { repeat: [
879
879
  "",
880
880
  "x",
@@ -886,7 +886,7 @@ var N = (e) => {
886
886
  "auto",
887
887
  "cover",
888
888
  "contain",
889
- ae
889
+ se
890
890
  ] }],
891
891
  "bg-image": [{ bg: [
892
892
  "none",
@@ -900,7 +900,7 @@ var N = (e) => {
900
900
  "l",
901
901
  "tl"
902
902
  ] },
903
- ce
903
+ ue
904
904
  ] }],
905
905
  "bg-color": [{ bg: [e] }],
906
906
  "gradient-from-pos": [{ from: [m] }],
@@ -966,16 +966,16 @@ var N = (e) => {
966
966
  "inner",
967
967
  "none",
968
968
  G,
969
- le
969
+ de
970
970
  ] }],
971
971
  "shadow-color": [{ shadow: [K] }],
972
972
  opacity: [{ opacity: [_] }],
973
973
  "mix-blend": [{ "mix-blend": [
974
- ...P(),
974
+ ...N(),
975
975
  "plus-lighter",
976
976
  "plus-darker"
977
977
  ] }],
978
- "bg-blend": [{ "bg-blend": P() }],
978
+ "bg-blend": [{ "bg-blend": N() }],
979
979
  filter: [{ filter: ["", "none"] }],
980
980
  blur: [{ blur: [n] }],
981
981
  brightness: [{ brightness: [r] }],
@@ -1321,48 +1321,48 @@ var N = (e) => {
1321
1321
  });
1322
1322
  //#endregion
1323
1323
  //#region src/lib/utils.ts
1324
- function Y(...e) {
1325
- return pe(f(e));
1324
+ function X(...e) {
1325
+ return me(m(e));
1326
1326
  }
1327
1327
  //#endregion
1328
1328
  //#region src/textarea.tsx
1329
- function me({ label: t, placeholder: n, value: r = "", hintText: i, required: a, state: o = "default", maxLength: l, showCounter: u, disabled: d, onChange: f, className: p }) {
1329
+ function he({ label: t, placeholder: n, value: r = "", hintText: i, required: a, state: o = "default", maxLength: s, showCounter: c, disabled: d, onChange: f, className: p }) {
1330
1330
  let [m, h] = e.useState(r), g = r ?? m;
1331
- return /* @__PURE__ */ c("div", {
1332
- className: Y("flex flex-col gap-1", p),
1331
+ return /* @__PURE__ */ u("div", {
1332
+ className: X("flex flex-col gap-1", p),
1333
1333
  children: [
1334
- t && /* @__PURE__ */ c("label", {
1334
+ t && /* @__PURE__ */ u("label", {
1335
1335
  className: "text-sm font-medium",
1336
1336
  children: [
1337
1337
  t,
1338
1338
  " ",
1339
- a && /* @__PURE__ */ s("span", {
1339
+ a && /* @__PURE__ */ l("span", {
1340
1340
  className: "text-red-500",
1341
1341
  children: "*"
1342
1342
  })
1343
1343
  ]
1344
1344
  }),
1345
- /* @__PURE__ */ s("textarea", {
1345
+ /* @__PURE__ */ l("textarea", {
1346
1346
  value: g,
1347
1347
  placeholder: n,
1348
1348
  onChange: (e) => {
1349
1349
  let t = e.target.value;
1350
- l && t.length > l || (h(t), f?.(t));
1350
+ s && t.length > s || (h(t), f?.(t));
1351
1351
  },
1352
1352
  disabled: d || o === "disabled",
1353
- className: Y("w-full min-h-[100px] rounded-md border px-3 py-2 text-sm outline-none resize-none transition", "focus:ring-2 focus:ring-primary", o === "error" && "border-red-500 focus:ring-red-500", o === "default" && "border-gray-300", (d || o === "disabled") && "bg-gray-100 cursor-not-allowed opacity-70")
1353
+ className: X("w-full min-h-[100px] rounded-md border px-3 py-2 text-sm outline-none resize-none transition", "focus:ring-2 focus:ring-primary", o === "error" && "border-red-500 focus:ring-red-500", o === "default" && "border-gray-300", (d || o === "disabled") && "bg-gray-100 cursor-not-allowed opacity-70")
1354
1354
  }),
1355
- /* @__PURE__ */ c("div", {
1355
+ /* @__PURE__ */ u("div", {
1356
1356
  className: "flex justify-between items-center text-xs",
1357
- children: [i && /* @__PURE__ */ s("span", {
1358
- className: Y(o === "error" ? "text-red-500" : "text-gray-500"),
1357
+ children: [i && /* @__PURE__ */ l("span", {
1358
+ className: X(o === "error" ? "text-red-500" : "text-gray-500"),
1359
1359
  children: i
1360
- }), u && l && /* @__PURE__ */ c("span", {
1360
+ }), c && s && /* @__PURE__ */ u("span", {
1361
1361
  className: "text-gray-400",
1362
1362
  children: [
1363
1363
  g.length,
1364
1364
  "/",
1365
- l
1365
+ s
1366
1366
  ]
1367
1367
  })]
1368
1368
  })
@@ -1371,12 +1371,12 @@ function me({ label: t, placeholder: n, value: r = "", hintText: i, required: a,
1371
1371
  }
1372
1372
  //#endregion
1373
1373
  //#region node_modules/lucide-react/dist/esm/shared/src/utils.js
1374
- var he = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ge = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), X = (e) => {
1375
- let t = ge(e);
1374
+ var ge = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), _e = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), Z = (e) => {
1375
+ let t = _e(e);
1376
1376
  return t.charAt(0).toUpperCase() + t.slice(1);
1377
- }, Z = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), _e = (e) => {
1377
+ }, Q = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), ve = (e) => {
1378
1378
  for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
1379
- }, ve = {
1379
+ }, ye = {
1380
1380
  xmlns: "http://www.w3.org/2000/svg",
1381
1381
  width: 24,
1382
1382
  height: 24,
@@ -1386,28 +1386,28 @@ var he = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ge = (e)
1386
1386
  strokeWidth: 2,
1387
1387
  strokeLinecap: "round",
1388
1388
  strokeLinejoin: "round"
1389
- }, ye = r(({ color: e = "currentColor", size: t = 24, strokeWidth: r = 2, absoluteStrokeWidth: i, className: a = "", children: o, iconNode: s, ...c }, l) => n("svg", {
1389
+ }, be = r(({ color: e = "currentColor", size: t = 24, strokeWidth: r = 2, absoluteStrokeWidth: i, className: a = "", children: o, iconNode: s, ...c }, l) => n("svg", {
1390
1390
  ref: l,
1391
- ...ve,
1391
+ ...ye,
1392
1392
  width: t,
1393
1393
  height: t,
1394
1394
  stroke: e,
1395
1395
  strokeWidth: i ? Number(r) * 24 / Number(t) : r,
1396
- className: Z("lucide", a),
1397
- ...!o && !_e(c) && { "aria-hidden": "true" },
1396
+ className: Q("lucide", a),
1397
+ ...!o && !ve(c) && { "aria-hidden": "true" },
1398
1398
  ...c
1399
- }, [...s.map(([e, t]) => n(e, t)), ...Array.isArray(o) ? o : [o]])), Q = (e, t) => {
1400
- let i = r(({ className: r, ...i }, a) => n(ye, {
1399
+ }, [...s.map(([e, t]) => n(e, t)), ...Array.isArray(o) ? o : [o]])), $ = (e, t) => {
1400
+ let i = r(({ className: r, ...i }, a) => n(be, {
1401
1401
  ref: a,
1402
1402
  iconNode: t,
1403
- className: Z(`lucide-${he(X(e))}`, `lucide-${e}`, r),
1403
+ className: Q(`lucide-${ge(Z(e))}`, `lucide-${e}`, r),
1404
1404
  ...i
1405
1405
  }));
1406
- return i.displayName = X(e), i;
1407
- }, be = Q("check", [["path", {
1406
+ return i.displayName = Z(e), i;
1407
+ }, xe = $("check", [["path", {
1408
1408
  d: "M20 6 9 17l-5-5",
1409
1409
  key: "1gmf2c"
1410
- }]]), $ = Q("file-text", [
1410
+ }]]), Se = $("file-text", [
1411
1411
  ["path", {
1412
1412
  d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",
1413
1413
  key: "1rqfz7"
@@ -1428,10 +1428,10 @@ var he = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ge = (e)
1428
1428
  d: "M16 17H8",
1429
1429
  key: "z1uh3a"
1430
1430
  }]
1431
- ]), xe = Q("minus", [["path", {
1431
+ ]), Ce = $("minus", [["path", {
1432
1432
  d: "M5 12h14",
1433
1433
  key: "1ays0h"
1434
- }]]), Se = Q("upload", [
1434
+ }]]), we = $("upload", [
1435
1435
  ["path", {
1436
1436
  d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
1437
1437
  key: "ih7n3h"
@@ -1447,7 +1447,7 @@ var he = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ge = (e)
1447
1447
  y2: "15",
1448
1448
  key: "widbto"
1449
1449
  }]
1450
- ]), Ce = Q("x", [["path", {
1450
+ ]), Te = $("x", [["path", {
1451
1451
  d: "M18 6 6 18",
1452
1452
  key: "1bl5f8"
1453
1453
  }], ["path", {
@@ -1456,32 +1456,32 @@ var he = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ge = (e)
1456
1456
  }]]);
1457
1457
  //#endregion
1458
1458
  //#region src/checkbox.tsx
1459
- function we({ label: t, checked: n = !1, indeterminate: r = !1, disabled: i, hintText: a, onChange: o }) {
1460
- let l = e.useId();
1461
- return /* @__PURE__ */ c("div", {
1459
+ function Ee({ label: t, checked: n = !1, indeterminate: r = !1, disabled: i, hintText: a, onChange: o }) {
1460
+ let s = e.useId();
1461
+ return /* @__PURE__ */ u("div", {
1462
1462
  className: "flex flex-col gap-1",
1463
- children: [/* @__PURE__ */ c("label", {
1464
- htmlFor: l,
1465
- className: Y("flex items-center gap-2 cursor-pointer", i && "opacity-50 cursor-not-allowed"),
1463
+ children: [/* @__PURE__ */ u("label", {
1464
+ htmlFor: s,
1465
+ className: X("flex items-center gap-2 cursor-pointer", i && "opacity-50 cursor-not-allowed"),
1466
1466
  children: [
1467
- /* @__PURE__ */ s("input", {
1468
- id: l,
1467
+ /* @__PURE__ */ l("input", {
1468
+ id: s,
1469
1469
  type: "checkbox",
1470
1470
  checked: n,
1471
1471
  disabled: i,
1472
1472
  onChange: (e) => o?.(e.target.checked),
1473
1473
  className: "hidden"
1474
1474
  }),
1475
- /* @__PURE__ */ s("div", {
1476
- className: Y("w-4 h-4 flex items-center justify-center rounded border transition", n || r ? "bg-primary text-white border-primary" : "bg-white border-gray-300"),
1477
- children: r ? /* @__PURE__ */ s(xe, { size: 12 }) : n ? /* @__PURE__ */ s(be, { size: 12 }) : null
1475
+ /* @__PURE__ */ l("div", {
1476
+ className: X("w-4 h-4 flex items-center justify-center rounded border transition", n || r ? "bg-primary text-white border-primary" : "bg-white border-gray-300"),
1477
+ children: r ? /* @__PURE__ */ l(Ce, { size: 12 }) : n ? /* @__PURE__ */ l(xe, { size: 12 }) : null
1478
1478
  }),
1479
- t && /* @__PURE__ */ s("span", {
1479
+ t && /* @__PURE__ */ l("span", {
1480
1480
  className: "text-sm",
1481
1481
  children: t
1482
1482
  })
1483
1483
  ]
1484
- }), a && /* @__PURE__ */ s("span", {
1484
+ }), a && /* @__PURE__ */ l("span", {
1485
1485
  className: "text-xs text-gray-500",
1486
1486
  children: a
1487
1487
  })]
@@ -1489,8 +1489,8 @@ function we({ label: t, checked: n = !1, indeterminate: r = !1, disabled: i, hin
1489
1489
  }
1490
1490
  //#endregion
1491
1491
  //#region src/file.tsx
1492
- function Te({ multiple: t, maxSize: n = 5, acceptedFormats: r, onChange: i }) {
1493
- let [a, o] = e.useState([]), [l, u] = e.useState(!1), d = (e) => {
1492
+ function De({ multiple: t, maxSize: n = 5, acceptedFormats: r, onChange: i }) {
1493
+ let [a, o] = e.useState([]), [s, c] = e.useState(!1), d = (e) => {
1494
1494
  if (!e) return;
1495
1495
  let s = Array.from(e).filter((e) => {
1496
1496
  let t = e.size / 1024 / 1024 <= n, i = r ? r.includes(e.type) : !0;
@@ -1498,24 +1498,24 @@ function Te({ multiple: t, maxSize: n = 5, acceptedFormats: r, onChange: i }) {
1498
1498
  }), c = t ? [...a, ...s] : s;
1499
1499
  o(c), i?.(c);
1500
1500
  };
1501
- return /* @__PURE__ */ c("div", {
1501
+ return /* @__PURE__ */ u("div", {
1502
1502
  className: "space-y-3",
1503
- children: [/* @__PURE__ */ c("div", {
1503
+ children: [/* @__PURE__ */ u("div", {
1504
1504
  onDragOver: (e) => {
1505
- e.preventDefault(), u(!0);
1505
+ e.preventDefault(), c(!0);
1506
1506
  },
1507
- onDragLeave: () => u(!1),
1507
+ onDragLeave: () => c(!1),
1508
1508
  onDrop: (e) => {
1509
- e.preventDefault(), u(!1), d(e.dataTransfer.files);
1509
+ e.preventDefault(), c(!1), d(e.dataTransfer.files);
1510
1510
  },
1511
- className: Y("border-2 border-dashed rounded-lg p-6 text-center transition", l ? "border-primary bg-primary/5" : "border-gray-300"),
1511
+ className: X("border-2 border-dashed rounded-lg p-6 text-center transition", s ? "border-primary bg-primary/5" : "border-gray-300"),
1512
1512
  children: [
1513
- /* @__PURE__ */ s(Se, { className: "mx-auto mb-2" }),
1514
- /* @__PURE__ */ s("p", {
1513
+ /* @__PURE__ */ l(we, { className: "mx-auto mb-2" }),
1514
+ /* @__PURE__ */ l("p", {
1515
1515
  className: "text-sm font-medium",
1516
1516
  children: "Arrastra o selecciona un archivo"
1517
1517
  }),
1518
- /* @__PURE__ */ c("p", {
1518
+ /* @__PURE__ */ u("p", {
1519
1519
  className: "text-xs text-gray-500",
1520
1520
  children: [
1521
1521
  "Máx ",
@@ -1523,30 +1523,30 @@ function Te({ multiple: t, maxSize: n = 5, acceptedFormats: r, onChange: i }) {
1523
1523
  "MB"
1524
1524
  ]
1525
1525
  }),
1526
- /* @__PURE__ */ s("input", {
1526
+ /* @__PURE__ */ l("input", {
1527
1527
  type: "file",
1528
1528
  multiple: t,
1529
1529
  onChange: (e) => d(e.target.files),
1530
1530
  className: "hidden",
1531
1531
  id: "file-upload"
1532
1532
  }),
1533
- /* @__PURE__ */ s("label", {
1533
+ /* @__PURE__ */ l("label", {
1534
1534
  htmlFor: "file-upload",
1535
1535
  className: "inline-block mt-3 px-4 py-2 border rounded cursor-pointer",
1536
1536
  children: "Seleccionar"
1537
1537
  })
1538
1538
  ]
1539
- }), /* @__PURE__ */ s("div", {
1539
+ }), /* @__PURE__ */ l("div", {
1540
1540
  className: "space-y-2",
1541
- children: a.map((e, t) => /* @__PURE__ */ c("div", {
1541
+ children: a.map((e, t) => /* @__PURE__ */ u("div", {
1542
1542
  className: "flex items-center justify-between border p-2 rounded",
1543
- children: [/* @__PURE__ */ c("div", {
1543
+ children: [/* @__PURE__ */ u("div", {
1544
1544
  className: "flex items-center gap-2",
1545
- children: [/* @__PURE__ */ s($, { size: 16 }), /* @__PURE__ */ s("span", {
1545
+ children: [/* @__PURE__ */ l(Se, { size: 16 }), /* @__PURE__ */ l("span", {
1546
1546
  className: "text-sm",
1547
1547
  children: e.name
1548
1548
  })]
1549
- }), /* @__PURE__ */ s(Ce, {
1549
+ }), /* @__PURE__ */ l(Te, {
1550
1550
  size: 16,
1551
1551
  className: "cursor-pointer",
1552
1552
  onClick: () => {
@@ -1560,7 +1560,7 @@ function Te({ multiple: t, maxSize: n = 5, acceptedFormats: r, onChange: i }) {
1560
1560
  }
1561
1561
  //#endregion
1562
1562
  //#region src/fileItem.tsx
1563
- var Ee = ({ title: e, subtitle: n, iconFile: r, loading: i = !1, state: a = "default", dropdownOptions: l = [], onMenuClick: u }) => {
1563
+ var Oe = ({ title: e, subtitle: n, iconFile: r, loading: i = !1, state: a = "default", dropdownOptions: o = [], onMenuClick: s }) => {
1564
1564
  let [d, f] = t.useState(!1), p = t.useRef(null), m = i || a === "loading";
1565
1565
  return t.useEffect(() => {
1566
1566
  function e(e) {
@@ -1569,55 +1569,55 @@ var Ee = ({ title: e, subtitle: n, iconFile: r, loading: i = !1, state: a = "def
1569
1569
  return document.addEventListener("mousedown", e), () => {
1570
1570
  document.removeEventListener("mousedown", e);
1571
1571
  };
1572
- }, []), /* @__PURE__ */ c("div", {
1572
+ }, []), /* @__PURE__ */ u("div", {
1573
1573
  className: "relative w-[380px] rounded-xl border border-orange-500 bg-white px-4 py-4 flex items-start justify-between shadow-sm hover:shadow-md transition-all duration-200",
1574
- children: [/* @__PURE__ */ c("div", {
1574
+ children: [/* @__PURE__ */ u("div", {
1575
1575
  className: "flex items-start gap-3",
1576
- children: [/* @__PURE__ */ s("div", {
1576
+ children: [/* @__PURE__ */ l("div", {
1577
1577
  className: "shrink-0",
1578
1578
  children: r
1579
- }), /* @__PURE__ */ c("div", {
1579
+ }), /* @__PURE__ */ u("div", {
1580
1580
  className: "flex flex-col",
1581
- children: [/* @__PURE__ */ s("span", {
1581
+ children: [/* @__PURE__ */ l("span", {
1582
1582
  className: "text-sm font-semibold text-gray-900",
1583
1583
  children: e
1584
- }), /* @__PURE__ */ c("div", {
1584
+ }), /* @__PURE__ */ u("div", {
1585
1585
  className: "flex items-center gap-2 text-sm text-gray-500 mt-1",
1586
- children: [/* @__PURE__ */ s("span", { children: n }), m && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("span", {
1586
+ children: [/* @__PURE__ */ l("span", { children: n }), m && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("span", {
1587
1587
  className: "animate-spin text-orange-500",
1588
1588
  children: "✴"
1589
- }), /* @__PURE__ */ s("span", {
1589
+ }), /* @__PURE__ */ l("span", {
1590
1590
  className: "text-orange-500 font-medium",
1591
1591
  children: "Loading..."
1592
1592
  })] })]
1593
1593
  })]
1594
1594
  })]
1595
- }), /* @__PURE__ */ c("div", {
1595
+ }), /* @__PURE__ */ u("div", {
1596
1596
  className: "relative",
1597
1597
  ref: p,
1598
- children: [/* @__PURE__ */ s("button", {
1598
+ children: [/* @__PURE__ */ l("button", {
1599
1599
  onClick: () => {
1600
- f(!d), u?.();
1600
+ f(!d), s?.();
1601
1601
  },
1602
1602
  className: "flex items-center justify-center w-9 h-9 rounded-lg hover:bg-orange-50 text-orange-500 transition-colors duration-200",
1603
- children: /* @__PURE__ */ s("span", {
1603
+ children: /* @__PURE__ */ l("span", {
1604
1604
  className: "text-xl leading-none",
1605
1605
  children: "⋯"
1606
1606
  })
1607
- }), d && l.length > 0 && /* @__PURE__ */ s("div", {
1607
+ }), d && o.length > 0 && /* @__PURE__ */ l("div", {
1608
1608
  className: "absolute right-0 mt-2 w-44 rounded-2xl border border-gray-200 bg-white shadow-xl z-20 overflow-hidden animate-in fade-in zoom-in-95 duration-150",
1609
- children: /* @__PURE__ */ s("div", {
1609
+ children: /* @__PURE__ */ l("div", {
1610
1610
  className: "py-2",
1611
- children: l.map((e, t) => /* @__PURE__ */ c("button", {
1611
+ children: o.map((e, t) => /* @__PURE__ */ u("button", {
1612
1612
  onClick: () => {
1613
1613
  e.onClick?.(), f(!1);
1614
1614
  },
1615
1615
  className: `w-full flex items-center gap-3 px-4 py-3 text-sm transition-colors duration-150
1616
1616
  ${e.danger ? "text-red-500 hover:bg-red-50" : "text-gray-700 hover:bg-orange-50 hover:text-orange-600"}`,
1617
- children: [/* @__PURE__ */ s("span", {
1617
+ children: [/* @__PURE__ */ l("span", {
1618
1618
  className: "shrink-0",
1619
1619
  children: e.icon
1620
- }), /* @__PURE__ */ s("span", {
1620
+ }), /* @__PURE__ */ l("span", {
1621
1621
  className: "font-medium",
1622
1622
  children: e.label
1623
1623
  })]
@@ -1626,20 +1626,20 @@ var Ee = ({ title: e, subtitle: n, iconFile: r, loading: i = !1, state: a = "def
1626
1626
  })]
1627
1627
  })]
1628
1628
  });
1629
- }, De = ({ children: e, onClick: t }) => /* @__PURE__ */ s("div", {
1629
+ }, ke = ({ children: e, onClick: t }) => /* @__PURE__ */ l("div", {
1630
1630
  onClick: t,
1631
1631
  className: "\n w-full\n bg-white\n rounded-2xl\n border border-gray-200\n shadow-sm\n hover:shadow-md\n transition-all duration-200\n overflow-hidden\n ",
1632
- children: /* @__PURE__ */ s("div", {
1632
+ children: /* @__PURE__ */ l("div", {
1633
1633
  className: "\n min-h-[72px]\n px-6\n py-4\n flex\n items-center\n justify-between\n ",
1634
- children: e || /* @__PURE__ */ c(o, { children: [
1635
- /* @__PURE__ */ s("div", { className: "flex-1 h-5 rounded-md bg-gray-100" }),
1636
- /* @__PURE__ */ s("div", { className: "w-24 h-5 rounded-md bg-gray-100 ml-6" }),
1637
- /* @__PURE__ */ s("div", { className: "w-24 h-5 rounded-md bg-gray-100 ml-6" }),
1638
- /* @__PURE__ */ s("div", { className: "w-32 h-5 rounded-md bg-gray-100 ml-6" }),
1639
- /* @__PURE__ */ s("div", { className: "w-6 h-6 rounded-md bg-gray-100 ml-6" })
1634
+ children: e || /* @__PURE__ */ u(c, { children: [
1635
+ /* @__PURE__ */ l("div", { className: "flex-1 h-5 rounded-md bg-gray-100" }),
1636
+ /* @__PURE__ */ l("div", { className: "w-24 h-5 rounded-md bg-gray-100 ml-6" }),
1637
+ /* @__PURE__ */ l("div", { className: "w-24 h-5 rounded-md bg-gray-100 ml-6" }),
1638
+ /* @__PURE__ */ l("div", { className: "w-32 h-5 rounded-md bg-gray-100 ml-6" }),
1639
+ /* @__PURE__ */ l("div", { className: "w-6 h-6 rounded-md bg-gray-100 ml-6" })
1640
1640
  ] })
1641
1641
  })
1642
- }), Oe = ({ open: e, onClose: t, variant: n = "content", title: r, description: i, children: a, primaryAction: o, secondaryAction: u, size: d = "medium" }) => {
1642
+ }), Ae = ({ open: e, onClose: t, variant: n = "content", title: r, description: i, children: a, primaryAction: o, secondaryAction: s, size: c = "medium" }) => {
1643
1643
  if (!e) return null;
1644
1644
  let f = {
1645
1645
  small: "w-[360px]",
@@ -1667,15 +1667,15 @@ var Ee = ({ title: e, subtitle: n, iconFile: r, loading: i = !1, state: a = "def
1667
1667
  text: "text-gray-500"
1668
1668
  }
1669
1669
  }[n];
1670
- return /* @__PURE__ */ c("div", {
1670
+ return /* @__PURE__ */ u("div", {
1671
1671
  className: "fixed inset-0 z-50 flex items-center justify-center",
1672
- children: [/* @__PURE__ */ s("div", {
1672
+ children: [/* @__PURE__ */ l("div", {
1673
1673
  className: "absolute inset-0 backdrop-blur-sm bg-black/20",
1674
1674
  onClick: t
1675
- }), /* @__PURE__ */ c("div", {
1675
+ }), /* @__PURE__ */ u("div", {
1676
1676
  className: `
1677
1677
  relative z-10
1678
- ${f[d]}
1678
+ ${f[c]}
1679
1679
  bg-white
1680
1680
  rounded-2xl
1681
1681
  shadow-2xl
@@ -1684,10 +1684,10 @@ var Ee = ({ title: e, subtitle: n, iconFile: r, loading: i = !1, state: a = "def
1684
1684
  animate-in fade-in zoom-in-95 duration-200
1685
1685
  `,
1686
1686
  children: [
1687
- /* @__PURE__ */ c("div", {
1687
+ /* @__PURE__ */ u("div", {
1688
1688
  className: "px-6 pt-6 pb-4 text-center",
1689
1689
  children: [
1690
- /* @__PURE__ */ s("div", {
1690
+ /* @__PURE__ */ l("div", {
1691
1691
  className: `
1692
1692
  w-14 h-14 mx-auto mb-4 rounded-full
1693
1693
  flex items-center justify-center
@@ -1697,29 +1697,29 @@ var Ee = ({ title: e, subtitle: n, iconFile: r, loading: i = !1, state: a = "def
1697
1697
  `,
1698
1698
  children: p.icon
1699
1699
  }),
1700
- /* @__PURE__ */ s("h2", {
1700
+ /* @__PURE__ */ l("h2", {
1701
1701
  className: "text-lg font-semibold text-gray-900",
1702
1702
  children: r
1703
1703
  }),
1704
- i && /* @__PURE__ */ s("p", {
1704
+ i && /* @__PURE__ */ l("p", {
1705
1705
  className: "mt-2 text-sm text-gray-500",
1706
1706
  children: i
1707
1707
  })
1708
1708
  ]
1709
1709
  }),
1710
- a && /* @__PURE__ */ s("div", {
1710
+ a && /* @__PURE__ */ l("div", {
1711
1711
  className: "px-6 pb-6",
1712
1712
  children: a
1713
1713
  }),
1714
- (o || u) && /* @__PURE__ */ c("div", {
1714
+ (o || s) && /* @__PURE__ */ u("div", {
1715
1715
  className: "flex justify-end gap-3 px-6 py-4 bg-gray-50 border-t border-gray-100",
1716
- children: [u && /* @__PURE__ */ s(l, {
1717
- text: u.text,
1716
+ children: [s && /* @__PURE__ */ l(d, {
1717
+ text: s.text,
1718
1718
  variant: "secondary",
1719
1719
  size: "medium",
1720
1720
  state: "default",
1721
- onClick: u.onClick
1722
- }), o && /* @__PURE__ */ s(l, {
1721
+ onClick: s.onClick
1722
+ }), o && /* @__PURE__ */ l(d, {
1723
1723
  text: o.text,
1724
1724
  variant: "primary",
1725
1725
  size: "medium",
@@ -1730,95 +1730,95 @@ var Ee = ({ title: e, subtitle: n, iconFile: r, loading: i = !1, state: a = "def
1730
1730
  ]
1731
1731
  })]
1732
1732
  });
1733
- }, ke = ({ active: e, blur: t = 8, overlayOpacity: n = .35, children: r }) => e ? /* @__PURE__ */ c("div", {
1733
+ }, je = ({ active: e, blur: t = 8, overlayOpacity: n = .35, children: r }) => e ? /* @__PURE__ */ u("div", {
1734
1734
  className: "fixed inset-0 z-40",
1735
- children: [/* @__PURE__ */ s("div", {
1735
+ children: [/* @__PURE__ */ l("div", {
1736
1736
  className: "absolute inset-0 backdrop-blur-sm",
1737
1737
  style: {
1738
1738
  backdropFilter: `blur(${t}px)`,
1739
1739
  backgroundColor: `rgba(255,255,255,${n})`
1740
1740
  }
1741
- }), /* @__PURE__ */ s("div", {
1741
+ }), /* @__PURE__ */ l("div", {
1742
1742
  className: "relative z-50 flex items-center justify-center w-full h-full",
1743
1743
  children: r
1744
1744
  })]
1745
1745
  }) : null;
1746
1746
  //#endregion
1747
1747
  //#region src/table.tsx
1748
- function Ae({ columns: e, data: t, itemsPerPage: n = 5 }) {
1749
- let [r, o] = a(1), [l, u] = a({}), d = (e, t) => {
1750
- u((n) => ({
1748
+ function Me({ columns: e, data: t, itemsPerPage: n = 5 }) {
1749
+ let [r, i] = s(1), [o, c] = s({}), d = (e, t) => {
1750
+ c((n) => ({
1751
1751
  ...n,
1752
1752
  [e]: t
1753
- })), o(1);
1754
- }, f = i(() => t.filter((t) => e.every((e) => {
1755
- let n = l[e.key]?.toLowerCase() || "";
1753
+ })), i(1);
1754
+ }, f = a(() => t.filter((t) => e.every((e) => {
1755
+ let n = o[e.key]?.toLowerCase() || "";
1756
1756
  return n ? String(t[e.key]).toLowerCase().includes(n) : !0;
1757
1757
  })), [
1758
1758
  t,
1759
- l,
1759
+ o,
1760
1760
  e
1761
1761
  ]), p = Math.max(1, Math.ceil(f.length / n)), m = (r - 1) * n, h = f.slice(m, m + n), g = (e) => {
1762
- e >= 1 && e <= p && o(e);
1762
+ e >= 1 && e <= p && i(e);
1763
1763
  };
1764
- return /* @__PURE__ */ s("div", {
1764
+ return /* @__PURE__ */ l("div", {
1765
1765
  className: "w-full p-4",
1766
- children: /* @__PURE__ */ c("div", {
1766
+ children: /* @__PURE__ */ u("div", {
1767
1767
  className: "border rounded-2xl overflow-hidden shadow",
1768
- children: [/* @__PURE__ */ c("table", {
1768
+ children: [/* @__PURE__ */ u("table", {
1769
1769
  className: "w-full border-collapse",
1770
- children: [/* @__PURE__ */ c("thead", {
1770
+ children: [/* @__PURE__ */ u("thead", {
1771
1771
  className: "bg-gray-100",
1772
- children: [/* @__PURE__ */ c("tr", { children: [e.map((e) => /* @__PURE__ */ s("th", {
1772
+ children: [/* @__PURE__ */ u("tr", { children: [e.map((e) => /* @__PURE__ */ l("th", {
1773
1773
  className: "text-left p-3 text-sm font-semibold text-gray-600",
1774
1774
  children: e.label
1775
- }, e.key)), /* @__PURE__ */ s("th", { className: "p-3" })] }), /* @__PURE__ */ c("tr", { children: [e.map((e) => /* @__PURE__ */ s("th", {
1775
+ }, e.key)), /* @__PURE__ */ l("th", { className: "p-3" })] }), /* @__PURE__ */ u("tr", { children: [e.map((e) => /* @__PURE__ */ l("th", {
1776
1776
  className: "p-2",
1777
- children: /* @__PURE__ */ s("input", {
1777
+ children: /* @__PURE__ */ l("input", {
1778
1778
  type: "text",
1779
1779
  placeholder: "Buscar...",
1780
- value: l[e.key] || "",
1780
+ value: o[e.key] || "",
1781
1781
  onChange: (t) => d(e.key, t.target.value),
1782
1782
  className: "w-full px-2 py-1 border rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-red-400"
1783
1783
  })
1784
- }, e.key)), /* @__PURE__ */ s("th", {})] })]
1785
- }), /* @__PURE__ */ s("tbody", { children: h.length === 0 ? /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", {
1784
+ }, e.key)), /* @__PURE__ */ l("th", {})] })]
1785
+ }), /* @__PURE__ */ l("tbody", { children: h.length === 0 ? /* @__PURE__ */ l("tr", { children: /* @__PURE__ */ l("td", {
1786
1786
  colSpan: e.length + 1,
1787
1787
  className: "p-4 text-center text-sm text-gray-500",
1788
1788
  children: "No hay resultados"
1789
- }) }) : h.map((t, n) => /* @__PURE__ */ c("tr", {
1789
+ }) }) : h.map((t, n) => /* @__PURE__ */ u("tr", {
1790
1790
  className: "border-t hover:bg-gray-50 transition",
1791
- children: [e.map((e) => /* @__PURE__ */ s("td", {
1791
+ children: [e.map((e) => /* @__PURE__ */ l("td", {
1792
1792
  className: "p-3 text-sm",
1793
1793
  children: t[e.key]
1794
- }, e.key)), /* @__PURE__ */ s("td", {
1794
+ }, e.key)), /* @__PURE__ */ l("td", {
1795
1795
  className: "p-3 text-right",
1796
1796
  children: "•••"
1797
1797
  })]
1798
1798
  }, t.id ?? n)) })]
1799
- }), /* @__PURE__ */ c("div", {
1799
+ }), /* @__PURE__ */ u("div", {
1800
1800
  className: "flex items-center justify-between p-3 text-sm",
1801
- children: [/* @__PURE__ */ c("span", { children: [
1801
+ children: [/* @__PURE__ */ u("span", { children: [
1802
1802
  "Mostrando ",
1803
1803
  h.length,
1804
1804
  " de ",
1805
1805
  f.length,
1806
1806
  " resultados"
1807
- ] }), /* @__PURE__ */ c("div", {
1807
+ ] }), /* @__PURE__ */ u("div", {
1808
1808
  className: "flex gap-2 items-center",
1809
1809
  children: [
1810
- /* @__PURE__ */ s("button", {
1810
+ /* @__PURE__ */ l("button", {
1811
1811
  onClick: () => g(r - 1),
1812
1812
  className: "px-2 py-1 border rounded disabled:opacity-50",
1813
1813
  disabled: r === 1,
1814
1814
  children: "<"
1815
1815
  }),
1816
- Array.from({ length: p }).map((e, t) => /* @__PURE__ */ s("button", {
1816
+ Array.from({ length: p }).map((e, t) => /* @__PURE__ */ l("button", {
1817
1817
  onClick: () => g(t + 1),
1818
1818
  className: `px-3 py-1 rounded ${r === t + 1 ? "bg-red-500 text-white" : "border"}`,
1819
1819
  children: t + 1
1820
1820
  }, t)),
1821
- /* @__PURE__ */ s("button", {
1821
+ /* @__PURE__ */ l("button", {
1822
1822
  onClick: () => g(r + 1),
1823
1823
  className: "px-2 py-1 border rounded disabled:opacity-50",
1824
1824
  disabled: r === p,
@@ -1831,4 +1831,89 @@ function Ae({ columns: e, data: t, itemsPerPage: n = 5 }) {
1831
1831
  });
1832
1832
  }
1833
1833
  //#endregion
1834
- export { ke as BackgroundBlur, l as Button, De as CardRow, we as Checkbox, Ee as FileItem, Te as FileUpload, u as Input, Oe as Modal, Ae as Table, me as TextArea };
1834
+ //#region src/Select.tsx
1835
+ var Ne = ({ options: e, multiple: t = !1, placeholder: n = "Select...", label: r, required: a, hint: c, value: d, onChange: f }) => {
1836
+ let [p, m] = s(!1), [h, g] = s(""), _ = o(null), v = (e) => t && Array.isArray(d) ? d.includes(e) : d === e, y = (e) => {
1837
+ if (t) {
1838
+ let t = Array.isArray(d) ? [...d] : [];
1839
+ t.includes(e) ? t = t.filter((t) => t !== e) : t.push(e), f?.(t);
1840
+ } else f?.(e), m(!1);
1841
+ }, b = (e) => {
1842
+ !t || !Array.isArray(d) || f?.(d.filter((t) => t !== e));
1843
+ }, x = e.filter((e) => e.label.toLowerCase().includes(h.toLowerCase()));
1844
+ return i(() => {
1845
+ let e = (e) => {
1846
+ _.current?.contains(e.target) || m(!1);
1847
+ };
1848
+ return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
1849
+ }, []), /* @__PURE__ */ u("div", {
1850
+ className: "w-[300px] text-sm",
1851
+ ref: _,
1852
+ children: [
1853
+ r && /* @__PURE__ */ u("label", {
1854
+ className: "block mb-1 font-medium",
1855
+ children: [
1856
+ r,
1857
+ " ",
1858
+ a && /* @__PURE__ */ l("span", {
1859
+ className: "text-red-500",
1860
+ children: "*"
1861
+ })
1862
+ ]
1863
+ }),
1864
+ /* @__PURE__ */ l("div", {
1865
+ className: "border rounded-lg px-3 py-2 flex flex-wrap gap-2 items-center cursor-pointer",
1866
+ onClick: () => m(!p),
1867
+ children: t && Array.isArray(d) ? d.length > 0 ? d.map((t) => /* @__PURE__ */ u("span", {
1868
+ className: "bg-gray-200 px-2 py-1 rounded flex items-center gap-1",
1869
+ children: [e.find((e) => e.value === t)?.label, /* @__PURE__ */ l("button", {
1870
+ onClick: (e) => {
1871
+ e.stopPropagation(), b(t);
1872
+ },
1873
+ children: "×"
1874
+ })]
1875
+ }, t)) : /* @__PURE__ */ l("span", {
1876
+ className: "text-gray-400",
1877
+ children: n
1878
+ }) : /* @__PURE__ */ l("span", { children: e.find((e) => e.value === d)?.label || /* @__PURE__ */ l("span", {
1879
+ className: "text-gray-400",
1880
+ children: n
1881
+ }) })
1882
+ }),
1883
+ p && /* @__PURE__ */ u("div", {
1884
+ className: "border rounded-lg mt-2 p-2 bg-white shadow",
1885
+ children: [/* @__PURE__ */ l("input", {
1886
+ type: "text",
1887
+ placeholder: "Buscar...",
1888
+ className: "w-full border px-2 py-1 mb-2 rounded",
1889
+ value: h,
1890
+ onChange: (e) => g(e.target.value)
1891
+ }), /* @__PURE__ */ l("div", {
1892
+ className: "max-h-40 overflow-auto",
1893
+ children: x.map((e) => /* @__PURE__ */ u("div", {
1894
+ className: "flex items-center gap-2 px-2 py-1 hover:bg-gray-100 cursor-pointer",
1895
+ onClick: () => y(e.value),
1896
+ children: [
1897
+ t && /* @__PURE__ */ l("input", {
1898
+ type: "checkbox",
1899
+ checked: v(e.value),
1900
+ readOnly: !0
1901
+ }),
1902
+ /* @__PURE__ */ l("span", { children: e.label }),
1903
+ !t && v(e.value) && /* @__PURE__ */ l("span", {
1904
+ className: "ml-auto",
1905
+ children: "✔"
1906
+ })
1907
+ ]
1908
+ }, e.value))
1909
+ })]
1910
+ }),
1911
+ c && /* @__PURE__ */ l("p", {
1912
+ className: "text-gray-400 mt-1 text-xs",
1913
+ children: c
1914
+ })
1915
+ ]
1916
+ });
1917
+ };
1918
+ //#endregion
1919
+ export { je as BackgroundBlur, d as Button, ke as CardRow, Ee as Checkbox, Oe as FileItem, De as FileUpload, f as Input, Ae as Modal, Ne as Select, Me as Table, he as TextArea };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "componenteszw-package",
3
- "version": "1.0.15",
3
+ "version": "1.0.16",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",