@sector.siit/mlz-components 1.0.5 → 1.0.6

package/dist/index.js

@@ -1,36 +1,7 @@
 'use strict';
 
 var require$$0 = require('react');
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = "/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--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-blue-50:oklch(97% 0.014 254.604);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-600:oklch(54.6% 0.245 262.881);--color-blue-700:oklch(48.8% 0.243 264.376);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-700:oklch(37.3% 0.034 259.733);--color-white:#fff;--spacing:0.25rem;--text-sm:0.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--font-weight-medium:500;--font-weight-bold:700;--radius-md:0.375rem;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary-100:var(--mlz-primary-100,#dbeafe);--color-primary-300:var(--mlz-primary-300,#93c5fd);--color-primary-400:var(--mlz-primary-400,#5ba8d5);--color-primary-600:var(--mlz-primary-600,#236999);--color-semantic-error-600:var(--mlz-semantic-error-600,#ef284c);--font-geometria:\"Geometria\",sans-serif}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;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-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}: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)){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,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.absolute{position:absolute}.relative{position:relative}.top-1\\/2{top:50%}.right-4{right:calc(var(--spacing)*4)}.mt-1{margin-top:calc(var(--spacing)*1)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.block{display:block}.contents{display:contents}.flex{display:flex}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.w-\\[400px\\]{width:400px}.w-full{width:100%}.-translate-y-1\\/2{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.rounded{border-radius:.25rem}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\\(--mlz-newcomponent-border\\,\\#e5e7eb\\){border-color:var(--mlz-newcomponent-border,#e5e7eb)}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-primary-400{border-color:var(--color-primary-400)}.border-semantic-error-600{border-color:var(--color-semantic-error-600)}.mlz-btn-primary{background-color:var(--color-blue-600);background-color:var(--mlz-primary-600,#2563eb);color:var(--color-white);&:hover{@media (hover:hover){background-color:var(--color-blue-700)}}&:focus{--tw-ring-color:var(--color-blue-500)}&:hover{background-color:var(--mlz-primary-700,#1d4ed8)}}.mlz-btn-secondary{background-color:var(--color-gray-600);background-color:var(--mlz-secondary-600,#475569);color:var(--color-white);&:hover{@media (hover:hover){background-color:var(--color-gray-700)}}&:focus{--tw-ring-color:var(--color-gray-500)}&:hover{background-color:var(--mlz-secondary-700,#334155)}}.bg-\\(--mlz-newcomponent-bg\\,\\#ffffff\\){background-color:var(--mlz-newcomponent-bg,#fff)}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--color-white)}.p-4{padding:calc(var(--spacing)*4)}.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\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.font-geometria{font-family:var(--font-geometria)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-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)}.text-\\(--mlz-newcomponent-text\\,\\#374151\\){color:var(--mlz-newcomponent-text,#374151)}.text-blue-600{color:var(--color-blue-600)}.text-gray-700{color:var(--color-gray-700)}.text-primary-600{color:var(--color-primary-600)}.text-semantic-error-600{color:var(--color-semantic-error-600)}.opacity-50{opacity:50%}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));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))}.outline-solid{--tw-outline-style:solid;outline-style:solid}.placeholder\\:text-base{&::placeholder{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}.placeholder\\:text-primary-400{&::placeholder{color:var(--color-primary-400)}}.placeholder\\:text-semantic-error-600{&::placeholder{color:var(--color-semantic-error-600)}}.hover\\:bg-blue-50{&:hover{@media (hover:hover){background-color:var(--color-blue-50)}}}.focus\\:border-primary-600{&:focus{border-color:var(--color-primary-600)}}.focus\\:border-semantic-error-600{&:focus{border-color:var(--color-semantic-error-600)}}.focus\\:ring-2{&:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\\:ring-blue-500{&:focus{--tw-ring-color:var(--color-blue-500)}}.focus\\:ring-primary-600{&:focus{--tw-ring-color:var(--color-primary-600)}}.focus\\:ring-semantic-error-600{&:focus{--tw-ring-color:var(--color-semantic-error-600)}}.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-hidden{&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline:2px solid transparent;outline-offset:2px}}}.focus\\:outline-none{&:focus{--tw-outline-style:none;outline-style:none}}.active\\:border-primary-600{&:active{border-color:var(--color-primary-600)}}.active\\:border-semantic-error-600{&:active{border-color:var(--color-semantic-error-600)}}.active\\:ring-2{&:active{--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)}}.disabled\\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\\:bg-primary-100{&:disabled{background-color:var(--color-primary-100)}}.disabled\\:text-primary-300{&:disabled{color:var(--color-primary-300)}}.disabled\\:opacity-50{&:disabled{opacity:50%}}}@font-face{font-family:Geometria;font-style:normal;font-weight:300;src:url(fonts/Geometria-Light.woff2) format(\"woff2\")}@font-face{font-family:Geometria;font-style:normal;font-weight:400;src:url(fonts/Geometria-Regular.woff2) format(\"woff2\")}@font-face{font-family:Geometria;font-style:bold;font-weight:700;src:url(fonts/Geometria-Bold.woff2) format(\"woff2\")}body{font-family:Geometria,sans-serif}@layer base{*,::backdrop,::file-selector-button,:after,:before{border-color:var(--color-gray-200,currentcolor)}}@layer utilities{:root{--mlz-primary-50:#eff6ff;--mlz-primary-100:#e5f0f9;--mlz-primary-200:#bfdbfe;--mlz-primary-300:#94c6e5;--mlz-primary-400:#5ba8d5;--mlz-primary-500:#3b82f6;--mlz-primary-600:#236999;--mlz-primary-700:#1d4ed8;--mlz-primary-800:#1e40af;--mlz-primary-900:#1e3a8a;--mlz-primary-950:#172554;--mlz-semantic-info:#006eff;--mlz-semantic-error-600:#ef284c;--mlz-secondary-50:#f8fafc;--mlz-secondary-100:#f1f5f9;--mlz-secondary-200:#e2e8f0;--mlz-secondary-300:#cbd5e1;--mlz-secondary-400:#94a3b8;--mlz-secondary-500:#64748b;--mlz-secondary-600:#475569;--mlz-secondary-700:#334155;--mlz-secondary-800:#1e293b;--mlz-secondary-900:#0f172a;--mlz-secondary-950:#020617;--mlz-spacing-xs:0.25rem;--mlz-spacing-sm:0.5rem;--mlz-spacing-md:1rem;--mlz-spacing-lg:1.5rem;--mlz-spacing-xl:2rem;--mlz-spacing-2xl:3rem;--mlz-border-radius-sm:0.25rem;--mlz-border-radius-md:0.375rem;--mlz-border-radius-lg:0.5rem;--mlz-border-radius-xl:0.75rem;--mlz-font-size-xs:0.75rem;--mlz-font-size-sm:0.875rem;--mlz-font-size-base:1rem;--mlz-font-size-lg:1.125rem;--mlz-font-size-xl:1.25rem;--mlz-input-border-color:#d1d5db;--mlz-input-label-color:#374151;--mlz-input-helper-color:#6b7280;--mlz-input-height-sm:2rem;--mlz-input-height-md:2.5rem;--mlz-input-height-lg:3rem;--mlz-input-padding-x-sm:0.75rem;--mlz-input-padding-y-sm:0.375rem;--mlz-input-padding-x-md:1rem;--mlz-input-padding-y-md:0.5rem;--mlz-input-padding-x-lg:1.25rem;--mlz-input-padding-y-lg:0.75rem;--mlz-input-font-size-sm:0.875rem;--mlz-input-font-size-md:1rem;--mlz-input-font-size-lg:1.125rem;--mlz-error-500:#ef4444;--mlz-error-600:#dc2626;--mlz-success-500:#22c55e;--mlz-success-600:#16a34a}}@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-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}";
-styleInject(css_248z,{"insertAt":"top"});
+var toast = require('react-hot-toast');
 
 var jsxRuntime = {exports: {}};
 
