@neuctra/ui 0.1.0 → 0.2.0

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 a=require("react");var ae={exports:{}},Q={};/**
  * @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 ke;function Ye(){if(ke)return Q;ke=1;var t=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function o(i,l,s){var c=null;if(s!==void 0&&(c=""+s),l.key!==void 0&&(c=""+l.key),"key"in l){s={};for(var f in l)f!=="key"&&(s[f]=l[f])}else s=l;return l=s.ref,{$$typeof:t,type:i,key:c,ref:l!==void 0?l:null,props:s}}return Q.Fragment=n,Q.jsx=o,Q.jsxs=o,Q}var ee={};/**
  * @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 Se;function Ve(){return Se||(Se=1,process.env.NODE_ENV!=="production"&&function(){function t(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===I?null:r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case m:return"Fragment";case R:return"Profiler";case C:return"StrictMode";case T:return"Suspense";case S:return"SuspenseList";case Y:return"Activity"}if(typeof r=="object")switch(typeof r.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),r.$$typeof){case w:return"Portal";case $:return(r.displayName||"Context")+".Provider";case z:return(r._context.displayName||"Context")+".Consumer";case b:var k=r.render;return r=r.displayName,r||(r=k.displayName||k.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case y:return k=r.displayName||null,k!==null?k:t(r.type)||"Memo";case F:k=r._payload,r=r._init;try{return t(r(k))}catch{}}return null}function n(r){return""+r}function o(r){try{n(r);var k=!1}catch{k=!0}if(k){k=console;var P=k.error,V=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return P.call(k,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",V),n(r)}}function i(r){if(r===m)return"<>";if(typeof r=="object"&&r!==null&&r.$$typeof===F)return"<...>";try{var k=t(r);return k?"<"+k+">":"<...>"}catch{return"<...>"}}function l(){var r=E.A;return r===null?null:r.getOwner()}function s(){return Error("react-stack-top-frame")}function c(r){if(L.call(r,"key")){var k=Object.getOwnPropertyDescriptor(r,"key").get;if(k&&k.isReactWarning)return!1}return r.key!==void 0}function f(r,k){function P(){g||(g=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",k))}P.isReactWarning=!0,Object.defineProperty(r,"key",{get:P,configurable:!0})}function x(){var r=t(this.type);return j[r]||(j[r]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),r=this.props.ref,r!==void 0?r:null}function v(r,k,P,V,D,A,W,q){return P=A.ref,r={$$typeof:p,type:r,key:k,props:A,_owner:D},(P!==void 0?P:null)!==null?Object.defineProperty(r,"ref",{enumerable:!1,get:x}):Object.defineProperty(r,"ref",{enumerable:!1,value:null}),r._store={},Object.defineProperty(r._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(r,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(r,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:W}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function d(r,k,P,V,D,A,W,q){var _=k.children;if(_!==void 0)if(V)if(U(_)){for(V=0;V<_.length;V++)u(_[V]);Object.freeze&&Object.freeze(_)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else u(_);if(L.call(k,"key")){_=t(r);var X=Object.keys(k).filter(function(se){return se!=="key"});V=0<X.length?"{key: someKey, "+X.join(": ..., ")+": ...}":"{key: someKey}",B[_+V]||(X=0<X.length?"{"+X.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   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} />`,V,_,X,_),B[_+V]=!0)}if(_=null,P!==void 0&&(o(P),_=""+P),c(k)&&(o(k.key),_=""+k.key),"key"in k){P={};for(var J in k)J!=="key"&&(P[J]=k[J])}else P=k;return _&&f(P,typeof r=="function"?r.displayName||r.name||"Unknown":r),v(r,_,A,D,l(),P,W,q)}function u(r){typeof r=="object"&&r!==null&&r.$$typeof===p&&r._store&&(r._store.validated=1)}var h=a,p=Symbol.for("react.transitional.element"),w=Symbol.for("react.portal"),m=Symbol.for("react.fragment"),C=Symbol.for("react.strict_mode"),R=Symbol.for("react.profiler"),z=Symbol.for("react.consumer"),$=Symbol.for("react.context"),b=Symbol.for("react.forward_ref"),T=Symbol.for("react.suspense"),S=Symbol.for("react.suspense_list"),y=Symbol.for("react.memo"),F=Symbol.for("react.lazy"),Y=Symbol.for("react.activity"),I=Symbol.for("react.client.reference"),E=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,L=Object.prototype.hasOwnProperty,U=Array.isArray,O=console.createTask?console.createTask:function(){return null};h={react_stack_bottom_frame:function(r){return r()}};var g,j={},N=h.react_stack_bottom_frame.bind(h,s)(),M=O(i(s)),B={};ee.Fragment=m,ee.jsx=function(r,k,P,V,D){var A=1e4>E.recentlyCreatedOwnerStacks++;return d(r,k,P,!1,V,D,A?Error("react-stack-top-frame"):N,A?O(i(r)):M)},ee.jsxs=function(r,k,P,V,D){var A=1e4>E.recentlyCreatedOwnerStacks++;return d(r,k,P,!0,V,D,A?Error("react-stack-top-frame"):N,A?O(i(r)):M)}}()),ee}var Te;function Ue(){return Te||(Te=1,process.env.NODE_ENV==="production"?ae.exports=Ye():ae.exports=Ve()),ae.exports}var e=Ue();const He=({as:t="p",children:n,className:o="",href:i,target:l,rel:s,color:c="#333",bgColor:f,fontSize:x="16px",fontWeight:v="normal",textAlign:d="left",textTransform:u="none",lineHeight:h="normal",letterSpacing:p="normal",maxWidth:w,padding:m,margin:C,borderRadius:R,boxShadow:z,shadowColor:$="rgba(0,0,0,0.1)",wordBreak:b="normal",italic:T=!1,bold:S=!1,underline:y=!1,strikethrough:F=!1,selectable:Y=!0,truncate:I=!1,hoverColor:E,hoverBgColor:L,hoverTextDecoration:U,activeColor:O,activeBgColor:g,transitionDuration:j="0.25s",onClick:N})=>{const M=a.useMemo(()=>{const A=[];return y&&A.push("underline"),F&&A.push("line-through"),A.join(" ")||"none"},[y,F]),B={color:c,backgroundColor:f||"transparent",fontSize:x,fontWeight:S?"bold":v,textAlign:d,textTransform:u,lineHeight:h,letterSpacing:p,maxWidth:w,padding:m,margin:C,borderRadius:R,textDecoration:M,fontStyle:T?"italic":"normal",wordBreak:b,boxShadow:z||($?`0 1px 4px ${$}`:void 0),cursor:N||i?"pointer":"default",userSelect:Y?"text":"none",transition:`all ${j} ease-in-out`,overflow:I?"hidden":void 0,whiteSpace:I?"nowrap":void 0,textOverflow:I?"ellipsis":void 0},D={className:o,style:B,onClick:N,onMouseEnter:A=>{const W=A.currentTarget;E&&(W.style.color=E),L&&(W.style.backgroundColor=L),U&&(W.style.textDecoration=U)},onMouseLeave:A=>{const W=A.currentTarget;W.style.color=c,W.style.backgroundColor=f||"transparent",W.style.textDecoration=M},onMouseDown:A=>{const W=A.currentTarget;O&&(W.style.color=O),g&&(W.style.backgroundColor=g)},onMouseUp:A=>{const W=A.currentTarget;W.style.color=E||c,W.style.backgroundColor=L||f||"transparent"}};return t==="a"||i?e.jsx("a",{...D,href:i,target:l,rel:s||(l==="_blank"?"noopener noreferrer":void 0),children:n}):e.jsx(t,{...D,children:n})},be=({src:t,alt:n="Image",width:o="100%",height:i="auto",borderRadius:l="8px",borderColor:s="transparent",borderStyle:c="solid",borderWidth:f="0px",shadow:x=!1,boxShadow:v,opacity:d=1,objectFit:u="cover",overlayText:h,overlayColor:p="rgba(0, 0, 0, 0.5)",svgIcon:w,responsive:m=!1,padding:C,margin:R,lazyLoad:z=!1,hoverOpacity:$,hoverShadow:b=!1,hoverScale:T,hoverRotate:S,transitionDuration:y="0.3s",overflow:F="hidden",className:Y,style:I,onClick:E})=>{const L={width:m?"100%":o,height:m?"100%":i,borderRadius:l,border:`${f} ${c} ${s}`,objectFit:u,opacity:d,boxShadow:x?v||"0 4px 12px rgba(0,0,0,0.15)":"none",transition:`all ${y} ease`,display:"block"},U=j=>{j.currentTarget.style.opacity=$!==void 0?$.toString():L.opacity?.toString()||"1",j.currentTarget.style.boxShadow=b?"0 8px 20px rgba(0,0,0,0.3)":L.boxShadow?.toString()||"none",j.currentTarget.style.transform=`scale(${T||1}) rotate(${S||0}deg)`},O=j=>{j.currentTarget.style.opacity=L.opacity?.toString()||"1",j.currentTarget.style.boxShadow=L.boxShadow?.toString()||"none",j.currentTarget.style.transform="scale(1) rotate(0deg)"},g=(()=>{switch(F){case"x":return{overflowX:"hidden"};case"y":return{overflowY:"hidden"};default:return{overflow:F}}})();return e.jsxs("div",{role:"img","aria-label":n,onClick:E,className:Y,style:{width:m?"100%":o,height:m?"auto":i,padding:C,margin:R,position:"relative",cursor:E?"pointer":"default",display:"inline-block",transition:`all ${y} ease`,...g,...I},children:[w?e.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:w}):e.jsx("img",{src:t,alt:n,loading:z?"lazy":"eager",style:L,onMouseEnter:U,onMouseLeave:O}),h&&e.jsx("div",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundColor:p,color:"#fff",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:"bold",fontSize:"1.25rem",textAlign:"center",padding:"1rem",boxSizing:"border-box"},children:h})]})},Ge=({children:t,type:n="button",onClick:o,iconBefore:i,iconAfter:l,className:s="",style:c,fullWidth:f=!1,disabled:x=!1,loading:v=!1,loadingText:d="Loading...",paddingHorizontal:u=30,paddingVertical:h=8,fontSize:p="16px",fontWeight:w=400,borderRadius:m=6,backgroundColor:C="#02b314",textColor:R="white",borderColor:z="transparent",hoverBgColor:$="transparent",hoverTextColor:b="black",hoverBorderColor:T,boxShadow:S="0 1px 2px rgba(0, 0, 0, 0.05)"})=>{const[y,F]=a.useState(!1),Y=y&&!x&&b||R,I=y&&!x&&T||z,E=y&&!x?$:C,L={display:"inline-flex",alignItems:"center",justifyContent:"center",padding:`${h}px ${u}px`,fontSize:p,fontWeight:w,borderRadius:`${m}px`,width:f?"100%":"auto",color:Y,border:`1px solid ${I}`,backgroundColor:E,boxShadow:S,cursor:x?"not-allowed":"pointer",opacity:x?.6:1,transition:"all 0.2s ease-in-out",gap:"8px",...c};return e.jsxs("button",{type:n,className:s,style:L,onClick:!x&&!v?o:void 0,disabled:x,onMouseEnter:()=>F(!0),onMouseLeave:()=>F(!1),children:[v?e.jsxs(e.Fragment,{children:[e.jsx("span",{style:{width:"18px",height:"18px",border:"2px solid currentColor",borderTopColor:"transparent",borderRadius:"50%",animation:"spin 1s linear infinite"}}),e.jsx("span",{children:d})]}):e.jsxs(e.Fragment,{children:[i&&e.jsx("span",{children:i}),e.jsx("span",{children:t}),l&&e.jsx("span",{children:l})]}),e.jsx("style",{children:`
           @keyframes spin {
             to { transform: rotate(360deg); }
           }
@@ -28,103 +28,113 @@ 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 qe=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),Xe=t=>t.replace(/^([A-Z])|[\s-_]+(\w)/g,(n,o,i)=>i?i.toUpperCase():o.toLowerCase()),Ce=t=>{const n=Xe(t);return n.charAt(0).toUpperCase()+n.slice(1)},$e=(...t)=>t.filter((n,o,i)=>!!n&&n.trim()!==""&&i.indexOf(n)===o).join(" ").trim(),Je=t=>{for(const n in t)if(n.startsWith("aria-")||n==="role"||n==="title")return!0};/**
  * @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 Ze={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};/**
  * @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 Ke=a.forwardRef(({color:t="currentColor",size:n=24,strokeWidth:o=2,absoluteStrokeWidth:i,className:l="",children:s,iconNode:c,...f},x)=>a.createElement("svg",{ref:x,...Ze,width:n,height:n,stroke:t,strokeWidth:i?Number(o)*24/Number(n):o,className:$e("lucide",l),...!s&&!Je(f)&&{"aria-hidden":"true"},...f},[...c.map(([v,d])=>a.createElement(v,d)),...Array.isArray(s)?s:[s]]));/**
  * @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 G=(t,n)=>{const o=a.forwardRef(({className:i,...l},s)=>a.createElement(Ke,{ref:s,iconNode:n,className:$e(`lucide-${qe(Ce(t))}`,`lucide-${t}`,i),...l}));return o.displayName=Ce(t),o};/**
  * @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 Qe=[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]],Ie=G("chevron-left",Qe);/**
  * @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 et=[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]],_e=G("chevron-right",et);/**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const 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 tt=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]],rt=G("circle-alert",tt);/**
  * @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 nt=[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]],st=G("circle-check-big",nt);/**
  * @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 ot=[["path",{d:"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",key:"ct8e1f"}],["path",{d:"M14.084 14.158a3 3 0 0 1-4.242-4.242",key:"151rxh"}],["path",{d:"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",key:"13bj9a"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]],lt=G("eye-off",ot);/**
  * @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 it=[["path",{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",key:"1nclc0"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]],at=G("eye",it);/**
  * @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 ct=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]],dt=G("info",ct);/**
  * @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 ut=[["path",{d:"M8 3H5a2 2 0 0 0-2 2v3",key:"1dcmit"}],["path",{d:"M21 8V5a2 2 0 0 0-2-2h-3",key:"1e4gt3"}],["path",{d:"M3 16v3a2 2 0 0 0 2 2h3",key:"wsl5sc"}],["path",{d:"M16 21h3a2 2 0 0 0 2-2v-3",key:"18trek"}]],ce=G("maximize",ut);/**
  * @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 pt=[["path",{d:"M8 3v3a2 2 0 0 1-2 2H3",key:"hohbtr"}],["path",{d:"M21 8h-3a2 2 0 0 1-2-2V3",key:"5jw1f3"}],["path",{d:"M3 16h3a2 2 0 0 1 2 2v3",key:"198tvr"}],["path",{d:"M16 21v-3a2 2 0 0 1 2-2h3",key:"ph8mxp"}]],de=G("minimize",pt);/**
  * @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 ft=[["rect",{x:"14",y:"3",width:"5",height:"18",rx:"1",key:"kaeet6"}],["rect",{x:"5",y:"3",width:"5",height:"18",rx:"1",key:"1wsw3u"}]],te=G("pause",ft);/**
  * @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 xt=[["path",{d:"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",key:"10ikf1"}]],re=G("play",xt);/**
  * @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 ht=[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}]],ue=G("rotate-ccw",ht);/**
  * @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 gt=[["path",{d:"M17.971 4.285A2 2 0 0 1 21 6v12a2 2 0 0 1-3.029 1.715l-9.997-5.998a2 2 0 0 1-.003-3.432z",key:"15892j"}],["path",{d:"M3 20V4",key:"1ptbpl"}]],pe=G("skip-back",gt);/**
  * @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 bt=[["path",{d:"M21 4v16",key:"7j8fe9"}],["path",{d:"M6.029 4.285A2 2 0 0 0 3 6v12a2 2 0 0 0 3.029 1.715l9.997-5.998a2 2 0 0 0 .003-3.432z",key:"zs4d6"}]],fe=G("skip-forward",bt);/**
  * @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 yt=[["path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",key:"wmoenq"}],["path",{d:"M12 9v4",key:"juzpu7"}],["path",{d:"M12 17h.01",key:"p32p05"}]],mt=G("triangle-alert",yt);/**
  * @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) {
+ */const jt=[["path",{d:"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",key:"uqj9uw"}],["path",{d:"M16 9a5 5 0 0 1 0 6",key:"1q6k2b"}],["path",{d:"M19.364 18.364a9 9 0 0 0 0-12.728",key:"ijwkga"}]],xe=G("volume-2",jt);/**
+ * @license lucide-react v0.536.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const vt=[["path",{d:"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",key:"uqj9uw"}],["line",{x1:"22",x2:"16",y1:"9",y2:"15",key:"1ewh16"}],["line",{x1:"16",x2:"22",y1:"9",y2:"15",key:"5ykzw1"}]],he=G("volume-x",vt);/**
+ * @license lucide-react v0.536.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const wt=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],ne=G("x",wt),kt=a.forwardRef(({type:t="text",placeholder:n="",label:o,value:i,defaultValue:l,onChange:s,name:c="",disabled:f=!1,readOnly:x=!1,required:v=!1,error:d,success:u=!1,autoFocus:h=!1,iconLeft:p,iconRight:w,borderColor:m="#ccc",focusBorderColor:C="#2563eb",hoverBorderColor:R="#4b5563",backgroundColor:z="#ffffff",textColor:$="#111827",errorColor:b="#dc2626",successColor:T="#16a34a",labelColor:S="#374151",size:y="md",radius:F="6px",fontSize:Y="14px",rows:I=4,cols:E,maxLength:L,resize:U=!0,showCharacterCount:O=!0,className:g,style:j},N)=>{const M=a.useRef(null),[B,r]=a.useState(l||""),[k,P]=a.useState(!1);a.useImperativeHandle(N,()=>M.current);const V=_=>{L&&_.target.value.length>L||(r(_.target.value),s&&s(c,_.target.value))},D=()=>{switch(y){case"sm":return"6px 12px";case"lg":return"12px 20px";default:return"10px 16px"}},A=()=>{switch(y){case"sm":return"13px";case"lg":return"16px";default:return Y}},W=d?b:u?T:m,q={width:"100%",padding:D(),paddingLeft:p?"40px":D().split(" ")[1],paddingRight:w||t==="password"?"40px":D().split(" ")[1],border:`1px solid ${W}`,borderRadius:F,backgroundColor:z,color:$,fontSize:A(),outline:"none",resize:t==="textarea"&&!U?"none":void 0,...j};return e.jsxs("div",{style:{width:"100%",fontFamily:"sans-serif"},className:g,children:[o&&e.jsxs("label",{htmlFor:c,style:{display:"block",marginBottom:"6px",fontSize:"14px",fontWeight:500,color:S},children:[o," ",v&&e.jsx("span",{style:{color:b},children:"*"})]}),e.jsxs("div",{style:{position:"relative",width:"100%"},children:[p&&e.jsx("span",{style:{position:"absolute",left:"12px",top:"50%",transform:"translateY(-50%)",pointerEvents:"none",color:"#6b7280"},children:p}),t==="textarea"?e.jsx("textarea",{ref:M,name:c,value:i??B,onChange:V,placeholder:n,rows:I,cols:E,maxLength:L,disabled:f,readOnly:x,autoFocus:h,style:q,onFocus:_=>{_.currentTarget.style.borderColor=C},onBlur:_=>{_.currentTarget.style.borderColor=W},onMouseEnter:_=>{_.currentTarget.style.borderColor=R},onMouseLeave:_=>{_.currentTarget.style.borderColor=W}}):e.jsx("input",{ref:M,id:c,name:c,type:t==="password"?k?"text":"password":t,value:i??B,onChange:V,placeholder:n,disabled:f,readOnly:x,autoFocus:h,style:q,onFocus:_=>{_.currentTarget.style.borderColor=C},onBlur:_=>{_.currentTarget.style.borderColor=W},onMouseEnter:_=>{_.currentTarget.style.borderColor=R},onMouseLeave:_=>{_.currentTarget.style.borderColor=W}}),t==="password"&&e.jsx("button",{type:"button",onClick:()=>P(!k),style:{position:"absolute",right:"10px",top:"50%",transform:"translateY(-50%)",background:"transparent",border:"none",color:"#6b7280",cursor:"pointer",padding:0},children:k?e.jsx(lt,{size:18}):e.jsx(at,{size:18})}),w&&t!=="password"&&e.jsx("span",{style:{position:"absolute",right:"12px",top:"50%",transform:"translateY(-50%)",pointerEvents:"none",color:"#6b7280"},children:w})]}),t==="textarea"&&O&&L&&e.jsxs("div",{style:{textAlign:"right",fontSize:"12px",color:"#6b7280",marginTop:"4px"},children:[(i??B).length,"/",L]}),d&&e.jsx("p",{style:{color:b,fontSize:"12px",marginTop:"4px",lineHeight:"1.3"},children:d})]})}),St=({title:t,titleIcon:n,items:o,type:i="unordered",bulletColor:l="#2563eb",textColor:s="#111827",backgroundColor:c="#fff",borderColor:f="#e5e7eb",fontSize:x="15px",fontWeight:v=500,borderRadius:d="12px",padding:u="16px",spacing:h="12px",className:p,style:w})=>{const m=i==="ordered",C=i==="inline",R={backgroundColor:c,borderColor:f,color:s,borderWidth:f?"1px":"0px",borderStyle:"solid",borderRadius:d,padding:u,...w},z=C?{display:"flex",gap:h,paddingLeft:0,listStyleType:"none",margin:0}:{listStyleType:m?"decimal":"none",paddingLeft:m?"20px":"0",margin:0},$=m?"ol":"ul";return e.jsxs("div",{className:p,style:R,children:[t&&e.jsxs("div",{style:{display:"flex",alignItems:"center",fontSize:"17px",fontWeight:600,marginBottom:"10px",gap:"8px"},children:[n&&e.jsx("span",{style:{fontSize:"18px"},children:n}),e.jsx("span",{children:t})]}),e.jsx($,{style:z,children:o.map((b,T)=>e.jsx(Ae,{...b,bulletColor:l,textColor:s,fontSize:x,fontWeight:v,spacing:h,isInline:C},T))})]})},Ae=({text:t,icon:n,onClick:o,subItems:i,bulletColor:l,textColor:s,fontSize:c,fontWeight:f,spacing:x,isInline:v})=>{const d={display:"flex",flexDirection:"column",gap:"6px",marginBottom:v?"0":x},u={display:"flex",alignItems:"center",gap:"8px",fontSize:c,fontWeight:f,color:s,cursor:o?"pointer":"default"},h={width:"8px",height:"8px",backgroundColor:l,borderRadius:"50%",flexShrink:0},p={listStyleType:"disc",paddingLeft:"20px",margin:0};return e.jsxs("li",{style:d,children:[e.jsxs("div",{style:u,onClick:o,children:[n?e.jsx("span",{style:{fontSize:"16px",color:s},children:n}):!v&&e.jsx("span",{style:h}),e.jsx("span",{children:t})]}),i&&i.length>0&&e.jsx("ul",{style:p,children:i.map((w,m)=>e.jsx(Ae,{...w,bulletColor:l,textColor:s,fontSize:c,fontWeight:f,spacing:x,isInline:!1},m))})]})},ye=({tabs:t,defaultActive:n=0,tabPosition:o,activeTabClassName:i="",inactiveTabClassName:l="",tabContainerClassName:s="",contentContainerClassName:c="",className:f="",activeTabStyle:x,inactiveTabStyle:v,tabContainerStyle:d,contentContainerStyle:u,style:h,tabsWidth:p="240px",tabGap:w=8,tabPadding:m="12px 16px",tabBorderRadius:C=12,primaryColor:R="#2563eb",textColor:z="#374151",backgroundColor:$="#ffffff",hoverTextColor:b="#1e40af",responsiveBreakpoint:T=768,showDrawerLabel:S="Select Tab"})=>{const[y,F]=a.useState(n),[Y,I]=a.useState(null),[E,L]=a.useState(!1),[U,O]=a.useState(!1);a.useEffect(()=>{const D=()=>{L(window.innerWidth<=T)};return D(),window.addEventListener("resize",D),()=>window.removeEventListener("resize",D)},[T]);const g=o==="left"||o==="right",N={display:"flex",flexDirection:g?E?"column":o==="left"?"row":"row-reverse":"column",width:"100%",height:"100%",backgroundColor:$,...g&&!E?{}:{flexWrap:"wrap"},...h},M={width:g&&!E?p:"100%",display:"flex",flexDirection:g&&!E?"column":"row",justifyContent:!g&&o==="top"?"center":void 0,gap:w,padding:8,boxSizing:"border-box",...d},B={flexGrow:1,padding:24,background:"#f9fafb",boxSizing:"border-box",minWidth:0,...g&&!E?{width:"calc(100% - "+p+")"}:{width:"100%"},...u},r={cursor:"pointer",display:"flex",alignItems:"center",gap:8,padding:m,borderRadius:C,border:"none",backgroundColor:"transparent",fontWeight:500,transition:"all 0.2s ease",width:g&&!E?"100%":"auto",marginBottom:g&&!E?w:0,marginRight:!g||E?w:0,justifyContent:"flex-start"},k={backgroundColor:R,color:"#fff",fontWeight:700,boxShadow:`0 2px 10px ${R}55`,...x},P={backgroundColor:"transparent",color:z,...v},V={backgroundColor:`${R}22`,color:b};return e.jsxs("div",{className:f,style:N,children:[e.jsx("style",{children:`
+        @media (max-width: ${T}px) {
           .custom-tab-drawer-button {
             width: 100%;
             display: flex;
@@ -145,15 +155,15 @@ React keys must be passed directly to JSX without using spread:
             to { opacity: 1; transform: translateY(0); }
           }
         }
-        `}),_&&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:`
+        `}),E&&g?e.jsxs("div",{style:{width:"100%",marginBottom:12},children:[e.jsxs("button",{onClick:()=>O(!U),style:{...r,...k,justifyContent:"space-between",width:"100%"},className:"custom-tab-drawer-button",children:[e.jsx("span",{children:S}),e.jsx("span",{style:{fontSize:18},children:"☰"})]}),U&&e.jsx("div",{className:"custom-tab-mobile-drawer",children:t.map((D,A)=>{const W=A===y,q=Y===A;return e.jsxs("button",{onClick:()=>{F(A),O(!1)},onMouseEnter:()=>I(A),onMouseLeave:()=>I(null),className:W?i:l,style:{...r,...W?k:P,...q&&!W?V:{}},children:[D.icon&&e.jsx("span",{children:D.icon}),e.jsx("span",{children:D.label})]},A)})})]}):e.jsx("nav",{className:s,style:M,"aria-label":"Tabs Navigation",children:t.map((D,A)=>{const W=A===y,q=Y===A;return e.jsxs("button",{onClick:()=>F(A),onMouseEnter:()=>I(A),onMouseLeave:()=>I(null),className:W?i:l,style:{...r,...W?k:P,...q&&!W?V:{}},children:[D.icon&&e.jsx("span",{children:D.icon}),e.jsx("span",{children:D.label})]},A)})}),e.jsx("section",{className:c,style:B,role:"tabpanel",children:t[y]?.content})]})},Tt=t=>e.jsx(ye,{...t,tabPosition:"left"}),Ct=t=>e.jsx(ye,{...t,tabPosition:"top"}),zt=t=>e.jsx(ye,{...t,tabPosition:"right"}),Rt=({src:t,poster:n,autoPlay:o=!1,loop:i=!1,controls:l=!1,muted:s=!1,width:c="100%",height:f="150px",borderRadius:x="12px",backgroundColor:v="#1e1e1e",primaryColor:d="#ff4081",padding:u="16px",className:h})=>{const p=a.useRef(null),w=a.useRef(null),[m,C]=a.useState(o),[R,z]=a.useState(0),[$,b]=a.useState(0),[T,S]=a.useState(.5),[y,F]=a.useState(s),[Y,I]=a.useState(!1),[E,L]=a.useState(i);a.useEffect(()=>{p.current&&(p.current.volume=T,p.current.loop=E,p.current.muted=y)},[T,E,y]);const U=()=>{p.current&&(m?p.current.pause():p.current.play(),C(!m))},O=()=>{p.current&&(z(p.current.currentTime),b(p.current.duration))},g=r=>{if(!p.current||!r.currentTarget)return;const k=r.currentTarget.getBoundingClientRect(),V=(r.clientX-k.left)/k.width*$;p.current.currentTime=V,z(V)},j=r=>{p.current&&(p.current.currentTime+=r)},N=()=>{w.current&&(Y?document.exitFullscreen?.():w.current.requestFullscreen?.(),I(!Y))},M=()=>{F(!y),y&&T===0&&S(.5)},B=r=>{const k=Math.floor(r/60),P=Math.floor(r%60);return`${k}:${P<10?"0":""}${P}`};return e.jsxs("div",{ref:w,className:h,style:{position:"relative",width:c,backgroundColor:v,borderRadius:x,color:"#fff",overflow:"hidden",padding:u,boxSizing:"border-box",maxWidth:"100%",boxShadow:"0 4px 12px rgba(0,0,0,0.3)"},children:[e.jsx("video",{ref:p,src:t,poster:n,autoPlay:o,loop:i,controls:l,muted:s,onTimeUpdate:O,onLoadedMetadata:O,style:{width:"100%",height:f,borderRadius:x,objectFit:"cover",backgroundColor:"#000"}}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"10px",marginTop:"10px",flexWrap:"wrap"},children:[e.jsx("button",{onClick:()=>j(-10),"aria-label":"Skip Back 10s",children:e.jsx(pe,{size:20})}),e.jsx("button",{onClick:U,style:{background:d,borderRadius:"9999px",padding:"10px",color:"#fff",border:"none",cursor:"pointer"},"aria-label":m?"Pause":"Play",children:m?e.jsx(te,{size:20}):e.jsx(re,{size:20})}),e.jsx("button",{onClick:()=>j(10),"aria-label":"Skip Forward 10s",children:e.jsx(fe,{size:20})})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginTop:"8px",gap:"12px",flexWrap:"wrap"},children:[e.jsxs("div",{style:{flexShrink:0,minWidth:"60px",textAlign:"center"},children:[e.jsx("span",{style:{fontSize:"14px"},children:B(R)}),e.jsxs("span",{style:{fontSize:"14px",color:"#aaa"},children:[" ","/ ",B($)]})]}),e.jsx("div",{onClick:g,style:{flex:1,height:"8px",background:"#444",borderRadius:"4px",cursor:"pointer",position:"relative",minWidth:"100px"},children:e.jsx("div",{style:{width:`${R/$*100||0}%`,height:"100%",background:d,borderRadius:"4px"}})}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[e.jsx("button",{onClick:()=>L(!E),"aria-label":"Toggle Loop",children:e.jsx(ue,{size:18,color:E?d:void 0})}),e.jsx("button",{onClick:M,"aria-label":"Toggle Mute",children:y?e.jsx(he,{size:18}):e.jsx(xe,{size:18})}),e.jsx("button",{onClick:N,"aria-label":"Toggle Fullscreen",children:Y?e.jsx(de,{size:18}):e.jsx(ce,{size:18})})]})]})]})},Et=({src:t,thumbnail:n,autoPlay:o=!1,loop:i=!1,backgroundColor:l="#000000",primaryColor:s="#10b981",secondaryColor:c="#ffffff",borderRadius:f="12px",padding:x="16px",width:v="100%",className:d})=>{const u=a.useRef(null),h=a.useRef(null),[p,w]=a.useState(o),[m,C]=a.useState(0),[R,z]=a.useState(0),[$,b]=a.useState(.5),[T,S]=a.useState(!1),[y,F]=a.useState(i);a.useEffect(()=>{u.current&&(u.current.volume=$)},[$]),a.useEffect(()=>{u.current&&(u.current.loop=y)},[y]);const Y=()=>{u.current&&(p?u.current.pause():u.current.play(),w(!p))},I=()=>{u.current&&(C(u.current.currentTime),z(u.current.duration))},E=g=>{if(!u.current||!g.currentTarget)return;const j=g.currentTarget.getBoundingClientRect(),M=(g.clientX-j.left)/j.width*R;u.current.currentTime=M,C(M)},L=g=>{u.current&&(u.current.currentTime+=g)},U=()=>{h.current&&(T?document.exitFullscreen?.():h.current.requestFullscreen?.(),S(!T))},O=g=>{const j=Math.floor(g/60),N=Math.floor(g%60);return`${j}:${N<10?"0":""}${N}`};return e.jsxs("div",{ref:h,className:d,style:{position:"relative",width:v,backgroundColor:l,borderRadius:f,color:c,boxShadow:"0 4px 12px rgba(0,0,0,0.3)",overflow:"hidden",padding:x,boxSizing:"border-box",maxWidth:"100%"},children:[e.jsx("audio",{ref:u,src:t,autoPlay:o,loop:i,onTimeUpdate:I,onLoadedMetadata:I}),n&&e.jsx("img",{src:n,alt:"Audio Thumbnail",style:{width:"100%",objectFit:"cover",borderRadius:f,marginBottom:"16px",maxHeight:"150px"}}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"10px",flexShrink:0,marginTop:"10px"},children:[e.jsx("button",{onClick:()=>L(-10),"aria-label":"Skip Back 10s",children:e.jsx(pe,{size:20})}),e.jsx("button",{onClick:Y,style:{background:s,borderRadius:"9999px",padding:"10px",color:"#fff",border:"none",cursor:"pointer"},"aria-label":p?"Pause":"Play",children:p?e.jsx(te,{size:20}):e.jsx(re,{size:20})}),e.jsx("button",{onClick:()=>L(10),"aria-label":"Skip Forward 10s",children:e.jsx(fe,{size:20})})]}),e.jsxs("div",{style:{display:"flex",flexWrap:"wrap",alignItems:"center",justifyContent:"space-between",gap:"12px",width:"100%"},children:[e.jsxs("div",{style:{flexShrink:0,minWidth:"60px",textAlign:"center"},children:[e.jsx("span",{style:{fontSize:"14px",marginRight:"4px"},children:O(m)}),e.jsxs("span",{style:{fontSize:"14px",color:"#aaa"},children:["/ ",O(R)]})]}),e.jsx("div",{onClick:E,style:{flex:1,height:"8px",background:"#444",borderRadius:"4px",cursor:"pointer",position:"relative",minWidth:"100px"},children:e.jsx("div",{style:{width:`${m/R*100||0}%`,height:"100%",background:s,borderRadius:"4px"}})}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px",flexShrink:0},children:[e.jsx("button",{onClick:()=>F(!y),"aria-label":"Toggle Loop",children:e.jsx(ue,{size:18,color:y?s:void 0})}),e.jsx("button",{onClick:()=>b($>0?0:.5),"aria-label":"Toggle Mute",children:$>0?e.jsx(xe,{size:18}):e.jsx(he,{size:18})}),e.jsx("button",{onClick:U,"aria-label":"Toggle Fullscreen",children:T?e.jsx(de,{size:18}):e.jsx(ce,{size:18})})]})]})]})};function H(t,n,o){return t==null?o:typeof t!="object"?t:t[n]??o}const ze=t=>t<768?"sm":t<1024?"md":"lg",Mt=({display:t={sm:"block",md:"flex",lg:"grid"},flexDirection:n={sm:"column",md:"row",lg:"row"},justifyContent:o={sm:"flex-start",md:"center",lg:"space-between"},alignItems:i={sm:"stretch",md:"center",lg:"center"},gridTemplateColumns:l={sm:"1fr",md:"1fr 1fr",lg:"1fr 1fr 1fr"},gridTemplateRows:s={sm:"auto",md:"auto",lg:"auto"},gap:c={sm:"10px",md:"20px",lg:"30px"},rowGap:f,columnGap:x,width:v={sm:"100%",md:"90%",lg:"80%"},maxWidth:d={sm:"100%",md:"800px",lg:"1200px"},height:u={sm:"auto",md:"auto",lg:"auto"},padding:h={sm:"10px",md:"20px",lg:"40px"},margin:p={sm:"0 auto",md:"0 auto",lg:"0 auto"},textAlign:w={sm:"left",md:"center",lg:"center"},backgroundColor:m="#fff",border:C={sm:"none",md:"1px solid #ddd",lg:"2px solid #ccc"},borderRadius:R={sm:"0",md:"8px",lg:"12px"},boxShadow:z={sm:"none",md:"0 4px 6px rgba(0,0,0,0.1)",lg:"0 6px 10px rgba(0,0,0,0.15)"},overflow:$={sm:"visible",md:"hidden",lg:"auto"},children:b,className:T,style:S})=>{const[y,F]=a.useState(()=>ze(window.innerWidth));a.useEffect(()=>{const I=()=>F(ze(window.innerWidth));return window.addEventListener("resize",I),()=>window.removeEventListener("resize",I)},[]);const Y=a.useMemo(()=>{const I=H(t,y,"block"),E=H(n,y,void 0),L=H(o,y,void 0),U=H(i,y,void 0),O=H(l,y,void 0),g=H(s,y,void 0),j=H(c,y,void 0),N=H(f,y,void 0),M=H(x,y,void 0),B=H(v,y,"100%"),r=H(d,y,void 0),k=H(u,y,void 0),P=H(h,y,void 0),V=H(p,y,void 0),D=H(w,y,void 0),A=H(C,y,void 0),W=H(R,y,void 0),q=H(z,y,void 0),_=H($,y,void 0);return{display:I,...E&&{flexDirection:E},...L&&{justifyContent:L},...U&&{alignItems:U},...O&&{gridTemplateColumns:O},...g&&{gridTemplateRows:g},...j&&{gap:j},...N&&{rowGap:N},...M&&{columnGap:M},width:B,...r&&{maxWidth:r},...k&&{height:k},...P&&{padding:P},...V&&{margin:V},...D&&{textAlign:D},backgroundColor:m,...A&&{border:A},...W&&{borderRadius:W},...q&&{boxShadow:q},..._&&{overflow:_},boxSizing:"border-box",...S}},[y,t,n,o,i,l,s,c,f,x,v,d,u,h,p,w,m,C,R,z,$,S]);return e.jsx("div",{className:T,style:Y,children:b})},$t=({items:t,allowMultiple:n=!1,defaultOpenIndex:o=[],borderColor:i="#d1d5db",backgroundColor:l="#ffffff",textColor:s="#111827",hoverBgColor:c="#f3f4f6",hoverTextColor:f="#111827",paddingVertical:x="16px",paddingHorizontal:v="16px",margin:d="12px 0",iconOpen:u="−",iconClose:h="+",transitionDuration:p="300ms",borderRadius:w="8px",shadow:m="0 2px 8px rgba(0, 0, 0, 0.05)",contentPadding:C="16px",fontSize:R="16px",fontWeight:z="600",iconSize:$="18px",contentFontSize:b="14px",contentFontWeight:T="400",contentBackgroundColor:S="#ffffff",contentTextColor:y="#111827",className:F,style:Y})=>{const[I,E]=a.useState(o),L=a.useRef([]),U=a.useRef([]);a.useEffect(()=>{L.current.forEach((g,j)=>{g&&(g.style.maxHeight=I.includes(j)?`${g.scrollHeight}px`:"0px")})},[I]);const O=g=>{E(j=>n?j.includes(g)?j.filter(N=>N!==g):[...j,g]:j.includes(g)?[]:[g])};return e.jsx("div",{className:F,style:{width:"100%",...Y},children:t.map((g,j)=>e.jsxs("div",{style:{border:`1px solid ${i}`,borderRadius:w,margin:d,boxShadow:m,overflow:"hidden",transition:`all ${p} ease`},children:[e.jsxs("button",{ref:N=>{U.current[j]=N},onClick:()=>O(j),style:{width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",backgroundColor:l,color:s,padding:`${x} ${v}`,fontWeight:z,fontSize:R,cursor:"pointer",outline:"none",border:"none",transition:`all ${p}`},onMouseEnter:N=>{N.currentTarget.style.backgroundColor=c,N.currentTarget.style.color=f},onMouseLeave:N=>{N.currentTarget.style.backgroundColor=l,N.currentTarget.style.color=s},children:[e.jsx("span",{children:g.title}),e.jsx("span",{style:{fontSize:$},children:I.includes(j)?u:h})]}),e.jsx("div",{ref:N=>{L.current[j]=N},style:{overflow:"hidden",maxHeight:I.includes(j)?`${L.current[j]?.scrollHeight}px`:"0px",transition:`max-height ${p} ease-in-out`},children:e.jsx("div",{style:{borderTop:`1px solid ${i}`,backgroundColor:S,color:y,padding:C,fontSize:b,fontWeight:T},children:g.content})})]},j))})},It=({type:t,name:n,options:o,selectedValues:i,onChange:l,disabled:s=!1,readOnly:c=!1,required:f=!1,error:x,className:v="",customIcon:d,style:u,labelStyle:h,iconSize:p=20,iconCheckedBgColor:w="#2563eb",iconUncheckedBorderColor:m="#9ca3af",textColor:C="#374151",errorStyle:R})=>{const z=t==="checkbox",$=b=>{if(l)if(z){const T=Array.isArray(i)?i.includes(b)?i.filter(S=>S!==b):[...i,b]:[b];l(T)}else l(b)};return e.jsxs("div",{className:v,style:{display:"flex",flexDirection:"column",gap:8,...u},role:t,"aria-disabled":s,children:[o.map(b=>{const T=z?Array.isArray(i)&&i.includes(b.value):i===b.value;return e.jsxs("label",{style:{display:"flex",alignItems:"center",cursor:s?"not-allowed":"pointer",opacity:s?.6:1,gap:8,userSelect:"none",...h},children:[e.jsx("input",{type:t,name:n,value:b.value,checked:T,disabled:s||c,required:f,onChange:()=>$(b.value),style:{display:"none"}}),d?d(T):e.jsxs("span",{style:{display:"inline-flex",justifyContent:"center",alignItems:"center",width:p,height:p,borderRadius:z?4:"50%",border:`2px solid ${T?w:m}`,backgroundColor:T?w:"transparent",transition:"all 0.2s ease",flexShrink:0},children:[T&&!z&&e.jsx("span",{style:{width:p/2,height:p/2,borderRadius:"50%",backgroundColor:"white"}}),T&&z&&e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",style:{width:p*.6,height:p*.6},children:e.jsx("polyline",{points:"20 6 9 17 4 12"})})]}),e.jsx("span",{style:{color:C,fontSize:14},children:b.label})]},b.value)}),x&&e.jsx("p",{role:"alert",style:{color:"#dc2626",fontSize:12,marginTop:4,...R},children:x})]})},_t=({label:t="Open Drawer",icon:n,iconPosition:o="left",onClick:i,style:l={}})=>e.jsxs("button",{onClick:i,style:{padding:"10px 16px",backgroundColor:"#2563eb",color:"#fff",border:"none",borderRadius:"6px",cursor:"pointer",display:"inline-flex",alignItems:"center",fontSize:"14px",gap:"8px",...l},children:[n&&o==="left"&&n,t,n&&o==="right"&&n]}),At=({open:t,onClose:n,position:o="right",width:i="300px",height:l="300px",backgroundColor:s="#fff",transitionDuration:c=300,style:f={},children:x,showCloseButton:v=!0,closeButtonStyle:d={}})=>{const[u,h]=a.useState(t);a.useEffect(()=>{t?h(!0):setTimeout(()=>h(!1),c)},[t,c]);const p=a.useMemo(()=>{if(t)return"translate(0, 0)";switch(o){case"left":return"translateX(-100%)";case"right":return"translateX(100%)";case"top":return"translateY(-100%)";case"bottom":return"translateY(100%)";default:return"translate(0, 0)"}},[t,o]),w={position:"fixed",zIndex:1e3,backgroundColor:s,transition:`transform ${c}ms ease, opacity ${c}ms ease`,transform:p,opacity:t?1:0,...f,...o==="left"||o==="right"?{top:0,[o]:0,width:i,height:"100%"}:{left:0,[o]:0,height:l,width:"100%"}},m={position:"fixed",display:u?"block":"none",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:999,transition:`opacity ${c}ms ease`,opacity:t?1:0,pointerEvents:t?"auto":"none"},C={position:"absolute",top:"10px",right:"10px",fontSize:"20px",background:"none",border:"none",cursor:"pointer",color:"#000"};return e.jsxs(e.Fragment,{children:[e.jsx("div",{style:m,onClick:n}),e.jsxs("div",{style:{...w,display:"block",visibility:u?"visible":"hidden",pointerEvents:t?"auto":"none"},children:[v&&e.jsx("button",{onClick:n,style:{...C,...d},children:e.jsx(ne,{size:20,color:"rgba(255, 0, 0, 1)"})}),x]})]})},Lt=({options:t,value:n,defaultValue:o,onChange:i,placeholder:l="Select an option",disabled:s=!1,borderColor:c="#ccc",backgroundColor:f="#fff",textColor:x="#333",hoverColor:v="#f0f0f0",padding:d="12px 16px",margin:u="0 0 1rem 0",dropdownWidth:h="100%",dropdownHeight:p="200px",borderRadius:w="8px",boxShadow:m="0 4px 8px rgba(0,0,0,0.1)",optionPadding:C="10px 12px",optionGap:R="8px",transitionDuration:z="0.25s",className:$="",dropdownStyle:b,dropdownClassName:T="",optionStyle:S,optionClassName:y="",iconPrefix:F,iconSuffix:Y})=>{const[I,E]=a.useState(o),[L,U]=a.useState(!1),O=a.useRef(null);a.useEffect(()=>{const M=B=>{O.current&&!O.current.contains(B.target)&&U(!1)};return document.addEventListener("mousedown",M),()=>document.removeEventListener("mousedown",M)},[]);const g=M=>{E(M),U(!1),i&&i(M)},j=n??I,N=t.find(M=>M.value===j);return e.jsxs("div",{ref:O,className:$,style:{position:"relative",width:h,margin:u,fontFamily:"sans-serif",userSelect:"none"},children:[e.jsxs("button",{onClick:()=>U(M=>!M),disabled:s,"aria-haspopup":"listbox","aria-expanded":L,style:{width:"100%",padding:d,backgroundColor:f,color:x,border:`1px solid ${c}`,borderRadius:w,boxShadow:s?"none":m,display:"flex",alignItems:"center",justifyContent:"space-between",cursor:s?"not-allowed":"pointer",opacity:s?.6:1,transition:`all ${z} ease-in-out`},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:R},children:[F&&e.jsx("span",{children:F}),e.jsx("span",{children:N?.label||l})]}),Y||e.jsx("span",{style:{marginLeft:"8px"},children:"▼"})]}),L&&e.jsx("ul",{role:"listbox",className:T,style:{position:"absolute",top:"100%",left:0,zIndex:1e3,width:"100%",maxHeight:p,overflowY:"auto",backgroundColor:f,border:`1px solid ${c}`,borderRadius:w,boxShadow:m,marginTop:"4px",transition:`all ${z} ease`,...b},children:t.map(M=>e.jsxs("li",{onClick:()=>g(M.value),role:"option",className:y,style:{display:"flex",alignItems:"center",gap:R,padding:C,cursor:"pointer",backgroundColor:I===M.value?v:f,transition:`background ${z}`,...S},onMouseEnter:B=>B.currentTarget.style.backgroundColor=v,onMouseLeave:B=>B.currentTarget.style.backgroundColor=I===M.value?v:f,children:[M.icon&&e.jsx("span",{children:M.icon}),M.label]},M.value))})]})},Pt=({columns:t,data:n,className:o="",pagination:i=!0,rowsPerPage:l=5,colors:s={headerBg:"#3b82f6",headerText:"#ffffff",rowBg:"#ffffff",rowText:"#000000",borderColor:"#d1d5db",hoverBg:"#e5e7eb",paginationBg:"#d1d5db",paginationText:"#000000"}})=>{const[c,f]=a.useState(null),[x,v]=a.useState("asc"),[d,u]=a.useState(1),[h,p]=a.useState(null),w=b=>{c===b?v(x==="asc"?"desc":"asc"):(f(b),v("asc"))},m=[...n].sort((b,T)=>!c||b[c]===T[c]?0:x==="asc"?b[c]>T[c]?1:-1:b[c]<T[c]?1:-1),C=i?m.slice((d-1)*l,d*l):m,R=e.jsx("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 576 512",height:"15px",width:"15px",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M151.6 42.4C145.5 35.8 137 32 128 32s-17.5 3.8-23.6 10.4l-88 96c-11.9 13-11.1 33.3 2 45.2s33.3 11.1 45.2-2L96 146.3 96 448c0 17.7 14.3 32 32 32s32-14.3 32-32l0-301.7 32.4 35.4c11.9 13 32.2 13.9 45.2 2s13.9-32.2 2-45.2l-88-96zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-32 0zm0 128c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-96 0zm0 128c-17.7 0-32 14.3-32 32s14.3 32 32 32l160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-160 0zm0 128c-17.7 0-32 14.3-32 32s14.3 32 32 32l224 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-224 0z"})}),z=e.jsx("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 576 512",height:"15px",width:"15px",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M151.6 42.4C145.5 35.8 137 32 128 32s-17.5 3.8-23.6 10.4l-88 96c-11.9 13-11.1 33.3 2 45.2s33.3 11.1 45.2-2L96 146.3 96 448c0 17.7 14.3 32 32 32s32-14.3 32-32l0-301.7 32.4 35.4c11.9 13 32.2 13.9 45.2 2s13.9-32.2 2-45.2l-88-96zM320 480l32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-32 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm0-128l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-96 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm0-128l160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-160 0c17.7 0-32 14.3-32 32s14.3 32 32 32zm0-128l224 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32z"})}),$=e.jsx("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 320 512",height:"15px",width:"15px",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M182.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-96 96c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L128 109.3l0 293.5L86.6 361.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l96 96c12.5 12.5 32.8 12.5 45.3 0l96-96c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 402.7l0-293.5 41.4 41.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-96-96z"})});return e.jsxs("div",{style:{overflowX:"auto",width:"100%"},className:o,children:[e.jsxs("table",{style:{width:"100%",borderCollapse:"collapse",border:`1px solid ${s.borderColor}`},children:[e.jsx("thead",{children:e.jsx("tr",{style:{backgroundColor:s.headerBg,color:s.headerText,textAlign:"left",userSelect:"none"},children:t.map(({key:b,label:T,sortable:S})=>e.jsxs("th",{onClick:()=>S&&w(b),style:{padding:"12px",border:`1px solid ${s.borderColor}`,cursor:S?"pointer":"default",display:"flex",alignItems:"center",gap:"8px"},children:[e.jsx("span",{children:T}),S&&(c===b?x==="asc"?R:z:$)]},b))})}),e.jsx("tbody",{children:C.map((b,T)=>e.jsx("tr",{style:{backgroundColor:h===T?s.hoverBg:s.rowBg,color:s.rowText,transition:"background-color 0.2s ease-in-out"},onMouseEnter:()=>p(T),onMouseLeave:()=>p(null),children:t.map(({key:S})=>e.jsx("td",{style:{padding:"12px",border:`1px solid ${s.borderColor}`},children:b[S]},S))},T))})]}),i&&e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginTop:"12px",padding:"8px"},children:[e.jsx("button",{style:{padding:"6px 12px",backgroundColor:s.paginationBg,color:s.paginationText,borderRadius:"6px",border:"none",opacity:d===1?.5:1,cursor:d===1?"not-allowed":"pointer",userSelect:"none"},disabled:d===1,onClick:()=>u(b=>Math.max(b-1,1)),children:"Prev"}),e.jsxs("span",{style:{color:s.paginationText},children:["Page ",d]}),e.jsx("button",{style:{padding:"6px 12px",backgroundColor:s.paginationBg,color:s.paginationText,borderRadius:"6px",border:"none",opacity:d*l>=n.length?.5:1,cursor:d*l>=n.length?"not-allowed":"pointer",userSelect:"none"},disabled:d*l>=n.length,onClick:()=>u(b=>b+1),children:"Next"})]})]})},Nt=({children:t,className:n="",style:o={},background:i="#fff",backgroundImage:l,backgroundSize:s="cover",backgroundPosition:c="center",backgroundRepeat:f="no-repeat",textColor:x="#000",borderRadius:v=12,padding:d=24,margin:u=0,maxWidth:h="100%",boxShadow:p="0 4px 12px rgba(0,0,0,0.1)",border:w="none",display:m="flex",flexDirection:C="column",justifyContent:R="flex-start",alignItems:z="stretch",gap:$=16})=>{const b={background:i,color:x,borderRadius:v,padding:d,margin:u,maxWidth:h,boxShadow:p,border:w,display:m,flexDirection:C,justifyContent:R,alignItems:z,gap:$,boxSizing:"border-box",...l?{backgroundImage:`url(${l})`,backgroundSize:s,backgroundPosition:c,backgroundRepeat:f}:{},...o};return e.jsx("div",{className:n,style:b,children:t})},Re=t=>t<768?"sm":t<1024?"md":"lg",Wt=({columns:t={sm:1,md:2,lg:3},gap:n="16px",padding:o="20px",alignItems:i="stretch",justifyItems:l="stretch",backgroundColor:s="transparent",width:c="100%",maxWidth:f="100%",height:x="auto",children:v,style:d})=>{const[u,h]=a.useState(Re(window.innerWidth));a.useEffect(()=>{const m=()=>h(Re(window.innerWidth));return window.addEventListener("resize",m),()=>window.removeEventListener("resize",m)},[]);const p=a.useMemo(()=>typeof t=="number"?t:t[u]??1,[t,u]),w=a.useMemo(()=>({display:"grid",gridTemplateColumns:`repeat(${p}, 1fr)`,gap:n,padding:o,alignItems:i,justifyItems:l,backgroundColor:s,width:c,maxWidth:f,height:x,boxSizing:"border-box",...d}),[p,n,o,i,l,s,c,f,x,d]);return e.jsx("div",{style:w,children:v})},Ee=t=>t<768?"sm":t<1024?"md":"lg",Ft=({direction:t="row",align:n="center",justify:o="space-between",gap:i=16,padding:l=20,backgroundColor:s="transparent",width:c="100%",maxWidth:f="100%",height:x="auto",style:v,children:d})=>{const[u,h]=a.useState(Ee(window.innerWidth));a.useEffect(()=>{const m=()=>h(Ee(window.innerWidth));return window.addEventListener("resize",m),()=>window.removeEventListener("resize",m)},[]);const p=a.useMemo(()=>typeof t=="string"?t:t[u]??"row",[t,u]),w=a.useMemo(()=>({display:"flex",flexDirection:p,alignItems:n,justifyContent:o,gap:typeof i=="number"?`${i}px`:i,padding:typeof l=="number"?`${l}px`:l,backgroundColor:s,width:c,maxWidth:f,height:x,boxSizing:"border-box",...v}),[p,n,o,i,l,s,c,f,x,v]);return e.jsx("div",{style:w,children:d})},Ot={success:{bg:"#ecfdf5",border:"#34d399",iconColor:"#059669",Icon:e.jsx(st,{size:20})},error:{bg:"#fef2f2",border:"#f87171",iconColor:"#dc2626",Icon:e.jsx(rt,{size:20})},warning:{bg:"#fffbeb",border:"#facc15",iconColor:"#d97706",Icon:e.jsx(mt,{size:20})},info:{bg:"#eff6ff",border:"#3b82f6",iconColor:"#2563eb",Icon:e.jsx(dt,{size:20})}},Bt=t=>{const n={position:"fixed",zIndex:9999};switch(t){case"top-left":return{...n,top:"20px",left:"20px"};case"top-center":return{...n,top:"20px",left:"50%",transform:"translateX(-50%)"};case"top-right":return{...n,top:"20px",right:"20px"};case"bottom-left":return{...n,bottom:"20px",left:"20px"};case"bottom-center":return{...n,bottom:"20px",left:"50%",transform:"translateX(-50%)"};case"bottom-right":default:return{...n,bottom:"20px",right:"20px"}}},Dt=({title:t="",description:n="",type:o="info",dismissible:i=!0,onClose:l,duration:s,icon:c,actionButton:f,position:x="top-right",className:v,style:d})=>{const[u,h]=a.useState(!0);if(a.useEffect(()=>{if(s){const z=setTimeout(()=>{h(!1),l?.()},s);return()=>clearTimeout(z)}},[s,l]),!u)return null;const{bg:p,border:w,iconColor:m,Icon:C}=Ot[o],R=Bt(x);return e.jsxs("div",{className:v,style:{...R,display:"flex",gap:"12px",padding:"16px",backgroundColor:p,borderLeft:`4px solid ${w}`,borderRadius:"8px",color:"#111827",alignItems:"flex-start",boxShadow:"0 4px 12px rgba(0,0,0,0.08)",transition:"all 0.3s ease",animation:"slideIn 0.3s ease",maxWidth:"600px",width:"calc(100% - 40px)",...d},children:[e.jsx("div",{style:{color:m,marginTop:"3px"},children:c||C}),e.jsxs("div",{style:{flex:1},children:[t&&e.jsx("div",{style:{fontWeight:"600",marginBottom:"4px"},children:t}),n&&e.jsx("div",{style:{fontSize:"14px",color:"#374151"},children:n}),f&&e.jsx("div",{style:{marginTop:"10px"},children:f})]}),i&&e.jsx("button",{onClick:()=>{h(!1),l?.()},style:{background:"transparent",border:"none",color:"#6b7280",cursor:"pointer",marginLeft:"8px"},children:e.jsx(ne,{size:16})}),e.jsx("style",{children:`
           @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:`
+        `})]})},Yt=({text:t,color:n="#2563eb",textColor:o="#fff",borderColor:i="#2563eb",icon:l,iconPosition:s="left",rounded:c=!1,borderRadius:f,borderWidth:x="0",fontSize:v="14px",fontWeight:d=500,horizontalPadding:u="10px",verticalPadding:h="6px",margin:p="0",shadow:w="0 1px 4px rgba(0, 0, 0, 0.1)",notificationDot:m=!1,dotColor:C="#ef4444",count:R,pulse:z=!1,style:$,onClick:b})=>{const T={display:"inline-flex",alignItems:"center",justifyContent:"center",backgroundColor:n,border:`${x} solid ${i}`,borderRadius:f||(c?"9999px":"6px"),padding:`${h} ${u}`,fontSize:v,fontWeight:d,margin:p,boxShadow:w,position:"relative",cursor:b?"pointer":"default",...$},S={color:o,display:"inline"},y={display:"flex",alignItems:"center",color:o},F={...y,marginRight:t?"6px":"0px"},Y={...y,marginLeft:t?"6px":"0px"},I={position:"absolute",top:"-6px",right:"-6px",backgroundColor:"#ef4444",color:"#fff",borderRadius:"50%",minWidth:"20px",height:"20px",fontSize:"12px",padding:"0 6px",display:"flex",alignItems:"center",justifyContent:"center",lineHeight:1,zIndex:1},E={position:"absolute",top:"-4px",right:"-4px",height:"8px",width:"8px",backgroundColor:C,borderRadius:"50%",zIndex:1,animation:z?"pulseAnim 1.2s infinite":void 0};return e.jsxs("span",{style:T,onClick:b,children:[m&&e.jsx("span",{style:E}),typeof R<"u"&&e.jsx("span",{style:I,children:R}),l&&s==="left"&&e.jsx("span",{style:F,children:l}),t&&e.jsx("span",{style:S,children:t}),l&&s==="right"&&e.jsx("span",{style:Y,children:l}),e.jsx("style",{children:`
           @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;
+        `})]})},Vt=({isOpen:t,onClose:n,children:o,overlayStyle:i,modalStyle:l,closeButtonStyle:s})=>t?e.jsx("div",{style:{position:"fixed",inset:0,backgroundColor:"rgba(0,0,0,0.6)",display:"flex",justifyContent:"center",alignItems:"center",zIndex:1e3,...i},onClick:n,children:e.jsxs("div",{style:{position:"relative",backgroundColor:"#fff",borderRadius:12,width:"90vw",maxWidth:700,maxHeight:"90vh",overflowY:"auto",padding:24,boxShadow:"0 10px 40px rgba(0,0,0,0.25)",...l},onClick:c=>c.stopPropagation(),children:[e.jsx("button",{onClick:n,"aria-label":"Close modal",style:{position:"absolute",top:16,right:16,background:"transparent",border:"none",cursor:"pointer",padding:4,color:"#444",transition:"color 0.2s ease",...s},onMouseEnter:c=>c.currentTarget.style.color="#000",onMouseLeave:c=>c.currentTarget.style.color="#444",children:e.jsx(ne,{size:24})}),o]})}):null,Le={small:32,medium:48,large:64},Me={online:"#4ade80",offline:"#f87171"},Pe=({src:t,alt:n="User Avatar",size:o="medium",isOnline:i=!1,isOffline:l=!1,className:s="",style:c})=>{const f=Le[o];return e.jsxs("div",{style:{position:"relative",width:f,height:f,borderRadius:"50%",overflow:"hidden",display:"inline-block",flexShrink:0,...c},className:s,"aria-label":n,role:"img",children:[e.jsx("img",{src:t,alt:n,width:f,height:f,loading:"lazy",style:{width:"100%",height:"100%",objectFit:"cover",display:"block",borderRadius:"50%"}}),(i||l)&&e.jsx("span",{"aria-label":i?"Online":"Offline",title:i?"Online":"Offline",style:{position:"absolute",bottom:2,right:2,width:f/4,height:f/4,borderRadius:"50%",border:"2px solid white",backgroundColor:i?Me.online:Me.offline,boxShadow:"0 0 2px rgba(0,0,0,0.3)"}})]})},Ut=({avatars:t,max:n=5,size:o="medium",className:i="",style:l})=>{const s=Le[o],c=t.slice(0,n),f=t.length-n;return e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:s/6,...l},className:i,"aria-label":`Group avatars, ${t.length} members`,role:"group",children:[c.map(({src:x,alt:v,isOnline:d,isOffline:u},h)=>e.jsx("div",{style:{marginLeft:h===0?0:-(s/3),boxShadow:"0 0 0 2px white",borderRadius:"50%",flexShrink:0,cursor:"pointer"},title:v,children:e.jsx(Pe,{src:x,alt:v,size:o,isOnline:d,isOffline:u})},h)),f>0&&e.jsxs("div",{style:{marginLeft:-(s/3),width:s,height:s,borderRadius:"50%",backgroundColor:"#ccc",color:"#444",fontSize:s/2.5,fontWeight:"600",display:"flex",justifyContent:"center",alignItems:"center",boxShadow:"0 0 0 2px white",userSelect:"none"},"aria-label":`${f} more members`,title:`${f} more members`,children:["+",f]})]})},Ht=({tracks:t,className:n="",primaryColor:o="#3b82f6",backgroundColor:i="#fff",textColor:l="#222",secondaryColor:s="#e5e7eb",autoplay:c=!1,loop:f=!1})=>{const[x,v]=a.useState(null),d=a.useRef(null),u=a.useRef(null),[h,p]=a.useState(!1),[w,m]=a.useState(0),[C,R]=a.useState(0),[z,$]=a.useState(.5),[b,T]=a.useState(!1),[S,y]=a.useState(f);a.useEffect(()=>{d.current&&(d.current.volume=z)},[z]),a.useEffect(()=>{d.current&&(d.current.loop=S)},[S]),a.useEffect(()=>{x===null&&d.current&&(d.current.pause(),p(!1),m(0),R(0))},[x]);const F=g=>{if(x===g){if(!d.current)return;d.current.paused?(d.current.play(),p(!0)):(d.current.pause(),p(!1))}else v(g),setTimeout(()=>{d.current?.play(),p(!0)},100)},Y=()=>{d.current&&(m(d.current.currentTime),R(d.current.duration))},I=g=>{if(!d.current)return;const j=g.currentTarget.getBoundingClientRect(),B=(g.clientX-j.left)/j.width*C;d.current.currentTime=B,m(B)},E=g=>{if(d.current){let j=d.current.currentTime+g;j=Math.min(Math.max(j,0),C),d.current.currentTime=j,m(j)}},L=()=>{u.current&&(b?document.exitFullscreen?.():u.current.requestFullscreen?.(),T(!b))},U=()=>{$(g=>g>0?0:.5)},O=g=>{if(isNaN(g))return"0:00";const j=Math.floor(g/60),N=Math.floor(g%60);return`${j}:${N<10?"0":""}${N}`};return e.jsxs("section",{className:n,style:{maxWidth:"480px",margin:"auto",backgroundColor:i,color:l,padding:"16px",borderRadius:"12px",boxShadow:"0 4px 12px rgba(0,0,0,0.15)",fontFamily:"'Segoe UI', Tahoma, Geneva, Verdana, sans-serif",userSelect:"none"},"aria-label":"Audio gallery",children:[e.jsx("h2",{style:{marginBottom:"16px",fontSize:"1.25rem",fontWeight:"700"},children:"🎵 Audio Gallery"}),e.jsx("ul",{style:{listStyle:"none",padding:0,margin:0,display:"flex",flexDirection:"column",gap:"12px"},children:t.map(({src:g,title:j,thumbnail:N},M)=>{const B=x===M&&h;return e.jsxs("li",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"12px",borderRadius:"10px",backgroundColor:B?o:s,color:B?"#fff":l,cursor:"pointer",transition:"background-color 0.3s"},onClick:()=>F(M),tabIndex:0,role:"button","aria-pressed":B,onKeyDown:r=>{(r.key==="Enter"||r.key===" ")&&F(M)},"aria-label":`${B?"Pause":"Play"} ${j}`,children:[e.jsx("span",{style:{fontWeight:"600",fontSize:"1rem"},children:j}),B?e.jsx(te,{size:24,"aria-hidden":"true"}):e.jsx(re,{size:24,"aria-hidden":"true"})]},M)})}),x!==null&&e.jsxs("article",{ref:u,style:{marginTop:"24px",padding:"12px",borderRadius:"12px",backgroundColor:s,color:l,boxSizing:"border-box"},"aria-label":`Audio player for ${t[x].title}`,children:[t[x].thumbnail&&e.jsx("img",{src:t[x].thumbnail,alt:`${t[x].title} thumbnail`,loading:"lazy",width:"100%",style:{borderRadius:"12px",marginBottom:"12px",objectFit:"cover",maxHeight:"180px"}}),e.jsx("h3",{style:{fontWeight:"700",fontSize:"1.1rem",marginBottom:"8px"},children:t[x].title}),e.jsx("audio",{ref:d,src:t[x].src,autoPlay:c,loop:S,onTimeUpdate:Y,onEnded:()=>p(!1),onLoadedMetadata:Y,style:{display:"none"},preload:"metadata"}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"16px",flexWrap:"wrap"},children:[e.jsx("button",{onClick:()=>E(-10),"aria-label":"Skip back 10 seconds",style:K(l,o),children:e.jsx(pe,{size:20})}),e.jsx("button",{onClick:()=>{d.current&&(h?d.current.pause():d.current.play(),p(!h))},"aria-label":h?"Pause":"Play",style:{...K("#fff",o),borderRadius:"9999px",padding:"12px",display:"flex",alignItems:"center",justifyContent:"center"},children:h?e.jsx(te,{size:24,color:"#fff"}):e.jsx(re,{size:24,color:"#fff"})}),e.jsx("button",{onClick:()=>E(10),"aria-label":"Skip forward 10 seconds",style:K(l,o),children:e.jsx(fe,{size:20})})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px",marginTop:"16px",flexWrap:"wrap",userSelect:"none"},children:[e.jsx("time",{dateTime:`PT${Math.floor(w/60)}M${Math.floor(w%60)}S`,style:{minWidth:"40px",fontSize:"0.9rem"},"aria-label":"Current playback time",children:O(w)}),e.jsx("div",{onClick:I,role:"slider","aria-valuemin":0,"aria-valuemax":C,"aria-valuenow":w,tabIndex:0,onKeyDown:g=>{d.current&&(g.key==="ArrowRight"?E(5):g.key==="ArrowLeft"&&E(-5))},style:{flex:1,height:"8px",borderRadius:"8px",backgroundColor:"#ccc",cursor:"pointer",position:"relative",minWidth:"120px"},"aria-label":"Seek playback position",children:e.jsx("div",{style:{width:`${w/C*100||0}%`,height:"100%",backgroundColor:o,borderRadius:"8px"}})}),e.jsxs("time",{dateTime:`PT${Math.floor(C/60)}M${Math.floor(C%60)}S`,style:{minWidth:"40px",fontSize:"0.9rem",color:"#666"},"aria-label":"Total duration",children:["/ ",O(C)]})]}),e.jsxs("div",{style:{marginTop:"16px",display:"flex",alignItems:"center",justifyContent:"flex-end",gap:"16px",flexWrap:"wrap"},children:[e.jsx("button",{onClick:()=>y(!S),"aria-label":"Toggle Loop",style:K(S?o:l,S?"#e0f2fe":"transparent"),children:e.jsx(ue,{size:20,color:S?o:l,"aria-hidden":"true"})}),e.jsx("button",{onClick:U,"aria-label":z>0?"Mute":"Unmute",style:K(l,"transparent"),children:z>0?e.jsx(xe,{size:20,"aria-hidden":"true"}):e.jsx(he,{size:20,"aria-hidden":"true"})}),e.jsx("button",{onClick:L,"aria-label":b?"Exit Fullscreen":"Enter Fullscreen",style:K(l,"transparent"),children:b?e.jsx(de,{size:20,"aria-hidden":"true"}):e.jsx(ce,{size:20,"aria-hidden":"true"})})]})]})]})};function K(t,n){return{border:"none",backgroundColor:n,color:t,cursor:"pointer",padding:"6px 10px",borderRadius:"8px",display:"inline-flex",alignItems:"center",justifyContent:"center",transition:"background-color 0.3s ease"}}const Gt=({videos:t,columns:n=3,responsiveColumns:o,gap:i="10px",layout:l="grid",lightbox:s=!0,autoPlay:c=!1,loop:f=!1,muted:x=!1,controls:v=!0,className:d=""})=>{const[u,h]=a.useState(null),[p,w]=a.useState(typeof window<"u"?window.innerWidth:1024),[m,C]=a.useState(n);a.useEffect(()=>{function S(){const y=window.innerWidth;if(w(y),!o){C(n);return}y<640?C(o.mobile??n):y<1024?C(o.tablet??n):C(o.desktop??n)}if(typeof window<"u")return S(),window.addEventListener("resize",S),()=>window.removeEventListener("resize",S)},[n,o]);const R=()=>h(null),z=S=>{S.stopPropagation(),u!==null&&h((u-1+t.length)%t.length)},$=S=>{S.stopPropagation(),u!==null&&h((u+1)%t.length)},b=({src:S,poster:y,autoPlay:F=!1,loop:Y=!1,muted:I=!1,controls:E=!1,width:L="100%",height:U="150px",borderRadius:O="12px",backgroundColor:g="#1e1e1e",primaryColor:j="#ff4081",padding:N="16px",className:M,onClick:B})=>{const r=a.useRef(null),k=a.useRef(null),[P,V]=a.useState(F),[D,A]=a.useState(0),[W,q]=a.useState(0),[_,X]=a.useState(I?0:.5),[J,se]=a.useState(I),[oe,Ne]=a.useState(!1),[le,We]=a.useState(Y);a.useEffect(()=>{r.current&&(r.current.volume=_,r.current.loop=le,r.current.muted=J)},[_,le,J]);const Fe=()=>{r.current&&(P?r.current.pause():r.current.play(),V(!P))},me=()=>{r.current&&(A(r.current.currentTime),q(r.current.duration))},Oe=Z=>{if(!r.current||!Z.currentTarget)return;const ie=Z.currentTarget.getBoundingClientRect(),we=(Z.clientX-ie.left)/ie.width*W;r.current.currentTime=we,A(we)},je=Z=>{r.current&&(r.current.currentTime+=Z)},Be=()=>{k.current&&(oe?document.exitFullscreen?.():k.current.requestFullscreen?.(),Ne(!oe))},De=()=>{J?(se(!1),_===0&&X(.5)):(se(!0),X(0))},ve=Z=>{if(isNaN(Z))return"0:00";const ie=Math.floor(Z/60),ge=Math.floor(Z%60);return`${ie}:${ge<10?"0":""}${ge}`};return e.jsxs("div",{ref:k,onClick:B,className:M,style:{position:"relative",width:L,backgroundColor:g,borderRadius:O,color:"#fff",overflow:"hidden",padding:N,boxSizing:"border-box",maxWidth:"100%",boxShadow:"0 4px 12px rgba(0,0,0,0.3)",cursor:B?"pointer":"default",userSelect:"none"},children:[e.jsx("video",{ref:r,src:S,poster:y,autoPlay:F,loop:Y,muted:I,controls:E,onTimeUpdate:me,onLoadedMetadata:me,style:{width:"100%",height:U,borderRadius:O,objectFit:"cover",backgroundColor:"#000"}}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"10px",marginTop:"10px",flexWrap:"wrap"},children:[e.jsx("button",{onClick:()=>je(-10),"aria-label":"Skip Back 10s",children:e.jsx(pe,{size:20})}),e.jsx("button",{onClick:Fe,style:{background:j,borderRadius:"9999px",padding:"10px",color:"#fff",border:"none",cursor:"pointer"},"aria-label":P?"Pause":"Play",children:P?e.jsx(te,{size:20}):e.jsx(re,{size:20})}),e.jsx("button",{onClick:()=>je(10),"aria-label":"Skip Forward 10s",children:e.jsx(fe,{size:20})})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginTop:"8px",gap:"12px",flexWrap:"wrap"},children:[e.jsxs("div",{style:{flexShrink:0,minWidth:"60px",textAlign:"center"},children:[e.jsx("span",{style:{fontSize:"14px"},children:ve(D)}),e.jsxs("span",{style:{fontSize:"14px",color:"#aaa"},children:[" ","/ ",ve(W)]})]}),e.jsx("div",{onClick:Oe,style:{flex:1,height:"8px",background:"#444",borderRadius:"4px",cursor:"pointer",position:"relative",minWidth:"100px"},children:e.jsx("div",{style:{width:`${D/W*100||0}%`,height:"100%",background:j,borderRadius:"4px"}})}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[e.jsx("button",{onClick:()=>We(!le),"aria-label":"Toggle Loop",type:"button",children:e.jsx(ue,{size:18,color:le?j:void 0})}),e.jsx("button",{onClick:De,"aria-label":J?"Unmute":"Mute",type:"button",children:J?e.jsx(he,{size:18}):e.jsx(xe,{size:18})}),e.jsx("button",{onClick:Be,"aria-label":oe?"Exit Fullscreen":"Fullscreen",type:"button",children:oe?e.jsx(de,{size:18}):e.jsx(ce,{size:18})})]})]})]})},T=()=>p<640?"120px":p<1024?"150px":"180px";return e.jsxs("div",{className:`w-full ${d}`,children:[e.jsx("div",{className:`grid ${l==="masonry"?"grid-flow-dense":""}`,style:{gridTemplateColumns:`repeat(${m}, 1fr)`,gap:i},children:t.map((S,y)=>e.jsx("div",{style:{position:"relative",overflow:"hidden",borderRadius:12,cursor:s?"pointer":"default"},onClick:()=>s&&h(y),children:e.jsx(b,{src:S.src,poster:S.poster,autoPlay:c,loop:f,muted:x,controls:v,height:T(),borderRadius:"12px",padding:"8px",primaryColor:"#ff4081",onClick:F=>F.stopPropagation()})},y))}),s&&u!==null&&e.jsxs("div",{onClick:R,role:"dialog","aria-modal":"true","aria-label":"Video preview",style:{position:"fixed",inset:0,backgroundColor:"rgba(0,0,0,0.8)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:9999},children:[e.jsx("button",{onClick:z,"aria-label":"Previous video",style:{position:"absolute",left:20,top:"50%",transform:"translateY(-50%)",color:"white",background:"transparent",border:"none",cursor:"pointer",padding:8,borderRadius:"50%",userSelect:"none"},type:"button",children:e.jsx(Ie,{size:32})}),e.jsx(b,{src:t[u].src,poster:t[u].poster,autoPlay:!0,controls:!0,muted:x,width:"80vw",height:"45vw",borderRadius:"16px",padding:"16px",primaryColor:"#ff4081",onClick:S=>S.stopPropagation()}),e.jsx("button",{onClick:$,"aria-label":"Next video",style:{position:"absolute",right:20,top:"50%",transform:"translateY(-50%)",color:"white",background:"transparent",border:"none",cursor:"pointer",padding:8,borderRadius:"50%",userSelect:"none"},type:"button",children:e.jsx(_e,{size:32})}),e.jsx("button",{onClick:R,"aria-label":"Close preview",style:{position:"absolute",top:20,right:20,color:"white",background:"transparent",border:"none",cursor:"pointer",padding:8,borderRadius:"50%",userSelect:"none"},type:"button",children:e.jsx(ne,{size:28})})]})]})},qt=({images:t,columns:n=3,gap:o="10px",layout:i="grid",lightbox:l=!0,className:s=""})=>{const[c,f]=a.useState(null),x=()=>f(null),v=u=>{u.stopPropagation(),c!==null&&f((c-1+t.length)%t.length)},d=u=>{u.stopPropagation(),c!==null&&f((c+1)%t.length)};return e.jsxs("div",{className:`w-full ${s}`,children:[e.jsx("div",{className:`grid ${i==="masonry"?"grid-flow-dense":""}`,style:{gridTemplateColumns:`repeat(${n}, 1fr)`,gap:o},children:t.map((u,h)=>e.jsx("div",{className:"relative overflow-hidden rounded-lg cursor-pointer",onClick:()=>l&&f(h),children:e.jsx(be,{src:u.src,alt:u.alt||"Gallery Image",lazyLoad:!0,className:"w-full h-auto object-cover transition-transform duration-300 hover:scale-105",style:{display:"block",width:"100%",height:"auto"},hoverScale:1.05,transitionDuration:"0.3s"})},h))}),l&&c!==null&&e.jsxs("div",{className:"fixed inset-0 bg-black bg-opacity-80 flex items-center justify-center z-50",onClick:x,role:"dialog","aria-modal":"true","aria-label":"Image preview",children:[e.jsx("button",{onClick:v,"aria-label":"Previous image",className:"absolute left-4 top-1/2 -translate-y-1/2 text-white p-2 rounded-full hover:bg-black/50",children:e.jsx(Ie,{size:32})}),e.jsx(be,{src:t[c].src,alt:t[c].alt||"Preview",className:"max-w-full max-h-full",lazyLoad:!0,onClick:u=>u.stopPropagation()}),e.jsx("button",{onClick:d,"aria-label":"Next image",className:"absolute right-4 top-1/2 -translate-y-1/2 text-white p-2 rounded-full hover:bg-black/50",children:e.jsx(_e,{size:32})}),e.jsx("button",{className:"absolute top-4 right-4 text-white p-2 rounded-full hover:bg-black/50",onClick:x,"aria-label":"Close preview",children:e.jsx(ne,{size:28})})]})]})};exports.Accordion=$t;exports.Alert=Dt;exports.AudioGallery=Ht;exports.AudioPlayer=Et;exports.Avatar=Pe;exports.AvatarGroup=Ut;exports.Badge=Yt;exports.Button=Ge;exports.Card=Nt;exports.CheckRadio=It;exports.Container=Mt;exports.Drawer=At;exports.DrawerButton=_t;exports.Dropdown=Lt;exports.Flexbox=Ft;exports.GridView=Wt;exports.Image=be;exports.ImageGallery=qt;exports.Input=kt;exports.LeftTabs=Tt;exports.List=St;exports.Modal=Vt;exports.RightTabs=zt;exports.Table=Pt;exports.Text=He;exports.TopTabs=Ct;exports.VideoGallery=Gt;exports.VideoPlayer=Rt;

package/dist/index.d.ts

@@ -6,16 +6,19 @@ export { List } from './components/basic/List';
 export { LeftTabs, RightTabs, TopTabs } from './components/basic/Tabs';
 export { VideoPlayer } from './components/basic/VideoPlayer';
 export { AudioPlayer } from './components/basic/AudioPlayer';
-export { default as Container } from './components/basic/Container';
+export { Container } from './components/basic/Container';
 export { Accordion } from './components/basic/Accordation';
 export { CheckRadio } from './components/basic/CheckRadioInput';
 export { Drawer, DrawerButton } from './components/basic/Drawer';
 export { Dropdown } from './components/basic/DropDown';
 export { Table } from './components/basic/Table';
-export { default as GridView } from './components/basic/GridView';
-export { default as Flexbox } from './components/basic/Flexbox';
+export { Card } from './components/basic/Card';
+export { GridView } from './components/basic/GridView';
+export { Flexbox } from './components/basic/Flexbox';
 export { Alert } from './components/basic/Alert';
 export { Badge } from './components/basic/Badge';
-export { Avatar } from './components/avatar/Avatar';
-export { AvatarGroup } from './components/avatar/AvatarGroup';
-export { AvatarWithStatus } from './components/avatar/AvatarWithStatus';
+export { Modal } from './components/basic/Modal';
+export { Avatar, AvatarGroup } from './components/basic/Avatar';
+export { AudioGallery } from './components/basic/AudioGallery';
+export { VideoGallery } from './components/basic/VideoGallery';
+export { ImageGallery } from './components/basic/ImageGallery';