@neuctra/ui 0.2.5 → 0.2.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/basic/Accordation.d.ts +9 -13
- package/dist/components/basic/Alert.d.ts +10 -23
- package/dist/components/basic/Avatar.d.ts +7 -16
- package/dist/components/basic/Badge.d.ts +9 -14
- package/dist/components/basic/Button.d.ts +9 -19
- package/dist/components/basic/CheckboxGroup.d.ts +1 -0
- package/dist/components/basic/Container.d.ts +2 -19
- package/dist/components/basic/Drawer.d.ts +7 -18
- package/dist/components/basic/DropDown.d.ts +20 -40
- package/dist/components/basic/FlexView.d.ts +16 -0
- package/dist/components/basic/GridView.d.ts +4 -9
- package/dist/components/basic/Image.d.ts +10 -31
- package/dist/components/basic/Input.d.ts +22 -35
- package/dist/components/basic/List.d.ts +6 -20
- package/dist/components/basic/Modal.d.ts +8 -8
- package/dist/components/basic/RadioGroup.d.ts +1 -0
- package/dist/components/basic/Stack.d.ts +4 -14
- package/dist/components/basic/SwitchGroup.d.ts +1 -0
- package/dist/components/basic/Table.d.ts +6 -1
- package/dist/components/basic/Text.d.ts +1109 -14
- package/dist/index.cjs.js +82 -52
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +3 -4
- package/dist/index.es.js +2004 -2914
- package/dist/index.es.js.map +1 -1
- package/dist/src/components/basic/Accordation.js +25 -26
- package/dist/src/components/basic/Alert.js +33 -138
- package/dist/src/components/basic/AudioPlayer.js +54 -40
- package/dist/src/components/basic/Avatar.js +41 -154
- package/dist/src/components/basic/Badge.js +23 -62
- package/dist/src/components/basic/Button.js +24 -97
- package/dist/src/components/basic/CheckboxGroup.js +36 -13
- package/dist/src/components/basic/Container.js +19 -38
- package/dist/src/components/basic/Drawer.js +22 -73
- package/dist/src/components/basic/DropDown.js +94 -158
- package/dist/src/components/basic/FlexView.js +19 -0
- package/dist/src/components/basic/GridView.js +15 -48
- package/dist/src/components/basic/Image.js +39 -79
- package/dist/src/components/basic/Input.js +68 -109
- package/dist/src/components/basic/List.js +20 -62
- package/dist/src/components/basic/Modal.js +6 -58
- package/dist/src/components/basic/RadioGroup.js +35 -18
- package/dist/src/components/basic/Stack.js +19 -72
- package/dist/src/components/basic/SwitchGroup.js +42 -16
- package/dist/src/components/basic/Table.js +15 -36
- package/dist/src/components/basic/Tabs.js +3 -12
- package/dist/src/components/basic/Text.js +20 -112
- package/dist/src/index.js +3 -5
- package/dist/types/src/components/basic/Accordation.d.ts +9 -13
- package/dist/types/src/components/basic/Alert.d.ts +10 -23
- package/dist/types/src/components/basic/Avatar.d.ts +7 -16
- package/dist/types/src/components/basic/Badge.d.ts +9 -14
- package/dist/types/src/components/basic/Button.d.ts +9 -19
- package/dist/types/src/components/basic/CheckboxGroup.d.ts +1 -0
- package/dist/types/src/components/basic/Container.d.ts +2 -19
- package/dist/types/src/components/basic/Drawer.d.ts +7 -18
- package/dist/types/src/components/basic/DropDown.d.ts +20 -40
- package/dist/types/src/components/basic/FlexView.d.ts +16 -0
- package/dist/types/src/components/basic/GridView.d.ts +4 -9
- package/dist/types/src/components/basic/Image.d.ts +10 -31
- package/dist/types/src/components/basic/Input.d.ts +22 -35
- package/dist/types/src/components/basic/List.d.ts +6 -20
- package/dist/types/src/components/basic/Modal.d.ts +8 -8
- package/dist/types/src/components/basic/RadioGroup.d.ts +1 -0
- package/dist/types/src/components/basic/Stack.d.ts +4 -14
- package/dist/types/src/components/basic/SwitchGroup.d.ts +1 -0
- package/dist/types/src/components/basic/Table.d.ts +6 -1
- package/dist/types/src/components/basic/Text.d.ts +1109 -14
- package/dist/types/src/index.d.ts +3 -4
- package/dist/ui.css +1 -1
- package/package.json +2 -1
- package/dist/components/basic/Card.d.ts +0 -28
- package/dist/components/basic/Flexbox.d.ts +0 -25
- package/dist/components/basic/Section.d.ts +0 -36
- package/dist/src/components/basic/Card.js +0 -47
- package/dist/src/components/basic/Flexbox.js +0 -67
- package/dist/src/components/basic/Section.js +0 -100
- package/dist/types/src/components/basic/Card.d.ts +0 -28
- package/dist/types/src/components/basic/Flexbox.d.ts +0 -25
- package/dist/types/src/components/basic/Section.d.ts +0 -36
package/dist/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react");var oe={exports:{}},ne={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var
|
|
9
|
+
*/var me;function Ie(){if(me)return ne;me=1;var s=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function n(t,o,l){var c=null;if(l!==void 0&&(c=""+l),o.key!==void 0&&(c=""+o.key),"key"in o){l={};for(var u in o)u!=="key"&&(l[u]=o[u])}else l=o;return o=l.ref,{$$typeof:s,type:t,key:c,ref:o!==void 0?o:null,props:l}}return ne.Fragment=r,ne.jsx=n,ne.jsxs=n,ne}var ae={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,141 +14,142 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var
|
|
17
|
+
*/var be;function Ce(){return be||(be=1,process.env.NODE_ENV!=="production"&&(function(){function s(a){if(a==null)return null;if(typeof a=="function")return a.$$typeof===H?null:a.displayName||a.name||null;if(typeof a=="string")return a;switch(a){case A:return"Fragment";case z:return"Profiler";case $:return"StrictMode";case b:return"Suspense";case h:return"SuspenseList";case O:return"Activity"}if(typeof a=="object")switch(typeof a.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),a.$$typeof){case k:return"Portal";case R:return a.displayName||"Context";case I:return(a._context.displayName||"Context")+".Consumer";case v:var g=a.render;return a=a.displayName,a||(a=g.displayName||g.name||"",a=a!==""?"ForwardRef("+a+")":"ForwardRef"),a;case p:return g=a.displayName||null,g!==null?g:s(a.type)||"Memo";case L:g=a._payload,a=a._init;try{return s(a(g))}catch{}}return null}function r(a){return""+a}function n(a){try{r(a);var g=!1}catch{g=!0}if(g){g=console;var w=g.error,C=typeof Symbol=="function"&&Symbol.toStringTag&&a[Symbol.toStringTag]||a.constructor.name||"Object";return w.call(g,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",C),r(a)}}function t(a){if(a===A)return"<>";if(typeof a=="object"&&a!==null&&a.$$typeof===L)return"<...>";try{var g=s(a);return g?"<"+g+">":"<...>"}catch{return"<...>"}}function o(){var a=V.A;return a===null?null:a.getOwner()}function l(){return Error("react-stack-top-frame")}function c(a){if(W.call(a,"key")){var g=Object.getOwnPropertyDescriptor(a,"key").get;if(g&&g.isReactWarning)return!1}return a.key!==void 0}function u(a,g){function w(){f||(f=!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)",g))}w.isReactWarning=!0,Object.defineProperty(a,"key",{get:w,configurable:!0})}function j(){var a=s(this.type);return M[a]||(M[a]=!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.")),a=this.props.ref,a!==void 0?a:null}function m(a,g,w,C,q,Q){var B=w.ref;return a={$$typeof:_,type:a,key:g,props:w,_owner:C},(B!==void 0?B:null)!==null?Object.defineProperty(a,"ref",{enumerable:!1,get:j}):Object.defineProperty(a,"ref",{enumerable:!1,value:null}),a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(a,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(a,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.defineProperty(a,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Q}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a}function y(a,g,w,C,q,Q){var B=g.children;if(B!==void 0)if(C)if(F(B)){for(C=0;C<B.length;C++)d(B[C]);Object.freeze&&Object.freeze(B)}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 d(B);if(W.call(g,"key")){B=s(a);var K=Object.keys(g).filter(function(E){return E!=="key"});C=0<K.length?"{key: someKey, "+K.join(": ..., ")+": ...}":"{key: someKey}",J[B+C]||(K=0<K.length?"{"+K.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
18
18
|
let props = %s;
|
|
19
19
|
<%s {...props} />
|
|
20
20
|
React keys must be passed directly to JSX without using spread:
|
|
21
21
|
let props = %s;
|
|
22
|
-
<%s key={someKey} {...props} />`,
|
|
22
|
+
<%s key={someKey} {...props} />`,C,B,K,B),J[B+C]=!0)}if(B=null,w!==void 0&&(n(w),B=""+w),c(g)&&(n(g.key),B=""+g.key),"key"in g){w={};for(var X in g)X!=="key"&&(w[X]=g[X])}else w=g;return B&&u(w,typeof a=="function"?a.displayName||a.name||"Unknown":a),m(a,B,w,o(),q,Q)}function d(a){x(a)?a._store&&(a._store.validated=1):typeof a=="object"&&a!==null&&a.$$typeof===L&&(a._payload.status==="fulfilled"?x(a._payload.value)&&a._payload.value._store&&(a._payload.value._store.validated=1):a._store&&(a._store.validated=1))}function x(a){return typeof a=="object"&&a!==null&&a.$$typeof===_}var S=i,_=Symbol.for("react.transitional.element"),k=Symbol.for("react.portal"),A=Symbol.for("react.fragment"),$=Symbol.for("react.strict_mode"),z=Symbol.for("react.profiler"),I=Symbol.for("react.consumer"),R=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),b=Symbol.for("react.suspense"),h=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),O=Symbol.for("react.activity"),H=Symbol.for("react.client.reference"),V=S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,W=Object.prototype.hasOwnProperty,F=Array.isArray,N=console.createTask?console.createTask:function(){return null};S={react_stack_bottom_frame:function(a){return a()}};var f,M={},Y=S.react_stack_bottom_frame.bind(S,l)(),G=N(t(l)),J={};ae.Fragment=A,ae.jsx=function(a,g,w){var C=1e4>V.recentlyCreatedOwnerStacks++;return y(a,g,w,!1,C?Error("react-stack-top-frame"):Y,C?N(t(a)):G)},ae.jsxs=function(a,g,w){var C=1e4>V.recentlyCreatedOwnerStacks++;return y(a,g,w,!0,C?Error("react-stack-top-frame"):Y,C?N(t(a)):G)}})()),ae}var ge;function Pe(){return ge||(ge=1,process.env.NODE_ENV==="production"?oe.exports=Ie():oe.exports=Ce()),oe.exports}var e=Pe();/**
|
|
23
23
|
* @license lucide-react v0.536.0 - ISC
|
|
24
24
|
*
|
|
25
25
|
* This source code is licensed under the ISC license.
|
|
26
26
|
* See the LICENSE file in the root directory of this source tree.
|
|
27
|
-
*/const
|
|
27
|
+
*/const Le=s=>s.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),De=s=>s.replace(/^([A-Z])|[\s-_]+(\w)/g,(r,n,t)=>t?t.toUpperCase():n.toLowerCase()),ye=s=>{const r=De(s);return r.charAt(0).toUpperCase()+r.slice(1)},je=(...s)=>s.filter((r,n,t)=>!!r&&r.trim()!==""&&t.indexOf(r)===n).join(" ").trim(),Oe=s=>{for(const r in s)if(r.startsWith("aria-")||r==="role"||r==="title")return!0};/**
|
|
28
28
|
* @license lucide-react v0.536.0 - ISC
|
|
29
29
|
*
|
|
30
30
|
* This source code is licensed under the ISC license.
|
|
31
31
|
* See the LICENSE file in the root directory of this source tree.
|
|
32
|
-
*/var
|
|
32
|
+
*/var Fe={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"};/**
|
|
33
33
|
* @license lucide-react v0.536.0 - ISC
|
|
34
34
|
*
|
|
35
35
|
* This source code is licensed under the ISC license.
|
|
36
36
|
* See the LICENSE file in the root directory of this source tree.
|
|
37
|
-
*/const
|
|
37
|
+
*/const Be=i.forwardRef(({color:s="currentColor",size:r=24,strokeWidth:n=2,absoluteStrokeWidth:t,className:o="",children:l,iconNode:c,...u},j)=>i.createElement("svg",{ref:j,...Fe,width:r,height:r,stroke:s,strokeWidth:t?Number(n)*24/Number(r):n,className:je("lucide",o),...!l&&!Oe(u)&&{"aria-hidden":"true"},...u},[...c.map(([m,y])=>i.createElement(m,y)),...Array.isArray(l)?l:[l]]));/**
|
|
38
38
|
* @license lucide-react v0.536.0 - ISC
|
|
39
39
|
*
|
|
40
40
|
* This source code is licensed under the ISC license.
|
|
41
41
|
* See the LICENSE file in the root directory of this source tree.
|
|
42
|
-
*/const
|
|
42
|
+
*/const U=(s,r)=>{const n=i.forwardRef(({className:t,...o},l)=>i.createElement(Be,{ref:l,iconNode:r,className:je(`lucide-${Le(ye(s))}`,`lucide-${s}`,t),...o}));return n.displayName=ye(s),n};/**
|
|
43
43
|
* @license lucide-react v0.536.0 - ISC
|
|
44
44
|
*
|
|
45
45
|
* This source code is licensed under the ISC license.
|
|
46
46
|
* See the LICENSE file in the root directory of this source tree.
|
|
47
|
-
*/const Ve=[["
|
|
47
|
+
*/const Ve=[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]],ke=U("chevron-down",Ve);/**
|
|
48
48
|
* @license lucide-react v0.536.0 - ISC
|
|
49
49
|
*
|
|
50
50
|
* This source code is licensed under the ISC license.
|
|
51
51
|
* See the LICENSE file in the root directory of this source tree.
|
|
52
|
-
*/const
|
|
52
|
+
*/const Ye=[["path",{d:"m18 15-6-6-6 6",key:"153udz"}]],Ue=U("chevron-up",Ye);/**
|
|
53
53
|
* @license lucide-react v0.536.0 - ISC
|
|
54
54
|
*
|
|
55
55
|
* This source code is licensed under the ISC license.
|
|
56
56
|
* See the LICENSE file in the root directory of this source tree.
|
|
57
|
-
*/const
|
|
57
|
+
*/const We=[["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"}]],He=U("circle-alert",We);/**
|
|
58
58
|
* @license lucide-react v0.536.0 - ISC
|
|
59
59
|
*
|
|
60
60
|
* This source code is licensed under the ISC license.
|
|
61
61
|
* See the LICENSE file in the root directory of this source tree.
|
|
62
|
-
*/const
|
|
62
|
+
*/const qe=[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]],Ge=U("circle-check-big",qe);/**
|
|
63
63
|
* @license lucide-react v0.536.0 - ISC
|
|
64
64
|
*
|
|
65
65
|
* This source code is licensed under the ISC license.
|
|
66
66
|
* See the LICENSE file in the root directory of this source tree.
|
|
67
|
-
*/const
|
|
67
|
+
*/const Xe=[["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"}]],Je=U("eye-off",Xe);/**
|
|
68
68
|
* @license lucide-react v0.536.0 - ISC
|
|
69
69
|
*
|
|
70
70
|
* This source code is licensed under the ISC license.
|
|
71
71
|
* See the LICENSE file in the root directory of this source tree.
|
|
72
|
-
*/const
|
|
72
|
+
*/const Ke=[["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"}]],Ze=U("eye",Ke);/**
|
|
73
73
|
* @license lucide-react v0.536.0 - ISC
|
|
74
74
|
*
|
|
75
75
|
* This source code is licensed under the ISC license.
|
|
76
76
|
* See the LICENSE file in the root directory of this source tree.
|
|
77
|
-
*/const
|
|
77
|
+
*/const Qe=[["path",{d:"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5",key:"mvr1a0"}]],et=U("heart",Qe);/**
|
|
78
78
|
* @license lucide-react v0.536.0 - ISC
|
|
79
79
|
*
|
|
80
80
|
* This source code is licensed under the ISC license.
|
|
81
81
|
* See the LICENSE file in the root directory of this source tree.
|
|
82
|
-
*/const
|
|
82
|
+
*/const tt=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]],rt=U("info",tt);/**
|
|
83
83
|
* @license lucide-react v0.536.0 - ISC
|
|
84
84
|
*
|
|
85
85
|
* This source code is licensed under the ISC license.
|
|
86
86
|
* See the LICENSE file in the root directory of this source tree.
|
|
87
|
-
*/const
|
|
87
|
+
*/const st=[["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"}]],nt=U("maximize",st);/**
|
|
88
88
|
* @license lucide-react v0.536.0 - ISC
|
|
89
89
|
*
|
|
90
90
|
* This source code is licensed under the ISC license.
|
|
91
91
|
* See the LICENSE file in the root directory of this source tree.
|
|
92
|
-
*/const
|
|
92
|
+
*/const at=[["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"}]],ot=U("minimize",at);/**
|
|
93
93
|
* @license lucide-react v0.536.0 - ISC
|
|
94
94
|
*
|
|
95
95
|
* This source code is licensed under the ISC license.
|
|
96
96
|
* See the LICENSE file in the root directory of this source tree.
|
|
97
|
-
*/const
|
|
97
|
+
*/const lt=[["path",{d:"M9 18V5l12-2v13",key:"1jmyc2"}],["circle",{cx:"6",cy:"18",r:"3",key:"fqmcym"}],["circle",{cx:"18",cy:"16",r:"3",key:"1hluhg"}]],ve=U("music",lt);/**
|
|
98
98
|
* @license lucide-react v0.536.0 - ISC
|
|
99
99
|
*
|
|
100
100
|
* This source code is licensed under the ISC license.
|
|
101
101
|
* See the LICENSE file in the root directory of this source tree.
|
|
102
|
-
*/const
|
|
102
|
+
*/const it=[["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"}]],de=U("pause",it);/**
|
|
103
103
|
* @license lucide-react v0.536.0 - ISC
|
|
104
104
|
*
|
|
105
105
|
* This source code is licensed under the ISC license.
|
|
106
106
|
* See the LICENSE file in the root directory of this source tree.
|
|
107
|
-
*/const
|
|
107
|
+
*/const ct=[["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"}]],ue=U("play",ct);/**
|
|
108
108
|
* @license lucide-react v0.536.0 - ISC
|
|
109
109
|
*
|
|
110
110
|
* This source code is licensed under the ISC license.
|
|
111
111
|
* See the LICENSE file in the root directory of this source tree.
|
|
112
|
-
*/const
|
|
112
|
+
*/const dt=[["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"}]],$e=U("rotate-ccw",dt);/**
|
|
113
113
|
* @license lucide-react v0.536.0 - ISC
|
|
114
114
|
*
|
|
115
115
|
* This source code is licensed under the ISC license.
|
|
116
116
|
* See the LICENSE file in the root directory of this source tree.
|
|
117
|
-
*/const
|
|
117
|
+
*/const ut=[["path",{d:"m18 14 4 4-4 4",key:"10pe0f"}],["path",{d:"m18 2 4 4-4 4",key:"pucp1d"}],["path",{d:"M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22",key:"1ailkh"}],["path",{d:"M2 6h1.972a4 4 0 0 1 3.6 2.2",key:"km57vx"}],["path",{d:"M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45",key:"os18l9"}]],ft=U("shuffle",ut);/**
|
|
118
118
|
* @license lucide-react v0.536.0 - ISC
|
|
119
119
|
*
|
|
120
120
|
* This source code is licensed under the ISC license.
|
|
121
121
|
* See the LICENSE file in the root directory of this source tree.
|
|
122
|
-
*/const
|
|
122
|
+
*/const xt=[["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"}]],fe=U("skip-back",xt);/**
|
|
123
123
|
* @license lucide-react v0.536.0 - ISC
|
|
124
124
|
*
|
|
125
125
|
* This source code is licensed under the ISC license.
|
|
126
126
|
* See the LICENSE file in the root directory of this source tree.
|
|
127
|
-
*/const
|
|
127
|
+
*/const pt=[["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"}]],xe=U("skip-forward",pt);/**
|
|
128
128
|
* @license lucide-react v0.536.0 - ISC
|
|
129
129
|
*
|
|
130
130
|
* This source code is licensed under the ISC license.
|
|
131
131
|
* See the LICENSE file in the root directory of this source tree.
|
|
132
|
-
*/const
|
|
132
|
+
*/const ht=[["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=U("triangle-alert",ht);/**
|
|
133
133
|
* @license lucide-react v0.536.0 - ISC
|
|
134
134
|
*
|
|
135
135
|
* This source code is licensed under the ISC license.
|
|
136
136
|
* See the LICENSE file in the root directory of this source tree.
|
|
137
|
-
*/const
|
|
137
|
+
*/const bt=[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]],gt=U("user",bt);/**
|
|
138
138
|
* @license lucide-react v0.536.0 - ISC
|
|
139
139
|
*
|
|
140
140
|
* This source code is licensed under the ISC license.
|
|
141
141
|
* See the LICENSE file in the root directory of this source tree.
|
|
142
|
-
*/const
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
`}),e.jsxs("div",{className:R,style:{...E,animation:`${g.includes("bottom")?"alert-slide-in-bottom":"alert-slide-in-top"} ${l} ease`},role:"alert",children:[e.jsx("div",{style:{color:B,marginTop:"2px"},children:x||H}),e.jsxs("div",{style:{flex:1,minWidth:0},children:[t&&e.jsx("div",{style:{fontWeight:600,fontSize:b,marginBottom:"4px"},children:t}),r&&e.jsx("div",{style:{fontSize:"0.875rem",color:p,lineHeight:1.4},children:r}),f&&e.jsx("div",{style:{marginTop:"8px"},children:f})]}),s&&e.jsx("button",{onClick:()=>{F(!0),setTimeout(()=>{L(!1),a?.()},parseInt(l))},style:{background:"transparent",border:"none",color:"#6b7280",cursor:"pointer",marginLeft:"8px",padding:0,lineHeight:0},"aria-label":"Close alert",children:e.jsx(ye,{size:16})})]})]}):null};ze.displayName="Alert";const _e=d.memo(({items:t,allowMultiple:r=!1,defaultOpen:n=[],borderColor:s="#e5e7eb",backgroundColor:i="#fff",textColor:a="#111827",hoverBgColor:x="#f9fafb",hoverTextColor:f="#111827",contentBgColor:g="#fff",contentTextColor:y="#374151",paddingY:v="1rem",paddingX:c="1rem",marginY:u="0.75rem",borderRadius:j="0.5rem",contentPadding:m="1rem",fontSize:b="1rem",fontWeight:h=600,contentFontSize:p="0.95rem",contentFontWeight:l=400,iconOpen:w="−",iconClose:R="+",iconSize:S="1.25rem",transitionDuration:z="300ms",shadow:L="0 1px 4px rgba(0,0,0,0.08)",className:M="",style:F})=>{const[I,D]=d.useState(n),B=d.useRef([]);d.useEffect(()=>{B.current.forEach((W,E)=>{W&&(W.style.maxHeight=I.includes(E)?`${W.scrollHeight}px`:"0px")})},[I]);const H=W=>{D(E=>r?E.includes(W)?E.filter(T=>T!==W):[...E,W]:E.includes(W)?[]:[W])};return e.jsx("div",{className:M,style:{width:"100%",...F},children:t.map((W,E)=>{const T=I.includes(E);return e.jsxs("div",{style:{border:`1px solid ${s}`,borderRadius:j,margin:`${u} 0`,boxShadow:L,overflow:"hidden",transition:`all ${z} ease`},children:[e.jsxs("button",{onClick:()=>H(E),style:{width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",backgroundColor:i,color:a,padding:`${v} ${c}`,fontWeight:h,fontSize:b,cursor:"pointer",border:"none",outline:"none",transition:`all ${z}`},onMouseEnter:V=>{V.currentTarget.style.backgroundColor=x,V.currentTarget.style.color=f},onMouseLeave:V=>{V.currentTarget.style.backgroundColor=i,V.currentTarget.style.color=a},children:[e.jsx("span",{children:W.title}),e.jsx("span",{style:{fontSize:S},children:T?w:R})]}),e.jsx("div",{ref:V=>{B.current[E]=V},style:{overflow:"hidden",maxHeight:T?`${B.current[E]?.scrollHeight}px`:"0px",transition:`max-height ${z} ease-in-out`},children:e.jsx("div",{style:{borderTop:`1px solid ${s}`,backgroundColor:g,color:y,padding:m,fontSize:p,fontWeight:l},children:W.content})})]},E)})})});_e.displayName="Accordion";const Ie={xs:24,sm:32,md:40,lg:48,xl:56,"2xl":64},Ae={xs:10,sm:12,md:14,lg:16,xl:18,"2xl":20},St={xs:6,sm:8,md:10,lg:12,xl:14,"2xl":16},Tt=t=>{switch(t){case"square":return"0px";case"rounded":return"8px";default:return"50%"}},Ct=(t,r)=>{switch(t){case"top-left":return{top:2,left:2};case"top-right":return{top:2,right:2};case"bottom-left":return{bottom:2,left:2};default:return{bottom:2,right:2}}},Rt=(t,r)=>{switch(t){case"tight":return-(r*.5);case"loose":return-(r*.15);default:return-(r*.35)}},Le=({src:t,alt:r="User avatar",size:n="md",variant:s="circular",isOnline:i=!1,isOffline:a=!1,className:x="",style:f,statusClassName:g="",statusStyle:y,statusPosition:v="bottom-right",fallback:c,ring:u=!1,ringColor:j="#3b82f6",onClick:m})=>{const[b,h]=d.useState(!1),[p,l]=d.useState(!1),w=n==="responsive",R=w?void 0:Ie[n],S=w?"clamp(10px, 2vw, 16px)":Ae[n],z=w?10:St[n],L=Tt(s),M=c||r.split(" ").map(H=>H[0]).join("").toUpperCase().slice(0,2),F=i?"#10b981":a?"#6b7280":"",I=i?"Online":a?"Offline":"",D=t&&!b,B=!!m;return e.jsxs("div",{className:x,role:B?"button":"img",tabIndex:B?0:-1,"aria-label":r,onClick:m,onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),onKeyDown:H=>{B&&(H.key==="Enter"||H.key===" ")&&(H.preventDefault(),m?.())},style:{position:"relative",width:w?"100%":R,height:w?"100%":R,borderRadius:L,overflow:"visible",display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,cursor:B?"pointer":"default",transition:"all 0.25s cubic-bezier(0.4, 0, 0.2, 1)",transform:p&&B?"scale(1.05)":"scale(1)",boxShadow:u?`0 0 0 3px ${j}22, 0 0 0 1px ${j}`:p&&B?"0 6px 16px rgba(0, 0, 0, 0.15)":"0 1px 3px rgba(0, 0, 0, 0.1)",...f},children:[D?e.jsx("img",{src:t,alt:r,onError:()=>h(!0),loading:"lazy",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:L,transition:"opacity 0.3s ease-in-out"}}):e.jsx("div",{style:{width:"100%",height:"100%",background:"linear-gradient(135deg, #667eea 0%, #764ba2 100%)",color:"#fff",fontSize:S,fontWeight:600,borderRadius:L,display:"flex",alignItems:"center",justifyContent:"center"},children:M||e.jsx(bt,{size:R?R*.5:20})}),(i||a)&&e.jsx("div",{className:g,"aria-label":I,title:I,style:{position:"absolute",width:z,height:z,borderRadius:"50%",backgroundColor:F,border:"2px solid white",boxShadow:"0 1px 3px rgba(0, 0, 0, 0.12)",...Ct(v),...y}})]})},$t=({avatars:t,max:r=4,size:n="md",className:s="",style:i,spacing:a="normal",direction:x="left"})=>{const f=n==="responsive",g=f?40:Ie[n],y=f?"clamp(10px, 2vw, 14px)":Ae[n],v=Rt(a,g),c=t.slice(0,r),u=t.length-r;return e.jsxs("div",{className:s,style:{display:"flex",alignItems:"center",flexDirection:x==="right"?"row-reverse":"row",flexWrap:"wrap",...i},role:"group","aria-label":`Avatar group with ${t.length} members`,children:[c.map((j,m)=>{const b=x==="left"?m===0:m===c.length-1,h=x==="left"?c.length-m:m+1;return e.jsx("div",{style:{marginLeft:x==="left"&&!b?v:0,marginRight:x==="right"&&!b?v:0,zIndex:h,position:"relative",transition:"transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)"},onMouseEnter:p=>{p.currentTarget.style.transform="translateY(-3px) scale(1.05)",p.currentTarget.style.zIndex="100"},onMouseLeave:p=>{p.currentTarget.style.transform="translateY(0) scale(1)",p.currentTarget.style.zIndex=h.toString()},children:e.jsx(Le,{...j,size:n})},m)}),u>0&&e.jsxs("div",{style:{marginLeft:x==="left"?v:0,marginRight:x==="right"?v:0,width:g,height:g,borderRadius:"50%",background:"linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%)",color:"#374151",fontSize:y,fontWeight:600,display:"flex",justifyContent:"center",alignItems:"center",border:"3px solid white",boxShadow:"0 2px 8px rgba(0, 0, 0, 0.15)",userSelect:"none"},title:`${u} more members`,children:["+",u]})]})},Et=({src:t,thumbnail:r,autoPlay:n=!1,loop:s=!1,backgroundColor:i="#000000",primaryColor:a="#10b981",secondaryColor:x="#ffffff",borderRadius:f="12px",padding:g="16px",width:y="100%",className:v})=>{const c=d.useRef(null),u=d.useRef(null),[j,m]=d.useState(n),[b,h]=d.useState(0),[p,l]=d.useState(0),[w,R]=d.useState(.5),[S,z]=d.useState(!1),[L,M]=d.useState(s);d.useEffect(()=>{c.current&&(c.current.volume=w)},[w]),d.useEffect(()=>{c.current&&(c.current.loop=L)},[L]);const F=()=>{c.current&&(j?c.current.pause():c.current.play(),m(!j))},I=()=>{c.current&&(h(c.current.currentTime),l(c.current.duration))},D=E=>{if(!c.current||!E.currentTarget)return;const T=E.currentTarget.getBoundingClientRect(),U=(E.clientX-T.left)/T.width*p;c.current.currentTime=U,h(U)},B=E=>{c.current&&(c.current.currentTime+=E)},H=()=>{u.current&&(S?document.exitFullscreen?.():u.current.requestFullscreen?.(),z(!S))},W=E=>{const T=Math.floor(E/60),V=Math.floor(E%60);return`${T}:${V<10?"0":""}${V}`};return e.jsxs("div",{ref:u,className:v,style:{position:"relative",width:y,backgroundColor:i,borderRadius:f,color:x,boxShadow:"0 4px 12px rgba(0,0,0,0.3)",overflow:"hidden",padding:g,boxSizing:"border-box",maxWidth:"100%"},children:[e.jsx("audio",{ref:c,src:t,autoPlay:n,loop:s,onTimeUpdate:I,onLoadedMetadata:I}),r&&e.jsx("img",{src:r,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:()=>B(-10),"aria-label":"Skip Back 10s",children:e.jsx(me,{size:20})}),e.jsx("button",{onClick:F,style:{background:a,borderRadius:"9999px",padding:"10px",color:"#fff",border:"none",cursor:"pointer"},"aria-label":j?"Pause":"Play",children:j?e.jsx(he,{size:20}):e.jsx(ge,{size:20})}),e.jsx("button",{onClick:()=>B(10),"aria-label":"Skip Forward 10s",children:e.jsx(be,{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:W(b)}),e.jsxs("span",{style:{fontSize:"14px",color:"#aaa"},children:["/ ",W(p)]})]}),e.jsx("div",{onClick:D,style:{flex:1,height:"8px",background:"#444",borderRadius:"4px",cursor:"pointer",position:"relative",minWidth:"100px"},children:e.jsx("div",{style:{width:`${b/p*100||0}%`,height:"100%",background:a,borderRadius:"4px"}})}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px",flexShrink:0},children:[e.jsx("button",{onClick:()=>M(!L),"aria-label":"Toggle Loop",children:e.jsx($e,{size:18,color:L?a:void 0})}),e.jsx("button",{onClick:()=>R(w>0?0:.5),"aria-label":"Toggle Mute",children:w>0?e.jsx(Ee,{size:18}):e.jsx(Me,{size:18})}),e.jsx("button",{onClick:H,"aria-label":"Toggle Fullscreen",children:S?e.jsx(at,{size:18}):e.jsx(st,{size:18})})]})]})]})},Mt=[{src:"https://www.soundjay.com/misc/sounds/bell-ringing-05.wav",title:"Morning Bell",artist:"Nature Sounds",duration:"0:15",thumbnail:"https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=300&h=300&fit=crop"},{src:"https://www.soundjay.com/buttons/sounds/button-4.wav",title:"Digital Click",artist:"Tech Audio",duration:"0:05",thumbnail:"https://images.unsplash.com/photo-1514525253161-7a46d19cd819?w=300&h=300&fit=crop"},{src:"https://www.soundjay.com/buttons/sounds/button-10.wav",title:"Soft Chime",artist:"Ambient Studio",duration:"0:08",thumbnail:"https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=300&h=300&fit=crop"}];function zt({tracks:t=Mt,className:r="",galleryTitle:n="Audio Gallery",primaryColor:s="#8b5cf6",backgroundColor:i="#0f0f23",textColor:a="#e4e4e7",secondaryColor:x="#1a1a2e",border:f=0,borderColor:g,maxWidth:y=420,autoplay:v=!1,loop:c=!1}){const[u,j]=d.useState(null),[m,b]=d.useState(!1),[h,p]=d.useState(0),[l,w]=d.useState(0),[R,S]=d.useState(.7),[z,L]=d.useState(!1),[M,F]=d.useState(c),[I,D]=d.useState(!1),[B,H]=d.useState(!1),[W,E]=d.useState(!1),T=d.useRef(null),V=d.useRef(null),U=d.useRef(null);d.useEffect(()=>{T.current&&(T.current.volume=R)},[R]),d.useEffect(()=>{T.current&&(T.current.loop=M)},[M]),d.useEffect(()=>{u===null&&T.current&&(T.current.pause(),b(!1),p(0),w(0))},[u]);const q=$=>{if(u===$){if(!T.current)return;T.current.paused?(T.current.play().catch(()=>{}),b(!0)):(T.current.pause(),b(!1))}else j($),setTimeout(()=>{T.current&&(T.current.play().catch(()=>{}),b(!0))},100)},re=()=>{T.current&&(p(T.current.currentTime),T.current.duration&&w(T.current.duration))},o=$=>{if(!T.current||!l)return;const k=$.currentTarget.getBoundingClientRect(),Z=($.clientX-k.left)/k.width*l;T.current.currentTime=Z,p(Z)},C=$=>{const k=$.currentTarget.getBoundingClientRect(),J=($.clientX-k.left)/k.width,Z=Math.max(0,Math.min(1,J));S(Z)},N=$=>{if(T.current&&l){let k=T.current.currentTime+$;k=Math.min(Math.max(k,0),l),T.current.currentTime=k,p(k)}},Y=()=>{if(u===null)return;let $;I?$=Math.floor(Math.random()*t.length):$=(u+1)%t.length,q($)},K=()=>{if(u===null)return;let $;I?$=Math.floor(Math.random()*t.length):$=(u-1+t.length)%t.length,q($)},ne=()=>{S($=>$>0?0:.7)},A=()=>{E(!0),U.current&&clearTimeout(U.current),U.current=setTimeout(()=>{E(!1)},3e3)},P=$=>{if(isNaN($))return"0:00";const k=Math.floor($/60),_=Math.floor($%60);return`${k}:${_<10?"0":""}${_}`},X=u!==null?t[u]:null;return e.jsxs("div",{className:r,style:{maxWidth:`${y}px`,margin:"20px auto",background:`linear-gradient(145deg, ${i}, ${x})`,color:a,borderRadius:"24px",padding:"24px 16px",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",userSelect:"none",backdropFilter:"blur(20px)",border:`${f}px solid ${g}40`},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"24px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx("div",{style:{width:"40px",height:"40px",borderRadius:"12px",background:`linear-gradient(135deg, ${s}, ${x})`,display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(Te,{size:20,color:"white"})}),e.jsxs("div",{children:[e.jsx("h2",{style:{margin:0,fontSize:"1.25rem",fontWeight:"700",color:s},children:n}),e.jsxs("p",{style:{margin:0,fontSize:"0.875rem",opacity:.7},children:[t.length," tracks"]})]})]}),e.jsx("button",{onClick:()=>D(!I),style:{background:I?s:"transparent",border:"none",borderRadius:"12px",padding:"8px",cursor:"pointer",transition:"all 0.3s ease",opacity:I?1:.6},"aria-label":"Toggle Shuffle",children:e.jsx(ft,{size:18,color:I?"white":a})})]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"8px",marginBottom:"20px",maxHeight:"240px",overflowY:"auto",paddingRight:"4px"},children:t.map(($,k)=>{const _=u===k,J=_&&m;return e.jsxs("div",{onClick:()=>q(k),style:{display:"flex",alignItems:"center",padding:"12px 16px",borderRadius:"16px",background:_?`linear-gradient(135deg, ${s}20, ${s}10)`:"rgba(255,255,255,0.05)",border:_?`1px solid ${s}40`:"1px solid transparent",cursor:"pointer",transition:"all 0.3s ease",backdropFilter:_?"blur(20px)":"none"},children:[e.jsxs("div",{style:{width:"48px",height:"48px",borderRadius:"12px",background:$.thumbnail?`url(${$.thumbnail}) center/cover`:s,display:"flex",alignItems:"center",justifyContent:"center",marginRight:"12px",position:"relative",overflow:"hidden"},children:[!$.thumbnail&&e.jsx(Te,{size:20,color:"white"}),J&&e.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,background:"rgba(0,0,0,0.6)",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx("div",{style:{width:"16px",height:"16px",display:"flex",gap:"2px",alignItems:"end",justifyContent:"center"},children:[0,1,2].map(Z=>e.jsx("div",{style:{width:"3px",background:"white",borderRadius:"2px",animation:`equalizer 1s ease-in-out infinite ${Z*.2}s`,height:"12px"}},Z))})})]}),e.jsxs("div",{style:{flex:1,minWidth:0},children:[e.jsx("div",{style:{fontWeight:"600",fontSize:"0.95rem",color:_?s:a,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:$.title}),$.artist&&e.jsx("div",{style:{fontSize:"0.8rem",opacity:.7,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:$.artist})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[$.duration&&e.jsx("span",{style:{fontSize:"0.8rem",opacity:.6},children:$.duration}),e.jsx("div",{style:{width:"32px",height:"32px",borderRadius:"8px",background:_?s:"rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.3s ease"},children:J?e.jsx(he,{size:16,color:"white"}):e.jsx(ge,{size:16,color:"white"})})]})]},k)})}),X&&e.jsxs("div",{ref:V,style:{background:`linear-gradient(135deg, ${x}, ${i})`,borderRadius:"20px",padding:"20px",border:`1px solid ${s}40`,backdropFilter:"blur(20px)",position:"relative",overflow:"hidden"},children:[X.thumbnail&&e.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundImage:`url(${X.thumbnail})`,backgroundSize:"cover",backgroundPosition:"center",filter:"blur(60px) opacity(0.1)",transform:"scale(1.1)"}}),e.jsxs("div",{style:{position:"relative",zIndex:1},children:[e.jsxs("div",{style:{textAlign:"center",marginBottom:"20px"},children:[e.jsx("h3",{style:{margin:"0 0 4px 0",fontSize:"1.1rem",fontWeight:"700",color:s},children:X.title}),X.artist&&e.jsx("p",{style:{margin:0,opacity:.7,fontSize:"0.9rem"},children:X.artist})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"20px",marginBottom:"20px"},children:[e.jsx("button",{onClick:K,style:ie(a,"rgba(255,255,255,0.1)"),"aria-label":"Previous Track",children:e.jsx(me,{size:20})}),e.jsxs("button",{onClick:()=>N(-10),style:ie(a,"rgba(255,255,255,0.1)"),"aria-label":"Skip back 10 seconds",children:[e.jsx(me,{size:16}),e.jsx("span",{style:{fontSize:"0.7rem",marginLeft:"2px"},children:"10"})]}),e.jsx("button",{onClick:()=>{T.current&&(m?(T.current.pause(),b(!1)):(T.current.play().catch(()=>{}),b(!0)))},style:{...ie("#fff",s),width:"60px",height:"60px",borderRadius:"50%",boxShadow:`0 8px 25px ${s}40`},"aria-label":m?"Pause":"Play",children:m?e.jsx(he,{size:24}):e.jsx(ge,{size:24})}),e.jsxs("button",{onClick:()=>N(10),style:ie(a,"rgba(255,255,255,0.1)"),"aria-label":"Skip forward 10 seconds",children:[e.jsx("span",{style:{fontSize:"0.7rem",marginRight:"2px"},children:"10"}),e.jsx(be,{size:16})]}),e.jsx("button",{onClick:Y,style:ie(a,"rgba(255,255,255,0.1)"),"aria-label":"Next Track",children:e.jsx(be,{size:20})})]}),e.jsxs("div",{style:{marginBottom:"16px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"8px",fontSize:"0.8rem",opacity:.7},children:[e.jsx("span",{children:P(h)}),e.jsx("span",{children:P(l)})]}),e.jsx("div",{onClick:o,style:{height:"6px",background:"rgba(255,255,255,0.2)",borderRadius:"3px",cursor:"pointer",position:"relative",overflow:"hidden"},children:e.jsx("div",{style:{width:`${h/l*100||0}%`,height:"100%",background:`linear-gradient(90deg, ${s}, #ec4899)`,borderRadius:"3px",position:"relative"},children:e.jsx("div",{style:{position:"absolute",right:"-6px",top:"50%",transform:"translateY(-50%)",width:"12px",height:"12px",background:s,borderRadius:"50%",boxShadow:`0 2px 8px ${s}60`}})})})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsxs("div",{style:{display:"flex",gap:"8px"},children:[e.jsx("button",{onClick:()=>H(!B),style:ie(B?"#ec4899":a,"rgba(255,255,255,0.1)"),"aria-label":"Like",children:e.jsx(et,{size:16,fill:B?"#ec4899":"none"})}),e.jsx("button",{onClick:()=>F(!M),style:ie(M?s:a,"rgba(255,255,255,0.1)"),"aria-label":"Toggle Loop",children:e.jsx($e,{size:16})})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",position:"relative"},children:[W&&e.jsx("div",{onClick:C,style:{width:"80px",height:"4px",background:"rgba(255,255,255,0.2)",borderRadius:"2px",cursor:"pointer",position:"relative"},children:e.jsx("div",{style:{width:`${R*100}%`,height:"100%",background:s,borderRadius:"2px"}})}),e.jsx("button",{onClick:ne,onMouseEnter:A,style:ie(a,"rgba(255,255,255,0.1)"),"aria-label":R>0?"Mute":"Unmute",children:R>0?e.jsx(Ee,{size:16}):e.jsx(Me,{size:16})})]})]})]}),e.jsx("audio",{ref:T,src:X.src,autoPlay:v,loop:M,onTimeUpdate:re,onEnded:()=>{b(!1),M||Y()},onLoadedMetadata:re,preload:"metadata",style:{display:"none"}})]}),e.jsx("style",{children:`
|
|
142
|
+
*/const yt=[["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"}]],Ne=U("volume-2",yt);/**
|
|
143
|
+
* @license lucide-react v0.536.0 - ISC
|
|
144
|
+
*
|
|
145
|
+
* This source code is licensed under the ISC license.
|
|
146
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
147
|
+
*/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"}]],Se=U("volume-x",vt);/**
|
|
148
|
+
* @license lucide-react v0.536.0 - ISC
|
|
149
|
+
*
|
|
150
|
+
* This source code is licensed under the ISC license.
|
|
151
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
152
|
+
*/const wt=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],pe=U("x",wt),Te=i.createContext(void 0),jt=()=>{const s=i.useContext(Te);if(!s)throw new Error("useToast must be used within ToastProvider");return s},kt=({children:s})=>{const[r,n]=i.useState([]),t=i.useCallback(l=>{n(c=>c.filter(u=>u.id!==l))},[]),o=i.useCallback(l=>{const c=Date.now()+Math.random();n(u=>[...u,{...l,id:c}]),l.duration!==0&&setTimeout(()=>t(c),l.duration??4e3)},[t]);return e.jsxs(Te.Provider,{value:{addToast:o},children:[s,e.jsx("div",{className:"fixed top-5 right-5 flex flex-col gap-3 z-50",children:r.map(l=>e.jsx(Nt,{toast:l,onClose:()=>t(l.id)},l.id))})]})},$t={success:{bg:"bg-green-50",border:"border-green-400",icon:e.jsx(Ge,{size:20,className:"text-green-600"})},error:{bg:"bg-red-50",border:"border-red-400",icon:e.jsx(He,{size:20,className:"text-red-600"})},warning:{bg:"bg-yellow-50",border:"border-yellow-400",icon:e.jsx(mt,{size:20,className:"text-yellow-600"})},info:{bg:"bg-blue-50",border:"border-blue-400",icon:e.jsx(rt,{size:20,className:"text-blue-600"})}},Nt=({toast:s,onClose:r})=>{const{title:n,description:t,type:o="info"}=s,{bg:l,border:c,icon:u}=$t[o];return e.jsxs("div",{className:`flex items-start gap-3 p-4 border-l-4 rounded shadow ${l} ${c} animate-slide-in-right`,role:"alert",children:[e.jsx("div",{children:u}),e.jsxs("div",{className:"flex-1 min-w-0",children:[n&&e.jsx("div",{className:"font-semibold text-sm mb-1",children:n}),t&&e.jsx("div",{className:"text-sm text-gray-700",children:t})]}),e.jsx("button",{onClick:r,className:"text-gray-500 hover:text-gray-700",children:e.jsx(pe,{size:16})})]})},Re=i.memo(({items:s,allowMultiple:r=!1,defaultOpen:n=[],borderColor:t="#e5e7eb",backgroundColor:o="#fff",textColor:l="#111827",hoverBgColor:c="#f3f4f6",hoverTextColor:u="#111827",contentBgColor:j="#fff",contentTextColor:m="#374151",paddingY:y="1rem",paddingX:d="1rem",marginY:x="0.5rem",borderRadius:S="0.5rem",contentPadding:_="1rem",fontSize:k="1rem",fontWeight:A=600,contentFontSize:$="0.95rem",contentFontWeight:z=400,iconOpen:I,iconClose:R,iconSize:v="1.25rem",transitionDuration:b="300ms",shadow:h="0 1px 4px rgba(0,0,0,0.08)",className:p="",style:L})=>{const[O,H]=i.useState(n),V=i.useRef([]);i.useEffect(()=>{V.current.forEach((N,f)=>{N&&(N.style.maxHeight=O.includes(f)?`${N.scrollHeight}px`:"0px")})},[O]);const W=N=>{H(f=>r?f.includes(N)?f.filter(M=>M!==N):[...f,N]:f.includes(N)?[]:[N])},F=N=>N!==void 0?typeof N=="number"?`${N}px`:N:void 0;return e.jsx("div",{className:`space-y-2 ${p}`,style:{width:"100%",...L},children:s.map((N,f)=>{const M=O.includes(f);return e.jsxs("div",{className:"border shadow-sm overflow-hidden transition-all duration-300",style:{borderColor:t,borderRadius:F(S),margin:`${F(x)} 0`,boxShadow:h},children:[e.jsxs("button",{onClick:()=>W(f),className:"w-full flex justify-between items-center transition-colors duration-300",style:{backgroundColor:o,color:l,padding:`${F(y)} ${F(d)}`,fontWeight:A,fontSize:F(k),cursor:"pointer",border:"none",outline:"none"},onMouseEnter:Y=>{Y.currentTarget.style.backgroundColor=c,Y.currentTarget.style.color=u},onMouseLeave:Y=>{Y.currentTarget.style.backgroundColor=o,Y.currentTarget.style.color=l},children:[e.jsx("span",{children:N.title}),e.jsx("span",{style:{fontSize:F(v)},children:M?I||e.jsx(Ue,{size:16}):R||e.jsx(ke,{size:16})})]}),e.jsx("div",{ref:Y=>{V.current[f]=Y},className:"overflow-hidden transition-all duration-300",style:{maxHeight:M?`${V.current[f]?.scrollHeight??0}px`:"0px",transition:`max-height ${b} ease-in-out`},children:e.jsx("div",{style:{borderTop:`1px solid ${t}`,backgroundColor:j,color:m,padding:F(_),fontSize:F($),fontWeight:z},children:N.content})})]},f)})})});Re.displayName="Accordion";const St={xs:24,sm:32,md:40,lg:48,xl:56,"2xl":64},Tt={xs:"text-[10px]",sm:"text-[12px]",md:"text-[14px]",lg:"text-[16px]",xl:"text-[18px]","2xl":"text-[20px]"},Rt={xs:"w-6 h-6",sm:"w-8 h-8",md:"w-10 h-10",lg:"w-12 h-12",xl:"w-14 h-14","2xl":"w-16 h-16"},ie={circular:"rounded-full",rounded:"rounded-lg",square:"rounded-none"},Et={"top-left":"top-0 left-0","top-right":"top-0 right-0","bottom-left":"bottom-0 left-0","bottom-right":"bottom-0 right-0"},_t=({src:s,alt:r="User avatar",size:n="md",variant:t="circular",isOnline:o=!1,isOffline:l=!1,fallback:c,ring:u=!1,ringColor:j="#3b82f6",onClick:m,statusPosition:y="bottom-right",className:d="",statusClassName:x="",style:S,statusStyle:_})=>{const[k,A]=i.useState(!1),$=!!m,z=c||r.split(" ").map(v=>v[0]).join("").toUpperCase().slice(0,2),I=o?"bg-green-500":l?"bg-gray-400":"",R=St[n];return e.jsxs("div",{role:$?"button":"img",tabIndex:$?0:-1,"aria-label":r,onClick:m,className:`relative inline-flex items-center justify-center overflow-hidden ${Rt[n]} ${ie[t]} transition-all duration-200 ${$?"cursor-pointer hover:scale-105":""} ${u?"ring-2":""} ${d}`,style:{...S,...u?{boxShadow:`0 0 0 2px ${j}`}:{}},onKeyDown:v=>{$&&(v.key==="Enter"||v.key===" ")&&(v.preventDefault(),m?.())},children:[s&&!k?e.jsx("img",{src:s,alt:r,onError:()=>A(!0),className:`w-full h-full object-cover ${ie[t]} transition-opacity duration-300`}):e.jsx("div",{className:`w-full h-full flex items-center justify-center bg-gradient-to-tr from-purple-500 to-blue-500 text-white font-semibold ${Tt[n]} ${ie[t]}`,children:z||e.jsx(gt,{className:"text-white"})}),(o||l)&&e.jsx("span",{"aria-label":o?"Online":"Offline",title:o?"Online":"Offline",className:`absolute ${Et[y]} ${I} border-2 border-white rounded-full shadow-sm ${x}`,style:{width:R/3,height:R/3,..._}})]})},zt=({src:s,thumbnail:r,autoPlay:n=!1,loop:t=!1,backgroundColor:o="#0a0a0a",primaryColor:l="#10b981",secondaryColor:c="#ffffff",borderRadius:u="12px",padding:j="12px",width:m="100%",className:y})=>{const d=i.useRef(null),x=i.useRef(null),[S,_]=i.useState(n),[k,A]=i.useState(0),[$,z]=i.useState(0),[I,R]=i.useState(.7),[v,b]=i.useState(!1),[h,p]=i.useState(t);i.useEffect(()=>{d.current&&(d.current.volume=I)},[I]),i.useEffect(()=>{d.current&&(d.current.loop=h)},[h]);const L=()=>{d.current&&(S?d.current.pause():d.current.play(),_(!S))},O=()=>{d.current&&(A(d.current.currentTime),z(d.current.duration))},H=N=>{if(!d.current)return;const f=N.currentTarget.getBoundingClientRect(),M=(N.clientX-f.left)/f.width;d.current.currentTime=M*$,A(M*$)},V=N=>{d.current&&(d.current.currentTime+=N)},W=()=>{x.current&&(v?document.exitFullscreen?.():x.current.requestFullscreen?.(),b(!v))},F=N=>{const f=Math.floor(N/60),M=Math.floor(N%60);return`${f}:${M<10?"0":""}${M}`};return e.jsxs("div",{ref:x,className:y,style:{display:"flex",alignItems:"center",gap:"12px",width:m,backgroundColor:o,borderRadius:u,padding:j,boxSizing:"border-box",color:c,boxShadow:"0 6px 16px rgba(0,0,0,0.2)",flexWrap:"wrap"},children:[e.jsx("audio",{ref:d,src:s,autoPlay:n,loop:t,onTimeUpdate:O,onLoadedMetadata:O}),r&&e.jsx("img",{src:r,alt:"Audio Thumbnail",style:{width:"60px",height:"60px",borderRadius:"50%",objectFit:"cover",flexShrink:0}}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px",flex:1,minWidth:"0"},children:[e.jsx("button",{onClick:()=>V(-10),style:{background:"transparent",border:"none",color:c,cursor:"pointer"},"aria-label":"Skip Back 10s",children:e.jsx(fe,{size:20})}),e.jsx("button",{onClick:L,style:{background:l,borderRadius:"50%",padding:"10px",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"},"aria-label":S?"Pause":"Play",children:S?e.jsx(de,{size:20}):e.jsx(ue,{size:20})}),e.jsx("button",{onClick:()=>V(10),style:{background:"transparent",border:"none",color:c,cursor:"pointer"},"aria-label":"Skip Forward 10s",children:e.jsx(xe,{size:20})}),e.jsx("div",{onClick:H,style:{flex:1,height:"6px",background:"#444",borderRadius:"3px",cursor:"pointer",position:"relative"},children:e.jsx("div",{style:{width:`${k/$*100||0}%`,height:"100%",background:l,borderRadius:"3px"}})}),e.jsxs("div",{style:{minWidth:"70px",textAlign:"right",fontSize:"0.8rem"},children:[F(k)," / ",F($)]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsx("button",{onClick:()=>p(!h),style:{background:"transparent",border:"none",cursor:"pointer",color:h?l:c},"aria-label":"Toggle Loop",children:e.jsx($e,{size:18})}),e.jsx("button",{onClick:()=>R(I>0?0:.7),style:{background:"transparent",border:"none",cursor:"pointer",color:c},"aria-label":"Toggle Mute",children:I>0?e.jsx(Ne,{size:18}):e.jsx(Se,{size:18})}),e.jsx("button",{onClick:W,style:{background:"transparent",border:"none",cursor:"pointer",color:c},"aria-label":"Toggle Fullscreen",children:v?e.jsx(ot,{size:18}):e.jsx(nt,{size:18})})]})]})]})},Mt=[{src:"https://www.soundjay.com/misc/sounds/bell-ringing-05.wav",title:"Morning Bell",artist:"Nature Sounds",duration:"0:15",thumbnail:"https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=300&h=300&fit=crop"},{src:"https://www.soundjay.com/buttons/sounds/button-4.wav",title:"Digital Click",artist:"Tech Audio",duration:"0:05",thumbnail:"https://images.unsplash.com/photo-1514525253161-7a46d19cd819?w=300&h=300&fit=crop"},{src:"https://www.soundjay.com/buttons/sounds/button-10.wav",title:"Soft Chime",artist:"Ambient Studio",duration:"0:08",thumbnail:"https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=300&h=300&fit=crop"}];function At({tracks:s=Mt,className:r="",galleryTitle:n="Audio Gallery",primaryColor:t="#8b5cf6",backgroundColor:o="#0f0f23",textColor:l="#e4e4e7",secondaryColor:c="#1a1a2e",border:u=0,borderColor:j,maxWidth:m=420,autoplay:y=!1,loop:d=!1}){const[x,S]=i.useState(null),[_,k]=i.useState(!1),[A,$]=i.useState(0),[z,I]=i.useState(0),[R,v]=i.useState(.7),[b,h]=i.useState(!1),[p,L]=i.useState(d),[O,H]=i.useState(!1),[V,W]=i.useState(!1),[F,N]=i.useState(!1),f=i.useRef(null),M=i.useRef(null),Y=i.useRef(null);i.useEffect(()=>{f.current&&(f.current.volume=R)},[R]),i.useEffect(()=>{f.current&&(f.current.loop=p)},[p]),i.useEffect(()=>{x===null&&f.current&&(f.current.pause(),k(!1),$(0),I(0))},[x]);const G=E=>{if(x===E){if(!f.current)return;f.current.paused?(f.current.play().catch(()=>{}),k(!0)):(f.current.pause(),k(!1))}else S(E),setTimeout(()=>{f.current&&(f.current.play().catch(()=>{}),k(!0))},100)},J=()=>{f.current&&($(f.current.currentTime),f.current.duration&&I(f.current.duration))},a=E=>{if(!f.current||!z)return;const T=E.currentTarget.getBoundingClientRect(),ee=(E.clientX-T.left)/T.width*z;f.current.currentTime=ee,$(ee)},g=E=>{const T=E.currentTarget.getBoundingClientRect(),Z=(E.clientX-T.left)/T.width,ee=Math.max(0,Math.min(1,Z));v(ee)},w=E=>{if(f.current&&z){let T=f.current.currentTime+E;T=Math.min(Math.max(T,0),z),f.current.currentTime=T,$(T)}},C=()=>{if(x===null)return;let E;O?E=Math.floor(Math.random()*s.length):E=(x+1)%s.length,G(E)},q=()=>{if(x===null)return;let E;O?E=Math.floor(Math.random()*s.length):E=(x-1+s.length)%s.length,G(E)},Q=()=>{v(E=>E>0?0:.7)},B=()=>{N(!0),Y.current&&clearTimeout(Y.current),Y.current=setTimeout(()=>{N(!1)},3e3)},K=E=>{if(isNaN(E))return"0:00";const T=Math.floor(E/60),D=Math.floor(E%60);return`${T}:${D<10?"0":""}${D}`},X=x!==null?s[x]:null;return e.jsxs("div",{className:r,style:{maxWidth:`${m}px`,margin:"20px auto",background:`linear-gradient(145deg, ${o}, ${c})`,color:l,borderRadius:"24px",padding:"24px 16px",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",userSelect:"none",backdropFilter:"blur(20px)",border:`${u}px solid ${j}40`},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"24px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx("div",{style:{width:"40px",height:"40px",borderRadius:"12px",background:`linear-gradient(135deg, ${t}, ${c})`,display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(ve,{size:20,color:"white"})}),e.jsxs("div",{children:[e.jsx("h2",{style:{margin:0,fontSize:"1.25rem",fontWeight:"700",color:t},children:n}),e.jsxs("p",{style:{margin:0,fontSize:"0.875rem",opacity:.7},children:[s.length," tracks"]})]})]}),e.jsx("button",{onClick:()=>H(!O),style:{background:O?t:"transparent",border:"none",borderRadius:"12px",padding:"8px",cursor:"pointer",transition:"all 0.3s ease",opacity:O?1:.6},"aria-label":"Toggle Shuffle",children:e.jsx(ft,{size:18,color:O?"white":l})})]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"8px",marginBottom:"20px",maxHeight:"240px",overflowY:"auto",paddingRight:"4px"},children:s.map((E,T)=>{const D=x===T,Z=D&&_;return e.jsxs("div",{onClick:()=>G(T),style:{display:"flex",alignItems:"center",padding:"12px 16px",borderRadius:"16px",background:D?`linear-gradient(135deg, ${t}20, ${t}10)`:"rgba(255,255,255,0.05)",border:D?`1px solid ${t}40`:"1px solid transparent",cursor:"pointer",transition:"all 0.3s ease",backdropFilter:D?"blur(20px)":"none"},children:[e.jsxs("div",{style:{width:"48px",height:"48px",borderRadius:"12px",background:E.thumbnail?`url(${E.thumbnail}) center/cover`:t,display:"flex",alignItems:"center",justifyContent:"center",marginRight:"12px",position:"relative",overflow:"hidden"},children:[!E.thumbnail&&e.jsx(ve,{size:20,color:"white"}),Z&&e.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,background:"rgba(0,0,0,0.6)",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx("div",{style:{width:"16px",height:"16px",display:"flex",gap:"2px",alignItems:"end",justifyContent:"center"},children:[0,1,2].map(ee=>e.jsx("div",{style:{width:"3px",background:"white",borderRadius:"2px",animation:`equalizer 1s ease-in-out infinite ${ee*.2}s`,height:"12px"}},ee))})})]}),e.jsxs("div",{style:{flex:1,minWidth:0},children:[e.jsx("div",{style:{fontWeight:"600",fontSize:"0.95rem",color:D?t:l,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:E.title}),E.artist&&e.jsx("div",{style:{fontSize:"0.8rem",opacity:.7,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:E.artist})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[E.duration&&e.jsx("span",{style:{fontSize:"0.8rem",opacity:.6},children:E.duration}),e.jsx("div",{style:{width:"32px",height:"32px",borderRadius:"8px",background:D?t:"rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.3s ease"},children:Z?e.jsx(de,{size:16,color:"white"}):e.jsx(ue,{size:16,color:"white"})})]})]},T)})}),X&&e.jsxs("div",{ref:M,style:{background:`linear-gradient(135deg, ${c}, ${o})`,borderRadius:"20px",padding:"20px",border:`1px solid ${t}40`,backdropFilter:"blur(20px)",position:"relative",overflow:"hidden"},children:[X.thumbnail&&e.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundImage:`url(${X.thumbnail})`,backgroundSize:"cover",backgroundPosition:"center",filter:"blur(60px) opacity(0.1)",transform:"scale(1.1)"}}),e.jsxs("div",{style:{position:"relative",zIndex:1},children:[e.jsxs("div",{style:{textAlign:"center",marginBottom:"20px"},children:[e.jsx("h3",{style:{margin:"0 0 4px 0",fontSize:"1.1rem",fontWeight:"700",color:t},children:X.title}),X.artist&&e.jsx("p",{style:{margin:0,opacity:.7,fontSize:"0.9rem"},children:X.artist})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"20px",marginBottom:"20px"},children:[e.jsx("button",{onClick:q,style:te(l,"rgba(255,255,255,0.1)"),"aria-label":"Previous Track",children:e.jsx(fe,{size:20})}),e.jsxs("button",{onClick:()=>w(-10),style:te(l,"rgba(255,255,255,0.1)"),"aria-label":"Skip back 10 seconds",children:[e.jsx(fe,{size:16}),e.jsx("span",{style:{fontSize:"0.7rem",marginLeft:"2px"},children:"10"})]}),e.jsx("button",{onClick:()=>{f.current&&(_?(f.current.pause(),k(!1)):(f.current.play().catch(()=>{}),k(!0)))},style:{...te("#fff",t),width:"60px",height:"60px",borderRadius:"50%",boxShadow:`0 8px 25px ${t}40`},"aria-label":_?"Pause":"Play",children:_?e.jsx(de,{size:24}):e.jsx(ue,{size:24})}),e.jsxs("button",{onClick:()=>w(10),style:te(l,"rgba(255,255,255,0.1)"),"aria-label":"Skip forward 10 seconds",children:[e.jsx("span",{style:{fontSize:"0.7rem",marginRight:"2px"},children:"10"}),e.jsx(xe,{size:16})]}),e.jsx("button",{onClick:C,style:te(l,"rgba(255,255,255,0.1)"),"aria-label":"Next Track",children:e.jsx(xe,{size:20})})]}),e.jsxs("div",{style:{marginBottom:"16px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"8px",fontSize:"0.8rem",opacity:.7},children:[e.jsx("span",{children:K(A)}),e.jsx("span",{children:K(z)})]}),e.jsx("div",{onClick:a,style:{height:"6px",background:"rgba(255,255,255,0.2)",borderRadius:"3px",cursor:"pointer",position:"relative",overflow:"hidden"},children:e.jsx("div",{style:{width:`${A/z*100||0}%`,height:"100%",background:`linear-gradient(90deg, ${t}, #ec4899)`,borderRadius:"3px",position:"relative"},children:e.jsx("div",{style:{position:"absolute",right:"-6px",top:"50%",transform:"translateY(-50%)",width:"12px",height:"12px",background:t,borderRadius:"50%",boxShadow:`0 2px 8px ${t}60`}})})})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsxs("div",{style:{display:"flex",gap:"8px"},children:[e.jsx("button",{onClick:()=>W(!V),style:te(V?"#ec4899":l,"rgba(255,255,255,0.1)"),"aria-label":"Like",children:e.jsx(et,{size:16,fill:V?"#ec4899":"none"})}),e.jsx("button",{onClick:()=>L(!p),style:te(p?t:l,"rgba(255,255,255,0.1)"),"aria-label":"Toggle Loop",children:e.jsx($e,{size:16})})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",position:"relative"},children:[F&&e.jsx("div",{onClick:g,style:{width:"80px",height:"4px",background:"rgba(255,255,255,0.2)",borderRadius:"2px",cursor:"pointer",position:"relative"},children:e.jsx("div",{style:{width:`${R*100}%`,height:"100%",background:t,borderRadius:"2px"}})}),e.jsx("button",{onClick:Q,onMouseEnter:B,style:te(l,"rgba(255,255,255,0.1)"),"aria-label":R>0?"Mute":"Unmute",children:R>0?e.jsx(Ne,{size:16}):e.jsx(Se,{size:16})})]})]})]}),e.jsx("audio",{ref:f,src:X.src,autoPlay:y,loop:p,onTimeUpdate:J,onEnded:()=>{k(!1),p||C()},onLoadedMetadata:J,preload:"metadata",style:{display:"none"}})]}),e.jsx("style",{children:`
|
|
152
153
|
@keyframes equalizer {
|
|
153
154
|
0%, 100% { height: 4px; }
|
|
154
155
|
50% { height: 12px; }
|
|
@@ -165,30 +166,59 @@ React keys must be passed directly to JSX without using spread:
|
|
|
165
166
|
}
|
|
166
167
|
|
|
167
168
|
div::-webkit-scrollbar-thumb {
|
|
168
|
-
background: ${
|
|
169
|
+
background: ${t};
|
|
169
170
|
border-radius: 2px;
|
|
170
171
|
}
|
|
171
172
|
|
|
172
173
|
div::-webkit-scrollbar-thumb:hover {
|
|
173
|
-
background: ${
|
|
174
|
+
background: ${t}dd;
|
|
174
175
|
}
|
|
175
|
-
`})]})}function ie(t,r){return{border:"none",backgroundColor:r,color:t,cursor:"pointer",padding:"10px",borderRadius:"12px",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.3s ease",backdropFilter:"blur(10px)"}}const _t=d.memo(({text:t,color:r="#2563eb",textColor:n="#fff",borderColor:s="#2563eb",borderWidth:i="0",icon:a,iconPosition:x="left",rounded:f=!1,borderRadius:g,fontSize:y="13px",fontWeight:v=500,horizontalPadding:c="10px",verticalPadding:u="4px",margin:j="0",shadow:m="0 1px 3px rgba(0,0,0,0.1)",notificationDot:b=!1,dotColor:h="#ef4444",count:p,pulse:l=!1,style:w,className:R="",onClick:S})=>{const z={display:"inline-flex",alignItems:"center",justifyContent:"center",backgroundColor:r,color:n,border:`${i} solid ${s}`,borderRadius:g||(f?"9999px":"6px"),padding:`${u} ${c}`,fontSize:y,fontWeight:v,margin:j,boxShadow:m,position:"relative",cursor:S?"pointer":"default",userSelect:"none",lineHeight:1,transition:"all 0.2s ease",...w},L={position:"absolute",top:"-4px",right:"-4px",height:"8px",width:"8px",backgroundColor:h,borderRadius:"50%",animation:l?"pulseAnim 1.2s infinite":void 0},M={position:"absolute",top:"-8px",right:"-8px",backgroundColor:h,color:"#fff",borderRadius:"50%",minWidth:"18px",height:"18px",fontSize:"11px",padding:"0 5px",display:"flex",alignItems:"center",justifyContent:"center",lineHeight:1},F={display:"flex",alignItems:"center",margin:a&&t?x==="left"?"0 6px 0 0":"0 0 0 6px":0};return e.jsxs("span",{style:z,className:R,onClick:S,children:[b&&e.jsx("span",{style:L}),typeof p<"u"&&e.jsx("span",{style:M,children:p}),a&&x==="left"&&e.jsx("span",{style:F,children:a}),t&&e.jsx("span",{children:t}),a&&x==="right"&&e.jsx("span",{style:F,children:a}),e.jsx("style",{children:`
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
`})]})},Lt=({as:t,children:r,className:n="",variant:s="elevated",background:i="#fff",textColor:a="#000",borderRadius:x=12,border:f,boxShadow:g,hoverShadow:y,padding:v=16,margin:c,width:u,height:j,style:m={},hoverStyle:b={},onClick:h,...p},l)=>{const w=t||"div",R={elevated:{boxShadow:g||"0 4px 12px rgba(0,0,0,0.08)",border:f||"none"},outline:{border:f||"1px solid rgba(0,0,0,0.1)",boxShadow:"none"},flat:{border:"none",boxShadow:"none"}},S={background:i,color:a,borderRadius:x,padding:v,margin:c,width:u,height:j,transition:"all 0.25s ease",cursor:h?"pointer":void 0,boxSizing:"border-box",...R[s]||{},...m},z=M=>{Object.assign(M.currentTarget.style,y?{boxShadow:y}:b)},L=M=>{Object.assign(M.currentTarget.style,{...S,...R[s]||{}})};return e.jsx(w,{ref:l,className:`ui-card ${n}`,style:S,onClick:h,onMouseEnter:z,onMouseLeave:L,...p,children:r})},Bt=d.forwardRef(Lt),Nt=Object.assign(Bt,{displayName:"Card"}),Pt=({name:t,options:r,selectedValues:n=[],onChange:s,disabled:i=!1,readOnly:a=!1,required:x=!1,error:f,className:g="",customIcon:y,style:v,labelStyle:c,iconSize:u=20,iconCheckedBgColor:j="#2563eb",iconUncheckedBorderColor:m="#9ca3af",textColor:b="#374151",errorStyle:h})=>{const p=l=>{if(!s)return;const w=n.includes(l)?n.filter(R=>R!==l):[...n,l];s(w)};return e.jsxs("div",{className:g,style:{display:"flex",flexDirection:"column",gap:8,...v},role:"group","aria-disabled":i,children:[r.map(l=>{const w=n.includes(l.value);return e.jsxs("label",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",cursor:i?"not-allowed":"pointer",opacity:i?.6:1,gap:8,userSelect:"none",...c},children:[e.jsx("span",{style:{color:b,fontSize:14},children:l.label}),e.jsx("input",{type:"checkbox",name:t,value:l.value,checked:w,disabled:i||a,required:x,onChange:()=>p(l.value),style:{display:"none"}}),y?y(w):e.jsx("span",{style:{display:"inline-flex",justifyContent:"center",alignItems:"center",width:u,height:u,borderRadius:4,border:`2px solid ${w?j:m}`,backgroundColor:w?j:"transparent",transition:"all 0.25s ease"},children:w&&e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",style:{width:u*.6,height:u*.6},children:e.jsx("polyline",{points:"20 6 9 17 4 12"})})})]},l.value)}),f&&e.jsx("p",{role:"alert",style:{color:"#dc2626",fontSize:12,marginTop:4,...h},children:f})]})},Ot=({name:t,options:r,selectedValue:n,onChange:s,disabled:i=!1,readOnly:a=!1,required:x=!1,error:f,className:g="",style:y,labelStyle:v,iconSize:c=20,iconCheckedBgColor:u="#2563eb",iconUncheckedBorderColor:j="#9ca3af",textColor:m="#374151",errorStyle:b})=>e.jsxs("div",{className:g,style:{display:"flex",flexDirection:"column",gap:8,...y},role:"radiogroup","aria-disabled":i,children:[r.map(h=>{const p=n===h.value;return e.jsxs("label",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",cursor:i?"not-allowed":"pointer",opacity:i?.6:1,gap:8,userSelect:"none",...v},children:[e.jsx("span",{style:{color:m,fontSize:14},children:h.label}),e.jsx("input",{type:"radio",name:t,value:h.value,checked:p,disabled:i||a,required:x,onChange:()=>s&&s(h.value),style:{display:"none"}}),e.jsx("span",{style:{display:"inline-flex",justifyContent:"center",alignItems:"center",width:c,height:c,borderRadius:"50%",border:`2px solid ${p?u:j}`,backgroundColor:p?u:"transparent",transition:"all 0.25s ease"},children:p&&e.jsx("span",{style:{width:c/2,height:c/2,borderRadius:"50%",backgroundColor:"white"}})})]},h.value)}),f&&e.jsx("p",{role:"alert",style:{color:"#dc2626",fontSize:12,marginTop:4,...b},children:f})]}),Wt=({name:t,options:r,selectedValues:n=[],onChange:s,disabled:i=!1,readOnly:a=!1,required:x=!1,error:f,className:g="",style:y,labelStyle:v,iconSize:c=20,iconCheckedBgColor:u="#2563eb",switchBgColor:j="#d1d5db",textColor:m="#374151",errorStyle:b})=>{const h=p=>{if(!s)return;const l=n.includes(p)?n.filter(w=>w!==p):[...n,p];s(l)};return e.jsxs("div",{className:g,style:{display:"flex",flexDirection:"column",gap:8,...y},role:"group","aria-disabled":i,children:[r.map(p=>{const l=n.includes(p.value);return e.jsxs("label",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",cursor:i?"not-allowed":"pointer",opacity:i?.6:1,gap:8,userSelect:"none",...v},children:[e.jsx("span",{style:{color:m,fontSize:14},children:p.label}),e.jsx("input",{type:"checkbox",name:t,value:p.value,checked:l,disabled:i||a,required:x,onChange:()=>h(p.value),style:{display:"none"}}),e.jsx("span",{style:{position:"relative",width:c*2,height:c*1.1,borderRadius:9999,backgroundColor:l?u:j,transition:"background-color 0.25s ease"},children:e.jsx("span",{style:{position:"absolute",top:"50%",left:l?`calc(100% - ${c-4}px - 2px)`:"2px",transform:"translateY(-50%)",width:c-4,height:c-4,borderRadius:"50%",backgroundColor:"#fff",boxShadow:"0 1px 2px rgba(0,0,0,0.3)",transition:"left 0.25s ease"}})})]},p.value)}),f&&e.jsx("p",{role:"alert",style:{color:"#dc2626",fontSize:12,marginTop:4,...b},children:f})]})},Yt={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px",full:"100%"},Ft=({size:t="lg",padding:r=0,margin:n="0 auto",backgroundColor:s="transparent",center:i=!0,width:a,height:x="auto",borderRadius:f=0,style:g,className:y="",children:v})=>{const c=d.useMemo(()=>{const u=typeof r=="number"?`${r}px`:r,j=i&&n==="0 auto"?"0 auto":n,m=typeof f=="number"?`${f}px`:f;return{maxWidth:a??Yt[t],margin:j,padding:u,backgroundColor:s,height:x,borderRadius:m,boxSizing:"border-box",width:a??"100%",...g}},[t,r,n,s,a,x,f,i,g]);return e.jsx("div",{className:y,style:c,children:v})},Dt=t=>t<768?"sm":t<1024?"md":"lg",Q=(t,r,n)=>t==null?n:typeof t!="object"?t:t[r]??n,Ht=({direction:t={sm:"column",md:"row",lg:"row"},align:r="center",justify:n="space-between",wrap:s="wrap",gap:i=16,padding:a,margin:x,backgroundColor:f="transparent",width:g="100%",maxWidth:y="100%",height:v="auto",borderRadius:c,border:u,boxShadow:j,overflow:m,children:b,style:h,className:p})=>{const[l,w]=d.useState("lg");d.useEffect(()=>{const S=()=>w(Dt(window.innerWidth));return S(),window.addEventListener("resize",S),()=>window.removeEventListener("resize",S)},[]);const R=d.useMemo(()=>{const S=z=>typeof z=="number"?`${z}px`:z;return{display:"flex",flexDirection:Q(t,l,"row"),alignItems:Q(r,l,"center"),justifyContent:Q(n,l,"flex-start"),flexWrap:Q(s,l,"wrap"),gap:S(Q(i,l,void 0)),padding:S(Q(a,l,void 0)),margin:S(Q(x,l,void 0)),backgroundColor:Q(f,l,void 0),width:Q(g,l,"100%"),maxWidth:Q(y,l,void 0),height:Q(v,l,void 0),borderRadius:Q(c,l,void 0),border:Q(u,l,void 0),boxShadow:Q(j,l,void 0),overflow:Q(m,l,void 0),boxSizing:"border-box",...h}},[t,r,n,s,i,a,x,f,g,y,v,c,u,j,m,l,h]);return e.jsx("div",{className:p,style:R,children:b})},Vt=t=>t<768?"sm":t<1024?"md":"lg",ee=(t,r,n)=>t==null?n:typeof t!="object"?t:t[r]??n,ve=({direction:t={sm:"vertical",md:"horizontal",lg:"horizontal"},gap:r=12,align:n="center",justify:s="flex-start",wrap:i="nowrap",padding:a,margin:x,width:f="100%",maxWidth:g,height:y="auto",backgroundColor:v="transparent",borderRadius:c,border:u,boxShadow:j,overflow:m,className:b,style:h,children:p})=>{const[l,w]=d.useState("lg");d.useEffect(()=>{const S=()=>w(Vt(window.innerWidth));return S(),window.addEventListener("resize",S),()=>window.removeEventListener("resize",S)},[]);const R=d.useMemo(()=>{const S=M=>typeof M=="number"?`${M}px`:M;return{display:"flex",flexDirection:ee(t,l,"vertical")==="vertical"?"column":"row",alignItems:ee(n,l,"center"),justifyContent:ee(s,l,"flex-start"),flexWrap:ee(i,l,"nowrap"),gap:S(ee(r,l,12)),padding:S(ee(a,l,void 0)),margin:S(ee(x,l,void 0)),width:ee(f,l,"100%"),maxWidth:ee(g,l,void 0),height:ee(y,l,void 0),backgroundColor:ee(v,l,void 0),borderRadius:ee(c,l,void 0),border:ee(u,l,void 0),boxShadow:ee(j,l,void 0),overflow:ee(m,l,void 0),boxSizing:"border-box",...h}},[t,r,n,s,i,a,x,f,g,y,v,c,u,j,m,h,l]);return e.jsx("div",{className:b,style:R,children:p})},Ut=t=>e.jsx(ve,{direction:"horizontal",...t}),qt=t=>e.jsx(ve,{direction:"vertical",...t}),Ce=t=>t<768?"sm":t<1024?"md":"lg",Xt=({columns:t={sm:1,md:2,lg:3},gap:r=16,padding:n=0,alignItems:s="stretch",justifyItems:i="stretch",backgroundColor:a="transparent",width:x="100%",maxWidth:f="100%",height:g="auto",margin:y=0,style:v,className:c="",children:u})=>{const[j,m]=d.useState("lg");d.useEffect(()=>{m(Ce(window.innerWidth));const p=()=>m(Ce(window.innerWidth));return window.addEventListener("resize",p),()=>window.removeEventListener("resize",p)},[]);const b=d.useMemo(()=>typeof t=="number"?t:t[j]??1,[t,j]),h=d.useMemo(()=>({display:"grid",gridTemplateColumns:`repeat(${b}, 1fr)`,gap:typeof r=="number"?`${r}px`:r,padding:typeof n=="number"?`${n}px`:n,margin:typeof y=="number"?`${y}px`:y,alignItems:s,justifyItems:i,backgroundColor:a,width:x,maxWidth:f,height:g,boxSizing:"border-box",...v}),[b,r,n,y,s,i,a,x,f,g,v]);return e.jsx("div",{style:h,className:c,children:u})},Gt=({label:t="Open Drawer",icon:r,iconPosition:n="left",onClick:s,color:i="#2563eb",textColor:a="#fff",borderRadius:x="6px",padding:f="10px 16px",fontSize:g="14px",gap:y="8px",style:v,className:c=""})=>e.jsxs("button",{onClick:s,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",backgroundColor:i,color:a,border:"none",borderRadius:x,padding:f,fontSize:g,gap:y,cursor:"pointer",fontWeight:500,transition:"all 0.2s ease",boxShadow:"0 1px 3px rgba(0,0,0,0.1)",...v},className:c,children:[r&&n==="left"&&r,t,r&&n==="right"&&r]}),Jt=({open:t,onClose:r,position:n="right",width:s="320px",height:i="320px",backgroundColor:a="#fff",backdropColor:x="rgba(0,0,0,0.5)",transitionDuration:f=300,style:g,className:y="",children:v,showCloseButton:c=!0,closeIconColor:u="#000",closeButtonStyle:j})=>{const[m,b]=d.useState(t);d.useEffect(()=>{t?b(!0):setTimeout(()=>b(!1),f)},[t,f]);const h=d.useMemo(()=>{if(t)return"translate(0, 0)";switch(n){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,n]),p={position:"fixed",backgroundColor:a,transition:`transform ${f}ms ease, opacity ${f}ms ease`,transform:h,opacity:t?1:0,zIndex:1001,...g,...n==="left"||n==="right"?{top:0,bottom:0,[n]:0,width:s,height:"100%"}:{left:0,right:0,[n]:0,height:i,width:"100%"}},l={position:"fixed",inset:0,backgroundColor:x,opacity:t?1:0,transition:`opacity ${f}ms ease`,zIndex:1e3,display:m?"block":"none",pointerEvents:t?"auto":"none"},w={position:"absolute",top:"12px",right:"12px",background:"none",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.2s ease, opacity 0.2s ease"};return e.jsxs(e.Fragment,{children:[e.jsx("div",{style:l,onClick:r}),e.jsxs("div",{style:{...p,display:"flex",flexDirection:"column",visibility:m?"visible":"hidden",pointerEvents:t?"auto":"none",boxShadow:"0 0 20px rgba(0,0,0,0.15)"},className:y,children:[c&&e.jsx("button",{onClick:r,style:{...w,...j},"aria-label":"Close drawer",children:e.jsx(ye,{size:22,color:u})}),e.jsx("div",{style:{flex:1,overflowY:"auto",padding:"16px",scrollbarWidth:"thin"},children:v})]})]})},Zt={light:{controlBg:"#ffffff",menuBg:"#ffffff",textColor:"#111827",placeholderColor:"#6b7280",hoverBg:"#f9fafb",selectedBg:"#eff6ff",disabledBg:"#f3f4f6",disabledTextColor:"#9ca3af",borderColor:"#e5e7eb",accentColor:"#3b82f6"},dark:{controlBg:"#1f2937",menuBg:"#111827",textColor:"#f9fafb",placeholderColor:"#9ca3af",hoverBg:"#374151",selectedBg:"#2563eb33",disabledBg:"#374151",disabledTextColor:"#6b7280",borderColor:"#374151",accentColor:"#60a5fa"},custom:{}},Kt=(t,r)=>{d.useId();const{options:n,value:s,values:i,defaultValue:a,defaultValues:x,onChange:f,placeholder:g="Select...",disabled:y=!1,searchable:v=!1,multiSelect:c=!1,clearable:u=!1,virtualized:j=!1,width:m="100%",dropdownMaxHeight:b="320px",borderRadius:h="8px",boxShadow:p="0 8px 28px rgba(0,0,0,0.1)",borderColor:l,accentColor:w,theme:R="light",menuBg:S,controlBg:z,textColor:L,hoverBg:M,selectedBg:F,disabledBg:I,disabledTextColor:D,placeholderColor:B,transitionDuration:H="180ms",className:W,controlClassName:E,menuClassName:T,optionClassName:V,style:U,controlStyle:q,menuStyle:re,optionStyle:o,iconPrefix:C,iconSuffix:N,clearIcon:Y="×",dropdownIcon:K="▾",checkIcon:ne="✓"}=t,A={...Zt[R],...R==="custom"?{}:{}},P={borderColor:l??A.borderColor,accentColor:w??A.accentColor,controlBg:z??A.controlBg,menuBg:S??A.menuBg,textColor:L??A.textColor,hoverBg:M??A.hoverBg,selectedBg:F??A.selectedBg,disabledBg:I??A.disabledBg,disabledTextColor:D??A.disabledTextColor,placeholderColor:B??A.placeholderColor},[X,$]=d.useState(!1),[k,_]=d.useState(x??(a?[a]:[]));d.useEffect(()=>{s&&_([s]),i&&_(i)},[s,i]);const J=d.useMemo(()=>n.filter(O=>k.includes(O.value)),[n,k]),Z=()=>!y&&$(O=>!O),se=O=>{if(c){const ae=k.includes(O)?k.filter(te=>te!==O):[...k,O];_(ae),f?.(ae)}else _([O]),f?.(O),$(!1)},le=O=>{O?.stopPropagation(),_([]),f?.(c?[]:"")};return e.jsxs("div",{ref:r,className:W,style:{position:"relative",width:m,fontFamily:"Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial",...U},children:[e.jsxs("div",{className:E,role:"button",tabIndex:0,onClick:Z,style:{display:"flex",justifyContent:"space-between",alignItems:"center",background:P.controlBg,color:P.textColor,padding:"0.5rem 0.75rem",border:`1px solid ${X?P.accentColor:P.borderColor}`,borderRadius:h,cursor:y?"not-allowed":"pointer",boxShadow:X?`0 0 0 3px ${P.accentColor}33`:void 0,transition:`all ${H} ease`,...q},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[C,J.length?e.jsx("span",{children:J.map(O=>O.label).join(", ")}):e.jsx("span",{style:{color:P.placeholderColor},children:g})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6},children:[u&&k.length>0&&e.jsx("button",{onClick:le,style:{background:"transparent",border:"none",color:P.textColor,cursor:"pointer"},children:Y}),N,e.jsx("div",{style:{transform:X?"rotate(180deg)":"rotate(0deg)",transition:`transform ${H}`},children:K})]})]}),X&&e.jsx("ul",{className:T,style:{position:"absolute",zIndex:100,top:"calc(100% + 4px)",left:0,right:0,background:P.menuBg,border:`1px solid ${P.borderColor}`,borderRadius:h,boxShadow:p,maxHeight:b,overflowY:"auto",transition:`opacity ${H} ease`,...re},children:n.map(O=>{const oe=k.includes(O.value);return e.jsxs("li",{onClick:()=>!O.disabled&&se(O.value),className:V,style:{display:"flex",alignItems:"center",gap:8,padding:"0.5rem 0.75rem",background:O.disabled?P.disabledBg:oe?P.selectedBg:"transparent",color:O.disabled?P.disabledTextColor:P.textColor,cursor:O.disabled?"not-allowed":"pointer",borderRadius:6,userSelect:"none",...o},onMouseEnter:ae=>{!O.disabled&&!oe&&(ae.currentTarget.style.backgroundColor=P.hoverBg)},onMouseLeave:ae=>{!O.disabled&&!oe&&(ae.currentTarget.style.backgroundColor="transparent")},children:[c&&e.jsx("span",{style:{width:18,textAlign:"center"},children:oe?ne:"○"}),O.icon&&e.jsx("span",{children:O.icon}),e.jsxs("div",{style:{flex:1},children:[O.label,O.description&&e.jsx("div",{style:{fontSize:12,color:P.placeholderColor,marginTop:2},children:O.description})]})]},O.value)})})]})},Qt=d.forwardRef(Kt),er=d.forwardRef((t,r)=>{const{type:n="text",label:s,placeholder:i="",name:a="",value:x,defaultValue:f,onChange:g,disabled:y=!1,readOnly:v=!1,required:c=!1,error:u,success:j=!1,autoFocus:m=!1,iconLeft:b,iconRight:h,labelColor:p="#374151",placeholderColor:l="#9ca3af",backgroundColor:w="#ffffff",textColor:R="#111827",borderColor:S="#d1d5db",hoverBorderColor:z="#9ca3af",focusBorderColor:L="#2563eb",errorColor:M="#dc2626",successColor:F="#16a34a",iconColor:I="#6b7280",shadow:D="0 1px 2px rgba(0,0,0,0.05)",size:B="md",fontSize:H="14px",fontFamily:W="Inter, system-ui, sans-serif",radius:E="8px",rows:T=4,cols:V,maxLength:U,resize:q=!0,showCharacterCount:re=!0,paddingX:o,paddingY:C,className:N,style:Y}=t,K=d.useRef(null),[ne,A]=d.useState(f||""),[P,X]=d.useState(!1);d.useImperativeHandle(r,()=>K.current);const $=te=>{const ce=te.target.value;U&&ce.length>U||(A(ce),g&&g(a,ce))},k=x!==void 0?x:ne,_=u?M:j?F:S,J={sm:{paddingY:"6px",paddingX:"10px",font:"13px"},md:{paddingY:"10px",paddingX:"14px",font:"14px"},lg:{paddingY:"14px",paddingX:"18px",font:"16px"}}[B],Z=o||J.paddingX,se=C||J.paddingY,le={width:"100%",border:`1px solid ${_}`,borderRadius:E,backgroundColor:w,color:R,fontFamily:W,fontSize:H,padding:`${se} ${Z}`,paddingLeft:b?"40px":Z,paddingRight:h||n==="password"?"40px":Z,outline:"none",transition:"border-color 0.25s ease, box-shadow 0.25s ease",resize:n==="textarea"&&!q?"none":void 0,boxShadow:D,...Y},O={"::placeholder":{color:l,opacity:1}},oe=(te,ce)=>{te&&(te.style.borderColor=ce)},ae={onFocus:te=>oe(te.currentTarget,L),onBlur:te=>oe(te.currentTarget,_),onMouseEnter:te=>oe(te.currentTarget,z),onMouseLeave:te=>oe(te.currentTarget,_)};return e.jsxs("div",{className:N,style:{width:"100%",display:"flex",flexDirection:"column",fontFamily:W},children:[s&&e.jsxs("label",{htmlFor:a,style:{marginBottom:6,color:p,fontWeight:500,fontSize:"14px"},children:[s,c&&e.jsx("span",{style:{color:M},children:" *"})]}),e.jsxs("div",{style:{position:"relative",width:"100%"},children:[b&&e.jsx("span",{style:{position:"absolute",left:12,top:"50%",transform:"translateY(-50%)",color:I,pointerEvents:"none"},children:b}),n==="textarea"?e.jsx("textarea",{ref:K,name:a,value:k,placeholder:i,disabled:y,readOnly:v,rows:T,cols:V,maxLength:U,autoFocus:m,style:{...le,...O},onChange:$,...ae}):e.jsx("input",{ref:K,id:a,type:n==="password"?P?"text":"password":n,name:a,value:k,placeholder:i,disabled:y,readOnly:v,autoFocus:m,style:{...le,...O},onChange:$,...ae}),n==="password"&&e.jsx("button",{type:"button",onClick:()=>X(!P),style:{position:"absolute",right:10,top:"50%",transform:"translateY(-50%)",background:"transparent",border:"none",cursor:"pointer",color:I,padding:0},children:P?e.jsx(Je,{size:18}):e.jsx(Ke,{size:18})}),h&&n!=="password"&&e.jsx("span",{style:{position:"absolute",right:12,top:"50%",transform:"translateY(-50%)",color:I,pointerEvents:"none"},children:h})]}),n==="textarea"&&re&&U&&e.jsxs("div",{style:{textAlign:"right",fontSize:"12px",color:"#6b7280",marginTop:4},children:[k.length,"/",U]}),u&&e.jsx("div",{style:{color:M,fontSize:"12px",marginTop:4},children:u})]})}),tr=({src:t,alt:r="Image",title:n,width:s="100%",height:i="auto",borderRadius:a="8px",borderColor:x="transparent",borderStyle:f="solid",borderWidth:g="0px",shadow:y=!1,boxShadow:v,opacity:c=1,objectFit:u="cover",overlayText:j,overlayColor:m="rgba(0,0,0,0.5)",svgIcon:b,responsive:h=!1,padding:p,margin:l,lazyLoad:w=!0,hoverOpacity:R,hoverShadow:S=!1,hoverScale:z=1,hoverRotate:L=0,transitionDuration:M="0.3s",overflow:F="hidden",className:I,style:D,onClick:B,onLoad:H,onError:W})=>{const E=d.useMemo(()=>({width:h?"100%":s,height:h?"auto":i,borderRadius:a,border:`${g} ${f} ${x}`,objectFit:u,opacity:c,boxShadow:y?v||"0 4px 12px rgba(0,0,0,0.15)":"none",transition:`all ${M} ease`,display:"block"}),[h,s,i,a,x,f,g,u,c,y,v,M]),T=d.useCallback(q=>{q.currentTarget.style.opacity=R!==void 0?R.toString():"1",q.currentTarget.style.boxShadow=S?"0 8px 20px rgba(0,0,0,0.3)":E.boxShadow||"none",q.currentTarget.style.transform=`scale(${z}) rotate(${L}deg)`},[R,S,z,L,E.boxShadow]),V=d.useCallback(q=>{q.currentTarget.style.opacity=E.opacity?.toString()||"1",q.currentTarget.style.boxShadow=E.boxShadow||"none",q.currentTarget.style.transform="scale(1) rotate(0deg)"},[E]),U=d.useMemo(()=>{switch(F){case"x":return{overflowX:"hidden"};case"y":return{overflowY:"hidden"};default:return{overflow:F}}},[F]);return e.jsxs("div",{className:I,role:"img","aria-label":r,title:n||r,onClick:B,style:{width:h?"100%":s,height:h?"auto":i,padding:p,margin:l,position:"relative",cursor:B?"pointer":"default",display:"inline-block",transition:`all ${M} ease`,...U,...D},children:[b?e.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:b}):e.jsx("img",{src:t,alt:r,title:n||r,loading:w?"lazy":"eager",style:E,onClick:B,onMouseEnter:T,onMouseLeave:V,onLoad:H,onError:W,decoding:"async",fetchPriority:"high"}),j&&e.jsx("div",{style:{position:"absolute",inset:0,backgroundColor:m,color:"#fff",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:"bold",fontSize:"1.1rem",textAlign:"center",padding:"1rem",boxSizing:"border-box"},children:j})]})},Be=({text:t,icon:r,onClick:n,subItems:s,bulletColor:i="#2563eb",textColor:a="#111827",fontSize:x="15px",fontWeight:f=500,spacing:g="12px",isInline:y=!1})=>{const v={display:"flex",flexDirection:"column",gap:"6px",marginBottom:y?"0":g},c={display:"flex",alignItems:"center",gap:"8px",fontSize:x,fontWeight:f,color:a,cursor:n?"pointer":"default",transition:"color 0.2s ease, transform 0.2s ease"},u={width:"8px",height:"8px",backgroundColor:i,borderRadius:"50%",flexShrink:0},j={listStyleType:"disc",paddingLeft:"20px",margin:0};return e.jsxs("li",{style:v,children:[e.jsxs("div",{style:c,onClick:n,onMouseEnter:m=>m.currentTarget.style.color=i,onMouseLeave:m=>m.currentTarget.style.color=a,children:[r?e.jsx("span",{style:{fontSize:"16px",color:a},children:r}):!y&&e.jsx("span",{style:u}),e.jsx("span",{children:t})]}),s&&s.length>0&&e.jsx("ul",{style:j,children:s.map((m,b)=>e.jsx(Be,{...m,bulletColor:i,textColor:a,fontSize:x,fontWeight:f,spacing:g,isInline:!1},b))})]})},rr=({title:t,titleIcon:r,items:n,type:s="unordered",bulletColor:i="#2563eb",textColor:a="#111827",backgroundColor:x="#fff",borderColor:f="#e5e7eb",fontSize:g="15px",fontWeight:y=500,borderRadius:v="12px",padding:c="16px",spacing:u="12px",className:j,style:m})=>{const b=s==="ordered",h=s==="inline",p={backgroundColor:x,borderColor:f,color:a,borderWidth:f?"1px":"0px",borderStyle:"solid",borderRadius:v,padding:c,...m},l=h?{display:"flex",gap:u,paddingLeft:0,listStyleType:"none",margin:0}:{listStyleType:b?"decimal":"none",paddingLeft:b?"20px":"0",margin:0},w=b?"ol":"ul";return e.jsxs("div",{className:j,style:p,children:[t&&e.jsxs("div",{style:{display:"flex",alignItems:"center",fontSize:"17px",fontWeight:600,marginBottom:"10px",gap:"8px"},children:[r&&e.jsx("span",{style:{fontSize:"18px"},children:r}),e.jsx("span",{children:t})]}),e.jsx(w,{style:l,children:n.map((R,S)=>e.jsx(Be,{...R,bulletColor:i,textColor:a,fontSize:g,fontWeight:y,spacing:u,isInline:h},S))})]})},nr=({isOpen:t,onClose:r,children:n,ariaLabel:s,title:i,overlayStyle:a,modalStyle:x,closeButtonStyle:f,disableOverlayClose:g=!1,transitionDuration:y=200,className:v,darkMode:c=!1})=>{const u=d.useRef(null);d.useEffect(()=>{const p=l=>{l.key==="Escape"&&r()};return t&&document.addEventListener("keydown",p),()=>document.removeEventListener("keydown",p)},[t,r]),d.useEffect(()=>{if(t){const p=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=p}}},[t]);const j=d.useCallback(()=>{g||r()},[g,r]);if(!t)return null;const m={position:"fixed",inset:0,backgroundColor:c?"rgba(0,0,0,0.8)":"rgba(0,0,0,0.6)",display:"flex",justifyContent:"center",alignItems:"center",zIndex:1e3,opacity:t?1:0,transition:`opacity ${y}ms ease`,...a},b={position:"relative",backgroundColor:c?"#1f1f1f":"#fff",color:c?"#f5f5f5":"#111",borderRadius:12,width:"90vw",maxWidth:700,maxHeight:"90vh",overflowY:"auto",padding:24,boxShadow:c?"0 10px 40px rgba(0,0,0,0.7)":"0 10px 40px rgba(0,0,0,0.25)",transform:t?"scale(1)":"scale(0.95)",transition:`transform ${y}ms ease, opacity ${y}ms ease`,...x},h={position:"absolute",top:16,right:16,background:"transparent",border:"none",cursor:"pointer",padding:4,color:c?"#f5f5f5":"#444",transition:"color 0.2s ease, transform 0.2s ease",...f};return e.jsx("div",{role:"dialog","aria-modal":"true","aria-label":s||i||"Modal",style:m,onClick:j,className:v,children:e.jsxs("div",{ref:u,style:b,onClick:p=>p.stopPropagation(),children:[e.jsx("button",{onClick:r,"aria-label":"Close modal",style:h,onMouseEnter:p=>{p.currentTarget.style.color=c?"#fff":"#000",p.currentTarget.style.transform="scale(1.1)"},onMouseLeave:p=>{p.currentTarget.style.color=c?"#f5f5f5":"#444",p.currentTarget.style.transform="scale(1)"},children:e.jsx(ye,{size:24})}),i&&e.jsx("h2",{style:{fontSize:"1.25rem",fontWeight:600,marginBottom:"1rem"},children:i}),n]})})},sr=({children:t,style:r,className:n})=>e.jsx("div",{style:{overflowX:"auto",background:"#ffffff",borderRadius:12,boxShadow:"0 2px 6px rgba(0,0,0,0.05)",border:"1px solid #e5e7eb",...r},className:n,children:e.jsx("table",{style:{width:"100%",borderCollapse:"collapse",borderSpacing:0,borderRadius:12,overflow:"hidden"},children:t})}),or=({children:t,style:r,className:n})=>e.jsx("thead",{className:n,style:{backgroundColor:"#f3f4f6",color:"#111827",fontWeight:600,...r},children:t}),ar=({children:t,style:r,className:n})=>e.jsx("tbody",{className:n,style:{backgroundColor:"#ffffff",...r},children:t}),lr=({children:t,style:r,className:n})=>e.jsx("tr",{className:n,style:{borderBottom:"1px solid #e5e7eb",transition:"background 0.2s ease",cursor:"default",...r},onMouseEnter:s=>s.currentTarget.style.backgroundColor="#f9fafb",onMouseLeave:s=>s.currentTarget.style.backgroundColor="transparent",children:t}),ir=({children:t,style:r,className:n})=>e.jsx("th",{className:n,style:{textAlign:"left",padding:"12px 16px",fontSize:"0.875rem",color:"#374151",borderBottom:"2px solid #e5e7eb",...r},children:t}),cr=({children:t,style:r,className:n})=>e.jsx("td",{className:n,style:{padding:"12px 16px",fontSize:"0.875rem",color:"#4b5563",...r},children:t}),dr=({tabs:t,defaultActive:r=0,position:n="top",variant:s="solid",fullWidth:i=!1,gap:a=8,radius:x=8,padding:f="12px 18px",transitionDuration:g=200,elevation:y=1,bordered:v=!1,primaryColor:c="#2563eb",backgroundColor:u="transparent",textColor:j="#374151",hoverColor:m="#1d4ed8",activeColor:b="#ffffff",borderColor:h="#e5e7eb",disabledColor:p="#9ca3af",responsiveBreakpoint:l=768,showDrawerLabel:w="Select Tab",drawerIcon:R="☰",onTabChange:S,className:z="",style:L,tabClassName:M="",contentClassName:F="",activeTabStyle:I,inactiveTabStyle:D,contentStyle:B})=>{const[H,W]=d.useState(r),[E,T]=d.useState(null),[V,U]=d.useState(!1),[q,re]=d.useState(!1),o=d.useRef(null);d.useEffect(()=>{const k=()=>U(window.innerWidth<=l);return k(),window.addEventListener("resize",k),()=>window.removeEventListener("resize",k)},[l]);const C=k=>{t[k].disabled||(W(k),S?.(k),V&&re(!1))},N=(k,_)=>{k.key==="ArrowRight"||k.key==="ArrowDown"?(k.preventDefault(),C((_+1)%t.length)):(k.key==="ArrowLeft"||k.key==="ArrowUp")&&(k.preventDefault(),C((_-1+t.length)%t.length))},Y={padding:f,borderRadius:x,cursor:"pointer",display:"flex",alignItems:"center",gap:8,justifyContent:"center",fontWeight:500,transition:`all ${g}ms ease`,background:"transparent",border:s==="outline"?`1px solid ${h}`:"none",borderBottom:s==="underline"?"2px solid transparent":void 0,color:j,width:i?"100%":"auto",userSelect:"none"},K={background:s==="solid"?c:"transparent",color:b,borderBottom:s==="underline"?`2px solid ${c}`:void 0,boxShadow:y>0?`0 ${y}px ${y*4}px ${c}33`:void 0,...I},ne={...s==="outline"?{borderColor:h}:s==="underline"?{borderBottomColor:"transparent"}:{},...D},A={color:m,background:s==="solid"?`${c}11`:s==="outline"?`${c}11`:"transparent"},P={color:p,cursor:"not-allowed",opacity:.6},X={flexGrow:1,borderTop:v&&n==="top"?`1px solid ${h}`:void 0,borderLeft:v&&n==="left"?`1px solid ${h}`:void 0,borderRight:v&&n==="right"?`1px solid ${h}`:void 0,borderRadius:x,...B},$=n==="left"||n==="right";return e.jsxs("div",{ref:o,className:`modern-tabs ${z}`,style:{display:"flex",flexDirection:$?n==="right"?"row-reverse":"row":"column",background:u,border:v?`1px solid ${h}`:void 0,borderRadius:x,overflow:"hidden",...L},children:[e.jsx("style",{children:`
|
|
176
|
+
`})]})}function te(s,r){return{border:"none",backgroundColor:r,color:s,cursor:"pointer",padding:"10px",borderRadius:"12px",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.3s ease",backdropFilter:"blur(10px)"}}function Ee(s){var r,n,t="";if(typeof s=="string"||typeof s=="number")t+=s;else if(typeof s=="object")if(Array.isArray(s)){var o=s.length;for(r=0;r<o;r++)s[r]&&(n=Ee(s[r]))&&(t&&(t+=" "),t+=n)}else for(n in s)s[n]&&(t&&(t+=" "),t+=n);return t}function P(){for(var s,r,n=0,t="",o=arguments.length;n<o;n++)(s=arguments[n])&&(r=Ee(s))&&(t&&(t+=" "),t+=r);return t}const _e=i.memo(({text:s,icon:r,iconPosition:n="left",primaryTheme:t=!0,primaryColor:o="#3b82f6",size:l="md",rounded:c=!0,notificationDot:u=!1,dotColor:j="#ef4444",count:m,pulse:y=!1,className:d,onClick:x})=>{const S={sm:"px-2 py-0.5 text-xs",md:"px-3 py-1 text-xs",lg:"px-4 py-1.5 text-sm"},_=t?"bg-[var(--primary)] text-white":"",k=t?{}:{backgroundColor:o,color:"#fff"};return e.jsxs("span",{onClick:x,style:t?void 0:k,className:P("relative inline-flex items-center justify-center gap-1 font-medium","transition-all duration-200 select-none",c?"rounded-full":"rounded-md",S[l],_,x&&"cursor-pointer hover:opacity-90",d),children:[u&&e.jsx("span",{style:t?void 0:{backgroundColor:j},className:P("absolute -top-1 -right-1 w-2 h-2 rounded-full",y&&"animate-ping",t?"bg-red-500":"")}),m!==void 0&&e.jsx("span",{style:t?void 0:{backgroundColor:j},className:P("absolute -top-2 -right-2 min-w-[18px] h-[18px] px-1 text-[10px]","flex items-center justify-center rounded-full text-white",t?"bg-red-500":""),children:m}),r&&n==="left"&&e.jsx("span",{className:"flex items-center",children:r}),s&&e.jsx("span",{children:s}),r&&n==="right"&&e.jsx("span",{className:"flex items-center",children:r})]})});_e.displayName="Badge";const ze=i.forwardRef(({children:s,iconBefore:r,iconAfter:n,loading:t=!1,loadingText:o="Loading...",fullWidth:l=!1,primaryTheme:c=!0,primaryColor:u="#3b82f6",size:j="md",disabled:m,className:y,...d},x)=>{const S={sm:"px-3 py-1.5 text-sm",md:"px-5 py-2.5 text-sm",lg:"px-6 py-3 text-base"},_=c?"bg-[var(--primary)] text-white hover:bg-[var(--primary)]/90 focus:ring-[var(--primary)]/30":"",k=c?{}:{backgroundColor:u,color:"#fff"};return e.jsx("button",{ref:x,disabled:m||t,style:c?void 0:k,className:P("inline-flex items-center justify-center gap-2 font-medium rounded-lg transition-all duration-200","focus:outline-none focus:ring-2 focus:ring-offset-1",S[j],_,l&&"w-full",(m||t)&&"opacity-60 cursor-not-allowed",y),...d,children:t?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin"}),e.jsx("span",{children:o})]}):e.jsxs(e.Fragment,{children:[r&&e.jsx("span",{className:"flex items-center justify-center",children:r}),e.jsx("span",{children:s}),n&&e.jsx("span",{className:"flex items-center justify-center",children:n})]})})});ze.displayName="Button";const It=({name:s,options:r,selectedValues:n=[],onChange:t,disabled:o=!1,readOnly:l=!1,required:c=!1,error:u,className:j,customIcon:m,style:y,labelStyle:d,iconSize:x=20,iconCheckedBgColor:S="#2563eb",iconUncheckedBorderColor:_="#9ca3af",textColor:k="#374151",errorStyle:A,darkMode:$=!1})=>{const z=i.useRef(null),[I,R]=i.useState(null),v=b=>{if(!t||o||l)return;const h=n.includes(b)?n.filter(p=>p!==b):[...n,b];t(h)};return i.useEffect(()=>{const b=z.current;if(!b)return;const h=p=>{if(o||I===null)return;const L=I;(p.key==="ArrowDown"||p.key==="ArrowRight")&&(p.preventDefault(),R((L+1)%r.length)),(p.key==="ArrowUp"||p.key==="ArrowLeft")&&(p.preventDefault(),R((L-1+r.length)%r.length)),(p.key===" "||p.key==="Enter")&&(p.preventDefault(),v(r[L].value))};return b.addEventListener("keydown",h),()=>b.removeEventListener("keydown",h)},[I,r,n,o]),e.jsxs("div",{ref:z,role:"group","aria-disabled":o,"aria-invalid":!!u,tabIndex:0,className:P("flex flex-col gap-2",j),style:{...y},children:[r.map((b,h)=>{const p=n.includes(b.value),L=I===h;return e.jsxs("label",{className:P("flex items-center justify-between cursor-pointer select-none transition-opacity",o?"opacity-50 cursor-not-allowed":"opacity-100",L?"ring-2 ring-blue-400":""),style:{...d},onFocus:()=>R(h),children:[e.jsx("span",{style:{color:k,fontSize:14},children:b.label}),e.jsx("input",{type:"checkbox",name:s,value:b.value,checked:p,disabled:o||l,required:c,onChange:()=>v(b.value),style:{display:"none"}}),m?m(p):e.jsx("span",{style:{display:"inline-flex",justifyContent:"center",alignItems:"center",width:x,height:x,borderRadius:4,border:`2px solid ${p?S:_}`,backgroundColor:p?S:"transparent",transition:"all 0.25s ease"},children:p&&e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",style:{width:x*.6,height:x*.6},children:e.jsx("polyline",{points:"20 6 9 17 4 12"})})})]},b.value)}),u&&e.jsx("p",{role:"alert",style:{color:"#dc2626",fontSize:12,marginTop:4,...A},children:u})]})},Ct=({name:s,options:r,selectedValue:n,onChange:t,disabled:o=!1,readOnly:l=!1,required:c=!1,error:u,className:j,style:m,labelStyle:y,iconSize:d=20,iconCheckedBgColor:x="#2563eb",iconUncheckedBorderColor:S="#9ca3af",textColor:_="#374151",errorStyle:k,darkMode:A=!1})=>{const $=i.useRef(null),[z,I]=i.useState(null);return i.useEffect(()=>{const R=$.current;if(!R)return;const v=b=>{if(o)return;const h=z??r.findIndex(p=>p.value===n)??0;if(b.key==="ArrowDown"||b.key==="ArrowRight"){b.preventDefault();const p=(h+1)%r.length;t&&t(r[p].value),I(p)}if(b.key==="ArrowUp"||b.key==="ArrowLeft"){b.preventDefault();const p=(h-1+r.length)%r.length;t&&t(r[p].value),I(p)}};return R.addEventListener("keydown",v),()=>R.removeEventListener("keydown",v)},[z,r,n,t,o]),e.jsxs("div",{ref:$,role:"radiogroup","aria-disabled":o,"aria-invalid":!!u,className:P("flex flex-col gap-2",j),style:{...m},tabIndex:0,children:[r.map((R,v)=>{const b=n===R.value,h=z===v;return e.jsxs("label",{className:P("flex items-center justify-between cursor-pointer select-none gap-2",o?"opacity-50 cursor-not-allowed":"opacity-100",h?"ring-2 ring-blue-400":""),style:{...y},children:[e.jsx("span",{style:{color:_,fontSize:14},children:R.label}),e.jsx("input",{type:"radio",name:s,value:R.value,checked:b,disabled:o||l,required:c,onChange:()=>t&&t(R.value),style:{display:"none"}}),e.jsx("span",{className:P("inline-flex items-center justify-center rounded-full transition-all"),style:{width:d,height:d,border:`2px solid ${b?x:S}`,backgroundColor:b?x:"transparent",transition:"all 0.2s ease"},children:b&&e.jsx("span",{style:{width:d/2,height:d/2,borderRadius:"50%",backgroundColor:"#fff"}})})]},R.value)}),u&&e.jsx("p",{role:"alert",style:{color:"#dc2626",fontSize:12,marginTop:4,...k},children:u})]})},Pt=({name:s,options:r,selectedValues:n=[],onChange:t,disabled:o=!1,readOnly:l=!1,required:c=!1,error:u,className:j,style:m,labelStyle:y,iconSize:d=20,iconCheckedBgColor:x="#2563eb",switchBgColor:S="#d1d5db",textColor:_="#374151",errorStyle:k,darkMode:A=!1})=>{const $=i.useRef(null),[z,I]=i.useState(null),R=v=>{if(!t||o||l)return;const b=n.includes(v)?n.filter(h=>h!==v):[...n,v];t(b)};return i.useEffect(()=>{const v=$.current;if(!v)return;const b=h=>{if(o||z===null)return;const p=z;if(h.key==="ArrowRight"||h.key==="ArrowDown"){h.preventDefault();const L=(p+1)%r.length;I(L)}if(h.key==="ArrowLeft"||h.key==="ArrowUp"){h.preventDefault();const L=(p-1+r.length)%r.length;I(L)}(h.key===" "||h.key==="Enter")&&(h.preventDefault(),R(r[p].value))};return v.addEventListener("keydown",b),()=>v.removeEventListener("keydown",b)},[z,r,n,o]),e.jsxs("div",{ref:$,role:"group","aria-disabled":o,"aria-invalid":!!u,tabIndex:0,className:P("flex flex-col gap-2",j),style:{...m},children:[r.map((v,b)=>{const h=n.includes(v.value),p=z===b;return e.jsxs("label",{className:P("flex items-center justify-between cursor-pointer select-none transition-opacity",o?"opacity-50 cursor-not-allowed":"opacity-100",p?"ring-2 ring-blue-400":""),style:{...y},onFocus:()=>I(b),children:[e.jsx("span",{style:{color:_,fontSize:14},children:v.label}),e.jsx("input",{type:"checkbox",name:s,value:v.value,checked:h,disabled:o||l,required:c,onChange:()=>R(v.value),style:{display:"none"}}),e.jsx("span",{className:P("relative inline-flex rounded-full transition-colors"),style:{width:d*2,height:d*1.1,backgroundColor:h?x:S,transition:"background-color 0.25s ease",borderRadius:9999},children:e.jsx("span",{style:{position:"absolute",top:"50%",left:h?`calc(100% - ${d-4}px - 2px)`:"2px",transform:"translateY(-50%)",width:d-4,height:d-4,borderRadius:"50%",backgroundColor:"#fff",boxShadow:"0 1px 2px rgba(0,0,0,0.3)",transition:"left 0.25s ease"}})})]},v.value)}),u&&e.jsx("p",{role:"alert",style:{color:"#dc2626",fontSize:12,marginTop:4,...k},children:u})]})},Lt={sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl","2xl":"max-w-2xl",full:"w-full"},Dt={none:"p-0",sm:"p-4",md:"p-6",lg:"p-8",xl:"p-12"},Ot=({size:s="lg",padding:r="md",center:n=!0,className:t="",children:o})=>{const l=P("w-full box-border",Lt[s],Dt[r],n&&"mx-auto",t);return e.jsx("div",{className:l,children:o})},se=(s,r)=>r==null?"":typeof r!="object"?`${s}-${r}`:Object.entries(r).map(([n,t])=>`${n}:${s}-${t}`).join(" "),Ft=({direction:s={sm:"column",md:"row"},align:r="center",justify:n="between",wrap:t="wrap",gap:o,padding:l,margin:c,className:u,children:j})=>{const m=P("flex",se("flex",s),se("items",r),se("justify",n),se("flex",t),o?se("gap",o):"",l?se("p",l):"",c?se("m",c):"",u);return e.jsx("div",{className:m,children:j})},we=(s,r)=>r==null?"":typeof r!="object"?`${s}-${r}`:Object.entries(r).map(([n,t])=>`${n}:${s}-${t}`).join(" "),he=({direction:s={sm:"vertical",md:"horizontal"},gap:r=4,align:n="center",justify:t="start",wrap:o="nowrap",className:l,children:c})=>{const u=P("flex",we("flex",s),we("gap",r),n!=="stretch"?`items-${n}`:"items-stretch",t!=="start"?`justify-${t}`:"justify-start",o!=="nowrap"?`flex-${o}`:"flex-nowrap",l);return e.jsx("div",{className:u,children:c})},Bt=s=>e.jsx(he,{direction:"horizontal",...s}),Vt=s=>e.jsx(he,{direction:"vertical",...s}),ce=(s,r)=>r==null?"":typeof r!="object"?`${s}-${r}`:Object.entries(r).map(([n,t])=>`${n}:${s}-${t}`).join(" "),Yt=({columns:s={sm:1,md:2,lg:3},gap:r=4,padding:n=4,alignItems:t="stretch",justifyItems:o="stretch",className:l,children:c})=>{const u=P("grid",ce("grid-cols",s),ce("gap",r),ce("p",n),t!=="stretch"?`items-${t}`:"items-stretch",o!=="stretch"?`justify-items-${o}`:"justify-items-stretch",l);return e.jsx("div",{className:u,children:c})},Ut=({label:s="Open Drawer",icon:r,iconPosition:n="left",onClick:t,className:o=""})=>e.jsxs("button",{type:"button",onClick:t,className:`inline-flex items-center justify-center gap-2 px-4 py-2 rounded-md font-medium text-white bg-blue-600 hover:bg-blue-700 transition-colors focus:outline-none focus:ring-2 focus:ring-blue-400 ${o}`,children:[r&&n==="left"&&r,s,r&&n==="right"&&r]}),Wt=({open:s,onClose:r,position:n="right",size:t="320px",children:o,showCloseButton:l=!0,className:c="",overlayClassName:u="",closeButtonClassName:j=""})=>{const[m,y]=i.useState(s);i.useEffect(()=>{s?y(!0):setTimeout(()=>y(!1),300)},[s]);const d=i.useMemo(()=>{if(s)return"translate(0,0)";switch(n){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)"}},[s,n]);return!m&&!s?null:e.jsxs(e.Fragment,{children:[e.jsx("div",{onClick:r,className:`fixed inset-0 bg-black/50 transition-opacity ${s?"opacity-100":"opacity-0"} ${u}`}),e.jsxs("div",{className:`fixed bg-white shadow-lg flex flex-col transition-transform duration-300 ${c}`,style:{width:n==="left"||n==="right"?t:"100%",height:n==="top"||n==="bottom"?t:"100%",top:(n==="bottom"||n==="top")&&n==="bottom"?"auto":0,bottom:n==="bottom"?0:"auto",left:n==="left"?0:n==="right"?"auto":0,right:n==="right"?0:n==="left"?"auto":0,transform:d},children:[l&&e.jsx("button",{onClick:r,className:`absolute top-4 right-4 p-1 rounded-full hover:bg-gray-200 transition-colors ${j}`,"aria-label":"Close drawer",children:e.jsx(pe,{size:20})}),e.jsx("div",{className:"flex-1 overflow-auto p-4",children:o})]})]})},Me=i.forwardRef((s,r)=>{const{label:n,name:t="",value:o,defaultValue:l,onChange:c,options:u=[],placeholder:j="Select an option",required:m,disabled:y,error:d,success:x,helperText:S,labelIcon:_,prefixIcon:k,variant:A="dark",primaryTheme:$=!0,primaryColor:z="#3b82f6",containerClassName:I="",labelClassName:R="",triggerClassName:v="",dropdownClassName:b="",optionClassName:h="",className:p=""}=s,L=i.useRef(null);i.useImperativeHandle(r,()=>L.current);const[O,H]=i.useState(!1),[V,W]=i.useState(l||""),F=o!==void 0?o:V,N=u.find(w=>w.value===F);i.useEffect(()=>{const w=C=>{L.current&&!L.current.contains(C.target)&&H(!1)};return document.addEventListener("mousedown",w),()=>document.removeEventListener("mousedown",w)},[]);const f=w=>{W(w.value),c?.(t,w.value),H(!1)},M={dark:{bg:"bg-zinc-900",text:"text-white",border:"border-zinc-800",dropdown:"bg-black border-zinc-800",option:"text-zinc-300 hover:bg-zinc-800"},light:{bg:"bg-white",text:"text-gray-900",border:"border-gray-300",dropdown:"bg-white border-gray-200",option:"text-gray-700 hover:bg-gray-100"}}[A],Y=$?{}:{color:z},G=$?{}:{borderColor:z},J=$?{}:{backgroundColor:`${z}20`},a=d?"border-rose-500":x?"border-emerald-500":M.border,g=k?"pl-12 pr-10":"px-4";return e.jsxs("div",{ref:L,className:`w-full space-y-1 ${I} ${p}`,children:[n&&e.jsxs("label",{className:`flex items-center gap-2 text-[13px] font-medium ${R}`,children:[_&&e.jsx(_,{className:$?"w-4 h-4 text-[var(--primary)]":"w-4 h-4",style:$?void 0:Y}),n,m&&e.jsx("span",{className:"text-rose-500",children:"*"})]}),e.jsxs("div",{className:"relative group",children:[k&&e.jsx("div",{className:"absolute left-4 top-1/2 -translate-y-1/2 z-10",children:e.jsx(k,{className:$?"w-4 h-4 text-zinc-500 group-focus-within:text-[var(--primary)]":"w-4 h-4 text-zinc-500",style:$?void 0:Y})}),e.jsxs("button",{type:"button",disabled:y,onClick:()=>H(w=>!w),style:$?void 0:G,className:`
|
|
177
|
+
w-full py-2.5 rounded-lg text-left text-sm
|
|
178
|
+
border transition-all duration-200
|
|
179
|
+
${M.bg} ${M.text}
|
|
180
|
+
${g}
|
|
181
|
+
${a}
|
|
182
|
+
focus:ring-2
|
|
183
|
+
${$?"focus:ring-[var(--primary)]/30 focus:border-[var(--primary)]":""}
|
|
184
|
+
disabled:opacity-50 disabled:cursor-not-allowed
|
|
185
|
+
${v}
|
|
186
|
+
`,children:[e.jsx("span",{className:N?M.text:"text-zinc-500",children:N?N.label:j}),e.jsx(ke,{className:`absolute right-4 top-1/2 -translate-y-1/2 w-4 h-4 transition-transform ${O?"rotate-180":""} text-zinc-400`})]}),O&&e.jsx("div",{className:`
|
|
187
|
+
absolute z-50 mt-2 w-full rounded-xl border shadow-xl overflow-hidden
|
|
188
|
+
${M.dropdown}
|
|
189
|
+
${b}
|
|
190
|
+
`,children:e.jsx("ul",{className:"max-h-60 overflow-y-auto",children:u.map(w=>{const C=F===w.value;return e.jsxs("li",{onClick:()=>f(w),style:!$&&C?J:void 0,className:`
|
|
191
|
+
px-4 py-3 cursor-pointer text-sm flex items-center gap-2
|
|
192
|
+
${C?$?"bg-[var(--primary)]/15 text-[var(--primary)]":"":M.option}
|
|
193
|
+
${h}
|
|
194
|
+
`,children:[w.icon&&e.jsx("span",{children:w.icon}),w.label]},w.value)})})})]}),(S||d)&&e.jsx("p",{className:`text-xs ${d?"text-rose-500":x?"text-emerald-500":"text-zinc-500"}`,children:typeof d=="string"?d:S})]})});Me.displayName="Dropdown";const Ht=i.forwardRef((s,r)=>{const{label:n,name:t="",type:o="text",placeholder:l="",value:c,defaultValue:u,onChange:j,required:m,disabled:y,readOnly:d,error:x,success:S,helperText:_,icon:k,prefix:A,prefixIcon:$,suffixIcon:z,min:I,max:R,step:v,rows:b=4,primaryTheme:h=!0,primaryColor:p="#3b82f6",className:L=""}=s,O=i.useRef(null);i.useImperativeHandle(r,()=>O.current);const[H,V]=i.useState(u||""),[W,F]=i.useState(!1),N=!!$,f=!!A,M=N||f,Y=c!==void 0?c:H,G=q=>{const Q=q.target.value;V(Q),j?.(t,Q)},J=q=>{o==="number"&&q.key==="-"&&q.preventDefault()},a=()=>M?N&&f?"pl-20 pr-4":f?"pl-14 pr-4":N?"pl-10 pr-4":"px-4":"px-4",g=h?{}:{borderColor:p,boxShadow:`0 0 0 1px ${p}`},w=h?{}:{color:p},C=x?"border-red-500":S?"border-emerald-500":"border-zinc-300 dark:border-zinc-800";return e.jsxs("div",{className:`w-full space-y-1 ${L}`,children:[n&&e.jsxs("label",{className:"flex items-center gap-2 text-[12px] font-medium text-gray-700 dark:text-zinc-100",children:[k&&e.jsx(k,{size:16,className:h?"text-[var(--primary)]":"",style:h?void 0:w}),n,m&&e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsxs("div",{className:"relative",children:[M&&e.jsxs("div",{className:"absolute inset-y-0 left-0 flex items-center pl-3 gap-2 text-sm text-zinc-400 pointer-events-none",children:[$&&e.jsx($,{size:14}),f&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"font-medium text-zinc-600 dark:text-zinc-200",children:A}),e.jsx("span",{className:"h-4 w-px bg-zinc-300 dark:bg-zinc-700"})]})]}),o==="textarea"?e.jsx("textarea",{ref:O,name:t,value:Y,onChange:G,placeholder:l,required:m,disabled:y,readOnly:d,rows:b,style:h?void 0:g,className:`
|
|
195
|
+
w-full rounded-lg text-sm
|
|
196
|
+
bg-white dark:bg-zinc-900 border
|
|
197
|
+
text-gray-900 dark:text-white
|
|
198
|
+
placeholder:text-zinc-400
|
|
199
|
+
py-2.5 outline-none
|
|
200
|
+
focus:ring-1
|
|
201
|
+
${h&&"focus:ring-[var(--primary)] focus:border-[var(--primary)]"}
|
|
202
|
+
${a()}
|
|
203
|
+
${C}
|
|
204
|
+
`}):e.jsx("input",{ref:O,type:o==="password"?W?"text":"password":o,name:t,value:Y,onChange:G,onKeyDown:J,placeholder:l,required:m,disabled:y,readOnly:d,min:o==="number"?I??0:void 0,max:R,step:v,style:h?void 0:g,className:`
|
|
205
|
+
w-full rounded-lg text-sm
|
|
206
|
+
bg-white dark:bg-zinc-900 border
|
|
207
|
+
text-gray-900 dark:text-white
|
|
208
|
+
placeholder:text-zinc-400
|
|
209
|
+
py-2.5 outline-none
|
|
210
|
+
focus:ring-1
|
|
211
|
+
disabled:opacity-50 disabled:cursor-not-allowed
|
|
212
|
+
${h&&"focus:ring-[var(--primary)] focus:border-[var(--primary)]"}
|
|
213
|
+
${a()}
|
|
214
|
+
${C}
|
|
215
|
+
`}),o==="password"&&e.jsx("button",{type:"button",onClick:()=>F(!W),className:"absolute right-3 top-1/2 -translate-y-1/2 text-zinc-400",children:W?e.jsx(Je,{size:18}):e.jsx(Ze,{size:18})}),z&&o!=="password"&&e.jsx("span",{className:"absolute right-3 top-1/2 -translate-y-1/2 text-zinc-400",children:z})]}),(_||x)&&e.jsx("p",{className:`text-xs ${x?"text-red-500":S?"text-emerald-500":"text-zinc-500"}`,children:x&&typeof x=="string"?x:_})]})}),qt=({src:s,alt:r="Image",title:n,width:t="w-full",height:o="h-auto",rounded:l="rounded-lg",borderColor:c="transparent",borderWidth:u="0",shadow:j=!1,opacity:m=1,objectFit:y="cover",overlayText:d,overlayColor:x="rgba(0,0,0,0.5)",svgIcon:S,responsive:_=!1,p:k,m:A,hoverScale:$=1.05,hoverRotate:z=0,hoverOpacity:I,hoverShadow:R=!1,transitionDuration:v="300ms",overflow:b="hidden",className:h="",style:p,onClick:L,onLoad:O,onError:H})=>{const V=i.useMemo(()=>["relative inline-block transition-all",j?"shadow-md":"",l,k??"",A??"",_?"w-full h-auto":"",h].join(" "),[j,l,k,A,_,h]),W=i.useMemo(()=>({width:typeof t=="number"?t:void 0,height:typeof o=="number"?o:void 0,objectFit:y,opacity:m,borderColor:c,borderWidth:u,transition:`all ${v} ease`,...p}),[t,o,y,m,c,u,v,p]),F=i.useMemo(()=>{switch(b){case"x":return{overflowX:"hidden"};case"y":return{overflowY:"hidden"};default:return{overflow:b}}},[b]),N=M=>{I!==void 0&&(M.currentTarget.style.opacity=I.toString()),M.currentTarget.style.transform=`scale(${$}) rotate(${z}deg)`,R&&(M.currentTarget.style.boxShadow="0 8px 20px rgba(0,0,0,0.3)")},f=M=>{M.currentTarget.style.opacity=m.toString(),M.currentTarget.style.transform="scale(1) rotate(0deg)",R&&(M.currentTarget.style.boxShadow="")};return e.jsxs("div",{role:"img","aria-label":r,title:n||r,onClick:L,className:V,style:{position:"relative",cursor:L?"pointer":"default",...F},children:[S?e.jsx("div",{className:"w-full h-full flex items-center justify-center",children:S}):e.jsx("img",{src:s,alt:r,title:n||r,loading:"lazy",style:W,className:"block",onLoad:O,onError:H,onMouseEnter:N,onMouseLeave:f}),d&&e.jsx("div",{style:{backgroundColor:x},className:"absolute inset-0 flex items-center justify-center text-white font-bold text-center p-4",children:d})]})},Ae=({text:s,icon:r,onClick:n,subItems:t,isInline:o,isOrdered:l,primaryTheme:c=!0,primaryColor:u="#3b82f6",itemClassName:j,bulletClassName:m})=>{const y=c?{}:{color:u},d=c?{}:{backgroundColor:u};return e.jsxs("li",{className:P(!o&&"mb-3"),children:[e.jsxs("div",{onClick:n,style:c?void 0:y,className:P("flex items-center gap-2 text-sm text-zinc-800 dark:text-zinc-200 transition-all",n&&(c?"cursor-pointer hover:text-[var(--primary)]":"cursor-pointer"),j),children:[r?e.jsx("span",{className:"text-base",children:r}):!o&&!l&&e.jsx("span",{style:c?void 0:d,className:P("w-2 h-2 rounded-full",c&&"bg-[var(--primary)]",m)}),e.jsx("span",{children:s})]}),t&&t.length>0&&e.jsx("ul",{className:P("pl-5 mt-2 space-y-2",l?"list-decimal":"list-none"),children:t.map((x,S)=>e.jsx(Ae,{...x,isInline:!1,isOrdered:l,primaryTheme:c,primaryColor:u,itemClassName:j,bulletClassName:m},S))})]})},Gt=({title:s,titleIcon:r,items:n,type:t="unordered",primaryTheme:o=!0,primaryColor:l="#3b82f6",className:c,itemClassName:u,titleClassName:j,bulletClassName:m})=>{const y=t==="ordered",d=t==="inline",x=y?"ol":"ul";return e.jsxs("div",{className:P("bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-xl p-4",c),children:[s&&e.jsxs("div",{className:P("flex items-center gap-2 mb-3 text-base font-semibold text-zinc-900 dark:text-white",j),children:[r&&e.jsx("span",{children:r}),e.jsx("span",{children:s})]}),e.jsx(x,{className:P(d?"flex flex-wrap gap-4":y?"list-decimal pl-5 space-y-2":"list-none p-0"),children:n.map((S,_)=>e.jsx(Ae,{...S,isInline:d,isOrdered:y,primaryTheme:o,primaryColor:l,itemClassName:u,bulletClassName:m},_))})]})},Xt=({isOpen:s,onClose:r,children:n,title:t,icon:o,ariaLabel:l,className:c,overlayClassName:u,contentClassName:j,closeButtonClassName:m,disableOverlayClose:y=!1,darkMode:d=!1,transitionDuration:x=200})=>{const S=i.useRef(null);i.useEffect(()=>{const k=A=>{A.key==="Escape"&&r()};return s&&document.addEventListener("keydown",k),()=>document.removeEventListener("keydown",k)},[s,r]),i.useEffect(()=>{if(s){const k=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=k}}},[s]);const _=i.useCallback(()=>{y||r()},[y,r]);return s?e.jsx("div",{role:"dialog","aria-modal":"true","aria-label":l||t||"Modal",className:P("fixed inset-0 flex items-center justify-center z-50 transition-opacity",d?"bg-black/80":"bg-black/60",u),style:{transitionDuration:`${x}ms`},onClick:_,children:e.jsxs("div",{ref:S,className:P("relative w-[90vw] max-w-2xl max-h-[90vh] overflow-y-auto p-6 rounded-lg shadow-lg transition-transform",d?"bg-zinc-900 text-white":"bg-white text-gray-900","scale-100",j),style:{transitionDuration:`${x}ms`},onClick:k=>k.stopPropagation(),children:[e.jsx("button",{onClick:r,"aria-label":"Close modal",className:P("absolute top-4 right-4 p-1 rounded-full hover:scale-110 transition-transform",d?"text-white hover:text-gray-200":"text-gray-700 hover:text-gray-900",m),children:e.jsx(pe,{size:24})}),t&&e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[o&&e.jsx("span",{className:"flex-shrink-0",children:o}),e.jsx("h2",{className:"text-xl font-semibold",children:t})]}),n]})}):null},Jt=({children:s,style:r,className:n})=>e.jsx("div",{className:P("overflow-x-auto rounded-lg shadow-sm border border-gray-200",n),style:{background:"#ffffff",...r},children:e.jsx("table",{className:"w-full border-collapse",style:{borderSpacing:0,borderRadius:12,overflow:"hidden"},children:s})}),Kt=({children:s,style:r,className:n})=>e.jsx("thead",{className:P("bg-gray-100 text-gray-900 font-semibold",n),style:{...r},children:s}),Zt=({children:s,style:r,className:n})=>e.jsx("tbody",{className:P("bg-white",n),style:{...r},children:s}),Qt=({children:s,style:r,className:n,onClick:t,hoverBgColor:o="#f9fafb",darkMode:l=!1})=>e.jsx("tr",{className:P("transition-colors duration-200 cursor-default",t?"hover:cursor-pointer":"",n),style:{borderBottom:"1px solid #e5e7eb",...r},onClick:t,onMouseEnter:c=>{l?c.currentTarget.style.backgroundColor="#1f2937":c.currentTarget.style.backgroundColor=o},onMouseLeave:c=>{c.currentTarget.style.backgroundColor="transparent"},children:s}),er=({children:s,style:r,className:n})=>e.jsx("th",{className:P("text-left px-4 py-3 text-sm text-gray-700 border-b-2 border-gray-200",n),style:{...r},children:s}),tr=({children:s,style:r,className:n})=>e.jsx("td",{className:P("px-4 py-3 text-sm text-gray-600",n),style:{...r},children:s}),rr=({tabs:s,defaultActive:r=0,position:n="top",variant:t="solid",fullWidth:o=!1,gap:l=8,radius:c=8,padding:u="12px 18px",transitionDuration:j=200,elevation:m=1,bordered:y=!1,primaryColor:d="#2563eb",backgroundColor:x="transparent",textColor:S="#374151",hoverColor:_="#1d4ed8",activeColor:k="#ffffff",borderColor:A="#e5e7eb",disabledColor:$="#9ca3af",responsiveBreakpoint:z=768,showDrawerLabel:I="Select Tab",drawerIcon:R="☰",onTabChange:v,className:b="",style:h,tabClassName:p="",contentClassName:L="",activeTabStyle:O,inactiveTabStyle:H,contentStyle:V})=>{const[W,F]=i.useState(r),[N,f]=i.useState(null),[M,Y]=i.useState(!1),[G,J]=i.useState(!1),a=i.useRef(null);i.useEffect(()=>{const T=()=>Y(window.innerWidth<=z);return T(),window.addEventListener("resize",T),()=>window.removeEventListener("resize",T)},[z]);const g=T=>{s[T].disabled||(F(T),v?.(T),M&&J(!1))},w=(T,D)=>{T.key==="ArrowRight"||T.key==="ArrowDown"?(T.preventDefault(),g((D+1)%s.length)):(T.key==="ArrowLeft"||T.key==="ArrowUp")&&(T.preventDefault(),g((D-1+s.length)%s.length))},C={padding:u,borderRadius:c,cursor:"pointer",display:"flex",alignItems:"center",gap:8,justifyContent:"center",fontWeight:500,transition:`all ${j}ms ease`,background:"transparent",border:t==="outline"?`1px solid ${A}`:"none",borderBottom:t==="underline"?"2px solid transparent":void 0,color:S,width:o?"100%":"auto",userSelect:"none"},q={background:t==="solid"?d:"transparent",color:k,borderBottom:t==="underline"?`2px solid ${d}`:void 0,boxShadow:m>0?`0 ${m}px ${m*4}px ${d}33`:void 0,...O},Q={...t==="outline"?{borderColor:A}:{},...t==="underline"?{borderBottomColor:"transparent"}:{},...H},B={color:_,background:t==="solid"?`${d}11`:t==="outline"?`${d}11`:"transparent"},K={color:$,cursor:"not-allowed",opacity:.6},X={flexGrow:1,borderTop:y&&n==="top"?`1px solid ${A}`:void 0,borderLeft:y&&n==="left"?`1px solid ${A}`:void 0,borderRight:y&&n==="right"?`1px solid ${A}`:void 0,borderRadius:c,...V},E=n==="left"||n==="right";return e.jsxs("div",{ref:a,className:`modern-tabs ${b}`,style:{display:"flex",flexDirection:E?n==="right"?"row-reverse":"row":"column",background:x,border:y?`1px solid ${A}`:void 0,borderRadius:c,overflow:"hidden",...h},children:[e.jsx("style",{children:`
|
|
186
216
|
@keyframes tab-fade {
|
|
187
217
|
from { opacity: 0; transform: translateY(5px); }
|
|
188
218
|
to { opacity: 1; transform: translateY(0); }
|
|
189
219
|
}
|
|
190
220
|
.modern-tabs__content {
|
|
191
|
-
animation: tab-fade ${
|
|
221
|
+
animation: tab-fade ${j}ms ease;
|
|
192
222
|
}
|
|
193
|
-
`}),
|
|
223
|
+
`}),M?e.jsxs("div",{style:{width:"100%",padding:8},children:[e.jsxs("button",{onClick:()=>J(!G),style:{...C,...q,justifyContent:"space-between",width:"100%",fontSize:16},children:[I,e.jsx("span",{children:R})]}),G&&e.jsx("div",{style:{display:"flex",flexDirection:"column",marginTop:8,gap:l},children:s.map((T,D)=>{const Z=D===W,ee=N===D,re=T.disabled;return e.jsxs("button",{disabled:re,onClick:()=>g(D),onKeyDown:le=>w(le,D),onMouseEnter:()=>f(D),onMouseLeave:()=>f(null),className:p,style:{...C,...Z?q:Q,...ee&&!Z&&!re?B:{},...re?K:{}},children:[T.icon&&e.jsx("span",{children:T.icon}),T.label]},D)})})]}):e.jsx("div",{style:{display:"flex",flexDirection:E?"column":"row",gap:l,padding:8,minWidth:E?200:void 0},children:s.map((T,D)=>{const Z=D===W,ee=N===D,re=T.disabled;return e.jsxs("button",{disabled:re,onClick:()=>g(D),onKeyDown:le=>w(le,D),onMouseEnter:()=>f(D),onMouseLeave:()=>f(null),className:p,style:{...C,...Z?q:Q,...ee&&!Z&&!re?B:{},...re?K:{}},role:"tab","aria-selected":Z,children:[T.icon&&e.jsx("span",{children:T.icon}),T.label]},D)})}),e.jsx("div",{className:`modern-tabs__content ${L}`,style:X,role:"tabpanel",children:s[W]?.content})]})},sr={xs:"text-xs",sm:"text-sm",md:"text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl"};function nr({as:s,children:r,size:n="md",weight:t=400,align:o="left",truncate:l=!1,className:c,style:u,...j}){const m=s||"p";return i.createElement(m,{className:P("text-inherit",sr[n]||"",l&&"truncate",c),style:{fontWeight:t,textAlign:o,...u},...j},r)}exports.Accordion=Re;exports.AudioGallery=At;exports.AudioPlayer=zt;exports.Avatar=_t;exports.Badge=_e;exports.Button=ze;exports.CheckboxGroup=It;exports.Container=Ot;exports.Drawer=Wt;exports.DrawerButton=Ut;exports.Dropdown=Me;exports.FlexView=Ft;exports.GridView=Yt;exports.HStack=Bt;exports.Image=qt;exports.Input=Ht;exports.List=Gt;exports.Modal=Xt;exports.RadioGroup=Ct;exports.Stack=he;exports.SwitchGroup=Pt;exports.TBody=Zt;exports.TD=tr;exports.TH=er;exports.THead=Kt;exports.TRow=Qt;exports.Table=Jt;exports.Tabs=rr;exports.Text=nr;exports.ToastProvider=kt;exports.VStack=Vt;exports.useToast=jt;
|
|
194
224
|
//# sourceMappingURL=index.cjs.js.map
|