@neuctra/ui 0.2.0 → 0.2.2

package/dist/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react");var ae={exports:{}},Q={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");var Ne={exports:{}},Ee={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ke;function Ye(){if(ke)return Q;ke=1;var t=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function o(i,l,s){var c=null;if(s!==void 0&&(c=""+s),l.key!==void 0&&(c=""+l.key),"key"in l){s={};for(var f in l)f!=="key"&&(s[f]=l[f])}else s=l;return l=s.ref,{$$typeof:t,type:i,key:c,ref:l!==void 0?l:null,props:s}}return Q.Fragment=n,Q.jsx=o,Q.jsxs=o,Q}var ee={};/**
+ */var Ke;function vt(){if(Ke)return Ee;Ke=1;var t=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function a(i,c,n){var l=null;if(n!==void 0&&(l=""+n),c.key!==void 0&&(l=""+c.key),"key"in c){n={};for(var d in c)d!=="key"&&(n[d]=c[d])}else n=c;return c=n.ref,{$$typeof:t,type:i,key:l,ref:c!==void 0?c:null,props:n}}return Ee.Fragment=r,Ee.jsx=a,Ee.jsxs=a,Ee}var _e={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,12 +14,12 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Se;function Ve(){return Se||(Se=1,process.env.NODE_ENV!=="production"&&function(){function t(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===I?null:r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case m:return"Fragment";case R:return"Profiler";case C:return"StrictMode";case T:return"Suspense";case S:return"SuspenseList";case Y:return"Activity"}if(typeof r=="object")switch(typeof r.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),r.$$typeof){case w:return"Portal";case $:return(r.displayName||"Context")+".Provider";case z:return(r._context.displayName||"Context")+".Consumer";case b:var k=r.render;return r=r.displayName,r||(r=k.displayName||k.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case y:return k=r.displayName||null,k!==null?k:t(r.type)||"Memo";case F:k=r._payload,r=r._init;try{return t(r(k))}catch{}}return null}function n(r){return""+r}function o(r){try{n(r);var k=!1}catch{k=!0}if(k){k=console;var P=k.error,V=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return P.call(k,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",V),n(r)}}function i(r){if(r===m)return"<>";if(typeof r=="object"&&r!==null&&r.$$typeof===F)return"<...>";try{var k=t(r);return k?"<"+k+">":"<...>"}catch{return"<...>"}}function l(){var r=E.A;return r===null?null:r.getOwner()}function s(){return Error("react-stack-top-frame")}function c(r){if(L.call(r,"key")){var k=Object.getOwnPropertyDescriptor(r,"key").get;if(k&&k.isReactWarning)return!1}return r.key!==void 0}function f(r,k){function P(){g||(g=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",k))}P.isReactWarning=!0,Object.defineProperty(r,"key",{get:P,configurable:!0})}function x(){var r=t(this.type);return j[r]||(j[r]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),r=this.props.ref,r!==void 0?r:null}function v(r,k,P,V,D,A,W,q){return P=A.ref,r={$$typeof:p,type:r,key:k,props:A,_owner:D},(P!==void 0?P:null)!==null?Object.defineProperty(r,"ref",{enumerable:!1,get:x}):Object.defineProperty(r,"ref",{enumerable:!1,value:null}),r._store={},Object.defineProperty(r._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(r,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(r,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:W}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function d(r,k,P,V,D,A,W,q){var _=k.children;if(_!==void 0)if(V)if(U(_)){for(V=0;V<_.length;V++)u(_[V]);Object.freeze&&Object.freeze(_)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else u(_);if(L.call(k,"key")){_=t(r);var X=Object.keys(k).filter(function(se){return se!=="key"});V=0<X.length?"{key: someKey, "+X.join(": ..., ")+": ...}":"{key: someKey}",B[_+V]||(X=0<X.length?"{"+X.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var Ze;function wt(){return Ze||(Ze=1,process.env.NODE_ENV!=="production"&&function(){function t(o){if(o==null)return null;if(typeof o=="function")return o.$$typeof===F?null:o.displayName||o.name||null;if(typeof o=="string")return o;switch(o){case m:return"Fragment";case g:return"Profiler";case C:return"StrictMode";case _:return"Suspense";case A:return"SuspenseList";case X:return"Activity"}if(typeof o=="object")switch(typeof o.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),o.$$typeof){case w:return"Portal";case E:return(o.displayName||"Context")+".Provider";case y:return(o._context.displayName||"Context")+".Consumer";case T:var z=o.render;return o=o.displayName,o||(o=z.displayName||z.name||"",o=o!==""?"ForwardRef("+o+")":"ForwardRef"),o;case R:return z=o.displayName||null,z!==null?z:t(o.type)||"Memo";case M:z=o._payload,o=o._init;try{return t(o(z))}catch{}}return null}function r(o){return""+o}function a(o){try{r(o);var z=!1}catch{z=!0}if(z){z=console;var L=z.error,q=typeof Symbol=="function"&&Symbol.toStringTag&&o[Symbol.toStringTag]||o.constructor.name||"Object";return L.call(z,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",q),r(o)}}function i(o){if(o===m)return"<>";if(typeof o=="object"&&o!==null&&o.$$typeof===M)return"<...>";try{var z=t(o);return z?"<"+z+">":"<...>"}catch{return"<...>"}}function c(){var o=Y.A;return o===null?null:o.getOwner()}function n(){return Error("react-stack-top-frame")}function l(o){if($.call(o,"key")){var z=Object.getOwnPropertyDescriptor(o,"key").get;if(z&&z.isReactWarning)return!1}return o.key!==void 0}function d(o,z){function L(){k||(k=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",z))}L.isReactWarning=!0,Object.defineProperty(o,"key",{get:L,configurable:!0})}function S(){var o=t(this.type);return h[o]||(h[o]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),o=this.props.ref,o!==void 0?o:null}function j(o,z,L,q,K,D,G,ne){return L=D.ref,o={$$typeof:x,type:o,key:z,props:D,_owner:K},(L!==void 0?L:null)!==null?Object.defineProperty(o,"ref",{enumerable:!1,get:S}):Object.defineProperty(o,"ref",{enumerable:!1,value:null}),o._store={},Object.defineProperty(o._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(o,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(o,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:G}),Object.defineProperty(o,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:ne}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o}function v(o,z,L,q,K,D,G,ne){var u=z.children;if(u!==void 0)if(q)if(N(u)){for(q=0;q<u.length;q++)f(u[q]);Object.freeze&&Object.freeze(u)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else f(u);if($.call(z,"key")){u=t(o);var O=Object.keys(z).filter(function(B){return B!=="key"});q=0<O.length?"{key: someKey, "+O.join(": ..., ")+": ...}":"{key: someKey}",U[u+q]||(O=0<O.length?"{"+O.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,V,_,X,_),B[_+V]=!0)}if(_=null,P!==void 0&&(o(P),_=""+P),c(k)&&(o(k.key),_=""+k.key),"key"in k){P={};for(var J in k)J!=="key"&&(P[J]=k[J])}else P=k;return _&&f(P,typeof r=="function"?r.displayName||r.name||"Unknown":r),v(r,_,A,D,l(),P,W,q)}function u(r){typeof r=="object"&&r!==null&&r.$$typeof===p&&r._store&&(r._store.validated=1)}var h=a,p=Symbol.for("react.transitional.element"),w=Symbol.for("react.portal"),m=Symbol.for("react.fragment"),C=Symbol.for("react.strict_mode"),R=Symbol.for("react.profiler"),z=Symbol.for("react.consumer"),$=Symbol.for("react.context"),b=Symbol.for("react.forward_ref"),T=Symbol.for("react.suspense"),S=Symbol.for("react.suspense_list"),y=Symbol.for("react.memo"),F=Symbol.for("react.lazy"),Y=Symbol.for("react.activity"),I=Symbol.for("react.client.reference"),E=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,L=Object.prototype.hasOwnProperty,U=Array.isArray,O=console.createTask?console.createTask:function(){return null};h={react_stack_bottom_frame:function(r){return r()}};var g,j={},N=h.react_stack_bottom_frame.bind(h,s)(),M=O(i(s)),B={};ee.Fragment=m,ee.jsx=function(r,k,P,V,D){var A=1e4>E.recentlyCreatedOwnerStacks++;return d(r,k,P,!1,V,D,A?Error("react-stack-top-frame"):N,A?O(i(r)):M)},ee.jsxs=function(r,k,P,V,D){var A=1e4>E.recentlyCreatedOwnerStacks++;return d(r,k,P,!0,V,D,A?Error("react-stack-top-frame"):N,A?O(i(r)):M)}}()),ee}var Te;function Ue(){return Te||(Te=1,process.env.NODE_ENV==="production"?ae.exports=Ye():ae.exports=Ve()),ae.exports}var e=Ue();const He=({as:t="p",children:n,className:o="",href:i,target:l,rel:s,color:c="#333",bgColor:f,fontSize:x="16px",fontWeight:v="normal",textAlign:d="left",textTransform:u="none",lineHeight:h="normal",letterSpacing:p="normal",maxWidth:w,padding:m,margin:C,borderRadius:R,boxShadow:z,shadowColor:$="rgba(0,0,0,0.1)",wordBreak:b="normal",italic:T=!1,bold:S=!1,underline:y=!1,strikethrough:F=!1,selectable:Y=!0,truncate:I=!1,hoverColor:E,hoverBgColor:L,hoverTextDecoration:U,activeColor:O,activeBgColor:g,transitionDuration:j="0.25s",onClick:N})=>{const M=a.useMemo(()=>{const A=[];return y&&A.push("underline"),F&&A.push("line-through"),A.join(" ")||"none"},[y,F]),B={color:c,backgroundColor:f||"transparent",fontSize:x,fontWeight:S?"bold":v,textAlign:d,textTransform:u,lineHeight:h,letterSpacing:p,maxWidth:w,padding:m,margin:C,borderRadius:R,textDecoration:M,fontStyle:T?"italic":"normal",wordBreak:b,boxShadow:z||($?`0 1px 4px ${$}`:void 0),cursor:N||i?"pointer":"default",userSelect:Y?"text":"none",transition:`all ${j} ease-in-out`,overflow:I?"hidden":void 0,whiteSpace:I?"nowrap":void 0,textOverflow:I?"ellipsis":void 0},D={className:o,style:B,onClick:N,onMouseEnter:A=>{const W=A.currentTarget;E&&(W.style.color=E),L&&(W.style.backgroundColor=L),U&&(W.style.textDecoration=U)},onMouseLeave:A=>{const W=A.currentTarget;W.style.color=c,W.style.backgroundColor=f||"transparent",W.style.textDecoration=M},onMouseDown:A=>{const W=A.currentTarget;O&&(W.style.color=O),g&&(W.style.backgroundColor=g)},onMouseUp:A=>{const W=A.currentTarget;W.style.color=E||c,W.style.backgroundColor=L||f||"transparent"}};return t==="a"||i?e.jsx("a",{...D,href:i,target:l,rel:s||(l==="_blank"?"noopener noreferrer":void 0),children:n}):e.jsx(t,{...D,children:n})},be=({src:t,alt:n="Image",width:o="100%",height:i="auto",borderRadius:l="8px",borderColor:s="transparent",borderStyle:c="solid",borderWidth:f="0px",shadow:x=!1,boxShadow:v,opacity:d=1,objectFit:u="cover",overlayText:h,overlayColor:p="rgba(0, 0, 0, 0.5)",svgIcon:w,responsive:m=!1,padding:C,margin:R,lazyLoad:z=!1,hoverOpacity:$,hoverShadow:b=!1,hoverScale:T,hoverRotate:S,transitionDuration:y="0.3s",overflow:F="hidden",className:Y,style:I,onClick:E})=>{const L={width:m?"100%":o,height:m?"100%":i,borderRadius:l,border:`${f} ${c} ${s}`,objectFit:u,opacity:d,boxShadow:x?v||"0 4px 12px rgba(0,0,0,0.15)":"none",transition:`all ${y} ease`,display:"block"},U=j=>{j.currentTarget.style.opacity=$!==void 0?$.toString():L.opacity?.toString()||"1",j.currentTarget.style.boxShadow=b?"0 8px 20px rgba(0,0,0,0.3)":L.boxShadow?.toString()||"none",j.currentTarget.style.transform=`scale(${T||1}) rotate(${S||0}deg)`},O=j=>{j.currentTarget.style.opacity=L.opacity?.toString()||"1",j.currentTarget.style.boxShadow=L.boxShadow?.toString()||"none",j.currentTarget.style.transform="scale(1) rotate(0deg)"},g=(()=>{switch(F){case"x":return{overflowX:"hidden"};case"y":return{overflowY:"hidden"};default:return{overflow:F}}})();return e.jsxs("div",{role:"img","aria-label":n,onClick:E,className:Y,style:{width:m?"100%":o,height:m?"auto":i,padding:C,margin:R,position:"relative",cursor:E?"pointer":"default",display:"inline-block",transition:`all ${y} ease`,...g,...I},children:[w?e.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:w}):e.jsx("img",{src:t,alt:n,loading:z?"lazy":"eager",style:L,onMouseEnter:U,onMouseLeave:O}),h&&e.jsx("div",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundColor:p,color:"#fff",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:"bold",fontSize:"1.25rem",textAlign:"center",padding:"1rem",boxSizing:"border-box"},children:h})]})},Ge=({children:t,type:n="button",onClick:o,iconBefore:i,iconAfter:l,className:s="",style:c,fullWidth:f=!1,disabled:x=!1,loading:v=!1,loadingText:d="Loading...",paddingHorizontal:u=30,paddingVertical:h=8,fontSize:p="16px",fontWeight:w=400,borderRadius:m=6,backgroundColor:C="#02b314",textColor:R="white",borderColor:z="transparent",hoverBgColor:$="transparent",hoverTextColor:b="black",hoverBorderColor:T,boxShadow:S="0 1px 2px rgba(0, 0, 0, 0.05)"})=>{const[y,F]=a.useState(!1),Y=y&&!x&&b||R,I=y&&!x&&T||z,E=y&&!x?$:C,L={display:"inline-flex",alignItems:"center",justifyContent:"center",padding:`${h}px ${u}px`,fontSize:p,fontWeight:w,borderRadius:`${m}px`,width:f?"100%":"auto",color:Y,border:`1px solid ${I}`,backgroundColor:E,boxShadow:S,cursor:x?"not-allowed":"pointer",opacity:x?.6:1,transition:"all 0.2s ease-in-out",gap:"8px",...c};return e.jsxs("button",{type:n,className:s,style:L,onClick:!x&&!v?o:void 0,disabled:x,onMouseEnter:()=>F(!0),onMouseLeave:()=>F(!1),children:[v?e.jsxs(e.Fragment,{children:[e.jsx("span",{style:{width:"18px",height:"18px",border:"2px solid currentColor",borderTopColor:"transparent",borderRadius:"50%",animation:"spin 1s linear infinite"}}),e.jsx("span",{children:d})]}):e.jsxs(e.Fragment,{children:[i&&e.jsx("span",{children:i}),e.jsx("span",{children:t}),l&&e.jsx("span",{children:l})]}),e.jsx("style",{children:`
+  <%s key={someKey} {...props} />`,q,u,O,u),U[u+q]=!0)}if(u=null,L!==void 0&&(a(L),u=""+L),l(z)&&(a(z.key),u=""+z.key),"key"in z){L={};for(var p in z)p!=="key"&&(L[p]=z[p])}else L=z;return u&&d(L,typeof o=="function"?o.displayName||o.name||"Unknown":o),j(o,u,D,K,c(),L,G,ne)}function f(o){typeof o=="object"&&o!==null&&o.$$typeof===x&&o._store&&(o._store.validated=1)}var b=s,x=Symbol.for("react.transitional.element"),w=Symbol.for("react.portal"),m=Symbol.for("react.fragment"),C=Symbol.for("react.strict_mode"),g=Symbol.for("react.profiler"),y=Symbol.for("react.consumer"),E=Symbol.for("react.context"),T=Symbol.for("react.forward_ref"),_=Symbol.for("react.suspense"),A=Symbol.for("react.suspense_list"),R=Symbol.for("react.memo"),M=Symbol.for("react.lazy"),X=Symbol.for("react.activity"),F=Symbol.for("react.client.reference"),Y=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,$=Object.prototype.hasOwnProperty,N=Array.isArray,J=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(o){return o()}};var k,h={},I=b.react_stack_bottom_frame.bind(b,n)(),V=J(i(n)),U={};_e.Fragment=m,_e.jsx=function(o,z,L,q,K){var D=1e4>Y.recentlyCreatedOwnerStacks++;return v(o,z,L,!1,q,K,D?Error("react-stack-top-frame"):I,D?J(i(o)):V)},_e.jsxs=function(o,z,L,q,K){var D=1e4>Y.recentlyCreatedOwnerStacks++;return v(o,z,L,!0,q,K,D?Error("react-stack-top-frame"):I,D?J(i(o)):V)}}()),_e}var Qe;function jt(){return Qe||(Qe=1,process.env.NODE_ENV==="production"?Ne.exports=vt():Ne.exports=wt()),Ne.exports}var e=jt();const kt=({as:t="p",children:r,className:a="",href:i,target:c,rel:n,color:l="#333",bgColor:d,fontSize:S="16px",fontWeight:j="normal",textAlign:v="left",textTransform:f="none",lineHeight:b="normal",letterSpacing:x="normal",maxWidth:w,padding:m,margin:C,borderRadius:g,boxShadow:y,shadowColor:E="rgba(0,0,0,0.1)",wordBreak:T="normal",italic:_=!1,bold:A=!1,underline:R=!1,strikethrough:M=!1,selectable:X=!0,truncate:F=!1,hoverColor:Y,hoverBgColor:$,hoverTextDecoration:N,activeColor:J,activeBgColor:k,transitionDuration:h="0.25s",onClick:I})=>{const V=s.useMemo(()=>{const D=[];return R&&D.push("underline"),M&&D.push("line-through"),D.join(" ")||"none"},[R,M]),U={color:l,backgroundColor:d||"transparent",fontSize:S,fontWeight:A?"bold":j,textAlign:v,textTransform:f,lineHeight:b,letterSpacing:x,maxWidth:w,padding:m,margin:C,borderRadius:g,textDecoration:V,fontStyle:_?"italic":"normal",wordBreak:T,boxShadow:y||(E?`0 1px 4px ${E}`:void 0),cursor:I||i?"pointer":"default",userSelect:X?"text":"none",transition:`all ${h} ease-in-out`,overflow:F?"hidden":void 0,whiteSpace:F?"nowrap":void 0,textOverflow:F?"ellipsis":void 0},K={className:a,style:U,onClick:I,onMouseEnter:D=>{const G=D.currentTarget;Y&&(G.style.color=Y),$&&(G.style.backgroundColor=$),N&&(G.style.textDecoration=N)},onMouseLeave:D=>{const G=D.currentTarget;G.style.color=l,G.style.backgroundColor=d||"transparent",G.style.textDecoration=V},onMouseDown:D=>{const G=D.currentTarget;J&&(G.style.color=J),k&&(G.style.backgroundColor=k)},onMouseUp:D=>{const G=D.currentTarget;G.style.color=Y||l,G.style.backgroundColor=$||d||"transparent"}};return t==="a"||i?e.jsx("a",{...K,href:i,target:c,rel:n||(c==="_blank"?"noopener noreferrer":void 0),children:r}):e.jsx(t,{...K,children:r})},Ue=({src:t,alt:r="Image",width:a="100%",height:i="auto",borderRadius:c="8px",borderColor:n="transparent",borderStyle:l="solid",borderWidth:d="0px",shadow:S=!1,boxShadow:j,opacity:v=1,objectFit:f="cover",overlayText:b,overlayColor:x="rgba(0, 0, 0, 0.5)",svgIcon:w,responsive:m=!1,padding:C,margin:g,lazyLoad:y=!1,hoverOpacity:E,hoverShadow:T=!1,hoverScale:_,hoverRotate:A,transitionDuration:R="0.3s",overflow:M="hidden",className:X,style:F,onClick:Y})=>{const $={width:m?"100%":a,height:m?"100%":i,borderRadius:c,border:`${d} ${l} ${n}`,objectFit:f,opacity:v,boxShadow:S?j||"0 4px 12px rgba(0,0,0,0.15)":"none",transition:`all ${R} ease`,display:"block"},N=h=>{h.currentTarget.style.opacity=E!==void 0?E.toString():$.opacity?.toString()||"1",h.currentTarget.style.boxShadow=T?"0 8px 20px rgba(0,0,0,0.3)":$.boxShadow?.toString()||"none",h.currentTarget.style.transform=`scale(${_||1}) rotate(${A||0}deg)`},J=h=>{h.currentTarget.style.opacity=$.opacity?.toString()||"1",h.currentTarget.style.boxShadow=$.boxShadow?.toString()||"none",h.currentTarget.style.transform="scale(1) rotate(0deg)"},k=(()=>{switch(M){case"x":return{overflowX:"hidden"};case"y":return{overflowY:"hidden"};default:return{overflow:M}}})();return e.jsxs("div",{role:"img","aria-label":r,onClick:Y,className:X,style:{width:m?"100%":a,height:m?"auto":i,padding:C,margin:g,position:"relative",cursor:Y?"pointer":"default",display:"inline-block",transition:`all ${R} ease`,...k,...F},children:[w?e.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:w}):e.jsx("img",{src:t,alt:r,loading:y?"lazy":"eager",style:$,onMouseEnter:N,onMouseLeave:J}),b&&e.jsx("div",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundColor:x,color:"#fff",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:"bold",fontSize:"1.25rem",textAlign:"center",padding:"1rem",boxSizing:"border-box"},children:b})]})},St=({children:t,type:r="button",onClick:a,iconBefore:i,iconAfter:c,className:n="",style:l,fullWidth:d=!1,disabled:S=!1,loading:j=!1,loadingText:v="Loading...",paddingHorizontal:f=30,paddingVertical:b=8,fontSize:x="16px",fontWeight:w=400,borderRadius:m=6,backgroundColor:C="#02b314",textColor:g="white",borderColor:y="transparent",hoverBgColor:E="transparent",hoverTextColor:T="black",hoverBorderColor:_,boxShadow:A="0 1px 2px rgba(0, 0, 0, 0.05)"})=>{const[R,M]=s.useState(!1),X=R&&!S&&T||g,F=R&&!S&&_||y,Y=R&&!S?E:C,$={display:"inline-flex",alignItems:"center",justifyContent:"center",padding:`${b}px ${f}px`,fontSize:x,fontWeight:w,borderRadius:`${m}px`,width:d?"100%":"auto",color:X,border:`1px solid ${F}`,backgroundColor:Y,boxShadow:A,cursor:S?"not-allowed":"pointer",opacity:S?.6:1,transition:"all 0.2s ease-in-out",gap:"8px",...l};return e.jsxs("button",{type:r,className:n,style:$,onClick:!S&&!j?a:void 0,disabled:S,onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1),children:[j?e.jsxs(e.Fragment,{children:[e.jsx("span",{style:{width:"18px",height:"18px",border:"2px solid currentColor",borderTopColor:"transparent",borderRadius:"50%",animation:"spin 1s linear infinite"}}),e.jsx("span",{children:v})]}):e.jsxs(e.Fragment,{children:[i&&e.jsx("span",{children:i}),e.jsx("span",{children:t}),c&&e.jsx("span",{children:c})]}),e.jsx("style",{children:`
           @keyframes spin {
             to { transform: rotate(360deg); }
           }
@@ -28,142 +28,288 @@ React keys must be passed directly to JSX without using spread:
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const qe=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),Xe=t=>t.replace(/^([A-Z])|[\s-_]+(\w)/g,(n,o,i)=>i?i.toUpperCase():o.toLowerCase()),Ce=t=>{const n=Xe(t);return n.charAt(0).toUpperCase()+n.slice(1)},$e=(...t)=>t.filter((n,o,i)=>!!n&&n.trim()!==""&&i.indexOf(n)===o).join(" ").trim(),Je=t=>{for(const n in t)if(n.startsWith("aria-")||n==="role"||n==="title")return!0};/**
+ */const Tt=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),Rt=t=>t.replace(/^([A-Z])|[\s-_]+(\w)/g,(r,a,i)=>i?i.toUpperCase():a.toLowerCase()),et=t=>{const r=Rt(t);return r.charAt(0).toUpperCase()+r.slice(1)},ot=(...t)=>t.filter((r,a,i)=>!!r&&r.trim()!==""&&i.indexOf(r)===a).join(" ").trim(),$t=t=>{for(const r in t)if(r.startsWith("aria-")||r==="role"||r==="title")return!0};/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */var Ze={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};/**
+ */var zt={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const Ke=a.forwardRef(({color:t="currentColor",size:n=24,strokeWidth:o=2,absoluteStrokeWidth:i,className:l="",children:s,iconNode:c,...f},x)=>a.createElement("svg",{ref:x,...Ze,width:n,height:n,stroke:t,strokeWidth:i?Number(o)*24/Number(n):o,className:$e("lucide",l),...!s&&!Je(f)&&{"aria-hidden":"true"},...f},[...c.map(([v,d])=>a.createElement(v,d)),...Array.isArray(s)?s:[s]]));/**
+ */const Mt=s.forwardRef(({color:t="currentColor",size:r=24,strokeWidth:a=2,absoluteStrokeWidth:i,className:c="",children:n,iconNode:l,...d},S)=>s.createElement("svg",{ref:S,...zt,width:r,height:r,stroke:t,strokeWidth:i?Number(a)*24/Number(r):a,className:ot("lucide",c),...!n&&!$t(d)&&{"aria-hidden":"true"},...d},[...l.map(([j,v])=>s.createElement(j,v)),...Array.isArray(n)?n:[n]]));/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const G=(t,n)=>{const o=a.forwardRef(({className:i,...l},s)=>a.createElement(Ke,{ref:s,iconNode:n,className:$e(`lucide-${qe(Ce(t))}`,`lucide-${t}`,i),...l}));return o.displayName=Ce(t),o};/**
+ */const te=(t,r)=>{const a=s.forwardRef(({className:i,...c},n)=>s.createElement(Mt,{ref:n,iconNode:r,className:ot(`lucide-${Tt(et(t))}`,`lucide-${t}`,i),...c}));return a.displayName=et(t),a};/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const Qe=[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]],Ie=G("chevron-left",Qe);/**
+ */const It=[["rect",{width:"18",height:"14",x:"3",y:"5",rx:"2",ry:"2",key:"12ruh7"}],["path",{d:"M7 15h4M15 15h2M7 11h2M13 11h4",key:"1ueiar"}]],Ct=te("captions",It);/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const et=[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]],_e=G("chevron-right",et);/**
+ */const Et=[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]],it=te("chevron-left",Et);/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const tt=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]],rt=G("circle-alert",tt);/**
+ */const _t=[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]],at=te("chevron-right",_t);/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const nt=[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]],st=G("circle-check-big",nt);/**
+ */const Lt=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]],Pt=te("circle-alert",Lt);/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const ot=[["path",{d:"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",key:"ct8e1f"}],["path",{d:"M14.084 14.158a3 3 0 0 1-4.242-4.242",key:"151rxh"}],["path",{d:"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",key:"13bj9a"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]],lt=G("eye-off",ot);/**
+ */const At=[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]],Nt=te("circle-check-big",At);/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const it=[["path",{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",key:"1nclc0"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]],at=G("eye",it);/**
+ */const Bt=[["path",{d:"M12 15V3",key:"m9g1x1"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["path",{d:"m7 10 5 5 5-5",key:"brsn70"}]],Ot=te("download",Bt);/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const ct=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]],dt=G("info",ct);/**
+ */const Ft=[["path",{d:"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",key:"ct8e1f"}],["path",{d:"M14.084 14.158a3 3 0 0 1-4.242-4.242",key:"151rxh"}],["path",{d:"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",key:"13bj9a"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]],Wt=te("eye-off",Ft);/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const ut=[["path",{d:"M8 3H5a2 2 0 0 0-2 2v3",key:"1dcmit"}],["path",{d:"M21 8V5a2 2 0 0 0-2-2h-3",key:"1e4gt3"}],["path",{d:"M3 16v3a2 2 0 0 0 2 2h3",key:"wsl5sc"}],["path",{d:"M16 21h3a2 2 0 0 0 2-2v-3",key:"18trek"}]],ce=G("maximize",ut);/**
+ */const Dt=[["path",{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",key:"1nclc0"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]],Yt=te("eye",Dt);/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const pt=[["path",{d:"M8 3v3a2 2 0 0 1-2 2H3",key:"hohbtr"}],["path",{d:"M21 8h-3a2 2 0 0 1-2-2V3",key:"5jw1f3"}],["path",{d:"M3 16h3a2 2 0 0 1 2 2v3",key:"198tvr"}],["path",{d:"M16 21v-3a2 2 0 0 1 2-2h3",key:"ph8mxp"}]],de=G("minimize",pt);/**
+ */const Vt=[["path",{d:"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5",key:"mvr1a0"}]],Ht=te("heart",Vt);/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const ft=[["rect",{x:"14",y:"3",width:"5",height:"18",rx:"1",key:"kaeet6"}],["rect",{x:"5",y:"3",width:"5",height:"18",rx:"1",key:"1wsw3u"}]],te=G("pause",ft);/**
+ */const Xt=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]],Ut=te("info",Xt);/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const xt=[["path",{d:"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",key:"10ikf1"}]],re=G("play",xt);/**
+ */const qt=[["path",{d:"M12 2v4",key:"3427ic"}],["path",{d:"m16.2 7.8 2.9-2.9",key:"r700ao"}],["path",{d:"M18 12h4",key:"wj9ykh"}],["path",{d:"m16.2 16.2 2.9 2.9",key:"1bxg5t"}],["path",{d:"M12 18v4",key:"jadmvz"}],["path",{d:"m4.9 19.1 2.9-2.9",key:"bwix9q"}],["path",{d:"M2 12h4",key:"j09sii"}],["path",{d:"m4.9 4.9 2.9 2.9",key:"giyufr"}]],Gt=te("loader",qt);/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const ht=[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}]],ue=G("rotate-ccw",ht);/**
+ */const Jt=[["path",{d:"M8 3H5a2 2 0 0 0-2 2v3",key:"1dcmit"}],["path",{d:"M21 8V5a2 2 0 0 0-2-2h-3",key:"1e4gt3"}],["path",{d:"M3 16v3a2 2 0 0 0 2 2h3",key:"wsl5sc"}],["path",{d:"M16 21h3a2 2 0 0 0 2-2v-3",key:"18trek"}]],lt=te("maximize",Jt);/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const gt=[["path",{d:"M17.971 4.285A2 2 0 0 1 21 6v12a2 2 0 0 1-3.029 1.715l-9.997-5.998a2 2 0 0 1-.003-3.432z",key:"15892j"}],["path",{d:"M3 20V4",key:"1ptbpl"}]],pe=G("skip-back",gt);/**
+ */const Kt=[["path",{d:"M8 3v3a2 2 0 0 1-2 2H3",key:"hohbtr"}],["path",{d:"M21 8h-3a2 2 0 0 1-2-2V3",key:"5jw1f3"}],["path",{d:"M3 16h3a2 2 0 0 1 2 2v3",key:"198tvr"}],["path",{d:"M16 21v-3a2 2 0 0 1 2-2h3",key:"ph8mxp"}]],ct=te("minimize",Kt);/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const bt=[["path",{d:"M21 4v16",key:"7j8fe9"}],["path",{d:"M6.029 4.285A2 2 0 0 0 3 6v12a2 2 0 0 0 3.029 1.715l9.997-5.998a2 2 0 0 0 .003-3.432z",key:"zs4d6"}]],fe=G("skip-forward",bt);/**
+ */const Zt=[["path",{d:"M9 18V5l12-2v13",key:"1jmyc2"}],["circle",{cx:"6",cy:"18",r:"3",key:"fqmcym"}],["circle",{cx:"18",cy:"16",r:"3",key:"1hluhg"}]],tt=te("music",Zt);/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const yt=[["path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",key:"wmoenq"}],["path",{d:"M12 9v4",key:"juzpu7"}],["path",{d:"M12 17h.01",key:"p32p05"}]],mt=G("triangle-alert",yt);/**
+ */const Qt=[["rect",{x:"14",y:"3",width:"5",height:"18",rx:"1",key:"kaeet6"}],["rect",{x:"5",y:"3",width:"5",height:"18",rx:"1",key:"1wsw3u"}]],Be=te("pause",Qt);/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const jt=[["path",{d:"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",key:"uqj9uw"}],["path",{d:"M16 9a5 5 0 0 1 0 6",key:"1q6k2b"}],["path",{d:"M19.364 18.364a9 9 0 0 0 0-12.728",key:"ijwkga"}]],xe=G("volume-2",jt);/**
+ */const er=[["path",{d:"M2 10h6V4",key:"zwrco"}],["path",{d:"m2 4 6 6",key:"ug085t"}],["path",{d:"M21 10V7a2 2 0 0 0-2-2h-7",key:"git5jr"}],["path",{d:"M3 14v2a2 2 0 0 0 2 2h3",key:"1f7fh3"}],["rect",{x:"12",y:"14",width:"10",height:"7",rx:"1",key:"1wjs3o"}]],tr=te("picture-in-picture",er);/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const vt=[["path",{d:"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",key:"uqj9uw"}],["line",{x1:"22",x2:"16",y1:"9",y2:"15",key:"1ewh16"}],["line",{x1:"16",x2:"22",y1:"9",y2:"15",key:"5ykzw1"}]],he=G("volume-x",vt);/**
+ */const rr=[["path",{d:"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",key:"10ikf1"}]],Le=te("play",rr);/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const wt=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],ne=G("x",wt),kt=a.forwardRef(({type:t="text",placeholder:n="",label:o,value:i,defaultValue:l,onChange:s,name:c="",disabled:f=!1,readOnly:x=!1,required:v=!1,error:d,success:u=!1,autoFocus:h=!1,iconLeft:p,iconRight:w,borderColor:m="#ccc",focusBorderColor:C="#2563eb",hoverBorderColor:R="#4b5563",backgroundColor:z="#ffffff",textColor:$="#111827",errorColor:b="#dc2626",successColor:T="#16a34a",labelColor:S="#374151",size:y="md",radius:F="6px",fontSize:Y="14px",rows:I=4,cols:E,maxLength:L,resize:U=!0,showCharacterCount:O=!0,className:g,style:j},N)=>{const M=a.useRef(null),[B,r]=a.useState(l||""),[k,P]=a.useState(!1);a.useImperativeHandle(N,()=>M.current);const V=_=>{L&&_.target.value.length>L||(r(_.target.value),s&&s(c,_.target.value))},D=()=>{switch(y){case"sm":return"6px 12px";case"lg":return"12px 20px";default:return"10px 16px"}},A=()=>{switch(y){case"sm":return"13px";case"lg":return"16px";default:return Y}},W=d?b:u?T:m,q={width:"100%",padding:D(),paddingLeft:p?"40px":D().split(" ")[1],paddingRight:w||t==="password"?"40px":D().split(" ")[1],border:`1px solid ${W}`,borderRadius:F,backgroundColor:z,color:$,fontSize:A(),outline:"none",resize:t==="textarea"&&!U?"none":void 0,...j};return e.jsxs("div",{style:{width:"100%",fontFamily:"sans-serif"},className:g,children:[o&&e.jsxs("label",{htmlFor:c,style:{display:"block",marginBottom:"6px",fontSize:"14px",fontWeight:500,color:S},children:[o," ",v&&e.jsx("span",{style:{color:b},children:"*"})]}),e.jsxs("div",{style:{position:"relative",width:"100%"},children:[p&&e.jsx("span",{style:{position:"absolute",left:"12px",top:"50%",transform:"translateY(-50%)",pointerEvents:"none",color:"#6b7280"},children:p}),t==="textarea"?e.jsx("textarea",{ref:M,name:c,value:i??B,onChange:V,placeholder:n,rows:I,cols:E,maxLength:L,disabled:f,readOnly:x,autoFocus:h,style:q,onFocus:_=>{_.currentTarget.style.borderColor=C},onBlur:_=>{_.currentTarget.style.borderColor=W},onMouseEnter:_=>{_.currentTarget.style.borderColor=R},onMouseLeave:_=>{_.currentTarget.style.borderColor=W}}):e.jsx("input",{ref:M,id:c,name:c,type:t==="password"?k?"text":"password":t,value:i??B,onChange:V,placeholder:n,disabled:f,readOnly:x,autoFocus:h,style:q,onFocus:_=>{_.currentTarget.style.borderColor=C},onBlur:_=>{_.currentTarget.style.borderColor=W},onMouseEnter:_=>{_.currentTarget.style.borderColor=R},onMouseLeave:_=>{_.currentTarget.style.borderColor=W}}),t==="password"&&e.jsx("button",{type:"button",onClick:()=>P(!k),style:{position:"absolute",right:"10px",top:"50%",transform:"translateY(-50%)",background:"transparent",border:"none",color:"#6b7280",cursor:"pointer",padding:0},children:k?e.jsx(lt,{size:18}):e.jsx(at,{size:18})}),w&&t!=="password"&&e.jsx("span",{style:{position:"absolute",right:"12px",top:"50%",transform:"translateY(-50%)",pointerEvents:"none",color:"#6b7280"},children:w})]}),t==="textarea"&&O&&L&&e.jsxs("div",{style:{textAlign:"right",fontSize:"12px",color:"#6b7280",marginTop:"4px"},children:[(i??B).length,"/",L]}),d&&e.jsx("p",{style:{color:b,fontSize:"12px",marginTop:"4px",lineHeight:"1.3"},children:d})]})}),St=({title:t,titleIcon:n,items:o,type:i="unordered",bulletColor:l="#2563eb",textColor:s="#111827",backgroundColor:c="#fff",borderColor:f="#e5e7eb",fontSize:x="15px",fontWeight:v=500,borderRadius:d="12px",padding:u="16px",spacing:h="12px",className:p,style:w})=>{const m=i==="ordered",C=i==="inline",R={backgroundColor:c,borderColor:f,color:s,borderWidth:f?"1px":"0px",borderStyle:"solid",borderRadius:d,padding:u,...w},z=C?{display:"flex",gap:h,paddingLeft:0,listStyleType:"none",margin:0}:{listStyleType:m?"decimal":"none",paddingLeft:m?"20px":"0",margin:0},$=m?"ol":"ul";return e.jsxs("div",{className:p,style:R,children:[t&&e.jsxs("div",{style:{display:"flex",alignItems:"center",fontSize:"17px",fontWeight:600,marginBottom:"10px",gap:"8px"},children:[n&&e.jsx("span",{style:{fontSize:"18px"},children:n}),e.jsx("span",{children:t})]}),e.jsx($,{style:z,children:o.map((b,T)=>e.jsx(Ae,{...b,bulletColor:l,textColor:s,fontSize:x,fontWeight:v,spacing:h,isInline:C},T))})]})},Ae=({text:t,icon:n,onClick:o,subItems:i,bulletColor:l,textColor:s,fontSize:c,fontWeight:f,spacing:x,isInline:v})=>{const d={display:"flex",flexDirection:"column",gap:"6px",marginBottom:v?"0":x},u={display:"flex",alignItems:"center",gap:"8px",fontSize:c,fontWeight:f,color:s,cursor:o?"pointer":"default"},h={width:"8px",height:"8px",backgroundColor:l,borderRadius:"50%",flexShrink:0},p={listStyleType:"disc",paddingLeft:"20px",margin:0};return e.jsxs("li",{style:d,children:[e.jsxs("div",{style:u,onClick:o,children:[n?e.jsx("span",{style:{fontSize:"16px",color:s},children:n}):!v&&e.jsx("span",{style:h}),e.jsx("span",{children:t})]}),i&&i.length>0&&e.jsx("ul",{style:p,children:i.map((w,m)=>e.jsx(Ae,{...w,bulletColor:l,textColor:s,fontSize:c,fontWeight:f,spacing:x,isInline:!1},m))})]})},ye=({tabs:t,defaultActive:n=0,tabPosition:o,activeTabClassName:i="",inactiveTabClassName:l="",tabContainerClassName:s="",contentContainerClassName:c="",className:f="",activeTabStyle:x,inactiveTabStyle:v,tabContainerStyle:d,contentContainerStyle:u,style:h,tabsWidth:p="240px",tabGap:w=8,tabPadding:m="12px 16px",tabBorderRadius:C=12,primaryColor:R="#2563eb",textColor:z="#374151",backgroundColor:$="#ffffff",hoverTextColor:b="#1e40af",responsiveBreakpoint:T=768,showDrawerLabel:S="Select Tab"})=>{const[y,F]=a.useState(n),[Y,I]=a.useState(null),[E,L]=a.useState(!1),[U,O]=a.useState(!1);a.useEffect(()=>{const D=()=>{L(window.innerWidth<=T)};return D(),window.addEventListener("resize",D),()=>window.removeEventListener("resize",D)},[T]);const g=o==="left"||o==="right",N={display:"flex",flexDirection:g?E?"column":o==="left"?"row":"row-reverse":"column",width:"100%",height:"100%",backgroundColor:$,...g&&!E?{}:{flexWrap:"wrap"},...h},M={width:g&&!E?p:"100%",display:"flex",flexDirection:g&&!E?"column":"row",justifyContent:!g&&o==="top"?"center":void 0,gap:w,padding:8,boxSizing:"border-box",...d},B={flexGrow:1,padding:24,background:"#f9fafb",boxSizing:"border-box",minWidth:0,...g&&!E?{width:"calc(100% - "+p+")"}:{width:"100%"},...u},r={cursor:"pointer",display:"flex",alignItems:"center",gap:8,padding:m,borderRadius:C,border:"none",backgroundColor:"transparent",fontWeight:500,transition:"all 0.2s ease",width:g&&!E?"100%":"auto",marginBottom:g&&!E?w:0,marginRight:!g||E?w:0,justifyContent:"flex-start"},k={backgroundColor:R,color:"#fff",fontWeight:700,boxShadow:`0 2px 10px ${R}55`,...x},P={backgroundColor:"transparent",color:z,...v},V={backgroundColor:`${R}22`,color:b};return e.jsxs("div",{className:f,style:N,children:[e.jsx("style",{children:`
-        @media (max-width: ${T}px) {
-          .custom-tab-drawer-button {
+ */const nr=[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}]],qe=te("rotate-ccw",nr);/**
+ * @license lucide-react v0.536.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const sr=[["path",{d:"M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",key:"1i5ecw"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]],or=te("settings",sr);/**
+ * @license lucide-react v0.536.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ir=[["circle",{cx:"18",cy:"5",r:"3",key:"gq8acd"}],["circle",{cx:"6",cy:"12",r:"3",key:"w7nqdw"}],["circle",{cx:"18",cy:"19",r:"3",key:"1xt0gg"}],["line",{x1:"8.59",x2:"15.42",y1:"13.51",y2:"17.49",key:"47mynk"}],["line",{x1:"15.41",x2:"8.59",y1:"6.51",y2:"10.49",key:"1n3mei"}]],ar=te("share-2",ir);/**
+ * @license lucide-react v0.536.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const lr=[["path",{d:"m18 14 4 4-4 4",key:"10pe0f"}],["path",{d:"m18 2 4 4-4 4",key:"pucp1d"}],["path",{d:"M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22",key:"1ailkh"}],["path",{d:"M2 6h1.972a4 4 0 0 1 3.6 2.2",key:"km57vx"}],["path",{d:"M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45",key:"os18l9"}]],cr=te("shuffle",lr);/**
+ * @license lucide-react v0.536.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const dr=[["path",{d:"M17.971 4.285A2 2 0 0 1 21 6v12a2 2 0 0 1-3.029 1.715l-9.997-5.998a2 2 0 0 1-.003-3.432z",key:"15892j"}],["path",{d:"M3 20V4",key:"1ptbpl"}]],Oe=te("skip-back",dr);/**
+ * @license lucide-react v0.536.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ur=[["path",{d:"M21 4v16",key:"7j8fe9"}],["path",{d:"M6.029 4.285A2 2 0 0 0 3 6v12a2 2 0 0 0 3.029 1.715l9.997-5.998a2 2 0 0 0 .003-3.432z",key:"zs4d6"}]],Fe=te("skip-forward",ur);/**
+ * @license lucide-react v0.536.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const pr=[["path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",key:"wmoenq"}],["path",{d:"M12 9v4",key:"juzpu7"}],["path",{d:"M12 17h.01",key:"p32p05"}]],fr=te("triangle-alert",pr);/**
+ * @license lucide-react v0.536.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const xr=[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]],hr=te("user",xr);/**
+ * @license lucide-react v0.536.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const gr=[["path",{d:"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",key:"uqj9uw"}],["path",{d:"M16 9a5 5 0 0 1 0 6",key:"1q6k2b"}]],br=te("volume-1",gr);/**
+ * @license lucide-react v0.536.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const yr=[["path",{d:"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",key:"uqj9uw"}],["path",{d:"M16 9a5 5 0 0 1 0 6",key:"1q6k2b"}],["path",{d:"M19.364 18.364a9 9 0 0 0 0-12.728",key:"ijwkga"}]],Ge=te("volume-2",yr);/**
+ * @license lucide-react v0.536.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const mr=[["path",{d:"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",key:"uqj9uw"}],["line",{x1:"22",x2:"16",y1:"9",y2:"15",key:"1ewh16"}],["line",{x1:"16",x2:"22",y1:"9",y2:"15",key:"5ykzw1"}]],We=te("volume-x",mr);/**
+ * @license lucide-react v0.536.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const vr=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],De=te("x",vr),wr=s.forwardRef(({type:t="text",placeholder:r="",label:a,value:i,defaultValue:c,onChange:n,name:l="",disabled:d=!1,readOnly:S=!1,required:j=!1,error:v,success:f=!1,autoFocus:b=!1,iconLeft:x,iconRight:w,borderColor:m="#ccc",focusBorderColor:C="#2563eb",hoverBorderColor:g="#4b5563",backgroundColor:y="#ffffff",textColor:E="#111827",errorColor:T="#dc2626",successColor:_="#16a34a",labelColor:A="#374151",size:R="md",radius:M="6px",fontSize:X="14px",rows:F=4,cols:Y,maxLength:$,resize:N=!0,showCharacterCount:J=!0,className:k,style:h},I)=>{const V=s.useRef(null),[U,o]=s.useState(c||""),[z,L]=s.useState(!1);s.useImperativeHandle(I,()=>V.current);const q=u=>{$&&u.target.value.length>$||(o(u.target.value),n&&n(l,u.target.value))},K=()=>{switch(R){case"sm":return"6px 12px";case"lg":return"12px 20px";default:return"10px 16px"}},D=()=>{switch(R){case"sm":return"13px";case"lg":return"16px";default:return X}},G=v?T:f?_:m,ne={width:"100%",padding:K(),paddingLeft:x?"40px":K().split(" ")[1],paddingRight:w||t==="password"?"40px":K().split(" ")[1],border:`1px solid ${G}`,borderRadius:M,backgroundColor:y,color:E,fontSize:D(),outline:"none",resize:t==="textarea"&&!N?"none":void 0,...h};return e.jsxs("div",{style:{width:"100%",fontFamily:"sans-serif"},className:k,children:[a&&e.jsxs("label",{htmlFor:l,style:{display:"block",marginBottom:"6px",fontSize:"14px",fontWeight:500,color:A},children:[a," ",j&&e.jsx("span",{style:{color:T},children:"*"})]}),e.jsxs("div",{style:{position:"relative",width:"100%"},children:[x&&e.jsx("span",{style:{position:"absolute",left:"12px",top:"50%",transform:"translateY(-50%)",pointerEvents:"none",color:"#6b7280"},children:x}),t==="textarea"?e.jsx("textarea",{ref:V,name:l,value:i??U,onChange:q,placeholder:r,rows:F,cols:Y,maxLength:$,disabled:d,readOnly:S,autoFocus:b,style:ne,onFocus:u=>{u.currentTarget.style.borderColor=C},onBlur:u=>{u.currentTarget.style.borderColor=G},onMouseEnter:u=>{u.currentTarget.style.borderColor=g},onMouseLeave:u=>{u.currentTarget.style.borderColor=G}}):e.jsx("input",{ref:V,id:l,name:l,type:t==="password"?z?"text":"password":t,value:i??U,onChange:q,placeholder:r,disabled:d,readOnly:S,autoFocus:b,style:ne,onFocus:u=>{u.currentTarget.style.borderColor=C},onBlur:u=>{u.currentTarget.style.borderColor=G},onMouseEnter:u=>{u.currentTarget.style.borderColor=g},onMouseLeave:u=>{u.currentTarget.style.borderColor=G}}),t==="password"&&e.jsx("button",{type:"button",onClick:()=>L(!z),style:{position:"absolute",right:"10px",top:"50%",transform:"translateY(-50%)",background:"transparent",border:"none",color:"#6b7280",cursor:"pointer",padding:0},children:z?e.jsx(Wt,{size:18}):e.jsx(Yt,{size:18})}),w&&t!=="password"&&e.jsx("span",{style:{position:"absolute",right:"12px",top:"50%",transform:"translateY(-50%)",pointerEvents:"none",color:"#6b7280"},children:w})]}),t==="textarea"&&J&&$&&e.jsxs("div",{style:{textAlign:"right",fontSize:"12px",color:"#6b7280",marginTop:"4px"},children:[(i??U).length,"/",$]}),v&&e.jsx("p",{style:{color:T,fontSize:"12px",marginTop:"4px",lineHeight:"1.3"},children:v})]})}),jr=({title:t,titleIcon:r,items:a,type:i="unordered",bulletColor:c="#2563eb",textColor:n="#111827",backgroundColor:l="#fff",borderColor:d="#e5e7eb",fontSize:S="15px",fontWeight:j=500,borderRadius:v="12px",padding:f="16px",spacing:b="12px",className:x,style:w})=>{const m=i==="ordered",C=i==="inline",g={backgroundColor:l,borderColor:d,color:n,borderWidth:d?"1px":"0px",borderStyle:"solid",borderRadius:v,padding:f,...w},y=C?{display:"flex",gap:b,paddingLeft:0,listStyleType:"none",margin:0}:{listStyleType:m?"decimal":"none",paddingLeft:m?"20px":"0",margin:0},E=m?"ol":"ul";return e.jsxs("div",{className:x,style:g,children:[t&&e.jsxs("div",{style:{display:"flex",alignItems:"center",fontSize:"17px",fontWeight:600,marginBottom:"10px",gap:"8px"},children:[r&&e.jsx("span",{style:{fontSize:"18px"},children:r}),e.jsx("span",{children:t})]}),e.jsx(E,{style:y,children:a.map((T,_)=>e.jsx(dt,{...T,bulletColor:c,textColor:n,fontSize:S,fontWeight:j,spacing:b,isInline:C},_))})]})},dt=({text:t,icon:r,onClick:a,subItems:i,bulletColor:c,textColor:n,fontSize:l,fontWeight:d,spacing:S,isInline:j})=>{const v={display:"flex",flexDirection:"column",gap:"6px",marginBottom:j?"0":S},f={display:"flex",alignItems:"center",gap:"8px",fontSize:l,fontWeight:d,color:n,cursor:a?"pointer":"default"},b={width:"8px",height:"8px",backgroundColor:c,borderRadius:"50%",flexShrink:0},x={listStyleType:"disc",paddingLeft:"20px",margin:0};return e.jsxs("li",{style:v,children:[e.jsxs("div",{style:f,onClick:a,children:[r?e.jsx("span",{style:{fontSize:"16px",color:n},children:r}):!j&&e.jsx("span",{style:b}),e.jsx("span",{children:t})]}),i&&i.length>0&&e.jsx("ul",{style:x,children:i.map((w,m)=>e.jsx(dt,{...w,bulletColor:c,textColor:n,fontSize:l,fontWeight:d,spacing:S,isInline:!1},m))})]})},Je=({tabs:t,defaultActive:r=0,tabPosition:a,activeTabClassName:i="",inactiveTabClassName:c="",tabContainerClassName:n="",contentContainerClassName:l="",className:d="",activeTabStyle:S,inactiveTabStyle:j,tabContainerStyle:v,contentContainerStyle:f,style:b,tabsWidth:x="240px",tabGap:w=8,tabPadding:m="12px 16px",tabBorderRadius:C=8,primaryColor:g="#2563eb",textColor:y="#374151",backgroundColor:E="#ffffff",hoverTextColor:T="#1e40af",disabledColor:_="#d1d5db",responsiveBreakpoint:A=768,showDrawerLabel:R="Select Tab",drawerIcon:M="☰",transitionDuration:X=200,onTabChange:F,role:Y="tablist",ariaOrientation:$="horizontal"})=>{const[N,J]=s.useState(r),[k,h]=s.useState(null),[I,V]=s.useState(!1),[U,o]=s.useState(!1);s.useEffect(()=>{if(typeof window>"u")return;const W=()=>{V(window.innerWidth<=A)};return W(),window.addEventListener("resize",W),()=>window.removeEventListener("resize",W)},[A]),s.useEffect(()=>{r>=0&&r<t.length&&J(r)},[r,t.length]);const z=W=>{t[W].disabled||(J(W),F?.(W))},L=a==="left"||a==="right",K={display:"flex",flexDirection:I?"column":L?a==="left"?"row":"row-reverse":"column",width:"100%",height:"100%",backgroundColor:E,...b},D={width:I?"100%":L?x:"100%",display:"flex",flexDirection:I||L?"column":"row",gap:w,padding:I?"0":"8px",boxSizing:"border-box",overflowX:I?"hidden":"visible",...v},G={flexGrow:1,padding:I?"16px":"24px",background:"#f9fafb",boxSizing:"border-box",minWidth:0,width:I?"100%":L?`calc(100% - ${x})`:"100%",...f},ne={cursor:"pointer",display:"flex",alignItems:"center",gap:8,padding:m,borderRadius:C,border:"none",backgroundColor:"transparent",fontWeight:500,transition:`all ${X}ms ease`,width:I||L?"100%":"auto",marginBottom:I||L?w:0,marginRight:!L&&!I?w:0,justifyContent:"flex-start",textAlign:"left",fontSize:I?"14px":"inherit"},u={backgroundColor:g,color:"#fff",fontWeight:600,boxShadow:`0 2px 10px ${g}33`,...S},O={backgroundColor:"transparent",color:y,...j},p={backgroundColor:`${g}11`,color:T},B={cursor:"not-allowed",color:_,opacity:.7},Q={...ne,...u,justifyContent:"space-between",width:"100%",marginBottom:w,fontSize:"16px"};return e.jsxs("div",{className:`react-tabs ${d}`,style:K,role:Y,"aria-orientation":I||L?"vertical":$,children:[e.jsx("style",{children:`
+        .react-tabs {
+          --primary-color: ${g};
+          --text-color: ${y};
+          --bg-color: ${E};
+          --hover-color: ${T};
+          --disabled-color: ${_};
+          --transition-duration: ${X}ms;
+        }
+        
+        .react-tabs__mobile-drawer {
+          display: flex;
+          flex-direction: column;
+          gap: ${w}px;
+          width: 100%;
+          animation: react-tabs-slideDown ${X}ms ease-out;
+        }
+        
+        @keyframes react-tabs-slideDown {
+          from { opacity: 0; transform: translateY(-10px); }
+          to { opacity: 1; transform: translateY(0); }
+        }
+        
+        .react-tabs [role="tab"][aria-selected="true"] {
+          background-color: var(--primary-color);
+          color: white;
+        }
+        
+        .react-tabs [role="tabpanel"] {
+          outline: none;
+        }
+        
+        @media (max-width: ${A}px) {
+          .react-tabs__drawer-button {
             width: 100%;
             display: flex;
             justify-content: space-between;
             align-items: center;
-            font-size: 16px;
+            padding: ${m};
+            border-radius: ${C}px;
+            margin-bottom: ${w}px;
           }
-          .custom-tab-mobile-drawer {
-            display: flex;
-            flex-direction: column;
-            gap: 8px;
-            margin-top: 8px;
-            width: 100%;
-            animation: slideDown 0.3s ease-out;
+          
+          .react-tabs__nav {
+            padding: 0;
           }
-          @keyframes slideDown {
-            from { opacity: 0; transform: translateY(-10px); }
-            to { opacity: 1; transform: translateY(0); }
+          
+          .react-tabs__content {
+            padding: 16px;
           }
         }
-        `}),E&&g?e.jsxs("div",{style:{width:"100%",marginBottom:12},children:[e.jsxs("button",{onClick:()=>O(!U),style:{...r,...k,justifyContent:"space-between",width:"100%"},className:"custom-tab-drawer-button",children:[e.jsx("span",{children:S}),e.jsx("span",{style:{fontSize:18},children:"☰"})]}),U&&e.jsx("div",{className:"custom-tab-mobile-drawer",children:t.map((D,A)=>{const W=A===y,q=Y===A;return e.jsxs("button",{onClick:()=>{F(A),O(!1)},onMouseEnter:()=>I(A),onMouseLeave:()=>I(null),className:W?i:l,style:{...r,...W?k:P,...q&&!W?V:{}},children:[D.icon&&e.jsx("span",{children:D.icon}),e.jsx("span",{children:D.label})]},A)})})]}):e.jsx("nav",{className:s,style:M,"aria-label":"Tabs Navigation",children:t.map((D,A)=>{const W=A===y,q=Y===A;return e.jsxs("button",{onClick:()=>F(A),onMouseEnter:()=>I(A),onMouseLeave:()=>I(null),className:W?i:l,style:{...r,...W?k:P,...q&&!W?V:{}},children:[D.icon&&e.jsx("span",{children:D.icon}),e.jsx("span",{children:D.label})]},A)})}),e.jsx("section",{className:c,style:B,role:"tabpanel",children:t[y]?.content})]})},Tt=t=>e.jsx(ye,{...t,tabPosition:"left"}),Ct=t=>e.jsx(ye,{...t,tabPosition:"top"}),zt=t=>e.jsx(ye,{...t,tabPosition:"right"}),Rt=({src:t,poster:n,autoPlay:o=!1,loop:i=!1,controls:l=!1,muted:s=!1,width:c="100%",height:f="150px",borderRadius:x="12px",backgroundColor:v="#1e1e1e",primaryColor:d="#ff4081",padding:u="16px",className:h})=>{const p=a.useRef(null),w=a.useRef(null),[m,C]=a.useState(o),[R,z]=a.useState(0),[$,b]=a.useState(0),[T,S]=a.useState(.5),[y,F]=a.useState(s),[Y,I]=a.useState(!1),[E,L]=a.useState(i);a.useEffect(()=>{p.current&&(p.current.volume=T,p.current.loop=E,p.current.muted=y)},[T,E,y]);const U=()=>{p.current&&(m?p.current.pause():p.current.play(),C(!m))},O=()=>{p.current&&(z(p.current.currentTime),b(p.current.duration))},g=r=>{if(!p.current||!r.currentTarget)return;const k=r.currentTarget.getBoundingClientRect(),V=(r.clientX-k.left)/k.width*$;p.current.currentTime=V,z(V)},j=r=>{p.current&&(p.current.currentTime+=r)},N=()=>{w.current&&(Y?document.exitFullscreen?.():w.current.requestFullscreen?.(),I(!Y))},M=()=>{F(!y),y&&T===0&&S(.5)},B=r=>{const k=Math.floor(r/60),P=Math.floor(r%60);return`${k}:${P<10?"0":""}${P}`};return e.jsxs("div",{ref:w,className:h,style:{position:"relative",width:c,backgroundColor:v,borderRadius:x,color:"#fff",overflow:"hidden",padding:u,boxSizing:"border-box",maxWidth:"100%",boxShadow:"0 4px 12px rgba(0,0,0,0.3)"},children:[e.jsx("video",{ref:p,src:t,poster:n,autoPlay:o,loop:i,controls:l,muted:s,onTimeUpdate:O,onLoadedMetadata:O,style:{width:"100%",height:f,borderRadius:x,objectFit:"cover",backgroundColor:"#000"}}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"10px",marginTop:"10px",flexWrap:"wrap"},children:[e.jsx("button",{onClick:()=>j(-10),"aria-label":"Skip Back 10s",children:e.jsx(pe,{size:20})}),e.jsx("button",{onClick:U,style:{background:d,borderRadius:"9999px",padding:"10px",color:"#fff",border:"none",cursor:"pointer"},"aria-label":m?"Pause":"Play",children:m?e.jsx(te,{size:20}):e.jsx(re,{size:20})}),e.jsx("button",{onClick:()=>j(10),"aria-label":"Skip Forward 10s",children:e.jsx(fe,{size:20})})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginTop:"8px",gap:"12px",flexWrap:"wrap"},children:[e.jsxs("div",{style:{flexShrink:0,minWidth:"60px",textAlign:"center"},children:[e.jsx("span",{style:{fontSize:"14px"},children:B(R)}),e.jsxs("span",{style:{fontSize:"14px",color:"#aaa"},children:[" ","/ ",B($)]})]}),e.jsx("div",{onClick:g,style:{flex:1,height:"8px",background:"#444",borderRadius:"4px",cursor:"pointer",position:"relative",minWidth:"100px"},children:e.jsx("div",{style:{width:`${R/$*100||0}%`,height:"100%",background:d,borderRadius:"4px"}})}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[e.jsx("button",{onClick:()=>L(!E),"aria-label":"Toggle Loop",children:e.jsx(ue,{size:18,color:E?d:void 0})}),e.jsx("button",{onClick:M,"aria-label":"Toggle Mute",children:y?e.jsx(he,{size:18}):e.jsx(xe,{size:18})}),e.jsx("button",{onClick:N,"aria-label":"Toggle Fullscreen",children:Y?e.jsx(de,{size:18}):e.jsx(ce,{size:18})})]})]})]})},Et=({src:t,thumbnail:n,autoPlay:o=!1,loop:i=!1,backgroundColor:l="#000000",primaryColor:s="#10b981",secondaryColor:c="#ffffff",borderRadius:f="12px",padding:x="16px",width:v="100%",className:d})=>{const u=a.useRef(null),h=a.useRef(null),[p,w]=a.useState(o),[m,C]=a.useState(0),[R,z]=a.useState(0),[$,b]=a.useState(.5),[T,S]=a.useState(!1),[y,F]=a.useState(i);a.useEffect(()=>{u.current&&(u.current.volume=$)},[$]),a.useEffect(()=>{u.current&&(u.current.loop=y)},[y]);const Y=()=>{u.current&&(p?u.current.pause():u.current.play(),w(!p))},I=()=>{u.current&&(C(u.current.currentTime),z(u.current.duration))},E=g=>{if(!u.current||!g.currentTarget)return;const j=g.currentTarget.getBoundingClientRect(),M=(g.clientX-j.left)/j.width*R;u.current.currentTime=M,C(M)},L=g=>{u.current&&(u.current.currentTime+=g)},U=()=>{h.current&&(T?document.exitFullscreen?.():h.current.requestFullscreen?.(),S(!T))},O=g=>{const j=Math.floor(g/60),N=Math.floor(g%60);return`${j}:${N<10?"0":""}${N}`};return e.jsxs("div",{ref:h,className:d,style:{position:"relative",width:v,backgroundColor:l,borderRadius:f,color:c,boxShadow:"0 4px 12px rgba(0,0,0,0.3)",overflow:"hidden",padding:x,boxSizing:"border-box",maxWidth:"100%"},children:[e.jsx("audio",{ref:u,src:t,autoPlay:o,loop:i,onTimeUpdate:I,onLoadedMetadata:I}),n&&e.jsx("img",{src:n,alt:"Audio Thumbnail",style:{width:"100%",objectFit:"cover",borderRadius:f,marginBottom:"16px",maxHeight:"150px"}}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"10px",flexShrink:0,marginTop:"10px"},children:[e.jsx("button",{onClick:()=>L(-10),"aria-label":"Skip Back 10s",children:e.jsx(pe,{size:20})}),e.jsx("button",{onClick:Y,style:{background:s,borderRadius:"9999px",padding:"10px",color:"#fff",border:"none",cursor:"pointer"},"aria-label":p?"Pause":"Play",children:p?e.jsx(te,{size:20}):e.jsx(re,{size:20})}),e.jsx("button",{onClick:()=>L(10),"aria-label":"Skip Forward 10s",children:e.jsx(fe,{size:20})})]}),e.jsxs("div",{style:{display:"flex",flexWrap:"wrap",alignItems:"center",justifyContent:"space-between",gap:"12px",width:"100%"},children:[e.jsxs("div",{style:{flexShrink:0,minWidth:"60px",textAlign:"center"},children:[e.jsx("span",{style:{fontSize:"14px",marginRight:"4px"},children:O(m)}),e.jsxs("span",{style:{fontSize:"14px",color:"#aaa"},children:["/ ",O(R)]})]}),e.jsx("div",{onClick:E,style:{flex:1,height:"8px",background:"#444",borderRadius:"4px",cursor:"pointer",position:"relative",minWidth:"100px"},children:e.jsx("div",{style:{width:`${m/R*100||0}%`,height:"100%",background:s,borderRadius:"4px"}})}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px",flexShrink:0},children:[e.jsx("button",{onClick:()=>F(!y),"aria-label":"Toggle Loop",children:e.jsx(ue,{size:18,color:y?s:void 0})}),e.jsx("button",{onClick:()=>b($>0?0:.5),"aria-label":"Toggle Mute",children:$>0?e.jsx(xe,{size:18}):e.jsx(he,{size:18})}),e.jsx("button",{onClick:U,"aria-label":"Toggle Fullscreen",children:T?e.jsx(de,{size:18}):e.jsx(ce,{size:18})})]})]})]})};function H(t,n,o){return t==null?o:typeof t!="object"?t:t[n]??o}const ze=t=>t<768?"sm":t<1024?"md":"lg",Mt=({display:t={sm:"block",md:"flex",lg:"grid"},flexDirection:n={sm:"column",md:"row",lg:"row"},justifyContent:o={sm:"flex-start",md:"center",lg:"space-between"},alignItems:i={sm:"stretch",md:"center",lg:"center"},gridTemplateColumns:l={sm:"1fr",md:"1fr 1fr",lg:"1fr 1fr 1fr"},gridTemplateRows:s={sm:"auto",md:"auto",lg:"auto"},gap:c={sm:"10px",md:"20px",lg:"30px"},rowGap:f,columnGap:x,width:v={sm:"100%",md:"90%",lg:"80%"},maxWidth:d={sm:"100%",md:"800px",lg:"1200px"},height:u={sm:"auto",md:"auto",lg:"auto"},padding:h={sm:"10px",md:"20px",lg:"40px"},margin:p={sm:"0 auto",md:"0 auto",lg:"0 auto"},textAlign:w={sm:"left",md:"center",lg:"center"},backgroundColor:m="#fff",border:C={sm:"none",md:"1px solid #ddd",lg:"2px solid #ccc"},borderRadius:R={sm:"0",md:"8px",lg:"12px"},boxShadow:z={sm:"none",md:"0 4px 6px rgba(0,0,0,0.1)",lg:"0 6px 10px rgba(0,0,0,0.15)"},overflow:$={sm:"visible",md:"hidden",lg:"auto"},children:b,className:T,style:S})=>{const[y,F]=a.useState(()=>ze(window.innerWidth));a.useEffect(()=>{const I=()=>F(ze(window.innerWidth));return window.addEventListener("resize",I),()=>window.removeEventListener("resize",I)},[]);const Y=a.useMemo(()=>{const I=H(t,y,"block"),E=H(n,y,void 0),L=H(o,y,void 0),U=H(i,y,void 0),O=H(l,y,void 0),g=H(s,y,void 0),j=H(c,y,void 0),N=H(f,y,void 0),M=H(x,y,void 0),B=H(v,y,"100%"),r=H(d,y,void 0),k=H(u,y,void 0),P=H(h,y,void 0),V=H(p,y,void 0),D=H(w,y,void 0),A=H(C,y,void 0),W=H(R,y,void 0),q=H(z,y,void 0),_=H($,y,void 0);return{display:I,...E&&{flexDirection:E},...L&&{justifyContent:L},...U&&{alignItems:U},...O&&{gridTemplateColumns:O},...g&&{gridTemplateRows:g},...j&&{gap:j},...N&&{rowGap:N},...M&&{columnGap:M},width:B,...r&&{maxWidth:r},...k&&{height:k},...P&&{padding:P},...V&&{margin:V},...D&&{textAlign:D},backgroundColor:m,...A&&{border:A},...W&&{borderRadius:W},...q&&{boxShadow:q},..._&&{overflow:_},boxSizing:"border-box",...S}},[y,t,n,o,i,l,s,c,f,x,v,d,u,h,p,w,m,C,R,z,$,S]);return e.jsx("div",{className:T,style:Y,children:b})},$t=({items:t,allowMultiple:n=!1,defaultOpenIndex:o=[],borderColor:i="#d1d5db",backgroundColor:l="#ffffff",textColor:s="#111827",hoverBgColor:c="#f3f4f6",hoverTextColor:f="#111827",paddingVertical:x="16px",paddingHorizontal:v="16px",margin:d="12px 0",iconOpen:u="−",iconClose:h="+",transitionDuration:p="300ms",borderRadius:w="8px",shadow:m="0 2px 8px rgba(0, 0, 0, 0.05)",contentPadding:C="16px",fontSize:R="16px",fontWeight:z="600",iconSize:$="18px",contentFontSize:b="14px",contentFontWeight:T="400",contentBackgroundColor:S="#ffffff",contentTextColor:y="#111827",className:F,style:Y})=>{const[I,E]=a.useState(o),L=a.useRef([]),U=a.useRef([]);a.useEffect(()=>{L.current.forEach((g,j)=>{g&&(g.style.maxHeight=I.includes(j)?`${g.scrollHeight}px`:"0px")})},[I]);const O=g=>{E(j=>n?j.includes(g)?j.filter(N=>N!==g):[...j,g]:j.includes(g)?[]:[g])};return e.jsx("div",{className:F,style:{width:"100%",...Y},children:t.map((g,j)=>e.jsxs("div",{style:{border:`1px solid ${i}`,borderRadius:w,margin:d,boxShadow:m,overflow:"hidden",transition:`all ${p} ease`},children:[e.jsxs("button",{ref:N=>{U.current[j]=N},onClick:()=>O(j),style:{width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",backgroundColor:l,color:s,padding:`${x} ${v}`,fontWeight:z,fontSize:R,cursor:"pointer",outline:"none",border:"none",transition:`all ${p}`},onMouseEnter:N=>{N.currentTarget.style.backgroundColor=c,N.currentTarget.style.color=f},onMouseLeave:N=>{N.currentTarget.style.backgroundColor=l,N.currentTarget.style.color=s},children:[e.jsx("span",{children:g.title}),e.jsx("span",{style:{fontSize:$},children:I.includes(j)?u:h})]}),e.jsx("div",{ref:N=>{L.current[j]=N},style:{overflow:"hidden",maxHeight:I.includes(j)?`${L.current[j]?.scrollHeight}px`:"0px",transition:`max-height ${p} ease-in-out`},children:e.jsx("div",{style:{borderTop:`1px solid ${i}`,backgroundColor:S,color:y,padding:C,fontSize:b,fontWeight:T},children:g.content})})]},j))})},It=({type:t,name:n,options:o,selectedValues:i,onChange:l,disabled:s=!1,readOnly:c=!1,required:f=!1,error:x,className:v="",customIcon:d,style:u,labelStyle:h,iconSize:p=20,iconCheckedBgColor:w="#2563eb",iconUncheckedBorderColor:m="#9ca3af",textColor:C="#374151",errorStyle:R})=>{const z=t==="checkbox",$=b=>{if(l)if(z){const T=Array.isArray(i)?i.includes(b)?i.filter(S=>S!==b):[...i,b]:[b];l(T)}else l(b)};return e.jsxs("div",{className:v,style:{display:"flex",flexDirection:"column",gap:8,...u},role:t,"aria-disabled":s,children:[o.map(b=>{const T=z?Array.isArray(i)&&i.includes(b.value):i===b.value;return e.jsxs("label",{style:{display:"flex",alignItems:"center",cursor:s?"not-allowed":"pointer",opacity:s?.6:1,gap:8,userSelect:"none",...h},children:[e.jsx("input",{type:t,name:n,value:b.value,checked:T,disabled:s||c,required:f,onChange:()=>$(b.value),style:{display:"none"}}),d?d(T):e.jsxs("span",{style:{display:"inline-flex",justifyContent:"center",alignItems:"center",width:p,height:p,borderRadius:z?4:"50%",border:`2px solid ${T?w:m}`,backgroundColor:T?w:"transparent",transition:"all 0.2s ease",flexShrink:0},children:[T&&!z&&e.jsx("span",{style:{width:p/2,height:p/2,borderRadius:"50%",backgroundColor:"white"}}),T&&z&&e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",style:{width:p*.6,height:p*.6},children:e.jsx("polyline",{points:"20 6 9 17 4 12"})})]}),e.jsx("span",{style:{color:C,fontSize:14},children:b.label})]},b.value)}),x&&e.jsx("p",{role:"alert",style:{color:"#dc2626",fontSize:12,marginTop:4,...R},children:x})]})},_t=({label:t="Open Drawer",icon:n,iconPosition:o="left",onClick:i,style:l={}})=>e.jsxs("button",{onClick:i,style:{padding:"10px 16px",backgroundColor:"#2563eb",color:"#fff",border:"none",borderRadius:"6px",cursor:"pointer",display:"inline-flex",alignItems:"center",fontSize:"14px",gap:"8px",...l},children:[n&&o==="left"&&n,t,n&&o==="right"&&n]}),At=({open:t,onClose:n,position:o="right",width:i="300px",height:l="300px",backgroundColor:s="#fff",transitionDuration:c=300,style:f={},children:x,showCloseButton:v=!0,closeButtonStyle:d={}})=>{const[u,h]=a.useState(t);a.useEffect(()=>{t?h(!0):setTimeout(()=>h(!1),c)},[t,c]);const p=a.useMemo(()=>{if(t)return"translate(0, 0)";switch(o){case"left":return"translateX(-100%)";case"right":return"translateX(100%)";case"top":return"translateY(-100%)";case"bottom":return"translateY(100%)";default:return"translate(0, 0)"}},[t,o]),w={position:"fixed",zIndex:1e3,backgroundColor:s,transition:`transform ${c}ms ease, opacity ${c}ms ease`,transform:p,opacity:t?1:0,...f,...o==="left"||o==="right"?{top:0,[o]:0,width:i,height:"100%"}:{left:0,[o]:0,height:l,width:"100%"}},m={position:"fixed",display:u?"block":"none",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:999,transition:`opacity ${c}ms ease`,opacity:t?1:0,pointerEvents:t?"auto":"none"},C={position:"absolute",top:"10px",right:"10px",fontSize:"20px",background:"none",border:"none",cursor:"pointer",color:"#000"};return e.jsxs(e.Fragment,{children:[e.jsx("div",{style:m,onClick:n}),e.jsxs("div",{style:{...w,display:"block",visibility:u?"visible":"hidden",pointerEvents:t?"auto":"none"},children:[v&&e.jsx("button",{onClick:n,style:{...C,...d},children:e.jsx(ne,{size:20,color:"rgba(255, 0, 0, 1)"})}),x]})]})},Lt=({options:t,value:n,defaultValue:o,onChange:i,placeholder:l="Select an option",disabled:s=!1,borderColor:c="#ccc",backgroundColor:f="#fff",textColor:x="#333",hoverColor:v="#f0f0f0",padding:d="12px 16px",margin:u="0 0 1rem 0",dropdownWidth:h="100%",dropdownHeight:p="200px",borderRadius:w="8px",boxShadow:m="0 4px 8px rgba(0,0,0,0.1)",optionPadding:C="10px 12px",optionGap:R="8px",transitionDuration:z="0.25s",className:$="",dropdownStyle:b,dropdownClassName:T="",optionStyle:S,optionClassName:y="",iconPrefix:F,iconSuffix:Y})=>{const[I,E]=a.useState(o),[L,U]=a.useState(!1),O=a.useRef(null);a.useEffect(()=>{const M=B=>{O.current&&!O.current.contains(B.target)&&U(!1)};return document.addEventListener("mousedown",M),()=>document.removeEventListener("mousedown",M)},[]);const g=M=>{E(M),U(!1),i&&i(M)},j=n??I,N=t.find(M=>M.value===j);return e.jsxs("div",{ref:O,className:$,style:{position:"relative",width:h,margin:u,fontFamily:"sans-serif",userSelect:"none"},children:[e.jsxs("button",{onClick:()=>U(M=>!M),disabled:s,"aria-haspopup":"listbox","aria-expanded":L,style:{width:"100%",padding:d,backgroundColor:f,color:x,border:`1px solid ${c}`,borderRadius:w,boxShadow:s?"none":m,display:"flex",alignItems:"center",justifyContent:"space-between",cursor:s?"not-allowed":"pointer",opacity:s?.6:1,transition:`all ${z} ease-in-out`},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:R},children:[F&&e.jsx("span",{children:F}),e.jsx("span",{children:N?.label||l})]}),Y||e.jsx("span",{style:{marginLeft:"8px"},children:"▼"})]}),L&&e.jsx("ul",{role:"listbox",className:T,style:{position:"absolute",top:"100%",left:0,zIndex:1e3,width:"100%",maxHeight:p,overflowY:"auto",backgroundColor:f,border:`1px solid ${c}`,borderRadius:w,boxShadow:m,marginTop:"4px",transition:`all ${z} ease`,...b},children:t.map(M=>e.jsxs("li",{onClick:()=>g(M.value),role:"option",className:y,style:{display:"flex",alignItems:"center",gap:R,padding:C,cursor:"pointer",backgroundColor:I===M.value?v:f,transition:`background ${z}`,...S},onMouseEnter:B=>B.currentTarget.style.backgroundColor=v,onMouseLeave:B=>B.currentTarget.style.backgroundColor=I===M.value?v:f,children:[M.icon&&e.jsx("span",{children:M.icon}),M.label]},M.value))})]})},Pt=({columns:t,data:n,className:o="",pagination:i=!0,rowsPerPage:l=5,colors:s={headerBg:"#3b82f6",headerText:"#ffffff",rowBg:"#ffffff",rowText:"#000000",borderColor:"#d1d5db",hoverBg:"#e5e7eb",paginationBg:"#d1d5db",paginationText:"#000000"}})=>{const[c,f]=a.useState(null),[x,v]=a.useState("asc"),[d,u]=a.useState(1),[h,p]=a.useState(null),w=b=>{c===b?v(x==="asc"?"desc":"asc"):(f(b),v("asc"))},m=[...n].sort((b,T)=>!c||b[c]===T[c]?0:x==="asc"?b[c]>T[c]?1:-1:b[c]<T[c]?1:-1),C=i?m.slice((d-1)*l,d*l):m,R=e.jsx("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 576 512",height:"15px",width:"15px",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M151.6 42.4C145.5 35.8 137 32 128 32s-17.5 3.8-23.6 10.4l-88 96c-11.9 13-11.1 33.3 2 45.2s33.3 11.1 45.2-2L96 146.3 96 448c0 17.7 14.3 32 32 32s32-14.3 32-32l0-301.7 32.4 35.4c11.9 13 32.2 13.9 45.2 2s13.9-32.2 2-45.2l-88-96zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-32 0zm0 128c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-96 0zm0 128c-17.7 0-32 14.3-32 32s14.3 32 32 32l160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-160 0zm0 128c-17.7 0-32 14.3-32 32s14.3 32 32 32l224 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-224 0z"})}),z=e.jsx("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 576 512",height:"15px",width:"15px",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M151.6 42.4C145.5 35.8 137 32 128 32s-17.5 3.8-23.6 10.4l-88 96c-11.9 13-11.1 33.3 2 45.2s33.3 11.1 45.2-2L96 146.3 96 448c0 17.7 14.3 32 32 32s32-14.3 32-32l0-301.7 32.4 35.4c11.9 13 32.2 13.9 45.2 2s13.9-32.2 2-45.2l-88-96zM320 480l32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-32 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm0-128l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-96 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm0-128l160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-160 0c17.7 0-32 14.3-32 32s14.3 32 32 32zm0-128l224 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32z"})}),$=e.jsx("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 320 512",height:"15px",width:"15px",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M182.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-96 96c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L128 109.3l0 293.5L86.6 361.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l96 96c12.5 12.5 32.8 12.5 45.3 0l96-96c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 402.7l0-293.5 41.4 41.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-96-96z"})});return e.jsxs("div",{style:{overflowX:"auto",width:"100%"},className:o,children:[e.jsxs("table",{style:{width:"100%",borderCollapse:"collapse",border:`1px solid ${s.borderColor}`},children:[e.jsx("thead",{children:e.jsx("tr",{style:{backgroundColor:s.headerBg,color:s.headerText,textAlign:"left",userSelect:"none"},children:t.map(({key:b,label:T,sortable:S})=>e.jsxs("th",{onClick:()=>S&&w(b),style:{padding:"12px",border:`1px solid ${s.borderColor}`,cursor:S?"pointer":"default",display:"flex",alignItems:"center",gap:"8px"},children:[e.jsx("span",{children:T}),S&&(c===b?x==="asc"?R:z:$)]},b))})}),e.jsx("tbody",{children:C.map((b,T)=>e.jsx("tr",{style:{backgroundColor:h===T?s.hoverBg:s.rowBg,color:s.rowText,transition:"background-color 0.2s ease-in-out"},onMouseEnter:()=>p(T),onMouseLeave:()=>p(null),children:t.map(({key:S})=>e.jsx("td",{style:{padding:"12px",border:`1px solid ${s.borderColor}`},children:b[S]},S))},T))})]}),i&&e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginTop:"12px",padding:"8px"},children:[e.jsx("button",{style:{padding:"6px 12px",backgroundColor:s.paginationBg,color:s.paginationText,borderRadius:"6px",border:"none",opacity:d===1?.5:1,cursor:d===1?"not-allowed":"pointer",userSelect:"none"},disabled:d===1,onClick:()=>u(b=>Math.max(b-1,1)),children:"Prev"}),e.jsxs("span",{style:{color:s.paginationText},children:["Page ",d]}),e.jsx("button",{style:{padding:"6px 12px",backgroundColor:s.paginationBg,color:s.paginationText,borderRadius:"6px",border:"none",opacity:d*l>=n.length?.5:1,cursor:d*l>=n.length?"not-allowed":"pointer",userSelect:"none"},disabled:d*l>=n.length,onClick:()=>u(b=>b+1),children:"Next"})]})]})},Nt=({children:t,className:n="",style:o={},background:i="#fff",backgroundImage:l,backgroundSize:s="cover",backgroundPosition:c="center",backgroundRepeat:f="no-repeat",textColor:x="#000",borderRadius:v=12,padding:d=24,margin:u=0,maxWidth:h="100%",boxShadow:p="0 4px 12px rgba(0,0,0,0.1)",border:w="none",display:m="flex",flexDirection:C="column",justifyContent:R="flex-start",alignItems:z="stretch",gap:$=16})=>{const b={background:i,color:x,borderRadius:v,padding:d,margin:u,maxWidth:h,boxShadow:p,border:w,display:m,flexDirection:C,justifyContent:R,alignItems:z,gap:$,boxSizing:"border-box",...l?{backgroundImage:`url(${l})`,backgroundSize:s,backgroundPosition:c,backgroundRepeat:f}:{},...o};return e.jsx("div",{className:n,style:b,children:t})},Re=t=>t<768?"sm":t<1024?"md":"lg",Wt=({columns:t={sm:1,md:2,lg:3},gap:n="16px",padding:o="20px",alignItems:i="stretch",justifyItems:l="stretch",backgroundColor:s="transparent",width:c="100%",maxWidth:f="100%",height:x="auto",children:v,style:d})=>{const[u,h]=a.useState(Re(window.innerWidth));a.useEffect(()=>{const m=()=>h(Re(window.innerWidth));return window.addEventListener("resize",m),()=>window.removeEventListener("resize",m)},[]);const p=a.useMemo(()=>typeof t=="number"?t:t[u]??1,[t,u]),w=a.useMemo(()=>({display:"grid",gridTemplateColumns:`repeat(${p}, 1fr)`,gap:n,padding:o,alignItems:i,justifyItems:l,backgroundColor:s,width:c,maxWidth:f,height:x,boxSizing:"border-box",...d}),[p,n,o,i,l,s,c,f,x,d]);return e.jsx("div",{style:w,children:v})},Ee=t=>t<768?"sm":t<1024?"md":"lg",Ft=({direction:t="row",align:n="center",justify:o="space-between",gap:i=16,padding:l=20,backgroundColor:s="transparent",width:c="100%",maxWidth:f="100%",height:x="auto",style:v,children:d})=>{const[u,h]=a.useState(Ee(window.innerWidth));a.useEffect(()=>{const m=()=>h(Ee(window.innerWidth));return window.addEventListener("resize",m),()=>window.removeEventListener("resize",m)},[]);const p=a.useMemo(()=>typeof t=="string"?t:t[u]??"row",[t,u]),w=a.useMemo(()=>({display:"flex",flexDirection:p,alignItems:n,justifyContent:o,gap:typeof i=="number"?`${i}px`:i,padding:typeof l=="number"?`${l}px`:l,backgroundColor:s,width:c,maxWidth:f,height:x,boxSizing:"border-box",...v}),[p,n,o,i,l,s,c,f,x,v]);return e.jsx("div",{style:w,children:d})},Ot={success:{bg:"#ecfdf5",border:"#34d399",iconColor:"#059669",Icon:e.jsx(st,{size:20})},error:{bg:"#fef2f2",border:"#f87171",iconColor:"#dc2626",Icon:e.jsx(rt,{size:20})},warning:{bg:"#fffbeb",border:"#facc15",iconColor:"#d97706",Icon:e.jsx(mt,{size:20})},info:{bg:"#eff6ff",border:"#3b82f6",iconColor:"#2563eb",Icon:e.jsx(dt,{size:20})}},Bt=t=>{const n={position:"fixed",zIndex:9999};switch(t){case"top-left":return{...n,top:"20px",left:"20px"};case"top-center":return{...n,top:"20px",left:"50%",transform:"translateX(-50%)"};case"top-right":return{...n,top:"20px",right:"20px"};case"bottom-left":return{...n,bottom:"20px",left:"20px"};case"bottom-center":return{...n,bottom:"20px",left:"50%",transform:"translateX(-50%)"};case"bottom-right":default:return{...n,bottom:"20px",right:"20px"}}},Dt=({title:t="",description:n="",type:o="info",dismissible:i=!0,onClose:l,duration:s,icon:c,actionButton:f,position:x="top-right",className:v,style:d})=>{const[u,h]=a.useState(!0);if(a.useEffect(()=>{if(s){const z=setTimeout(()=>{h(!1),l?.()},s);return()=>clearTimeout(z)}},[s,l]),!u)return null;const{bg:p,border:w,iconColor:m,Icon:C}=Ot[o],R=Bt(x);return e.jsxs("div",{className:v,style:{...R,display:"flex",gap:"12px",padding:"16px",backgroundColor:p,borderLeft:`4px solid ${w}`,borderRadius:"8px",color:"#111827",alignItems:"flex-start",boxShadow:"0 4px 12px rgba(0,0,0,0.08)",transition:"all 0.3s ease",animation:"slideIn 0.3s ease",maxWidth:"600px",width:"calc(100% - 40px)",...d},children:[e.jsx("div",{style:{color:m,marginTop:"3px"},children:c||C}),e.jsxs("div",{style:{flex:1},children:[t&&e.jsx("div",{style:{fontWeight:"600",marginBottom:"4px"},children:t}),n&&e.jsx("div",{style:{fontSize:"14px",color:"#374151"},children:n}),f&&e.jsx("div",{style:{marginTop:"10px"},children:f})]}),i&&e.jsx("button",{onClick:()=>{h(!1),l?.()},style:{background:"transparent",border:"none",color:"#6b7280",cursor:"pointer",marginLeft:"8px"},children:e.jsx(ne,{size:16})}),e.jsx("style",{children:`
+        `}),I?e.jsxs(e.Fragment,{children:[e.jsxs("button",{onClick:()=>o(!U),style:Q,className:"react-tabs__drawer-button","aria-expanded":U,"aria-controls":"mobile-tabs-drawer","aria-haspopup":"true",children:[e.jsx("span",{children:R}),e.jsx("span",{children:M})]}),U&&e.jsx("div",{id:"mobile-tabs-drawer",className:"react-tabs__mobile-drawer",role:"menu",children:t.map((W,Z)=>{const re=Z===N,ie=k===Z,se=W.disabled;return e.jsxs("button",{onClick:()=>{z(Z),o(!1)},onMouseEnter:()=>!se&&h(Z),onMouseLeave:()=>h(null),className:re?i:c,style:{...ne,...re?u:O,...ie&&!re&&!se?p:{},...se?B:{}},role:"menuitemradio","aria-checked":re,"aria-disabled":se,"aria-label":W.ariaLabel||(typeof W.label=="string"?W.label:`Tab ${Z+1}`),disabled:se,children:[W.icon&&e.jsx("span",{"aria-hidden":"true",children:W.icon}),e.jsx("span",{children:W.label})]},Z)})})]}):e.jsx("nav",{className:`react-tabs__nav ${n}`,style:D,role:Y,"aria-label":"Tabs Navigation",children:t.map((W,Z)=>{const re=Z===N,ie=k===Z,se=W.disabled;return e.jsxs("button",{onClick:()=>z(Z),onMouseEnter:()=>!se&&h(Z),onMouseLeave:()=>h(null),className:re?i:c,style:{...ne,...re?u:O,...ie&&!re&&!se?p:{},...se?B:{}},role:"tab","aria-selected":re,"aria-disabled":se,"aria-controls":`tabpanel-${Z}`,id:`tab-${Z}`,tabIndex:re?0:-1,disabled:se,children:[W.icon&&e.jsx("span",{"aria-hidden":"true",children:W.icon}),e.jsx("span",{children:W.label})]},Z)})}),e.jsx("section",{className:`react-tabs__content ${l}`,style:G,role:"tabpanel",id:`tabpanel-${N}`,"aria-labelledby":`tab-${N}`,tabIndex:0,children:t[N]?.content})]})},ut=t=>e.jsx(Je,{...t,tabPosition:"left",ariaOrientation:"vertical"}),pt=t=>e.jsx(Je,{...t,tabPosition:"top"}),ft=t=>e.jsx(Je,{...t,tabPosition:"right",ariaOrientation:"vertical"}),kr={Left:ut,Top:pt,Right:ft},Sr=({src:t,poster:r,title:a,autoPlay:i=!1,loop:c=!1,muted:n=!1,width:l="100%",height:d="400px",borderRadius:S="16px",theme:j="dark",primaryColor:v="#3b82f6",className:f,showProgress:b=!0,showVolumeSlider:x=!0,showSettings:w=!0,showDownload:m=!0,showShare:C=!0,showPiP:g=!0,showSubtitles:y=!1,showPlaybackSpeed:E=!0,showQuality:T=!0,previewThumbnails:_=!1,customControls:A=!0,hideControlsDelay:R=3e3,seekStep:M=10,volumeStep:X=.1,onPlay:F,onPause:Y,onEnded:$,onTimeUpdate:N,onVolumeChange:J})=>{const k=s.useRef(null),h=s.useRef(null),I=s.useRef(null),V=s.useRef(0),[U,o]=s.useState(i),[z,L]=s.useState(0),[q,K]=s.useState(0),[D,G]=s.useState(n?0:.8),[ne,u]=s.useState(n),[O,p]=s.useState(!1),[B,Q]=s.useState(!1),[W,Z]=s.useState(c),[re,ie]=s.useState(1),[se,ce]=s.useState("auto"),[fe,xe]=s.useState(!0),[he,ye]=s.useState(!1),[pe,ge]=s.useState(!1),[we,je]=s.useState(!1),[de,Te]=s.useState(0),[Re,$e]=s.useState(!1),[Ye,ke]=s.useState(0),ee={dark:{background:"linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%)",controlsBg:"rgba(0, 0, 0, 0.8)",text:"#ffffff",textSecondary:"#a3a3a3",border:"rgba(255, 255, 255, 0.1)",hover:"rgba(255, 255, 255, 0.1)"},light:{background:"linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%)",controlsBg:"rgba(255, 255, 255, 0.95)",text:"#212529",textSecondary:"#6c757d",border:"rgba(0, 0, 0, 0.1)",hover:"rgba(0, 0, 0, 0.05)"},glass:{background:"rgba(255, 255, 255, 0.1)",controlsBg:"rgba(255, 255, 255, 0.1)",text:"#ffffff",textSecondary:"#a3a3a3",border:"rgba(255, 255, 255, 0.2)",hover:"rgba(255, 255, 255, 0.2)"},neon:{background:"linear-gradient(135deg, #0a0a0a 0%, #1a0a1a 100%)",controlsBg:"rgba(139, 69, 19, 0.8)",text:"#00ffff",textSecondary:"#ff00ff",border:"rgba(0, 255, 255, 0.3)",hover:"rgba(255, 0, 255, 0.2)"}}[j],Me=s.useCallback(()=>{typeof window>"u"||(V.current&&clearTimeout(V.current),V.current=window.setTimeout(()=>{U&&xe(!1)},R))},[U,R]),Ie=s.useCallback(()=>{xe(!0),Me()},[Me]);s.useEffect(()=>{k.current&&(k.current.volume=D,k.current.loop=W,k.current.muted=ne,k.current.playbackRate=re)},[D,W,ne,re]),s.useEffect(()=>{U?Me():(V.current&&clearTimeout(V.current),xe(!0))},[U,Me]);const Ce=()=>{k.current&&(U?(k.current.pause(),o(!1),Y?.()):(k.current.play().catch(console.error),o(!0),F?.()))},Pe=()=>{if(!k.current)return;const P=k.current.currentTime,le=k.current.duration;L(P),K(le),N?.(P)},H=P=>{if(!k.current||!I.current)return;const le=I.current.getBoundingClientRect(),Se=(P.clientX-le.left)/le.width*q;k.current.currentTime=Se,L(Se)},oe=P=>{if(!I.current)return;const le=I.current.getBoundingClientRect(),Se=(P.clientX-le.left)/le.width*q;Te(Se),ke(P.clientX-le.left),$e(!0)},ue=P=>{k.current&&(k.current.currentTime=Math.min(Math.max(0,k.current.currentTime+P),q))},be=P=>{const le=Math.min(Math.max(P,0),1);G(le),u(le===0),J?.(le)},me=async()=>{if(h.current)try{O?document.exitFullscreen&&await document.exitFullscreen():h.current.requestFullscreen&&await h.current.requestFullscreen(),p(!O)}catch(P){console.error("Fullscreen error:",P)}},Ae=async()=>{if(k.current)try{B?document.exitPictureInPicture&&await document.exitPictureInPicture():k.current.requestPictureInPicture&&await k.current.requestPictureInPicture(),Q(!B)}catch(P){console.error("Picture-in-Picture error:",P)}},He=()=>{const P=document.createElement("a");P.href=t,P.download=a||"video",P.click()},yt=async()=>{if(!(typeof window>"u")&&navigator)try{const P=window.location.href;navigator.share?await navigator.share({title:a||"Video",url:P}):navigator.clipboard?(await navigator.clipboard.writeText(P),console.log("URL copied to clipboard!")):console.warn("Share API and Clipboard API not supported in this browser.")}catch(P){console.error("Share error:",P)}},Xe=P=>{if(!P||isNaN(P))return"0:00";const le=Math.floor(P/3600),ze=Math.floor(P%3600/60),Se=Math.floor(P%60);return le>0?`${le}:${ze.toString().padStart(2,"0")}:${Se.toString().padStart(2,"0")}`:`${ze}:${Se.toString().padStart(2,"0")}`},mt=()=>ne||D===0?e.jsx(We,{size:18}):D<.3?e.jsx(We,{size:18}):D<.7?e.jsx(br,{size:18}):e.jsx(Ge,{size:18});return s.useEffect(()=>()=>{V.current&&clearTimeout(V.current)},[]),e.jsxs("div",{ref:h,className:f,style:{position:"relative",width:l,height:d,background:ee.background,borderRadius:S,overflow:"hidden",boxShadow:j==="glass"?"inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 8px 32px rgba(0, 0, 0, 0.3)":"0 10px 30px rgba(0, 0, 0, 0.3)",backdropFilter:j==="glass"?"blur(16px)":"none",userSelect:"none",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},onMouseMove:Ie,onMouseLeave:()=>xe(!1),children:[e.jsx("video",{ref:k,src:t,poster:r,autoPlay:i,loop:c,muted:n,controls:!1,onClick:Ce,onTimeUpdate:Pe,onLoadedMetadata:Pe,onWaiting:()=>je(!0),onCanPlay:()=>je(!1),onEnded:()=>{o(!1),$?.()},style:{width:"100%",height:"100%",objectFit:"cover",backgroundColor:"#000"}}),we&&e.jsx("div",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",color:ee.text,animation:"spin 1s linear infinite"},children:e.jsx(Gt,{size:48})}),!U&&!we&&e.jsx("button",{onClick:Ce,style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",background:`${v}CC`,borderRadius:"50%",border:"none",padding:"24px",cursor:"pointer",color:"#fff",backdropFilter:"blur(10px)",transition:"all 0.3s ease",boxShadow:"0 8px 32px rgba(0, 0, 0, 0.3)"},onMouseEnter:P=>{P.currentTarget.style.transform="translate(-50%, -50%) scale(1.1)",P.currentTarget.style.background=v},onMouseLeave:P=>{P.currentTarget.style.transform="translate(-50%, -50%) scale(1)",P.currentTarget.style.background=`${v}CC`},children:e.jsx(Le,{size:32})}),a&&fe&&e.jsx("div",{style:{position:"absolute",top:"16px",left:"16px",right:"16px",color:ee.text,fontSize:"18px",fontWeight:"600",textShadow:"0 2px 4px rgba(0, 0, 0, 0.8)",opacity:fe?1:0,transition:"opacity 0.3s ease"},children:a}),A&&e.jsxs("div",{style:{position:"absolute",bottom:0,left:0,right:0,background:ee.controlsBg,backdropFilter:"blur(10px)",color:ee.text,padding:"16px",transform:fe?"translateY(0)":"translateY(100%)",transition:"transform 0.3s ease"},children:[b&&e.jsxs("div",{style:{marginBottom:"12px",position:"relative"},children:[e.jsx("div",{ref:I,onClick:H,onMouseMove:oe,onMouseLeave:()=>$e(!1),style:{height:"6px",background:"rgba(255, 255, 255, 0.2)",borderRadius:"3px",cursor:"pointer",position:"relative",overflow:"visible"},children:e.jsx("div",{style:{width:`${z/q*100||0}%`,height:"100%",background:v,borderRadius:"3px",position:"relative"},children:e.jsx("div",{style:{position:"absolute",right:"-6px",top:"50%",width:"12px",height:"12px",background:v,borderRadius:"50%",transform:"translateY(-50%)",boxShadow:"0 2px 8px rgba(0, 0, 0, 0.3)"}})})}),Re&&_&&e.jsx("div",{style:{position:"absolute",bottom:"12px",left:`${Ye}px`,transform:"translateX(-50%)",background:"rgba(0, 0, 0, 0.9)",color:"#fff",padding:"4px 8px",borderRadius:"4px",fontSize:"12px",whiteSpace:"nowrap"},children:Xe(de)})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",flexWrap:"wrap",gap:"12px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsx("button",{onClick:()=>ue(-M),style:{background:"none",border:"none",color:ee.text,cursor:"pointer",padding:"8px"},children:e.jsx(Oe,{size:20})}),e.jsx("button",{onClick:Ce,style:{background:v,borderRadius:"50%",padding:"12px",color:"#fff",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"},children:U?e.jsx(Be,{size:20}):e.jsx(Le,{size:20})}),e.jsx("button",{onClick:()=>ue(M),style:{background:"none",border:"none",color:ee.text,cursor:"pointer",padding:"8px"},children:e.jsx(Fe,{size:20})}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",position:"relative"},children:[e.jsx("button",{onClick:()=>u(!ne),onMouseEnter:()=>x&&ge(!0),style:{background:"none",border:"none",color:ee.text,cursor:"pointer",padding:"8px"},children:e.jsx(mt,{})}),x&&e.jsx("div",{onMouseEnter:()=>ge(!0),onMouseLeave:()=>ge(!1),style:{position:pe?"relative":"absolute",left:pe?"0":"40px",bottom:pe?"0":"40px",width:pe?"80px":"30px",height:pe?"6px":"80px",background:"rgba(255, 255, 255, 0.2)",borderRadius:"3px",cursor:"pointer",opacity:pe?1:0,transition:"all 0.3s ease"},onClick:P=>{const le=P.currentTarget.getBoundingClientRect(),ze=(P.clientX-le.left)/le.width;be(ze)},children:e.jsx("div",{style:{width:`${D*100}%`,height:"100%",background:v,borderRadius:"3px"}})})]}),e.jsxs("div",{style:{fontSize:"14px",color:ee.textSecondary,minWidth:"100px"},children:[Xe(z)," / ",Xe(q)]})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[y&&e.jsx("button",{style:{background:"none",border:"none",color:ee.text,cursor:"pointer",padding:"8px"},children:e.jsx(Ct,{size:18})}),w&&e.jsx("button",{onClick:()=>ye(!he),style:{background:"none",border:"none",color:ee.text,cursor:"pointer",padding:"8px"},children:e.jsx(or,{size:18})}),m&&e.jsx("button",{onClick:He,style:{background:"none",border:"none",color:ee.text,cursor:"pointer",padding:"8px"},children:e.jsx(Ot,{size:18})}),C&&e.jsx("button",{onClick:yt,style:{background:"none",border:"none",color:ee.text,cursor:"pointer",padding:"8px"},children:e.jsx(ar,{size:18})}),g&&e.jsx("button",{onClick:Ae,style:{background:"none",border:"none",color:ee.text,cursor:"pointer",padding:"8px"},children:e.jsx(tr,{size:18})}),e.jsx("button",{onClick:()=>Z(!W),style:{background:"none",border:"none",color:W?v:ee.text,cursor:"pointer",padding:"8px"},children:e.jsx(qe,{size:18})}),e.jsx("button",{onClick:me,style:{background:"none",border:"none",color:ee.text,cursor:"pointer",padding:"8px"},children:O?e.jsx(ct,{size:18}):e.jsx(lt,{size:18})})]})]})]}),he&&e.jsxs("div",{style:{position:"absolute",bottom:"80px",right:"16px",background:ee.controlsBg,backdropFilter:"blur(10px)",borderRadius:"12px",padding:"16px",minWidth:"200px",color:ee.text,border:`1px solid ${ee.border}`,opacity:he?1:0,transform:he?"translateY(0)":"translateY(10px)",transition:"all 0.3s ease"},children:[E&&e.jsxs("div",{style:{marginBottom:"12px"},children:[e.jsx("div",{style:{fontSize:"14px",marginBottom:"8px",color:ee.textSecondary},children:"Playback Speed"}),e.jsx("div",{style:{display:"flex",gap:"4px",flexWrap:"wrap"},children:[.25,.5,.75,1,1.25,1.5,1.75,2].map(P=>e.jsxs("button",{onClick:()=>ie(P),style:{background:re===P?v:"transparent",border:`1px solid ${ee.border}`,borderRadius:"6px",padding:"4px 8px",color:ee.text,cursor:"pointer",fontSize:"12px"},children:[P,"x"]},P))})]}),T&&e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:"14px",marginBottom:"8px",color:ee.textSecondary},children:"Quality"}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:["auto","1080p","720p","480p","360p"].map(P=>e.jsx("button",{onClick:()=>ce(P),style:{background:se===P?v:"transparent",border:"none",borderRadius:"6px",padding:"8px",color:ee.text,cursor:"pointer",fontSize:"12px",textAlign:"left"},children:P},P))})]})]}),e.jsx("style",{children:`
+        @keyframes spin {
+          from { transform: rotate(0deg); }
+          to { transform: rotate(360deg); }
+        }
+      `})]})},Tr=({src:t,thumbnail:r,autoPlay:a=!1,loop:i=!1,backgroundColor:c="#000000",primaryColor:n="#10b981",secondaryColor:l="#ffffff",borderRadius:d="12px",padding:S="16px",width:j="100%",className:v})=>{const f=s.useRef(null),b=s.useRef(null),[x,w]=s.useState(a),[m,C]=s.useState(0),[g,y]=s.useState(0),[E,T]=s.useState(.5),[_,A]=s.useState(!1),[R,M]=s.useState(i);s.useEffect(()=>{f.current&&(f.current.volume=E)},[E]),s.useEffect(()=>{f.current&&(f.current.loop=R)},[R]);const X=()=>{f.current&&(x?f.current.pause():f.current.play(),w(!x))},F=()=>{f.current&&(C(f.current.currentTime),y(f.current.duration))},Y=k=>{if(!f.current||!k.currentTarget)return;const h=k.currentTarget.getBoundingClientRect(),V=(k.clientX-h.left)/h.width*g;f.current.currentTime=V,C(V)},$=k=>{f.current&&(f.current.currentTime+=k)},N=()=>{b.current&&(_?document.exitFullscreen?.():b.current.requestFullscreen?.(),A(!_))},J=k=>{const h=Math.floor(k/60),I=Math.floor(k%60);return`${h}:${I<10?"0":""}${I}`};return e.jsxs("div",{ref:b,className:v,style:{position:"relative",width:j,backgroundColor:c,borderRadius:d,color:l,boxShadow:"0 4px 12px rgba(0,0,0,0.3)",overflow:"hidden",padding:S,boxSizing:"border-box",maxWidth:"100%"},children:[e.jsx("audio",{ref:f,src:t,autoPlay:a,loop:i,onTimeUpdate:F,onLoadedMetadata:F}),r&&e.jsx("img",{src:r,alt:"Audio Thumbnail",style:{width:"100%",objectFit:"cover",borderRadius:d,marginBottom:"16px",maxHeight:"150px"}}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"10px",flexShrink:0,marginTop:"10px"},children:[e.jsx("button",{onClick:()=>$(-10),"aria-label":"Skip Back 10s",children:e.jsx(Oe,{size:20})}),e.jsx("button",{onClick:X,style:{background:n,borderRadius:"9999px",padding:"10px",color:"#fff",border:"none",cursor:"pointer"},"aria-label":x?"Pause":"Play",children:x?e.jsx(Be,{size:20}):e.jsx(Le,{size:20})}),e.jsx("button",{onClick:()=>$(10),"aria-label":"Skip Forward 10s",children:e.jsx(Fe,{size:20})})]}),e.jsxs("div",{style:{display:"flex",flexWrap:"wrap",alignItems:"center",justifyContent:"space-between",gap:"12px",width:"100%"},children:[e.jsxs("div",{style:{flexShrink:0,minWidth:"60px",textAlign:"center"},children:[e.jsx("span",{style:{fontSize:"14px",marginRight:"4px"},children:J(m)}),e.jsxs("span",{style:{fontSize:"14px",color:"#aaa"},children:["/ ",J(g)]})]}),e.jsx("div",{onClick:Y,style:{flex:1,height:"8px",background:"#444",borderRadius:"4px",cursor:"pointer",position:"relative",minWidth:"100px"},children:e.jsx("div",{style:{width:`${m/g*100||0}%`,height:"100%",background:n,borderRadius:"4px"}})}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px",flexShrink:0},children:[e.jsx("button",{onClick:()=>M(!R),"aria-label":"Toggle Loop",children:e.jsx(qe,{size:18,color:R?n:void 0})}),e.jsx("button",{onClick:()=>T(E>0?0:.5),"aria-label":"Toggle Mute",children:E>0?e.jsx(Ge,{size:18}):e.jsx(We,{size:18})}),e.jsx("button",{onClick:N,"aria-label":"Toggle Fullscreen",children:_?e.jsx(ct,{size:18}):e.jsx(lt,{size:18})})]})]})]})};function ae(t,r,a){return t==null?a:typeof t!="object"?t:t[r]??a}const rt=t=>t<768?"sm":t<1024?"md":"lg",Rr=({display:t={sm:"block",md:"flex",lg:"grid"},flexDirection:r={sm:"column",md:"row",lg:"row"},justifyContent:a={sm:"flex-start",md:"center",lg:"space-between"},alignItems:i={sm:"stretch",md:"center",lg:"center"},gridTemplateColumns:c={sm:"1fr",md:"1fr 1fr",lg:"1fr 1fr 1fr"},gridTemplateRows:n={sm:"auto",md:"auto",lg:"auto"},gap:l={sm:"10px",md:"20px",lg:"30px"},rowGap:d,columnGap:S,width:j={sm:"100%",md:"90%",lg:"80%"},maxWidth:v={sm:"100%",md:"800px",lg:"1200px"},height:f={sm:"auto",md:"auto",lg:"auto"},padding:b={sm:"10px",md:"20px",lg:"40px"},margin:x={sm:"0 auto",md:"0 auto",lg:"0 auto"},textAlign:w={sm:"left",md:"center",lg:"center"},backgroundColor:m="#fff",border:C={sm:"none",md:"1px solid #ddd",lg:"2px solid #ccc"},borderRadius:g={sm:"0",md:"8px",lg:"12px"},boxShadow:y={sm:"none",md:"0 4px 6px rgba(0,0,0,0.1)",lg:"0 6px 10px rgba(0,0,0,0.15)"},overflow:E={sm:"visible",md:"hidden",lg:"auto"},children:T,className:_,style:A})=>{const[R,M]=s.useState("lg");s.useEffect(()=>{M(rt(window.innerWidth));const F=()=>M(rt(window.innerWidth));return window.addEventListener("resize",F),()=>window.removeEventListener("resize",F)},[]);const X=s.useMemo(()=>{const F=ae(t,R,"block"),Y=ae(r,R,void 0),$=ae(a,R,void 0),N=ae(i,R,void 0),J=ae(c,R,void 0),k=ae(n,R,void 0),h=ae(l,R,void 0),I=ae(d,R,void 0),V=ae(S,R,void 0),U=ae(j,R,"100%"),o=ae(v,R,void 0),z=ae(f,R,void 0),L=ae(b,R,void 0),q=ae(x,R,void 0),K=ae(w,R,void 0),D=ae(C,R,void 0),G=ae(g,R,void 0),ne=ae(y,R,void 0),u=ae(E,R,void 0);return{display:F,...Y&&{flexDirection:Y},...$&&{justifyContent:$},...N&&{alignItems:N},...J&&{gridTemplateColumns:J},...k&&{gridTemplateRows:k},...h&&{gap:h},...I&&{rowGap:I},...V&&{columnGap:V},width:U,...o&&{maxWidth:o},...z&&{height:z},...L&&{padding:L},...q&&{margin:q},...K&&{textAlign:K},backgroundColor:m,...D&&{border:D},...G&&{borderRadius:G},...ne&&{boxShadow:ne},...u&&{overflow:u},boxSizing:"border-box",...A}},[R,t,r,a,i,c,n,l,d,S,j,v,f,b,x,w,m,C,g,y,E,A]);return e.jsx("div",{className:_,style:X,children:T})},$r=({items:t,allowMultiple:r=!1,defaultOpenIndex:a=[],borderColor:i="#d1d5db",backgroundColor:c="#ffffff",textColor:n="#111827",hoverBgColor:l="#f3f4f6",hoverTextColor:d="#111827",paddingVertical:S="16px",paddingHorizontal:j="16px",margin:v="12px 0",iconOpen:f="−",iconClose:b="+",transitionDuration:x="300ms",borderRadius:w="8px",shadow:m="0 2px 8px rgba(0, 0, 0, 0.05)",contentPadding:C="16px",fontSize:g="16px",fontWeight:y="600",iconSize:E="18px",contentFontSize:T="14px",contentFontWeight:_="400",contentBackgroundColor:A="#ffffff",contentTextColor:R="#111827",className:M,style:X})=>{const[F,Y]=s.useState(a),$=s.useRef([]),N=s.useRef([]);s.useEffect(()=>{$.current.forEach((k,h)=>{k&&(k.style.maxHeight=F.includes(h)?`${k.scrollHeight}px`:"0px")})},[F]);const J=k=>{Y(h=>r?h.includes(k)?h.filter(I=>I!==k):[...h,k]:h.includes(k)?[]:[k])};return e.jsx("div",{className:M,style:{width:"100%",...X},children:t.map((k,h)=>e.jsxs("div",{style:{border:`1px solid ${i}`,borderRadius:w,margin:v,boxShadow:m,overflow:"hidden",transition:`all ${x} ease`},children:[e.jsxs("button",{ref:I=>{N.current[h]=I},onClick:()=>J(h),style:{width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",backgroundColor:c,color:n,padding:`${S} ${j}`,fontWeight:y,fontSize:g,cursor:"pointer",outline:"none",border:"none",transition:`all ${x}`},onMouseEnter:I=>{I.currentTarget.style.backgroundColor=l,I.currentTarget.style.color=d},onMouseLeave:I=>{I.currentTarget.style.backgroundColor=c,I.currentTarget.style.color=n},children:[e.jsx("span",{children:k.title}),e.jsx("span",{style:{fontSize:E},children:F.includes(h)?f:b})]}),e.jsx("div",{ref:I=>{$.current[h]=I},style:{overflow:"hidden",maxHeight:F.includes(h)?`${$.current[h]?.scrollHeight}px`:"0px",transition:`max-height ${x} ease-in-out`},children:e.jsx("div",{style:{borderTop:`1px solid ${i}`,backgroundColor:A,color:R,padding:C,fontSize:T,fontWeight:_},children:k.content})})]},h))})},zr=({type:t,name:r,options:a,selectedValues:i,onChange:c,disabled:n=!1,readOnly:l=!1,required:d=!1,error:S,className:j="",customIcon:v,style:f,labelStyle:b,iconSize:x=20,iconCheckedBgColor:w="#2563eb",iconUncheckedBorderColor:m="#9ca3af",textColor:C="#374151",errorStyle:g})=>{const y=t==="checkbox",E=T=>{if(c)if(y){const _=Array.isArray(i)?i.includes(T)?i.filter(A=>A!==T):[...i,T]:[T];c(_)}else c(T)};return e.jsxs("div",{className:j,style:{display:"flex",flexDirection:"column",gap:8,...f},role:t,"aria-disabled":n,children:[a.map(T=>{const _=y?Array.isArray(i)&&i.includes(T.value):i===T.value;return e.jsxs("label",{style:{display:"flex",alignItems:"center",cursor:n?"not-allowed":"pointer",opacity:n?.6:1,gap:8,userSelect:"none",...b},children:[e.jsx("input",{type:t,name:r,value:T.value,checked:_,disabled:n||l,required:d,onChange:()=>E(T.value),style:{display:"none"}}),v?v(_):e.jsxs("span",{style:{display:"inline-flex",justifyContent:"center",alignItems:"center",width:x,height:x,borderRadius:y?4:"50%",border:`2px solid ${_?w:m}`,backgroundColor:_?w:"transparent",transition:"all 0.2s ease",flexShrink:0},children:[_&&!y&&e.jsx("span",{style:{width:x/2,height:x/2,borderRadius:"50%",backgroundColor:"white"}}),_&&y&&e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",style:{width:x*.6,height:x*.6},children:e.jsx("polyline",{points:"20 6 9 17 4 12"})})]}),e.jsx("span",{style:{color:C,fontSize:14},children:T.label})]},T.value)}),S&&e.jsx("p",{role:"alert",style:{color:"#dc2626",fontSize:12,marginTop:4,...g},children:S})]})},Mr=({label:t="Open Drawer",icon:r,iconPosition:a="left",onClick:i,style:c={}})=>e.jsxs("button",{onClick:i,style:{padding:"10px 16px",backgroundColor:"#2563eb",color:"#fff",border:"none",borderRadius:"6px",cursor:"pointer",display:"inline-flex",alignItems:"center",fontSize:"14px",gap:"8px",...c},children:[r&&a==="left"&&r,t,r&&a==="right"&&r]}),Ir=({open:t,onClose:r,position:a="right",width:i="300px",height:c="300px",backgroundColor:n="#fff",transitionDuration:l=300,style:d={},children:S,showCloseButton:j=!0,closeButtonStyle:v={}})=>{const[f,b]=s.useState(t);s.useEffect(()=>{t?b(!0):setTimeout(()=>b(!1),l)},[t,l]);const x=s.useMemo(()=>{if(t)return"translate(0, 0)";switch(a){case"left":return"translateX(-100%)";case"right":return"translateX(100%)";case"top":return"translateY(-100%)";case"bottom":return"translateY(100%)";default:return"translate(0, 0)"}},[t,a]),w={position:"fixed",zIndex:1e3,backgroundColor:n,transition:`transform ${l}ms ease, opacity ${l}ms ease`,transform:x,opacity:t?1:0,...d,...a==="left"||a==="right"?{top:0,[a]:0,width:i,height:"100%"}:{left:0,[a]:0,height:c,width:"100%"}},m={position:"fixed",display:f?"block":"none",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:999,transition:`opacity ${l}ms ease`,opacity:t?1:0,pointerEvents:t?"auto":"none"},C={position:"absolute",top:"10px",right:"10px",fontSize:"20px",background:"none",border:"none",cursor:"pointer",color:"#000"};return e.jsxs(e.Fragment,{children:[e.jsx("div",{style:m,onClick:r}),e.jsxs("div",{style:{...w,display:"block",visibility:f?"visible":"hidden",pointerEvents:t?"auto":"none"},children:[j&&e.jsx("button",{onClick:r,style:{...C,...v},children:e.jsx(De,{size:20,color:"rgba(255, 0, 0, 1)"})}),S]})]})},Cr=({options:t,value:r,defaultValue:a,onChange:i,placeholder:c="Select an option",disabled:n=!1,searchable:l=!1,multiSelect:d=!1,clearable:S=!1,virtualized:j=!1,optionHeight:v=36,visibleOptions:f=5,width:b="100%",height:x="auto",borderColor:w="#d1d5db",focusBorderColor:m="#2563eb",errorBorderColor:C="#dc2626",backgroundColor:g="#ffffff",textColor:y="#111827",placeholderColor:E="#9ca3af",hoverColor:T="#f3f4f6",selectedColor:_="#eff6ff",disabledColor:A="#f3f4f6",padding:R="0.5rem 0.75rem",margin:M="0",borderRadius:X="0.375rem",boxShadow:F="0 1px 2px 0 rgba(0, 0, 0, 0.05)",optionPadding:Y="0.5rem 0.75rem",optionGap:$="0.5rem",transitionDuration:N="200ms",dropdownMaxHeight:J="300px",dropdownMinWidth:k="100%",className:h="",dropdownClassName:I="",optionClassName:V="",inputClassName:U="",style:o,dropdownStyle:z,optionStyle:L,inputStyle:q,iconPrefix:K,iconSuffix:D,clearIcon:G="×",dropdownIcon:ne="▼",checkIcon:u="✓",ariaLabel:O,ariaLabelledby:p,ariaDescribedby:B,onFocus:Q,onBlur:W,onOpen:Z,onClose:re})=>{const[ie,se]=s.useState([]),[ce,fe]=s.useState(!1),[xe,he]=s.useState(""),[ye,pe]=s.useState(null),ge=s.useRef(null),we=s.useRef(null),je=s.useRef([]);s.useEffect(()=>{se(r?d?r.split(","):[r]:a?d?a.split(","):[a]:[])},[r,a,d]);const de=l?t.filter(H=>H.label.toLowerCase().includes(xe.toLowerCase())):t;s.useEffect(()=>{const H=oe=>{ge.current&&!ge.current.contains(oe.target)&&(fe(!1),re?.())};return document.addEventListener("mousedown",H),()=>document.removeEventListener("mousedown",H)},[re]),s.useEffect(()=>{const H=oe=>{if(ce)switch(oe.key){case"ArrowDown":oe.preventDefault(),pe(ue=>{const be=ue===null?0:Math.min(ue+1,de.length-1);return Te(be),be});break;case"ArrowUp":oe.preventDefault(),pe(ue=>{const be=ue===null?0:Math.max(ue-1,0);return Te(be),be});break;case"Enter":oe.preventDefault(),ye!==null&&Re(de[ye].value);break;case"Escape":oe.preventDefault(),fe(!1),re?.();break;case"Tab":fe(!1),re?.();break}};return document.addEventListener("keydown",H),()=>document.removeEventListener("keydown",H)},[ce,ye,de]);const Te=s.useCallback(H=>{je.current[H]?.scrollIntoView({block:"nearest",behavior:"smooth"})},[]),Re=H=>{let oe;d?oe=ie.includes(H)?ie.filter(ue=>ue!==H):[...ie,H]:(oe=[H],fe(!1),re?.()),se(oe),i?.(d?oe.join(","):H)},$e=H=>{H.stopPropagation(),se([]),i?.(""),he("")},Ye=()=>{if(n)return;const H=!ce;fe(H),H?(Z?.(),l&&setTimeout(()=>we.current?.focus(),0)):re?.()},ke=t.find(H=>H.value===ie[0]),Ve=t.filter(H=>ie.includes(H.value)),[ee,Me]=s.useState(0),Ie=Math.min(f,de.length),Ce=Math.min(ee+Ie,de.length),Pe=j?de.slice(ee,Ce):de;return e.jsxs("div",{ref:ge,className:`dropdown-container ${h}`,style:{position:"relative",width:b,margin:M,fontFamily:"'Inter', sans-serif",...o},children:[e.jsx("style",{children:`
+          .dropdown-container {
+            --border-color: ${w};
+            --focus-border-color: ${m};
+            --error-border-color: ${C};
+            --bg-color: ${g};
+            --text-color: ${y};
+            --placeholder-color: ${E};
+            --hover-color: ${T};
+            --selected-color: ${_};
+            --disabled-color: ${A};
+            --transition-duration: ${N};
+          }
+        `}),e.jsxs("div",{role:"button",onClick:Ye,"aria-disabled":n,"aria-haspopup":"listbox","aria-expanded":ce,"aria-label":O,"aria-labelledby":p,"aria-describedby":B,className:`dropdown-control ${U}`,style:{width:"100%",minHeight:x,padding:R,backgroundColor:n?A:g,color:y,borderWidth:"1px",borderStyle:"solid",borderColor:ce?m:w,borderRadius:X,boxShadow:F,display:"flex",alignItems:"center",justifyContent:"space-between",cursor:n?"not-allowed":"pointer",opacity:n?.7:1,transition:`all ${N} ease-in-out`,textAlign:"left",...q,...ce&&{boxShadow:`0 0 0 1px ${m}`}},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:$,flex:1,overflow:"hidden"},children:[K&&e.jsx("span",{className:"dropdown-icon-prefix",style:{flexShrink:0},children:K}),d?e.jsx("div",{style:{display:"flex",gap:"0.25rem",flexWrap:"wrap",flex:1,overflow:"hidden"},children:Ve.length>0?Ve.map(H=>e.jsxs("span",{style:{backgroundColor:_,padding:"0.25rem 0.5rem",borderRadius:"0.25rem",fontSize:"0.875rem",display:"flex",alignItems:"center",gap:"0.25rem",flexShrink:0},children:[H.icon&&e.jsx("span",{style:{flexShrink:0},children:H.icon}),e.jsx("span",{style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:H.label})]},H.value)):e.jsx("span",{style:{color:E},children:c})}):e.jsxs("span",{style:{color:ke?y:E,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"flex",alignItems:"center",gap:$},children:[ke?.icon&&e.jsx("span",{style:{flexShrink:0},children:ke.icon}),ke?ke.label:c]})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"0.5rem",marginLeft:"0.5rem",flexShrink:0},children:[S&&ie.length>0&&e.jsx("span",{onClick:$e,style:{cursor:n?"not-allowed":"pointer",fontSize:"1rem",color:y,opacity:.7,display:"flex",alignItems:"center",justifyContent:"center"},"aria-label":"Clear selection",children:G}),e.jsx("span",{style:{transition:`transform ${N}`,transform:ce?"rotate(180deg)":"rotate(0deg)",fontSize:"0.75rem",color:y,opacity:.7},children:ne})]})]}),ce&&e.jsxs("div",{className:`dropdown-menu ${I}`,style:{position:"absolute",top:"100%",left:0,zIndex:1e3,width:"100%",minWidth:k,maxHeight:J,overflowY:"auto",backgroundColor:g,border:`1px solid ${w}`,borderRadius:X,boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",marginTop:"0.25rem",transition:`opacity ${N}, transform ${N}`,opacity:0,transform:"translateY(-0.5rem)",animation:`dropdownFadeIn ${N} ease-out forwards`,...z},role:"listbox","aria-multiselectable":d,children:[l&&e.jsx("div",{style:{padding:"0.5rem",borderBottom:`1px solid ${w}`},children:e.jsx("input",{ref:we,type:"text",value:xe,onChange:H=>he(H.target.value),placeholder:"Search...",style:{width:"100%",padding:"0.5rem 0.75rem",borderWidth:"1px",borderStyle:"solid",color:y,borderColor:ce?m:w,borderRadius:"0.25rem",outline:"none",transition:`border-color ${N}`,...ce&&{boxShadow:`0 0 0 1px ${m}`}},onFocus:Q,onBlur:W})}),e.jsx("ul",{style:{margin:0,padding:"0.25rem 0",listStyle:"none"},children:de.length>0?Pe.map((H,oe)=>{const ue=ie.includes(H.value),be=ye===(j?ee+oe:oe),me=H.disabled;return e.jsxs("li",{ref:Ae=>{if(Ae){const He=j?ee+oe:oe;je.current[He]=Ae}},onClick:()=>!me&&Re(H.value),onMouseEnter:()=>!me&&pe(j?ee+oe:oe),className:`dropdown-option ${V} ${me?"disabled":""}`,style:{padding:Y,cursor:me?"not-allowed":"pointer",backgroundColor:ue?_:be?T:g,color:me?A:y,display:"flex",alignItems:"center",gap:$,transition:`background-color ${N}`,...L},role:"option","aria-selected":ue,"aria-disabled":me,children:[d&&e.jsx("span",{style:{flexShrink:0},children:ue?u:"○"}),H.icon&&e.jsx("span",{style:{flexShrink:0},children:H.icon}),e.jsx("span",{style:{flex:1},children:H.label})]},H.value)}):e.jsx("li",{style:{padding:Y,color:E,textAlign:"center"},children:"No options found"})}),j&&de.length>Ie&&e.jsx("div",{style:{height:`${(de.length-Ie)*v}px`}})]}),e.jsx("style",{children:`
+          @keyframes dropdownFadeIn {
+            to {
+              opacity: 1;
+              transform: translateY(0);
+            }
+          }
+        `})]})},Er=({columns:t,data:r,className:a="",pagination:i=!0,rowsPerPage:c=5,colors:n={headerBg:"#3b82f6",headerText:"#ffffff",rowBg:"#ffffff",rowText:"#000000",borderColor:"#d1d5db",hoverBg:"#e5e7eb",paginationBg:"#d1d5db",paginationText:"#000000",evenRowBg:"#f9fafb",selectedRowBg:"#e0f2fe"},borderRadius:l={table:"8px",header:"8px",pagination:"6px"},sortable:d=!0,defaultSort:S,bodyAlign:j="left",headerAlign:v="left",rowSelection:f={enabled:!1},emptyState:b=e.jsx("div",{style:{padding:"20px",textAlign:"center"},children:"No data available"}),onRowClick:x,rowClassName:w,cellPadding:m="12px",headerCellPadding:C="12px",stickyHeader:g=!1,maxHeight:y,scrollShadow:E=!1})=>{const[T,_]=s.useState(S?.column||null),[A,R]=s.useState(S?.direction||"asc"),[M,X]=s.useState(1),[F,Y]=s.useState(null),[$,N]=s.useState([]),J=(u,O)=>{!d||!O||(T===u?R(A==="asc"?"desc":"asc"):(_(u),R("asc")),X(1))},k=u=>{const O=$.some(B=>B.id===u.id);let p;O?p=$.filter(B=>B.id!==u.id):p=[...$,u],N(p),f.onSelect?.(p)},h=()=>{$.length===V.length?(N([]),f.onSelect?.([])):(N([...V]),f.onSelect?.([...V]))},I=s.useMemo(()=>T?[...r].sort((u,O)=>{const p=u[T],B=O[T];if(p==null&&B==null)return 0;if(p==null)return A==="asc"?-1:1;if(B==null)return A==="asc"?1:-1;if(typeof p=="number"&&typeof B=="number")return A==="asc"?p-B:B-p;if(p instanceof Date&&B instanceof Date)return A==="asc"?p.getTime()-B.getTime():B.getTime()-p.getTime();const Q=String(p).toLowerCase(),W=String(B).toLowerCase();return Q===W?0:A==="asc"?Q>W?1:-1:Q<W?1:-1}):[...r],[r,T,A]),V=i?I.slice((M-1)*c,M*c):I,U=Math.ceil(r.length/c),o=u=>$.some(O=>O.id===u.id),z=e.jsx("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 576 512",height:"15px",width:"15px",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",children:e.jsx("path",{d:"M151.6 42.4C145.5 35.8 137 32 128 32s-17.5 3.8-23.6 10.4l-88 96c-11.9 13-11.1 33.3 2 45.2s33.3 11.1 45.2-2L96 146.3 96 448c0 17.7 14.3 32 32 32s32-14.3 32-32l0-301.7 32.4 35.4c11.9 13 32.2 13.9 45.2 2s13.9-32.2 2-45.2l-88-96zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-32 0zm0 128c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-96 0zm0 128c-17.7 0-32 14.3-32 32s14.3 32 32 32l160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-160 0zm0 128c-17.7 0-32 14.3-32 32s14.3 32 32 32l224 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-224 0z"})}),L=e.jsx("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 576 512",height:"15px",width:"15px",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",children:e.jsx("path",{d:"M151.6 42.4C145.5 35.8 137 32 128 32s-17.5 3.8-23.6 10.4l-88 96c-11.9 13-11.1 33.3 2 45.2s33.3 11.1 45.2-2L96 146.3 96 448c0 17.7 14.3 32 32 32s32-14.3 32-32l0-301.7 32.4 35.4c11.9 13 32.2 13.9 45.2 2s13.9-32.2 2-45.2l-88-96zM320 480l32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-32 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm0-128l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-96 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm0-128l160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-160 0c17.7 0-32 14.3-32 32s14.3 32 32 32zm0-128l224 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32z"})}),q=e.jsx("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 320 512",height:"15px",width:"15px",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",children:e.jsx("path",{d:"M182.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-96 96c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L128 109.3l0 293.5L86.6 361.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l96 96c12.5 12.5 32.8 12.5 45.3 0l96-96c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 402.7l0-293.5 41.4 41.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-96-96z"})}),K=e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"}),e.jsx("path",{d:"M9 12l2 2 4-4"})]}),D=e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"}),e.jsx("line",{x1:"8",y1:"12",x2:"16",y2:"12"})]}),G=$.length===V.length&&V.length>0,ne=$.length>0&&!G;return e.jsxs("div",{style:{overflowX:"auto",width:"100%",maxHeight:y,position:"relative",boxShadow:E?"0 2px 4px rgba(0,0,0,0.1)":"none"},className:a,children:[e.jsxs("table",{style:{width:"100%",borderCollapse:"collapse",border:`1px solid ${n.borderColor}`,tableLayout:"auto",minWidth:"400px",borderRadius:l.table,borderSpacing:0,overflow:"hidden"},children:[e.jsx("thead",{children:e.jsxs("tr",{children:[f.enabled&&e.jsx("th",{style:{width:f.selectionColumnWidth||"40px",padding:C,backgroundColor:n.headerBg,color:n.headerText,border:`1px solid ${n.borderColor}`,position:g?"sticky":void 0,top:g?0:void 0,zIndex:g?1:void 0},children:e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer"},onClick:h,children:ne?D:G?K:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"})})})}),t.map(({key:u,label:O,sortable:p,icon:B,width:Q,align:W,headerClassName:Z},re)=>e.jsx("th",{onClick:()=>J(u,p),style:{width:Q,padding:C,border:`1px solid ${n.borderColor}`,cursor:d&&p?"pointer":"default",backgroundColor:n.headerBg,color:n.headerText,userSelect:"none",borderTopLeftRadius:re===0&&!f.enabled?l.header:void 0,borderTopRightRadius:re===t.length-1?l.header:void 0,textAlign:W||v,whiteSpace:"nowrap",position:g?"sticky":void 0,top:g?0:void 0,zIndex:g?1:void 0},className:Z,"aria-sort":T===u?A==="asc"?"ascending":"descending":void 0,role:d&&p?"button":void 0,tabIndex:d&&p?0:void 0,onKeyDown:ie=>{d&&p&&(ie.key==="Enter"||ie.key===" ")&&(ie.preventDefault(),J(u,p))},children:e.jsxs("div",{style:{display:"inline-flex",alignItems:"center",gap:"6px",justifyContent:W==="right"?"flex-end":W==="center"?"center":"flex-start"},children:[B&&e.jsx("span",{children:B}),e.jsx("span",{children:O}),d&&p&&(T===u?A==="asc"?z:L:q)]})},u))]})}),e.jsx("tbody",{children:V.length>0?V.map((u,O)=>{const p=o(u),B=O%2===0;return e.jsxs("tr",{style:{backgroundColor:p?n.selectedRowBg:B&&n.evenRowBg||n.rowBg,color:n.rowText,transition:"background-color 0.2s ease-in-out",cursor:x?"pointer":"default"},onMouseEnter:()=>Y(O),onMouseLeave:()=>Y(null),onClick:()=>x?.(u,O),className:w?.(u,O),children:[f.enabled&&e.jsx("td",{style:{padding:m,border:`1px solid ${n.borderColor}`,textAlign:"center"},onClick:Q=>{Q.stopPropagation(),k(u)},children:p?K:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"})})}),t.map(({key:Q,align:W,render:Z,cellClassName:re})=>e.jsx("td",{style:{padding:m,border:`1px solid ${n.borderColor}`,whiteSpace:"nowrap",textAlign:W||j},className:re,children:Z?Z(u[Q],u):u[Q]},Q))]},O)}):e.jsx("tr",{children:e.jsx("td",{colSpan:t.length+(f.enabled?1:0),style:{padding:"20px",textAlign:"center",border:`1px solid ${n.borderColor}`},children:b})})})]}),i&&U>1&&e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginTop:"12px",padding:"8px",userSelect:"none"},children:[e.jsxs("button",{style:{display:"flex",alignItems:"center",gap:4,padding:"6px 12px",backgroundColor:n.paginationBg,color:n.paginationText,borderRadius:l.pagination,border:"none",opacity:M===1?.5:1,cursor:M===1?"not-allowed":"pointer",fontSize:"0.875rem"},disabled:M===1,onClick:()=>X(u=>Math.max(u-1,1)),"aria-label":"Previous page",type:"button",children:[e.jsx(it,{size:16}),"Prev"]}),e.jsx("div",{style:{display:"flex",gap:"4px"},children:Array.from({length:Math.min(5,U)},(u,O)=>{let p;return U<=5||M<=3?p=O+1:M>=U-2?p=U-4+O:p=M-2+O,e.jsx("button",{style:{padding:"6px 12px",backgroundColor:M===p?n.headerBg:n.paginationBg,color:M===p?n.headerText:n.paginationText,borderRadius:l.pagination,border:"none",cursor:"pointer",fontSize:"0.875rem",minWidth:"36px"},onClick:()=>X(p),"aria-label":`Page ${p}`,type:"button",children:p},p)})}),e.jsxs("button",{style:{display:"flex",alignItems:"center",gap:4,padding:"6px 12px",backgroundColor:n.paginationBg,color:n.paginationText,borderRadius:l.pagination,border:"none",opacity:M===U?.5:1,cursor:M===U?"not-allowed":"pointer",fontSize:"0.875rem"},disabled:M===U,onClick:()=>X(u=>Math.min(u+1,U)),"aria-label":"Next page",type:"button",children:["Next",e.jsx(at,{size:16})]})]})]})},_r=(t,r)=>{const{as:a,children:i,className:c="",style:n={},background:l="#fff",backgroundImage:d,backgroundSize:S="cover",backgroundPosition:j="center",backgroundRepeat:v="no-repeat",backgroundGradient:f,backgroundBlendMode:b,textColor:x="#000",hoverStyles:w={},activeStyles:m={},borderRadius:C=12,border:g="none",borderTop:y,borderRight:E,borderBottom:T,borderLeft:_,boxShadow:A="0 4px 12px rgba(0,0,0,0.1)",hoverShadow:R,transition:M="all 0.2s ease",padding:X,paddingX:F,paddingY:Y,margin:$,marginX:N,marginY:J,width:k,minWidth:h,maxWidth:I="100%",height:V,minHeight:U,maxHeight:o,display:z="flex",flexDirection:L="column",justifyContent:q="flex-start",alignItems:K="stretch",alignContent:D,flexWrap:G,flex:ne,gap:u=16,position:O,top:p,right:B,bottom:Q,left:W,zIndex:Z,overflow:re,overflowX:ie,overflowY:se,cursor:ce,pointerEvents:fe,userSelect:xe,transform:he,transformOrigin:ye,backdropFilter:pe,filter:ge,opacity:we,visibility:je,...de}=t,Te=a||"div",Re={background:f?`${f}${l?`, ${l}`:""}`:l,color:x,...d?{backgroundImage:`url(${d})`,backgroundSize:S,backgroundPosition:j,backgroundRepeat:v}:{},backgroundBlendMode:b,borderRadius:C,boxShadow:A,transition:M,...X?{padding:X}:{paddingTop:Y,paddingBottom:Y,paddingLeft:F,paddingRight:F},...$?{margin:$}:{marginTop:J,marginBottom:J,marginLeft:N,marginRight:N},width:k,minWidth:h,maxWidth:I,height:V,minHeight:U,maxHeight:o,display:z,flexDirection:L,justifyContent:q,alignItems:K,alignContent:D,flexWrap:G,flex:ne,gap:u,position:O,top:p,right:B,bottom:Q,left:W,zIndex:Z,overflow:re,overflowX:ie,overflowY:se,cursor:ce,pointerEvents:fe,userSelect:xe,transform:he,transformOrigin:ye,backdropFilter:pe,filter:ge,opacity:we,visibility:je,border:g,...y&&{borderTop:y},...E&&{borderRight:E},...T&&{borderBottom:T},..._&&{borderLeft:_},boxSizing:"border-box"},$e={"--hover-shadow":R,"--hover-styles":JSON.stringify(w),"--active-styles":JSON.stringify(m)};return e.jsx(Te,{ref:r,className:`card ${c}`,style:{...Re,...$e,...n},...de,children:i})},Lr=s.forwardRef(_r),Pr=Object.assign(Lr,{displayName:"Card"}),nt=t=>t<768?"sm":t<1024?"md":"lg",Ar=({columns:t={sm:1,md:2,lg:3},gap:r="16px",padding:a="20px",alignItems:i="stretch",justifyItems:c="stretch",backgroundColor:n="transparent",width:l="100%",maxWidth:d="100%",height:S="auto",children:j,style:v})=>{const[f,b]=s.useState("lg");s.useEffect(()=>{b(nt(window.innerWidth));const m=()=>b(nt(window.innerWidth));return window.addEventListener("resize",m),()=>window.removeEventListener("resize",m)},[]);const x=s.useMemo(()=>typeof t=="number"?t:t[f]??1,[t,f]),w=s.useMemo(()=>({display:"grid",gridTemplateColumns:`repeat(${x}, 1fr)`,gap:r,padding:a,alignItems:i,justifyItems:c,backgroundColor:n,width:l,maxWidth:d,height:S,boxSizing:"border-box",...v}),[x,r,a,i,c,n,l,d,S,v]);return e.jsx("div",{style:w,children:j})},st=t=>t<768?"sm":t<1024?"md":"lg",Nr=({direction:t="row",align:r="center",justify:a="space-between",gap:i=16,padding:c=20,backgroundColor:n="transparent",width:l="100%",maxWidth:d="100%",height:S="auto",style:j,children:v})=>{const[f,b]=s.useState("lg");s.useEffect(()=>{b(st(window.innerWidth));const m=()=>b(st(window.innerWidth));return window.addEventListener("resize",m),()=>window.removeEventListener("resize",m)},[]);const x=s.useMemo(()=>typeof t=="string"?t:t[f]??"row",[t,f]),w=s.useMemo(()=>({display:"flex",flexDirection:x,alignItems:r,justifyContent:a,gap:typeof i=="number"?`${i}px`:i,padding:typeof c=="number"?`${c}px`:c,backgroundColor:n,width:l,maxWidth:d,height:S,boxSizing:"border-box",...j}),[x,r,a,i,c,n,l,d,S,j]);return e.jsx("div",{style:w,children:v})},Br={success:{bg:"#ecfdf5",border:"#34d399",iconColor:"#059669",Icon:e.jsx(Nt,{size:20})},error:{bg:"#fef2f2",border:"#f87171",iconColor:"#dc2626",Icon:e.jsx(Pt,{size:20})},warning:{bg:"#fffbeb",border:"#facc15",iconColor:"#d97706",Icon:e.jsx(fr,{size:20})},info:{bg:"#eff6ff",border:"#3b82f6",iconColor:"#2563eb",Icon:e.jsx(Ut,{size:20})}},Or=t=>{const r={position:"fixed",zIndex:9999};switch(t){case"top-left":return{...r,top:"20px",left:"20px"};case"top-center":return{...r,top:"20px",left:"50%",transform:"translateX(-50%)"};case"top-right":return{...r,top:"20px",right:"20px"};case"bottom-left":return{...r,bottom:"20px",left:"20px"};case"bottom-center":return{...r,bottom:"20px",left:"50%",transform:"translateX(-50%)"};case"bottom-right":default:return{...r,bottom:"20px",right:"20px"}}},Fr=({title:t="",description:r="",type:a="info",dismissible:i=!0,onClose:c,duration:n,icon:l,actionButton:d,position:S="top-right",className:j,style:v})=>{const[f,b]=s.useState(!0);if(s.useEffect(()=>{if(n){const y=setTimeout(()=>{b(!1),c?.()},n);return()=>clearTimeout(y)}},[n,c]),!f)return null;const{bg:x,border:w,iconColor:m,Icon:C}=Br[a],g=Or(S);return e.jsxs("div",{className:j,style:{...g,display:"flex",gap:"12px",padding:"16px",backgroundColor:x,borderLeft:`4px solid ${w}`,borderRadius:"8px",color:"#111827",alignItems:"flex-start",boxShadow:"0 4px 12px rgba(0,0,0,0.08)",transition:"all 0.3s ease",animation:"slideIn 0.3s ease",maxWidth:"600px",width:"calc(100% - 40px)",...v},children:[e.jsx("div",{style:{color:m,marginTop:"3px"},children:l||C}),e.jsxs("div",{style:{flex:1},children:[t&&e.jsx("div",{style:{fontWeight:"600",marginBottom:"4px"},children:t}),r&&e.jsx("div",{style:{fontSize:"14px",color:"#374151"},children:r}),d&&e.jsx("div",{style:{marginTop:"10px"},children:d})]}),i&&e.jsx("button",{onClick:()=>{b(!1),c?.()},style:{background:"transparent",border:"none",color:"#6b7280",cursor:"pointer",marginLeft:"8px"},children:e.jsx(De,{size:16})}),e.jsx("style",{children:`
           @keyframes slideIn {
             from { opacity: 0; transform: translateY(-10px); }
             to { opacity: 1; transform: translateY(0); }
           }
-        `})]})},Yt=({text:t,color:n="#2563eb",textColor:o="#fff",borderColor:i="#2563eb",icon:l,iconPosition:s="left",rounded:c=!1,borderRadius:f,borderWidth:x="0",fontSize:v="14px",fontWeight:d=500,horizontalPadding:u="10px",verticalPadding:h="6px",margin:p="0",shadow:w="0 1px 4px rgba(0, 0, 0, 0.1)",notificationDot:m=!1,dotColor:C="#ef4444",count:R,pulse:z=!1,style:$,onClick:b})=>{const T={display:"inline-flex",alignItems:"center",justifyContent:"center",backgroundColor:n,border:`${x} solid ${i}`,borderRadius:f||(c?"9999px":"6px"),padding:`${h} ${u}`,fontSize:v,fontWeight:d,margin:p,boxShadow:w,position:"relative",cursor:b?"pointer":"default",...$},S={color:o,display:"inline"},y={display:"flex",alignItems:"center",color:o},F={...y,marginRight:t?"6px":"0px"},Y={...y,marginLeft:t?"6px":"0px"},I={position:"absolute",top:"-6px",right:"-6px",backgroundColor:"#ef4444",color:"#fff",borderRadius:"50%",minWidth:"20px",height:"20px",fontSize:"12px",padding:"0 6px",display:"flex",alignItems:"center",justifyContent:"center",lineHeight:1,zIndex:1},E={position:"absolute",top:"-4px",right:"-4px",height:"8px",width:"8px",backgroundColor:C,borderRadius:"50%",zIndex:1,animation:z?"pulseAnim 1.2s infinite":void 0};return e.jsxs("span",{style:T,onClick:b,children:[m&&e.jsx("span",{style:E}),typeof R<"u"&&e.jsx("span",{style:I,children:R}),l&&s==="left"&&e.jsx("span",{style:F,children:l}),t&&e.jsx("span",{style:S,children:t}),l&&s==="right"&&e.jsx("span",{style:Y,children:l}),e.jsx("style",{children:`
+        `})]})},Wr=({text:t,color:r="#2563eb",textColor:a="#fff",borderColor:i="#2563eb",icon:c,iconPosition:n="left",rounded:l=!1,borderRadius:d,borderWidth:S="0",fontSize:j="14px",fontWeight:v=500,horizontalPadding:f="10px",verticalPadding:b="6px",margin:x="0",shadow:w="0 1px 4px rgba(0, 0, 0, 0.1)",notificationDot:m=!1,dotColor:C="#ef4444",count:g,pulse:y=!1,style:E,onClick:T})=>{const _={display:"inline-flex",alignItems:"center",justifyContent:"center",backgroundColor:r,border:`${S} solid ${i}`,borderRadius:d||(l?"9999px":"6px"),padding:`${b} ${f}`,fontSize:j,fontWeight:v,margin:x,boxShadow:w,position:"relative",cursor:T?"pointer":"default",...E},A={color:a,display:"inline"},R={display:"flex",alignItems:"center",color:a},M={...R,marginRight:t?"6px":"0px"},X={...R,marginLeft:t?"6px":"0px"},F={position:"absolute",top:"-6px",right:"-6px",backgroundColor:"#ef4444",color:"#fff",borderRadius:"50%",minWidth:"20px",height:"20px",fontSize:"12px",padding:"0 6px",display:"flex",alignItems:"center",justifyContent:"center",lineHeight:1,zIndex:1},Y={position:"absolute",top:"-4px",right:"-4px",height:"8px",width:"8px",backgroundColor:C,borderRadius:"50%",zIndex:1,animation:y?"pulseAnim 1.2s infinite":void 0};return e.jsxs("span",{style:_,onClick:T,children:[m&&e.jsx("span",{style:Y}),typeof g<"u"&&e.jsx("span",{style:F,children:g}),c&&n==="left"&&e.jsx("span",{style:M,children:c}),t&&e.jsx("span",{style:A,children:t}),c&&n==="right"&&e.jsx("span",{style:X,children:c}),e.jsx("style",{children:`
           @keyframes pulseAnim {
             0% { transform: scale(1); opacity: 1; }
             50% { transform: scale(1.5); opacity: 0.5; }
             100% { transform: scale(1); opacity: 1; }
           }
-        `})]})},Vt=({isOpen:t,onClose:n,children:o,overlayStyle:i,modalStyle:l,closeButtonStyle:s})=>t?e.jsx("div",{style:{position:"fixed",inset:0,backgroundColor:"rgba(0,0,0,0.6)",display:"flex",justifyContent:"center",alignItems:"center",zIndex:1e3,...i},onClick:n,children:e.jsxs("div",{style:{position:"relative",backgroundColor:"#fff",borderRadius:12,width:"90vw",maxWidth:700,maxHeight:"90vh",overflowY:"auto",padding:24,boxShadow:"0 10px 40px rgba(0,0,0,0.25)",...l},onClick:c=>c.stopPropagation(),children:[e.jsx("button",{onClick:n,"aria-label":"Close modal",style:{position:"absolute",top:16,right:16,background:"transparent",border:"none",cursor:"pointer",padding:4,color:"#444",transition:"color 0.2s ease",...s},onMouseEnter:c=>c.currentTarget.style.color="#000",onMouseLeave:c=>c.currentTarget.style.color="#444",children:e.jsx(ne,{size:24})}),o]})}):null,Le={small:32,medium:48,large:64},Me={online:"#4ade80",offline:"#f87171"},Pe=({src:t,alt:n="User Avatar",size:o="medium",isOnline:i=!1,isOffline:l=!1,className:s="",style:c})=>{const f=Le[o];return e.jsxs("div",{style:{position:"relative",width:f,height:f,borderRadius:"50%",overflow:"hidden",display:"inline-block",flexShrink:0,...c},className:s,"aria-label":n,role:"img",children:[e.jsx("img",{src:t,alt:n,width:f,height:f,loading:"lazy",style:{width:"100%",height:"100%",objectFit:"cover",display:"block",borderRadius:"50%"}}),(i||l)&&e.jsx("span",{"aria-label":i?"Online":"Offline",title:i?"Online":"Offline",style:{position:"absolute",bottom:2,right:2,width:f/4,height:f/4,borderRadius:"50%",border:"2px solid white",backgroundColor:i?Me.online:Me.offline,boxShadow:"0 0 2px rgba(0,0,0,0.3)"}})]})},Ut=({avatars:t,max:n=5,size:o="medium",className:i="",style:l})=>{const s=Le[o],c=t.slice(0,n),f=t.length-n;return e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:s/6,...l},className:i,"aria-label":`Group avatars, ${t.length} members`,role:"group",children:[c.map(({src:x,alt:v,isOnline:d,isOffline:u},h)=>e.jsx("div",{style:{marginLeft:h===0?0:-(s/3),boxShadow:"0 0 0 2px white",borderRadius:"50%",flexShrink:0,cursor:"pointer"},title:v,children:e.jsx(Pe,{src:x,alt:v,size:o,isOnline:d,isOffline:u})},h)),f>0&&e.jsxs("div",{style:{marginLeft:-(s/3),width:s,height:s,borderRadius:"50%",backgroundColor:"#ccc",color:"#444",fontSize:s/2.5,fontWeight:"600",display:"flex",justifyContent:"center",alignItems:"center",boxShadow:"0 0 0 2px white",userSelect:"none"},"aria-label":`${f} more members`,title:`${f} more members`,children:["+",f]})]})},Ht=({tracks:t,className:n="",primaryColor:o="#3b82f6",backgroundColor:i="#fff",textColor:l="#222",secondaryColor:s="#e5e7eb",autoplay:c=!1,loop:f=!1})=>{const[x,v]=a.useState(null),d=a.useRef(null),u=a.useRef(null),[h,p]=a.useState(!1),[w,m]=a.useState(0),[C,R]=a.useState(0),[z,$]=a.useState(.5),[b,T]=a.useState(!1),[S,y]=a.useState(f);a.useEffect(()=>{d.current&&(d.current.volume=z)},[z]),a.useEffect(()=>{d.current&&(d.current.loop=S)},[S]),a.useEffect(()=>{x===null&&d.current&&(d.current.pause(),p(!1),m(0),R(0))},[x]);const F=g=>{if(x===g){if(!d.current)return;d.current.paused?(d.current.play(),p(!0)):(d.current.pause(),p(!1))}else v(g),setTimeout(()=>{d.current?.play(),p(!0)},100)},Y=()=>{d.current&&(m(d.current.currentTime),R(d.current.duration))},I=g=>{if(!d.current)return;const j=g.currentTarget.getBoundingClientRect(),B=(g.clientX-j.left)/j.width*C;d.current.currentTime=B,m(B)},E=g=>{if(d.current){let j=d.current.currentTime+g;j=Math.min(Math.max(j,0),C),d.current.currentTime=j,m(j)}},L=()=>{u.current&&(b?document.exitFullscreen?.():u.current.requestFullscreen?.(),T(!b))},U=()=>{$(g=>g>0?0:.5)},O=g=>{if(isNaN(g))return"0:00";const j=Math.floor(g/60),N=Math.floor(g%60);return`${j}:${N<10?"0":""}${N}`};return e.jsxs("section",{className:n,style:{maxWidth:"480px",margin:"auto",backgroundColor:i,color:l,padding:"16px",borderRadius:"12px",boxShadow:"0 4px 12px rgba(0,0,0,0.15)",fontFamily:"'Segoe UI', Tahoma, Geneva, Verdana, sans-serif",userSelect:"none"},"aria-label":"Audio gallery",children:[e.jsx("h2",{style:{marginBottom:"16px",fontSize:"1.25rem",fontWeight:"700"},children:"🎵 Audio Gallery"}),e.jsx("ul",{style:{listStyle:"none",padding:0,margin:0,display:"flex",flexDirection:"column",gap:"12px"},children:t.map(({src:g,title:j,thumbnail:N},M)=>{const B=x===M&&h;return e.jsxs("li",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"12px",borderRadius:"10px",backgroundColor:B?o:s,color:B?"#fff":l,cursor:"pointer",transition:"background-color 0.3s"},onClick:()=>F(M),tabIndex:0,role:"button","aria-pressed":B,onKeyDown:r=>{(r.key==="Enter"||r.key===" ")&&F(M)},"aria-label":`${B?"Pause":"Play"} ${j}`,children:[e.jsx("span",{style:{fontWeight:"600",fontSize:"1rem"},children:j}),B?e.jsx(te,{size:24,"aria-hidden":"true"}):e.jsx(re,{size:24,"aria-hidden":"true"})]},M)})}),x!==null&&e.jsxs("article",{ref:u,style:{marginTop:"24px",padding:"12px",borderRadius:"12px",backgroundColor:s,color:l,boxSizing:"border-box"},"aria-label":`Audio player for ${t[x].title}`,children:[t[x].thumbnail&&e.jsx("img",{src:t[x].thumbnail,alt:`${t[x].title} thumbnail`,loading:"lazy",width:"100%",style:{borderRadius:"12px",marginBottom:"12px",objectFit:"cover",maxHeight:"180px"}}),e.jsx("h3",{style:{fontWeight:"700",fontSize:"1.1rem",marginBottom:"8px"},children:t[x].title}),e.jsx("audio",{ref:d,src:t[x].src,autoPlay:c,loop:S,onTimeUpdate:Y,onEnded:()=>p(!1),onLoadedMetadata:Y,style:{display:"none"},preload:"metadata"}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"16px",flexWrap:"wrap"},children:[e.jsx("button",{onClick:()=>E(-10),"aria-label":"Skip back 10 seconds",style:K(l,o),children:e.jsx(pe,{size:20})}),e.jsx("button",{onClick:()=>{d.current&&(h?d.current.pause():d.current.play(),p(!h))},"aria-label":h?"Pause":"Play",style:{...K("#fff",o),borderRadius:"9999px",padding:"12px",display:"flex",alignItems:"center",justifyContent:"center"},children:h?e.jsx(te,{size:24,color:"#fff"}):e.jsx(re,{size:24,color:"#fff"})}),e.jsx("button",{onClick:()=>E(10),"aria-label":"Skip forward 10 seconds",style:K(l,o),children:e.jsx(fe,{size:20})})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px",marginTop:"16px",flexWrap:"wrap",userSelect:"none"},children:[e.jsx("time",{dateTime:`PT${Math.floor(w/60)}M${Math.floor(w%60)}S`,style:{minWidth:"40px",fontSize:"0.9rem"},"aria-label":"Current playback time",children:O(w)}),e.jsx("div",{onClick:I,role:"slider","aria-valuemin":0,"aria-valuemax":C,"aria-valuenow":w,tabIndex:0,onKeyDown:g=>{d.current&&(g.key==="ArrowRight"?E(5):g.key==="ArrowLeft"&&E(-5))},style:{flex:1,height:"8px",borderRadius:"8px",backgroundColor:"#ccc",cursor:"pointer",position:"relative",minWidth:"120px"},"aria-label":"Seek playback position",children:e.jsx("div",{style:{width:`${w/C*100||0}%`,height:"100%",backgroundColor:o,borderRadius:"8px"}})}),e.jsxs("time",{dateTime:`PT${Math.floor(C/60)}M${Math.floor(C%60)}S`,style:{minWidth:"40px",fontSize:"0.9rem",color:"#666"},"aria-label":"Total duration",children:["/ ",O(C)]})]}),e.jsxs("div",{style:{marginTop:"16px",display:"flex",alignItems:"center",justifyContent:"flex-end",gap:"16px",flexWrap:"wrap"},children:[e.jsx("button",{onClick:()=>y(!S),"aria-label":"Toggle Loop",style:K(S?o:l,S?"#e0f2fe":"transparent"),children:e.jsx(ue,{size:20,color:S?o:l,"aria-hidden":"true"})}),e.jsx("button",{onClick:U,"aria-label":z>0?"Mute":"Unmute",style:K(l,"transparent"),children:z>0?e.jsx(xe,{size:20,"aria-hidden":"true"}):e.jsx(he,{size:20,"aria-hidden":"true"})}),e.jsx("button",{onClick:L,"aria-label":b?"Exit Fullscreen":"Enter Fullscreen",style:K(l,"transparent"),children:b?e.jsx(de,{size:20,"aria-hidden":"true"}):e.jsx(ce,{size:20,"aria-hidden":"true"})})]})]})]})};function K(t,n){return{border:"none",backgroundColor:n,color:t,cursor:"pointer",padding:"6px 10px",borderRadius:"8px",display:"inline-flex",alignItems:"center",justifyContent:"center",transition:"background-color 0.3s ease"}}const Gt=({videos:t,columns:n=3,responsiveColumns:o,gap:i="10px",layout:l="grid",lightbox:s=!0,autoPlay:c=!1,loop:f=!1,muted:x=!1,controls:v=!0,className:d=""})=>{const[u,h]=a.useState(null),[p,w]=a.useState(typeof window<"u"?window.innerWidth:1024),[m,C]=a.useState(n);a.useEffect(()=>{function S(){const y=window.innerWidth;if(w(y),!o){C(n);return}y<640?C(o.mobile??n):y<1024?C(o.tablet??n):C(o.desktop??n)}if(typeof window<"u")return S(),window.addEventListener("resize",S),()=>window.removeEventListener("resize",S)},[n,o]);const R=()=>h(null),z=S=>{S.stopPropagation(),u!==null&&h((u-1+t.length)%t.length)},$=S=>{S.stopPropagation(),u!==null&&h((u+1)%t.length)},b=({src:S,poster:y,autoPlay:F=!1,loop:Y=!1,muted:I=!1,controls:E=!1,width:L="100%",height:U="150px",borderRadius:O="12px",backgroundColor:g="#1e1e1e",primaryColor:j="#ff4081",padding:N="16px",className:M,onClick:B})=>{const r=a.useRef(null),k=a.useRef(null),[P,V]=a.useState(F),[D,A]=a.useState(0),[W,q]=a.useState(0),[_,X]=a.useState(I?0:.5),[J,se]=a.useState(I),[oe,Ne]=a.useState(!1),[le,We]=a.useState(Y);a.useEffect(()=>{r.current&&(r.current.volume=_,r.current.loop=le,r.current.muted=J)},[_,le,J]);const Fe=()=>{r.current&&(P?r.current.pause():r.current.play(),V(!P))},me=()=>{r.current&&(A(r.current.currentTime),q(r.current.duration))},Oe=Z=>{if(!r.current||!Z.currentTarget)return;const ie=Z.currentTarget.getBoundingClientRect(),we=(Z.clientX-ie.left)/ie.width*W;r.current.currentTime=we,A(we)},je=Z=>{r.current&&(r.current.currentTime+=Z)},Be=()=>{k.current&&(oe?document.exitFullscreen?.():k.current.requestFullscreen?.(),Ne(!oe))},De=()=>{J?(se(!1),_===0&&X(.5)):(se(!0),X(0))},ve=Z=>{if(isNaN(Z))return"0:00";const ie=Math.floor(Z/60),ge=Math.floor(Z%60);return`${ie}:${ge<10?"0":""}${ge}`};return e.jsxs("div",{ref:k,onClick:B,className:M,style:{position:"relative",width:L,backgroundColor:g,borderRadius:O,color:"#fff",overflow:"hidden",padding:N,boxSizing:"border-box",maxWidth:"100%",boxShadow:"0 4px 12px rgba(0,0,0,0.3)",cursor:B?"pointer":"default",userSelect:"none"},children:[e.jsx("video",{ref:r,src:S,poster:y,autoPlay:F,loop:Y,muted:I,controls:E,onTimeUpdate:me,onLoadedMetadata:me,style:{width:"100%",height:U,borderRadius:O,objectFit:"cover",backgroundColor:"#000"}}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"10px",marginTop:"10px",flexWrap:"wrap"},children:[e.jsx("button",{onClick:()=>je(-10),"aria-label":"Skip Back 10s",children:e.jsx(pe,{size:20})}),e.jsx("button",{onClick:Fe,style:{background:j,borderRadius:"9999px",padding:"10px",color:"#fff",border:"none",cursor:"pointer"},"aria-label":P?"Pause":"Play",children:P?e.jsx(te,{size:20}):e.jsx(re,{size:20})}),e.jsx("button",{onClick:()=>je(10),"aria-label":"Skip Forward 10s",children:e.jsx(fe,{size:20})})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginTop:"8px",gap:"12px",flexWrap:"wrap"},children:[e.jsxs("div",{style:{flexShrink:0,minWidth:"60px",textAlign:"center"},children:[e.jsx("span",{style:{fontSize:"14px"},children:ve(D)}),e.jsxs("span",{style:{fontSize:"14px",color:"#aaa"},children:[" ","/ ",ve(W)]})]}),e.jsx("div",{onClick:Oe,style:{flex:1,height:"8px",background:"#444",borderRadius:"4px",cursor:"pointer",position:"relative",minWidth:"100px"},children:e.jsx("div",{style:{width:`${D/W*100||0}%`,height:"100%",background:j,borderRadius:"4px"}})}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[e.jsx("button",{onClick:()=>We(!le),"aria-label":"Toggle Loop",type:"button",children:e.jsx(ue,{size:18,color:le?j:void 0})}),e.jsx("button",{onClick:De,"aria-label":J?"Unmute":"Mute",type:"button",children:J?e.jsx(he,{size:18}):e.jsx(xe,{size:18})}),e.jsx("button",{onClick:Be,"aria-label":oe?"Exit Fullscreen":"Fullscreen",type:"button",children:oe?e.jsx(de,{size:18}):e.jsx(ce,{size:18})})]})]})]})},T=()=>p<640?"120px":p<1024?"150px":"180px";return e.jsxs("div",{className:`w-full ${d}`,children:[e.jsx("div",{className:`grid ${l==="masonry"?"grid-flow-dense":""}`,style:{gridTemplateColumns:`repeat(${m}, 1fr)`,gap:i},children:t.map((S,y)=>e.jsx("div",{style:{position:"relative",overflow:"hidden",borderRadius:12,cursor:s?"pointer":"default"},onClick:()=>s&&h(y),children:e.jsx(b,{src:S.src,poster:S.poster,autoPlay:c,loop:f,muted:x,controls:v,height:T(),borderRadius:"12px",padding:"8px",primaryColor:"#ff4081",onClick:F=>F.stopPropagation()})},y))}),s&&u!==null&&e.jsxs("div",{onClick:R,role:"dialog","aria-modal":"true","aria-label":"Video preview",style:{position:"fixed",inset:0,backgroundColor:"rgba(0,0,0,0.8)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:9999},children:[e.jsx("button",{onClick:z,"aria-label":"Previous video",style:{position:"absolute",left:20,top:"50%",transform:"translateY(-50%)",color:"white",background:"transparent",border:"none",cursor:"pointer",padding:8,borderRadius:"50%",userSelect:"none"},type:"button",children:e.jsx(Ie,{size:32})}),e.jsx(b,{src:t[u].src,poster:t[u].poster,autoPlay:!0,controls:!0,muted:x,width:"80vw",height:"45vw",borderRadius:"16px",padding:"16px",primaryColor:"#ff4081",onClick:S=>S.stopPropagation()}),e.jsx("button",{onClick:$,"aria-label":"Next video",style:{position:"absolute",right:20,top:"50%",transform:"translateY(-50%)",color:"white",background:"transparent",border:"none",cursor:"pointer",padding:8,borderRadius:"50%",userSelect:"none"},type:"button",children:e.jsx(_e,{size:32})}),e.jsx("button",{onClick:R,"aria-label":"Close preview",style:{position:"absolute",top:20,right:20,color:"white",background:"transparent",border:"none",cursor:"pointer",padding:8,borderRadius:"50%",userSelect:"none"},type:"button",children:e.jsx(ne,{size:28})})]})]})},qt=({images:t,columns:n=3,gap:o="10px",layout:i="grid",lightbox:l=!0,className:s=""})=>{const[c,f]=a.useState(null),x=()=>f(null),v=u=>{u.stopPropagation(),c!==null&&f((c-1+t.length)%t.length)},d=u=>{u.stopPropagation(),c!==null&&f((c+1)%t.length)};return e.jsxs("div",{className:`w-full ${s}`,children:[e.jsx("div",{className:`grid ${i==="masonry"?"grid-flow-dense":""}`,style:{gridTemplateColumns:`repeat(${n}, 1fr)`,gap:o},children:t.map((u,h)=>e.jsx("div",{className:"relative overflow-hidden rounded-lg cursor-pointer",onClick:()=>l&&f(h),children:e.jsx(be,{src:u.src,alt:u.alt||"Gallery Image",lazyLoad:!0,className:"w-full h-auto object-cover transition-transform duration-300 hover:scale-105",style:{display:"block",width:"100%",height:"auto"},hoverScale:1.05,transitionDuration:"0.3s"})},h))}),l&&c!==null&&e.jsxs("div",{className:"fixed inset-0 bg-black bg-opacity-80 flex items-center justify-center z-50",onClick:x,role:"dialog","aria-modal":"true","aria-label":"Image preview",children:[e.jsx("button",{onClick:v,"aria-label":"Previous image",className:"absolute left-4 top-1/2 -translate-y-1/2 text-white p-2 rounded-full hover:bg-black/50",children:e.jsx(Ie,{size:32})}),e.jsx(be,{src:t[c].src,alt:t[c].alt||"Preview",className:"max-w-full max-h-full",lazyLoad:!0,onClick:u=>u.stopPropagation()}),e.jsx("button",{onClick:d,"aria-label":"Next image",className:"absolute right-4 top-1/2 -translate-y-1/2 text-white p-2 rounded-full hover:bg-black/50",children:e.jsx(_e,{size:32})}),e.jsx("button",{className:"absolute top-4 right-4 text-white p-2 rounded-full hover:bg-black/50",onClick:x,"aria-label":"Close preview",children:e.jsx(ne,{size:28})})]})]})};exports.Accordion=$t;exports.Alert=Dt;exports.AudioGallery=Ht;exports.AudioPlayer=Et;exports.Avatar=Pe;exports.AvatarGroup=Ut;exports.Badge=Yt;exports.Button=Ge;exports.Card=Nt;exports.CheckRadio=It;exports.Container=Mt;exports.Drawer=At;exports.DrawerButton=_t;exports.Dropdown=Lt;exports.Flexbox=Ft;exports.GridView=Wt;exports.Image=be;exports.ImageGallery=qt;exports.Input=kt;exports.LeftTabs=Tt;exports.List=St;exports.Modal=Vt;exports.RightTabs=zt;exports.Table=Pt;exports.Text=He;exports.TopTabs=Ct;exports.VideoGallery=Gt;exports.VideoPlayer=Rt;
+        `})]})},Dr=({isOpen:t,onClose:r,children:a,overlayStyle:i,modalStyle:c,closeButtonStyle:n})=>t?e.jsx("div",{style:{position:"fixed",inset:0,backgroundColor:"rgba(0,0,0,0.6)",display:"flex",justifyContent:"center",alignItems:"center",zIndex:1e3,...i},onClick:r,children:e.jsxs("div",{style:{position:"relative",backgroundColor:"#fff",borderRadius:12,width:"90vw",maxWidth:700,maxHeight:"90vh",overflowY:"auto",padding:24,boxShadow:"0 10px 40px rgba(0,0,0,0.25)",...c},onClick:l=>l.stopPropagation(),children:[e.jsx("button",{onClick:r,"aria-label":"Close modal",style:{position:"absolute",top:16,right:16,background:"transparent",border:"none",cursor:"pointer",padding:4,color:"#444",transition:"color 0.2s ease",...n},onMouseEnter:l=>l.currentTarget.style.color="#000",onMouseLeave:l=>l.currentTarget.style.color="#444",children:e.jsx(De,{size:24})}),a]})}):null,xt={xs:24,sm:32,md:40,lg:48,xl:56,"2xl":64},Yr={xs:6,sm:8,md:10,lg:12,xl:14,"2xl":16},ht={xs:10,sm:12,md:14,lg:16,xl:18,"2xl":20},gt=t=>{switch(t){case"square":return"0px";case"rounded":return"8px";case"circular":default:return"50%"}},Vr=(t,r)=>{switch(t){case"top-left":return{top:1,left:1};case"top-right":return{top:1,right:1};case"bottom-left":return{bottom:1,left:1};case"bottom-right":default:return{bottom:1,right:1}}},Hr=(t,r)=>{switch(t){case"tight":return-(r*.5);case"loose":return-(r*.15);case"normal":default:return-(r*.35)}},bt=({src:t,alt:r="User Avatar",size:a="md",variant:i="circular",isOnline:c=!1,isOffline:n=!1,className:l="",style:d,statusClassName:S="",statusStyle:j,statusPosition:v="bottom-right",fallback:f,ring:b=!1,ringColor:x="#3b82f6",onClick:w})=>{const[m,C]=s.useState(!1),[g,y]=s.useState(!1),E=xt[a],T=Yr[a],_=ht[a],A=gt(i),R=f||r.split(" ").map(N=>N[0]).join("").toUpperCase().slice(0,2);let M="",X="";c?(M="#10b981",X="Online"):n&&(M="#6b7280",X="Offline");const F=c||n,Y=t&&!m,$=!!w;return e.jsxs("div",{style:{position:"relative",width:E,height:E,borderRadius:A,overflow:"visible",display:"inline-block",flexShrink:0,cursor:$?"pointer":"default",transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",transform:g&&$?"scale(1.05)":"scale(1)",boxShadow:b?`0 0 0 3px ${x}20, 0 0 0 1px ${x}`:g&&$?"0 8px 25px -8px rgba(0, 0, 0, 0.3)":"0 1px 3px rgba(0, 0, 0, 0.1)",...d},className:l,"aria-label":r,role:$?"button":"img",tabIndex:$?0:-1,onClick:w,onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),onKeyDown:N=>{$&&(N.key==="Enter"||N.key===" ")&&(N.preventDefault(),w?.())},children:[Y?e.jsx("div",{style:{borderRadius:A,overflow:"hidden",width:"100%",height:"100%"},children:e.jsx("img",{src:t,alt:r,width:E,height:E,loading:"lazy",onError:()=>C(!0),style:{width:"100%",height:"100%",objectFit:"cover",objectPosition:"center",display:"block",transition:"opacity 0.2s ease-in-out"}})}):e.jsx("div",{style:{width:"100%",height:"100%",background:"linear-gradient(135deg, #667eea 0%, #764ba2 100%)",display:"flex",alignItems:"center",justifyContent:"center",color:"white",fontSize:_,fontWeight:"600",borderRadius:A,position:"relative"},children:R?e.jsx("span",{style:{userSelect:"none"},children:R}):e.jsx(hr,{size:E*.5,strokeWidth:1.5})}),F&&e.jsx("div",{className:S,style:{position:"absolute",width:T,height:T,borderRadius:"50%",backgroundColor:M,border:"2px solid white",boxShadow:"0 1px 3px rgba(0, 0, 0, 0.12)",...Vr(v),...j},"aria-label":X,title:X})]})},Xr=({avatars:t,max:r=4,size:a="md",className:i="",style:c,spacing:n="normal",direction:l="left"})=>{const d=xt[a],S=ht[a],j=t.slice(0,r),v=t.length-r,f=Hr(n,d);return e.jsxs("div",{style:{display:"flex",alignItems:"center",flexDirection:l==="right"?"row-reverse":"row",...c},className:i,"aria-label":`Avatar group with ${t.length} members`,role:"group",children:[j.map((b,x)=>{const w=l==="left"?x===0:x===j.length-1,m=l==="left"?j.length-x:x+1;return e.jsx("div",{style:{marginLeft:l==="left"&&!w?f:0,marginRight:l==="right"&&!w?f:0,position:"relative",zIndex:m,transition:"transform 0.2s cubic-bezier(0.4, 0, 0.2, 1)"},className:"group-hover:translate-x-1",onMouseEnter:C=>{const g=C.currentTarget;g.style.transform=`translateY(-2px) ${l==="right"?"translateX(4px)":"translateX(-4px)"}`,g.style.zIndex="100"},onMouseLeave:C=>{const g=C.currentTarget;g.style.transform="translateY(0) translateX(0)",g.style.zIndex=m.toString()},children:e.jsx("div",{style:{border:"3px solid white",borderRadius:gt(b.variant||"circular"),boxShadow:"0 2px 8px rgba(0, 0, 0, 0.15)"},children:e.jsx(bt,{...b,size:a,style:{boxShadow:"none"}})})},x)}),v>0&&e.jsxs("div",{style:{marginLeft:l==="left"?f:0,marginRight:l==="right"?f:0,width:d,height:d,borderRadius:"50%",background:"linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%)",color:"#374151",fontSize:S*.9,fontWeight:"600",display:"flex",justifyContent:"center",alignItems:"center",border:"3px solid white",boxShadow:"0 2px 8px rgba(0, 0, 0, 0.15)",userSelect:"none",cursor:"default",flexShrink:0,position:"relative",zIndex:0,transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)"},"aria-label":`${v} more members`,title:`${v} more members`,onMouseEnter:b=>{const x=b.currentTarget;x.style.transform="translateY(-2px) scale(1.05)",x.style.background="linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%)"},onMouseLeave:b=>{const x=b.currentTarget;x.style.transform="translateY(0) scale(1)",x.style.background="linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%)"},children:["+",v]})]})},Ur=[{src:"https://www.soundjay.com/misc/sounds/bell-ringing-05.wav",title:"Morning Bell",artist:"Nature Sounds",duration:"0:15",thumbnail:"https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=300&h=300&fit=crop"},{src:"https://www.soundjay.com/buttons/sounds/button-4.wav",title:"Digital Click",artist:"Tech Audio",duration:"0:05",thumbnail:"https://images.unsplash.com/photo-1514525253161-7a46d19cd819?w=300&h=300&fit=crop"},{src:"https://www.soundjay.com/buttons/sounds/button-10.wav",title:"Soft Chime",artist:"Ambient Studio",duration:"0:08",thumbnail:"https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=300&h=300&fit=crop"}];function qr({tracks:t=Ur,className:r="",galleryTitle:a="Audio Gallery",primaryColor:i="#8b5cf6",backgroundColor:c="#0f0f23",textColor:n="#e4e4e7",secondaryColor:l="#1a1a2e",border:d=0,borderColor:S,maxWidth:j=420,autoplay:v=!1,loop:f=!1}){const[b,x]=s.useState(null),[w,m]=s.useState(!1),[C,g]=s.useState(0),[y,E]=s.useState(0),[T,_]=s.useState(.7),[A,R]=s.useState(!1),[M,X]=s.useState(f),[F,Y]=s.useState(!1),[$,N]=s.useState(!1),[J,k]=s.useState(!1),h=s.useRef(null),I=s.useRef(null),V=s.useRef(null);s.useEffect(()=>{h.current&&(h.current.volume=T)},[T]),s.useEffect(()=>{h.current&&(h.current.loop=M)},[M]),s.useEffect(()=>{b===null&&h.current&&(h.current.pause(),m(!1),g(0),E(0))},[b]);const U=p=>{if(b===p){if(!h.current)return;h.current.paused?(h.current.play().catch(()=>{}),m(!0)):(h.current.pause(),m(!1))}else x(p),setTimeout(()=>{h.current&&(h.current.play().catch(()=>{}),m(!0))},100)},o=()=>{h.current&&(g(h.current.currentTime),h.current.duration&&E(h.current.duration))},z=p=>{if(!h.current||!y)return;const B=p.currentTarget.getBoundingClientRect(),Z=(p.clientX-B.left)/B.width*y;h.current.currentTime=Z,g(Z)},L=p=>{const B=p.currentTarget.getBoundingClientRect(),W=(p.clientX-B.left)/B.width,Z=Math.max(0,Math.min(1,W));_(Z)},q=p=>{if(h.current&&y){let B=h.current.currentTime+p;B=Math.min(Math.max(B,0),y),h.current.currentTime=B,g(B)}},K=()=>{if(b===null)return;let p;F?p=Math.floor(Math.random()*t.length):p=(b+1)%t.length,U(p)},D=()=>{if(b===null)return;let p;F?p=Math.floor(Math.random()*t.length):p=(b-1+t.length)%t.length,U(p)},G=()=>{_(p=>p>0?0:.7)},ne=()=>{k(!0),V.current&&clearTimeout(V.current),V.current=setTimeout(()=>{k(!1)},3e3)},u=p=>{if(isNaN(p))return"0:00";const B=Math.floor(p/60),Q=Math.floor(p%60);return`${B}:${Q<10?"0":""}${Q}`},O=b!==null?t[b]:null;return e.jsxs("div",{className:r,style:{maxWidth:`${j}px`,margin:"20px auto",background:`linear-gradient(145deg, ${c}, ${l})`,color:n,borderRadius:"24px",padding:"24px 16px",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",userSelect:"none",backdropFilter:"blur(20px)",border:`${d}px solid ${S}40`},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"24px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx("div",{style:{width:"40px",height:"40px",borderRadius:"12px",background:`linear-gradient(135deg, ${i}, ${l})`,display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(tt,{size:20,color:"white"})}),e.jsxs("div",{children:[e.jsx("h2",{style:{margin:0,fontSize:"1.25rem",fontWeight:"700",color:i},children:a}),e.jsxs("p",{style:{margin:0,fontSize:"0.875rem",opacity:.7},children:[t.length," tracks"]})]})]}),e.jsx("button",{onClick:()=>Y(!F),style:{background:F?i:"transparent",border:"none",borderRadius:"12px",padding:"8px",cursor:"pointer",transition:"all 0.3s ease",opacity:F?1:.6},"aria-label":"Toggle Shuffle",children:e.jsx(cr,{size:18,color:F?"white":n})})]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"8px",marginBottom:"20px",maxHeight:"240px",overflowY:"auto",paddingRight:"4px"},children:t.map((p,B)=>{const Q=b===B,W=Q&&w;return e.jsxs("div",{onClick:()=>U(B),style:{display:"flex",alignItems:"center",padding:"12px 16px",borderRadius:"16px",background:Q?`linear-gradient(135deg, ${i}20, ${i}10)`:"rgba(255,255,255,0.05)",border:Q?`1px solid ${i}40`:"1px solid transparent",cursor:"pointer",transition:"all 0.3s ease",backdropFilter:Q?"blur(20px)":"none"},children:[e.jsxs("div",{style:{width:"48px",height:"48px",borderRadius:"12px",background:p.thumbnail?`url(${p.thumbnail}) center/cover`:i,display:"flex",alignItems:"center",justifyContent:"center",marginRight:"12px",position:"relative",overflow:"hidden"},children:[!p.thumbnail&&e.jsx(tt,{size:20,color:"white"}),W&&e.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,background:"rgba(0,0,0,0.6)",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx("div",{style:{width:"16px",height:"16px",display:"flex",gap:"2px",alignItems:"end",justifyContent:"center"},children:[0,1,2].map(Z=>e.jsx("div",{style:{width:"3px",background:"white",borderRadius:"2px",animation:`equalizer 1s ease-in-out infinite ${Z*.2}s`,height:"12px"}},Z))})})]}),e.jsxs("div",{style:{flex:1,minWidth:0},children:[e.jsx("div",{style:{fontWeight:"600",fontSize:"0.95rem",color:Q?i:n,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:p.title}),p.artist&&e.jsx("div",{style:{fontSize:"0.8rem",opacity:.7,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:p.artist})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[p.duration&&e.jsx("span",{style:{fontSize:"0.8rem",opacity:.6},children:p.duration}),e.jsx("div",{style:{width:"32px",height:"32px",borderRadius:"8px",background:Q?i:"rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.3s ease"},children:W?e.jsx(Be,{size:16,color:"white"}):e.jsx(Le,{size:16,color:"white"})})]})]},B)})}),O&&e.jsxs("div",{ref:I,style:{background:`linear-gradient(135deg, ${l}, ${c})`,borderRadius:"20px",padding:"20px",border:`1px solid ${i}40`,backdropFilter:"blur(20px)",position:"relative",overflow:"hidden"},children:[O.thumbnail&&e.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundImage:`url(${O.thumbnail})`,backgroundSize:"cover",backgroundPosition:"center",filter:"blur(60px) opacity(0.1)",transform:"scale(1.1)"}}),e.jsxs("div",{style:{position:"relative",zIndex:1},children:[e.jsxs("div",{style:{textAlign:"center",marginBottom:"20px"},children:[e.jsx("h3",{style:{margin:"0 0 4px 0",fontSize:"1.1rem",fontWeight:"700",color:i},children:O.title}),O.artist&&e.jsx("p",{style:{margin:0,opacity:.7,fontSize:"0.9rem"},children:O.artist})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"20px",marginBottom:"20px"},children:[e.jsx("button",{onClick:D,style:ve(n,"rgba(255,255,255,0.1)"),"aria-label":"Previous Track",children:e.jsx(Oe,{size:20})}),e.jsxs("button",{onClick:()=>q(-10),style:ve(n,"rgba(255,255,255,0.1)"),"aria-label":"Skip back 10 seconds",children:[e.jsx(Oe,{size:16}),e.jsx("span",{style:{fontSize:"0.7rem",marginLeft:"2px"},children:"10"})]}),e.jsx("button",{onClick:()=>{h.current&&(w?(h.current.pause(),m(!1)):(h.current.play().catch(()=>{}),m(!0)))},style:{...ve("#fff",i),width:"60px",height:"60px",borderRadius:"50%",boxShadow:`0 8px 25px ${i}40`},"aria-label":w?"Pause":"Play",children:w?e.jsx(Be,{size:24}):e.jsx(Le,{size:24})}),e.jsxs("button",{onClick:()=>q(10),style:ve(n,"rgba(255,255,255,0.1)"),"aria-label":"Skip forward 10 seconds",children:[e.jsx("span",{style:{fontSize:"0.7rem",marginRight:"2px"},children:"10"}),e.jsx(Fe,{size:16})]}),e.jsx("button",{onClick:K,style:ve(n,"rgba(255,255,255,0.1)"),"aria-label":"Next Track",children:e.jsx(Fe,{size:20})})]}),e.jsxs("div",{style:{marginBottom:"16px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"8px",fontSize:"0.8rem",opacity:.7},children:[e.jsx("span",{children:u(C)}),e.jsx("span",{children:u(y)})]}),e.jsx("div",{onClick:z,style:{height:"6px",background:"rgba(255,255,255,0.2)",borderRadius:"3px",cursor:"pointer",position:"relative",overflow:"hidden"},children:e.jsx("div",{style:{width:`${C/y*100||0}%`,height:"100%",background:`linear-gradient(90deg, ${i}, #ec4899)`,borderRadius:"3px",position:"relative"},children:e.jsx("div",{style:{position:"absolute",right:"-6px",top:"50%",transform:"translateY(-50%)",width:"12px",height:"12px",background:i,borderRadius:"50%",boxShadow:`0 2px 8px ${i}60`}})})})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsxs("div",{style:{display:"flex",gap:"8px"},children:[e.jsx("button",{onClick:()=>N(!$),style:ve($?"#ec4899":n,"rgba(255,255,255,0.1)"),"aria-label":"Like",children:e.jsx(Ht,{size:16,fill:$?"#ec4899":"none"})}),e.jsx("button",{onClick:()=>X(!M),style:ve(M?i:n,"rgba(255,255,255,0.1)"),"aria-label":"Toggle Loop",children:e.jsx(qe,{size:16})})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",position:"relative"},children:[J&&e.jsx("div",{onClick:L,style:{width:"80px",height:"4px",background:"rgba(255,255,255,0.2)",borderRadius:"2px",cursor:"pointer",position:"relative"},children:e.jsx("div",{style:{width:`${T*100}%`,height:"100%",background:i,borderRadius:"2px"}})}),e.jsx("button",{onClick:G,onMouseEnter:ne,style:ve(n,"rgba(255,255,255,0.1)"),"aria-label":T>0?"Mute":"Unmute",children:T>0?e.jsx(Ge,{size:16}):e.jsx(We,{size:16})})]})]})]}),e.jsx("audio",{ref:h,src:O.src,autoPlay:v,loop:M,onTimeUpdate:o,onEnded:()=>{m(!1),M||K()},onLoadedMetadata:o,preload:"metadata",style:{display:"none"}})]}),e.jsx("style",{children:`
+        @keyframes equalizer {
+          0%, 100% { height: 4px; }
+          50% { height: 12px; }
+        }
+        
+        /* Custom Scrollbar */
+        div::-webkit-scrollbar {
+          width: 4px;
+        }
+        
+        div::-webkit-scrollbar-track {
+          background: rgba(255,255,255,0.1);
+          border-radius: 2px;
+        }
+        
+        div::-webkit-scrollbar-thumb {
+          background: ${i};
+          border-radius: 2px;
+        }
+        
+        div::-webkit-scrollbar-thumb:hover {
+          background: ${i}dd;
+        }
+      `})]})}function ve(t,r){return{border:"none",backgroundColor:r,color:t,cursor:"pointer",padding:"10px",borderRadius:"12px",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.3s ease",backdropFilter:"blur(10px)"}}const Gr=({images:t,columns:r=3,gap:a="10px",layout:i="grid",lightbox:c=!0,className:n=""})=>{const[l,d]=s.useState(null),[S,j]=s.useState(()=>typeof r=="number"?r:r.default??3),[v,f]=s.useState(null),[b,x]=s.useState(0);s.useEffect(()=>{if(typeof window>"u")return;const g=()=>{if(typeof r=="number")j(r);else{const y=window.innerWidth;y<640&&r.sm!=null?j(r.sm):y<1024&&r.md!=null?j(r.md):y<1280&&r.lg!=null?j(r.lg):y>=1280&&r.xl!=null?j(r.xl):j(r.default??3)}};return g(),window.addEventListener("resize",g),()=>window.removeEventListener("resize",g)},[r]);const w=()=>d(null),m=g=>{g.stopPropagation(),l!==null&&(f("prev"),d(y=>(y-1+t.length)%t.length),x(y=>y+1))},C=g=>{g.stopPropagation(),l!==null&&(f("next"),d(y=>(y+1)%t.length),x(y=>y+1))};return e.jsxs("div",{style:{width:"100%"},className:n,children:[e.jsx("div",{style:{display:"grid",gridTemplateColumns:`repeat(${S}, 1fr)`,gap:a,gridAutoFlow:i==="masonry"?"dense":"row"},children:t.map((g,y)=>e.jsx("div",{style:{position:"relative",overflow:"hidden",borderRadius:"8px",cursor:c?"pointer":"default"},onClick:()=>{d(y),f(null)},children:e.jsx(Ue,{src:g.src,alt:g.alt||"Gallery Image",lazyLoad:!0,hoverScale:1.05,transitionDuration:"0.3s",style:{display:"block",width:"100%",height:"auto"}})},y))}),c&&l!==null&&e.jsxs("div",{onClick:w,style:{position:"fixed",inset:0,background:"rgba(0,0,0,0.8)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:9999},role:"dialog","aria-modal":"true",children:[e.jsxs("div",{style:{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",maxWidth:"90%",maxHeight:"90%"},onClick:g=>g.stopPropagation(),children:[e.jsx("button",{onClick:m,"aria-label":"Previous image",style:{position:"absolute",left:"5px",top:"50%",transform:"translateY(-50%)",color:"white",background:"rgba(0,0,0,0.5)",border:"none",padding:"10px",borderRadius:"50%",cursor:"pointer",zIndex:2},children:e.jsx(it,{size:24})}),e.jsx("div",{style:{animation:v==="next"?"slideInFromRight 0.4s ease":v==="prev"?"slideInFromLeft 0.4s ease":"fadeIn 0.3s ease"},children:e.jsx(Ue,{src:t[l].src,alt:t[l].alt||"Preview",lazyLoad:!0,style:{maxWidth:"100%",maxHeight:"100%",objectFit:"contain"}})},b),e.jsx("button",{onClick:C,"aria-label":"Next image",style:{position:"absolute",right:"5px",top:"50%",transform:"translateY(-50%)",color:"white",background:"rgba(0,0,0,0.5)",border:"none",padding:"10px",borderRadius:"50%",cursor:"pointer",zIndex:2},children:e.jsx(at,{size:24})})]}),e.jsx("button",{onClick:w,"aria-label":"Close preview",style:{position:"absolute",top:"20px",right:"20px",color:"white",background:"rgba(0,0,0,0.5)",border:"none",padding:"10px",borderRadius:"50%",cursor:"pointer"},children:e.jsx(De,{size:28})}),e.jsx("style",{children:`
+            @keyframes slideInFromRight {
+              from { transform: translateX(100%); opacity: 0; }
+              to { transform: translateX(0); opacity: 1; }
+            }
+            @keyframes slideInFromLeft {
+              from { transform: translateX(-100%); opacity: 0; }
+              to { transform: translateX(0); opacity: 1; }
+            }
+            @keyframes fadeIn {
+              from { opacity: 0; }
+              to { opacity: 1; }
+            }
+          `})]})]})};exports.Accordation=$r;exports.Alert=Fr;exports.AudioGallery=qr;exports.AudioPlayer=Tr;exports.Avatar=bt;exports.AvatarGroup=Xr;exports.Badge=Wr;exports.Button=St;exports.Card=Pr;exports.CheckRadio=zr;exports.Container=Rr;exports.Drawer=Ir;exports.DrawerButton=Mr;exports.Dropdown=Cr;exports.Flexbox=Nr;exports.GridView=Ar;exports.Image=Ue;exports.ImageGallery=Gr;exports.Input=wr;exports.LeftTabs=ut;exports.List=jr;exports.Modal=Dr;exports.RightTabs=ft;exports.Table=Er;exports.Tabs=kr;exports.Text=kt;exports.TopTabs=pt;exports.VideoPlayer=Sr;