componenteszw-package 1.0.13 → 1.0.15

package/dist/index.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-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-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}.-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-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-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-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-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-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)}}@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)}}
+@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)}}

package/dist/index.d.ts

@@ -7,3 +7,4 @@ export { FileItem } from './fileItem';
 export { CardRow } from './Card';
 export { Modal } from './Modal';
 export { BackgroundBlur } from './Blur';
+export { Table } from './table';

package/dist/index.js

@@ -1,11 +1,11 @@
 import * as e from "react";
-import t, { createElement as n, forwardRef as r } from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import t, { createElement as n, forwardRef as r, useMemo as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/button.tsx
-var s = ({ text: e, iconLeft: t, iconRight: n, variant: r = "primary", size: i = "medium", state: s = "default", disabled: c = !1, onClick: l, type: u = "button", className: d = "" }) => /* @__PURE__ */ o("button", {
+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", {
 	type: u,
 	onClick: l,
-	disabled: c,
+	disabled: o,
 	className: `
         
     flex items-center justify-center gap-2 rounded-md font-medium
@@ -30,38 +30,38 @@ var s = ({ text: e, iconLeft: t, iconRight: n, variant: r = "primary", size: i =
 		hover: "brightness-90",
 		focus: "ring-2 ring-offset-2",
 		disabled: "opacity-50 cursor-not-allowed"
-	}[s]}
-        ${c ? "opacity-50 cursor-not-allowed" : ""}
+	}[a]}
+        ${o ? "opacity-50 cursor-not-allowed" : ""}
         ${d}
       `,
 	children: [
-		t && /* @__PURE__ */ a("span", {
+		t && /* @__PURE__ */ s("span", {
 			className: "flex items-center",
 			children: t
 		}),
-		e && /* @__PURE__ */ a("span", { children: e }),
-		n && /* @__PURE__ */ a("span", {
+		e && /* @__PURE__ */ s("span", { children: e }),
+		n && /* @__PURE__ */ s("span", {
 			className: "flex items-center",
 			children: n
 		})
 	]
-}), c = ({ label: e, placeholder: t, value: n, hintText: r, required: i, state: s = "default", size: c = "medium", type: l = "text", iconRight: u, disabled: d, onChange: f, className: p = "" }) => /* @__PURE__ */ o("div", {
+}), 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", {
 	className: "flex flex-col gap-1 w-full",
 	children: [
-		e && /* @__PURE__ */ o("label", {
+		e && /* @__PURE__ */ c("label", {
 			className: "text-sm font-medium",
 			children: [
 				e,
 				" ",
-				i && /* @__PURE__ */ a("span", {
+				i && /* @__PURE__ */ s("span", {
 					className: "text-red-500",
 					children: "*"
 				})
 			]
 		}),
-		/* @__PURE__ */ o("div", {
+		/* @__PURE__ */ c("div", {
 			className: "relative",
-			children: [/* @__PURE__ */ a("input", {
+			children: [/* @__PURE__ */ s("input", {
 				type: l,
 				value: n,
 				placeholder: t,
@@ -71,81 +71,81 @@ var s = ({ text: e, iconLeft: t, iconRight: n, variant: r = "primary", size: i =
 					small: "px-2 py-1 text-sm",
 					medium: "px-3 py-2 text-sm",
 					large: "px-4 py-3 text-base"
-				}[c]} ${{
+				}[o]} ${{
 					default: "border-gray-300 focus:border-green-500",
 					error: "border-red-500",
 					disabled: "bg-gray-100 cursor-not-allowed"
-				}[s]} outline-none ${p}`
-			}), u && /* @__PURE__ */ a("div", {
+				}[a]} outline-none ${p}`
+			}), u && /* @__PURE__ */ s("div", {
 				className: "absolute right-3 top-1/2 -translate-y-1/2",
 				children: u
 			})]
 		}),
-		r && /* @__PURE__ */ a("span", {
-			className: `text-xs ${s === "error" ? "text-red-500" : "text-gray-500"}`,
+		r && /* @__PURE__ */ s("span", {
+			className: `text-xs ${a === "error" ? "text-red-500" : "text-gray-500"}`,
 			children: r
 		})
 	]
 });
 //#endregion
 //#region node_modules/clsx/dist/clsx.mjs
-function l(e) {
+function d(e) {
 	var t, n, r = "";
 	if (typeof e == "string" || typeof e == "number") r += e;
 	else if (typeof e == "object") if (Array.isArray(e)) {
 		var i = e.length;
-		for (t = 0; t < i; t++) e[t] && (n = l(e[t])) && (r && (r += " "), r += n);
+		for (t = 0; t < i; t++) e[t] && (n = d(e[t])) && (r && (r += " "), r += n);
 	} else for (n in e) e[n] && (r && (r += " "), r += n);
 	return r;
 }
-function u() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = l(e)) && (r && (r += " "), r += t);
+function f() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = d(e)) && (r && (r += " "), r += t);
 	return r;
 }
 //#endregion
 //#region node_modules/tailwind-merge/dist/bundle-mjs.mjs
-var d = "-", f = (e) => {
-	let t = g(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
+var p = "-", m = (e) => {
+	let t = v(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
 	return {
 		getClassGroupId: (e) => {
-			let n = e.split(d);
-			return n[0] === "" && n.length !== 1 && n.shift(), p(n, t) || h(e);
+			let n = e.split(p);
+			return n[0] === "" && n.length !== 1 && n.shift(), h(n, t) || _(e);
 		},
 		getConflictingClassGroupIds: (e, t) => {
 			let i = n[e] || [];
 			return t && r[e] ? [...i, ...r[e]] : i;
 		}
 	};
-}, p = (e, t) => {
+}, h = (e, t) => {
 	if (e.length === 0) return t.classGroupId;
-	let n = e[0], r = t.nextPart.get(n), i = r ? p(e.slice(1), r) : void 0;
+	let n = e[0], r = t.nextPart.get(n), i = r ? h(e.slice(1), r) : void 0;
 	if (i) return i;
 	if (t.validators.length === 0) return;
-	let a = e.join(d);
+	let a = e.join(p);
 	return t.validators.find(({ validator: e }) => e(a))?.classGroupId;
-}, m = /^\[(.+)\]$/, h = (e) => {
-	if (m.test(e)) {
-		let t = m.exec(e)[1], n = t?.substring(0, t.indexOf(":"));
+}, g = /^\[(.+)\]$/, _ = (e) => {
+	if (g.test(e)) {
+		let t = g.exec(e)[1], n = t?.substring(0, t.indexOf(":"));
 		if (n) return "arbitrary.." + n;
 	}
-}, g = (e) => {
+}, v = (e) => {
 	let { theme: t, prefix: n } = e, r = {
 		nextPart: /* @__PURE__ */ new Map(),
 		validators: []
 	};
-	return b(Object.entries(e.classGroups), n).forEach(([e, n]) => {
-		_(n, r, e, t);
+	return S(Object.entries(e.classGroups), n).forEach(([e, n]) => {
+		y(n, r, e, t);
 	}), r;
-}, _ = (e, t, n, r) => {
+}, y = (e, t, n, r) => {
 	e.forEach((e) => {
 		if (typeof e == "string") {
-			let r = e === "" ? t : v(t, e);
+			let r = e === "" ? t : b(t, e);
 			r.classGroupId = n;
 			return;
 		}
 		if (typeof e == "function") {
-			if (y(e)) {
-				_(e(r), t, n, r);
+			if (x(e)) {
+				y(e(r), t, n, r);
 				return;
 			}
 			t.validators.push({
@@ -155,18 +155,18 @@ var d = "-", f = (e) => {
 			return;
 		}
 		Object.entries(e).forEach(([e, i]) => {
-			_(i, v(t, e), n, r);
+			y(i, b(t, e), n, r);
 		});
 	});
-}, v = (e, t) => {
+}, b = (e, t) => {
 	let n = e;
-	return t.split(d).forEach((e) => {
+	return t.split(p).forEach((e) => {
 		n.nextPart.has(e) || n.nextPart.set(e, {
 			nextPart: /* @__PURE__ */ new Map(),
 			validators: []
 		}), n = n.nextPart.get(e);
 	}), n;
-}, y = (e) => e.isThemeGetter, b = (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, x = (e) => {
+}, 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) => {
 	if (e < 1) return {
 		get: () => void 0,
 		set: () => {}
@@ -184,7 +184,7 @@ var d = "-", f = (e) => {
 			n.has(e) ? n.set(e, t) : i(e, t);
 		}
 	};
-}, S = "!", C = (e) => {
+}, w = "!", T = (e) => {
 	let { separator: t, experimentalParseClassName: n } = e, r = t.length === 1, i = t[0], a = t.length, o = (e) => {
 		let n = [], o = 0, s = 0, c;
 		for (let l = 0; l < e.length; l++) {
@@ -201,7 +201,7 @@ var d = "-", f = (e) => {
 			}
 			u === "[" ? o++ : u === "]" && o--;
 		}
-		let l = n.length === 0 ? e : e.substring(s), u = l.startsWith(S);
+		let l = n.length === 0 ? e : e.substring(s), u = l.startsWith(w);
 		return {
 			modifiers: n,
 			hasImportantModifier: u,
@@ -213,18 +213,18 @@ var d = "-", f = (e) => {
 		className: e,
 		parseClassName: o
 	}) : o;
-}, w = (e) => {
+}, E = (e) => {
 	if (e.length <= 1) return e;
 	let t = [], n = [];
 	return e.forEach((e) => {
 		e[0] === "[" ? (t.push(...n.sort(), e), n = []) : n.push(e);
 	}), t.push(...n.sort()), t;
-}, T = (e) => ({
-	cache: x(e.cacheSize),
-	parseClassName: C(e),
-	...f(e)
-}), E = /\s+/, D = (e, t) => {
-	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i } = t, a = [], o = e.trim().split(E), s = "";
+}, D = (e) => ({
+	cache: C(e.cacheSize),
+	parseClassName: T(e),
+	...m(e)
+}), O = /\s+/, k = (e, t) => {
+	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i } = t, a = [], o = e.trim().split(O), s = "";
 	for (let e = o.length - 1; e >= 0; --e) {
 		let t = o[e], { modifiers: c, hasImportantModifier: l, baseClassName: u, maybePostfixModifierPosition: d } = n(t), f = !!d, p = r(f ? u.substring(0, d) : u);
 		if (!p) {
@@ -238,7 +238,7 @@ var d = "-", f = (e) => {
 			}
 			f = !1;
 		}
-		let m = w(c).join(":"), h = l ? m + S : m, g = h + p;
+		let m = E(c).join(":"), h = l ? m + w : m, g = h + p;
 		if (a.includes(g)) continue;
 		a.push(g);
 		let _ = i(p, f);
@@ -250,48 +250,48 @@ var d = "-", f = (e) => {
 	}
 	return s;
 };
-function O() {
+function A() {
 	let e = 0, t, n, r = "";
-	for (; e < arguments.length;) (t = arguments[e++]) && (n = k(t)) && (r && (r += " "), r += n);
+	for (; e < arguments.length;) (t = arguments[e++]) && (n = j(t)) && (r && (r += " "), r += n);
 	return r;
 }
-var k = (e) => {
+var j = (e) => {
 	if (typeof e == "string") return e;
 	let t, n = "";
-	for (let r = 0; r < e.length; r++) e[r] && (t = k(e[r])) && (n && (n += " "), n += t);
+	for (let r = 0; r < e.length; r++) e[r] && (t = j(e[r])) && (n && (n += " "), n += t);
 	return n;
 };
-function A(e, ...t) {
+function M(e, ...t) {
 	let n, r, i, a = o;
 	function o(o) {
-		return n = T(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o);
+		return n = D(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o);
 	}
 	function s(e) {
 		let t = r(e);
 		if (t) return t;
-		let a = D(e, n);
+		let a = k(e, n);
 		return i(e, a), a;
 	}
 	return function() {
-		return a(O.apply(null, arguments));
+		return a(A.apply(null, arguments));
 	};
 }
-var j = (e) => {
+var N = (e) => {
 	let t = (t) => t[e] || [];
 	return t.isThemeGetter = !0, t;
-}, M = /^\[(?:([a-z-]+):)?(.+)\]$/i, N = /^\d+\/\d+$/, P = /* @__PURE__ */ new Set([
+}, P = /^\[(?:([a-z-]+):)?(.+)\]$/i, F = /^\d+\/\d+$/, I = /* @__PURE__ */ new Set([
 	"px",
 	"full",
 	"screen"
-]), F = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, I = /\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$/, L = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, R = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ee = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, z = (e) => V(e) || P.has(e) || N.test(e), B = (e) => q(e, "length", ce), V = (e) => !!e && !Number.isNaN(Number(e)), H = (e) => q(e, "number", V), U = (e) => !!e && Number.isInteger(Number(e)), te = (e) => e.endsWith("%") && V(e.slice(0, -1)), W = (e) => M.test(e), G = (e) => F.test(e), ne = /* @__PURE__ */ new Set([
+]), 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([
 	"length",
 	"size",
 	"percentage"
-]), re = (e) => q(e, ne, J), ie = (e) => q(e, "position", J), ae = /* @__PURE__ */ new Set(["image", "url"]), oe = (e) => q(e, ae, ue), se = (e) => q(e, "", le), K = () => !0, q = (e, t, n) => {
-	let r = M.exec(e);
+]), 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) => {
+	let r = P.exec(e);
 	return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
-}, ce = (e) => I.test(e) && !L.test(e), J = () => !1, le = (e) => R.test(e), ue = (e) => ee.test(e), de = /* @__PURE__ */ A(() => {
-	let e = j("colors"), t = j("spacing"), n = j("blur"), r = j("brightness"), i = j("borderColor"), a = j("borderRadius"), o = j("borderSpacing"), s = j("borderWidth"), c = j("contrast"), l = j("grayscale"), u = j("hueRotate"), d = j("invert"), f = j("gap"), p = j("gradientColorStops"), m = j("gradientColorStopPositions"), h = j("inset"), g = j("margin"), _ = j("opacity"), v = j("padding"), y = j("saturate"), b = j("scale"), x = j("sepia"), S = j("skew"), C = j("space"), w = j("translate"), T = () => [
+}, ue = (e) => R.test(e) && !ee.test(e), J = () => !1, de = (e) => te.test(e), fe = (e) => ne.test(e), pe = /* @__PURE__ */ M(() => {
+	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 = () => [
 		"auto",
 		"contain",
 		"none"
@@ -313,7 +313,7 @@ var j = (e) => {
 		"auto",
 		V,
 		W
-	], M = () => [
+	], j = () => [
 		"bottom",
 		"center",
 		"left",
@@ -323,7 +323,7 @@ var j = (e) => {
 		"right-bottom",
 		"right-top",
 		"top"
-	], N = () => [
+	], M = () => [
 		"solid",
 		"dashed",
 		"dotted",
@@ -397,7 +397,7 @@ var j = (e) => {
 			invert: I(),
 			gap: O(),
 			gradientColorStops: [e],
-			gradientColorStopPositions: [te, B],
+			gradientColorStopPositions: [re, B],
 			inset: D(),
 			margin: D(),
 			opacity: R(),
@@ -474,7 +474,7 @@ var j = (e) => {
 				"none",
 				"scale-down"
 			] }],
-			"object-position": [{ object: [...M(), W] }],
+			"object-position": [{ object: [...j(), W] }],
 			overflow: [{ overflow: E() }],
 			"overflow-x": [{ "overflow-x": E() }],
 			"overflow-y": [{ "overflow-y": E() }],
@@ -795,7 +795,7 @@ var j = (e) => {
 				"line-through",
 				"no-underline"
 			],
-			"text-decoration-style": [{ decoration: [...N(), "wavy"] }],
+			"text-decoration-style": [{ decoration: [...M(), "wavy"] }],
 			"text-decoration-thickness": [{ decoration: [
 				"auto",
 				"from-font",
@@ -874,7 +874,7 @@ var j = (e) => {
 				"padding",
 				"content"
 			] }],
-			"bg-position": [{ bg: [...M(), ie] }],
+			"bg-position": [{ bg: [...j(), oe] }],
 			"bg-repeat": [{ bg: ["no-repeat", { repeat: [
 				"",
 				"x",
@@ -886,7 +886,7 @@ var j = (e) => {
 				"auto",
 				"cover",
 				"contain",
-				re
+				ae
 			] }],
 			"bg-image": [{ bg: [
 				"none",
@@ -900,7 +900,7 @@ var j = (e) => {
 					"l",
 					"tl"
 				] },
-				oe
+				ce
 			] }],
 			"bg-color": [{ bg: [e] }],
 			"gradient-from-pos": [{ from: [m] }],
@@ -934,13 +934,13 @@ var j = (e) => {
 			"border-w-b": [{ "border-b": [s] }],
 			"border-w-l": [{ "border-l": [s] }],
 			"border-opacity": [{ "border-opacity": [_] }],
-			"border-style": [{ border: [...N(), "hidden"] }],
+			"border-style": [{ border: [...M(), "hidden"] }],
 			"divide-x": [{ "divide-x": [s] }],
 			"divide-x-reverse": ["divide-x-reverse"],
 			"divide-y": [{ "divide-y": [s] }],
 			"divide-y-reverse": ["divide-y-reverse"],
 			"divide-opacity": [{ "divide-opacity": [_] }],
-			"divide-style": [{ divide: N() }],
+			"divide-style": [{ divide: M() }],
 			"border-color": [{ border: [i] }],
 			"border-color-x": [{ "border-x": [i] }],
 			"border-color-y": [{ "border-y": [i] }],
@@ -951,7 +951,7 @@ var j = (e) => {
 			"border-color-b": [{ "border-b": [i] }],
 			"border-color-l": [{ "border-l": [i] }],
 			"divide-color": [{ divide: [i] }],
-			"outline-style": [{ outline: ["", ...N()] }],
+			"outline-style": [{ outline: ["", ...M()] }],
 			"outline-offset": [{ "outline-offset": [z, W] }],
 			"outline-w": [{ outline: [z, B] }],
 			"outline-color": [{ outline: [e] }],
@@ -966,7 +966,7 @@ var j = (e) => {
 				"inner",
 				"none",
 				G,
-				se
+				le
 			] }],
 			"shadow-color": [{ shadow: [K] }],
 			opacity: [{ opacity: [_] }],
@@ -1322,42 +1322,42 @@ var j = (e) => {
 //#endregion
 //#region src/lib/utils.ts
 function Y(...e) {
-	return de(u(e));
+	return pe(f(e));
 }
 //#endregion
 //#region src/textarea.tsx
-function fe({ label: t, placeholder: n, value: r = "", hintText: i, required: s, state: c = "default", maxLength: l, showCounter: u, disabled: d, onChange: f, className: p }) {
+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 }) {
 	let [m, h] = e.useState(r), g = r ?? m;
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ c("div", {
 		className: Y("flex flex-col gap-1", p),
 		children: [
-			t && /* @__PURE__ */ o("label", {
+			t && /* @__PURE__ */ c("label", {
 				className: "text-sm font-medium",
 				children: [
 					t,
 					" ",
-					s && /* @__PURE__ */ a("span", {
+					a && /* @__PURE__ */ s("span", {
 						className: "text-red-500",
 						children: "*"
 					})
 				]
 			}),
-			/* @__PURE__ */ a("textarea", {
+			/* @__PURE__ */ s("textarea", {
 				value: g,
 				placeholder: n,
 				onChange: (e) => {
 					let t = e.target.value;
 					l && t.length > l || (h(t), f?.(t));
 				},
-				disabled: d || c === "disabled",
-				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", c === "error" && "border-red-500 focus:ring-red-500", c === "default" && "border-gray-300", (d || c === "disabled") && "bg-gray-100 cursor-not-allowed opacity-70")
+				disabled: d || o === "disabled",
+				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")
 			}),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ c("div", {
 				className: "flex justify-between items-center text-xs",
-				children: [i && /* @__PURE__ */ a("span", {
-					className: Y(c === "error" ? "text-red-500" : "text-gray-500"),
+				children: [i && /* @__PURE__ */ s("span", {
+					className: Y(o === "error" ? "text-red-500" : "text-gray-500"),
 					children: i
-				}), u && l && /* @__PURE__ */ o("span", {
+				}), u && l && /* @__PURE__ */ c("span", {
 					className: "text-gray-400",
 					children: [
 						g.length,
@@ -1371,12 +1371,12 @@ function fe({ label: t, placeholder: n, value: r = "", hintText: i, required: s,
 }
 //#endregion
 //#region node_modules/lucide-react/dist/esm/shared/src/utils.js
-var pe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), me = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), X = (e) => {
-	let t = me(e);
+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) => {
+	let t = ge(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, Z = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), he = (e) => {
+}, Z = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), _e = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
-}, ge = {
+}, ve = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -1386,28 +1386,28 @@ var pe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), me = (e)
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
-}, _e = r(({ color: e = "currentColor", size: t = 24, strokeWidth: r = 2, absoluteStrokeWidth: i, className: a = "", children: o, iconNode: s, ...c }, l) => n("svg", {
+}, ye = r(({ color: e = "currentColor", size: t = 24, strokeWidth: r = 2, absoluteStrokeWidth: i, className: a = "", children: o, iconNode: s, ...c }, l) => n("svg", {
 	ref: l,
-	...ge,
+	...ve,
 	width: t,
 	height: t,
 	stroke: e,
 	strokeWidth: i ? Number(r) * 24 / Number(t) : r,
 	className: Z("lucide", a),
-	...!o && !he(c) && { "aria-hidden": "true" },
+	...!o && !_e(c) && { "aria-hidden": "true" },
 	...c
 }, [...s.map(([e, t]) => n(e, t)), ...Array.isArray(o) ? o : [o]])), Q = (e, t) => {
-	let i = r(({ className: r, ...i }, a) => n(_e, {
+	let i = r(({ className: r, ...i }, a) => n(ye, {
 		ref: a,
 		iconNode: t,
-		className: Z(`lucide-${pe(X(e))}`, `lucide-${e}`, r),
+		className: Z(`lucide-${he(X(e))}`, `lucide-${e}`, r),
 		...i
 	}));
 	return i.displayName = X(e), i;
-}, ve = Q("check", [["path", {
+}, be = Q("check", [["path", {
 	d: "M20 6 9 17l-5-5",
 	key: "1gmf2c"
-}]]), ye = Q("file-text", [
+}]]), $ = Q("file-text", [
 	["path", {
 		d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",
 		key: "1rqfz7"
@@ -1428,10 +1428,10 @@ var pe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), me = (e)
 		d: "M16 17H8",
 		key: "z1uh3a"
 	}]
-]), be = Q("minus", [["path", {
+]), xe = Q("minus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
-}]]), $ = Q("upload", [
+}]]), Se = Q("upload", [
 	["path", {
 		d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
 		key: "ih7n3h"
@@ -1447,7 +1447,7 @@ var pe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), me = (e)
 		y2: "15",
 		key: "widbto"
 	}]
-]), xe = Q("x", [["path", {
+]), Ce = Q("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"
 }], ["path", {
@@ -1456,51 +1456,51 @@ var pe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), me = (e)
 }]]);
 //#endregion
 //#region src/checkbox.tsx
-function Se({ label: t, checked: n = !1, indeterminate: r = !1, disabled: i, hintText: s, onChange: c }) {
+function we({ label: t, checked: n = !1, indeterminate: r = !1, disabled: i, hintText: a, onChange: o }) {
 	let l = e.useId();
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ c("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ o("label", {
+		children: [/* @__PURE__ */ c("label", {
 			htmlFor: l,
 			className: Y("flex items-center gap-2 cursor-pointer", i && "opacity-50 cursor-not-allowed"),
 			children: [
-				/* @__PURE__ */ a("input", {
+				/* @__PURE__ */ s("input", {
 					id: l,
 					type: "checkbox",
 					checked: n,
 					disabled: i,
-					onChange: (e) => c?.(e.target.checked),
+					onChange: (e) => o?.(e.target.checked),
 					className: "hidden"
 				}),
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ s("div", {
 					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"),
-					children: r ? /* @__PURE__ */ a(be, { size: 12 }) : n ? /* @__PURE__ */ a(ve, { size: 12 }) : null
+					children: r ? /* @__PURE__ */ s(xe, { size: 12 }) : n ? /* @__PURE__ */ s(be, { size: 12 }) : null
 				}),
-				t && /* @__PURE__ */ a("span", {
+				t && /* @__PURE__ */ s("span", {
 					className: "text-sm",
 					children: t
 				})
 			]
-		}), s && /* @__PURE__ */ a("span", {
+		}), a && /* @__PURE__ */ s("span", {
 			className: "text-xs text-gray-500",
-			children: s
+			children: a
 		})]
 	});
 }
 //#endregion
 //#region src/file.tsx
-function Ce({ multiple: t, maxSize: n = 5, acceptedFormats: r, onChange: i }) {
-	let [s, c] = e.useState([]), [l, u] = e.useState(!1), d = (e) => {
+function Te({ multiple: t, maxSize: n = 5, acceptedFormats: r, onChange: i }) {
+	let [a, o] = e.useState([]), [l, u] = e.useState(!1), d = (e) => {
 		if (!e) return;
-		let a = Array.from(e).filter((e) => {
+		let s = Array.from(e).filter((e) => {
 			let t = e.size / 1024 / 1024 <= n, i = r ? r.includes(e.type) : !0;
 			return t && i;
-		}), o = t ? [...s, ...a] : a;
-		c(o), i?.(o);
+		}), c = t ? [...a, ...s] : s;
+		o(c), i?.(c);
 	};
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ c("div", {
 		className: "space-y-3",
-		children: [/* @__PURE__ */ o("div", {
+		children: [/* @__PURE__ */ c("div", {
 			onDragOver: (e) => {
 				e.preventDefault(), u(!0);
 			},
@@ -1510,12 +1510,12 @@ function Ce({ multiple: t, maxSize: n = 5, acceptedFormats: r, onChange: i }) {
 			},
 			className: Y("border-2 border-dashed rounded-lg p-6 text-center transition", l ? "border-primary bg-primary/5" : "border-gray-300"),
 			children: [
-				/* @__PURE__ */ a($, { className: "mx-auto mb-2" }),
-				/* @__PURE__ */ a("p", {
+				/* @__PURE__ */ s(Se, { className: "mx-auto mb-2" }),
+				/* @__PURE__ */ s("p", {
 					className: "text-sm font-medium",
 					children: "Arrastra o selecciona un archivo"
 				}),
-				/* @__PURE__ */ o("p", {
+				/* @__PURE__ */ c("p", {
 					className: "text-xs text-gray-500",
 					children: [
 						"Máx ",
@@ -1523,35 +1523,35 @@ function Ce({ multiple: t, maxSize: n = 5, acceptedFormats: r, onChange: i }) {
 						"MB"
 					]
 				}),
-				/* @__PURE__ */ a("input", {
+				/* @__PURE__ */ s("input", {
 					type: "file",
 					multiple: t,
 					onChange: (e) => d(e.target.files),
 					className: "hidden",
 					id: "file-upload"
 				}),
-				/* @__PURE__ */ a("label", {
+				/* @__PURE__ */ s("label", {
 					htmlFor: "file-upload",
 					className: "inline-block mt-3 px-4 py-2 border rounded cursor-pointer",
 					children: "Seleccionar"
 				})
 			]
-		}), /* @__PURE__ */ a("div", {
+		}), /* @__PURE__ */ s("div", {
 			className: "space-y-2",
-			children: s.map((e, t) => /* @__PURE__ */ o("div", {
+			children: a.map((e, t) => /* @__PURE__ */ c("div", {
 				className: "flex items-center justify-between border p-2 rounded",
-				children: [/* @__PURE__ */ o("div", {
+				children: [/* @__PURE__ */ c("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ a(ye, { size: 16 }), /* @__PURE__ */ a("span", {
+					children: [/* @__PURE__ */ s($, { size: 16 }), /* @__PURE__ */ s("span", {
 						className: "text-sm",
 						children: e.name
 					})]
-				}), /* @__PURE__ */ a(xe, {
+				}), /* @__PURE__ */ s(Ce, {
 					size: 16,
 					className: "cursor-pointer",
 					onClick: () => {
-						let e = s.filter((e, n) => n !== t);
-						c(e), i?.(e);
+						let e = a.filter((e, n) => n !== t);
+						o(e), i?.(e);
 					}
 				})]
 			}, t))
@@ -1560,8 +1560,8 @@ function Ce({ multiple: t, maxSize: n = 5, acceptedFormats: r, onChange: i }) {
 }
 //#endregion
 //#region src/fileItem.tsx
-var we = ({ title: e, subtitle: n, iconFile: r, loading: s = !1, state: c = "default", dropdownOptions: l = [], onMenuClick: u }) => {
-	let [d, f] = t.useState(!1), p = t.useRef(null), m = s || c === "loading";
+var Ee = ({ title: e, subtitle: n, iconFile: r, loading: i = !1, state: a = "default", dropdownOptions: l = [], onMenuClick: u }) => {
+	let [d, f] = t.useState(!1), p = t.useRef(null), m = i || a === "loading";
 	return t.useEffect(() => {
 		function e(e) {
 			p.current && !p.current.contains(e.target) && f(!1);
@@ -1569,55 +1569,55 @@ var we = ({ title: e, subtitle: n, iconFile: r, loading: s = !1, state: c = "def
 		return document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
 		};
-	}, []), /* @__PURE__ */ o("div", {
+	}, []), /* @__PURE__ */ c("div", {
 		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",
-		children: [/* @__PURE__ */ o("div", {
+		children: [/* @__PURE__ */ c("div", {
 			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ a("div", {
+			children: [/* @__PURE__ */ s("div", {
 				className: "shrink-0",
 				children: r
-			}), /* @__PURE__ */ o("div", {
+			}), /* @__PURE__ */ c("div", {
 				className: "flex flex-col",
-				children: [/* @__PURE__ */ a("span", {
+				children: [/* @__PURE__ */ s("span", {
 					className: "text-sm font-semibold text-gray-900",
 					children: e
-				}), /* @__PURE__ */ o("div", {
+				}), /* @__PURE__ */ c("div", {
 					className: "flex items-center gap-2 text-sm text-gray-500 mt-1",
-					children: [/* @__PURE__ */ a("span", { children: n }), m && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("span", {
+					children: [/* @__PURE__ */ s("span", { children: n }), m && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("span", {
 						className: "animate-spin text-orange-500",
 						children: "✴"
-					}), /* @__PURE__ */ a("span", {
+					}), /* @__PURE__ */ s("span", {
 						className: "text-orange-500 font-medium",
 						children: "Loading..."
 					})] })]
 				})]
 			})]
-		}), /* @__PURE__ */ o("div", {
+		}), /* @__PURE__ */ c("div", {
 			className: "relative",
 			ref: p,
-			children: [/* @__PURE__ */ a("button", {
+			children: [/* @__PURE__ */ s("button", {
 				onClick: () => {
 					f(!d), u?.();
 				},
 				className: "flex items-center justify-center w-9 h-9 rounded-lg hover:bg-orange-50 text-orange-500 transition-colors duration-200",
-				children: /* @__PURE__ */ a("span", {
+				children: /* @__PURE__ */ s("span", {
 					className: "text-xl leading-none",
 					children: "⋯"
 				})
-			}), d && l.length > 0 && /* @__PURE__ */ a("div", {
+			}), d && l.length > 0 && /* @__PURE__ */ s("div", {
 				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",
-				children: /* @__PURE__ */ a("div", {
+				children: /* @__PURE__ */ s("div", {
 					className: "py-2",
-					children: l.map((e, t) => /* @__PURE__ */ o("button", {
+					children: l.map((e, t) => /* @__PURE__ */ c("button", {
 						onClick: () => {
 							e.onClick?.(), f(!1);
 						},
 						className: `w-full flex items-center gap-3 px-4 py-3 text-sm transition-colors duration-150
                     ${e.danger ? "text-red-500 hover:bg-red-50" : "text-gray-700 hover:bg-orange-50 hover:text-orange-600"}`,
-						children: [/* @__PURE__ */ a("span", {
+						children: [/* @__PURE__ */ s("span", {
 							className: "shrink-0",
 							children: e.icon
-						}), /* @__PURE__ */ a("span", {
+						}), /* @__PURE__ */ s("span", {
 							className: "font-medium",
 							children: e.label
 						})]
@@ -1626,20 +1626,20 @@ var we = ({ title: e, subtitle: n, iconFile: r, loading: s = !1, state: c = "def
 			})]
 		})]
 	});
-}, Te = ({ children: e, onClick: t }) => /* @__PURE__ */ a("div", {
+}, De = ({ children: e, onClick: t }) => /* @__PURE__ */ s("div", {
 	onClick: t,
 	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      ",
-	children: /* @__PURE__ */ a("div", {
+	children: /* @__PURE__ */ s("div", {
 		className: "\n          min-h-[72px]\n          px-6\n          py-4\n          flex\n          items-center\n          justify-between\n        ",
-		children: e || /* @__PURE__ */ o(i, { children: [
-			/* @__PURE__ */ a("div", { className: "flex-1 h-5 rounded-md bg-gray-100" }),
-			/* @__PURE__ */ a("div", { className: "w-24 h-5 rounded-md bg-gray-100 ml-6" }),
-			/* @__PURE__ */ a("div", { className: "w-24 h-5 rounded-md bg-gray-100 ml-6" }),
-			/* @__PURE__ */ a("div", { className: "w-32 h-5 rounded-md bg-gray-100 ml-6" }),
-			/* @__PURE__ */ a("div", { className: "w-6 h-6 rounded-md bg-gray-100 ml-6" })
+		children: e || /* @__PURE__ */ c(o, { children: [
+			/* @__PURE__ */ s("div", { className: "flex-1 h-5 rounded-md bg-gray-100" }),
+			/* @__PURE__ */ s("div", { className: "w-24 h-5 rounded-md bg-gray-100 ml-6" }),
+			/* @__PURE__ */ s("div", { className: "w-24 h-5 rounded-md bg-gray-100 ml-6" }),
+			/* @__PURE__ */ s("div", { className: "w-32 h-5 rounded-md bg-gray-100 ml-6" }),
+			/* @__PURE__ */ s("div", { className: "w-6 h-6 rounded-md bg-gray-100 ml-6" })
 		] })
 	})
-}), Ee = ({ open: e, onClose: t, variant: n = "content", title: r, description: i, children: c, primaryAction: l, secondaryAction: u, size: d = "medium" }) => {
+}), Oe = ({ open: e, onClose: t, variant: n = "content", title: r, description: i, children: a, primaryAction: o, secondaryAction: u, size: d = "medium" }) => {
 	if (!e) return null;
 	let f = {
 		small: "w-[360px]",
@@ -1667,12 +1667,12 @@ var we = ({ title: e, subtitle: n, iconFile: r, loading: s = !1, state: c = "def
 			text: "text-gray-500"
 		}
 	}[n];
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ c("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center",
-		children: [/* @__PURE__ */ a("div", {
+		children: [/* @__PURE__ */ s("div", {
 			className: "absolute inset-0 backdrop-blur-sm bg-black/20",
 			onClick: t
-		}), /* @__PURE__ */ o("div", {
+		}), /* @__PURE__ */ c("div", {
 			className: `
           relative z-10
           ${f[d]}
@@ -1684,10 +1684,10 @@ var we = ({ title: e, subtitle: n, iconFile: r, loading: s = !1, state: c = "def
           animate-in fade-in zoom-in-95 duration-200
         `,
 			children: [
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ c("div", {
 					className: "px-6 pt-6 pb-4 text-center",
 					children: [
-						/* @__PURE__ */ a("div", {
+						/* @__PURE__ */ s("div", {
 							className: `
               w-14 h-14 mx-auto mb-4 rounded-full
               flex items-center justify-center
@@ -1697,51 +1697,138 @@ var we = ({ title: e, subtitle: n, iconFile: r, loading: s = !1, state: c = "def
             `,
 							children: p.icon
 						}),
-						/* @__PURE__ */ a("h2", {
+						/* @__PURE__ */ s("h2", {
 							className: "text-lg font-semibold text-gray-900",
 							children: r
 						}),
-						i && /* @__PURE__ */ a("p", {
+						i && /* @__PURE__ */ s("p", {
 							className: "mt-2 text-sm text-gray-500",
 							children: i
 						})
 					]
 				}),
-				c && /* @__PURE__ */ a("div", {
+				a && /* @__PURE__ */ s("div", {
 					className: "px-6 pb-6",
-					children: c
+					children: a
 				}),
-				(l || u) && /* @__PURE__ */ o("div", {
+				(o || u) && /* @__PURE__ */ c("div", {
 					className: "flex justify-end gap-3 px-6 py-4 bg-gray-50 border-t border-gray-100",
-					children: [u && /* @__PURE__ */ a(s, {
+					children: [u && /* @__PURE__ */ s(l, {
 						text: u.text,
 						variant: "secondary",
 						size: "medium",
 						state: "default",
 						onClick: u.onClick
-					}), l && /* @__PURE__ */ a(s, {
-						text: l.text,
+					}), o && /* @__PURE__ */ s(l, {
+						text: o.text,
 						variant: "primary",
 						size: "medium",
 						state: "default",
-						onClick: l.onClick
+						onClick: o.onClick
 					})]
 				})
 			]
 		})]
 	});
-}, De = ({ active: e, blur: t = 8, overlayOpacity: n = .35, children: r }) => e ? /* @__PURE__ */ o("div", {
+}, ke = ({ active: e, blur: t = 8, overlayOpacity: n = .35, children: r }) => e ? /* @__PURE__ */ c("div", {
 	className: "fixed inset-0 z-40",
-	children: [/* @__PURE__ */ a("div", {
+	children: [/* @__PURE__ */ s("div", {
 		className: "absolute inset-0 backdrop-blur-sm",
 		style: {
 			backdropFilter: `blur(${t}px)`,
 			backgroundColor: `rgba(255,255,255,${n})`
 		}
-	}), /* @__PURE__ */ a("div", {
+	}), /* @__PURE__ */ s("div", {
 		className: "relative z-50 flex items-center justify-center w-full h-full",
 		children: r
 	})]
 }) : null;
 //#endregion
-export { De as BackgroundBlur, s as Button, Te as CardRow, Se as Checkbox, we as FileItem, Ce as FileUpload, c as Input, Ee as Modal, fe as TextArea };
+//#region src/table.tsx
+function Ae({ columns: e, data: t, itemsPerPage: n = 5 }) {
+	let [r, o] = a(1), [l, u] = a({}), d = (e, t) => {
+		u((n) => ({
+			...n,
+			[e]: t
+		})), o(1);
+	}, f = i(() => t.filter((t) => e.every((e) => {
+		let n = l[e.key]?.toLowerCase() || "";
+		return n ? String(t[e.key]).toLowerCase().includes(n) : !0;
+	})), [
+		t,
+		l,
+		e
+	]), p = Math.max(1, Math.ceil(f.length / n)), m = (r - 1) * n, h = f.slice(m, m + n), g = (e) => {
+		e >= 1 && e <= p && o(e);
+	};
+	return /* @__PURE__ */ s("div", {
+		className: "w-full p-4",
+		children: /* @__PURE__ */ c("div", {
+			className: "border rounded-2xl overflow-hidden shadow",
+			children: [/* @__PURE__ */ c("table", {
+				className: "w-full border-collapse",
+				children: [/* @__PURE__ */ c("thead", {
+					className: "bg-gray-100",
+					children: [/* @__PURE__ */ c("tr", { children: [e.map((e) => /* @__PURE__ */ s("th", {
+						className: "text-left p-3 text-sm font-semibold text-gray-600",
+						children: e.label
+					}, e.key)), /* @__PURE__ */ s("th", { className: "p-3" })] }), /* @__PURE__ */ c("tr", { children: [e.map((e) => /* @__PURE__ */ s("th", {
+						className: "p-2",
+						children: /* @__PURE__ */ s("input", {
+							type: "text",
+							placeholder: "Buscar...",
+							value: l[e.key] || "",
+							onChange: (t) => d(e.key, t.target.value),
+							className: "w-full px-2 py-1 border rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-red-400"
+						})
+					}, e.key)), /* @__PURE__ */ s("th", {})] })]
+				}), /* @__PURE__ */ s("tbody", { children: h.length === 0 ? /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", {
+					colSpan: e.length + 1,
+					className: "p-4 text-center text-sm text-gray-500",
+					children: "No hay resultados"
+				}) }) : h.map((t, n) => /* @__PURE__ */ c("tr", {
+					className: "border-t hover:bg-gray-50 transition",
+					children: [e.map((e) => /* @__PURE__ */ s("td", {
+						className: "p-3 text-sm",
+						children: t[e.key]
+					}, e.key)), /* @__PURE__ */ s("td", {
+						className: "p-3 text-right",
+						children: "•••"
+					})]
+				}, t.id ?? n)) })]
+			}), /* @__PURE__ */ c("div", {
+				className: "flex items-center justify-between p-3 text-sm",
+				children: [/* @__PURE__ */ c("span", { children: [
+					"Mostrando ",
+					h.length,
+					" de ",
+					f.length,
+					" resultados"
+				] }), /* @__PURE__ */ c("div", {
+					className: "flex gap-2 items-center",
+					children: [
+						/* @__PURE__ */ s("button", {
+							onClick: () => g(r - 1),
+							className: "px-2 py-1 border rounded disabled:opacity-50",
+							disabled: r === 1,
+							children: "<"
+						}),
+						Array.from({ length: p }).map((e, t) => /* @__PURE__ */ s("button", {
+							onClick: () => g(t + 1),
+							className: `px-3 py-1 rounded ${r === t + 1 ? "bg-red-500 text-white" : "border"}`,
+							children: t + 1
+						}, t)),
+						/* @__PURE__ */ s("button", {
+							onClick: () => g(r + 1),
+							className: "px-2 py-1 border rounded disabled:opacity-50",
+							disabled: r === p,
+							children: ">"
+						})
+					]
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+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 };

package/dist/table.d.ts

@@ -0,0 +1,14 @@
+type Column = {
+    key: string;
+    label: string;
+};
+type DataRow = {
+    [key: string]: any;
+};
+type TableProps = {
+    columns: Column[];
+    data: DataRow[];
+    itemsPerPage?: number;
+};
+export declare function Table({ columns, data, itemsPerPage }: TableProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "componenteszw-package",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -10,7 +10,7 @@
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
-    "./style.css": "./dist/style.css"
+    "./style.css": "./dist/index.css"
   },
   "files": [
     "dist"