@iniguezmarc/design-system 0.0.12 → 0.0.14
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/atoms/Toggle/LanguageToggle.d.ts +2 -1
- package/dist/components/organisms/Navbar/BasicNavbar.d.ts +4 -1
- package/dist/components/organisms/Navbar/ScrollNavbar.d.ts +4 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.es.js +357 -307
- package/dist/index.umd.js +60 -60
- package/package.json +1 -1
package/dist/index.umd.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function($,y){typeof exports=="object"&&typeof module<"u"?y(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],y):($=typeof globalThis<"u"?globalThis:$||self,y($.DesignSystem={},$.React))})(this,function($,y){"use strict";var B={exports:{}},_={};/**
|
|
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 U;function ne(){if(U)return _;U=1;var n=Symbol.for("react.transitional.element"),d=Symbol.for("react.fragment");function u(s,t,a){var f=null;if(a!==void 0&&(f=""+a),t.key!==void 0&&(f=""+t.key),"key"in t){a={};for(var i in t)i!=="key"&&(a[i]=t[i])}else a=t;return t=a.ref,{$$typeof:n,type:s,key:f,ref:t!==void 0?t:null,props:a}}return _.Fragment=d,_.jsx=u,_.jsxs=u,_}var R={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,53 +14,53 @@
|
|
|
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 X;function oe(){return X||(X=1,process.env.NODE_ENV!=="production"&&function(){function n(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===ge?null:r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case k:return"Fragment";case E:return"Profiler";case N:return"StrictMode";case C:return"Suspense";case M:return"SuspenseList";case fe:return"Activity"}if(typeof r=="object")switch(typeof r.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),r.$$typeof){case v:return"Portal";case S:return r.displayName||"Context";case O:return(r._context.displayName||"Context")+".Consumer";case P:var c=r.render;return r=r.displayName,r||(r=c.displayName||c.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case D:return c=r.displayName||null,c!==null?c:n(r.type)||"Memo";case W:c=r._payload,r=r._init;try{return n(r(c))}catch{}}return null}function d(r){return""+r}function u(r){try{d(r);var c=!1}catch{c=!0}if(c){c=console;var p=c.error,j=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return p.call(c,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",j),d(r)}}function s(r){if(r===k)return"<>";if(typeof r=="object"&&r!==null&&r.$$typeof===W)return"<...>";try{var c=n(r);return c?"<"+c+">":"<...>"}catch{return"<...>"}}function t(){var r=F.A;return r===null?null:r.getOwner()}function a(){return Error("react-stack-top-frame")}function f(r){if(K.call(r,"key")){var c=Object.getOwnPropertyDescriptor(r,"key").get;if(c&&c.isReactWarning)return!1}return r.key!==void 0}function i(r,c){function p(){ee||(ee=!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)",c))}p.isReactWarning=!0,Object.defineProperty(r,"key",{get:p,configurable:!0})}function x(){var r=n(this.type);return re[r]||(re[r]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),r=this.props.ref,r!==void 0?r:null}function g(r,c,p,j,L,H){var w=p.ref;return r={$$typeof:h,type:r,key:c,props:p,_owner:j},(w!==void 0?w:null)!==null?Object.defineProperty(r,"ref",{enumerable:!1,get:x}):Object.defineProperty(r,"ref",{enumerable:!1,value:null}),r._store={},Object.defineProperty(r._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(r,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(r,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:L}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:H}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function b(r,c,p,j,L,H){var w=c.children;if(w!==void 0)if(j)if(me(w)){for(j=0;j<w.length;j++)o(w[j]);Object.freeze&&Object.freeze(w)}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 o(w);if(K.call(c,"key")){w=n(r);var T=Object.keys(c).filter(function(be){return be!=="key"});j=0<T.length?"{key: someKey, "+T.join(": ..., ")+": ...}":"{key: someKey}",se[w+j]||(T=0<T.length?"{"+T.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} />`,j,w,T,w),se[w+j]=!0)}if(w=null,p!==void 0&&(u(p),w=""+p),f(c)&&(u(c.key),w=""+c.key),"key"in c){p={};for(var G in c)G!=="key"&&(p[G]=c[G])}else p=c;return w&&i(p,typeof r=="function"?r.displayName||r.name||"Unknown":r),g(r,w,p,t(),L,H)}function o(r){m(r)?r._store&&(r._store.validated=1):typeof r=="object"&&r!==null&&r.$$typeof===W&&(r._payload.status==="fulfilled"?m(r._payload.value)&&r._payload.value._store&&(r._payload.value._store.validated=1):r._store&&(r._store.validated=1))}function m(r){return typeof r=="object"&&r!==null&&r.$$typeof===h}var l=y,h=Symbol.for("react.transitional.element"),v=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),N=Symbol.for("react.strict_mode"),E=Symbol.for("react.profiler"),O=Symbol.for("react.consumer"),S=Symbol.for("react.context"),P=Symbol.for("react.forward_ref"),C=Symbol.for("react.suspense"),M=Symbol.for("react.suspense_list"),D=Symbol.for("react.memo"),W=Symbol.for("react.lazy"),fe=Symbol.for("react.activity"),ge=Symbol.for("react.client.reference"),F=l.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,K=Object.prototype.hasOwnProperty,me=Array.isArray,V=console.createTask?console.createTask:function(){return null};l={react_stack_bottom_frame:function(r){return r()}};var ee,re={},te=l.react_stack_bottom_frame.bind(l,a)(),ae=V(s(a)),se={};R.Fragment=k,R.jsx=function(r,c,p){var j=1e4>F.recentlyCreatedOwnerStacks++;return b(r,c,p,!1,j?Error("react-stack-top-frame"):te,j?V(s(r)):ae)},R.jsxs=function(r,c,p){var j=1e4>F.recentlyCreatedOwnerStacks++;return b(r,c,p,!0,j?Error("react-stack-top-frame"):te,j?V(s(r)):ae)}}()),R}process.env.NODE_ENV==="production"?B.exports=ne():B.exports=oe();var e=B.exports;const J=({src:n,alt:d="Avatar",size:u="md",imageFit:s="cover",customStyles:t={},className:a="",borderColor:f="border-gray-200",darkBorderColor:i="dark:border-gray-700",backgroundColor:x="bg-gray-100",darkBackgroundColor:g="dark:bg-gray-800",loading:b="lazy"})=>{const o={sm:"h-8 w-8",md:"h-12 w-12",lg:"h-16 w-16",xl:"h-32 w-32"},m=s==="contain"?"object-contain":"object-cover",l=`border ${f} ${i}`,h=`${x} ${g}`;return e.jsx("div",{className:`
|
|
23
23
|
ds-avatar relative rounded-full overflow-hidden flex-shrink-0
|
|
24
|
-
${
|
|
25
|
-
${
|
|
26
|
-
${
|
|
24
|
+
${o[u]}
|
|
25
|
+
${h}
|
|
26
|
+
${l}
|
|
27
27
|
${t.container||""}
|
|
28
28
|
${a}
|
|
29
|
-
`,children:e.jsx("img",{src:
|
|
29
|
+
`,children:e.jsx("img",{src:n,alt:d,loading:b,decoding:"async",className:`
|
|
30
30
|
w-full h-full
|
|
31
|
-
${
|
|
31
|
+
${m}
|
|
32
32
|
${t.image||""}
|
|
33
|
-
`})})},
|
|
33
|
+
`})})},I=({label:n,variant:d="primary",customStyles:u={},className:s="",endIcon:t,primaryColor:a="bg-blue-100 text-blue-800",darkPrimaryColor:f="dark:bg-blue-900/50 dark:text-blue-200",secondaryColor:i="bg-gray-100 text-gray-800",darkSecondaryColor:x="dark:bg-gray-700 dark:text-gray-300",outlineColor:g="border border-gray-300 text-gray-600 bg-transparent",darkOutlineColor:b="dark:border-gray-600 dark:text-gray-400",successColor:o="bg-green-100 text-green-800",darkSuccessColor:m="dark:bg-green-900/50 dark:text-green-200"})=>{const l="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium transition-colors gap-1",h={primary:`${a} ${f}`,secondary:`${i} ${x}`,outline:`${g} ${b}`,success:`${o} ${m}`};return e.jsxs("span",{className:`
|
|
34
34
|
ds-badge
|
|
35
|
-
${
|
|
36
|
-
${
|
|
37
|
-
${
|
|
35
|
+
${l}
|
|
36
|
+
${h[d]}
|
|
37
|
+
${u.container||""}
|
|
38
38
|
${s}
|
|
39
|
-
`,children:[e.jsx("span",{className:
|
|
39
|
+
`,children:[e.jsx("span",{className:u.label||"",children:n}),t&&e.jsx("span",{className:"flex items-center",children:t})]})},A=({label:n,variant:d="primary",size:u="medium",onClick:s,className:t="",customStyles:a={},href:f,target:i,primaryColor:x="bg-blue-600",primaryHoverColor:g="hover:bg-blue-700",darkPrimaryColor:b="dark:bg-blue-600",darkPrimaryHoverColor:o="dark:hover:bg-blue-500",secondaryColor:m="bg-gray-100",secondaryHoverColor:l="hover:bg-gray-200",darkSecondaryColor:h="dark:bg-gray-800",darkSecondaryHoverColor:v="dark:hover:bg-gray-700",outlineColor:k="text-blue-600 border-blue-600",outlineHoverColor:N="hover:bg-blue-50",darkOutlineColor:E="dark:text-blue-400 dark:border-blue-400",darkOutlineHoverColor:O="dark:hover:bg-blue-950"})=>{const S="relative group inline-flex justify-center items-center font-bold rounded-lg cursor-pointer transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 no-underline",P={primary:`${x} text-white ${g} focus:ring-blue-500 border-2 border-transparent ${b} ${o}`,secondary:`${m} text-gray-800 ${l} focus:ring-gray-500 border-2 border-transparent ${h} dark:text-gray-100 ${v}`,outline:`bg-transparent ${k} border-2 ${N} focus:ring-blue-500 ${E} ${O}`},C={small:"px-3 py-1.5 text-sm",medium:"px-5 py-2.5 text-base",large:"px-8 py-3.5 text-lg"},M=`${S} ${P[d]} ${C[u]} ${a.container||""} ${t}`,D=e.jsx("span",{className:`relative z-10 flex items-center justify-center gap-2 ${a.label||""}`,children:n});return f?e.jsx("a",{href:f,className:M,target:i,rel:i==="_blank"?"noopener noreferrer":void 0,onClick:s,children:D}):e.jsx("button",{type:"button",className:M,onClick:s,children:D})},Z=y.forwardRef(({label:n,error:d,className:u,customStyles:s={},startIcon:t,endIcon:a,labelColor:f="text-gray-700",darkLabelColor:i="dark:text-gray-200",inputBgColor:x="bg-white",darkInputBgColor:g="dark:bg-gray-800",inputBorderColor:b="border-gray-300",darkInputBorderColor:o="dark:border-gray-600",inputTextColor:m="text-gray-900",darkInputTextColor:l="dark:text-white",focusRingColor:h="focus:ring-blue-500",errorBorderColor:v="border-red-500",darkErrorBorderColor:k="dark:border-red-500",errorTextColor:N="text-red-500",darkErrorTextColor:E="dark:text-red-400",...O},S)=>{const P=`
|
|
40
40
|
w-full py-2 border rounded-lg shadow-sm focus:outline-none focus:ring-2 transition-all
|
|
41
41
|
${t?"pl-10":"px-3"}
|
|
42
42
|
${a?"pr-10":"px-3"}
|
|
43
|
-
${
|
|
44
|
-
${
|
|
45
|
-
${
|
|
46
|
-
`,C=
|
|
47
|
-
${
|
|
43
|
+
${x} ${g}
|
|
44
|
+
${m} ${l}
|
|
45
|
+
${h}
|
|
46
|
+
`,C=d?`${v} focus:ring-red-500 ${k}`:`${b} ${o}`;return e.jsxs("div",{className:`w-full ${s.container||""} ${u}`,children:[n&&e.jsx("label",{className:`block text-sm font-medium ${f} ${i} mb-1 ${s.label||""}`,children:n}),e.jsxs("div",{className:"relative",children:[t&&e.jsx("div",{className:`absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none ${s.iconContainer||""}`,children:t}),e.jsx("input",{ref:S,className:`
|
|
47
|
+
${P}
|
|
48
48
|
${C}
|
|
49
49
|
${s.input||""}
|
|
50
|
-
`,...O}),a&&e.jsx("div",{className:`absolute inset-y-0 right-0 pr-3 flex items-center ${s.iconContainer||""}`,children:a})]}),
|
|
50
|
+
`,...O}),a&&e.jsx("div",{className:`absolute inset-y-0 right-0 pr-3 flex items-center ${s.iconContainer||""}`,children:a})]}),d&&e.jsx("p",{className:`mt-1 text-xs ${N} ${E} ${s.error||""}`,children:d})]})});Z.displayName="BasicInput";const q=({isToggled:n,onToggle:d,iconOn:u,iconOff:s,imageOn:t,imageOff:a,imageFit:f="contain",customStyles:i={},className:x="",title:g})=>{const b=`w-6 h-6 ${i.icon||""}`,o=()=>{const m=f==="contain"?"object-contain":"object-cover";return n?t?e.jsx("img",{src:t,alt:"Toggled On",className:`${b} ${m}`}):u:a?e.jsx("img",{src:a,alt:"Toggled Off",className:`${b} ${m}`}):s};return e.jsx("button",{onClick:d,title:g,className:`
|
|
51
51
|
p-2 rounded-full transition-all duration-300 ease-in-out
|
|
52
52
|
focus:outline-none focus:ring-2 focus:ring-blue-500 hover:rotate-12 hover:scale-110 overflow-hidden
|
|
53
|
-
${
|
|
53
|
+
${n?"bg-gray-800 text-white hover:bg-gray-700":"bg-gray-200 text-gray-800 hover:bg-gray-300"}
|
|
54
54
|
${i.container||""}
|
|
55
|
-
${
|
|
56
|
-
`,children:
|
|
55
|
+
${x}
|
|
56
|
+
`,children:o()})},Y=({isDark:n,onToggle:d,iconSun:u,iconMoon:s,sunImage:t,moonImage:a,customStyles:f={},...i})=>{const[x,g]=y.useState(!1);y.useEffect(()=>{const v=()=>{const N=document.documentElement.classList.contains("dark");g(N)};v();const k=new MutationObserver(v);return k.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]}),()=>k.disconnect()},[]);const b=()=>{const v=document.documentElement;v.classList.contains("dark")?(v.classList.remove("dark"),localStorage.setItem("theme","light")):(v.classList.add("dark"),localStorage.setItem("theme","dark")),d&&d()},o=n!==void 0?n:x,m=`w-6 h-6 ${f.icon||""}`,l=e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:m,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"})}),h=e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:m,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"})});return e.jsx(q,{...i,isToggled:o,onToggle:b,iconOn:u||l,iconOff:s||h,imageOn:t,imageOff:a,customStyles:f,title:i.title||(o?"Switch to light mode":"Switch to dark mode")})},z=({initialLanguage:n="en",onLanguageChange:d,className:u="",customStyles:s={},englishColor:t="!bg-transparent hover:!bg-gray-100 dark:hover:!bg-gray-800",englishBorderColor:a="border-2 border-transparent",englishTextColor:f="!text-gray-600 dark:!text-gray-300",spanishColor:i="!bg-transparent hover:!bg-gray-100 dark:hover:!bg-gray-800",spanishBorderColor:x="border-2 border-transparent",spanishTextColor:g="!text-gray-600 dark:!text-gray-300",isDark:b=!1})=>{const[o,m]=y.useState(n==="es"),l=()=>{const v=!o;m(v),d&&d(v?"es":"en")},h=o?`${i} ${g} ${x}`:`${t} ${f} ${a}`;return e.jsx("div",{className:b?"dark":"",children:e.jsx(q,{isToggled:o,onToggle:l,className:u,title:o?"Switch to English":"Cambiar a Español",iconOn:e.jsx("span",{className:"font-bold text-xs",children:"ES"}),iconOff:e.jsx("span",{className:"font-bold text-xs",children:"EN"}),customStyles:{container:`${h} ${s.container||""}`,icon:`w-6 h-6 flex items-center justify-center ${s.icon||""}`}})})},Q=({title:n,description:d,image:u,tags:s=[],orientation:t="vertical",actionLabel:a="View Project",projectUrl:f,linkTarget:i="_self",onViewProject:x,customStyles:g={},className:b=""})=>{const o=t==="horizontal";return e.jsxs("div",{className:`
|
|
57
57
|
/* 1. IDENTIFIER CLASS */
|
|
58
58
|
ds-card
|
|
59
59
|
|
|
60
60
|
/* 2. BASE STRUCTURE */
|
|
61
61
|
group w-full rounded-xl overflow-hidden border transition-all duration-300
|
|
62
62
|
/* Switch layout based on orientation prop */
|
|
63
|
-
${
|
|
63
|
+
${o?"flex flex-col md:flex-row":"flex flex-col"}
|
|
64
64
|
|
|
65
65
|
/* 3. LIGHT MODE (Default) */
|
|
66
66
|
/* White background, gray border, black shadow on hover */
|
|
@@ -84,86 +84,86 @@ React keys must be passed directly to JSX without using spread:
|
|
|
84
84
|
dark:hover:!shadow-[0_20px_25px_-5px_rgba(255,255,255,0.30)]
|
|
85
85
|
|
|
86
86
|
/* 5. EXTERNAL INJECTIONS */
|
|
87
|
-
${
|
|
88
|
-
${
|
|
87
|
+
${g.container||""}
|
|
88
|
+
${b}
|
|
89
89
|
`,children:[e.jsxs("div",{className:`
|
|
90
90
|
ds-card-image overflow-hidden relative
|
|
91
|
-
${
|
|
92
|
-
${
|
|
93
|
-
`,children:[e.jsx("img",{src:
|
|
91
|
+
${o?"w-full h-48 md:w-2/5 md:h-auto":"w-full h-48"}
|
|
92
|
+
${g.imageWrapper||""}
|
|
93
|
+
`,children:[e.jsx("img",{src:u,alt:n,loading:"lazy",decoding:"async",className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"}),e.jsx("div",{className:"absolute inset-0 bg-transparent dark:bg-black/20 transition-colors pointer-events-none"})]}),e.jsxs("div",{className:`ds-card-content p-6 flex flex-col justify-between flex-1 ${g.content||""}`,children:[e.jsxs("div",{children:[e.jsx("h3",{className:`
|
|
94
94
|
ds-card-title text-2xl font-bold mb-3 transition-colors text-gray-900 dark:text-white
|
|
95
|
-
${
|
|
96
|
-
`,children:
|
|
95
|
+
${g.title||""}
|
|
96
|
+
`,children:n}),e.jsx("p",{className:`
|
|
97
97
|
ds-card-description mb-4 line-clamp-3 leading-relaxed transition-colors text-gray-600 dark:text-gray-300
|
|
98
|
-
${
|
|
99
|
-
`,children:
|
|
98
|
+
${g.description||""}
|
|
99
|
+
`,children:d}),e.jsx("div",{className:`ds-card-tags flex flex-wrap gap-2 mb-6 ${g.tagsContainer||""}`,children:s.map(m=>e.jsx(I,{label:m,variant:"secondary"},m))})]}),e.jsx("div",{className:"ds-card-actions flex justify-start mt-auto",children:e.jsx(A,{label:a,onClick:x,href:f,target:i,size:"medium",variant:"primary"})})]})]})},le=({title:n="Featured Content",items:d,layout:u="grid",itemButtonLabel:s="View Details",onItemClick:t,customStyles:a={},backgroundColor:f="bg-gray-50",darkBackgroundColor:i="dark:bg-gray-900",titleColor:x="text-gray-900",darkTitleColor:g="dark:text-white"})=>{const b=u==="grid"?"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8":"flex flex-col gap-12 max-w-4xl mx-auto";return e.jsx("section",{className:`
|
|
100
100
|
py-16 px-4 transition-colors duration-300
|
|
101
101
|
${f} ${i}
|
|
102
102
|
${a.container||""}
|
|
103
|
-
`,children:e.jsxs("div",{className:"max-w-7xl mx-auto",children:[
|
|
103
|
+
`,children:e.jsxs("div",{className:"max-w-7xl mx-auto",children:[n&&e.jsxs("div",{className:"mb-12 text-start",children:[e.jsx("h2",{className:`
|
|
104
104
|
text-4xl font-extrabold mb-4 tracking-tight transition-colors
|
|
105
|
-
${
|
|
105
|
+
${x} ${g}
|
|
106
106
|
${a.title||""}
|
|
107
|
-
`,children:
|
|
107
|
+
`,children:n}),e.jsx("div",{className:"h-1.5 w-24 bg-blue-600 mx-auto rounded-full"})]}),e.jsx("div",{className:b,children:d.map(o=>e.jsx(Q,{title:o.title,description:o.description,image:o.image,tags:o.tags,projectUrl:o.url,orientation:u==="list"?"horizontal":"vertical",actionLabel:s,onViewProject:()=>t==null?void 0:t(o.id)},o.id))})]})})},ie=({copyrightOwner:n,copyrightText:d=`© ${new Date().getFullYear()} All rights reserved.`,socialLinks:u,secondaryLinks:s=[],customStyles:t={},backgroundColor:a="bg-gray-900",darkBackgroundColor:f="dark:bg-black",borderColor:i="border-gray-800",darkBorderColor:x="dark:border-gray-800",textColor:g="text-white",darkTextColor:b="dark:text-white",linksColor:o="text-gray-400",linksHoverColor:m="hover:text-white"})=>e.jsx("footer",{className:`
|
|
108
108
|
py-12 border-t transition-colors duration-300
|
|
109
109
|
${a} ${f}
|
|
110
|
-
${i} ${
|
|
110
|
+
${i} ${x}
|
|
111
111
|
${t.container||""}
|
|
112
|
-
`,children:e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:e.jsxs("div",{className:"flex flex-col md:flex-row justify-between items-center gap-6",children:[e.jsxs("div",{className:`text-center md:text-left ${t.text||""}`,children:[e.jsx("p",{className:`text-lg font-bold ${
|
|
112
|
+
`,children:e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:e.jsxs("div",{className:"flex flex-col md:flex-row justify-between items-center gap-6",children:[e.jsxs("div",{className:`text-center md:text-left ${t.text||""}`,children:[e.jsx("p",{className:`text-lg font-bold ${g} ${b}`,children:n}),e.jsx("p",{className:`text-sm mt-1 ${o} opacity-80`,children:d})]}),s.length>0&&e.jsx("div",{className:"flex gap-6 flex-wrap justify-center",children:s.map(l=>e.jsx("a",{href:l.href,className:`
|
|
113
113
|
text-sm transition-colors
|
|
114
|
-
${
|
|
114
|
+
${o} ${m}
|
|
115
115
|
${t.link||""}
|
|
116
|
-
`,children:
|
|
116
|
+
`,children:l.label},l.label))}),e.jsx("div",{className:"flex space-x-6",children:u.map(l=>e.jsx("a",{href:l.url,target:"_blank",rel:"noopener noreferrer",className:`
|
|
117
117
|
transition-colors text-sm font-medium uppercase tracking-wider
|
|
118
|
-
${
|
|
118
|
+
${o} ${m}
|
|
119
119
|
${t.link||""}
|
|
120
|
-
`,children:
|
|
120
|
+
`,children:l.platform},l.platform))})]})})}),ce=({greeting:n="Hello",title:d,subtitle:u,imageUrl:s,actions:t=[],customStyles:a={},backgroundColor:f="bg-white",darkBackgroundColor:i="dark:bg-gray-900",greetingColor:x="text-blue-600",darkGreetingColor:g="dark:text-blue-400",titleColor:b="text-gray-900",darkTitleColor:o="dark:text-white",subtitleColor:m="text-gray-500",darkSubtitleColor:l="dark:text-gray-400"})=>{const h=s?"flex flex-col lg:flex-row items-center gap-12 lg:gap-16":"flex flex-col items-center text-center max-w-4xl mx-auto",v=s?"flex-1 text-center lg:text-left":"w-full",k=s?"justify-center lg:justify-start":"justify-center";return e.jsx("section",{className:`
|
|
121
121
|
relative pt-32 pb-16 lg:pt-40 lg:pb-24 overflow-hidden transition-colors duration-300
|
|
122
122
|
${f} ${i}
|
|
123
123
|
${a.container||""}
|
|
124
|
-
`,children:e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:e.jsxs("div",{className
|
|
124
|
+
`,children:e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:e.jsxs("div",{className:h,children:[e.jsxs("div",{className:`${v} ${a.content||""}`,children:[n&&e.jsx("p",{className:`
|
|
125
125
|
font-semibold tracking-wide uppercase text-sm mb-4
|
|
126
|
-
${
|
|
127
|
-
`,children:
|
|
126
|
+
${x} ${g}
|
|
127
|
+
`,children:n}),e.jsx("h1",{className:`
|
|
128
128
|
text-4xl sm:text-5xl lg:text-6xl font-bold leading-tight mb-6 transition-colors
|
|
129
|
-
${
|
|
129
|
+
${b} ${o}
|
|
130
130
|
${a.title||""}
|
|
131
|
-
`,children:
|
|
131
|
+
`,children:d}),e.jsx("p",{className:`
|
|
132
132
|
text-lg sm:text-xl mb-8 leading-relaxed transition-colors
|
|
133
|
-
${
|
|
133
|
+
${m} ${l}
|
|
134
134
|
${!s&&"mx-auto max-w-2xl"}
|
|
135
135
|
${a.subtitle||""}
|
|
136
|
-
`,children:
|
|
136
|
+
`,children:u}),t.length>0&&e.jsx("div",{className:`flex flex-col sm:flex-row gap-4 ${k}`,children:t.map((N,E)=>e.jsx(A,{label:N.label,variant:N.variant||"primary",size:"large",onClick:N.onClick,className:"w-full sm:w-auto"},E))})]}),s&&e.jsx("div",{className:`
|
|
137
137
|
flex-1 w-full max-w-md lg:max-w-full relative
|
|
138
138
|
${a.imageWrapper||""}
|
|
139
|
-
`,children:e.jsxs("div",{className:"relative rounded-2xl overflow-hidden shadow-2xl dark:shadow-none dark:border dark:border-gray-800 aspect-[4/3] group",children:[e.jsx("div",{className:"absolute inset-0 bg-gray-900/5 dark:bg-black/20 group-hover:bg-transparent transition-colors duration-500"}),e.jsx("img",{src:s,alt:"Hero Visual",decoding:"async",className:"w-full h-full object-cover transform transition-transform duration-700 hover:scale-105"})]})})]})})})},
|
|
139
|
+
`,children:e.jsxs("div",{className:"relative rounded-2xl overflow-hidden shadow-2xl dark:shadow-none dark:border dark:border-gray-800 aspect-[4/3] group",children:[e.jsx("div",{className:"absolute inset-0 bg-gray-900/5 dark:bg-black/20 group-hover:bg-transparent transition-colors duration-500"}),e.jsx("img",{src:s,alt:"Hero Visual",decoding:"async",className:"w-full h-full object-cover transform transition-transform duration-700 hover:scale-105"})]})})]})})})},de=({logo:n="Marc.Dev",isLogoImage:d=!1,links:u,actions:s=[],customStyles:t={},isOpen:a=!1,isScrolled:f=!1,onToggleMenu:i,onLinkClick:x,onLogoClick:g,enableLanguageToggle:b=!1,language:o="en",onLanguageChange:m})=>e.jsxs("nav",{className:`
|
|
140
140
|
fixed top-0 left-0 right-0 z-50 transition-all duration-300
|
|
141
141
|
|
|
142
142
|
${f||a?"bg-white/90 dark:bg-gray-900/90 backdrop-blur-md shadow-sm border-b border-gray-100 dark:border-gray-800":"bg-transparent"}
|
|
143
143
|
${t.container||""}
|
|
144
|
-
`,children:[e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:e.jsxs("div",{className:"flex justify-between items-center h-20",children:[e.jsx("div",{className:`flex-shrink-0 cursor-pointer flex items-center ${t.logo||""}`,onClick:
|
|
144
|
+
`,children:[e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:e.jsxs("div",{className:"flex justify-between items-center h-20",children:[e.jsx("div",{className:`flex-shrink-0 cursor-pointer flex items-center ${t.logo||""}`,onClick:g,children:d?e.jsx("img",{src:n,alt:"Logo",className:"h-8 w-auto"}):e.jsx("span",{className:"text-2xl font-bold text-gray-900 dark:text-white tracking-tighter hover:text-blue-600 dark:hover:text-blue-400 transition-colors",children:n})}),e.jsxs("div",{className:"hidden md:flex space-x-8 items-center",children:[u.map(l=>e.jsx("a",{href:l.href,onClick:h=>x==null?void 0:x(h,l.href),className:`
|
|
145
145
|
text-sm font-medium transition-colors
|
|
146
146
|
hover:text-blue-600 dark:hover:text-blue-400
|
|
147
147
|
${l.active?"text-blue-600 dark:text-blue-400":"text-gray-600 dark:text-gray-300"}
|
|
148
148
|
${t.link||""}
|
|
149
|
-
`,children:l.label},l.label)),e.jsxs("div",{className:"flex items-center gap-4 pl-6 border-l border-gray-200 dark:border-gray-700",children:[e.jsx(
|
|
149
|
+
`,children:l.label},l.label)),e.jsxs("div",{className:"flex items-center gap-4 pl-6 border-l border-gray-200 dark:border-gray-700",children:[b&&e.jsx(z,{initialLanguage:o,onLanguageChange:m}),e.jsx(Y,{}),s.map((l,h)=>e.jsx(A,{...l,size:"small"},h))]})]}),e.jsxs("div",{className:"flex items-center gap-4 md:hidden",children:[b&&e.jsx(z,{initialLanguage:o,onLanguageChange:m}),e.jsx(Y,{}),e.jsx("button",{onClick:i,className:"p-2 rounded-md text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors focus:outline-none",children:e.jsx("svg",{className:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a?e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"}):e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 6h16M4 12h16M4 18h16"})})})]})]})}),e.jsx("div",{className:`
|
|
150
150
|
md:hidden absolute top-20 left-0 w-full
|
|
151
151
|
bg-white dark:bg-gray-900 border-b border-gray-100 dark:border-gray-800
|
|
152
152
|
shadow-xl transition-all duration-300 ease-in-out origin-top
|
|
153
153
|
${a?"opacity-100 scale-y-100":"opacity-0 scale-y-0 h-0 overflow-hidden"}
|
|
154
154
|
${t.mobileMenu||""}
|
|
155
|
-
`,children:e.jsxs("div",{className:"px-6 py-6 space-y-4 flex flex-col items-center",children:[
|
|
155
|
+
`,children:e.jsxs("div",{className:"px-6 py-6 space-y-4 flex flex-col items-center",children:[u.map(l=>e.jsx("a",{href:l.href,onClick:h=>x==null?void 0:x(h,l.href),className:"block text-lg font-medium text-gray-800 dark:text-gray-200 hover:text-blue-600 dark:hover:text-blue-400 transition-colors",children:l.label},l.label)),s.length>0&&e.jsx("div",{className:"pt-4 w-full flex flex-col gap-3",children:s.map((l,h)=>e.jsx(A,{...l,size:"medium",className:"w-full"},h))})]})})]}),ue=n=>{const[d,u]=y.useState(!1),[s,t]=y.useState(!1);y.useEffect(()=>{let i=!1;const x=()=>{i||(window.requestAnimationFrame(()=>{t(window.scrollY>20),i=!1}),i=!0)};return window.addEventListener("scroll",x),()=>window.removeEventListener("scroll",x)},[]);const a=(i,x)=>{i.preventDefault();const g=document.querySelector(x);g&&(g.scrollIntoView({behavior:"smooth"}),u(!1))},f=()=>{window.scrollTo({top:0,behavior:"smooth"})};return e.jsx(de,{...n,isOpen:d,isScrolled:s,onToggleMenu:()=>u(!d),onLinkClick:a,onLogoClick:f})},xe=({title:n="About Me",avatarUrl:d,bio:u,skillsTitle:s="Tech Stack",skills:t=[],customStyles:a={},id:f,backgroundColor:i="bg-white",darkBackgroundColor:x="dark:bg-gray-900",borderColor:g="border-gray-100",darkBorderColor:b="dark:border-gray-800",titleColor:o="text-gray-900",darkTitleColor:m="dark:text-white",textColor:l="text-gray-600",darkTextColor:h="dark:text-gray-300"})=>e.jsx("section",{id:f,className:`
|
|
156
156
|
py-20 transition-colors duration-300
|
|
157
157
|
border-y
|
|
158
|
-
${i} ${
|
|
159
|
-
${
|
|
158
|
+
${i} ${x}
|
|
159
|
+
${g} ${b}
|
|
160
160
|
${a.container||""}
|
|
161
|
-
`,children:e.jsxs("div",{className:`max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 ${a.contentWrapper||""}`,children:[
|
|
161
|
+
`,children:e.jsxs("div",{className:`max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 ${a.contentWrapper||""}`,children:[n&&e.jsxs("div",{className:"text-center mb-12",children:[e.jsx("h2",{className:`
|
|
162
162
|
text-3xl font-bold transition-colors
|
|
163
|
-
${
|
|
163
|
+
${o} ${m}
|
|
164
164
|
${a.title||""}
|
|
165
|
-
`,children:
|
|
165
|
+
`,children:n}),e.jsx("div",{className:"mt-2 h-1 w-20 bg-blue-600 mx-auto rounded"})]}),e.jsxs("div",{className:"flex flex-col md:flex-row items-center gap-12",children:[e.jsx("div",{className:"flex-shrink-0",children:e.jsx(J,{src:d,size:"xl"})}),e.jsxs("div",{className:`text-lg leading-relaxed ${l} ${h} ${a.textWrapper||""}`,children:[e.jsx("p",{className:`mb-8 whitespace-pre-line ${a.bio||""}`,children:u}),t.length>0&&e.jsxs("div",{children:[s&&e.jsx("h3",{className:`
|
|
166
166
|
text-sm font-bold uppercase tracking-wide mb-3
|
|
167
|
-
${
|
|
167
|
+
${o} ${m}
|
|
168
168
|
${a.skillsTitle||""}
|
|
169
|
-
`,children:s}),e.jsx("div",{className:"flex flex-wrap gap-2",children:t.map(
|
|
169
|
+
`,children:s}),e.jsx("div",{className:"flex flex-wrap gap-2",children:t.map(v=>e.jsx(I,{label:v,variant:"secondary"},v))})]})]})]})]})});$.Avatar=J,$.Badge=I,$.Button=A,$.ContentGrid=le,$.Footer=ie,$.Hero=ce,$.Input=Z,$.LanguageToggle=z,$.Navbar=ue,$.ProfileSection=xe,$.ProjectCard=Q,$.ThemeToggle=Y,Object.defineProperty($,Symbol.toStringTag,{value:"Module"})});
|