@eloisallena/web_components 1.0.4 → 1.0.7

package/dist/{web-components.cjs.js → index.cjs}

@@ -4,7 +4,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,o,p,m,p),L[p+o]=!0)}if(p=null,i!==void 0&&(r(i),p=``+i),s(n)&&(r(n.key),p=``+n.key),`key`in n)for(var h in i={},n)h!==`key`&&(i[h]=n[h]);else i=n;return p&&c(i,typeof e==`function`?e.displayName||e.name||`Unknown`:e),u(e,p,i,a(),l,d)}function f(e){p(e)?e._store&&(e._store.validated=1):typeof e==`object`&&e&&e.$$typeof===E&&(e._payload.status===`fulfilled`?p(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function p(e){return typeof e==`object`&&!!e&&e.$$typeof===h}var m=require(`react`),h=Symbol.for(`react.transitional.element`),g=Symbol.for(`react.portal`),_=Symbol.for(`react.fragment`),v=Symbol.for(`react.strict_mode`),y=Symbol.for(`react.profiler`),b=Symbol.for(`react.consumer`),x=Symbol.for(`react.context`),S=Symbol.for(`react.forward_ref`),C=Symbol.for(`react.suspense`),w=Symbol.for(`react.suspense_list`),T=Symbol.for(`react.memo`),E=Symbol.for(`react.lazy`),D=Symbol.for(`react.activity`),O=Symbol.for(`react.client.reference`),k=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,A=Object.prototype.hasOwnProperty,j=Array.isArray,M=console.createTask?console.createTask:function(){return null};m={react_stack_bottom_frame:function(e){return e()}};var N,P={},F=m.react_stack_bottom_frame.bind(m,o)(),I=M(i(o)),L={};e.Fragment=_,e.jsx=function(e,t,n){var r=1e4>k.recentlyCreatedOwnerStacks++;return d(e,t,n,!1,r?Error(`react-stack-top-frame`):F,r?M(i(e)):I)},e.jsxs=function(e,t,n){var r=1e4>k.recentlyCreatedOwnerStacks++;return d(e,t,n,!0,r?Error(`react-stack-top-frame`):F,r?M(i(e)):I)}})()})),f=o(((e,t)=>{process.env.NODE_ENV===`production`?t.exports=u():t.exports=d()}))(),p=()=>(0,f.jsx)(`span`,{className:`animate-spin rounded-full h-4 w-4 border-b-2 border-white`}),m=({variant:e=`primary`,label:t,isLoading:n=!1,disabled:r=!1,onClick:i})=>{let a={primary:`bg-primary-button text-primary`,secondary:`bg-secondary-button text-primary`,restore:`bg-restore-button text-primary`,delete:`bg-delete-button text-primary`,disabled:`bg-disabled-button text-primary`},o=n?(0,f.jsx)(p,{}):null,s=r||n;return(0,f.jsx)(`div`,{children:(0,f.jsxs)(`button`,{className:`${a[e]} flex items-center gap-3 px-4 py-2 rounded-2xl text-sm font-medium w-full justify-center md:w-70 lg:w-25
-       ${s?`cursor-not-allowed opacity-50`:`hover:cursor-pointer`}`,disabled:s,onClick:i,children:[o,t]})})},h=({children:e})=>(0,f.jsx)(`div`,{className:`bg-primary w-full max-w-sm rounded-lg shadow-md overflow-hidden`,children:e}),g=({children:e})=>(0,f.jsx)(`footer`,{className:`\r
+       ${s?`cursor-not-allowed opacity-50`:`hover:cursor-pointer`}`,disabled:s,onClick:i,children:[o,t]})})},h=({children:e})=>(0,f.jsx)(`div`,{className:`bg-primary w-full max-w-sm rounded-lg shadow-md overflow-hidden`,children:e}),g=({title:e,description:t})=>(0,f.jsxs)(`div`,{className:`p-10`,children:[(0,f.jsx)(`h2`,{className:`text-lg font-bold mb-2 text-black`,children:e}),(0,f.jsx)(`p`,{className:`text-gray text-sm font-normal`,children:t})]}),_=({children:e})=>(0,f.jsx)(`div`,{className:`flex justify-end gap-4 w-full p-4`,children:e}),v=({alt:e,image:t,children:n})=>(0,f.jsxs)(`div`,{className:`relative w-full h-48`,children:[(0,f.jsx)(`img`,{src:t,alt:e,className:`w-full h-full object-cover`}),n]}),y=({children:e})=>(0,f.jsx)(`footer`,{className:`\r
         w-full\r
         bg-gray\r
         text-white\r
@@ -17,11 +17,7 @@ React keys must be passed directly to JSX without using spread:
           px-6\r
           py-10\r
           md:grid-cols-3\r
-        `,children:e})}),_=({children:e,description:t})=>(0,f.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[e,(0,f.jsx)(`p`,{className:`\r
-          max-w-sm\r
-          text-sm\r
-          text-white\r
-        `,children:t})]}),v=({copyright:e})=>(0,f.jsx)(`div`,{className:`\r
+        `,children:e})}),b=({copyright:e})=>(0,f.jsx)(`div`,{className:`\r
         bg-gray\r
         text-light-gray\r
 \r
@@ -32,7 +28,7 @@ React keys must be passed directly to JSX without using spread:
 \r
         text-center\r
         text-sm\r
-      `,children:e}),y=({email:e,phone:t,socials:n})=>(0,f.jsxs)(`div`,{className:`text-white`,children:[(0,f.jsx)(`h3`,{className:`\r
+      `,children:e}),x=({email:e,phone:t,socials:n})=>(0,f.jsxs)(`div`,{className:`text-white`,children:[(0,f.jsx)(`h3`,{className:`\r
           mb-3\r
           text-lg\r
           font-semibold\r
@@ -40,29 +36,15 @@ React keys must be passed directly to JSX without using spread:
           mt-5\r
           mb-2\r
           font-medium\r
-        `,children:`Follow Us`}),(0,f.jsx)(`div`,{className:`flex flex-wrap gap-3`,children:n.map(e=>(0,f.jsx)(`a`,{href:e.href,className:`hover:underline`,children:e.label},e.id))})]}),b=({title:e,links:t,onItemClick:n})=>(0,f.jsxs)(`div`,{className:`text-white`,children:[(0,f.jsx)(`h3`,{className:`\r
+        `,children:`Follow Us`}),(0,f.jsx)(`div`,{className:`flex flex-wrap gap-3`,children:n.map(e=>(0,f.jsx)(`a`,{href:e.href,className:`hover:underline`,children:e.label},e.id))})]}),S=({children:e,description:t})=>(0,f.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[e,(0,f.jsx)(`p`,{className:`\r
+          max-w-sm\r
+          text-sm\r
+          text-white\r
+        `,children:t})]}),C=({title:e,links:t,onItemClick:n})=>(0,f.jsxs)(`div`,{className:`text-white`,children:[(0,f.jsx)(`h3`,{className:`\r
           mb-3\r
           text-lg\r
           font-semibold\r
-        `,children:e}),(0,f.jsx)(`div`,{className:`flex flex-col gap-2`,children:t.map(e=>(0,f.jsx)(`a`,{href:e.href,onClick:()=>n?.(e.label),className:`hover:underline`,children:e.label},e.id))})]}),x=({children:e})=>(0,f.jsx)(`form`,{className:`w-full max-w-sm`,children:(0,f.jsx)(`div`,{className:`flex flex-col gap-1 `,children:e})}),S=({children:e,style:t})=>(0,f.jsx)(`header`,{className:`w-full bg-white border-b border-light-gray shadow-sm ${t}`,children:(0,f.jsx)(`div`,{className:`flex items-center justify-between px-6 py-4`,children:e})}),C=({logo:e=`/logo.svg`,title:t=`my Company`,style:n,alt:r=``})=>(0,f.jsxs)(`div`,{className:`
-        flex
-        items-center
-        gap-2
-        sm:gap-3
-        shrink-0
-        ${n||``}
-      `,children:[(0,f.jsx)(`img`,{src:e,alt:r,className:`\r
-          h-8\r
-          w-8\r
-          sm:h-10\r
-          sm:w-10\r
-          object-contain\r
-        `}),(0,f.jsx)(`h1`,{className:`\r
-          text-sm\r
-          sm:text-lg\r
-          font-bold\r
-          text-blue\r
-        `,children:t})]}),w=({navDrawer:e=[],style:t,onItemClick:n})=>{let[r,i]=(0,l.useState)(!1);return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`button`,{onClick:()=>i(!0),className:` flex md:hidden items-center justify-center h-10 w-10 rounded-md hover:bg-gray-100`,children:(0,f.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`,className:`\r
+        `,children:e}),(0,f.jsx)(`div`,{className:`flex flex-col gap-2`,children:t.map(e=>(0,f.jsx)(`a`,{href:e.href,onClick:()=>n?.(e.label),className:`hover:underline`,children:e.label},e.id))})]}),w=({children:e,style:t})=>(0,f.jsx)(`header`,{className:`w-full bg-white border-b border-light-gray shadow-sm ${t}`,children:(0,f.jsx)(`div`,{className:`flex items-center justify-between px-6 py-4`,children:e})}),T=({navDrawer:e=[],style:t,onItemClick:n})=>{let[r,i]=(0,l.useState)(!1);return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`button`,{onClick:()=>i(!0),className:` flex md:hidden items-center justify-center h-10 w-10 rounded-md hover:bg-gray-100`,children:(0,f.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`,className:`\r
             h-6\r
             w-6\r
             text-gray-700\r
@@ -110,7 +92,35 @@ React keys must be passed directly to JSX without using spread:
                 px-4\r
                 py-3\r
                 hover:bg-gray-100\r
-              `,children:e.label},e.id))})]})]})},T=({isOpen:e,onClose:t,title:n,children:r})=>e?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`div`,{className:`fixed inset-0 z-40 bg-black/40`,onClick:t}),(0,f.jsx)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center p-4`,children:(0,f.jsxs)(`div`,{className:`w-full max-w-md bg-white shadow-lg`,role:`dialog`,"aria-modal":`true`,children:[(0,f.jsxs)(`div`,{className:`flex items-center justify-between border-b border-gray-200 px-5 py-4`,children:[(0,f.jsx)(`h2`,{className:`text-lg font-semibold`,children:n}),(0,f.jsx)(`button`,{onClick:t,className:`flex h-10 w-10 items-center justify-center hover:bg-gray-100 rounded-md`,"aria-label":`Close modal`,children:(0,f.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,strokeWidth:2,stroke:`currentColor`,className:`h-5 w-5`,children:(0,f.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M6 18L18 6M6 6l12 12`})})})]}),(0,f.jsx)(`div`,{className:`p-5`,children:r})]})})]}):null,E=({placeholder:e=`Search...`,style:t,children:n})=>{let[r,i]=(0,l.useState)(!1);return(0,f.jsxs)(`div`,{className:`relative ${t||``}`,children:[(0,f.jsxs)(`div`,{className:`hidden md:block relative`,children:[(0,f.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,stroke:`currentColor`,strokeWidth:2,className:`\r
+              `,children:e.label},e.id))})]})]})},E=({logo:e=`/logo.svg`,title:t=`my Company`,style:n,alt:r=``})=>(0,f.jsxs)(`div`,{className:`
+    flex 
+    items-center 
+    gap-2 
+    sm:gap-3 
+    shrink-0 
+    ${n||``}
+    `,children:[(0,f.jsx)(`img`,{src:e,alt:r,className:`\r
+        h-8\r
+        w-8\r
+        sm:h-10\r
+        sm:w-10\r
+        object-contain`}),(0,f.jsx)(`h1`,{className:`text-sm sm:text-lg font-bold text-blue`,children:t})]}),D=({navBar:e=[],style:t,onItemClick:n})=>(0,f.jsx)(`nav`,{className:`
+        hidden
+        md:flex
+        gap-12
+        justify-center
+        items-center
+        absolute
+        left-1/2
+        -translate-x-1/2
+        ${t||``}
+      `,children:e.map(e=>(0,f.jsx)(`a`,{href:e.href||`#`,onClick:()=>n?.(e.label),className:`\r
+            text-lg\r
+            font-bold\r
+            text-black\r
+            hover:text-green\r
+            cursor-pointer\r
+          `,children:e.label},e.id))}),O=({isOpen:e,onClose:t,title:n,children:r})=>e?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`div`,{className:`fixed inset-0 z-40 bg-black/40`,onClick:t}),(0,f.jsx)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center p-4`,children:(0,f.jsxs)(`div`,{className:`w-full max-w-md bg-white shadow-lg`,role:`dialog`,"aria-modal":`true`,children:[(0,f.jsxs)(`div`,{className:`flex items-center justify-between border-b border-gray-200 px-5 py-4`,children:[(0,f.jsx)(`h2`,{className:`text-lg font-semibold`,children:n}),(0,f.jsx)(`button`,{onClick:t,className:`flex h-10 w-10 items-center justify-center hover:bg-gray-100 rounded-md`,"aria-label":`Close modal`,children:(0,f.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,strokeWidth:2,stroke:`currentColor`,className:`h-5 w-5`,children:(0,f.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M6 18L18 6M6 6l12 12`})})})]}),(0,f.jsx)(`div`,{className:`p-5`,children:r})]})})]}):null,k=({placeholder:e=`Search...`,style:t,children:n})=>{let[r,i]=(0,l.useState)(!1);return(0,f.jsxs)(`div`,{className:`relative ${t||``}`,children:[(0,f.jsxs)(`div`,{className:`hidden md:block relative`,children:[(0,f.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,stroke:`currentColor`,strokeWidth:2,className:`\r
             absolute\r
             left-3\r
             top-1/2\r
@@ -148,7 +158,7 @@ React keys must be passed directly to JSX without using spread:
             h-6\r
             w-6\r
             text-gray-700\r
-          `,children:(0,f.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M21 21l-4.35-4.35m1.85-5.15a7 7 0 11-14 0 7 7 0 0114 0z`})})}),(0,f.jsx)(T,{isOpen:r,title:`Search`,onClose:()=>i(!1),children:n||(0,f.jsxs)(`div`,{className:`relative`,children:[(0,f.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,stroke:`currentColor`,strokeWidth:2,className:`\r
+          `,children:(0,f.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M21 21l-4.35-4.35m1.85-5.15a7 7 0 11-14 0 7 7 0 0114 0z`})})}),(0,f.jsx)(O,{isOpen:r,title:`Search`,onClose:()=>i(!1),children:n||(0,f.jsxs)(`div`,{className:`relative`,children:[(0,f.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,stroke:`currentColor`,strokeWidth:2,className:`\r
                 absolute\r
                 left-3\r
                 top-1/2\r
@@ -169,34 +179,7 @@ React keys must be passed directly to JSX without using spread:
                 focus:outline-none\r
                 focus:ring-2\r
                 focus:ring-blue\r
-              `})]})})]})},D=({navBar:e=[],style:t,onItemClick:n})=>(0,f.jsx)(`nav`,{className:`
-        hidden
-        md:flex
-        gap-12
-        justify-center
-        items-center
-        absolute
-        left-1/2
-        -translate-x-1/2
-        ${t||``}
-      `,children:e.map(e=>(0,f.jsx)(`a`,{href:e.href||`#`,onClick:()=>n?.(e.label),className:`\r
-            text-lg\r
-            font-bold\r
-            text-black\r
-            hover:text-green\r
-            cursor-pointer\r
-          `,children:e.label},e.id))}),O=`border-red`,k=`text-red`,A=`border-gray`,j=({id:e,labelText:t,placeholder:n,type:r,error:i,helperText:a})=>(0,f.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,f.jsx)(`label`,{htmlFor:e,className:`text-sm font-medium text-gray`,children:t}),(0,f.jsx)(`input`,{id:e,placeholder:n,type:r,className:`block w-full px-3 py-2.5 bg-neutral-secondary-medium border ${i?O:A} text-heading text-sm rounded-base shadow-xs placeholder:text-body focus:ring-brand focus:border-brand`}),a&&(0,f.jsx)(`p`,{className:`${i?k:`text-light-gray`} text-xs`,children:a})]}),M=({id:e,label:t,required:n,disabled:r,defaultChecked:i,error:a,helperText:o})=>{let[s,c]=(0,l.useState)(i||!1);return(0,f.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(`input`,{id:e,type:`checkbox`,checked:s,onChange:e=>{let t=e.target.checked;c(t)},disabled:r,className:`
-            w-4 h-4 border rounded-xs
-            bg-neutral-secondary-medium
-            focus:ring-2 focus:ring-brand-soft
-            ${r?`border-light cursor-not-allowed`:`border-default-medium hover:cursor-pointer`}
-          `}),(0,f.jsxs)(`label`,{htmlFor:e,className:`
-            select-none ms-2 text-sm font-medium
-            ${r?`text-fg-disabled text-light-gray`:`text-heading`}
-          `,children:[t,` `,n&&(0,f.jsx)(`span`,{className:`text-red`,children:`*`})]})]}),(0,f.jsx)(`div`,{className:a?`text-red text-sm font-medium`:`text-gray text-sm font-medium`,children:o})]})},N=({label:e,options:t,required:n,disabled:r,helperText:i,error:a,value:o,onChange:s})=>(0,f.jsxs)(`div`,{className:`w-full flex flex-col gap-1`,children:[(0,f.jsxs)(`label`,{className:`text-sm font-medium text-gray`,children:[e,` `,n&&`*`]}),(0,f.jsx)(`select`,{className:`h-10 border-r-8 border-transparent px-4 outline outline-neutral-700 block w-full p-2 bg-neutral-secondary-medium
-         border border-default-medium text-heading text-sm font-normal rounded-base focus:ring-brand focus:border-brand shadow-xs 
-         placeholder:text-body
-         ${r?`cursor-not-allowed`:`hover:cursor-pointer`}`,disabled:r,onChange:e=>{s&&s(e.target.value)},value:o,children:t.map(e=>(0,f.jsx)(`option`,{value:e.name,children:e.value},e.key))}),i&&a&&(0,f.jsx)(`div`,{className:`text-red text-sm font-normal`,children:i})]}),P=({id:e,title:t,children:n,style:r})=>(0,f.jsx)(`section`,{id:e,className:`
+              `})]})})]})},A=({id:e,label:t,required:n,disabled:r,defaultChecked:i,error:a,helperText:o,onChange:s})=>{let[c,u]=(0,l.useState)(i||!1);return(0,f.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(`input`,{id:e,type:`checkbox`,checked:c,onChange:e=>{let t=e.target.checked;u(t),s?.(t)},disabled:r,className:`w-4 h-4 border rounded-xs bg-neutral-secondary-medium focus:ring-2 focus:ring-brand-soft ${r?`border-light cursor-not-allowed`:`border-default-medium hover:cursor-pointer`}`}),(0,f.jsxs)(`label`,{htmlFor:e,className:`select-none ms-2 text-sm font-medium ${r?`text-light-gray`:`text-heading`}`,children:[t,` `,n&&(0,f.jsx)(`span`,{className:`text-red`,children:`*`})]})]}),o&&(0,f.jsx)(`div`,{className:`text-sm font-medium ${a?`text-red`:`text-gray`}`,children:o})]})},j=({label:e,options:t,required:n,disabled:r,helperText:i,error:a,value:o,onChange:s})=>(0,f.jsxs)(`div`,{className:`w-full flex flex-col gap-1`,children:[(0,f.jsxs)(`label`,{className:`text-sm font-medium text-gray`,children:[e,` `,n&&`*`]}),(0,f.jsx)(`select`,{className:`h-10 px-4 w-full bg-neutral-secondary-medium border border-default-medium text-heading text-sm rounded-base shadow-xs focus:ring-brand focus:border-brand ${r?`cursor-not-allowed`:`hover:cursor-pointer`}`,disabled:r,value:o,onChange:e=>s?.(e.target.value),children:t.map(e=>(0,f.jsx)(`option`,{value:e.name,children:e.value},e.key))}),i&&a&&(0,f.jsx)(`div`,{className:`text-red text-sm font-normal`,children:i})]}),M=`border-red`,N=`text-red`,P=`border-gray`,F=({id:e,labelText:t,placeholder:n,type:r,error:i,helperText:a})=>(0,f.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,f.jsx)(`label`,{htmlFor:e,className:`text-sm font-medium text-gray`,children:t}),(0,f.jsx)(`input`,{id:e,placeholder:n,type:r,className:`block w-full px-3 py-2.5 bg-neutral-secondary-medium border ${i?M:P} text-heading text-sm rounded-base shadow-xs placeholder:text-body focus:ring-brand focus:border-brand`}),a&&(0,f.jsx)(`p`,{className:`${i?N:`text-light-gray`} text-xs`,children:a})]}),I=({children:e,onSubmit:t,className:n=``,...r})=>(0,f.jsx)(`form`,{onSubmit:t,className:`w-full max-w-sm ${n}`,...r,children:(0,f.jsx)(`div`,{className:`flex flex-col gap-1`,children:e})}),L=({id:e,title:t,children:n,style:r})=>(0,f.jsx)(`section`,{id:e,className:`
         min-h-screen
         w-full
         px-6
@@ -210,40 +193,22 @@ React keys must be passed directly to JSX without using spread:
               text-3xl\r
               font-bold\r
               md:text-4xl\r
-            `,children:t}),n]})}),F=({items:e})=>(0,f.jsx)(`nav`,{"aria-label":`Breadcrumb`,children:(0,f.jsx)(`ol`,{className:`\r
-          flex\r
-          flex-wrap\r
-          items-center\r
-          gap-2\r
-          text-sm\r
-        `,children:e.map((t,n)=>{let r=n===e.length-1;return(0,f.jsxs)(`li`,{className:`\r
-                flex\r
-                items-center\r
-                gap-2\r
-              `,children:[r?(0,f.jsx)(`span`,{className:`\r
-                    font-semibold\r
-                    text-gray-900\r
-                  `,children:t.label}):(0,f.jsx)(`a`,{href:t.href,className:`\r
-                    text-gray-600\r
-                    transition-colors\r
-                    hover:text-blue-600\r
-                    hover:underline\r
-                  `,children:t.label}),!r&&(0,f.jsx)(`span`,{className:`text-gray-400`,children:`>`})]},t.id)})})}),I=({children:e})=>{let[t,n]=l.default.useState(`Home`),r=[{id:1,href:`#home`,label:`Home`},{id:2,href:`#about`,label:`About`},{id:3,href:`#services`,label:`Services`},{id:4,href:`#contact`,label:`Contact`}];return(0,f.jsxs)(`div`,{className:`w-full scroll-smooth`,children:[(0,f.jsx)(`div`,{className:`sticky top-0 z-50 bg-white`,children:(0,f.jsxs)(S,{children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-4 lg:gap-10`,children:[(0,f.jsx)(C,{logo:`/icon.svg`,title:`QTEK`}),(0,f.jsx)(D,{navBar:r,onItemClick:n})]}),(0,f.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 sm:gap-3`,children:[(0,f.jsx)(E,{}),(0,f.jsx)(w,{navDrawer:r,onItemClick:n})]})]})}),(0,f.jsx)(`div`,{className:` \r
-            mx-auto\r
-            max-w-full\r
-            px-6\r
-            py-4\r
-            sticky\r
-            z-40\r
-            top-16\r
-            bg-light-gray`,children:(0,f.jsx)(F,{items:[{id:1,label:t,href:`#`}]})}),e,(0,f.jsxs)(g,{children:[(0,f.jsx)(_,{description:`Building modern and scalable digital solutions.`,children:(0,f.jsx)(`div`,{className:`scale-150 origin-left`,children:(0,f.jsx)(C,{logo:`/icon.svg`,title:`QTEK`})})}),(0,f.jsx)(b,{title:`Quick Links`,links:r,onItemClick:n}),(0,f.jsx)(y,{email:`hello@qtek.com`,phone:`+63 900 000 0000`,socials:[{id:1,label:`Facebook`,href:`#`},{id:2,label:`LinkedIn`,href:`#`},{id:3,label:`GitHub`,href:`#`}]}),(0,f.jsx)(v,{copyright:`© 2026 QTEK. All rights reserved.`})]})]})},L=({children:e,style:t,maxRows:n=5})=>(0,f.jsx)(`div`,{className:`
+            `,children:t}),n]})}),R=({children:e,style:t,maxRows:n=5})=>(0,f.jsx)(`div`,{className:`
         w-full
         overflow-hidden
         rounded-md
         bg-white
        shadow-lg
         ${t||``}
-      `,children:(0,f.jsx)(`div`,{className:`overflow-auto`,style:{maxHeight:`${n*56}px`},children:(0,f.jsx)(`table`,{className:`w-full border-separate border-spacing-0`,children:e})})}),R={left:`text-left`,center:`text-center`,right:`text-right`},z=({rowData:e})=>(0,f.jsx)(`thead`,{children:(0,f.jsx)(`tr`,{className:`\r
+      `,children:(0,f.jsx)(`div`,{className:`overflow-auto`,style:{maxHeight:`${n*56}px`},children:(0,f.jsx)(`table`,{className:`w-full border-separate border-spacing-0`,children:e})})}),z=({children:e,style:t})=>(0,f.jsx)(`tbody`,{className:t,children:e}),B=({children:e,align:t=`left`,style:n})=>(0,f.jsx)(`td`,{className:`
+        px-4 
+        py-3
+        text-sm
+        ${t===`center`?`text-center`:``}
+        ${t===`right`?`text-right`:``}
+        ${t===`left`?`text-left`:``}
+        ${n||``}
+      `,children:e}),V={left:`text-left`,center:`text-center`,right:`text-right`},H=({rowData:e})=>(0,f.jsx)(`thead`,{children:(0,f.jsx)(`tr`,{className:`\r
           sticky\r
           top-0\r
           z-10\r
@@ -257,9 +222,9 @@ React keys must be passed directly to JSX without using spread:
 
               border-b
               border-light-gray
-              ${R[e.align||`left`]}
+              ${V[e.align||`left`]}
               ${e.style||``}
-            `,children:e.value},e.key))})}),B=({children:e,style:t})=>(0,f.jsx)(`tbody`,{className:t,children:e}),V=({rowData:e,style:t})=>(0,f.jsx)(`tr`,{className:`
+            `,children:e.value},e.key))})}),U=({rowData:e,style:t})=>(0,f.jsx)(`tr`,{className:`
 
         transition-colors
         hover:bg-gray-50
@@ -279,14 +244,32 @@ React keys must be passed directly to JSX without using spread:
           
         
             
-            ${R[e.align||`left`]}
+            ${V[e.align||`left`]}
             ${e.style||``}
-          `,children:e.value},e.key))}),H=({children:e,align:t=`left`,style:n})=>(0,f.jsx)(`td`,{className:`
-        px-4 
-        py-3
-        text-sm
-        ${t===`center`?`text-center`:``}
-        ${t===`right`?`text-right`:``}
-        ${t===`left`?`text-left`:``}
-        ${n||``}
-      `,children:e});exports.Breadcrumbs=F,exports.Button=m,exports.Card=h,exports.Cfooter=g,exports.Cform=x,exports.Cheader=S,exports.CheckBox=M,exports.Ctable=L,exports.Drawer=w,exports.FooterBottom=v,exports.FooterContact=y,exports.FooterIcon=_,exports.Icon=C,exports.LandingLayout=I,exports.Loader=p,exports.Modal=T,exports.NavBar=D,exports.QuickLink=b,exports.SearchBar=E,exports.Section=P,exports.Select=N,exports.TableBody=B,exports.TableCell=H,exports.TableHead=z,exports.TableRow=V,exports.TextField=j;
+          `,children:e.value},e.key))}),W=({items:e})=>(0,f.jsx)(`nav`,{"aria-label":`Breadcrumb`,children:(0,f.jsx)(`ol`,{className:`\r
+          flex\r
+          flex-wrap\r
+          items-center\r
+          gap-2\r
+          text-sm\r
+        `,children:e.map((t,n)=>{let r=n===e.length-1;return(0,f.jsxs)(`li`,{className:`\r
+                flex\r
+                items-center\r
+                gap-2\r
+              `,children:[r?(0,f.jsx)(`span`,{className:`\r
+                    font-semibold\r
+                    text-gray-900\r
+                  `,children:t.label}):(0,f.jsx)(`a`,{href:t.href,className:`\r
+                    text-gray-600\r
+                    transition-colors\r
+                    hover:text-blue-600\r
+                    hover:underline\r
+                  `,children:t.label}),!r&&(0,f.jsx)(`span`,{className:`text-gray-400`,children:`>`})]},t.id)})})}),G=({children:e})=>{let[t,n]=l.default.useState(`Home`),r=[{id:1,href:`#home`,label:`Home`},{id:2,href:`#about`,label:`About`},{id:3,href:`#services`,label:`Services`},{id:4,href:`#contact`,label:`Contact`}];return(0,f.jsxs)(`div`,{className:`w-full scroll-smooth`,children:[(0,f.jsx)(`div`,{className:`sticky top-0 z-50 bg-white`,children:(0,f.jsxs)(w,{children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-4 lg:gap-10`,children:[(0,f.jsx)(E,{logo:`/icon.svg`,title:`QTEK`}),(0,f.jsx)(D,{navBar:r,onItemClick:n})]}),(0,f.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 sm:gap-3`,children:[(0,f.jsx)(k,{}),(0,f.jsx)(T,{navDrawer:r,onItemClick:n})]})]})}),(0,f.jsx)(`div`,{className:` \r
+            mx-auto\r
+            max-w-full\r
+            px-6\r
+            py-4\r
+            sticky\r
+            z-40\r
+            top-16\r
+            bg-light-gray`,children:(0,f.jsx)(W,{items:[{id:1,label:t,href:`#`}]})}),e,(0,f.jsxs)(y,{children:[(0,f.jsx)(S,{description:`Building modern and scalable digital solutions.`,children:(0,f.jsx)(`div`,{className:`scale-150 origin-left`,children:(0,f.jsx)(E,{logo:`/icon.svg`,title:`QTEK`})})}),(0,f.jsx)(C,{title:`Quick Links`,links:r,onItemClick:n}),(0,f.jsx)(x,{email:`hello@qtek.com`,phone:`+63 900 000 0000`,socials:[{id:1,label:`Facebook`,href:`#`},{id:2,label:`LinkedIn`,href:`#`},{id:3,label:`GitHub`,href:`#`}]}),(0,f.jsx)(b,{copyright:`© 2026 QTEK. All rights reserved.`})]})]})};exports.Breadcrumbs=W,exports.Button=m,exports.Card=h,exports.CardContent=g,exports.CardFooter=_,exports.CardImage=v,exports.Cfooter=y,exports.Cform=I,exports.Cheader=w,exports.CheckBox=A,exports.Ctable=R,exports.Drawer=T,exports.FooterBottom=b,exports.FooterContact=x,exports.FooterIcon=S,exports.Icon=E,exports.LandingLayout=G,exports.Loader=p,exports.Modal=O,exports.NavBar=D,exports.QuickLink=C,exports.SearchBar=k,exports.Section=L,exports.Select=j,exports.TableBody=z,exports.TableCell=B,exports.TableHead=H,exports.TableRow=U,exports.TextField=F,exports.alignment=V;