@@ -1456,7 +1427,229 @@ function UserCard({ name, email, changeUser, editUser }) {
     return (jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsx("h2", { children: name }), jsxRuntimeExports.jsx("p", { children: email }), jsxRuntimeExports.jsx("button", { type: "button", onClick: changeUser, children: "Change User" }), jsxRuntimeExports.jsx("button", { type: "button", onClick: editUser, children: "Edit User" })] }));
 }
 
+const CheckCircleIcon = (props) => (jsxRuntimeExports.jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: jsxRuntimeExports.jsx("path", { d: "M8.6 14.6L15.65 7.55L14.25 6.15L8.6 11.8L5.75 8.95L4.35 10.35L8.6 14.6ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z", fill: "currentColor" }) }));
+
+const InfoCircleIcon = (props) => (jsxRuntimeExports.jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: jsxRuntimeExports.jsx("path", { d: "M10 15C10.2833 15 10.5208 14.9042 10.7125 14.7125C10.9042 14.5208 11 14.2833 11 14C11 13.7167 10.9042 13.4792 10.7125 13.2875C10.5208 13.0958 10.2833 13 10 13C9.71667 13 9.47917 13.0958 9.2875 13.2875C9.09583 13.4792 9 13.7167 9 14C9 14.2833 9.09583 14.5208 9.2875 14.7125C9.47917 14.9042 9.71667 15 10 15ZM9 11H11V5H9V11ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z", fill: "currentColor" }) }));
+
+const WarningTriangleIcon = (props) => (jsxRuntimeExports.jsx("svg", { width: "22", height: "19", viewBox: "0 0 22 19", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: jsxRuntimeExports.jsx("path", { d: "M0 19L11 0L22 19H0ZM3.45 17H18.55L11 4L3.45 17ZM11 16C11.2833 16 11.5208 15.9042 11.7125 15.7125C11.9042 15.5208 12 15.2833 12 15C12 14.7167 11.9042 14.4792 11.7125 14.2875C11.5208 14.0958 11.2833 14 11 14C10.7167 14 10.4792 14.0958 10.2875 14.2875C10.0958 14.4792 10 14.7167 10 15C10 15.2833 10.0958 15.5208 10.2875 15.7125C10.4792 15.9042 10.7167 16 11 16ZM10 13H12V8H10V13Z", fill: "currentColor" }) }));
+
+const ErrorCircleIcon = (props) => (jsxRuntimeExports.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [jsxRuntimeExports.jsx("circle", { cx: "10", cy: "10", r: "10", fill: "currentColor" }), jsxRuntimeExports.jsx("path", { d: "M7 7L13 13M13 7L7 13", stroke: "white", strokeWidth: "2", strokeLinecap: "round" })] }));
+
+const toastClasses$1 = (variant) => {
+    const variants = {
+        success: {
+            bg: "bg-[#EAF9EF]",
+            border: "border-[#1D9C48]",
+            icon: "text-[#1D9C48]",
+            text: "text-[#1D9C48]",
+            iconBg: "bg-[#C5F5D5]",
+            iconComponent: CheckCircleIcon,
+        },
+        info: {
+            bg: "bg-blue-50",
+            border: "border-[#0058CC]",
+            icon: "text-[#0058CC]",
+            text: "text-[#0058CC]",
+            iconBg: "bg-blue-100",
+            iconComponent: InfoCircleIcon,
+        },
+        warning: {
+            bg: "bg-yellow-50",
+            border: "border-[#C49E0A]",
+            icon: "text-[#C49E0A]",
+            text: "text-[#C49E0A]",
+            iconBg: "bg-yellow-100",
+            iconComponent: WarningTriangleIcon,
+        },
+        error: {
+            bg: "bg-red-50",
+            border: "border-[#EF284C]",
+            icon: "text-[#EF284C]",
+            text: "text-[#EF284C]",
+            iconBg: "bg-red-100",
+            iconComponent: ErrorCircleIcon,
+        },
+    };
+    return variants[variant];
+};
+const Toast = ({ title, description, variant = "info", onClose }) => {
+    const classes = toastClasses$1(variant);
+    const IconComponent = classes.iconComponent;
+    return (jsxRuntimeExports.jsxs("div", { className: [
+            "flex items-start",
+            "w-[400px] min-h-[88px]",
+            "rounded-[8px]",
+            "border border-solid",
+            "p-4",
+            "gap-4",
+            "font-geometria",
+            "shadow-[0px_3px_6px_0px_rgba(0,0,0,0.16)]",
+            classes.bg,
+            classes.border,
+        ].join(" "), children: [jsxRuntimeExports.jsx("div", { className: [
+                    "flex items-center justify-center",
+                    "w-[40px] h-[40px]",
+                    "rounded-[8px]",
+                    "p-2",
+                    "flex-none",
+                    classes.iconBg,
+                ].join(" "), children: jsxRuntimeExports.jsx("div", { className: classes.icon, children: jsxRuntimeExports.jsx(IconComponent, {}) }) }), jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col gap-2", children: [jsxRuntimeExports.jsx("div", { className: [
+                            "font-bold",
+                            "text-[20px]",
+                            "leading-[100%]",
+                            "tracking-normal",
+                            classes.text,
+                        ].join(" "), children: title }), description && (jsxRuntimeExports.jsx("div", { className: [
+                            "font-normal",
+                            "text-[18px]",
+                            "leading-[100%]",
+                            "tracking-normal",
+                            classes.text,
+                        ].join(" "), children: description }))] }), onClose && (jsxRuntimeExports.jsx("button", { type: "button", onClick: onClose, className: "text-gray-400 hover:text-gray-600", "aria-label": "Cerrar", children: "\u00D7" }))] }));
+};
+
+const ToastContext = require$$0.createContext(undefined);
+const useToast = () => {
+    const context = require$$0.useContext(ToastContext);
+    if (!context) {
+        throw new Error("useToast must be used within a ToastProvider");
+    }
+    return context;
+};
+const ToastProvider = ({ children, position = "top-right", }) => {
+    const [toasts, setToasts] = require$$0.useState([]);
+    const showToast = require$$0.useCallback((toast) => {
+        const id = Math.random().toString(36).substring(2, 9);
+        const newToast = {
+            ...toast,
+            id,
+            duration: toast.duration ?? 5000,
+        };
+        setToasts((prev) => [...prev, newToast]);
+        if (newToast.duration && newToast.duration > 0) {
+            setTimeout(() => {
+                setToasts((prev) => prev.filter((t) => t.id !== id));
+            }, newToast.duration);
+        }
+        return id;
+    }, []);
+    const removeToast = require$$0.useCallback((id) => {
+        setToasts((prev) => prev.filter((t) => t.id !== id));
+    }, []);
+    const clearToasts = require$$0.useCallback(() => {
+        setToasts([]);
+    }, []);
+    const positionClasses = {
+        "top-right": "top-4 right-4",
+        "top-left": "top-4 left-4",
+        "bottom-right": "bottom-4 right-4",
+        "bottom-left": "bottom-4 left-4",
+        "top-center": "top-4 left-1/2 -translate-x-1/2",
+        "bottom-center": "bottom-4 left-1/2 -translate-x-1/2",
+    };
+    return (jsxRuntimeExports.jsxs(ToastContext.Provider, { value: { toasts, showToast, removeToast, clearToasts }, children: [children, toasts.length > 0 && (jsxRuntimeExports.jsx("div", { className: `fixed z-50 flex flex-col gap-2 ${positionClasses[position]}`, children: toasts.map((toast) => (jsxRuntimeExports.jsx(Toast, { ...toast, onClose: () => removeToast(toast.id) }, toast.id))) }))] }));
+};
+
+const toastClasses = (variant) => {
+    const variants = {
+        success: {
+            bg: "bg-[#EAF9EF]",
+            border: "border-[#1D9C48]",
+            icon: "text-[#1D9C48]",
+            text: "text-[#1D9C48]",
+            iconBg: "bg-[#C5F5D5]",
+            iconComponent: CheckCircleIcon,
+        },
+        info: {
+            bg: "bg-blue-50",
+            border: "border-[#0058CC]",
+            icon: "text-[#0058CC]",
+            text: "text-[#0058CC]",
+            iconBg: "bg-blue-100",
+            iconComponent: InfoCircleIcon,
+        },
+        warning: {
+            bg: "bg-yellow-50",
+            border: "border-[#C49E0A]",
+            icon: "text-[#C49E0A]",
+            text: "text-[#C49E0A]",
+            iconBg: "bg-yellow-100",
+            iconComponent: WarningTriangleIcon,
+        },
+        error: {
+            bg: "bg-red-50",
+            border: "border-[#EF284C]",
+            icon: "text-[#EF284C]",
+            text: "text-[#EF284C]",
+            iconBg: "bg-red-100",
+            iconComponent: ErrorCircleIcon,
+        },
+    };
+    return variants[variant];
+};
+const CustomToast = ({ t, title, description, variant = "info" }) => {
+    const classes = toastClasses(variant);
+    const IconComponent = classes.iconComponent;
+    return (jsxRuntimeExports.jsxs("div", { className: [
+            "flex items-start",
+            "w-[400px] min-h-[88px]",
+            "rounded-[8px]",
+            "border border-solid",
+            "p-4",
+            "gap-4",
+            "font-geometria",
+            "shadow-[0px_3px_6px_0px_rgba(0,0,0,0.16)]",
+            classes.bg,
+            classes.border,
+        ].join(" "), children: [jsxRuntimeExports.jsx("div", { className: [
+                    "flex items-center justify-center",
+                    "w-[40px] h-[40px]",
+                    "rounded-[8px]",
+                    "p-2",
+                    "flex-none",
+                    classes.iconBg,
+                ].join(" "), children: jsxRuntimeExports.jsx("div", { className: classes.icon, children: jsxRuntimeExports.jsx(IconComponent, {}) }) }), jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col gap-2", children: [jsxRuntimeExports.jsx("div", { className: [
+                            "font-bold",
+                            "text-[20px]",
+                            "leading-[100%]",
+                            "tracking-normal",
+                            classes.text,
+                        ].join(" "), children: title }), description && (jsxRuntimeExports.jsx("div", { className: [
+                            "font-normal",
+                            "text-[18px]",
+                            "leading-[100%]",
+                            "tracking-normal",
+                            classes.text,
+                        ].join(" "), children: description }))] }), jsxRuntimeExports.jsx("button", { type: "button", onClick: () => toast.dismiss(t.id), className: "text-gray-400 hover:text-gray-600", "aria-label": "Cerrar", children: "\u00D7" })] }));
+};
+const showToast = ({ title, description, variant = "info", duration = 5000 }) => {
+    return toast.custom((t) => (jsxRuntimeExports.jsx(CustomToast, { t: t, title: title, description: description, variant: variant })), {
+        duration,
+        position: "top-right",
+    });
+};
+const toastSuccess = (title, description, duration) => showToast({ title, description, variant: "success", duration });
+const toastInfo = (title, description, duration) => showToast({ title, description, variant: "info", duration });
+const toastWarning = (title, description, duration) => showToast({ title, description, variant: "warning", duration });
+const toastError = (title, description, duration) => showToast({ title, description, variant: "error", duration });
+
+Object.defineProperty(exports, "Toaster", {
+  enumerable: true,
+  get: function () { return toast.Toaster; }
+});
+Object.defineProperty(exports, "toast", {
+  enumerable: true,
+  get: function () { return toast.toast; }
+});
 exports.Button = Button;
 exports.Input = Input;
+exports.Toast = Toast;
+exports.ToastProvider = ToastProvider;
 exports.UserCard = UserCard;
+exports.showToast = showToast;
+exports.toastError = toastError;
+exports.toastInfo = toastInfo;
+exports.toastSuccess = toastSuccess;
+exports.toastWarning = toastWarning;
+exports.useToast = useToast;
 //# sourceMappingURL=index.js.map