prometeo-design-system 1.1.3 → 1.1.4

package/dist/components/Menu/MenuComposable.d.ts

@@ -6,8 +6,9 @@ export interface IMenuRoot {
 export interface IMenuItems {
     onClick?: () => void;
     children: ReactNode;
+    className?: string;
 }
 export declare const Menu: (({ menuRef, children }: IMenuRoot) => import("react/jsx-runtime").JSX.Element) & {
     Divider: () => import("react/jsx-runtime").JSX.Element;
-    Items: ({ onClick, children }: IMenuItems) => import("react/jsx-runtime").JSX.Element;
+    Items: ({ onClick, children, className }: IMenuItems) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/prometeo-design-system.es.js

@@ -1991,11 +1991,11 @@ const qn = ({
     },
     children: /* @__PURE__ */ d.jsx("div", { className: "border-b border-neutral-strong-default border-1 w-full" })
   }
-), ia = ({ onClick: i, children: e }) => /* @__PURE__ */ d.jsx(
+), ia = ({ onClick: i, children: e, className: t }) => /* @__PURE__ */ d.jsx(
   L.button,
   {
     onClick: i,
-    className: "flex py-2 w-full px-2 gap-1 rounded-md cursor-pointer mt-2 items-center overflow-hidden focus:outline-none hover:bg-neutral-medium-selected button-profile",
+    className: k("flex py-2 w-full px-2 gap-1 rounded-md cursor-pointer mt-2 items-center overflow-hidden focus:outline-none hover:bg-neutral-medium-selected button-profile", t),
     exit: {
       opacity: 0,
       y: -8,

package/dist/prometeo-design-system.umd.js

@@ -31,7 +31,7 @@ React keys must be passed directly to JSX without using spread:
     70% {height: `).concat(g,"px; box-shadow: ").concat(v,"px ").concat(-x,"px ").concat(n,", ").concat(-v,"px ").concat(x,"px ").concat(n,`}
     100% {box-shadow: `).concat(v,"px ").concat(x,"px ").concat(n,", ").concat(-v,"px ").concat(-x,"px ").concat(n,"}"),"after"),j=function(O){return{position:"absolute",top:"50%",left:"50%",display:"block",width:"".concat(m/5).concat(_),height:"".concat(m/5).concat(_),borderRadius:"".concat(m/10).concat(_),transform:"translate(-50%, -50%)",animationFillMode:"none",animation:"".concat(O===1?w:y," ").concat(2/a,"s infinite")}};return t?Y.createElement("span",zt({style:f},h),Y.createElement("span",{style:j(1)}),Y.createElement("span",{style:j(2)})):null}var Bt=function(){return Bt=Object.assign||function(i){for(var e,t=1,r=arguments.length;t<r;t++){e=arguments[t];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(i[n]=e[n])}return i},Bt.apply(this,arguments)},rs=function(i,e){var t={};for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&e.indexOf(r)<0&&(t[r]=i[r]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,r=Object.getOwnPropertySymbols(i);n<r.length;n++)e.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(i,r[n])&&(t[r[n]]=i[r[n]]);return t},ns=De("SyncLoader",`33% {transform: translateY(10px)}
   66% {transform: translateY(-10px)}
-  100% {transform: translateY(0)}`,"sync");function is(i){var e=i.loading,t=e===void 0?!0:e,r=i.color,n=r===void 0?"#000000":r,s=i.speedMultiplier,a=s===void 0?1:s,o=i.cssOverride,l=o===void 0?{}:o,u=i.size,c=u===void 0?15:u,h=i.margin,p=h===void 0?2:h,m=rs(i,["loading","color","speedMultiplier","cssOverride","size","margin"]),_=Bt({display:"inherit"},l),f=function(g){return{backgroundColor:n,width:te(c),height:te(c),margin:te(p),borderRadius:"100%",display:"inline-block",animation:"".concat(ns," ").concat(.6/a,"s ").concat(g*.07,"s infinite ease-in-out"),animationFillMode:"both"}};return t?Y.createElement("span",Bt({style:_},m),Y.createElement("span",{style:f(1)}),Y.createElement("span",{style:f(2)}),Y.createElement("span",{style:f(3)})):null}const sr=({variant:i="sync",color:e="#3B82F6",loading:t=!0,size:r="medium",className:n="",speedMultiplier:s=1})=>{const o=(()=>{if(typeof r=="number")return r;switch(r){case"small":return 20;case"medium":return 35;case"large":return 50;default:return 35}})(),l={color:e,loading:t,size:o,speedMultiplier:s,"aria-label":"Loading Spinner","data-testid":"spinner"},u=k("inline-block",n),c=()=>{switch(i){case"bounce":return d.jsx(Vi,{...l});case"dot":return d.jsx(Gi,{...l});case"grid":return d.jsx(Ki,{...l,size:o*.4});case"hash":return d.jsx(ts,{...l});case"sync":return d.jsx(is,{...l,size:o*.4});case"clip":default:return d.jsx(Yi,{...l})}};return d.jsx("div",{className:u,children:c()})},Vt={default:{container:"",input:k("border-neutral-default-default text-neutral-default-default","focus:border-primary-default-default focus:border-2","hover:border-neutral-strong-default"),label:k("text-neutral-medium-default","peer-focus:text-primary-default-default"),icon:k("text-neutral-medium-default","peer-focus:text-primary-default-default")},error:{container:"",input:k("border-error-default-default text-neutral-default-default","focus:border-error-default focus:border-2","focus:ring-0 focus:ring-error-default/20"),label:k("text-error-light","peer-focus:text-error-light"),icon:k("text-error-light","peer-focus:text-error-light")},success:{container:"",input:k("border-success-default-default text-neutral-default-default","focus:border-success-default focus:border-2","focus:ring-0 focus:ring-success-default/20"),label:k("text-success","peer-focus:text-success-light"),icon:k("text-success-light","peer-focus:text-success-light")}},vt={small:{container:"text-sm",input:"h-10 px-3 text-sm",label:"text-xs peer-focus:text-xs peer-placeholder-shown:text-sm",icon:"w-4 h-4 right-3"},medium:{container:"text-base",input:"h-12 px-3 text-base",label:"text-sm peer-focus:text-sm peer-placeholder-shown:text-base",icon:"w-5 h-5 right-3"},large:{container:"text-lg",input:"h-14 px-3 text-lg",label:"text-sm peer-focus:text-sm peer-placeholder-shown:text-lg",icon:"w-6 h-6 right-3"}},ss=({label:i,icon:e,onChange:t,value:r="",debounceMs:n=0,name:s,width:a="100%",height:o,variant:l="default",size:u="medium",disabled:c=!1,type:h="text",isFetching:p,errorMessage:m,helperText:_,required:f=!1,onFocus:g,onBlur:x})=>{const[v,b]=I.useState(r),[w]=Oi.useDebounce(v,n),[y,j]=I.useState(!1),[O,C]=I.useState(!1);I.useEffect(()=>{n&&w!==r&&t(w)},[w,n,t,r]),I.useEffect(()=>{b(r)},[r]);const q=()=>{j(!0),g?.()},E=()=>{j(!1),x?.()},D=de=>{const T=de.target.value;b(T),n||t(T)},R=()=>{C(!O)},A={};a&&a!=="100%"&&(A.width=a),o&&(A.height=o);const H=v.length>0,V=l==="error"&&m,z=!V&&_,U=()=>y||H?"-top-2 left-2 scale-90":"top-1/2 -translate-y-1/2 scale-100",ne=()=>o?{height:o}:{};return d.jsxs("div",{className:k("relative",vt[u].container,!a&&"w-full","bg-inherit"),style:A,children:[d.jsx("input",{id:s,name:s,type:h==="password"&&O?"text":h,value:v,className:k("peer w-full border-1 rounded-lg bg-transparent appearance-none transition-all duration-200 ease-in-out","placeholder:text-transparent focus:outline-none px-3",!o&&vt[u].input,o&&`px-3 ${vt[u].input.split(" ").filter(de=>de.startsWith("text-")).join(" ")}`,Vt[l].input,e&&"pr-10",c&&"bg-neutral-weak-default cursor-not-allowed opacity-60",Vt[l].container),style:ne(),onChange:D,onFocus:q,onBlur:E,disabled:c,required:f}),d.jsx("label",{htmlFor:s,className:k("absolute left-3 transition-all duration-200 ease-in-out pointer-events-none bg-inherit px-1 z-10",!o&&vt[u].label,o&&"text-sm",Vt[l].label,U(),f&&"after:content-['*'] after:text-error-default after:ml-1"),children:i}),(e||h==="password"||p)&&d.jsx("div",{className:k("absolute top-1/2 -translate-y-1/2 flex items-center justify-center z-10",!o&&vt[u].icon,o&&"w-5 h-5 right-3",Vt[l].icon,h==="password"&&!p?"cursor-pointer":"pointer-events-none"),onClick:h==="password"&&!p?R:void 0,onMouseDown:de=>h==="password"&&!p&&de.preventDefault(),children:d.jsx(F.motion.div,{animate:y?{y:[-2,0],rotate:[0,-10,10,-10,10,0]}:{},transition:{duration:.6,ease:"easeInOut"},children:p&&h!=="password"?d.jsx("div",{className:"animate-spin",children:d.jsx(sr,{size:24,color:"#7c86ff",loading:!0})}):h==="password"?O?d.jsx(ae.EyeVisibility,{size:24,className:""}):d.jsx(ae.EyeVisibilityOff,{size:24,className:""}):e})}),V&&d.jsx("p",{className:"mt-1 text-xs text-error-default",children:m}),z&&d.jsx("p",{className:"mt-1 text-xs text-neutral-medium-default",children:_})]})},as=I.memo(ss),os=({icon:i,iconPosition:e="left",label:t,className:r,containerClassName:n,id:s,type:a="text",...o})=>{const[l,u]=Mt.useField(o),[c,h]=I.useState(!1),[p,m]=I.useState(!1),_=u.touched&&u.error,f=l.value&&l.value.toString().length>0,g=a==="password",x=g?p?"text":"password":a,v=()=>c||f?"-top-3 left-2 scale-90":"top-1/2 -translate-y-1/2 scale-100",b=()=>g?i?e==="left"?"pl-10 pr-10":"pr-16":"pr-10":i?e==="left"?"pl-10":"pr-10":"",w=()=>i&&e==="left"?"left-10":"left-3",y=()=>{m(!p)};return d.jsxs("div",{className:k("relative w-full bg-inherit",n),children:[d.jsxs("div",{className:"relative bg-inherit",children:[d.jsx("input",{id:s||o.name,type:x,name:l.name,value:l.value||"",onChange:l.onChange,onFocus:()=>{h(!0),o.onFocus?.()},onBlur:j=>{h(!1),o.onBlur?.(),l.onBlur(j)},className:k("w-full px-3 h-12 text-left border-1 rounded-lg transition-all duration-200 ease-in-out text-neutral-default-default","bg-transparent focus:outline-none",c?"border-primary-default-default border-2":_?"border-error-default-default":"border-neutral-default-default hover:border-neutral-strong-default",b(),r)}),d.jsx("label",{htmlFor:s||o.name,className:k("absolute transition-all duration-200 ease-in-out pointer-events-none bg-inherit px-1 z-10","text-md",v(),f||c?"text-primary-default-default":_?"text-red-500":"text-neutral-medium-default",w()),children:t}),i&&d.jsx("div",{className:k("absolute top-1/2 -translate-y-1/2 text-neutral-medium-default",e==="left"?"left-3":"right-3"),children:i}),g&&d.jsx("button",{type:"button",onClick:y,className:k("absolute top-1/2 -translate-y-1/2 p-1 text-neutral-medium-default hover:text-neutral-strong-default","transition-colors duration-200 focus:outline-none focus:text-primary-default-default",i&&e==="right"?"right-8":"right-3"),tabIndex:-1,children:p?d.jsx(ae.EyeVisibilityOff,{size:24,className:"text-neutral-default-default"}):d.jsx(ae.EyeVisibility,{size:24,className:"text-neutral-default-default"})})]}),_&&d.jsx(Mt.ErrorMessage,{name:o.name,component:"span",className:"block text-error-default-default text-xs mt-1"})]})},ls=()=>d.jsxs("div",{className:"container-logo w-[185px]  h-[48px] flex items-center justify-center gap-1 bg-gradient-to-br from-[#312C85] to-[#1E1A4D] rounded-md",children:[d.jsx(ae.TicketFilled,{size:28,className:"rotate-140 text-primary-medium-pressed icon-logo"}),d.jsx("span",{className:"font-bold text-[28px] text-primary-medium-pressed font-monserra -tracking-wide text-logo",children:"TICKETS"})]}),us=Object.assign(({menuRef:i,children:e})=>d.jsx("div",{ref:i,className:"flex bg-neutral-default-default absolute bottom-10 left-30 border-1 border-neutral-strong-default h-auto w-60 rounded-md px-2",children:d.jsx(F.AnimatePresence,{mode:"wait",children:d.jsx(F.motion.div,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1,transition:{height:{duration:.6,ease:"easeOut"},opacity:{duration:.4,delay:.2}}},exit:{height:0,opacity:0,transition:{height:{duration:.8,delay:.2,ease:"easeIn"},opacity:{duration:.3,delay:.1}}},className:"overflow-hidden flex flex-col justify-between  items-center w-full",children:e})})}),{Divider:()=>d.jsx(F.motion.div,{className:"flex justify-center items-center w-full ",exit:{opacity:0,scaleX:0,height:0,transition:{duration:.4,delay:.15,ease:"easeInOut"}},children:d.jsx("div",{className:"border-b border-neutral-strong-default border-1 w-full"})}),Items:({onClick:i,children:e})=>d.jsx(F.motion.button,{onClick:i,className:"flex py-2 w-full px-2 gap-1 rounded-md cursor-pointer mt-2 items-center overflow-hidden focus:outline-none hover:bg-neutral-medium-selected button-profile",exit:{opacity:0,y:-8,scale:.96,transition:{duration:.5,delay:0,ease:"easeInOut"}},whileHover:{opacity:1,scale:[1,1.02,1],transition:{duration:.2}},whileTap:{scale:.98},children:e})});function cs({currentPage:i=1,totalPages:e=0,onPageChange:t}){const r=a=>{a>=1&&a<=e&&a!==i&&t?.(a)},s=(()=>{const a=[];if(e>7)if(a.push(1),i<=4){for(let l=2;l<=5;l++)a.push(l);a.push("ellipsis"),a.push(e)}else if(i>=e-3){a.push("ellipsis");for(let l=e-4;l<=e;l++)a.push(l)}else{a.push("ellipsis");for(let l=i-1;l<=i+1;l++)a.push(l);a.push("ellipsis"),a.push(e)}else for(let l=1;l<=e;l++)a.push(l);return a})();return d.jsxs("div",{className:"flex items-center justify-center gap-2 p-4",children:[d.jsx(F.motion.button,{whileHover:{scale:1.05},whileTap:{scale:.95},onClick:()=>r(i-1),disabled:i===1,className:"px-4 py-2 text-primary-medium-default hover:text-primary-default-default disabled:text-gray-600 disabled:cursor-not-allowed transition-colors cursor-pointer",children:"Anterior"}),d.jsx("div",{className:"flex items-center gap-1 select-none",children:s.map((a,o)=>{if(a==="ellipsis")return d.jsx("span",{className:"px-3 py-2 text-neutral-default-default",children:"..."},`ellipsis-${o}`);const l=a,u=l===i;return d.jsxs(F.motion.button,{whileHover:u?{}:{scale:1.1},whileTap:u?{}:{scale:.9},onClick:()=>r(l),className:`relative px-3 py-2 min-w-[40px] text-center transition-colors ${u?"text-primary-default-default":"text-neutral-default-default hover:text-white cursor-pointer "}`,children:[u&&d.jsx(F.motion.div,{layoutId:"activePage",className:"absolute inset-0 border-1 border-primary-default-default rounded-md",initial:!1,transition:{type:"spring",stiffness:500,damping:30}}),d.jsx("span",{className:"relative z-10",children:l})]},l)})}),d.jsx(F.motion.button,{whileHover:{scale:1.05},whileTap:{scale:.95},onClick:()=>r(i+1),disabled:i===e,className:"px-4 py-2 text-primary-medium-default hover:text-primary-default-default disabled:text-gray-600 disabled:cursor-not-allowed transition-colors cursor-pointer",children:"Siguiente"})]})}const ds=({label:i,onOptionClick:e,value:t=[],isFetching:r=!1,options:n,multiple:s=!0,onClear:a,onClose:o,className:l,id:u,emptyMessage:c="No hay opciones disponibles",optionValue:h,optionLabel:p,renderOption:m,renderSelection:_,containerClassName:f,buttonClassName:g,dropdownClassName:x,displayMode:v="compact",onRemoveOption:b})=>{const[w,y]=I.useState(!1),[j,O]=I.useState(!1),C=I.useRef(null),q=t&&t.length>0,E=n.filter(S=>t.includes(h(S))),D=()=>w||q||j?"-top-2 left-2 scale-90":"top-1/2 -translate-y-1/2 scale-100";I.useEffect(()=>{const S=P=>{C.current&&!C.current.contains(P.target)&&y(!1)};return w&&document.addEventListener("mousedown",S),()=>{document.removeEventListener("mousedown",S)}},[w]);const R=()=>{y(!w)},A=S=>{const P=h(S);e(P,S),!s&&o&&o()},H=S=>{S.stopPropagation(),O(!1),S.target.blur(),a?.()},V=(S,P)=>{P?.stopPropagation();const B=h(S);b?.(B)},z=({option:S,onRemove:P})=>d.jsxs("div",{className:"inline-flex items-center gap-1 px-2 py-1 bg-primary-default-default text-white text-xs rounded-md",children:[d.jsx("span",{className:"truncate max-w-20",children:p(S)}),d.jsx("button",{onClick:B=>P(S,B),className:"flex-shrink-0 hover:bg-primary-strong-default rounded-sm p-0.5 transition-colors",type:"button",tabIndex:-1,children:d.jsx(ae.Close,{size:12,className:""})})]}),U=({option:S,isSelected:P,onSelect:B,isMultiple:ee})=>d.jsxs("div",{onClick:B,className:k("px-3 py-2 cursor-pointer flex items-center transition-colors",P?"bg-primary-default-default text-white":"hover:bg-neutral-medium-selected text-neutral-default-default"),children:[ee&&d.jsx("input",{type:"checkbox",checked:P,onChange:()=>{},className:"mr-2 pointer-events-none"}),d.jsx("span",{children:p(S)})]}),ne=({selectedOptions:S})=>S.length===0?null:v==="chips"&&s?d.jsx("div",{className:"flex items-center gap-1 flex-wrap py-1",children:S.map(P=>d.jsx(z,{option:P,onRemove:V},h(P)))}):S.length===1?d.jsx("span",{children:p(S[0])}):d.jsxs("span",{children:[S.length," seleccionados"]}),de=m||U,T=_||ne;return d.jsx("div",{className:k("relative",f),ref:C,children:d.jsxs("div",{className:k("relative",l),children:[d.jsxs("button",{id:u,type:"button",onClick:R,onFocus:()=>O(!0),onBlur:()=>O(!1),className:k("w-full px-3 text-left border-1 rounded-lg transition-all duration-200 ease-in-out","flex items-center justify-between bg-transparent","focus:outline-none",v==="chips"&&s&&q?"min-h-12 py-2":"h-12",w||j?"border-primary-default-default border-2":"border-neutral-default-default hover:border-neutral-strong-default",g),children:[d.jsx("label",{htmlFor:u,className:k("absolute left-3 transition-all duration-200 ease-in-out pointer-events-none bg-inherit px-1 z-10","text-sm",D(),q||w||j?"text-primary-default-default":"text-neutral-medium-default"),children:i}),d.jsx("div",{className:"flex-1 min-w-0",children:d.jsx(T,{selectedOptions:E})}),d.jsxs("div",{className:"flex items-center gap-2 ml-2",children:[r&&d.jsx(sr,{size:"small"}),q&&a&&d.jsx("button",{onClick:H,className:"text-neutral-medium-default hover:text-neutral-default-default transition-colors",type:"button",tabIndex:-1,children:d.jsx(ae.Close,{size:16,className:""})}),d.jsx(ae.ChevronDown,{size:20,className:k("transition-transform text-neutral-default-default",w?"rotate-180":"")})]})]}),w&&d.jsx("div",{className:k("absolute z-50 w-full mt-1 bg-white border border-neutral-default-default rounded-md shadow-lg","max-h-60 overflow-auto",x),children:n.length===0?d.jsx("div",{className:"px-3 py-2 text-neutral-medium-default",children:c}):n.map(S=>{const P=h(S),B=t.includes(P);return d.jsx(de,{option:S,isSelected:B,onSelect:()=>A(S),isMultiple:s},P)})})]})})},fs=I.memo(ds),hs=({children:i})=>d.jsxs("div",{className:"w-full h-full bg-neutral-strong-default",children:[i,d.jsx("main",{className:"w-full h-full overflow-y-auto",children:d.jsx(Ci.Outlet,{})})]}),an=I.createContext(void 0),ar=()=>{const i=I.useContext(an);if(!i)throw new Error("useSidebar must be used within a Sidebar.Root");return i};function Ee(i){if(i===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return i}function on(i,e){i.prototype=Object.create(e.prototype),i.prototype.constructor=i,i.__proto__=e}/*!
+  100% {transform: translateY(0)}`,"sync");function is(i){var e=i.loading,t=e===void 0?!0:e,r=i.color,n=r===void 0?"#000000":r,s=i.speedMultiplier,a=s===void 0?1:s,o=i.cssOverride,l=o===void 0?{}:o,u=i.size,c=u===void 0?15:u,h=i.margin,p=h===void 0?2:h,m=rs(i,["loading","color","speedMultiplier","cssOverride","size","margin"]),_=Bt({display:"inherit"},l),f=function(g){return{backgroundColor:n,width:te(c),height:te(c),margin:te(p),borderRadius:"100%",display:"inline-block",animation:"".concat(ns," ").concat(.6/a,"s ").concat(g*.07,"s infinite ease-in-out"),animationFillMode:"both"}};return t?Y.createElement("span",Bt({style:_},m),Y.createElement("span",{style:f(1)}),Y.createElement("span",{style:f(2)}),Y.createElement("span",{style:f(3)})):null}const sr=({variant:i="sync",color:e="#3B82F6",loading:t=!0,size:r="medium",className:n="",speedMultiplier:s=1})=>{const o=(()=>{if(typeof r=="number")return r;switch(r){case"small":return 20;case"medium":return 35;case"large":return 50;default:return 35}})(),l={color:e,loading:t,size:o,speedMultiplier:s,"aria-label":"Loading Spinner","data-testid":"spinner"},u=k("inline-block",n),c=()=>{switch(i){case"bounce":return d.jsx(Vi,{...l});case"dot":return d.jsx(Gi,{...l});case"grid":return d.jsx(Ki,{...l,size:o*.4});case"hash":return d.jsx(ts,{...l});case"sync":return d.jsx(is,{...l,size:o*.4});case"clip":default:return d.jsx(Yi,{...l})}};return d.jsx("div",{className:u,children:c()})},Vt={default:{container:"",input:k("border-neutral-default-default text-neutral-default-default","focus:border-primary-default-default focus:border-2","hover:border-neutral-strong-default"),label:k("text-neutral-medium-default","peer-focus:text-primary-default-default"),icon:k("text-neutral-medium-default","peer-focus:text-primary-default-default")},error:{container:"",input:k("border-error-default-default text-neutral-default-default","focus:border-error-default focus:border-2","focus:ring-0 focus:ring-error-default/20"),label:k("text-error-light","peer-focus:text-error-light"),icon:k("text-error-light","peer-focus:text-error-light")},success:{container:"",input:k("border-success-default-default text-neutral-default-default","focus:border-success-default focus:border-2","focus:ring-0 focus:ring-success-default/20"),label:k("text-success","peer-focus:text-success-light"),icon:k("text-success-light","peer-focus:text-success-light")}},vt={small:{container:"text-sm",input:"h-10 px-3 text-sm",label:"text-xs peer-focus:text-xs peer-placeholder-shown:text-sm",icon:"w-4 h-4 right-3"},medium:{container:"text-base",input:"h-12 px-3 text-base",label:"text-sm peer-focus:text-sm peer-placeholder-shown:text-base",icon:"w-5 h-5 right-3"},large:{container:"text-lg",input:"h-14 px-3 text-lg",label:"text-sm peer-focus:text-sm peer-placeholder-shown:text-lg",icon:"w-6 h-6 right-3"}},ss=({label:i,icon:e,onChange:t,value:r="",debounceMs:n=0,name:s,width:a="100%",height:o,variant:l="default",size:u="medium",disabled:c=!1,type:h="text",isFetching:p,errorMessage:m,helperText:_,required:f=!1,onFocus:g,onBlur:x})=>{const[v,b]=I.useState(r),[w]=Oi.useDebounce(v,n),[y,j]=I.useState(!1),[O,C]=I.useState(!1);I.useEffect(()=>{n&&w!==r&&t(w)},[w,n,t,r]),I.useEffect(()=>{b(r)},[r]);const q=()=>{j(!0),g?.()},E=()=>{j(!1),x?.()},D=de=>{const T=de.target.value;b(T),n||t(T)},R=()=>{C(!O)},A={};a&&a!=="100%"&&(A.width=a),o&&(A.height=o);const H=v.length>0,V=l==="error"&&m,z=!V&&_,U=()=>y||H?"-top-2 left-2 scale-90":"top-1/2 -translate-y-1/2 scale-100",ne=()=>o?{height:o}:{};return d.jsxs("div",{className:k("relative",vt[u].container,!a&&"w-full","bg-inherit"),style:A,children:[d.jsx("input",{id:s,name:s,type:h==="password"&&O?"text":h,value:v,className:k("peer w-full border-1 rounded-lg bg-transparent appearance-none transition-all duration-200 ease-in-out","placeholder:text-transparent focus:outline-none px-3",!o&&vt[u].input,o&&`px-3 ${vt[u].input.split(" ").filter(de=>de.startsWith("text-")).join(" ")}`,Vt[l].input,e&&"pr-10",c&&"bg-neutral-weak-default cursor-not-allowed opacity-60",Vt[l].container),style:ne(),onChange:D,onFocus:q,onBlur:E,disabled:c,required:f}),d.jsx("label",{htmlFor:s,className:k("absolute left-3 transition-all duration-200 ease-in-out pointer-events-none bg-inherit px-1 z-10",!o&&vt[u].label,o&&"text-sm",Vt[l].label,U(),f&&"after:content-['*'] after:text-error-default after:ml-1"),children:i}),(e||h==="password"||p)&&d.jsx("div",{className:k("absolute top-1/2 -translate-y-1/2 flex items-center justify-center z-10",!o&&vt[u].icon,o&&"w-5 h-5 right-3",Vt[l].icon,h==="password"&&!p?"cursor-pointer":"pointer-events-none"),onClick:h==="password"&&!p?R:void 0,onMouseDown:de=>h==="password"&&!p&&de.preventDefault(),children:d.jsx(F.motion.div,{animate:y?{y:[-2,0],rotate:[0,-10,10,-10,10,0]}:{},transition:{duration:.6,ease:"easeInOut"},children:p&&h!=="password"?d.jsx("div",{className:"animate-spin",children:d.jsx(sr,{size:24,color:"#7c86ff",loading:!0})}):h==="password"?O?d.jsx(ae.EyeVisibility,{size:24,className:""}):d.jsx(ae.EyeVisibilityOff,{size:24,className:""}):e})}),V&&d.jsx("p",{className:"mt-1 text-xs text-error-default",children:m}),z&&d.jsx("p",{className:"mt-1 text-xs text-neutral-medium-default",children:_})]})},as=I.memo(ss),os=({icon:i,iconPosition:e="left",label:t,className:r,containerClassName:n,id:s,type:a="text",...o})=>{const[l,u]=Mt.useField(o),[c,h]=I.useState(!1),[p,m]=I.useState(!1),_=u.touched&&u.error,f=l.value&&l.value.toString().length>0,g=a==="password",x=g?p?"text":"password":a,v=()=>c||f?"-top-3 left-2 scale-90":"top-1/2 -translate-y-1/2 scale-100",b=()=>g?i?e==="left"?"pl-10 pr-10":"pr-16":"pr-10":i?e==="left"?"pl-10":"pr-10":"",w=()=>i&&e==="left"?"left-10":"left-3",y=()=>{m(!p)};return d.jsxs("div",{className:k("relative w-full bg-inherit",n),children:[d.jsxs("div",{className:"relative bg-inherit",children:[d.jsx("input",{id:s||o.name,type:x,name:l.name,value:l.value||"",onChange:l.onChange,onFocus:()=>{h(!0),o.onFocus?.()},onBlur:j=>{h(!1),o.onBlur?.(),l.onBlur(j)},className:k("w-full px-3 h-12 text-left border-1 rounded-lg transition-all duration-200 ease-in-out text-neutral-default-default","bg-transparent focus:outline-none",c?"border-primary-default-default border-2":_?"border-error-default-default":"border-neutral-default-default hover:border-neutral-strong-default",b(),r)}),d.jsx("label",{htmlFor:s||o.name,className:k("absolute transition-all duration-200 ease-in-out pointer-events-none bg-inherit px-1 z-10","text-md",v(),f||c?"text-primary-default-default":_?"text-red-500":"text-neutral-medium-default",w()),children:t}),i&&d.jsx("div",{className:k("absolute top-1/2 -translate-y-1/2 text-neutral-medium-default",e==="left"?"left-3":"right-3"),children:i}),g&&d.jsx("button",{type:"button",onClick:y,className:k("absolute top-1/2 -translate-y-1/2 p-1 text-neutral-medium-default hover:text-neutral-strong-default","transition-colors duration-200 focus:outline-none focus:text-primary-default-default",i&&e==="right"?"right-8":"right-3"),tabIndex:-1,children:p?d.jsx(ae.EyeVisibilityOff,{size:24,className:"text-neutral-default-default"}):d.jsx(ae.EyeVisibility,{size:24,className:"text-neutral-default-default"})})]}),_&&d.jsx(Mt.ErrorMessage,{name:o.name,component:"span",className:"block text-error-default-default text-xs mt-1"})]})},ls=()=>d.jsxs("div",{className:"container-logo w-[185px]  h-[48px] flex items-center justify-center gap-1 bg-gradient-to-br from-[#312C85] to-[#1E1A4D] rounded-md",children:[d.jsx(ae.TicketFilled,{size:28,className:"rotate-140 text-primary-medium-pressed icon-logo"}),d.jsx("span",{className:"font-bold text-[28px] text-primary-medium-pressed font-monserra -tracking-wide text-logo",children:"TICKETS"})]}),us=Object.assign(({menuRef:i,children:e})=>d.jsx("div",{ref:i,className:"flex bg-neutral-default-default absolute bottom-10 left-30 border-1 border-neutral-strong-default h-auto w-60 rounded-md px-2",children:d.jsx(F.AnimatePresence,{mode:"wait",children:d.jsx(F.motion.div,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1,transition:{height:{duration:.6,ease:"easeOut"},opacity:{duration:.4,delay:.2}}},exit:{height:0,opacity:0,transition:{height:{duration:.8,delay:.2,ease:"easeIn"},opacity:{duration:.3,delay:.1}}},className:"overflow-hidden flex flex-col justify-between  items-center w-full",children:e})})}),{Divider:()=>d.jsx(F.motion.div,{className:"flex justify-center items-center w-full ",exit:{opacity:0,scaleX:0,height:0,transition:{duration:.4,delay:.15,ease:"easeInOut"}},children:d.jsx("div",{className:"border-b border-neutral-strong-default border-1 w-full"})}),Items:({onClick:i,children:e,className:t})=>d.jsx(F.motion.button,{onClick:i,className:k("flex py-2 w-full px-2 gap-1 rounded-md cursor-pointer mt-2 items-center overflow-hidden focus:outline-none hover:bg-neutral-medium-selected button-profile",t),exit:{opacity:0,y:-8,scale:.96,transition:{duration:.5,delay:0,ease:"easeInOut"}},whileHover:{opacity:1,scale:[1,1.02,1],transition:{duration:.2}},whileTap:{scale:.98},children:e})});function cs({currentPage:i=1,totalPages:e=0,onPageChange:t}){const r=a=>{a>=1&&a<=e&&a!==i&&t?.(a)},s=(()=>{const a=[];if(e>7)if(a.push(1),i<=4){for(let l=2;l<=5;l++)a.push(l);a.push("ellipsis"),a.push(e)}else if(i>=e-3){a.push("ellipsis");for(let l=e-4;l<=e;l++)a.push(l)}else{a.push("ellipsis");for(let l=i-1;l<=i+1;l++)a.push(l);a.push("ellipsis"),a.push(e)}else for(let l=1;l<=e;l++)a.push(l);return a})();return d.jsxs("div",{className:"flex items-center justify-center gap-2 p-4",children:[d.jsx(F.motion.button,{whileHover:{scale:1.05},whileTap:{scale:.95},onClick:()=>r(i-1),disabled:i===1,className:"px-4 py-2 text-primary-medium-default hover:text-primary-default-default disabled:text-gray-600 disabled:cursor-not-allowed transition-colors cursor-pointer",children:"Anterior"}),d.jsx("div",{className:"flex items-center gap-1 select-none",children:s.map((a,o)=>{if(a==="ellipsis")return d.jsx("span",{className:"px-3 py-2 text-neutral-default-default",children:"..."},`ellipsis-${o}`);const l=a,u=l===i;return d.jsxs(F.motion.button,{whileHover:u?{}:{scale:1.1},whileTap:u?{}:{scale:.9},onClick:()=>r(l),className:`relative px-3 py-2 min-w-[40px] text-center transition-colors ${u?"text-primary-default-default":"text-neutral-default-default hover:text-white cursor-pointer "}`,children:[u&&d.jsx(F.motion.div,{layoutId:"activePage",className:"absolute inset-0 border-1 border-primary-default-default rounded-md",initial:!1,transition:{type:"spring",stiffness:500,damping:30}}),d.jsx("span",{className:"relative z-10",children:l})]},l)})}),d.jsx(F.motion.button,{whileHover:{scale:1.05},whileTap:{scale:.95},onClick:()=>r(i+1),disabled:i===e,className:"px-4 py-2 text-primary-medium-default hover:text-primary-default-default disabled:text-gray-600 disabled:cursor-not-allowed transition-colors cursor-pointer",children:"Siguiente"})]})}const ds=({label:i,onOptionClick:e,value:t=[],isFetching:r=!1,options:n,multiple:s=!0,onClear:a,onClose:o,className:l,id:u,emptyMessage:c="No hay opciones disponibles",optionValue:h,optionLabel:p,renderOption:m,renderSelection:_,containerClassName:f,buttonClassName:g,dropdownClassName:x,displayMode:v="compact",onRemoveOption:b})=>{const[w,y]=I.useState(!1),[j,O]=I.useState(!1),C=I.useRef(null),q=t&&t.length>0,E=n.filter(S=>t.includes(h(S))),D=()=>w||q||j?"-top-2 left-2 scale-90":"top-1/2 -translate-y-1/2 scale-100";I.useEffect(()=>{const S=P=>{C.current&&!C.current.contains(P.target)&&y(!1)};return w&&document.addEventListener("mousedown",S),()=>{document.removeEventListener("mousedown",S)}},[w]);const R=()=>{y(!w)},A=S=>{const P=h(S);e(P,S),!s&&o&&o()},H=S=>{S.stopPropagation(),O(!1),S.target.blur(),a?.()},V=(S,P)=>{P?.stopPropagation();const B=h(S);b?.(B)},z=({option:S,onRemove:P})=>d.jsxs("div",{className:"inline-flex items-center gap-1 px-2 py-1 bg-primary-default-default text-white text-xs rounded-md",children:[d.jsx("span",{className:"truncate max-w-20",children:p(S)}),d.jsx("button",{onClick:B=>P(S,B),className:"flex-shrink-0 hover:bg-primary-strong-default rounded-sm p-0.5 transition-colors",type:"button",tabIndex:-1,children:d.jsx(ae.Close,{size:12,className:""})})]}),U=({option:S,isSelected:P,onSelect:B,isMultiple:ee})=>d.jsxs("div",{onClick:B,className:k("px-3 py-2 cursor-pointer flex items-center transition-colors",P?"bg-primary-default-default text-white":"hover:bg-neutral-medium-selected text-neutral-default-default"),children:[ee&&d.jsx("input",{type:"checkbox",checked:P,onChange:()=>{},className:"mr-2 pointer-events-none"}),d.jsx("span",{children:p(S)})]}),ne=({selectedOptions:S})=>S.length===0?null:v==="chips"&&s?d.jsx("div",{className:"flex items-center gap-1 flex-wrap py-1",children:S.map(P=>d.jsx(z,{option:P,onRemove:V},h(P)))}):S.length===1?d.jsx("span",{children:p(S[0])}):d.jsxs("span",{children:[S.length," seleccionados"]}),de=m||U,T=_||ne;return d.jsx("div",{className:k("relative",f),ref:C,children:d.jsxs("div",{className:k("relative",l),children:[d.jsxs("button",{id:u,type:"button",onClick:R,onFocus:()=>O(!0),onBlur:()=>O(!1),className:k("w-full px-3 text-left border-1 rounded-lg transition-all duration-200 ease-in-out","flex items-center justify-between bg-transparent","focus:outline-none",v==="chips"&&s&&q?"min-h-12 py-2":"h-12",w||j?"border-primary-default-default border-2":"border-neutral-default-default hover:border-neutral-strong-default",g),children:[d.jsx("label",{htmlFor:u,className:k("absolute left-3 transition-all duration-200 ease-in-out pointer-events-none bg-inherit px-1 z-10","text-sm",D(),q||w||j?"text-primary-default-default":"text-neutral-medium-default"),children:i}),d.jsx("div",{className:"flex-1 min-w-0",children:d.jsx(T,{selectedOptions:E})}),d.jsxs("div",{className:"flex items-center gap-2 ml-2",children:[r&&d.jsx(sr,{size:"small"}),q&&a&&d.jsx("button",{onClick:H,className:"text-neutral-medium-default hover:text-neutral-default-default transition-colors",type:"button",tabIndex:-1,children:d.jsx(ae.Close,{size:16,className:""})}),d.jsx(ae.ChevronDown,{size:20,className:k("transition-transform text-neutral-default-default",w?"rotate-180":"")})]})]}),w&&d.jsx("div",{className:k("absolute z-50 w-full mt-1 bg-white border border-neutral-default-default rounded-md shadow-lg","max-h-60 overflow-auto",x),children:n.length===0?d.jsx("div",{className:"px-3 py-2 text-neutral-medium-default",children:c}):n.map(S=>{const P=h(S),B=t.includes(P);return d.jsx(de,{option:S,isSelected:B,onSelect:()=>A(S),isMultiple:s},P)})})]})})},fs=I.memo(ds),hs=({children:i})=>d.jsxs("div",{className:"w-full h-full bg-neutral-strong-default",children:[i,d.jsx("main",{className:"w-full h-full overflow-y-auto",children:d.jsx(Ci.Outlet,{})})]}),an=I.createContext(void 0),ar=()=>{const i=I.useContext(an);if(!i)throw new Error("useSidebar must be used within a Sidebar.Root");return i};function Ee(i){if(i===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return i}function on(i,e){i.prototype=Object.create(e.prototype),i.prototype.constructor=i,i.__proto__=e}/*!
  * GSAP 3.13.0
  * https://gsap.com
  *

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "1.1.3",
+  "version": "1.1.4",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",