@neuctra/ui 0.1.0 → 0.2.1

package/dist/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react");var Z={exports:{}},G={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");var dt={exports:{}},tt={};/**
  * @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 ee;function ge(){if(ee)return G;ee=1;var t=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function a(o,l,s){var i=null;if(s!==void 0&&(i=""+s),l.key!==void 0&&(i=""+l.key),"key"in l){s={};for(var p in l)p!=="key"&&(s[p]=l[p])}else s=l;return l=s.ref,{$$typeof:t,type:o,key:i,ref:l!==void 0?l:null,props:s}}return G.Fragment=n,G.jsx=a,G.jsxs=a,G}var J={};/**
+ */var Dt;function Ir(){if(Dt)return tt;Dt=1;var t=Symbol.for("react.transitional.element"),s=Symbol.for("react.fragment");function c(i,u,a){var d=null;if(a!==void 0&&(d=""+a),u.key!==void 0&&(d=""+u.key),"key"in u){a={};for(var p in u)p!=="key"&&(a[p]=u[p])}else a=u;return u=a.ref,{$$typeof:t,type:i,key:d,ref:u!==void 0?u:null,props:a}}return tt.Fragment=s,tt.jsx=c,tt.jsxs=c,tt}var rt={};/**
  * @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 te;function be(){return te||(te=1,process.env.NODE_ENV!=="production"&&function(){function t(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===z?null:r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case u:return"Fragment";case y:return"Profiler";case S:return"StrictMode";case O:return"Suspense";case k:return"SuspenseList";case B: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 d:return"Portal";case I:return(r.displayName||"Context")+".Provider";case T:return(r._context.displayName||"Context")+".Consumer";case L:var j=r.render;return r=r.displayName,r||(r=j.displayName||j.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case E:return j=r.displayName||null,j!==null?j:t(r.type)||"Memo";case A:j=r._payload,r=r._init;try{return t(r(j))}catch{}}return null}function n(r){return""+r}function a(r){try{n(r);var j=!1}catch{j=!0}if(j){j=console;var W=j.error,D=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return W.call(j,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",D),n(r)}}function o(r){if(r===u)return"<>";if(typeof r=="object"&&r!==null&&r.$$typeof===A)return"<...>";try{var j=t(r);return j?"<"+j+">":"<...>"}catch{return"<...>"}}function l(){var r=_.A;return r===null?null:r.getOwner()}function s(){return Error("react-stack-top-frame")}function i(r){if(M.call(r,"key")){var j=Object.getOwnPropertyDescriptor(r,"key").get;if(j&&j.isReactWarning)return!1}return r.key!==void 0}function p(r,j){function W(){w||(w=!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)",j))}W.isReactWarning=!0,Object.defineProperty(r,"key",{get:W,configurable:!0})}function m(){var r=t(this.type);return v[r]||(v[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 b(r,j,W,D,F,C,P,q){return W=C.ref,r={$$typeof:f,type:r,key:j,props:C,_owner:F},(W!==void 0?W:null)!==null?Object.defineProperty(r,"ref",{enumerable:!1,get:m}):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:P}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function g(r,j,W,D,F,C,P,q){var R=j.children;if(R!==void 0)if(D)if(H(R)){for(D=0;D<R.length;D++)c(R[D]);Object.freeze&&Object.freeze(R)}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 c(R);if(M.call(j,"key")){R=t(r);var X=Object.keys(j).filter(function(me){return me!=="key"});D=0<X.length?"{key: someKey, "+X.join(": ..., ")+": ...}":"{key: someKey}",U[R+D]||(X=0<X.length?"{"+X.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var Ot;function Er(){return Ot||(Ot=1,process.env.NODE_ENV!=="production"&&function(){function t(l){if(l==null)return null;if(typeof l=="function")return l.$$typeof===H?null:l.displayName||l.name||null;if(typeof l=="string")return l;switch(l){case w:return"Fragment";case y:return"Profiler";case _:return"StrictMode";case B:return"Suspense";case Y:return"SuspenseList";case J:return"Activity"}if(typeof l=="object")switch(typeof l.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),l.$$typeof){case k:return"Portal";case A:return(l.displayName||"Context")+".Provider";case v:return(l._context.displayName||"Context")+".Consumer";case M:var I=l.render;return l=l.displayName,l||(l=I.displayName||I.name||"",l=l!==""?"ForwardRef("+l+")":"ForwardRef"),l;case R:return I=l.displayName||null,I!==null?I:t(l.type)||"Memo";case E:I=l._payload,l=l._init;try{return t(l(I))}catch{}}return null}function s(l){return""+l}function c(l){try{s(l);var I=!1}catch{I=!0}if(I){I=console;var P=I.error,ee=typeof Symbol=="function"&&Symbol.toStringTag&&l[Symbol.toStringTag]||l.constructor.name||"Object";return P.call(I,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",ee),s(l)}}function i(l){if(l===w)return"<>";if(typeof l=="object"&&l!==null&&l.$$typeof===E)return"<...>";try{var I=t(l);return I?"<"+I+">":"<...>"}catch{return"<...>"}}function u(){var l=Q.A;return l===null?null:l.getOwner()}function a(){return Error("react-stack-top-frame")}function d(l){if($.call(l,"key")){var I=Object.getOwnPropertyDescriptor(l,"key").get;if(I&&I.isReactWarning)return!1}return l.key!==void 0}function p(l,I){function P(){S||(S=!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)",I))}P.isReactWarning=!0,Object.defineProperty(l,"key",{get:P,configurable:!0})}function z(){var l=t(this.type);return b[l]||(b[l]=!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.")),l=this.props.ref,l!==void 0?l:null}function C(l,I,P,ee,oe,q,Z,de){return P=q.ref,l={$$typeof:g,type:l,key:I,props:q,_owner:oe},(P!==void 0?P:null)!==null?Object.defineProperty(l,"ref",{enumerable:!1,get:z}):Object.defineProperty(l,"ref",{enumerable:!1,value:null}),l._store={},Object.defineProperty(l._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(l,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(l,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:Z}),Object.defineProperty(l,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:de}),Object.freeze&&(Object.freeze(l.props),Object.freeze(l)),l}function j(l,I,P,ee,oe,q,Z,de){var x=I.children;if(x!==void 0)if(ee)if(F(x)){for(ee=0;ee<x.length;ee++)h(x[ee]);Object.freeze&&Object.freeze(x)}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 h(x);if($.call(I,"key")){x=t(l);var V=Object.keys(I).filter(function(W){return W!=="key"});ee=0<V.length?"{key: someKey, "+V.join(": ..., ")+": ...}":"{key: someKey}",K[x+ee]||(V=0<V.length?"{"+V.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} />`,D,R,X,R),U[R+D]=!0)}if(R=null,W!==void 0&&(a(W),R=""+W),i(j)&&(a(j.key),R=""+j.key),"key"in j){W={};for(var Q in j)Q!=="key"&&(W[Q]=j[Q])}else W=j;return R&&p(W,typeof r=="function"?r.displayName||r.name||"Unknown":r),b(r,R,C,F,l(),W,P,q)}function c(r){typeof r=="object"&&r!==null&&r.$$typeof===f&&r._store&&(r._store.validated=1)}var x=h,f=Symbol.for("react.transitional.element"),d=Symbol.for("react.portal"),u=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),y=Symbol.for("react.profiler"),T=Symbol.for("react.consumer"),I=Symbol.for("react.context"),L=Symbol.for("react.forward_ref"),O=Symbol.for("react.suspense"),k=Symbol.for("react.suspense_list"),E=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),B=Symbol.for("react.activity"),z=Symbol.for("react.client.reference"),_=x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=Object.prototype.hasOwnProperty,H=Array.isArray,Y=console.createTask?console.createTask:function(){return null};x={react_stack_bottom_frame:function(r){return r()}};var w,v={},N=x.react_stack_bottom_frame.bind(x,s)(),$=Y(o(s)),U={};J.Fragment=u,J.jsx=function(r,j,W,D,F){var C=1e4>_.recentlyCreatedOwnerStacks++;return g(r,j,W,!1,D,F,C?Error("react-stack-top-frame"):N,C?Y(o(r)):$)},J.jsxs=function(r,j,W,D,F){var C=1e4>_.recentlyCreatedOwnerStacks++;return g(r,j,W,!0,D,F,C?Error("react-stack-top-frame"):N,C?Y(o(r)):$)}}()),J}var re;function ye(){return re||(re=1,process.env.NODE_ENV==="production"?Z.exports=ge():Z.exports=be()),Z.exports}var e=ye();const we=({as:t="p",children:n,className:a="",href:o,target:l,rel:s,color:i="#333",bgColor:p,fontSize:m="16px",fontWeight:b="normal",textAlign:g="left",textTransform:c="none",lineHeight:x="normal",letterSpacing:f="normal",maxWidth:d,padding:u,margin:S,borderRadius:y,boxShadow:T,shadowColor:I="rgba(0,0,0,0.1)",wordBreak:L="normal",italic:O=!1,bold:k=!1,underline:E=!1,strikethrough:A=!1,selectable:B=!0,truncate:z=!1,hoverColor:_,hoverBgColor:M,hoverTextDecoration:H,activeColor:Y,activeBgColor:w,transitionDuration:v="0.25s",onClick:N})=>{const $=h.useMemo(()=>{const C=[];return E&&C.push("underline"),A&&C.push("line-through"),C.join(" ")||"none"},[E,A]),U={color:i,backgroundColor:p||"transparent",fontSize:m,fontWeight:k?"bold":b,textAlign:g,textTransform:c,lineHeight:x,letterSpacing:f,maxWidth:d,padding:u,margin:S,borderRadius:y,textDecoration:$,fontStyle:O?"italic":"normal",wordBreak:L,boxShadow:T||(I?`0 1px 4px ${I}`:void 0),cursor:N||o?"pointer":"default",userSelect:B?"text":"none",transition:`all ${v} ease-in-out`,overflow:z?"hidden":void 0,whiteSpace:z?"nowrap":void 0,textOverflow:z?"ellipsis":void 0},F={className:a,style:U,onClick:N,onMouseEnter:C=>{const P=C.currentTarget;_&&(P.style.color=_),M&&(P.style.backgroundColor=M),H&&(P.style.textDecoration=H)},onMouseLeave:C=>{const P=C.currentTarget;P.style.color=i,P.style.backgroundColor=p||"transparent",P.style.textDecoration=$},onMouseDown:C=>{const P=C.currentTarget;Y&&(P.style.color=Y),w&&(P.style.backgroundColor=w)},onMouseUp:C=>{const P=C.currentTarget;P.style.color=_||i,P.style.backgroundColor=M||p||"transparent"}};return t==="a"||o?e.jsx("a",{...F,href:o,target:l,rel:s||(l==="_blank"?"noopener noreferrer":void 0),children:n}):e.jsx(t,{...F,children:n})},je=({src:t,alt:n="Image",width:a="100%",height:o="auto",borderRadius:l="8px",borderColor:s="transparent",borderStyle:i="solid",borderWidth:p="0px",shadow:m=!1,boxShadow:b,opacity:g=1,objectFit:c="cover",overlayText:x,overlayColor:f="rgba(0, 0, 0, 0.5)",svgIcon:d,responsive:u=!1,padding:S,margin:y,lazyLoad:T=!1,hoverOpacity:I,hoverShadow:L=!1,hoverScale:O,hoverRotate:k,transitionDuration:E="0.3s",overflow:A="hidden",className:B,style:z,onClick:_})=>{const M={width:u?"100%":a,height:u?"100%":o,borderRadius:l,border:`${p} ${i} ${s}`,objectFit:c,opacity:g,boxShadow:m?b||"0 4px 12px rgba(0,0,0,0.15)":"none",transition:`all ${E} ease`,display:"block"},H=v=>{v.currentTarget.style.opacity=I!==void 0?I.toString():M.opacity?.toString()||"1",v.currentTarget.style.boxShadow=L?"0 8px 20px rgba(0,0,0,0.3)":M.boxShadow?.toString()||"none",v.currentTarget.style.transform=`scale(${O||1}) rotate(${k||0}deg)`},Y=v=>{v.currentTarget.style.opacity=M.opacity?.toString()||"1",v.currentTarget.style.boxShadow=M.boxShadow?.toString()||"none",v.currentTarget.style.transform="scale(1) rotate(0deg)"},w=(()=>{switch(A){case"x":return{overflowX:"hidden"};case"y":return{overflowY:"hidden"};default:return{overflow:A}}})();return e.jsxs("div",{role:"img","aria-label":n,onClick:_,className:B,style:{width:u?"100%":a,height:u?"auto":o,padding:S,margin:y,position:"relative",cursor:_?"pointer":"default",display:"inline-block",transition:`all ${E} ease`,...w,...z},children:[d?e.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:d}):e.jsx("img",{src:t,alt:n,loading:T?"lazy":"eager",style:M,onMouseEnter:H,onMouseLeave:Y}),x&&e.jsx("div",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundColor:f,color:"#fff",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:"bold",fontSize:"1.25rem",textAlign:"center",padding:"1rem",boxSizing:"border-box"},children:x})]})},ve=({children:t,type:n="button",onClick:a,iconBefore:o,iconAfter:l,className:s="",style:i,fullWidth:p=!1,disabled:m=!1,loading:b=!1,loadingText:g="Loading...",paddingHorizontal:c=10,paddingVertical:x=8,fontSize:f="1rem",fontWeight:d=400,borderRadius:u=12,backgroundColor:S="rgba(0, 255, 0, 0.15)",textColor:y="green",borderColor:T="transparent",hoverBgColor:I="#2563EB",hoverTextColor:L="#2563EB",hoverBorderColor:O,boxShadow:k="0 1px 2px rgba(0, 0, 0, 0.05)"})=>{const[E,A]=h.useState(!1),B=E&&!m&&L||y,z=E&&!m&&O||T,_=E&&!m?I:S,M={display:"inline-flex",alignItems:"center",justifyContent:"center",padding:`${x}px ${c}px`,fontSize:f,fontWeight:d,borderRadius:`${u}px`,width:p?"100%":"auto",color:B,border:`1px solid ${z}`,backgroundColor:_,boxShadow:k,cursor:m?"not-allowed":"pointer",opacity:m?.6:1,transition:"all 0.2s ease-in-out",gap:"8px",...i};return e.jsxs("button",{type:n,className:s,style:M,onClick:!m&&!b?a:void 0,disabled:m,onMouseEnter:()=>A(!0),onMouseLeave:()=>A(!1),children:[b?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:g})]}):e.jsxs(e.Fragment,{children:[o&&e.jsx("span",{children:o}),e.jsx("span",{children:t}),l&&e.jsx("span",{children:l})]}),e.jsx("style",{children:`
+  <%s key={someKey} {...props} />`,ee,x,V,x),K[x+ee]=!0)}if(x=null,P!==void 0&&(c(P),x=""+P),d(I)&&(c(I.key),x=""+I.key),"key"in I){P={};for(var f in I)f!=="key"&&(P[f]=I[f])}else P=I;return x&&p(P,typeof l=="function"?l.displayName||l.name||"Unknown":l),C(l,x,q,oe,u(),P,Z,de)}function h(l){typeof l=="object"&&l!==null&&l.$$typeof===g&&l._store&&(l._store.validated=1)}var m=n,g=Symbol.for("react.transitional.element"),k=Symbol.for("react.portal"),w=Symbol.for("react.fragment"),_=Symbol.for("react.strict_mode"),y=Symbol.for("react.profiler"),v=Symbol.for("react.consumer"),A=Symbol.for("react.context"),M=Symbol.for("react.forward_ref"),B=Symbol.for("react.suspense"),Y=Symbol.for("react.suspense_list"),R=Symbol.for("react.memo"),E=Symbol.for("react.lazy"),J=Symbol.for("react.activity"),H=Symbol.for("react.client.reference"),Q=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,$=Object.prototype.hasOwnProperty,F=Array.isArray,ne=console.createTask?console.createTask:function(){return null};m={react_stack_bottom_frame:function(l){return l()}};var S,b={},L=m.react_stack_bottom_frame.bind(m,a)(),G=ne(i(a)),K={};rt.Fragment=w,rt.jsx=function(l,I,P,ee,oe){var q=1e4>Q.recentlyCreatedOwnerStacks++;return j(l,I,P,!1,ee,oe,q?Error("react-stack-top-frame"):L,q?ne(i(l)):G)},rt.jsxs=function(l,I,P,ee,oe){var q=1e4>Q.recentlyCreatedOwnerStacks++;return j(l,I,P,!0,ee,oe,q?Error("react-stack-top-frame"):L,q?ne(i(l)):G)}}()),rt}var Yt;function Lr(){return Yt||(Yt=1,process.env.NODE_ENV==="production"?dt.exports=Ir():dt.exports=Er()),dt.exports}var e=Lr();const _r=({as:t="p",children:s,className:c="",href:i,target:u,rel:a,color:d="#333",bgColor:p,fontSize:z="16px",fontWeight:C="normal",textAlign:j="left",textTransform:h="none",lineHeight:m="normal",letterSpacing:g="normal",maxWidth:k,padding:w,margin:_,borderRadius:y,boxShadow:v,shadowColor:A="rgba(0,0,0,0.1)",wordBreak:M="normal",italic:B=!1,bold:Y=!1,underline:R=!1,strikethrough:E=!1,selectable:J=!0,truncate:H=!1,hoverColor:Q,hoverBgColor:$,hoverTextDecoration:F,activeColor:ne,activeBgColor:S,transitionDuration:b="0.25s",onClick:L})=>{const G=n.useMemo(()=>{const q=[];return R&&q.push("underline"),E&&q.push("line-through"),q.join(" ")||"none"},[R,E]),K={color:d,backgroundColor:p||"transparent",fontSize:z,fontWeight:Y?"bold":C,textAlign:j,textTransform:h,lineHeight:m,letterSpacing:g,maxWidth:k,padding:w,margin:_,borderRadius:y,textDecoration:G,fontStyle:B?"italic":"normal",wordBreak:M,boxShadow:v||(A?`0 1px 4px ${A}`:void 0),cursor:L||i?"pointer":"default",userSelect:J?"text":"none",transition:`all ${b} ease-in-out`,overflow:H?"hidden":void 0,whiteSpace:H?"nowrap":void 0,textOverflow:H?"ellipsis":void 0},oe={className:c,style:K,onClick:L,onMouseEnter:q=>{const Z=q.currentTarget;Q&&(Z.style.color=Q),$&&(Z.style.backgroundColor=$),F&&(Z.style.textDecoration=F)},onMouseLeave:q=>{const Z=q.currentTarget;Z.style.color=d,Z.style.backgroundColor=p||"transparent",Z.style.textDecoration=G},onMouseDown:q=>{const Z=q.currentTarget;ne&&(Z.style.color=ne),S&&(Z.style.backgroundColor=S)},onMouseUp:q=>{const Z=q.currentTarget;Z.style.color=Q||d,Z.style.backgroundColor=$||p||"transparent"}};return t==="a"||i?e.jsx("a",{...oe,href:i,target:u,rel:a||(u==="_blank"?"noopener noreferrer":void 0),children:s}):e.jsx(t,{...oe,children:s})},jt=({src:t,alt:s="Image",width:c="100%",height:i="auto",borderRadius:u="8px",borderColor:a="transparent",borderStyle:d="solid",borderWidth:p="0px",shadow:z=!1,boxShadow:C,opacity:j=1,objectFit:h="cover",overlayText:m,overlayColor:g="rgba(0, 0, 0, 0.5)",svgIcon:k,responsive:w=!1,padding:_,margin:y,lazyLoad:v=!1,hoverOpacity:A,hoverShadow:M=!1,hoverScale:B,hoverRotate:Y,transitionDuration:R="0.3s",overflow:E="hidden",className:J,style:H,onClick:Q})=>{const $={width:w?"100%":c,height:w?"100%":i,borderRadius:u,border:`${p} ${d} ${a}`,objectFit:h,opacity:j,boxShadow:z?C||"0 4px 12px rgba(0,0,0,0.15)":"none",transition:`all ${R} ease`,display:"block"},F=b=>{b.currentTarget.style.opacity=A!==void 0?A.toString():$.opacity?.toString()||"1",b.currentTarget.style.boxShadow=M?"0 8px 20px rgba(0,0,0,0.3)":$.boxShadow?.toString()||"none",b.currentTarget.style.transform=`scale(${B||1}) rotate(${Y||0}deg)`},ne=b=>{b.currentTarget.style.opacity=$.opacity?.toString()||"1",b.currentTarget.style.boxShadow=$.boxShadow?.toString()||"none",b.currentTarget.style.transform="scale(1) rotate(0deg)"},S=(()=>{switch(E){case"x":return{overflowX:"hidden"};case"y":return{overflowY:"hidden"};default:return{overflow:E}}})();return e.jsxs("div",{role:"img","aria-label":s,onClick:Q,className:J,style:{width:w?"100%":c,height:w?"auto":i,padding:_,margin:y,position:"relative",cursor:Q?"pointer":"default",display:"inline-block",transition:`all ${R} ease`,...S,...H},children:[k?e.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:k}):e.jsx("img",{src:t,alt:s,loading:v?"lazy":"eager",style:$,onMouseEnter:F,onMouseLeave:ne}),m&&e.jsx("div",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundColor:g,color:"#fff",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:"bold",fontSize:"1.25rem",textAlign:"center",padding:"1rem",boxSizing:"border-box"},children:m})]})},Ar=({children:t,type:s="button",onClick:c,iconBefore:i,iconAfter:u,className:a="",style:d,fullWidth:p=!1,disabled:z=!1,loading:C=!1,loadingText:j="Loading...",paddingHorizontal:h=30,paddingVertical:m=8,fontSize:g="16px",fontWeight:k=400,borderRadius:w=6,backgroundColor:_="#02b314",textColor:y="white",borderColor:v="transparent",hoverBgColor:A="transparent",hoverTextColor:M="black",hoverBorderColor:B,boxShadow:Y="0 1px 2px rgba(0, 0, 0, 0.05)"})=>{const[R,E]=n.useState(!1),J=R&&!z&&M||y,H=R&&!z&&B||v,Q=R&&!z?A:_,$={display:"inline-flex",alignItems:"center",justifyContent:"center",padding:`${m}px ${h}px`,fontSize:g,fontWeight:k,borderRadius:`${w}px`,width:p?"100%":"auto",color:J,border:`1px solid ${H}`,backgroundColor:Q,boxShadow:Y,cursor:z?"not-allowed":"pointer",opacity:z?.6:1,transition:"all 0.2s ease-in-out",gap:"8px",...d};return e.jsxs("button",{type:s,className:a,style:$,onClick:!z&&!C?c:void 0,disabled:z,onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),children:[C?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:j})]}):e.jsxs(e.Fragment,{children:[i&&e.jsx("span",{children:i}),e.jsx("span",{children:t}),u&&e.jsx("span",{children:u})]}),e.jsx("style",{children:`
           @keyframes spin {
             to { transform: rotate(360deg); }
           }
@@ -28,132 +28,333 @@ 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 ke=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),Se=t=>t.replace(/^([A-Z])|[\s-_]+(\w)/g,(n,a,o)=>o?o.toUpperCase():a.toLowerCase()),ne=t=>{const n=Se(t);return n.charAt(0).toUpperCase()+n.slice(1)},se=(...t)=>t.filter((n,a,o)=>!!n&&n.trim()!==""&&o.indexOf(n)===a).join(" ").trim(),Te=t=>{for(const n in t)if(n.startsWith("aria-")||n==="role"||n==="title")return!0};/**
+ */const Pr=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),Nr=t=>t.replace(/^([A-Z])|[\s-_]+(\w)/g,(s,c,i)=>i?i.toUpperCase():c.toLowerCase()),Vt=t=>{const s=Nr(t);return s.charAt(0).toUpperCase()+s.slice(1)},Gt=(...t)=>t.filter((s,c,i)=>!!s&&s.trim()!==""&&i.indexOf(s)===c).join(" ").trim(),Br=t=>{for(const s in t)if(s.startsWith("aria-")||s==="role"||s==="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 Ee={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 Fr={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 ze=h.forwardRef(({color:t="currentColor",size:n=24,strokeWidth:a=2,absoluteStrokeWidth:o,className:l="",children:s,iconNode:i,...p},m)=>h.createElement("svg",{ref:m,...Ee,width:n,height:n,stroke:t,strokeWidth:o?Number(a)*24/Number(n):a,className:se("lucide",l),...!s&&!Te(p)&&{"aria-hidden":"true"},...p},[...i.map(([b,g])=>h.createElement(b,g)),...Array.isArray(s)?s:[s]]));/**
+ */const Wr=n.forwardRef(({color:t="currentColor",size:s=24,strokeWidth:c=2,absoluteStrokeWidth:i,className:u="",children:a,iconNode:d,...p},z)=>n.createElement("svg",{ref:z,...Fr,width:s,height:s,stroke:t,strokeWidth:i?Number(c)*24/Number(s):c,className:Gt("lucide",u),...!a&&!Br(p)&&{"aria-hidden":"true"},...p},[...d.map(([C,j])=>n.createElement(C,j)),...Array.isArray(a)?a:[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 V=(t,n)=>{const a=h.forwardRef(({className:o,...l},s)=>h.createElement(ze,{ref:s,iconNode:n,className:se(`lucide-${ke(ne(t))}`,`lucide-${t}`,o),...l}));return a.displayName=ne(t),a};/**
+ */const re=(t,s)=>{const c=n.forwardRef(({className:i,...u},a)=>n.createElement(Wr,{ref:a,iconNode:s,className:Gt(`lucide-${Pr(Vt(t))}`,`lucide-${t}`,i),...u}));return c.displayName=Vt(t),c};/**
  * @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 $e=[["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"}]],Ce=V("circle-alert",$e);/**
+ */const Dr=[["path",{d:"m21 16-4 4-4-4",key:"f6ql7i"}],["path",{d:"M17 20V4",key:"1ejh1v"}],["path",{d:"m3 8 4-4 4 4",key:"11wl7u"}],["path",{d:"M7 4v16",key:"1glfcx"}]],Or=re("arrow-up-down",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 Re=[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]],_e=V("circle-check-big",Re);/**
+ */const Yr=[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]],Vr=re("calendar",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 Me=[["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"}]],Ae=V("eye-off",Me);/**
+ */const Ur=[["rect",{width:"18",height:"14",x:"3",y:"5",rx:"2",ry:"2",key:"12ruh7"}],["path",{d:"M7 15h4M15 15h2M7 11h2M13 11h4",key:"1ueiar"}]],Xr=re("captions",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 Ne=[["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"}]],Ie=V("eye",Ne);/**
+ */const Hr=[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]],Tt=re("chevron-left",Hr);/**
  * @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 Le=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]],Pe=V("info",Le);/**
+ */const qr=[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]],Ct=re("chevron-right",qr);/**
  * @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 Oe=[["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"}]],oe=V("maximize",Oe);/**
+ */const Gr=[["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"}]],Jr=re("circle-alert",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 We=[["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"}]],ae=V("minimize",We);/**
+ */const Qr=[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]],Kr=re("circle-check-big",Qr);/**
  * @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 Fe=[["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"}]],le=V("pause",Fe);/**
+ */const Zr=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M12 3v18",key:"108xh3"}]],en=re("columns-2",Zr);/**
  * @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 Be=[["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"}]],ie=V("play",Be);/**
+ */const tn=[["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"}]],Jt=re("download",tn);/**
  * @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 Ye=[["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"}]],ce=V("rotate-ccw",Ye);/**
+ */const rn=[["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"}]],nn=re("eye-off",rn);/**
  * @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 De=[["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"}]],de=V("skip-back",De);/**
+ */const on=[["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"}]],St=re("eye",on);/**
  * @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 He=[["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"}]],ue=V("skip-forward",He);/**
+ */const sn=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M7 3v18",key:"bbkbws"}],["path",{d:"M3 7.5h4",key:"zfgn84"}],["path",{d:"M3 12h18",key:"1i2n21"}],["path",{d:"M3 16.5h4",key:"1230mu"}],["path",{d:"M17 3v18",key:"in4fa5"}],["path",{d:"M17 7.5h4",key:"myr1c1"}],["path",{d:"M17 16.5h4",key:"go4c1d"}]],an=re("film",sn);/**
  * @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 Ue=[["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"}]],Ve=V("triangle-alert",Ue);/**
+ */const ln=[["path",{d:"M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z",key:"sc7q7i"}]],cn=re("funnel",ln);/**
  * @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:"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"}]],pe=V("volume-2",qe);/**
+ */const dn=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M3 9h18",key:"1pudct"}],["path",{d:"M3 15h18",key:"5xshup"}],["path",{d:"M9 3v18",key:"fh3hqa"}],["path",{d:"M15 3v18",key:"14nvp0"}]],un=re("grid-3x3",dn);/**
  * @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 Xe=[["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"}]],xe=V("volume-x",Xe);/**
+ */const pn=[["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"}]],nt=re("heart",pn);/**
  * @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 Ge=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],fe=V("x",Ge),Je=h.forwardRef(({type:t="text",placeholder:n="",label:a,value:o,defaultValue:l,onChange:s,name:i="",disabled:p=!1,readOnly:m=!1,required:b=!1,error:g,success:c=!1,autoFocus:x=!1,iconLeft:f,iconRight:d,borderColor:u="#ccc",focusBorderColor:S="#2563eb",hoverBorderColor:y="#4b5563",backgroundColor:T="#ffffff",textColor:I="#111827",errorColor:L="#dc2626",successColor:O="#16a34a",labelColor:k="#374151",size:E="md",radius:A="6px",fontSize:B="14px",rows:z=4,cols:_,maxLength:M,resize:H=!0,showCharacterCount:Y=!0,className:w,style:v},N)=>{const $=h.useRef(null),[U,r]=h.useState(l||""),[j,W]=h.useState(!1);h.useImperativeHandle(N,()=>$.current);const D=R=>{M&&R.target.value.length>M||(r(R.target.value),s&&s(i,R.target.value))},F=()=>{switch(E){case"sm":return"6px 12px";case"lg":return"12px 20px";default:return"10px 16px"}},C=()=>{switch(E){case"sm":return"13px";case"lg":return"16px";default:return B}},P=g?L:c?O:u,q={width:"100%",padding:F(),paddingLeft:f?"40px":F().split(" ")[1],paddingRight:d||t==="password"?"40px":F().split(" ")[1],border:`1px solid ${P}`,borderRadius:A,backgroundColor:T,color:I,fontSize:C(),outline:"none",resize:t==="textarea"&&!H?"none":void 0,...v};return e.jsxs("div",{style:{width:"100%",fontFamily:"sans-serif"},className:w,children:[a&&e.jsxs("label",{htmlFor:i,style:{display:"block",marginBottom:"6px",fontSize:"14px",fontWeight:500,color:k},children:[a," ",b&&e.jsx("span",{style:{color:L},children:"*"})]}),e.jsxs("div",{style:{position:"relative",width:"100%"},children:[f&&e.jsx("span",{style:{position:"absolute",left:"12px",top:"50%",transform:"translateY(-50%)",pointerEvents:"none",color:"#6b7280"},children:f}),t==="textarea"?e.jsx("textarea",{ref:$,name:i,value:o??U,onChange:D,placeholder:n,rows:z,cols:_,maxLength:M,disabled:p,readOnly:m,autoFocus:x,style:q,onFocus:R=>{R.currentTarget.style.borderColor=S},onBlur:R=>{R.currentTarget.style.borderColor=P},onMouseEnter:R=>{R.currentTarget.style.borderColor=y},onMouseLeave:R=>{R.currentTarget.style.borderColor=P}}):e.jsx("input",{ref:$,id:i,name:i,type:t==="password"?j?"text":"password":t,value:o??U,onChange:D,placeholder:n,disabled:p,readOnly:m,autoFocus:x,style:q,onFocus:R=>{R.currentTarget.style.borderColor=S},onBlur:R=>{R.currentTarget.style.borderColor=P},onMouseEnter:R=>{R.currentTarget.style.borderColor=y},onMouseLeave:R=>{R.currentTarget.style.borderColor=P}}),t==="password"&&e.jsx("button",{type:"button",onClick:()=>W(!j),style:{position:"absolute",right:"10px",top:"50%",transform:"translateY(-50%)",background:"transparent",border:"none",color:"#6b7280",cursor:"pointer",padding:0},children:j?e.jsx(Ae,{size:18}):e.jsx(Ie,{size:18})}),d&&t!=="password"&&e.jsx("span",{style:{position:"absolute",right:"12px",top:"50%",transform:"translateY(-50%)",pointerEvents:"none",color:"#6b7280"},children:d})]}),t==="textarea"&&Y&&M&&e.jsxs("div",{style:{textAlign:"right",fontSize:"12px",color:"#6b7280",marginTop:"4px"},children:[(o??U).length,"/",M]}),g&&e.jsx("p",{style:{color:L,fontSize:"12px",marginTop:"4px",lineHeight:"1.3"},children:g})]})}),Ze=({title:t,titleIcon:n,items:a,type:o="unordered",bulletColor:l="#2563eb",textColor:s="#111827",backgroundColor:i="#fff",borderColor:p="#e5e7eb",fontSize:m="15px",fontWeight:b=500,borderRadius:g="12px",padding:c="16px",spacing:x="12px",className:f,style:d})=>{const u=o==="ordered",S=o==="inline",y={backgroundColor:i,borderColor:p,color:s,borderWidth:p?"1px":"0px",borderStyle:"solid",borderRadius:g,padding:c,...d},T=S?{display:"flex",gap:x,paddingLeft:0,listStyleType:"none",margin:0}:{listStyleType:u?"decimal":"none",paddingLeft:u?"20px":"0",margin:0},I=u?"ol":"ul";return e.jsxs("div",{className:f,style:y,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(I,{style:T,children:a.map((L,O)=>e.jsx(he,{...L,bulletColor:l,textColor:s,fontSize:m,fontWeight:b,spacing:x,isInline:S},O))})]})},he=({text:t,icon:n,onClick:a,subItems:o,bulletColor:l,textColor:s,fontSize:i,fontWeight:p,spacing:m,isInline:b})=>{const g={display:"flex",flexDirection:"column",gap:"6px",marginBottom:b?"0":m},c={display:"flex",alignItems:"center",gap:"8px",fontSize:i,fontWeight:p,color:s,cursor:a?"pointer":"default"},x={width:"8px",height:"8px",backgroundColor:l,borderRadius:"50%",flexShrink:0},f={listStyleType:"disc",paddingLeft:"20px",margin:0};return e.jsxs("li",{style:g,children:[e.jsxs("div",{style:c,onClick:a,children:[n?e.jsx("span",{style:{fontSize:"16px",color:s},children:n}):!b&&e.jsx("span",{style:x}),e.jsx("span",{children:t})]}),o&&o.length>0&&e.jsx("ul",{style:f,children:o.map((d,u)=>e.jsx(he,{...d,bulletColor:l,textColor:s,fontSize:i,fontWeight:p,spacing:m,isInline:!1},u))})]})},K=({tabs:t,defaultActive:n=0,tabPosition:a,activeTabClassName:o="",inactiveTabClassName:l="",tabContainerClassName:s="",contentContainerClassName:i="",className:p="",activeTabStyle:m,inactiveTabStyle:b,tabContainerStyle:g,contentContainerStyle:c,style:x,tabsWidth:f="240px",tabGap:d=8,tabPadding:u="12px 16px",tabBorderRadius:S=12,primaryColor:y="#2563eb",textColor:T="#374151",backgroundColor:I="#ffffff",hoverTextColor:L="#1e40af",responsiveBreakpoint:O=768,showDrawerLabel:k="Select Tab"})=>{const[E,A]=h.useState(n),[B,z]=h.useState(null),[_,M]=h.useState(!1),[H,Y]=h.useState(!1);h.useEffect(()=>{const F=()=>{M(window.innerWidth<=O)};return F(),window.addEventListener("resize",F),()=>window.removeEventListener("resize",F)},[O]);const w=a==="left"||a==="right",N={display:"flex",flexDirection:w?_?"column":a==="left"?"row":"row-reverse":"column",width:"100%",height:"100%",backgroundColor:I,...w&&!_?{}:{flexWrap:"wrap"},...x},$={width:w&&!_?f:"100%",display:"flex",flexDirection:w&&!_?"column":"row",justifyContent:!w&&a==="top"?"center":void 0,gap:d,padding:8,boxSizing:"border-box",...g},U={flexGrow:1,padding:24,background:"#f9fafb",boxSizing:"border-box",minWidth:0,...w&&!_?{width:"calc(100% - "+f+")"}:{width:"100%"},...c},r={cursor:"pointer",display:"flex",alignItems:"center",gap:8,padding:u,borderRadius:S,border:"none",backgroundColor:"transparent",fontWeight:500,transition:"all 0.2s ease",width:w&&!_?"100%":"auto",marginBottom:w&&!_?d:0,marginRight:!w||_?d:0,justifyContent:"flex-start"},j={backgroundColor:y,color:"#fff",fontWeight:700,boxShadow:`0 2px 10px ${y}55`,...m},W={backgroundColor:"transparent",color:T,...b},D={backgroundColor:`${y}22`,color:L};return e.jsxs("div",{className:p,style:N,children:[e.jsx("style",{children:`
-        @media (max-width: ${O}px) {
-          .custom-tab-drawer-button {
+ */const xn=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]],fn=re("info",xn);/**
+ * @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 hn=[["path",{d:"M3 12h.01",key:"nlz23k"}],["path",{d:"M3 18h.01",key:"1tta3j"}],["path",{d:"M3 6h.01",key:"1rqtza"}],["path",{d:"M8 12h13",key:"1za7za"}],["path",{d:"M8 18h13",key:"1lx6n3"}],["path",{d:"M8 6h13",key:"ik3vkj"}]],gn=re("list",hn);/**
+ * @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 bn=[["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"}]],Qt=re("loader",bn);/**
+ * @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 yn=[["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"}]],zt=re("maximize",yn);/**
+ * @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 mn=[["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"}]],Rt=re("minimize",mn);/**
+ * @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 vn=[["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"}]],Ut=re("music",vn);/**
+ * @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 wn=[["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"}]],ot=re("pause",wn);/**
+ * @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 kn=[["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"}]],jn=re("picture-in-picture",kn);/**
+ * @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 Sn=[["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"}]],He=re("play",Sn);/**
+ * @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 Tn=[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]],Cn=re("refresh-cw",Tn);/**
+ * @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 zn=[["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"}]],Mt=re("rotate-ccw",zn);/**
+ * @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 Rn=[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]],Mn=re("search",Rn);/**
+ * @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 $n=[["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"}]],In=re("settings",$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 En=[["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"}]],Kt=re("share-2",En);/**
+ * @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 Ln=[["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"}]],_n=re("shuffle",Ln);/**
+ * @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 An=[["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"}]],ut=re("skip-back",An);/**
+ * @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 Pn=[["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"}]],pt=re("skip-forward",Pn);/**
+ * @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 Nn=[["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"}]],Bn=re("triangle-alert",Nn);/**
+ * @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 Fn=[["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"}]],Wn=re("user",Fn);/**
+ * @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 Dn=[["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"}]],On=re("volume-1",Dn);/**
+ * @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 Yn=[["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"}]],xt=re("volume-2",Yn);/**
+ * @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 Vn=[["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"}]],st=re("volume-x",Vn);/**
+ * @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 Un=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],at=re("x",Un),Xn=n.forwardRef(({type:t="text",placeholder:s="",label:c,value:i,defaultValue:u,onChange:a,name:d="",disabled:p=!1,readOnly:z=!1,required:C=!1,error:j,success:h=!1,autoFocus:m=!1,iconLeft:g,iconRight:k,borderColor:w="#ccc",focusBorderColor:_="#2563eb",hoverBorderColor:y="#4b5563",backgroundColor:v="#ffffff",textColor:A="#111827",errorColor:M="#dc2626",successColor:B="#16a34a",labelColor:Y="#374151",size:R="md",radius:E="6px",fontSize:J="14px",rows:H=4,cols:Q,maxLength:$,resize:F=!0,showCharacterCount:ne=!0,className:S,style:b},L)=>{const G=n.useRef(null),[K,l]=n.useState(u||""),[I,P]=n.useState(!1);n.useImperativeHandle(L,()=>G.current);const ee=x=>{$&&x.target.value.length>$||(l(x.target.value),a&&a(d,x.target.value))},oe=()=>{switch(R){case"sm":return"6px 12px";case"lg":return"12px 20px";default:return"10px 16px"}},q=()=>{switch(R){case"sm":return"13px";case"lg":return"16px";default:return J}},Z=j?M:h?B:w,de={width:"100%",padding:oe(),paddingLeft:g?"40px":oe().split(" ")[1],paddingRight:k||t==="password"?"40px":oe().split(" ")[1],border:`1px solid ${Z}`,borderRadius:E,backgroundColor:v,color:A,fontSize:q(),outline:"none",resize:t==="textarea"&&!F?"none":void 0,...b};return e.jsxs("div",{style:{width:"100%",fontFamily:"sans-serif"},className:S,children:[c&&e.jsxs("label",{htmlFor:d,style:{display:"block",marginBottom:"6px",fontSize:"14px",fontWeight:500,color:Y},children:[c," ",C&&e.jsx("span",{style:{color:M},children:"*"})]}),e.jsxs("div",{style:{position:"relative",width:"100%"},children:[g&&e.jsx("span",{style:{position:"absolute",left:"12px",top:"50%",transform:"translateY(-50%)",pointerEvents:"none",color:"#6b7280"},children:g}),t==="textarea"?e.jsx("textarea",{ref:G,name:d,value:i??K,onChange:ee,placeholder:s,rows:H,cols:Q,maxLength:$,disabled:p,readOnly:z,autoFocus:m,style:de,onFocus:x=>{x.currentTarget.style.borderColor=_},onBlur:x=>{x.currentTarget.style.borderColor=Z},onMouseEnter:x=>{x.currentTarget.style.borderColor=y},onMouseLeave:x=>{x.currentTarget.style.borderColor=Z}}):e.jsx("input",{ref:G,id:d,name:d,type:t==="password"?I?"text":"password":t,value:i??K,onChange:ee,placeholder:s,disabled:p,readOnly:z,autoFocus:m,style:de,onFocus:x=>{x.currentTarget.style.borderColor=_},onBlur:x=>{x.currentTarget.style.borderColor=Z},onMouseEnter:x=>{x.currentTarget.style.borderColor=y},onMouseLeave:x=>{x.currentTarget.style.borderColor=Z}}),t==="password"&&e.jsx("button",{type:"button",onClick:()=>P(!I),style:{position:"absolute",right:"10px",top:"50%",transform:"translateY(-50%)",background:"transparent",border:"none",color:"#6b7280",cursor:"pointer",padding:0},children:I?e.jsx(nn,{size:18}):e.jsx(St,{size:18})}),k&&t!=="password"&&e.jsx("span",{style:{position:"absolute",right:"12px",top:"50%",transform:"translateY(-50%)",pointerEvents:"none",color:"#6b7280"},children:k})]}),t==="textarea"&&ne&&$&&e.jsxs("div",{style:{textAlign:"right",fontSize:"12px",color:"#6b7280",marginTop:"4px"},children:[(i??K).length,"/",$]}),j&&e.jsx("p",{style:{color:M,fontSize:"12px",marginTop:"4px",lineHeight:"1.3"},children:j})]})}),Hn=({title:t,titleIcon:s,items:c,type:i="unordered",bulletColor:u="#2563eb",textColor:a="#111827",backgroundColor:d="#fff",borderColor:p="#e5e7eb",fontSize:z="15px",fontWeight:C=500,borderRadius:j="12px",padding:h="16px",spacing:m="12px",className:g,style:k})=>{const w=i==="ordered",_=i==="inline",y={backgroundColor:d,borderColor:p,color:a,borderWidth:p?"1px":"0px",borderStyle:"solid",borderRadius:j,padding:h,...k},v=_?{display:"flex",gap:m,paddingLeft:0,listStyleType:"none",margin:0}:{listStyleType:w?"decimal":"none",paddingLeft:w?"20px":"0",margin:0},A=w?"ol":"ul";return e.jsxs("div",{className:g,style:y,children:[t&&e.jsxs("div",{style:{display:"flex",alignItems:"center",fontSize:"17px",fontWeight:600,marginBottom:"10px",gap:"8px"},children:[s&&e.jsx("span",{style:{fontSize:"18px"},children:s}),e.jsx("span",{children:t})]}),e.jsx(A,{style:v,children:c.map((M,B)=>e.jsx(Zt,{...M,bulletColor:u,textColor:a,fontSize:z,fontWeight:C,spacing:m,isInline:_},B))})]})},Zt=({text:t,icon:s,onClick:c,subItems:i,bulletColor:u,textColor:a,fontSize:d,fontWeight:p,spacing:z,isInline:C})=>{const j={display:"flex",flexDirection:"column",gap:"6px",marginBottom:C?"0":z},h={display:"flex",alignItems:"center",gap:"8px",fontSize:d,fontWeight:p,color:a,cursor:c?"pointer":"default"},m={width:"8px",height:"8px",backgroundColor:u,borderRadius:"50%",flexShrink:0},g={listStyleType:"disc",paddingLeft:"20px",margin:0};return e.jsxs("li",{style:j,children:[e.jsxs("div",{style:h,onClick:c,children:[s?e.jsx("span",{style:{fontSize:"16px",color:a},children:s}):!C&&e.jsx("span",{style:m}),e.jsx("span",{children:t})]}),i&&i.length>0&&e.jsx("ul",{style:g,children:i.map((k,w)=>e.jsx(Zt,{...k,bulletColor:u,textColor:a,fontSize:d,fontWeight:p,spacing:z,isInline:!1},w))})]})},$t=({tabs:t,defaultActive:s=0,tabPosition:c,activeTabClassName:i="",inactiveTabClassName:u="",tabContainerClassName:a="",contentContainerClassName:d="",className:p="",activeTabStyle:z,inactiveTabStyle:C,tabContainerStyle:j,contentContainerStyle:h,style:m,tabsWidth:g="240px",tabGap:k=8,tabPadding:w="12px 16px",tabBorderRadius:_=8,primaryColor:y="#2563eb",textColor:v="#374151",backgroundColor:A="#ffffff",hoverTextColor:M="#1e40af",disabledColor:B="#d1d5db",responsiveBreakpoint:Y=768,showDrawerLabel:R="Select Tab",drawerIcon:E="☰",transitionDuration:J=200,onTabChange:H,role:Q="tablist",ariaOrientation:$="horizontal"})=>{const[F,ne]=n.useState(s),[S,b]=n.useState(null),[L,G]=n.useState(!1),[K,l]=n.useState(!1);n.useEffect(()=>{const X=()=>{G(window.innerWidth<=Y)};return X(),window.addEventListener("resize",X),()=>window.removeEventListener("resize",X)},[Y]),n.useEffect(()=>{s>=0&&s<t.length&&ne(s)},[s,t.length]);const I=X=>{t[X].disabled||(ne(X),H?.(X))},P=c==="left"||c==="right",oe={display:"flex",flexDirection:L?"column":P?c==="left"?"row":"row-reverse":"column",width:"100%",height:"100%",backgroundColor:A,...m},q={width:L?"100%":P?g:"100%",display:"flex",flexDirection:L||P?"column":"row",gap:k,padding:L?"0":"8px",boxSizing:"border-box",overflowX:L?"hidden":"visible",...j},Z={flexGrow:1,padding:L?"16px":"24px",background:"#f9fafb",boxSizing:"border-box",minWidth:0,width:L?"100%":P?`calc(100% - ${g})`:"100%",...h},de={cursor:"pointer",display:"flex",alignItems:"center",gap:8,padding:w,borderRadius:_,border:"none",backgroundColor:"transparent",fontWeight:500,transition:`all ${J}ms ease`,width:L||P?"100%":"auto",marginBottom:L||P?k:0,marginRight:!P&&!L?k:0,justifyContent:"flex-start",textAlign:"left",fontSize:L?"14px":"inherit"},x={backgroundColor:y,color:"#fff",fontWeight:600,boxShadow:`0 2px 10px ${y}33`,...z},V={backgroundColor:"transparent",color:v,...C},f={backgroundColor:`${y}11`,color:M},W={cursor:"not-allowed",color:B,opacity:.7},ae={...de,...x,justifyContent:"space-between",width:"100%",marginBottom:k,fontSize:"16px"};return e.jsxs("div",{className:`react-tabs ${p}`,style:oe,role:Q,"aria-orientation":L||P?"vertical":$,children:[e.jsx("style",{children:`
+        .react-tabs {
+          --primary-color: ${y};
+          --text-color: ${v};
+          --bg-color: ${A};
+          --hover-color: ${M};
+          --disabled-color: ${B};
+          --transition-duration: ${J}ms;
+        }
+        
+        .react-tabs__mobile-drawer {
+          display: flex;
+          flex-direction: column;
+          gap: ${k}px;
+          width: 100%;
+          animation: react-tabs-slideDown ${J}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: ${Y}px) {
+          .react-tabs__drawer-button {
             width: 100%;
             display: flex;
             justify-content: space-between;
             align-items: center;
-            font-size: 16px;
+            padding: ${w};
+            border-radius: ${_}px;
+            margin-bottom: ${k}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;
           }
         }
-        `}),_&&w?e.jsxs("div",{style:{width:"100%",marginBottom:12},children:[e.jsxs("button",{onClick:()=>Y(!H),style:{...r,...j,justifyContent:"space-between",width:"100%"},className:"custom-tab-drawer-button",children:[e.jsx("span",{children:k}),e.jsx("span",{style:{fontSize:18},children:"☰"})]}),H&&e.jsx("div",{className:"custom-tab-mobile-drawer",children:t.map((F,C)=>{const P=C===E,q=B===C;return e.jsxs("button",{onClick:()=>{A(C),Y(!1)},onMouseEnter:()=>z(C),onMouseLeave:()=>z(null),className:P?o:l,style:{...r,...P?j:W,...q&&!P?D:{}},children:[F.icon&&e.jsx("span",{children:F.icon}),e.jsx("span",{children:F.label})]},C)})})]}):e.jsx("nav",{className:s,style:$,"aria-label":"Tabs Navigation",children:t.map((F,C)=>{const P=C===E,q=B===C;return e.jsxs("button",{onClick:()=>A(C),onMouseEnter:()=>z(C),onMouseLeave:()=>z(null),className:P?o:l,style:{...r,...P?j:W,...q&&!P?D:{}},children:[F.icon&&e.jsx("span",{children:F.icon}),e.jsx("span",{children:F.label})]},C)})}),e.jsx("section",{className:i,style:U,role:"tabpanel",children:t[E]?.content})]})},Qe=t=>e.jsx(K,{...t,tabPosition:"left"}),Ke=t=>e.jsx(K,{...t,tabPosition:"top"}),et=t=>e.jsx(K,{...t,tabPosition:"right"}),tt=({src:t,poster:n,autoPlay:a=!1,loop:o=!1,controls:l=!1,width:s="100%",height:i="150px",borderRadius:p="12px",backgroundColor:m="#1e1e1e",primaryColor:b="#ff4081",padding:g="16px",className:c})=>{const x=h.useRef(null),f=h.useRef(null),[d,u]=h.useState(a),[S,y]=h.useState(0),[T,I]=h.useState(0),[L,O]=h.useState(.5),[k,E]=h.useState(!1),[A,B]=h.useState(o);h.useEffect(()=>{x.current&&(x.current.volume=L,x.current.loop=A)},[L,A]);const z=()=>{x.current&&(d?x.current.pause():x.current.play(),u(!d))},_=()=>{x.current&&(y(x.current.currentTime),I(x.current.duration))},M=v=>{if(!x.current||!v.currentTarget)return;const N=v.currentTarget.getBoundingClientRect(),U=(v.clientX-N.left)/N.width*T;x.current.currentTime=U,y(U)},H=v=>{x.current&&(x.current.currentTime+=v)},Y=()=>{f.current&&(k?document.exitFullscreen?.():f.current.requestFullscreen?.(),E(!k))},w=v=>{const N=Math.floor(v/60),$=Math.floor(v%60);return`${N}:${$<10?"0":""}${$}`};return e.jsxs("div",{ref:f,className:c,style:{position:"relative",width:s,backgroundColor:m,borderRadius:p,color:"#fff",overflow:"hidden",padding:g,boxSizing:"border-box",maxWidth:"100%",boxShadow:"0 4px 12px rgba(0,0,0,0.3)"},children:[e.jsx("video",{ref:x,src:t,poster:n,autoPlay:a,loop:o,controls:l,onTimeUpdate:_,onLoadedMetadata:_,style:{width:"100%",height:i,borderRadius:p,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:()=>H(-10),"aria-label":"Skip Back 10s",children:e.jsx(de,{size:20})}),e.jsx("button",{onClick:z,style:{background:b,borderRadius:"9999px",padding:"10px",color:"#fff",border:"none",cursor:"pointer"},"aria-label":d?"Pause":"Play",children:d?e.jsx(le,{size:20}):e.jsx(ie,{size:20})}),e.jsx("button",{onClick:()=>H(10),"aria-label":"Skip Forward 10s",children:e.jsx(ue,{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:w(S)}),e.jsxs("span",{style:{fontSize:"14px",color:"#aaa"},children:[" ","/ ",w(T)]})]}),e.jsx("div",{onClick:M,style:{flex:1,height:"8px",background:"#444",borderRadius:"4px",cursor:"pointer",position:"relative",minWidth:"100px"},children:e.jsx("div",{style:{width:`${S/T*100||0}%`,height:"100%",background:b,borderRadius:"4px"}})}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[e.jsx("button",{onClick:()=>B(!A),"aria-label":"Toggle Loop",children:e.jsx(ce,{size:18,color:A?b:void 0})}),e.jsx("button",{onClick:()=>O(L>0?0:.5),"aria-label":"Toggle Mute",children:L>0?e.jsx(pe,{size:18}):e.jsx(xe,{size:18})}),e.jsx("button",{onClick:Y,"aria-label":"Toggle Fullscreen",children:k?e.jsx(ae,{size:18}):e.jsx(oe,{size:18})})]})]})]})},rt=({src:t,thumbnail:n,autoPlay:a=!1,loop:o=!1,backgroundColor:l="#000000",primaryColor:s="#10b981",secondaryColor:i="#ffffff",borderRadius:p="12px",padding:m="16px",width:b="100%",className:g})=>{const c=h.useRef(null),x=h.useRef(null),[f,d]=h.useState(a),[u,S]=h.useState(0),[y,T]=h.useState(0),[I,L]=h.useState(.5),[O,k]=h.useState(!1),[E,A]=h.useState(o);h.useEffect(()=>{c.current&&(c.current.volume=I)},[I]),h.useEffect(()=>{c.current&&(c.current.loop=E)},[E]);const B=()=>{c.current&&(f?c.current.pause():c.current.play(),d(!f))},z=()=>{c.current&&(S(c.current.currentTime),T(c.current.duration))},_=w=>{if(!c.current||!w.currentTarget)return;const v=w.currentTarget.getBoundingClientRect(),$=(w.clientX-v.left)/v.width*y;c.current.currentTime=$,S($)},M=w=>{c.current&&(c.current.currentTime+=w)},H=()=>{x.current&&(O?document.exitFullscreen?.():x.current.requestFullscreen?.(),k(!O))},Y=w=>{const v=Math.floor(w/60),N=Math.floor(w%60);return`${v}:${N<10?"0":""}${N}`};return e.jsxs("div",{ref:x,className:g,style:{position:"relative",width:b,backgroundColor:l,borderRadius:p,color:i,boxShadow:"0 4px 12px rgba(0,0,0,0.3)",overflow:"hidden",padding:m,boxSizing:"border-box",maxWidth:"100%"},children:[e.jsx("audio",{ref:c,src:t,autoPlay:a,loop:o,onTimeUpdate:z,onLoadedMetadata:z}),n&&e.jsx("img",{src:n,alt:"Audio Thumbnail",style:{width:"100%",objectFit:"cover",borderRadius:p,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:()=>M(-10),"aria-label":"Skip Back 10s",children:e.jsx(de,{size:20})}),e.jsx("button",{onClick:B,style:{background:s,borderRadius:"9999px",padding:"10px",color:"#fff",border:"none",cursor:"pointer"},"aria-label":f?"Pause":"Play",children:f?e.jsx(le,{size:20}):e.jsx(ie,{size:20})}),e.jsx("button",{onClick:()=>M(10),"aria-label":"Skip Forward 10s",children:e.jsx(ue,{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:Y(u)}),e.jsxs("span",{style:{fontSize:"14px",color:"#aaa"},children:["/ ",Y(y)]})]}),e.jsx("div",{onClick:_,style:{flex:1,height:"8px",background:"#444",borderRadius:"4px",cursor:"pointer",position:"relative",minWidth:"100px"},children:e.jsx("div",{style:{width:`${u/y*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:()=>A(!E),"aria-label":"Toggle Loop",children:e.jsx(ce,{size:18,color:E?s:void 0})}),e.jsx("button",{onClick:()=>L(I>0?0:.5),"aria-label":"Toggle Mute",children:I>0?e.jsx(pe,{size:18}):e.jsx(xe,{size:18})}),e.jsx("button",{onClick:H,"aria-label":"Toggle Fullscreen",children:O?e.jsx(ae,{size:18}):e.jsx(oe,{size:18})})]})]})]})},nt=({display:t={sm:"block",md:"flex",lg:"grid"},flexDirection:n={sm:"column",md:"row",lg:"row"},justifyContent:a={sm:"flex-start",md:"center",lg:"space-between"},alignItems:o={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:i={sm:"10px",md:"20px",lg:"30px"},rowGap:p={sm:"10px",md:"15px",lg:"20px"},columnGap:m={sm:"10px",md:"15px",lg:"20px"},width:b={sm:"100%",md:"90%",lg:"80%"},maxWidth:g={sm:"100%",md:"800px",lg:"1200px"},height:c={sm:"auto",md:"auto",lg:"auto"},padding:x={sm:"10px",md:"20px",lg:"40px"},margin:f={sm:"0 auto",md:"0 auto",lg:"0 auto"},textAlign:d={sm:"left",md:"center",lg:"center"},backgroundColor:u="#ffffff",border:S={sm:"none",md:"1px solid #ddd",lg:"2px solid #ccc"},borderRadius:y={sm:"0px",md:"8px",lg:"12px"},boxShadow:T={sm:"none",md:"0px 4px 6px rgba(0,0,0,0.1)",lg:"0px 6px 10px rgba(0,0,0,0.15)"},overflow:I={sm:"visible",md:"hidden",lg:"auto"},children:L,className:O=""})=>{const[k,E]=h.useState("lg");h.useEffect(()=>{const B=()=>{const z=window.innerWidth;z<=767?E("sm"):z>=768&&z<=1023?E("md"):E("lg")};return B(),window.addEventListener("resize",B),()=>window.removeEventListener("resize",B)},[]);const A=h.useMemo(()=>({display:t[k],flexDirection:n[k],justifyContent:a[k],alignItems:o[k],gridTemplateColumns:l[k],gridTemplateRows:s[k],gap:i[k],rowGap:p[k],columnGap:m[k],width:b[k],maxWidth:g[k],height:c[k],padding:x[k],margin:f[k],textAlign:d[k],backgroundColor:u,border:S[k],borderRadius:y[k],boxShadow:T[k],overflow:I[k],boxSizing:"border-box"}),[k,t,n,a,o,l,s,i,p,m,b,g,c,x,f,d,u,S,y,T,I]);return e.jsx("div",{className:O,style:A,children:L})},st=({items:t,allowMultiple:n=!1,defaultOpenIndex:a=[],borderColor:o="#d1d5db",backgroundColor:l="#ffffff",textColor:s="#111827",hoverBgColor:i="#f3f4f6",hoverTextColor:p="#111827",paddingVertical:m="16px",paddingHorizontal:b="16px",margin:g="12px 0",iconOpen:c="−",iconClose:x="+",transitionDuration:f="300ms",borderRadius:d="8px",shadow:u="0 2px 8px rgba(0, 0, 0, 0.05)",contentPadding:S="16px",fontSize:y="16px",fontWeight:T="600",iconSize:I="18px",contentFontSize:L="14px",contentFontWeight:O="400",contentBackgroundColor:k="#ffffff",contentTextColor:E="#111827",className:A,style:B})=>{const[z,_]=h.useState(a),M=h.useRef([]),H=h.useRef([]);h.useEffect(()=>{M.current.forEach((w,v)=>{w&&(w.style.maxHeight=z.includes(v)?`${w.scrollHeight}px`:"0px")})},[z]);const Y=w=>{_(v=>n?v.includes(w)?v.filter(N=>N!==w):[...v,w]:v.includes(w)?[]:[w])};return e.jsx("div",{className:A,style:{width:"100%",...B},children:t.map((w,v)=>e.jsxs("div",{style:{border:`1px solid ${o}`,borderRadius:d,margin:g,boxShadow:u,overflow:"hidden",transition:`all ${f} ease`},children:[e.jsxs("button",{ref:N=>{H.current[v]=N},onClick:()=>Y(v),style:{width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",backgroundColor:l,color:s,padding:`${m} ${b}`,fontWeight:T,fontSize:y,cursor:"pointer",outline:"none",border:"none",transition:`all ${f}`},onMouseEnter:N=>{N.currentTarget.style.backgroundColor=i,N.currentTarget.style.color=p},onMouseLeave:N=>{N.currentTarget.style.backgroundColor=l,N.currentTarget.style.color=s},children:[e.jsx("span",{children:w.title}),e.jsx("span",{style:{fontSize:I},children:z.includes(v)?c:x})]}),e.jsx("div",{ref:N=>{M.current[v]=N},style:{overflow:"hidden",maxHeight:z.includes(v)?`${M.current[v]?.scrollHeight}px`:"0px",transition:`max-height ${f} ease-in-out`},children:e.jsx("div",{style:{borderTop:`1px solid ${o}`,backgroundColor:k,color:E,padding:S,fontSize:L,fontWeight:O},children:w.content})})]},v))})},ot=({type:t,name:n,options:a,selectedValues:o,onChange:l,disabled:s=!1,readOnly:i=!1,required:p=!1,error:m,className:b="",customIcon:g})=>{const c=t==="checkbox",x=f=>{if(l)if(c){const d=Array.isArray(o)?o.includes(f)?o.filter(u=>u!==f):[...o,f]:[f];l(d)}else l(f)};return e.jsxs("div",{className:`w-full ${b}`,children:[a.map(f=>{const d=c?Array.isArray(o)&&o.includes(f.value):o===f.value;return e.jsxs("label",{className:`flex items-center space-x-2 cursor-pointer p-2 ${s?"opacity-50 cursor-not-allowed":""}`,children:[g?g(d):e.jsx("span",{className:`flex justify-center items-center w-5 h-5 border ${d?"bg-blue-500 border-blue-500":"border-gray-400"} rounded-${c?"md":"full"}`,children:d&&e.jsx("span",{className:"w-3 h-3 bg-white rounded-full"})}),e.jsx("input",{type:t,name:n,value:f.value,checked:d,disabled:s||i,required:p,onChange:()=>x(f.value),className:"hidden"}),e.jsx("span",{className:"text-gray-700",children:f.label})]},f.value)}),m&&e.jsx("p",{className:"text-sm text-red-500 mt-1",children:m})]})},at=({label:t="Open Drawer",icon:n,iconPosition:a="left",onClick:o,style:l={}})=>e.jsxs("button",{onClick:o,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&&a==="left"&&n,t,n&&a==="right"&&n]}),lt=({open:t,onClose:n,position:a="right",width:o="300px",height:l="300px",backgroundColor:s="#fff",transitionDuration:i=300,style:p={},children:m,showCloseButton:b=!0,closeButtonStyle:g={}})=>{const[c,x]=h.useState(t);h.useEffect(()=>{t?x(!0):setTimeout(()=>x(!1),i)},[t,i]);const f=h.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]),d={position:"fixed",zIndex:1e3,backgroundColor:s,transition:`transform ${i}ms ease, opacity ${i}ms ease`,transform:f,opacity:t?1:0,...p,...a==="left"||a==="right"?{top:0,[a]:0,width:o,height:"100%"}:{left:0,[a]:0,height:l,width:"100%"}},u={position:"fixed",display:c?"block":"none",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:999,transition:`opacity ${i}ms ease`,opacity:t?1:0,pointerEvents:t?"auto":"none"},S={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:u,onClick:n}),e.jsxs("div",{style:{...d,display:"block",visibility:c?"visible":"hidden",pointerEvents:t?"auto":"none"},children:[b&&e.jsx("button",{onClick:n,style:{...S,...g},children:e.jsx(fe,{size:20,color:"rgba(255, 0, 0, 1)"})}),m]})]})},it=({options:t,value:n,defaultValue:a,onChange:o,placeholder:l="Select an option",disabled:s=!1,borderColor:i="#ccc",backgroundColor:p="#fff",textColor:m="#333",hoverColor:b="#f0f0f0",padding:g="12px 16px",margin:c="0 0 1rem 0",dropdownWidth:x="100%",dropdownHeight:f="200px",borderRadius:d="8px",boxShadow:u="0 4px 8px rgba(0,0,0,0.1)",optionPadding:S="10px 12px",optionGap:y="8px",transitionDuration:T="0.25s",className:I="",dropdownStyle:L,dropdownClassName:O="",optionStyle:k,optionClassName:E="",iconPrefix:A,iconSuffix:B})=>{const[z,_]=h.useState(a),[M,H]=h.useState(!1),Y=h.useRef(null);h.useEffect(()=>{const $=U=>{Y.current&&!Y.current.contains(U.target)&&H(!1)};return document.addEventListener("mousedown",$),()=>document.removeEventListener("mousedown",$)},[]);const w=$=>{_($),H(!1),o&&o($)},v=n??z,N=t.find($=>$.value===v);return e.jsxs("div",{ref:Y,className:I,style:{position:"relative",width:x,margin:c,fontFamily:"sans-serif",userSelect:"none"},children:[e.jsxs("button",{onClick:()=>H($=>!$),disabled:s,"aria-haspopup":"listbox","aria-expanded":M,style:{width:"100%",padding:g,backgroundColor:p,color:m,border:`1px solid ${i}`,borderRadius:d,boxShadow:s?"none":u,display:"flex",alignItems:"center",justifyContent:"space-between",cursor:s?"not-allowed":"pointer",opacity:s?.6:1,transition:`all ${T} ease-in-out`},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:y},children:[A&&e.jsx("span",{children:A}),e.jsx("span",{children:N?.label||l})]}),B||e.jsx("span",{style:{marginLeft:"8px"},children:"▼"})]}),M&&e.jsx("ul",{role:"listbox",className:O,style:{position:"absolute",top:"100%",left:0,zIndex:1e3,width:"100%",maxHeight:f,overflowY:"auto",backgroundColor:p,border:`1px solid ${i}`,borderRadius:d,boxShadow:u,marginTop:"4px",transition:`all ${T} ease`,...L},children:t.map($=>e.jsxs("li",{onClick:()=>w($.value),role:"option",className:E,style:{display:"flex",alignItems:"center",gap:y,padding:S,cursor:"pointer",backgroundColor:z===$.value?b:p,transition:`background ${T}`,...k},onMouseEnter:U=>U.currentTarget.style.backgroundColor=b,onMouseLeave:U=>U.currentTarget.style.backgroundColor=z===$.value?b:p,children:[$.icon&&e.jsx("span",{children:$.icon}),$.label]},$.value))})]})},ct=({columns:t,data:n,className:a="",pagination:o=!0,rowsPerPage:l=5,colors:s={headerBg:"bg-blue-500",headerText:"text-white",rowBg:"bg-white",rowText:"text-black",borderColor:"border-gray-300",hoverBg:"bg-gray-200",paginationBg:"bg-gray-300",paginationText:"text-black"}})=>{const[i,p]=h.useState(null),[m,b]=h.useState("asc"),[g,c]=h.useState(1),x=u=>{i===u?b(m==="asc"?"desc":"asc"):(p(u),b("asc"))},f=[...n].sort((u,S)=>i?m==="asc"?u[i]>S[i]?1:-1:u[i]<S[i]?1:-1:0),d=o?f.slice((g-1)*l,g*l):f;return e.jsxs("div",{className:`overflow-x-auto w-full ${a}`,children:[e.jsxs("table",{className:`w-full border-collapse border ${s.borderColor}`,children:[e.jsx("thead",{children:e.jsx("tr",{className:`${s.headerBg} ${s.headerText} text-left`,children:t.map(({key:u,label:S,sortable:y})=>e.jsx("th",{onClick:()=>y&&x(u),className:`p-3 border ${s.borderColor} ${y?"cursor-pointer hover:opacity-80":""}`,children:e.jsxs("div",{className:"flex items-center gap-2",children:[S," ",y&&(i===u?m==="asc"?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"})}):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 0c-17.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"})}))]})},u))})}),e.jsx("tbody",{children:d.map((u,S)=>e.jsx("tr",{className:`${s.rowBg} ${s.rowText} hover:${s.hoverBg}`,children:t.map(({key:y})=>e.jsx("td",{className:`p-3 border ${s.borderColor}`,children:u[y]},y))},S))})]}),o&&e.jsxs("div",{className:"flex justify-between items-center mt-3 p-2",children:[e.jsx("button",{className:`px-3 py-1 ${s.paginationBg} ${s.paginationText} rounded-md disabled:opacity-50`,disabled:g===1,onClick:()=>c(u=>Math.max(u-1,1)),children:"Prev"}),e.jsxs("span",{className:`${s.paginationText}`,children:["Page ",g]}),e.jsx("button",{className:`px-3 py-1 ${s.paginationBg} ${s.paginationText} rounded-md disabled:opacity-50`,disabled:g*l>=n.length,onClick:()=>c(u=>u+1),children:"Next"})]})]})},dt=({columns:t={sm:1,md:2,lg:3},rows:n={sm:"auto",md:"auto",lg:"auto"},gap:a={sm:"10px",md:"20px",lg:"30px"},rowGap:o={sm:"10px",md:"15px",lg:"20px"},columnGap:l={sm:"10px",md:"15px",lg:"20px"},padding:s={sm:"10px",md:"20px",lg:"40px"},alignItems:i={sm:"stretch",md:"center",lg:"center"},justifyItems:p={sm:"stretch",md:"center",lg:"center"},backgroundColor:m="#f4f4f4",width:b={sm:"100%",md:"100%",lg:"100%"},maxWidth:g={sm:"100%",md:"100%",lg:"100%"},height:c={sm:"auto",md:"auto",lg:"auto"},children:x,className:f=""})=>{const[d,u]=h.useState("lg");h.useEffect(()=>{const y=()=>{const T=window.innerWidth;T<=767?u("sm"):T>=768&&T<=1023?u("md"):u("lg")};return y(),window.addEventListener("resize",y),()=>window.removeEventListener("resize",y)},[]);const S=h.useMemo(()=>({display:"grid",gridTemplateColumns:`repeat(${t[d]}, 1fr)`,gridTemplateRows:n[d]!=="auto"?`repeat(${n[d]}, 1fr)`:"auto",gap:a[d],rowGap:o[d],columnGap:l[d],padding:s[d],alignItems:i[d],justifyItems:p[d],backgroundColor:m,width:b[d],maxWidth:g[d],height:c[d]}),[d,t,n,a,o,l,s,i,p,b,g,c,m]);return e.jsx("div",{className:f,style:S,children:x})},ut=({direction:t={sm:"column",md:"row",lg:"row"},align:n={sm:"center",md:"center",lg:"center"},justify:a={sm:"center",md:"space-between",lg:"space-around"},gap:o={sm:"10px",md:"20px",lg:"30px"},padding:l={sm:"10px",md:"20px",lg:"40px"},backgroundColor:s="#f4f4f4",width:i={sm:"100%",md:"100%",lg:"100%"},height:p={sm:"auto",md:"auto",lg:"auto"},maxWidth:m={sm:"100%",md:"100%",lg:"100%"},children:b,className:g=""})=>{const[c,x]=h.useState("lg");h.useEffect(()=>{const d=()=>{const u=window.innerWidth;u<=767?x("sm"):u>=768&&u<=1023?x("md"):x("lg")};return d(),window.addEventListener("resize",d),()=>window.removeEventListener("resize",d)},[]);const f=h.useMemo(()=>({display:"flex",flexDirection:t[c],alignItems:n[c],justifyContent:a[c],gap:o[c],padding:l[c],backgroundColor:s,width:i[c],maxWidth:m[c],height:p[c]}),[c,t,n,a,o,l,i,m,p,s]);return e.jsx("div",{className:g,style:f,children:b})},pt={success:{bg:"#ecfdf5",border:"#34d399",iconColor:"#059669",Icon:e.jsx(_e,{size:20})},error:{bg:"#fef2f2",border:"#f87171",iconColor:"#dc2626",Icon:e.jsx(Ce,{size:20})},warning:{bg:"#fffbeb",border:"#facc15",iconColor:"#d97706",Icon:e.jsx(Ve,{size:20})},info:{bg:"#eff6ff",border:"#3b82f6",iconColor:"#2563eb",Icon:e.jsx(Pe,{size:20})}},xt=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"}}},ft=({title:t="",description:n="",type:a="info",dismissible:o=!0,onClose:l,duration:s,icon:i,actionButton:p,position:m="top-right",className:b,style:g})=>{const[c,x]=h.useState(!0);if(h.useEffect(()=>{if(s){const T=setTimeout(()=>{x(!1),l?.()},s);return()=>clearTimeout(T)}},[s,l]),!c)return null;const{bg:f,border:d,iconColor:u,Icon:S}=pt[a],y=xt(m);return e.jsxs("div",{className:b,style:{...y,display:"flex",gap:"12px",padding:"16px",backgroundColor:f,borderLeft:`4px solid ${d}`,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)",...g},children:[e.jsx("div",{style:{color:u,marginTop:"3px"},children:i||S}),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}),p&&e.jsx("div",{style:{marginTop:"10px"},children:p})]}),o&&e.jsx("button",{onClick:()=>{x(!1),l?.()},style:{background:"transparent",border:"none",color:"#6b7280",cursor:"pointer",marginLeft:"8px"},children:e.jsx(fe,{size:16})}),e.jsx("style",{children:`
+        `}),L?e.jsxs(e.Fragment,{children:[e.jsxs("button",{onClick:()=>l(!K),style:ae,className:"react-tabs__drawer-button","aria-expanded":K,"aria-controls":"mobile-tabs-drawer","aria-haspopup":"true",children:[e.jsx("span",{children:R}),e.jsx("span",{children:E})]}),K&&e.jsx("div",{id:"mobile-tabs-drawer",className:"react-tabs__mobile-drawer",role:"menu",children:t.map((X,se)=>{const ce=se===F,fe=S===se,pe=X.disabled;return e.jsxs("button",{onClick:()=>{I(se),l(!1)},onMouseEnter:()=>!pe&&b(se),onMouseLeave:()=>b(null),className:ce?i:u,style:{...de,...ce?x:V,...fe&&!ce&&!pe?f:{},...pe?W:{}},role:"menuitemradio","aria-checked":ce,"aria-disabled":pe,"aria-label":X.ariaLabel||(typeof X.label=="string"?X.label:`Tab ${se+1}`),disabled:pe,children:[X.icon&&e.jsx("span",{"aria-hidden":"true",children:X.icon}),e.jsx("span",{children:X.label})]},se)})})]}):e.jsx("nav",{className:`react-tabs__nav ${a}`,style:q,role:Q,"aria-label":"Tabs Navigation",children:t.map((X,se)=>{const ce=se===F,fe=S===se,pe=X.disabled;return e.jsxs("button",{onClick:()=>I(se),onMouseEnter:()=>!pe&&b(se),onMouseLeave:()=>b(null),className:ce?i:u,style:{...de,...ce?x:V,...fe&&!ce&&!pe?f:{},...pe?W:{}},role:"tab","aria-selected":ce,"aria-disabled":pe,"aria-controls":`tabpanel-${se}`,id:`tab-${se}`,tabIndex:ce?0:-1,disabled:pe,children:[X.icon&&e.jsx("span",{"aria-hidden":"true",children:X.icon}),e.jsx("span",{children:X.label})]},se)})}),e.jsx("section",{className:`react-tabs__content ${d}`,style:Z,role:"tabpanel",id:`tabpanel-${F}`,"aria-labelledby":`tab-${F}`,tabIndex:0,children:t[F]?.content})]})},er=t=>e.jsx($t,{...t,tabPosition:"left",ariaOrientation:"vertical"}),tr=t=>e.jsx($t,{...t,tabPosition:"top"}),rr=t=>e.jsx($t,{...t,tabPosition:"right",ariaOrientation:"vertical"}),qn={Left:er,Top:tr,Right:rr},Gn=({src:t,poster:s,title:c,autoPlay:i=!1,loop:u=!1,muted:a=!1,width:d="100%",height:p="400px",borderRadius:z="16px",theme:C="dark",primaryColor:j="#3b82f6",className:h,showProgress:m=!0,showVolumeSlider:g=!0,showSettings:k=!0,showDownload:w=!0,showShare:_=!0,showPiP:y=!0,showSubtitles:v=!1,showPlaybackSpeed:A=!0,showQuality:M=!0,previewThumbnails:B=!1,customControls:Y=!0,hideControlsDelay:R=3e3,seekStep:E=10,volumeStep:J=.1,onPlay:H,onPause:Q,onEnded:$,onTimeUpdate:F,onVolumeChange:ne})=>{const S=n.useRef(null),b=n.useRef(null),L=n.useRef(null),G=n.useRef(0),[K,l]=n.useState(i),[I,P]=n.useState(0),[ee,oe]=n.useState(0),[q,Z]=n.useState(a?0:.8),[de,x]=n.useState(a),[V,f]=n.useState(!1),[W,ae]=n.useState(!1),[X,se]=n.useState(u),[ce,fe]=n.useState(1),[pe,ve]=n.useState("auto"),[ke,Re]=n.useState(!0),[Me,Ie]=n.useState(!1),[we,Se]=n.useState(!1),[Ae,Pe]=n.useState(!1),[he,me]=n.useState(0),[De,Oe]=n.useState(!1),[qe,Ne]=n.useState(0),le={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)"}}[C],Te=n.useCallback(()=>{G.current&&clearTimeout(G.current),G.current=window.setTimeout(()=>{K&&Re(!1)},R)},[K,R]),Ye=n.useCallback(()=>{Re(!0),Te()},[Te]);n.useEffect(()=>{S.current&&(S.current.volume=q,S.current.loop=X,S.current.muted=de,S.current.playbackRate=ce)},[q,X,de,ce]),n.useEffect(()=>{K?Te():(G.current&&clearTimeout(G.current),Re(!0))},[K,Te]);const Ee=()=>{S.current&&(K?(S.current.pause(),l(!1),Q?.()):(S.current.play().catch(console.error),l(!0),H?.()))},Ge=()=>{if(!S.current)return;const O=S.current.currentTime,ge=S.current.duration;P(O),oe(ge),F?.(O)},D=O=>{if(!S.current||!L.current)return;const ge=L.current.getBoundingClientRect(),$e=(O.clientX-ge.left)/ge.width*ee;S.current.currentTime=$e,P($e)},xe=O=>{if(!L.current)return;const ge=L.current.getBoundingClientRect(),$e=(O.clientX-ge.left)/ge.width*ee;me($e),Ne(O.clientX-ge.left),Oe(!0)},ye=O=>{S.current&&(S.current.currentTime=Math.min(Math.max(0,S.current.currentTime+O),ee))},Ce=O=>{const ge=Math.min(Math.max(O,0),1);Z(ge),x(ge===0),ne?.(ge)},ue=async()=>{if(b.current)try{V?document.exitFullscreen&&await document.exitFullscreen():b.current.requestFullscreen&&await b.current.requestFullscreen(),f(!V)}catch(O){console.error("Fullscreen error:",O)}},Je=async()=>{if(S.current)try{W?document.exitPictureInPicture&&await document.exitPictureInPicture():S.current.requestPictureInPicture&&await S.current.requestPictureInPicture(),ae(!W)}catch(O){console.error("Picture-in-Picture error:",O)}},it=()=>{const O=document.createElement("a");O.href=t,O.download=c||"video",O.click()},It=async()=>{try{navigator.share?await navigator.share({title:c||"Video",url:window.location.href}):await navigator.clipboard.writeText(window.location.href)}catch(O){console.error("Share error:",O)}},Qe=O=>{if(!O||isNaN(O))return"0:00";const ge=Math.floor(O/3600),Be=Math.floor(O%3600/60),$e=Math.floor(O%60);return ge>0?`${ge}:${Be.toString().padStart(2,"0")}:${$e.toString().padStart(2,"0")}`:`${Be}:${$e.toString().padStart(2,"0")}`},ft=()=>de||q===0?e.jsx(st,{size:18}):q<.3?e.jsx(st,{size:18}):q<.7?e.jsx(On,{size:18}):e.jsx(xt,{size:18});return n.useEffect(()=>()=>{G.current&&clearTimeout(G.current)},[]),e.jsxs("div",{ref:b,className:h,style:{position:"relative",width:d,height:p,background:le.background,borderRadius:z,overflow:"hidden",boxShadow:C==="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:C==="glass"?"blur(16px)":"none",userSelect:"none",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},onMouseMove:Ye,onMouseLeave:()=>Re(!1),children:[e.jsx("video",{ref:S,src:t,poster:s,autoPlay:i,loop:u,muted:a,controls:!1,onClick:Ee,onTimeUpdate:Ge,onLoadedMetadata:Ge,onWaiting:()=>Pe(!0),onCanPlay:()=>Pe(!1),onEnded:()=>{l(!1),$?.()},style:{width:"100%",height:"100%",objectFit:"cover",backgroundColor:"#000"}}),Ae&&e.jsx("div",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",color:le.text,animation:"spin 1s linear infinite"},children:e.jsx(Qt,{size:48})}),!K&&!Ae&&e.jsx("button",{onClick:Ee,style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",background:`${j}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:O=>{O.currentTarget.style.transform="translate(-50%, -50%) scale(1.1)",O.currentTarget.style.background=j},onMouseLeave:O=>{O.currentTarget.style.transform="translate(-50%, -50%) scale(1)",O.currentTarget.style.background=`${j}CC`},children:e.jsx(He,{size:32})}),c&&ke&&e.jsx("div",{style:{position:"absolute",top:"16px",left:"16px",right:"16px",color:le.text,fontSize:"18px",fontWeight:"600",textShadow:"0 2px 4px rgba(0, 0, 0, 0.8)",opacity:ke?1:0,transition:"opacity 0.3s ease"},children:c}),Y&&e.jsxs("div",{style:{position:"absolute",bottom:0,left:0,right:0,background:le.controlsBg,backdropFilter:"blur(10px)",color:le.text,padding:"16px",transform:ke?"translateY(0)":"translateY(100%)",transition:"transform 0.3s ease"},children:[m&&e.jsxs("div",{style:{marginBottom:"12px",position:"relative"},children:[e.jsx("div",{ref:L,onClick:D,onMouseMove:xe,onMouseLeave:()=>Oe(!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:`${I/ee*100||0}%`,height:"100%",background:j,borderRadius:"3px",position:"relative"},children:e.jsx("div",{style:{position:"absolute",right:"-6px",top:"50%",width:"12px",height:"12px",background:j,borderRadius:"50%",transform:"translateY(-50%)",boxShadow:"0 2px 8px rgba(0, 0, 0, 0.3)"}})})}),De&&B&&e.jsx("div",{style:{position:"absolute",bottom:"12px",left:`${qe}px`,transform:"translateX(-50%)",background:"rgba(0, 0, 0, 0.9)",color:"#fff",padding:"4px 8px",borderRadius:"4px",fontSize:"12px",whiteSpace:"nowrap"},children:Qe(he)})]}),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:()=>ye(-E),style:{background:"none",border:"none",color:le.text,cursor:"pointer",padding:"8px"},children:e.jsx(ut,{size:20})}),e.jsx("button",{onClick:Ee,style:{background:j,borderRadius:"50%",padding:"12px",color:"#fff",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"},children:K?e.jsx(ot,{size:20}):e.jsx(He,{size:20})}),e.jsx("button",{onClick:()=>ye(E),style:{background:"none",border:"none",color:le.text,cursor:"pointer",padding:"8px"},children:e.jsx(pt,{size:20})}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",position:"relative"},children:[e.jsx("button",{onClick:()=>x(!de),onMouseEnter:()=>g&&Se(!0),style:{background:"none",border:"none",color:le.text,cursor:"pointer",padding:"8px"},children:e.jsx(ft,{})}),g&&e.jsx("div",{onMouseEnter:()=>Se(!0),onMouseLeave:()=>Se(!1),style:{position:we?"relative":"absolute",left:we?"0":"40px",bottom:we?"0":"40px",width:we?"80px":"30px",height:we?"6px":"80px",background:"rgba(255, 255, 255, 0.2)",borderRadius:"3px",cursor:"pointer",opacity:we?1:0,transition:"all 0.3s ease"},onClick:O=>{const ge=O.currentTarget.getBoundingClientRect(),Be=(O.clientX-ge.left)/ge.width;Ce(Be)},children:e.jsx("div",{style:{width:`${q*100}%`,height:"100%",background:j,borderRadius:"3px"}})})]}),e.jsxs("div",{style:{fontSize:"14px",color:le.textSecondary,minWidth:"100px"},children:[Qe(I)," / ",Qe(ee)]})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[v&&e.jsx("button",{style:{background:"none",border:"none",color:le.text,cursor:"pointer",padding:"8px"},children:e.jsx(Xr,{size:18})}),k&&e.jsx("button",{onClick:()=>Ie(!Me),style:{background:"none",border:"none",color:le.text,cursor:"pointer",padding:"8px"},children:e.jsx(In,{size:18})}),w&&e.jsx("button",{onClick:it,style:{background:"none",border:"none",color:le.text,cursor:"pointer",padding:"8px"},children:e.jsx(Jt,{size:18})}),_&&e.jsx("button",{onClick:It,style:{background:"none",border:"none",color:le.text,cursor:"pointer",padding:"8px"},children:e.jsx(Kt,{size:18})}),y&&e.jsx("button",{onClick:Je,style:{background:"none",border:"none",color:le.text,cursor:"pointer",padding:"8px"},children:e.jsx(jn,{size:18})}),e.jsx("button",{onClick:()=>se(!X),style:{background:"none",border:"none",color:X?j:le.text,cursor:"pointer",padding:"8px"},children:e.jsx(Mt,{size:18})}),e.jsx("button",{onClick:ue,style:{background:"none",border:"none",color:le.text,cursor:"pointer",padding:"8px"},children:V?e.jsx(Rt,{size:18}):e.jsx(zt,{size:18})})]})]})]}),Me&&e.jsxs("div",{style:{position:"absolute",bottom:"80px",right:"16px",background:le.controlsBg,backdropFilter:"blur(10px)",borderRadius:"12px",padding:"16px",minWidth:"200px",color:le.text,border:`1px solid ${le.border}`,opacity:Me?1:0,transform:Me?"translateY(0)":"translateY(10px)",transition:"all 0.3s ease"},children:[A&&e.jsxs("div",{style:{marginBottom:"12px"},children:[e.jsx("div",{style:{fontSize:"14px",marginBottom:"8px",color:le.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(O=>e.jsxs("button",{onClick:()=>fe(O),style:{background:ce===O?j:"transparent",border:`1px solid ${le.border}`,borderRadius:"6px",padding:"4px 8px",color:le.text,cursor:"pointer",fontSize:"12px"},children:[O,"x"]},O))})]}),M&&e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:"14px",marginBottom:"8px",color:le.textSecondary},children:"Quality"}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:["auto","1080p","720p","480p","360p"].map(O=>e.jsx("button",{onClick:()=>ve(O),style:{background:pe===O?j:"transparent",border:"none",borderRadius:"6px",padding:"8px",color:le.text,cursor:"pointer",fontSize:"12px",textAlign:"left"},children:O},O))})]})]}),e.jsx("style",{children:`
+        @keyframes spin {
+          from { transform: rotate(0deg); }
+          to { transform: rotate(360deg); }
+        }
+      `})]})},Jn=({src:t,thumbnail:s,autoPlay:c=!1,loop:i=!1,backgroundColor:u="#000000",primaryColor:a="#10b981",secondaryColor:d="#ffffff",borderRadius:p="12px",padding:z="16px",width:C="100%",className:j})=>{const h=n.useRef(null),m=n.useRef(null),[g,k]=n.useState(c),[w,_]=n.useState(0),[y,v]=n.useState(0),[A,M]=n.useState(.5),[B,Y]=n.useState(!1),[R,E]=n.useState(i);n.useEffect(()=>{h.current&&(h.current.volume=A)},[A]),n.useEffect(()=>{h.current&&(h.current.loop=R)},[R]);const J=()=>{h.current&&(g?h.current.pause():h.current.play(),k(!g))},H=()=>{h.current&&(_(h.current.currentTime),v(h.current.duration))},Q=S=>{if(!h.current||!S.currentTarget)return;const b=S.currentTarget.getBoundingClientRect(),G=(S.clientX-b.left)/b.width*y;h.current.currentTime=G,_(G)},$=S=>{h.current&&(h.current.currentTime+=S)},F=()=>{m.current&&(B?document.exitFullscreen?.():m.current.requestFullscreen?.(),Y(!B))},ne=S=>{const b=Math.floor(S/60),L=Math.floor(S%60);return`${b}:${L<10?"0":""}${L}`};return e.jsxs("div",{ref:m,className:j,style:{position:"relative",width:C,backgroundColor:u,borderRadius:p,color:d,boxShadow:"0 4px 12px rgba(0,0,0,0.3)",overflow:"hidden",padding:z,boxSizing:"border-box",maxWidth:"100%"},children:[e.jsx("audio",{ref:h,src:t,autoPlay:c,loop:i,onTimeUpdate:H,onLoadedMetadata:H}),s&&e.jsx("img",{src:s,alt:"Audio Thumbnail",style:{width:"100%",objectFit:"cover",borderRadius:p,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(ut,{size:20})}),e.jsx("button",{onClick:J,style:{background:a,borderRadius:"9999px",padding:"10px",color:"#fff",border:"none",cursor:"pointer"},"aria-label":g?"Pause":"Play",children:g?e.jsx(ot,{size:20}):e.jsx(He,{size:20})}),e.jsx("button",{onClick:()=>$(10),"aria-label":"Skip Forward 10s",children:e.jsx(pt,{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:ne(w)}),e.jsxs("span",{style:{fontSize:"14px",color:"#aaa"},children:["/ ",ne(y)]})]}),e.jsx("div",{onClick:Q,style:{flex:1,height:"8px",background:"#444",borderRadius:"4px",cursor:"pointer",position:"relative",minWidth:"100px"},children:e.jsx("div",{style:{width:`${w/y*100||0}%`,height:"100%",background:a,borderRadius:"4px"}})}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px",flexShrink:0},children:[e.jsx("button",{onClick:()=>E(!R),"aria-label":"Toggle Loop",children:e.jsx(Mt,{size:18,color:R?a:void 0})}),e.jsx("button",{onClick:()=>M(A>0?0:.5),"aria-label":"Toggle Mute",children:A>0?e.jsx(xt,{size:18}):e.jsx(st,{size:18})}),e.jsx("button",{onClick:F,"aria-label":"Toggle Fullscreen",children:B?e.jsx(Rt,{size:18}):e.jsx(zt,{size:18})})]})]})]})};function be(t,s,c){return t==null?c:typeof t!="object"?t:t[s]??c}const Xt=t=>t<768?"sm":t<1024?"md":"lg",Qn=({display:t={sm:"block",md:"flex",lg:"grid"},flexDirection:s={sm:"column",md:"row",lg:"row"},justifyContent:c={sm:"flex-start",md:"center",lg:"space-between"},alignItems:i={sm:"stretch",md:"center",lg:"center"},gridTemplateColumns:u={sm:"1fr",md:"1fr 1fr",lg:"1fr 1fr 1fr"},gridTemplateRows:a={sm:"auto",md:"auto",lg:"auto"},gap:d={sm:"10px",md:"20px",lg:"30px"},rowGap:p,columnGap:z,width:C={sm:"100%",md:"90%",lg:"80%"},maxWidth:j={sm:"100%",md:"800px",lg:"1200px"},height:h={sm:"auto",md:"auto",lg:"auto"},padding:m={sm:"10px",md:"20px",lg:"40px"},margin:g={sm:"0 auto",md:"0 auto",lg:"0 auto"},textAlign:k={sm:"left",md:"center",lg:"center"},backgroundColor:w="#fff",border:_={sm:"none",md:"1px solid #ddd",lg:"2px solid #ccc"},borderRadius:y={sm:"0",md:"8px",lg:"12px"},boxShadow:v={sm:"none",md:"0 4px 6px rgba(0,0,0,0.1)",lg:"0 6px 10px rgba(0,0,0,0.15)"},overflow:A={sm:"visible",md:"hidden",lg:"auto"},children:M,className:B,style:Y})=>{const[R,E]=n.useState(()=>Xt(window.innerWidth));n.useEffect(()=>{const H=()=>E(Xt(window.innerWidth));return window.addEventListener("resize",H),()=>window.removeEventListener("resize",H)},[]);const J=n.useMemo(()=>{const H=be(t,R,"block"),Q=be(s,R,void 0),$=be(c,R,void 0),F=be(i,R,void 0),ne=be(u,R,void 0),S=be(a,R,void 0),b=be(d,R,void 0),L=be(p,R,void 0),G=be(z,R,void 0),K=be(C,R,"100%"),l=be(j,R,void 0),I=be(h,R,void 0),P=be(m,R,void 0),ee=be(g,R,void 0),oe=be(k,R,void 0),q=be(_,R,void 0),Z=be(y,R,void 0),de=be(v,R,void 0),x=be(A,R,void 0);return{display:H,...Q&&{flexDirection:Q},...$&&{justifyContent:$},...F&&{alignItems:F},...ne&&{gridTemplateColumns:ne},...S&&{gridTemplateRows:S},...b&&{gap:b},...L&&{rowGap:L},...G&&{columnGap:G},width:K,...l&&{maxWidth:l},...I&&{height:I},...P&&{padding:P},...ee&&{margin:ee},...oe&&{textAlign:oe},backgroundColor:w,...q&&{border:q},...Z&&{borderRadius:Z},...de&&{boxShadow:de},...x&&{overflow:x},boxSizing:"border-box",...Y}},[R,t,s,c,i,u,a,d,p,z,C,j,h,m,g,k,w,_,y,v,A,Y]);return e.jsx("div",{className:B,style:J,children:M})},Kn=({items:t,allowMultiple:s=!1,defaultOpenIndex:c=[],borderColor:i="#d1d5db",backgroundColor:u="#ffffff",textColor:a="#111827",hoverBgColor:d="#f3f4f6",hoverTextColor:p="#111827",paddingVertical:z="16px",paddingHorizontal:C="16px",margin:j="12px 0",iconOpen:h="−",iconClose:m="+",transitionDuration:g="300ms",borderRadius:k="8px",shadow:w="0 2px 8px rgba(0, 0, 0, 0.05)",contentPadding:_="16px",fontSize:y="16px",fontWeight:v="600",iconSize:A="18px",contentFontSize:M="14px",contentFontWeight:B="400",contentBackgroundColor:Y="#ffffff",contentTextColor:R="#111827",className:E,style:J})=>{const[H,Q]=n.useState(c),$=n.useRef([]),F=n.useRef([]);n.useEffect(()=>{$.current.forEach((S,b)=>{S&&(S.style.maxHeight=H.includes(b)?`${S.scrollHeight}px`:"0px")})},[H]);const ne=S=>{Q(b=>s?b.includes(S)?b.filter(L=>L!==S):[...b,S]:b.includes(S)?[]:[S])};return e.jsx("div",{className:E,style:{width:"100%",...J},children:t.map((S,b)=>e.jsxs("div",{style:{border:`1px solid ${i}`,borderRadius:k,margin:j,boxShadow:w,overflow:"hidden",transition:`all ${g} ease`},children:[e.jsxs("button",{ref:L=>{F.current[b]=L},onClick:()=>ne(b),style:{width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",backgroundColor:u,color:a,padding:`${z} ${C}`,fontWeight:v,fontSize:y,cursor:"pointer",outline:"none",border:"none",transition:`all ${g}`},onMouseEnter:L=>{L.currentTarget.style.backgroundColor=d,L.currentTarget.style.color=p},onMouseLeave:L=>{L.currentTarget.style.backgroundColor=u,L.currentTarget.style.color=a},children:[e.jsx("span",{children:S.title}),e.jsx("span",{style:{fontSize:A},children:H.includes(b)?h:m})]}),e.jsx("div",{ref:L=>{$.current[b]=L},style:{overflow:"hidden",maxHeight:H.includes(b)?`${$.current[b]?.scrollHeight}px`:"0px",transition:`max-height ${g} ease-in-out`},children:e.jsx("div",{style:{borderTop:`1px solid ${i}`,backgroundColor:Y,color:R,padding:_,fontSize:M,fontWeight:B},children:S.content})})]},b))})},Zn=({type:t,name:s,options:c,selectedValues:i,onChange:u,disabled:a=!1,readOnly:d=!1,required:p=!1,error:z,className:C="",customIcon:j,style:h,labelStyle:m,iconSize:g=20,iconCheckedBgColor:k="#2563eb",iconUncheckedBorderColor:w="#9ca3af",textColor:_="#374151",errorStyle:y})=>{const v=t==="checkbox",A=M=>{if(u)if(v){const B=Array.isArray(i)?i.includes(M)?i.filter(Y=>Y!==M):[...i,M]:[M];u(B)}else u(M)};return e.jsxs("div",{className:C,style:{display:"flex",flexDirection:"column",gap:8,...h},role:t,"aria-disabled":a,children:[c.map(M=>{const B=v?Array.isArray(i)&&i.includes(M.value):i===M.value;return e.jsxs("label",{style:{display:"flex",alignItems:"center",cursor:a?"not-allowed":"pointer",opacity:a?.6:1,gap:8,userSelect:"none",...m},children:[e.jsx("input",{type:t,name:s,value:M.value,checked:B,disabled:a||d,required:p,onChange:()=>A(M.value),style:{display:"none"}}),j?j(B):e.jsxs("span",{style:{display:"inline-flex",justifyContent:"center",alignItems:"center",width:g,height:g,borderRadius:v?4:"50%",border:`2px solid ${B?k:w}`,backgroundColor:B?k:"transparent",transition:"all 0.2s ease",flexShrink:0},children:[B&&!v&&e.jsx("span",{style:{width:g/2,height:g/2,borderRadius:"50%",backgroundColor:"white"}}),B&&v&&e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",style:{width:g*.6,height:g*.6},children:e.jsx("polyline",{points:"20 6 9 17 4 12"})})]}),e.jsx("span",{style:{color:_,fontSize:14},children:M.label})]},M.value)}),z&&e.jsx("p",{role:"alert",style:{color:"#dc2626",fontSize:12,marginTop:4,...y},children:z})]})},eo=({label:t="Open Drawer",icon:s,iconPosition:c="left",onClick:i,style:u={}})=>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",...u},children:[s&&c==="left"&&s,t,s&&c==="right"&&s]}),to=({open:t,onClose:s,position:c="right",width:i="300px",height:u="300px",backgroundColor:a="#fff",transitionDuration:d=300,style:p={},children:z,showCloseButton:C=!0,closeButtonStyle:j={}})=>{const[h,m]=n.useState(t);n.useEffect(()=>{t?m(!0):setTimeout(()=>m(!1),d)},[t,d]);const g=n.useMemo(()=>{if(t)return"translate(0, 0)";switch(c){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,c]),k={position:"fixed",zIndex:1e3,backgroundColor:a,transition:`transform ${d}ms ease, opacity ${d}ms ease`,transform:g,opacity:t?1:0,...p,...c==="left"||c==="right"?{top:0,[c]:0,width:i,height:"100%"}:{left:0,[c]:0,height:u,width:"100%"}},w={position:"fixed",display:h?"block":"none",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:999,transition:`opacity ${d}ms ease`,opacity:t?1:0,pointerEvents:t?"auto":"none"},_={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:w,onClick:s}),e.jsxs("div",{style:{...k,display:"block",visibility:h?"visible":"hidden",pointerEvents:t?"auto":"none"},children:[C&&e.jsx("button",{onClick:s,style:{..._,...j},children:e.jsx(at,{size:20,color:"rgba(255, 0, 0, 1)"})}),z]})]})},ro=({options:t,value:s,defaultValue:c,onChange:i,placeholder:u="Select an option",disabled:a=!1,searchable:d=!1,multiSelect:p=!1,clearable:z=!1,virtualized:C=!1,optionHeight:j=36,visibleOptions:h=5,width:m="100%",height:g="auto",borderColor:k="#d1d5db",focusBorderColor:w="#2563eb",errorBorderColor:_="#dc2626",backgroundColor:y="#ffffff",textColor:v="#111827",placeholderColor:A="#9ca3af",hoverColor:M="#f3f4f6",selectedColor:B="#eff6ff",disabledColor:Y="#f3f4f6",padding:R="0.5rem 0.75rem",margin:E="0",borderRadius:J="0.375rem",boxShadow:H="0 1px 2px 0 rgba(0, 0, 0, 0.05)",optionPadding:Q="0.5rem 0.75rem",optionGap:$="0.5rem",transitionDuration:F="200ms",dropdownMaxHeight:ne="300px",dropdownMinWidth:S="100%",className:b="",dropdownClassName:L="",optionClassName:G="",inputClassName:K="",style:l,dropdownStyle:I,optionStyle:P,inputStyle:ee,iconPrefix:oe,iconSuffix:q,clearIcon:Z="×",dropdownIcon:de="▼",checkIcon:x="✓",ariaLabel:V,ariaLabelledby:f,ariaDescribedby:W,onFocus:ae,onBlur:X,onOpen:se,onClose:ce})=>{const[fe,pe]=n.useState([]),[ve,ke]=n.useState(!1),[Re,Me]=n.useState(""),[Ie,we]=n.useState(null),Se=n.useRef(null),Ae=n.useRef(null),Pe=n.useRef([]);n.useEffect(()=>{pe(s?p?s.split(","):[s]:c?p?c.split(","):[c]:[])},[s,c,p]);const he=d?t.filter(D=>D.label.toLowerCase().includes(Re.toLowerCase())):t;n.useEffect(()=>{const D=xe=>{Se.current&&!Se.current.contains(xe.target)&&(ke(!1),ce?.())};return document.addEventListener("mousedown",D),()=>document.removeEventListener("mousedown",D)},[ce]),n.useEffect(()=>{const D=xe=>{if(ve)switch(xe.key){case"ArrowDown":xe.preventDefault(),we(ye=>{const Ce=ye===null?0:Math.min(ye+1,he.length-1);return me(Ce),Ce});break;case"ArrowUp":xe.preventDefault(),we(ye=>{const Ce=ye===null?0:Math.max(ye-1,0);return me(Ce),Ce});break;case"Enter":xe.preventDefault(),Ie!==null&&De(he[Ie].value);break;case"Escape":xe.preventDefault(),ke(!1),ce?.();break;case"Tab":ke(!1),ce?.();break}};return document.addEventListener("keydown",D),()=>document.removeEventListener("keydown",D)},[ve,Ie,he]);const me=n.useCallback(D=>{Pe.current[D]?.scrollIntoView({block:"nearest",behavior:"smooth"})},[]),De=D=>{let xe;p?xe=fe.includes(D)?fe.filter(ye=>ye!==D):[...fe,D]:(xe=[D],ke(!1),ce?.()),pe(xe),i?.(p?xe.join(","):D)},Oe=D=>{D.stopPropagation(),pe([]),i?.(""),Me("")},qe=()=>{if(a)return;const D=!ve;ke(D),D?(se?.(),d&&setTimeout(()=>Ae.current?.focus(),0)):ce?.()},Ne=t.find(D=>D.value===fe[0]),je=t.filter(D=>fe.includes(D.value)),[le,Te]=n.useState(0),Ye=Math.min(h,he.length),Ee=Math.min(le+Ye,he.length),Ge=C?he.slice(le,Ee):he;return e.jsxs("div",{ref:Se,className:`dropdown-container ${b}`,style:{position:"relative",width:m,margin:E,fontFamily:"'Inter', sans-serif",...l},children:[e.jsx("style",{children:`
+          .dropdown-container {
+            --border-color: ${k};
+            --focus-border-color: ${w};
+            --error-border-color: ${_};
+            --bg-color: ${y};
+            --text-color: ${v};
+            --placeholder-color: ${A};
+            --hover-color: ${M};
+            --selected-color: ${B};
+            --disabled-color: ${Y};
+            --transition-duration: ${F};
+          }
+        `}),e.jsxs("div",{role:"button",onClick:qe,"aria-disabled":a,"aria-haspopup":"listbox","aria-expanded":ve,"aria-label":V,"aria-labelledby":f,"aria-describedby":W,className:`dropdown-control ${K}`,style:{width:"100%",minHeight:g,padding:R,backgroundColor:a?Y:y,color:v,borderWidth:"1px",borderStyle:"solid",borderColor:ve?w:k,borderRadius:J,boxShadow:H,display:"flex",alignItems:"center",justifyContent:"space-between",cursor:a?"not-allowed":"pointer",opacity:a?.7:1,transition:`all ${F} ease-in-out`,textAlign:"left",...ee,...ve&&{boxShadow:`0 0 0 1px ${w}`}},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:$,flex:1,overflow:"hidden"},children:[oe&&e.jsx("span",{className:"dropdown-icon-prefix",style:{flexShrink:0},children:oe}),p?e.jsx("div",{style:{display:"flex",gap:"0.25rem",flexWrap:"wrap",flex:1,overflow:"hidden"},children:je.length>0?je.map(D=>e.jsxs("span",{style:{backgroundColor:B,padding:"0.25rem 0.5rem",borderRadius:"0.25rem",fontSize:"0.875rem",display:"flex",alignItems:"center",gap:"0.25rem",flexShrink:0},children:[D.icon&&e.jsx("span",{style:{flexShrink:0},children:D.icon}),e.jsx("span",{style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:D.label})]},D.value)):e.jsx("span",{style:{color:A},children:u})}):e.jsxs("span",{style:{color:Ne?v:A,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"flex",alignItems:"center",gap:$},children:[Ne?.icon&&e.jsx("span",{style:{flexShrink:0},children:Ne.icon}),Ne?Ne.label:u]})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"0.5rem",marginLeft:"0.5rem",flexShrink:0},children:[z&&fe.length>0&&e.jsx("span",{onClick:Oe,style:{cursor:a?"not-allowed":"pointer",fontSize:"1rem",color:v,opacity:.7,display:"flex",alignItems:"center",justifyContent:"center"},"aria-label":"Clear selection",children:Z}),e.jsx("span",{style:{transition:`transform ${F}`,transform:ve?"rotate(180deg)":"rotate(0deg)",fontSize:"0.75rem",color:v,opacity:.7},children:de})]})]}),ve&&e.jsxs("div",{className:`dropdown-menu ${L}`,style:{position:"absolute",top:"100%",left:0,zIndex:1e3,width:"100%",minWidth:S,maxHeight:ne,overflowY:"auto",backgroundColor:y,border:`1px solid ${k}`,borderRadius:J,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 ${F}, transform ${F}`,opacity:0,transform:"translateY(-0.5rem)",animation:`dropdownFadeIn ${F} ease-out forwards`,...I},role:"listbox","aria-multiselectable":p,children:[d&&e.jsx("div",{style:{padding:"0.5rem",borderBottom:`1px solid ${k}`},children:e.jsx("input",{ref:Ae,type:"text",value:Re,onChange:D=>Me(D.target.value),placeholder:"Search...",style:{width:"100%",padding:"0.5rem 0.75rem",borderWidth:"1px",borderStyle:"solid",color:v,borderColor:ve?w:k,borderRadius:"0.25rem",outline:"none",transition:`border-color ${F}`,...ve&&{boxShadow:`0 0 0 1px ${w}`}},onFocus:ae,onBlur:X})}),e.jsx("ul",{style:{margin:0,padding:"0.25rem 0",listStyle:"none"},children:he.length>0?Ge.map((D,xe)=>{const ye=fe.includes(D.value),Ce=Ie===(C?le+xe:xe),ue=D.disabled;return e.jsxs("li",{ref:Je=>{if(Je){const it=C?le+xe:xe;Pe.current[it]=Je}},onClick:()=>!ue&&De(D.value),onMouseEnter:()=>!ue&&we(C?le+xe:xe),className:`dropdown-option ${G} ${ue?"disabled":""}`,style:{padding:Q,cursor:ue?"not-allowed":"pointer",backgroundColor:ye?B:Ce?M:y,color:ue?Y:v,display:"flex",alignItems:"center",gap:$,transition:`background-color ${F}`,...P},role:"option","aria-selected":ye,"aria-disabled":ue,children:[p&&e.jsx("span",{style:{flexShrink:0},children:ye?x:"○"}),D.icon&&e.jsx("span",{style:{flexShrink:0},children:D.icon}),e.jsx("span",{style:{flex:1},children:D.label})]},D.value)}):e.jsx("li",{style:{padding:Q,color:A,textAlign:"center"},children:"No options found"})}),C&&he.length>Ye&&e.jsx("div",{style:{height:`${(he.length-Ye)*j}px`}})]}),e.jsx("style",{children:`
+          @keyframes dropdownFadeIn {
+            to {
+              opacity: 1;
+              transform: translateY(0);
+            }
+          }
+        `})]})},no=({columns:t,data:s,className:c="",pagination:i=!0,rowsPerPage:u=5,colors:a={headerBg:"#3b82f6",headerText:"#ffffff",rowBg:"#ffffff",rowText:"#000000",borderColor:"#d1d5db",hoverBg:"#e5e7eb",paginationBg:"#d1d5db",paginationText:"#000000",evenRowBg:"#f9fafb",selectedRowBg:"#e0f2fe"},borderRadius:d={table:"8px",header:"8px",pagination:"6px"},sortable:p=!0,defaultSort:z,bodyAlign:C="left",headerAlign:j="left",rowSelection:h={enabled:!1},emptyState:m=e.jsx("div",{style:{padding:"20px",textAlign:"center"},children:"No data available"}),onRowClick:g,rowClassName:k,cellPadding:w="12px",headerCellPadding:_="12px",stickyHeader:y=!1,maxHeight:v,scrollShadow:A=!1})=>{const[M,B]=n.useState(z?.column||null),[Y,R]=n.useState(z?.direction||"asc"),[E,J]=n.useState(1),[H,Q]=n.useState(null),[$,F]=n.useState([]),ne=(x,V)=>{!p||!V||(M===x?R(Y==="asc"?"desc":"asc"):(B(x),R("asc")),J(1))},S=x=>{const V=$.some(W=>W.id===x.id);let f;V?f=$.filter(W=>W.id!==x.id):f=[...$,x],F(f),h.onSelect?.(f)},b=()=>{$.length===G.length?(F([]),h.onSelect?.([])):(F([...G]),h.onSelect?.([...G]))},L=n.useMemo(()=>M?[...s].sort((x,V)=>{const f=x[M],W=V[M];if(f==null&&W==null)return 0;if(f==null)return Y==="asc"?-1:1;if(W==null)return Y==="asc"?1:-1;if(typeof f=="number"&&typeof W=="number")return Y==="asc"?f-W:W-f;if(f instanceof Date&&W instanceof Date)return Y==="asc"?f.getTime()-W.getTime():W.getTime()-f.getTime();const ae=String(f).toLowerCase(),X=String(W).toLowerCase();return ae===X?0:Y==="asc"?ae>X?1:-1:ae<X?1:-1}):[...s],[s,M,Y]),G=i?L.slice((E-1)*u,E*u):L,K=Math.ceil(s.length/u),l=x=>$.some(V=>V.id===x.id),I=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"})}),P=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"})}),ee=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"})}),oe=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"})]}),q=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"})]}),Z=$.length===G.length&&G.length>0,de=$.length>0&&!Z;return e.jsxs("div",{style:{overflowX:"auto",width:"100%",maxHeight:v,position:"relative",boxShadow:A?"0 2px 4px rgba(0,0,0,0.1)":"none"},className:c,children:[e.jsxs("table",{style:{width:"100%",borderCollapse:"collapse",border:`1px solid ${a.borderColor}`,tableLayout:"auto",minWidth:"400px",borderRadius:d.table,borderSpacing:0,overflow:"hidden"},children:[e.jsx("thead",{children:e.jsxs("tr",{children:[h.enabled&&e.jsx("th",{style:{width:h.selectionColumnWidth||"40px",padding:_,backgroundColor:a.headerBg,color:a.headerText,border:`1px solid ${a.borderColor}`,position:y?"sticky":void 0,top:y?0:void 0,zIndex:y?1:void 0},children:e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer"},onClick:b,children:de?q:Z?oe: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:x,label:V,sortable:f,icon:W,width:ae,align:X,headerClassName:se},ce)=>e.jsx("th",{onClick:()=>ne(x,f),style:{width:ae,padding:_,border:`1px solid ${a.borderColor}`,cursor:p&&f?"pointer":"default",backgroundColor:a.headerBg,color:a.headerText,userSelect:"none",borderTopLeftRadius:ce===0&&!h.enabled?d.header:void 0,borderTopRightRadius:ce===t.length-1?d.header:void 0,textAlign:X||j,whiteSpace:"nowrap",position:y?"sticky":void 0,top:y?0:void 0,zIndex:y?1:void 0},className:se,"aria-sort":M===x?Y==="asc"?"ascending":"descending":void 0,role:p&&f?"button":void 0,tabIndex:p&&f?0:void 0,onKeyDown:fe=>{p&&f&&(fe.key==="Enter"||fe.key===" ")&&(fe.preventDefault(),ne(x,f))},children:e.jsxs("div",{style:{display:"inline-flex",alignItems:"center",gap:"6px",justifyContent:X==="right"?"flex-end":X==="center"?"center":"flex-start"},children:[W&&e.jsx("span",{children:W}),e.jsx("span",{children:V}),p&&f&&(M===x?Y==="asc"?I:P:ee)]})},x))]})}),e.jsx("tbody",{children:G.length>0?G.map((x,V)=>{const f=l(x),W=V%2===0;return e.jsxs("tr",{style:{backgroundColor:f?a.selectedRowBg:W&&a.evenRowBg||a.rowBg,color:a.rowText,transition:"background-color 0.2s ease-in-out",cursor:g?"pointer":"default"},onMouseEnter:()=>Q(V),onMouseLeave:()=>Q(null),onClick:()=>g?.(x,V),className:k?.(x,V),children:[h.enabled&&e.jsx("td",{style:{padding:w,border:`1px solid ${a.borderColor}`,textAlign:"center"},onClick:ae=>{ae.stopPropagation(),S(x)},children:f?oe: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:ae,align:X,render:se,cellClassName:ce})=>e.jsx("td",{style:{padding:w,border:`1px solid ${a.borderColor}`,whiteSpace:"nowrap",textAlign:X||C},className:ce,children:se?se(x[ae],x):x[ae]},ae))]},V)}):e.jsx("tr",{children:e.jsx("td",{colSpan:t.length+(h.enabled?1:0),style:{padding:"20px",textAlign:"center",border:`1px solid ${a.borderColor}`},children:m})})})]}),i&&K>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:a.paginationBg,color:a.paginationText,borderRadius:d.pagination,border:"none",opacity:E===1?.5:1,cursor:E===1?"not-allowed":"pointer",fontSize:"0.875rem"},disabled:E===1,onClick:()=>J(x=>Math.max(x-1,1)),"aria-label":"Previous page",type:"button",children:[e.jsx(Tt,{size:16}),"Prev"]}),e.jsx("div",{style:{display:"flex",gap:"4px"},children:Array.from({length:Math.min(5,K)},(x,V)=>{let f;return K<=5||E<=3?f=V+1:E>=K-2?f=K-4+V:f=E-2+V,e.jsx("button",{style:{padding:"6px 12px",backgroundColor:E===f?a.headerBg:a.paginationBg,color:E===f?a.headerText:a.paginationText,borderRadius:d.pagination,border:"none",cursor:"pointer",fontSize:"0.875rem",minWidth:"36px"},onClick:()=>J(f),"aria-label":`Page ${f}`,type:"button",children:f},f)})}),e.jsxs("button",{style:{display:"flex",alignItems:"center",gap:4,padding:"6px 12px",backgroundColor:a.paginationBg,color:a.paginationText,borderRadius:d.pagination,border:"none",opacity:E===K?.5:1,cursor:E===K?"not-allowed":"pointer",fontSize:"0.875rem"},disabled:E===K,onClick:()=>J(x=>Math.min(x+1,K)),"aria-label":"Next page",type:"button",children:["Next",e.jsx(Ct,{size:16})]})]})]})},oo=(t,s)=>{const{as:c,children:i,className:u="",style:a={},background:d="#fff",backgroundImage:p,backgroundSize:z="cover",backgroundPosition:C="center",backgroundRepeat:j="no-repeat",backgroundGradient:h,backgroundBlendMode:m,textColor:g="#000",hoverStyles:k={},activeStyles:w={},borderRadius:_=12,border:y="none",borderTop:v,borderRight:A,borderBottom:M,borderLeft:B,boxShadow:Y="0 4px 12px rgba(0,0,0,0.1)",hoverShadow:R,transition:E="all 0.2s ease",padding:J,paddingX:H,paddingY:Q,margin:$,marginX:F,marginY:ne,width:S,minWidth:b,maxWidth:L="100%",height:G,minHeight:K,maxHeight:l,display:I="flex",flexDirection:P="column",justifyContent:ee="flex-start",alignItems:oe="stretch",alignContent:q,flexWrap:Z,flex:de,gap:x=16,position:V,top:f,right:W,bottom:ae,left:X,zIndex:se,overflow:ce,overflowX:fe,overflowY:pe,cursor:ve,pointerEvents:ke,userSelect:Re,transform:Me,transformOrigin:Ie,backdropFilter:we,filter:Se,opacity:Ae,visibility:Pe,...he}=t,me=c||"div",De={background:h?`${h}${d?`, ${d}`:""}`:d,color:g,...p?{backgroundImage:`url(${p})`,backgroundSize:z,backgroundPosition:C,backgroundRepeat:j}:{},backgroundBlendMode:m,borderRadius:_,boxShadow:Y,transition:E,...J?{padding:J}:{paddingTop:Q,paddingBottom:Q,paddingLeft:H,paddingRight:H},...$?{margin:$}:{marginTop:ne,marginBottom:ne,marginLeft:F,marginRight:F},width:S,minWidth:b,maxWidth:L,height:G,minHeight:K,maxHeight:l,display:I,flexDirection:P,justifyContent:ee,alignItems:oe,alignContent:q,flexWrap:Z,flex:de,gap:x,position:V,top:f,right:W,bottom:ae,left:X,zIndex:se,overflow:ce,overflowX:fe,overflowY:pe,cursor:ve,pointerEvents:ke,userSelect:Re,transform:Me,transformOrigin:Ie,backdropFilter:we,filter:Se,opacity:Ae,visibility:Pe,border:y,...v&&{borderTop:v},...A&&{borderRight:A},...M&&{borderBottom:M},...B&&{borderLeft:B},boxSizing:"border-box"},Oe={"--hover-shadow":R,"--hover-styles":JSON.stringify(k),"--active-styles":JSON.stringify(w)};return e.jsx(me,{ref:s,className:`card ${u}`,style:{...De,...Oe,...a},...he,children:i})},so=n.forwardRef(oo),ao=Object.assign(so,{displayName:"Card"}),Ht=t=>t<768?"sm":t<1024?"md":"lg",io=({columns:t={sm:1,md:2,lg:3},gap:s="16px",padding:c="20px",alignItems:i="stretch",justifyItems:u="stretch",backgroundColor:a="transparent",width:d="100%",maxWidth:p="100%",height:z="auto",children:C,style:j})=>{const[h,m]=n.useState(Ht(window.innerWidth));n.useEffect(()=>{const w=()=>m(Ht(window.innerWidth));return window.addEventListener("resize",w),()=>window.removeEventListener("resize",w)},[]);const g=n.useMemo(()=>typeof t=="number"?t:t[h]??1,[t,h]),k=n.useMemo(()=>({display:"grid",gridTemplateColumns:`repeat(${g}, 1fr)`,gap:s,padding:c,alignItems:i,justifyItems:u,backgroundColor:a,width:d,maxWidth:p,height:z,boxSizing:"border-box",...j}),[g,s,c,i,u,a,d,p,z,j]);return e.jsx("div",{style:k,children:C})},qt=t=>t<768?"sm":t<1024?"md":"lg",lo=({direction:t="row",align:s="center",justify:c="space-between",gap:i=16,padding:u=20,backgroundColor:a="transparent",width:d="100%",maxWidth:p="100%",height:z="auto",style:C,children:j})=>{const[h,m]=n.useState(qt(window.innerWidth));n.useEffect(()=>{const w=()=>m(qt(window.innerWidth));return window.addEventListener("resize",w),()=>window.removeEventListener("resize",w)},[]);const g=n.useMemo(()=>typeof t=="string"?t:t[h]??"row",[t,h]),k=n.useMemo(()=>({display:"flex",flexDirection:g,alignItems:s,justifyContent:c,gap:typeof i=="number"?`${i}px`:i,padding:typeof u=="number"?`${u}px`:u,backgroundColor:a,width:d,maxWidth:p,height:z,boxSizing:"border-box",...C}),[g,s,c,i,u,a,d,p,z,C]);return e.jsx("div",{style:k,children:j})},co={success:{bg:"#ecfdf5",border:"#34d399",iconColor:"#059669",Icon:e.jsx(Kr,{size:20})},error:{bg:"#fef2f2",border:"#f87171",iconColor:"#dc2626",Icon:e.jsx(Jr,{size:20})},warning:{bg:"#fffbeb",border:"#facc15",iconColor:"#d97706",Icon:e.jsx(Bn,{size:20})},info:{bg:"#eff6ff",border:"#3b82f6",iconColor:"#2563eb",Icon:e.jsx(fn,{size:20})}},uo=t=>{const s={position:"fixed",zIndex:9999};switch(t){case"top-left":return{...s,top:"20px",left:"20px"};case"top-center":return{...s,top:"20px",left:"50%",transform:"translateX(-50%)"};case"top-right":return{...s,top:"20px",right:"20px"};case"bottom-left":return{...s,bottom:"20px",left:"20px"};case"bottom-center":return{...s,bottom:"20px",left:"50%",transform:"translateX(-50%)"};case"bottom-right":default:return{...s,bottom:"20px",right:"20px"}}},po=({title:t="",description:s="",type:c="info",dismissible:i=!0,onClose:u,duration:a,icon:d,actionButton:p,position:z="top-right",className:C,style:j})=>{const[h,m]=n.useState(!0);if(n.useEffect(()=>{if(a){const v=setTimeout(()=>{m(!1),u?.()},a);return()=>clearTimeout(v)}},[a,u]),!h)return null;const{bg:g,border:k,iconColor:w,Icon:_}=co[c],y=uo(z);return e.jsxs("div",{className:C,style:{...y,display:"flex",gap:"12px",padding:"16px",backgroundColor:g,borderLeft:`4px solid ${k}`,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)",...j},children:[e.jsx("div",{style:{color:w,marginTop:"3px"},children:d||_}),e.jsxs("div",{style:{flex:1},children:[t&&e.jsx("div",{style:{fontWeight:"600",marginBottom:"4px"},children:t}),s&&e.jsx("div",{style:{fontSize:"14px",color:"#374151"},children:s}),p&&e.jsx("div",{style:{marginTop:"10px"},children:p})]}),i&&e.jsx("button",{onClick:()=>{m(!1),u?.()},style:{background:"transparent",border:"none",color:"#6b7280",cursor:"pointer",marginLeft:"8px"},children:e.jsx(at,{size:16})}),e.jsx("style",{children:`
           @keyframes slideIn {
             from { opacity: 0; transform: translateY(-10px); }
             to { opacity: 1; transform: translateY(0); }
           }
-        `})]})},ht=({text:t,color:n="#2563eb",textColor:a="#fff",borderColor:o="#2563eb",icon:l,iconPosition:s="left",rounded:i=!1,borderRadius:p,borderWidth:m="0",fontSize:b="14px",fontWeight:g=500,horizontalPadding:c="10px",verticalPadding:x="6px",margin:f="0",shadow:d="0 1px 4px rgba(0, 0, 0, 0.1)",notificationDot:u=!1,dotColor:S="#ef4444",count:y,pulse:T=!1,style:I,onClick:L})=>{const O={display:"inline-flex",alignItems:"center",justifyContent:"center",backgroundColor:n,border:`${m} solid ${o}`,borderRadius:p||(i?"9999px":"6px"),padding:`${x} ${c}`,fontSize:b,fontWeight:g,margin:f,boxShadow:d,position:"relative",cursor:L?"pointer":"default",...I},k={color:a,display:"inline"},E={display:"flex",alignItems:"center",color:a},A={...E,marginRight:t?"6px":"0px"},B={...E,marginLeft:t?"6px":"0px"},z={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},_={position:"absolute",top:"-4px",right:"-4px",height:"8px",width:"8px",backgroundColor:S,borderRadius:"50%",zIndex:1,animation:T?"pulseAnim 1.2s infinite":void 0};return e.jsxs("span",{style:O,onClick:L,children:[u&&e.jsx("span",{style:_}),typeof y<"u"&&e.jsx("span",{style:z,children:y}),l&&s==="left"&&e.jsx("span",{style:A,children:l}),t&&e.jsx("span",{style:k,children:t}),l&&s==="right"&&e.jsx("span",{style:B,children:l}),e.jsx("style",{children:`
+        `})]})},xo=({text:t,color:s="#2563eb",textColor:c="#fff",borderColor:i="#2563eb",icon:u,iconPosition:a="left",rounded:d=!1,borderRadius:p,borderWidth:z="0",fontSize:C="14px",fontWeight:j=500,horizontalPadding:h="10px",verticalPadding:m="6px",margin:g="0",shadow:k="0 1px 4px rgba(0, 0, 0, 0.1)",notificationDot:w=!1,dotColor:_="#ef4444",count:y,pulse:v=!1,style:A,onClick:M})=>{const B={display:"inline-flex",alignItems:"center",justifyContent:"center",backgroundColor:s,border:`${z} solid ${i}`,borderRadius:p||(d?"9999px":"6px"),padding:`${m} ${h}`,fontSize:C,fontWeight:j,margin:g,boxShadow:k,position:"relative",cursor:M?"pointer":"default",...A},Y={color:c,display:"inline"},R={display:"flex",alignItems:"center",color:c},E={...R,marginRight:t?"6px":"0px"},J={...R,marginLeft:t?"6px":"0px"},H={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},Q={position:"absolute",top:"-4px",right:"-4px",height:"8px",width:"8px",backgroundColor:_,borderRadius:"50%",zIndex:1,animation:v?"pulseAnim 1.2s infinite":void 0};return e.jsxs("span",{style:B,onClick:M,children:[w&&e.jsx("span",{style:Q}),typeof y<"u"&&e.jsx("span",{style:H,children:y}),u&&a==="left"&&e.jsx("span",{style:E,children:u}),t&&e.jsx("span",{style:Y,children:t}),u&&a==="right"&&e.jsx("span",{style:J,children:u}),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; }
           }
-        `})]})},mt=({src:t,alt:n="User Avatar",size:a="medium",className:o=""})=>{const l={small:"w-8 h-8",medium:"w-12 h-12",large:"w-16 h-16"};return e.jsx("img",{src:t,alt:n,className:`rounded-full object-cover ${l[a]} ${o}`})},gt=({avatars:t,size:n="medium",maxVisible:a=3,className:o=""})=>{const l={small:"w-8 h-8",medium:"w-12 h-12",large:"w-16 h-16"};return e.jsxs("div",{className:"flex -space-x-2",children:[t.slice(0,a).map((s,i)=>e.jsx("img",{src:s,className:`rounded-full border-2 border-white object-cover ${l[n]} ${o}`},i)),t.length>a&&e.jsxs("span",{className:`rounded-full border-2 border-white bg-gray-500 text-white flex items-center justify-center ${l[n]}`,children:["+",t.length-a]})]})},bt=({src:t,alt:n="User Avatar",status:a="online",size:o="medium",className:l=""})=>{const[s,i]=h.useState(!1),p={small:{size:"w-8 h-8",statusSize:"w-2 h-2"},medium:{size:"w-12 h-12",statusSize:"w-3 h-3"},large:{size:"w-16 h-16",statusSize:"w-4 h-4"}},m={online:"bg-green-500",offline:"bg-gray-400",away:"bg-yellow-500",busy:"bg-red-500"};return e.jsxs("div",{className:`relative inline-block ${p[o].size}`,children:[t&&!s?e.jsx("img",{src:t,alt:n,"aria-label":n,className:`rounded-full object-cover ${p[o].size} ${l}`,onError:()=>i(!0)}):e.jsx("svg",{"aria-label":"Placeholder for user avatar",className:`rounded-full bg-gray-300 text-gray-500 dark:bg-gray-600 dark:text-gray-400 ${p[o].size}`,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("path",{fillRule:"evenodd",d:"M12 12a5 5 0 100-10 5 5 0 000 10zm-7 9c0-3 3-5 7-5s7 2 7 5v1H5v-1z",clipRule:"evenodd"})}),e.jsx("span",{className:`z-[1000] w-full h-full absolute bottom-0 right-0 border-2 border-white rounded-full ${m[a]} ${p[o].statusSize}`})]})};exports.Accordion=st;exports.Alert=ft;exports.AudioPlayer=rt;exports.Avatar=mt;exports.AvatarGroup=gt;exports.AvatarWithStatus=bt;exports.Badge=ht;exports.Button=ve;exports.CheckRadio=ot;exports.Container=nt;exports.Drawer=lt;exports.DrawerButton=at;exports.Dropdown=it;exports.Flexbox=ut;exports.GridView=dt;exports.Image=je;exports.Input=Je;exports.LeftTabs=Qe;exports.List=Ze;exports.RightTabs=et;exports.Table=ct;exports.Text=we;exports.TopTabs=Ke;exports.VideoPlayer=tt;
+        `})]})},fo=({isOpen:t,onClose:s,children:c,overlayStyle:i,modalStyle:u,closeButtonStyle:a})=>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:s,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)",...u},onClick:d=>d.stopPropagation(),children:[e.jsx("button",{onClick:s,"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",...a},onMouseEnter:d=>d.currentTarget.style.color="#000",onMouseLeave:d=>d.currentTarget.style.color="#444",children:e.jsx(at,{size:24})}),c]})}):null,nr={xs:24,sm:32,md:40,lg:48,xl:56,"2xl":64},ho={xs:6,sm:8,md:10,lg:12,xl:14,"2xl":16},or={xs:10,sm:12,md:14,lg:16,xl:18,"2xl":20},sr=t=>{switch(t){case"square":return"0px";case"rounded":return"8px";case"circular":default:return"50%"}},go=(t,s)=>{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}}},bo=(t,s)=>{switch(t){case"tight":return-(s*.5);case"loose":return-(s*.15);case"normal":default:return-(s*.35)}},ar=({src:t,alt:s="User Avatar",size:c="md",variant:i="circular",isOnline:u=!1,isOffline:a=!1,className:d="",style:p,statusClassName:z="",statusStyle:C,statusPosition:j="bottom-right",fallback:h,ring:m=!1,ringColor:g="#3b82f6",onClick:k})=>{const[w,_]=n.useState(!1),[y,v]=n.useState(!1),A=nr[c],M=ho[c],B=or[c],Y=sr(i),R=h||s.split(" ").map(F=>F[0]).join("").toUpperCase().slice(0,2);let E="",J="";u?(E="#10b981",J="Online"):a&&(E="#6b7280",J="Offline");const H=u||a,Q=t&&!w,$=!!k;return e.jsxs("div",{style:{position:"relative",width:A,height:A,borderRadius:Y,overflow:"visible",display:"inline-block",flexShrink:0,cursor:$?"pointer":"default",transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",transform:y&&$?"scale(1.05)":"scale(1)",boxShadow:m?`0 0 0 3px ${g}20, 0 0 0 1px ${g}`:y&&$?"0 8px 25px -8px rgba(0, 0, 0, 0.3)":"0 1px 3px rgba(0, 0, 0, 0.1)",...p},className:d,"aria-label":s,role:$?"button":"img",tabIndex:$?0:-1,onClick:k,onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),onKeyDown:F=>{$&&(F.key==="Enter"||F.key===" ")&&(F.preventDefault(),k?.())},children:[Q?e.jsx("div",{style:{borderRadius:Y,overflow:"hidden",width:"100%",height:"100%"},children:e.jsx("img",{src:t,alt:s,width:A,height:A,loading:"lazy",onError:()=>_(!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:B,fontWeight:"600",borderRadius:Y,position:"relative"},children:R?e.jsx("span",{style:{userSelect:"none"},children:R}):e.jsx(Wn,{size:A*.5,strokeWidth:1.5})}),H&&e.jsx("div",{className:z,style:{position:"absolute",width:M,height:M,borderRadius:"50%",backgroundColor:E,border:"2px solid white",boxShadow:"0 1px 3px rgba(0, 0, 0, 0.12)",...go(j),...C},"aria-label":J,title:J})]})},yo=({avatars:t,max:s=4,size:c="md",className:i="",style:u,spacing:a="normal",direction:d="left"})=>{const p=nr[c],z=or[c],C=t.slice(0,s),j=t.length-s,h=bo(a,p);return e.jsxs("div",{style:{display:"flex",alignItems:"center",flexDirection:d==="right"?"row-reverse":"row",...u},className:i,"aria-label":`Avatar group with ${t.length} members`,role:"group",children:[C.map((m,g)=>{const k=d==="left"?g===0:g===C.length-1,w=d==="left"?C.length-g:g+1;return e.jsx("div",{style:{marginLeft:d==="left"&&!k?h:0,marginRight:d==="right"&&!k?h:0,position:"relative",zIndex:w,transition:"transform 0.2s cubic-bezier(0.4, 0, 0.2, 1)"},className:"group-hover:translate-x-1",onMouseEnter:_=>{const y=_.currentTarget;y.style.transform=`translateY(-2px) ${d==="right"?"translateX(4px)":"translateX(-4px)"}`,y.style.zIndex="100"},onMouseLeave:_=>{const y=_.currentTarget;y.style.transform="translateY(0) translateX(0)",y.style.zIndex=w.toString()},children:e.jsx("div",{style:{border:"3px solid white",borderRadius:sr(m.variant||"circular"),boxShadow:"0 2px 8px rgba(0, 0, 0, 0.15)"},children:e.jsx(ar,{...m,size:c,style:{boxShadow:"none"}})})},g)}),j>0&&e.jsxs("div",{style:{marginLeft:d==="left"?h:0,marginRight:d==="right"?h:0,width:p,height:p,borderRadius:"50%",background:"linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%)",color:"#374151",fontSize:z*.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":`${j} more members`,title:`${j} more members`,onMouseEnter:m=>{const g=m.currentTarget;g.style.transform="translateY(-2px) scale(1.05)",g.style.background="linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%)"},onMouseLeave:m=>{const g=m.currentTarget;g.style.transform="translateY(0) scale(1)",g.style.background="linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%)"},children:["+",j]})]})},mo=[{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 vo({tracks:t=mo,className:s="",galleryTitle:c="Audio Gallery",primaryColor:i="#8b5cf6",backgroundColor:u="#0f0f23",textColor:a="#e4e4e7",secondaryColor:d="#1a1a2e",border:p=0,borderColor:z,maxWidth:C=420,autoplay:j=!1,loop:h=!1}){const[m,g]=n.useState(null),[k,w]=n.useState(!1),[_,y]=n.useState(0),[v,A]=n.useState(0),[M,B]=n.useState(.7),[Y,R]=n.useState(!1),[E,J]=n.useState(h),[H,Q]=n.useState(!1),[$,F]=n.useState(!1),[ne,S]=n.useState(!1),b=n.useRef(null),L=n.useRef(null),G=n.useRef(null);n.useEffect(()=>{b.current&&(b.current.volume=M)},[M]),n.useEffect(()=>{b.current&&(b.current.loop=E)},[E]),n.useEffect(()=>{m===null&&b.current&&(b.current.pause(),w(!1),y(0),A(0))},[m]);const K=f=>{if(m===f){if(!b.current)return;b.current.paused?(b.current.play().catch(()=>{}),w(!0)):(b.current.pause(),w(!1))}else g(f),setTimeout(()=>{b.current&&(b.current.play().catch(()=>{}),w(!0))},100)},l=()=>{b.current&&(y(b.current.currentTime),b.current.duration&&A(b.current.duration))},I=f=>{if(!b.current||!v)return;const W=f.currentTarget.getBoundingClientRect(),se=(f.clientX-W.left)/W.width*v;b.current.currentTime=se,y(se)},P=f=>{const W=f.currentTarget.getBoundingClientRect(),X=(f.clientX-W.left)/W.width,se=Math.max(0,Math.min(1,X));B(se)},ee=f=>{if(b.current&&v){let W=b.current.currentTime+f;W=Math.min(Math.max(W,0),v),b.current.currentTime=W,y(W)}},oe=()=>{if(m===null)return;let f;H?f=Math.floor(Math.random()*t.length):f=(m+1)%t.length,K(f)},q=()=>{if(m===null)return;let f;H?f=Math.floor(Math.random()*t.length):f=(m-1+t.length)%t.length,K(f)},Z=()=>{B(f=>f>0?0:.7)},de=()=>{S(!0),G.current&&clearTimeout(G.current),G.current=setTimeout(()=>{S(!1)},3e3)},x=f=>{if(isNaN(f))return"0:00";const W=Math.floor(f/60),ae=Math.floor(f%60);return`${W}:${ae<10?"0":""}${ae}`},V=m!==null?t[m]:null;return e.jsxs("div",{className:s,style:{maxWidth:`${C}px`,margin:"20px auto",background:`linear-gradient(145deg, ${u}, ${d})`,color:a,borderRadius:"24px",padding:"24px 16px",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",userSelect:"none",backdropFilter:"blur(20px)",border:`${p}px solid ${z}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}, ${d})`,display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(Ut,{size:20,color:"white"})}),e.jsxs("div",{children:[e.jsx("h2",{style:{margin:0,fontSize:"1.25rem",fontWeight:"700",color:i},children:c}),e.jsxs("p",{style:{margin:0,fontSize:"0.875rem",opacity:.7},children:[t.length," tracks"]})]})]}),e.jsx("button",{onClick:()=>Q(!H),style:{background:H?i:"transparent",border:"none",borderRadius:"12px",padding:"8px",cursor:"pointer",transition:"all 0.3s ease",opacity:H?1:.6},"aria-label":"Toggle Shuffle",children:e.jsx(_n,{size:18,color:H?"white":a})})]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"8px",marginBottom:"20px",maxHeight:"240px",overflowY:"auto",paddingRight:"4px"},children:t.map((f,W)=>{const ae=m===W,X=ae&&k;return e.jsxs("div",{onClick:()=>K(W),style:{display:"flex",alignItems:"center",padding:"12px 16px",borderRadius:"16px",background:ae?`linear-gradient(135deg, ${i}20, ${i}10)`:"rgba(255,255,255,0.05)",border:ae?`1px solid ${i}40`:"1px solid transparent",cursor:"pointer",transition:"all 0.3s ease",backdropFilter:ae?"blur(20px)":"none"},children:[e.jsxs("div",{style:{width:"48px",height:"48px",borderRadius:"12px",background:f.thumbnail?`url(${f.thumbnail}) center/cover`:i,display:"flex",alignItems:"center",justifyContent:"center",marginRight:"12px",position:"relative",overflow:"hidden"},children:[!f.thumbnail&&e.jsx(Ut,{size:20,color:"white"}),X&&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(se=>e.jsx("div",{style:{width:"3px",background:"white",borderRadius:"2px",animation:`equalizer 1s ease-in-out infinite ${se*.2}s`,height:"12px"}},se))})})]}),e.jsxs("div",{style:{flex:1,minWidth:0},children:[e.jsx("div",{style:{fontWeight:"600",fontSize:"0.95rem",color:ae?i:a,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:f.title}),f.artist&&e.jsx("div",{style:{fontSize:"0.8rem",opacity:.7,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:f.artist})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[f.duration&&e.jsx("span",{style:{fontSize:"0.8rem",opacity:.6},children:f.duration}),e.jsx("div",{style:{width:"32px",height:"32px",borderRadius:"8px",background:ae?i:"rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.3s ease"},children:X?e.jsx(ot,{size:16,color:"white"}):e.jsx(He,{size:16,color:"white"})})]})]},W)})}),V&&e.jsxs("div",{ref:L,style:{background:`linear-gradient(135deg, ${d}, ${u})`,borderRadius:"20px",padding:"20px",border:`1px solid ${i}40`,backdropFilter:"blur(20px)",position:"relative",overflow:"hidden"},children:[V.thumbnail&&e.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundImage:`url(${V.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:V.title}),V.artist&&e.jsx("p",{style:{margin:0,opacity:.7,fontSize:"0.9rem"},children:V.artist})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"20px",marginBottom:"20px"},children:[e.jsx("button",{onClick:q,style:We(a,"rgba(255,255,255,0.1)"),"aria-label":"Previous Track",children:e.jsx(ut,{size:20})}),e.jsxs("button",{onClick:()=>ee(-10),style:We(a,"rgba(255,255,255,0.1)"),"aria-label":"Skip back 10 seconds",children:[e.jsx(ut,{size:16}),e.jsx("span",{style:{fontSize:"0.7rem",marginLeft:"2px"},children:"10"})]}),e.jsx("button",{onClick:()=>{b.current&&(k?(b.current.pause(),w(!1)):(b.current.play().catch(()=>{}),w(!0)))},style:{...We("#fff",i),width:"60px",height:"60px",borderRadius:"50%",boxShadow:`0 8px 25px ${i}40`},"aria-label":k?"Pause":"Play",children:k?e.jsx(ot,{size:24}):e.jsx(He,{size:24})}),e.jsxs("button",{onClick:()=>ee(10),style:We(a,"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(pt,{size:16})]}),e.jsx("button",{onClick:oe,style:We(a,"rgba(255,255,255,0.1)"),"aria-label":"Next Track",children:e.jsx(pt,{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:x(_)}),e.jsx("span",{children:x(v)})]}),e.jsx("div",{onClick:I,style:{height:"6px",background:"rgba(255,255,255,0.2)",borderRadius:"3px",cursor:"pointer",position:"relative",overflow:"hidden"},children:e.jsx("div",{style:{width:`${_/v*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:()=>F(!$),style:We($?"#ec4899":a,"rgba(255,255,255,0.1)"),"aria-label":"Like",children:e.jsx(nt,{size:16,fill:$?"#ec4899":"none"})}),e.jsx("button",{onClick:()=>J(!E),style:We(E?i:a,"rgba(255,255,255,0.1)"),"aria-label":"Toggle Loop",children:e.jsx(Mt,{size:16})})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",position:"relative"},children:[ne&&e.jsx("div",{onClick:P,style:{width:"80px",height:"4px",background:"rgba(255,255,255,0.2)",borderRadius:"2px",cursor:"pointer",position:"relative"},children:e.jsx("div",{style:{width:`${M*100}%`,height:"100%",background:i,borderRadius:"2px"}})}),e.jsx("button",{onClick:Z,onMouseEnter:de,style:We(a,"rgba(255,255,255,0.1)"),"aria-label":M>0?"Mute":"Unmute",children:M>0?e.jsx(xt,{size:16}):e.jsx(st,{size:16})})]})]})]}),e.jsx("audio",{ref:b,src:V.src,autoPlay:j,loop:E,onTimeUpdate:l,onEnded:()=>{w(!1),E||oe()},onLoadedMetadata:l,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 We(t,s){return{border:"none",backgroundColor:s,color:t,cursor:"pointer",padding:"10px",borderRadius:"12px",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.3s ease",backdropFilter:"blur(10px)"}}const kt={primary:"#3b82f6",secondary:"#6366f1",accent:"#f59e0b",background:"#0f172a",surface:"#1e293b",text:"#f8fafc",textSecondary:"#94a3b8",textTertiary:"#64748b",border:"#334155",shadow:"0 10px 25px rgba(0,0,0,0.3)",hoverShadow:"0 15px 30px rgba(0,0,0,0.4)",gradient:"linear-gradient(135deg, #667eea 0%, #764ba2 100%)",borderRadius:"0px 0px 12px 12px",borderRadiusSmall:"6px",borderRadiusLarge:"16px",transitionSpeed:"0.3s",transitionEasing:"ease",fontFamily:"inherit",fontSizeBase:"16px",fontWeightNormal:"400",fontWeightBold:"600",spacingUnit:"16px",backdropBlur:"8px",overlayOpacity:"0.7"},wo={xs:1,sm:2,md:3,lg:4,xl:5,"2xl":6,"3xl":7},ko=({videos:t,layout:s="grid",columns:c=wo,gap:i="16px",aspectRatio:u="16:9",theme:a=kt,showThumbnails:d=!0,showMetadata:p=!0,metadataPosition:z="below",showControls:C=!0,controlsPosition:j="bottom",showProgress:h=!0,showVolume:m=!0,showQualityOptions:g=!1,showSpeedOptions:k=!1,autoPlay:w=!1,autoPlayDelay:_=2e3,autoAdvance:y=!1,autoAdvanceDelay:v=5e3,loop:A=!1,muted:M=!0,preload:B="metadata",lazyLoading:Y=!0,infiniteScroll:R=!1,loadMoreThreshold:E=1e3,lightbox:J=!0,lightboxAnimation:H="zoom",lightboxTransitionSpeed:Q=300,keyboard:$=!0,swipeGestures:F=!0,title:ne="Video Gallery",description:S="A collection of videos",ariaLabel:b="Video gallery",structured:L=!0,search:G=!0,searchPlaceholder:K="Search videos...",filter:l=!0,sort:I=!0,sortOptions:P=["date","title","views","likes","duration"],playlist:ee=!1,fullscreen:oe=!0,pictureInPicture:q=!1,sharing:Z=!0,download:de=!1,favorites:x=!0,customLoader:V,customEmptyState:f,customErrorState:W,onVideoClick:ae,onVideoEnd:X,onVideoPlay:se,onVideoPause:ce,onVideoLike:fe,onVideoShare:pe,onVideoDownload:ve,onLayoutChange:ke,onSearch:Re,onFilter:Me,onSort:Ie,className:we="",containerClassName:Se="",videoItemClassName:Ae="",controlsClassName:Pe=""})=>{const[he,me]=n.useState(null),[De,Oe]=n.useState(!1),[qe,Ne]=n.useState({width:1024,height:768}),[je,le]=n.useState(""),[Te,Ye]=n.useState("all"),[Ee,Ge]=n.useState("date"),[D,xe]=n.useState(new Set),[ye,Ce]=n.useState(12),[ue,Je]=n.useState(s),[it,It]=n.useState("auto"),[Qe,ft]=n.useState(1),[O,ge]=n.useState(null),Be=n.useRef(null),$e=n.useRef(null),o=n.useMemo(()=>({...kt,hoverShadow:a.hoverShadow??kt.hoverShadow,...a}),[a]),ir=n.useCallback(()=>{const{width:r}=qe;return r<480?c.xs??1:r<640?c.sm??2:r<768?c.md??3:r<1024?c.lg??4:r<1280?c.xl??5:r<1536?c["2xl"]??6:c["3xl"]??7},[qe,c]);n.useEffect(()=>{const r=()=>{Ne({width:window.innerWidth,height:window.innerHeight})};return r(),window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)},[]);const ht=n.useMemo(()=>{try{let r=[...t];return je&&(r=r.filter(T=>T.title?.toLowerCase().includes(je.toLowerCase())||T.description?.toLowerCase().includes(je.toLowerCase())||T.tags?.some(ie=>ie.toLowerCase().includes(je.toLowerCase()))||T.author?.toLowerCase().includes(je.toLowerCase())),Re?.(je)),Te!=="all"&&(r=r.filter(T=>T.category===Te),Me?.(Te)),r.sort((T,ie)=>{switch(Ee){case"title":return(T.title||"").localeCompare(ie.title||"");case"views":return(ie.views||0)-(T.views||0);case"likes":return(ie.likes||0)-(T.likes||0);case"duration":return(ie.duration||0)-(T.duration||0);case"random":return Math.random()-.5;case"trending":const N=(T.views||0)/((T.likes||0)+1)*(T.publishDate?new Date(T.publishDate).getTime():0);return(ie.views||0)/((ie.likes||0)+1)*(ie.publishDate?new Date(ie.publishDate).getTime():0)-N;case"date":default:return new Date(ie.publishDate||"").getTime()-new Date(T.publishDate||"").getTime()}}),Ie?.(Ee),R?r.slice(0,ye):r}catch(r){return ge("Error filtering videos"),console.error(r),[]}},[t,je,Te,Ee,R,ye]),Et=n.useMemo(()=>{const r=t.map(T=>T.category).filter(T=>!!T);return["all",...Array.from(new Set(r))]},[t]);n.useEffect(()=>{if(!$||he===null)return;const r=T=>{switch(T.key){case"Escape":me(null);break;case"ArrowLeft":T.preventDefault(),me(ie=>ie!==null?(ie-1+t.length)%t.length:null);break;case"ArrowRight":T.preventDefault(),me(ie=>ie!==null?(ie+1)%t.length:null);break;case" ":T.preventDefault();break;case"m":T.preventDefault();break;case"f":T.preventDefault();break}};return document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[$,he,t.length]),n.useEffect(()=>{if(!F||!$e.current||he===null)return;let r=0,T=0,ie=0,N=0;const U=Le=>{r=Le.changedTouches[0].screenX,T=Le.changedTouches[0].screenY},ze=Le=>{ie=Le.changedTouches[0].screenX,N=Le.changedTouches[0].screenY;const Ke=r-ie,Fe=T-N;Math.abs(Ke)>50&&Math.abs(Fe)<50&&(Ke>0?me(Ue=>Ue!==null?(Ue+1)%t.length:null):me(Ue=>Ue!==null?(Ue-1+t.length)%t.length:null))},Ve=$e.current;return Ve.addEventListener("touchstart",U),Ve.addEventListener("touchend",ze),()=>{Ve.removeEventListener("touchstart",U),Ve.removeEventListener("touchend",ze)}},[F,he,t.length]),n.useEffect(()=>{if(!R)return;const r=()=>{window.innerHeight+window.scrollY>=document.body.offsetHeight-E&&Ce(T=>Math.min(T+12,t.length))};return window.addEventListener("scroll",r),()=>window.removeEventListener("scroll",r)},[R,t.length,E]);const lr=()=>{if(!L)return null;const r={"@context":"https://schema.org","@type":"VideoGallery",name:ne,description:S,video:t.map(T=>({"@type":"VideoObject",name:T.title,description:T.description,thumbnailUrl:T.poster||T.thumbnail,contentUrl:T.src,uploadDate:T.publishDate,duration:T.duration?`PT${T.duration}S`:void 0,author:{"@type":"Person",name:T.author},interactionStatistic:[{"@type":"InteractionCounter",interactionType:"https://schema.org/WatchAction",userInteractionCount:T.views||0},{"@type":"InteractionCounter",interactionType:"https://schema.org/LikeAction",userInteractionCount:T.likes||0}]}))};return e.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(r)}})},gt=r=>{Je(r),ke?.(r)},Lt=r=>{xe(T=>{const ie=new Set(T);if(ie.has(r)){ie.delete(r);const N=t.find(U=>U.id===r);N&&fe?.(N,!1)}else{ie.add(r);const N=t.find(U=>U.id===r);N&&fe?.(N,!0)}return ie})},cr=r=>{navigator.share?navigator.share({title:r.title,text:r.description,url:r.src}).catch(()=>{navigator.clipboard?.writeText(r.src)}):navigator.clipboard?.writeText(r.src),pe?.(r)},dr=r=>{const T=document.createElement("a");T.href=r.src,T.download=r.title||"video",T.click(),ve?.(r)},bt=r=>{if(!r||isNaN(r))return"0:00";const T=Math.floor(r/3600),ie=Math.floor(r%3600/60),N=Math.floor(r%60);return T>0?`${T}:${ie.toString().padStart(2,"0")}:${N.toString().padStart(2,"0")}`:`${ie}:${N.toString().padStart(2,"0")}`},_t=({video:r,isLightbox:T=!1,onClick:ie})=>{const N=n.useRef(null),U=n.useRef(null),[ze,Ve]=n.useState(!1),[Le,Ke]=n.useState(0),[Fe,Ue]=n.useState(0),[lt,At]=n.useState(.7),[Xe,yt]=n.useState(M),[ct,hr]=n.useState(!1),[gr,Pt]=n.useState(!1),[Nt,Ze]=n.useState(!0),[mt,br]=n.useState(!1),[yr,mr]=n.useState(0),[vr,wr]=n.useState(0),[So,To]=n.useState(!1),[Co,zo]=n.useState(!1),[vt,Bt]=n.useState(!1);n.useEffect(()=>{const te=()=>{br(window.innerWidth<768)};return te(),window.addEventListener("resize",te),()=>window.removeEventListener("resize",te)},[]),n.useEffect(()=>{let te;return ze?(Ze(!0),te=setTimeout(()=>{Ze(!1)},2e3)):Ze(!0),()=>clearTimeout(te)},[ze,Le]);const wt=n.useCallback(()=>{N.current&&(ze?(N.current.pause(),ce?.(r,t.findIndex(te=>te.id===r.id))):(N.current.play(),se?.(r,t.findIndex(te=>te.id===r.id))),Ve(!ze))},[ze,r]),Ft=()=>{N.current&&(Ke(N.current.currentTime),N.current.duration&&Ue(N.current.duration))},kr=te=>{if(!N.current||!Fe)return;const _e=te.currentTarget.getBoundingClientRect(),et=(te.clientX-_e.left)/_e.width*Fe;N.current.currentTime=et,Ke(et)},jr=()=>{N.current?.parentElement&&(ct?document.exitFullscreen?.():N.current.parentElement.requestFullscreen?.(),hr(!ct))},Sr=()=>{N.current&&(Xe?(yt(!1),N.current.muted=!1,lt===0&&At(.5)):(yt(!0),N.current.muted=!0))},Tr=te=>{N.current&&(N.current.playbackRate=te,ft(te)),Bt(!1)},Cr=te=>{mr(te.touches[0].clientX),wr(te.touches[0].clientY),Ze(!0)},zr=te=>{const _e=te.changedTouches[0].clientX,Wt=te.changedTouches[0].clientY,et=yr-_e,$r=vr-Wt;Math.abs(et)>50&&Math.abs($r)<50?et>0?N.current&&(N.current.currentTime+=10):N.current&&(N.current.currentTime-=10):wt()},Rr=()=>u==="auto"||u==="custom"?{}:{paddingBottom:{"16:9":"56.25%","4:3":"75%","1:1":"100%","3:2":"66.67%","21:9":"42.86%","9:16":"177.78%"}[u]},Mr=()=>{const te={padding:o.spacingUnit,color:o.text};switch(z){case"overlay":return{...te,position:"absolute",bottom:0,left:0,right:0,background:`linear-gradient(to top, rgba(0,0,0,${o.overlayOpacity}), transparent)`};case"hover":return{...te,position:"absolute",bottom:0,left:0,right:0,opacity:0,transition:`opacity ${o.transitionSpeed} ${o.transitionEasing}`,background:`linear-gradient(to top, rgba(0,0,0,${o.overlayOpacity}), transparent)`};default:return te}};return e.jsxs("div",{style:{position:"relative",overflow:"hidden",backgroundColor:o.surface,borderRadius:o.borderRadius,boxShadow:o.shadow,border:`1px solid ${o.border}`,cursor:ie?"pointer":"default",height:"100%"},onTouchStart:mt?Cr:void 0,onTouchEnd:mt?zr:void 0,onMouseMove:()=>Ze(!0),className:Ae,children:[e.jsxs("div",{style:{position:"relative",width:"100%",...Rr()},children:[d&&e.jsx("video",{ref:N,src:r.src,poster:r.poster||r.thumbnail,preload:B,loop:A,muted:Xe,onTimeUpdate:Ft,onLoadedMetadata:Ft,onWaiting:()=>Pt(!0),onCanPlay:()=>Pt(!1),onEnded:()=>{Ve(!1),X?.(r,t.findIndex(te=>te.id===r.id))},style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:u==="auto"?o.borderRadius:`${o.borderRadius} ${o.borderRadius} 0 0`,...u==="auto"?{aspectRatio:"16/9"}:{position:"absolute",top:0,left:0}}}),he===null&&!ze&&e.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0, 0, 0, 0.3)",cursor:"pointer",backdropFilter:`blur(${o.backdropBlur})`},onClick:ie||wt,children:gr?V||e.jsx("div",{style:{animation:"spin 1s linear infinite"},children:e.jsx(Qt,{size:48,color:o.primary})}):e.jsx("div",{style:{backgroundColor:`${o.primary}33`,backdropFilter:"blur(4px)",borderRadius:"50%",padding:"16px"},children:e.jsx(He,{size:32,color:o.text,fill:o.text})})}),r.duration&&e.jsx("div",{style:{position:"absolute",bottom:"8px",right:"8px",padding:"4px 8px",fontSize:"12px",fontWeight:o.fontWeightBold,borderRadius:o.borderRadiusSmall,backgroundColor:o.background+"CC",color:o.text,backdropFilter:`blur(${o.backdropBlur})`},children:bt(r.duration)}),x&&e.jsx("button",{onClick:te=>{te.stopPropagation(),Lt(r.id)},style:{position:"absolute",top:"8px",right:"8px",padding:"8px",borderRadius:"50%",backgroundColor:"rgba(0, 0, 0, 0.5)",border:"none",cursor:"pointer",backdropFilter:`blur(${o.backdropBlur})`},"aria-label":D.has(r.id)?"Unlike video":"Like video",children:e.jsx(nt,{size:16,color:D.has(r.id)?o.accent:o.text,fill:D.has(r.id)?o.accent:"none"})})]}),T&&Nt&&e.jsxs("div",{ref:U,style:{position:"absolute",bottom:0,left:0,right:0,padding:o.spacingUnit,background:"linear-gradient(to top, rgba(0,0,0,0.8), transparent)",borderRadius:`0 0 ${o.borderRadius} ${o.borderRadius}`,backdropFilter:`blur(${o.backdropBlur})`,transition:`opacity ${o.transitionSpeed} ease`,opacity:Nt?1:0},className:Pe,children:[h&&e.jsx("div",{onClick:kr,style:{height:"4px",backgroundColor:"rgba(255, 255, 255, 0.3)",borderRadius:o.borderRadiusSmall,cursor:"pointer",position:"relative",marginBottom:"12px"},children:e.jsx("div",{style:{height:"100%",borderRadius:o.borderRadiusSmall,width:`${Le/Fe*100||0}%`,backgroundColor:o.primary}})}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsx("button",{onClick:wt,style:{padding:"8px",borderRadius:"50%",backgroundColor:o.primary,border:"none",cursor:"pointer"},"aria-label":ze?"Pause":"Play",children:ze?e.jsx(ot,{size:20,color:o.text}):e.jsx(He,{size:20,color:o.text})}),m&&e.jsxs(e.Fragment,{children:[e.jsx("button",{onClick:Sr,style:{padding:"6px",borderRadius:"50%",backgroundColor:"transparent",border:"none",cursor:"pointer"},"aria-label":Xe?"Unmute":"Mute",children:Xe?e.jsx(st,{size:18,color:o.text}):e.jsx(xt,{size:18,color:o.text})}),!mt&&e.jsx("input",{type:"range",min:"0",max:"1",step:"0.1",value:Xe?0:lt,onChange:te=>{const _e=parseFloat(te.target.value);At(_e),N.current&&(N.current.volume=_e,_e>0&&yt(!1))},style:{width:"80px",height:"4px",borderRadius:"2px",background:`linear-gradient(to right, ${o.primary} 0%, ${o.primary} ${(Xe?0:lt)*100}%, rgba(255,255,255,0.3) ${(Xe?0:lt)*100}%, rgba(255,255,255,0.3) 100%)`},"aria-label":"Volume control"})]}),e.jsxs("span",{style:{fontSize:"14px",color:o.text,minWidth:"40px"},children:[bt(Le)," / ",bt(Fe)]})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[k&&e.jsxs("div",{style:{position:"relative"},children:[e.jsxs("button",{onClick:()=>Bt(!vt),style:{padding:"6px 10px",borderRadius:o.borderRadiusSmall,backgroundColor:vt?"rgba(255, 255, 255, 0.2)":"transparent",border:"none",color:o.text,cursor:"pointer",fontSize:"14px"},"aria-label":"Playback speed",children:[Qe,"x"]}),vt&&e.jsx("div",{style:{position:"absolute",bottom:"100%",right:0,backgroundColor:o.surface,borderRadius:o.borderRadiusSmall,padding:"8px",boxShadow:o.shadow,zIndex:10,minWidth:"80px"},children:[.5,.75,1,1.25,1.5,2].map(te=>e.jsxs("button",{onClick:()=>Tr(te),style:{width:"100%",padding:"6px 10px",backgroundColor:Qe===te?o.primary+"33":"transparent",border:"none",color:o.text,cursor:"pointer"},children:[te,"x"]},te))})]}),oe&&e.jsx("button",{onClick:jr,style:{padding:"6px",borderRadius:"50%",backgroundColor:"transparent",border:"none",cursor:"pointer"},"aria-label":ct?"Exit fullscreen":"Enter fullscreen",children:ct?e.jsx(Rt,{size:18,color:o.text}):e.jsx(zt,{size:18,color:o.text})})]})]})]}),p&&e.jsxs("div",{style:Mr(),children:[r.title&&e.jsx("h3",{style:{color:o.text,fontWeight:o.fontWeightBold,fontSize:"14px",margin:"0 0 8px 0",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:r.title}),r.description&&z!=="hover"&&e.jsx("p",{style:{color:o.textSecondary,fontSize:"12px",margin:"0 0 8px 0",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:r.description}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",fontSize:"12px",color:o.textSecondary},children:[e.jsxs("div",{style:{display:"flex",gap:"12px"},children:[r.views&&e.jsxs("span",{style:{display:"flex",alignItems:"center",gap:"4px"},children:[e.jsx(St,{size:12})," ",r.views.toLocaleString()]}),r.likes&&e.jsxs("span",{style:{display:"flex",alignItems:"center",gap:"4px"},children:[e.jsx(nt,{size:12})," ",r.likes.toLocaleString()]})]}),r.publishDate&&e.jsxs("span",{style:{display:"flex",alignItems:"center",gap:"4px"},children:[e.jsx(Vr,{size:12})," ",new Date(r.publishDate).toLocaleDateString()]})]}),r.tags&&r.tags.length>0&&e.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:"4px",marginTop:"8px"},children:r.tags.slice(0,3).map((te,_e)=>e.jsxs("span",{style:{padding:"4px 8px",fontSize:"12px",borderRadius:"16px",backgroundColor:o.primary+"33",color:o.primary},children:["#",te]},_e))})]}),!T&&h&&ze&&Fe>0&&e.jsx("div",{style:{position:"absolute",bottom:0,left:0,height:"4px",width:`${Le/Fe*100}%`,backgroundColor:o.primary}})]})},ur=()=>{if(he===null||!J)return null;const r=t[he];if(!r)return null;const T=()=>{me(U=>U!==null?(U-1+t.length)%t.length:null)},ie=()=>{me(U=>U!==null?(U+1)%t.length:null)},N=window.innerWidth<768;return e.jsxs("div",{ref:$e,style:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.95)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:9999,padding:"20px"},onClick:U=>{U.target===U.currentTarget&&me(null)},children:[e.jsx("button",{onClick:()=>me(null),style:{position:"absolute",top:"20px",right:"20px",padding:"12px",borderRadius:"50%",backgroundColor:"rgba(0, 0, 0, 0.7)",border:"none",cursor:"pointer",transition:"all 0.3s ease",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e4},onMouseEnter:U=>{U.currentTarget.style.backgroundColor="rgba(0, 0, 0, 0.9)",U.currentTarget.style.transform="scale(1.1)"},onMouseLeave:U=>{U.currentTarget.style.backgroundColor="rgba(0, 0, 0, 0.7)",U.currentTarget.style.transform="scale(1)"},"aria-label":"Close lightbox",children:e.jsx(at,{size:24,color:"white"})}),t.length>1&&e.jsxs(e.Fragment,{children:[e.jsx("button",{onClick:T,style:{position:"absolute",left:"20px",top:"50%",transform:"translateY(-50%)",padding:"12px",borderRadius:"50%",backgroundColor:"rgba(0, 0, 0, 0.7)",border:"none",cursor:"pointer",transition:"all 0.3s ease",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e4},onMouseEnter:U=>{U.currentTarget.style.backgroundColor="rgba(0, 0, 0, 0.9)",U.currentTarget.style.transform="translateY(-50%) scale(1.1)"},onMouseLeave:U=>{U.currentTarget.style.backgroundColor="rgba(0, 0, 0, 0.7)",U.currentTarget.style.transform="translateY(-50%) scale(1)"},"aria-label":"Previous video",children:e.jsx(Tt,{size:24,color:"white"})}),e.jsx("button",{onClick:ie,style:{position:"absolute",right:"20px",top:"50%",transform:"translateY(-50%)",padding:"12px",borderRadius:"50%",backgroundColor:"rgba(0, 0, 0, 0.7)",border:"none",cursor:"pointer",transition:"all 0.3s ease",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e4},onMouseEnter:U=>{U.currentTarget.style.backgroundColor="rgba(0, 0, 0, 0.9)",U.currentTarget.style.transform="translateY(-50%) scale(1.1)"},onMouseLeave:U=>{U.currentTarget.style.backgroundColor="rgba(0, 0, 0, 0.7)",U.currentTarget.style.transform="translateY(-50%) scale(1)"},"aria-label":"Next video",children:e.jsx(Ct,{size:24,color:"white"})})]}),e.jsxs("div",{style:{position:"relative",width:"100%",maxWidth:"90vw",maxHeight:"90vh",display:"flex",flexDirection:"column",gap:"20px"},children:[e.jsxs("div",{style:{position:"absolute",top:0,left:0,right:0,padding:"16px",background:"linear-gradient(to bottom, rgba(0,0,0,0.8), transparent)",display:"flex",justifyContent:"space-between",alignItems:"flex-start",zIndex:1e3},children:[e.jsxs("div",{style:{flex:1,minWidth:0},children:[e.jsx("h2",{style:{color:"white",fontSize:N?"18px":"20px",fontWeight:"bold",margin:"0 0 4px 0",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:r.title}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"16px",color:"rgb(209, 213, 219)",fontSize:N?"12px":"14px"},children:[r.views&&e.jsxs("span",{style:{display:"flex",alignItems:"center",gap:"4px"},children:[e.jsx(St,{size:N?12:14})," ",r.views.toLocaleString()," views"]}),r.likes&&e.jsxs("span",{style:{display:"flex",alignItems:"center",gap:"4px"},children:[e.jsx(nt,{size:N?12:14})," ",r.likes.toLocaleString()," likes"]})]})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:N?"8px":"12px"},children:[x&&e.jsxs("button",{onClick:()=>Lt(r.id),style:{padding:N?"6px":"8px",borderRadius:"50%",backgroundColor:"transparent",border:"none",cursor:"pointer",transition:"background-color 0.3s ease",display:"flex",flexDirection:"column",alignItems:"center"},onMouseEnter:U=>{U.currentTarget.style.backgroundColor="rgba(255, 255, 255, 0.1)"},onMouseLeave:U=>{U.currentTarget.style.backgroundColor="transparent"},"aria-label":D.has(r.id)?"Unlike video":"Like video",children:[e.jsx(nt,{size:N?18:20,color:D.has(r.id)?o.accent:"white",fill:D.has(r.id)?o.accent:"none"}),N&&e.jsx("span",{style:{fontSize:"10px",color:"white",marginTop:"2px"},children:D.has(r.id)?"Liked":"Like"})]}),de&&e.jsxs("button",{onClick:()=>dr(r),style:{padding:N?"6px":"8px",borderRadius:"50%",backgroundColor:"transparent",border:"none",cursor:"pointer",transition:"background-color 0.3s ease",display:"flex",flexDirection:"column",alignItems:"center"},onMouseEnter:U=>{U.currentTarget.style.backgroundColor="rgba(255, 255, 255, 0.1)"},onMouseLeave:U=>{U.currentTarget.style.backgroundColor="transparent"},"aria-label":"Download video",children:[e.jsx(Jt,{size:N?18:20,color:"white"}),N&&e.jsx("span",{style:{fontSize:"10px",color:"white",marginTop:"2px"},children:"Download"})]}),Z&&e.jsxs("button",{onClick:()=>cr(r),style:{padding:N?"6px":"8px",borderRadius:"50%",backgroundColor:"transparent",border:"none",cursor:"pointer",transition:"background-color 0.3s ease",display:"flex",flexDirection:"column",alignItems:"center"},onMouseEnter:U=>{U.currentTarget.style.backgroundColor="rgba(255, 255, 255, 0.1)"},onMouseLeave:U=>{U.currentTarget.style.backgroundColor="transparent"},"aria-label":"Share video",children:[e.jsx(Kt,{size:N?18:20,color:"white"}),N&&e.jsx("span",{style:{fontSize:"10px",color:"white",marginTop:"2px"},children:"Share"})]})]})]}),e.jsx(_t,{video:r,isLightbox:!0})]})]})},pr=()=>{const r=ir(),T=typeof i=="string"?i:o.spacingUnit;switch(ue){case"grid":return{display:"grid",gridTemplateColumns:`repeat(${r}, 1fr)`,gap:T};case"masonry":return{columnCount:r,columnGap:T};case"list":return{display:"flex",flexDirection:"column",gap:T};case"carousel":return{display:"grid",gridAutoFlow:"column",gridAutoColumns:`calc(100% / ${r})`,gap:T,overflowX:"auto",scrollSnapType:"x mandatory",scrollbarWidth:"none",msOverflowStyle:"none","&::-webkit-scrollbar":{display:"none"}};case"mosaic":return{display:"grid",gridTemplateColumns:`repeat(${r}, 1fr)`,gridTemplateRows:"masonry",gap:T};case"compact":return{display:"grid",gridTemplateColumns:`repeat(${r*2}, 1fr)`,gap:T};case"highlight":return{display:"grid",gridTemplateColumns:`repeat(${r-1}, 1fr) 2fr`,gap:T};default:return{display:"grid",gridTemplateColumns:`repeat(${r}, 1fr)`,gap:T}}},xr=()=>f||e.jsxs("div",{style:{textAlign:"center",padding:"60px 20px",color:o.textSecondary},children:[e.jsx("div",{style:{fontSize:"48px",marginBottom:"16px",opacity:.5},children:"🎥"}),e.jsx("h3",{style:{color:o.text,fontSize:"20px",margin:"0 0 8px 0"},children:"No videos found"}),e.jsx("p",{style:{fontSize:"16px",margin:0},children:je||Te!=="all"?"Try adjusting your search or filter criteria.":"No videos available in this gallery."})]}),fr=()=>W||e.jsxs("div",{style:{textAlign:"center",padding:"60px 20px",color:o.textSecondary},children:[e.jsx("div",{style:{fontSize:"48px",marginBottom:"16px",opacity:.5},children:"⚠️"}),e.jsx("h3",{style:{color:o.text,fontSize:"20px",margin:"0 0 8px 0"},children:"Error loading videos"}),e.jsx("p",{style:{fontSize:"16px",margin:0},children:O||"An unknown error occurred while loading the videos."}),e.jsx("button",{onClick:()=>window.location.reload(),style:{marginTop:"16px",padding:"8px 16px",borderRadius:o.borderRadiusSmall,backgroundColor:o.primary,color:o.text,border:"none",cursor:"pointer",transition:`all ${o.transitionSpeed} ${o.transitionEasing}`},onMouseEnter:r=>{r.currentTarget.style.transform="scale(1.05)"},onMouseLeave:r=>{r.currentTarget.style.transform="scale(1)"},children:"Try Again"})]});return e.jsxs("div",{ref:Be,className:`${we} ${Se}`,style:{backgroundColor:o.background,minHeight:"100vh",padding:o.spacingUnit,fontFamily:o.fontFamily,fontSize:o.fontSizeBase,color:o.text},"aria-label":b,children:[lr(),e.jsxs("div",{style:{marginBottom:o.spacingUnit},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:o.spacingUnit},children:[e.jsxs("div",{children:[e.jsx("h1",{style:{color:o.text,fontSize:"32px",fontWeight:o.fontWeightBold,margin:"0 0 8px 0"},children:ne}),S&&e.jsx("p",{style:{color:o.textSecondary,fontSize:"16px",margin:"0 0 24px 0",lineHeight:"1.6"},children:S})]}),e.jsxs("div",{style:{display:"flex",gap:"8px"},children:[e.jsx("button",{onClick:()=>gt("grid"),style:{padding:"8px",borderRadius:o.borderRadiusSmall,backgroundColor:ue==="grid"?o.primary:"transparent",border:"none",cursor:"pointer",transition:`all ${o.transitionSpeed} ${o.transitionEasing}`},onMouseEnter:r=>{ue!=="grid"&&(r.currentTarget.style.backgroundColor=o.primary+"33")},onMouseLeave:r=>{ue!=="grid"&&(r.currentTarget.style.backgroundColor="transparent")},"aria-label":"Grid layout",children:e.jsx(un,{size:20,color:ue==="grid"?o.text:o.textSecondary})}),e.jsx("button",{onClick:()=>gt("masonry"),style:{padding:"8px",borderRadius:o.borderRadiusSmall,backgroundColor:ue==="masonry"?o.primary:"transparent",border:"none",cursor:"pointer",transition:`all ${o.transitionSpeed} ${o.transitionEasing}`},onMouseEnter:r=>{ue!=="masonry"&&(r.currentTarget.style.backgroundColor=o.primary+"33")},onMouseLeave:r=>{ue!=="masonry"&&(r.currentTarget.style.backgroundColor="transparent")},"aria-label":"Masonry layout",children:e.jsx(en,{size:20,color:ue==="masonry"?o.text:o.textSecondary})}),e.jsx("button",{onClick:()=>gt("list"),style:{padding:"8px",borderRadius:o.borderRadiusSmall,backgroundColor:ue==="list"?o.primary:"transparent",border:"none",cursor:"pointer",transition:`all ${o.transitionSpeed} ${o.transitionEasing}`},onMouseEnter:r=>{ue!=="list"&&(r.currentTarget.style.backgroundColor=o.primary+"33")},onMouseLeave:r=>{ue!=="list"&&(r.currentTarget.style.backgroundColor="transparent")},"aria-label":"List layout",children:e.jsx(gn,{size:20,color:ue==="list"?o.text:o.textSecondary})})]})]}),e.jsxs("div",{style:{display:"flex",flexWrap:"wrap",gap:o.spacingUnit,alignItems:"center",justifyContent:"space-between"},children:[e.jsxs("div",{style:{display:"flex",gap:o.spacingUnit,alignItems:"center",flex:1},children:[G&&e.jsxs("div",{style:{position:"relative",flex:1,maxWidth:"400px"},children:[e.jsx("input",{type:"text",placeholder:K,value:je,onChange:r=>le(r.target.value),style:{width:"100%",padding:"10px 16px 10px 40px",borderRadius:o.borderRadius,border:`1px solid ${o.border}`,backgroundColor:o.surface,color:o.text,fontSize:o.fontSizeBase,transition:`all ${o.transitionSpeed} ${o.transitionEasing}`,outline:"none"},onFocus:r=>{r.currentTarget.style.borderColor=o.primary||"none"},onBlur:r=>{r.currentTarget.style.borderColor=o.border||"none"},"aria-label":"Search videos"}),e.jsx(Mn,{size:18,color:o.textSecondary,style:{position:"absolute",left:"12px",top:"50%",transform:"translateY(-50%)"}})]}),l&&Et.length>1&&e.jsxs("div",{style:{position:"relative"},children:[e.jsx("select",{value:Te,onChange:r=>Ye(r.target.value),style:{padding:"10px 36px 10px 16px",borderRadius:o.borderRadius,border:`1px solid ${o.border}`,backgroundColor:o.surface,color:o.text,fontSize:o.fontSizeBase,appearance:"none",cursor:"pointer",transition:`all ${o.transitionSpeed} ${o.transitionEasing}`,outline:"none"},onFocus:r=>{r.currentTarget.style.borderColor=o.primary||"none"},onBlur:r=>{r.currentTarget.style.borderColor=o.border||"none"},"aria-label":"Filter videos by category",children:Et.map(r=>e.jsx("option",{value:r,style:{backgroundColor:o.surface,color:o.text},children:r.charAt(0).toUpperCase()+r.slice(1)},r))}),e.jsx(cn,{size:16,color:o.textSecondary,style:{position:"absolute",right:"12px",top:"50%",transform:"translateY(-50%)",pointerEvents:"none"}})]}),I&&P&&P.length>0&&e.jsxs("div",{style:{position:"relative"},children:[e.jsx("select",{value:Ee,onChange:r=>Ge(r.target.value),style:{padding:"10px 36px 10px 16px",borderRadius:o.borderRadius,border:`1px solid ${o.border}`,backgroundColor:o.surface,color:o.text,fontSize:o.fontSizeBase,appearance:"none",cursor:"pointer",transition:`all ${o.transitionSpeed} ${o.transitionEasing}`,outline:"none"},onFocus:r=>{r.currentTarget.style.borderColor=o.primary||"none"},onBlur:r=>{r.currentTarget.style.borderColor=o.border||"none"},"aria-label":"Sort videos",children:P.map(r=>e.jsx("option",{value:r,style:{backgroundColor:o.surface,color:o.text},children:r.charAt(0).toUpperCase()+r.slice(1)},r))}),e.jsx(Or,{size:16,color:o.textSecondary,style:{position:"absolute",right:"12px",top:"50%",transform:"translateY(-50%)",pointerEvents:"none"}})]})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",color:o.textSecondary,fontSize:"14px"},children:[e.jsx(an,{size:16}),e.jsxs("span",{children:["Showing ",ht.length," of ",t.length," videos"]})]})]})]}),O?e.jsx(fr,{}):ht.length===0?e.jsx(xr,{}):e.jsx("div",{style:pr(),className:Se,children:ht.map((r,T)=>e.jsx("div",{style:{breakInside:ue==="masonry"?"avoid":void 0,pageBreakInside:ue==="masonry"?"avoid":void 0},children:e.jsx(_t,{video:r,onClick:()=>{me(T),ae?.(r,T)}})},r.id))}),e.jsx(ur,{}),R&&ye<t.length&&e.jsx("div",{style:{display:"flex",justifyContent:"center",marginTop:o.spacingUnit},children:e.jsxs("button",{onClick:()=>Ce(r=>Math.min(r+12,t.length)),style:{padding:"12px 24px",borderRadius:o.borderRadius,backgroundColor:o.primary,color:o.text,border:"none",cursor:"pointer",fontSize:"16px",fontWeight:o.fontWeightBold,display:"flex",alignItems:"center",gap:"8px",transition:`all ${o.transitionSpeed} ${o.transitionEasing}`},onMouseEnter:r=>{r.currentTarget.style.transform="translateY(-2px)",r.currentTarget.style.boxShadow=o.hoverShadow||"none"},onMouseLeave:r=>{r.currentTarget.style.transform="translateY(0)",r.currentTarget.style.boxShadow="none"},"aria-label":"Load more videos",children:[e.jsx(Cn,{size:18}),"Load More Videos"]})})]})},jo=({images:t,columns:s=3,gap:c="10px",layout:i="grid",lightbox:u=!0,className:a=""})=>{const[d,p]=n.useState(null),[z,C]=n.useState(typeof s=="number"?s:s.default||3),[j,h]=n.useState(null),[m,g]=n.useState(0);n.useEffect(()=>{const y=()=>{if(typeof s=="number")C(s);else{const v=window.innerWidth;v<640&&s.sm?C(s.sm):v<1024&&s.md?C(s.md):v<1280&&s.lg?C(s.lg):v>=1280&&s.xl?C(s.xl):C(s.default||3)}};return y(),window.addEventListener("resize",y),()=>window.removeEventListener("resize",y)},[s]);const k=()=>p(null),w=y=>{y.stopPropagation(),d!==null&&(h("prev"),p(v=>(v-1+t.length)%t.length),g(v=>v+1))},_=y=>{y.stopPropagation(),d!==null&&(h("next"),p(v=>(v+1)%t.length),g(v=>v+1))};return e.jsxs("div",{style:{width:"100%"},className:a,children:[e.jsx("div",{style:{display:"grid",gridTemplateColumns:`repeat(${z}, 1fr)`,gap:c,gridAutoFlow:i==="masonry"?"dense":"row"},children:t.map((y,v)=>e.jsx("div",{style:{position:"relative",overflow:"hidden",borderRadius:"8px",cursor:u?"pointer":"default"},onClick:()=>{p(v),h(null)},children:e.jsx(jt,{src:y.src,alt:y.alt||"Gallery Image",lazyLoad:!0,hoverScale:1.05,transitionDuration:"0.3s",style:{display:"block",width:"100%",height:"auto"}})},v))}),u&&d!==null&&e.jsxs("div",{onClick:k,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:y=>y.stopPropagation(),children:[e.jsx("button",{onClick:w,"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(Tt,{size:24})}),e.jsx("div",{style:{animation:j==="next"?"slideInFromRight 0.4s ease":j==="prev"?"slideInFromLeft 0.4s ease":"fadeIn 0.3s ease"},children:e.jsx(jt,{src:t[d].src,alt:t[d].alt||"Preview",lazyLoad:!0,style:{maxWidth:"100%",maxHeight:"100%",objectFit:"contain"}})},m),e.jsx("button",{onClick:_,"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(Ct,{size:24})})]}),e.jsx("button",{onClick:k,"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(at,{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=Kn;exports.Alert=po;exports.AudioGallery=vo;exports.AudioPlayer=Jn;exports.Avatar=ar;exports.AvatarGroup=yo;exports.Badge=xo;exports.Button=Ar;exports.Card=ao;exports.CheckRadio=Zn;exports.Container=Qn;exports.Drawer=to;exports.DrawerButton=eo;exports.Dropdown=ro;exports.Flexbox=lo;exports.GridView=io;exports.Image=jt;exports.ImageGallery=jo;exports.Input=Xn;exports.LeftTabs=er;exports.List=Hn;exports.Modal=fo;exports.RightTabs=rr;exports.Table=no;exports.Tabs=qn;exports.Text=_r;exports.TopTabs=tr;exports.VideoGallery=ko;exports.VideoPlayer=Gn;