@eloisallena/web_components 1.0.7 → 1.0.9
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/src/index.d.ts
CHANGED
|
@@ -1,12 +1,26 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
9
|
-
export
|
|
10
|
-
export
|
|
11
|
-
export
|
|
12
|
-
export
|
|
1
|
+
export { Button } from './component/button';
|
|
2
|
+
export { Card } from './component/card';
|
|
3
|
+
export { Cfooter } from './component/footer';
|
|
4
|
+
export { FooterIcon } from './component/footer';
|
|
5
|
+
export { FooterBottom } from './component/footer';
|
|
6
|
+
export { FooterContact } from './component/footer';
|
|
7
|
+
export { QuickLink } from './component/footer';
|
|
8
|
+
export { Cform } from './component/form';
|
|
9
|
+
export { Cheader } from './component/header';
|
|
10
|
+
export { Icon } from './component/header';
|
|
11
|
+
export { Drawer } from './component/header';
|
|
12
|
+
export { SearchBar } from './component/header';
|
|
13
|
+
export { NavBar } from './component/header';
|
|
14
|
+
export { Modal } from './component/modal';
|
|
15
|
+
export { TextField } from './component/input';
|
|
16
|
+
export { CheckBox } from './component/input';
|
|
17
|
+
export { Select } from './component/input';
|
|
18
|
+
export { Section } from './component/section';
|
|
19
|
+
export { Loader } from './component/spinner';
|
|
20
|
+
export { LandingLayout } from './component/stories';
|
|
21
|
+
export { Ctable } from './component/table';
|
|
22
|
+
export { TableBody } from './component/table';
|
|
23
|
+
export { TableCell } from './component/table';
|
|
24
|
+
export { TableHead } from './component/table';
|
|
25
|
+
export { TableRow } from './component/table';
|
|
26
|
+
export { Breadcrumbs } from './component/breadcrumbs';
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
4
4
|
React keys must be passed directly to JSX without using spread:
|
|
5
5
|
let props = %s;
|
|
6
6
|
<%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
|
|
7
|
-
${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=({
|
|
7
|
+
${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
|
|
8
8
|
w-full\r
|
|
9
9
|
bg-gray\r
|
|
10
10
|
text-white\r
|
|
@@ -17,7 +17,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
17
17
|
px-6\r
|
|
18
18
|
py-10\r
|
|
19
19
|
md:grid-cols-3\r
|
|
20
|
-
`,children:e})}),
|
|
20
|
+
`,children:e})}),_=({copyright:e})=>(0,f.jsx)(`div`,{className:`\r
|
|
21
21
|
bg-gray\r
|
|
22
22
|
text-light-gray\r
|
|
23
23
|
\r
|
|
@@ -28,7 +28,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
28
28
|
\r
|
|
29
29
|
text-center\r
|
|
30
30
|
text-sm\r
|
|
31
|
-
`,children:e}),
|
|
31
|
+
`,children:e}),v=({email:e,phone:t,socials:n})=>(0,f.jsxs)(`div`,{className:`text-white`,children:[(0,f.jsx)(`h3`,{className:`\r
|
|
32
32
|
mb-3\r
|
|
33
33
|
text-lg\r
|
|
34
34
|
font-semibold\r
|
|
@@ -36,15 +36,15 @@ React keys must be passed directly to JSX without using spread:
|
|
|
36
36
|
mt-5\r
|
|
37
37
|
mb-2\r
|
|
38
38
|
font-medium\r
|
|
39
|
-
`,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))})]}),
|
|
39
|
+
`,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))})]}),y=({children:e,description:t})=>(0,f.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[e,(0,f.jsx)(`p`,{className:`\r
|
|
40
40
|
max-w-sm\r
|
|
41
41
|
text-sm\r
|
|
42
42
|
text-white\r
|
|
43
|
-
`,children:t})]}),
|
|
43
|
+
`,children:t})]}),b=({title:e,links:t,onItemClick:n})=>(0,f.jsxs)(`div`,{className:`text-white`,children:[(0,f.jsx)(`h3`,{className:`\r
|
|
44
44
|
mb-3\r
|
|
45
45
|
text-lg\r
|
|
46
46
|
font-semibold\r
|
|
47
|
-
`,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})}),
|
|
47
|
+
`,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,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})}),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=({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
|
|
48
48
|
h-6\r
|
|
49
49
|
w-6\r
|
|
50
50
|
text-gray-700\r
|
|
@@ -92,7 +92,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
92
92
|
px-4\r
|
|
93
93
|
py-3\r
|
|
94
94
|
hover:bg-gray-100\r
|
|
95
|
-
`,children:e.label},e.id))})]})]})},
|
|
95
|
+
`,children:e.label},e.id))})]})]})},w=({logo:e=`/logo.svg`,title:t=`my Company`,style:n,alt:r=``})=>(0,f.jsxs)(`div`,{className:`
|
|
96
96
|
flex
|
|
97
97
|
items-center
|
|
98
98
|
gap-2
|
|
@@ -104,7 +104,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
104
104
|
w-8\r
|
|
105
105
|
sm:h-10\r
|
|
106
106
|
sm:w-10\r
|
|
107
|
-
object-contain`}),(0,f.jsx)(`h1`,{className:`text-sm sm:text-lg font-bold text-blue`,children:t})]}),
|
|
107
|
+
object-contain`}),(0,f.jsx)(`h1`,{className:`text-sm sm:text-lg font-bold text-blue`,children:t})]}),T=({navBar:e=[],style:t,onItemClick:n})=>(0,f.jsx)(`nav`,{className:`
|
|
108
108
|
hidden
|
|
109
109
|
md:flex
|
|
110
110
|
gap-12
|
|
@@ -120,7 +120,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
120
120
|
text-black\r
|
|
121
121
|
hover:text-green\r
|
|
122
122
|
cursor-pointer\r
|
|
123
|
-
`,children:e.label},e.id))}),
|
|
123
|
+
`,children:e.label},e.id))}),E=({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,D=({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
|
|
124
124
|
absolute\r
|
|
125
125
|
left-3\r
|
|
126
126
|
top-1/2\r
|
|
@@ -158,7 +158,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
158
158
|
h-6\r
|
|
159
159
|
w-6\r
|
|
160
160
|
text-gray-700\r
|
|
161
|
-
`,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)(
|
|
161
|
+
`,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)(E,{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
|
|
162
162
|
absolute\r
|
|
163
163
|
left-3\r
|
|
164
164
|
top-1/2\r
|
|
@@ -179,7 +179,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
179
179
|
focus:outline-none\r
|
|
180
180
|
focus:ring-2\r
|
|
181
181
|
focus:ring-blue\r
|
|
182
|
-
`})]})})]})},
|
|
182
|
+
`})]})})]})},O=({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})]})},k=({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})]}),A=`border-red`,j=`text-red`,M=`border-gray`,N=({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?A:M} text-heading text-sm rounded-base shadow-xs placeholder:text-body focus:ring-brand focus:border-brand`}),a&&(0,f.jsx)(`p`,{className:`${i?j:`text-light-gray`} text-xs`,children:a})]}),P=({id:e,title:t,children:n,style:r})=>(0,f.jsx)(`section`,{id:e,className:`
|
|
183
183
|
min-h-screen
|
|
184
184
|
w-full
|
|
185
185
|
px-6
|
|
@@ -193,14 +193,40 @@ React keys must be passed directly to JSX without using spread:
|
|
|
193
193
|
text-3xl\r
|
|
194
194
|
font-bold\r
|
|
195
195
|
md:text-4xl\r
|
|
196
|
-
`,children:t}),n]})}),
|
|
196
|
+
`,children:t}),n]})}),F=({items:e})=>(0,f.jsx)(`nav`,{"aria-label":`Breadcrumb`,children:(0,f.jsx)(`ol`,{className:`\r
|
|
197
|
+
flex\r
|
|
198
|
+
flex-wrap\r
|
|
199
|
+
items-center\r
|
|
200
|
+
gap-2\r
|
|
201
|
+
text-sm\r
|
|
202
|
+
`,children:e.map((t,n)=>{let r=n===e.length-1;return(0,f.jsxs)(`li`,{className:`\r
|
|
203
|
+
flex\r
|
|
204
|
+
items-center\r
|
|
205
|
+
gap-2\r
|
|
206
|
+
`,children:[r?(0,f.jsx)(`span`,{className:`\r
|
|
207
|
+
font-semibold\r
|
|
208
|
+
text-gray-900\r
|
|
209
|
+
`,children:t.label}):(0,f.jsx)(`a`,{href:t.href,className:`\r
|
|
210
|
+
text-gray-600\r
|
|
211
|
+
transition-colors\r
|
|
212
|
+
hover:text-blue-600\r
|
|
213
|
+
hover:underline\r
|
|
214
|
+
`,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)(w,{logo:`/icon.svg`,title:`QTEK`}),(0,f.jsx)(T,{navBar:r,onItemClick:n})]}),(0,f.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 sm:gap-3`,children:[(0,f.jsx)(D,{}),(0,f.jsx)(C,{navDrawer:r,onItemClick:n})]})]})}),(0,f.jsx)(`div`,{className:` \r
|
|
215
|
+
mx-auto\r
|
|
216
|
+
max-w-full\r
|
|
217
|
+
px-6\r
|
|
218
|
+
py-4\r
|
|
219
|
+
sticky\r
|
|
220
|
+
z-40\r
|
|
221
|
+
top-16\r
|
|
222
|
+
bg-light-gray`,children:(0,f.jsx)(F,{items:[{id:1,label:t,href:`#`}]})}),e,(0,f.jsxs)(g,{children:[(0,f.jsx)(y,{description:`Building modern and scalable digital solutions.`,children:(0,f.jsx)(`div`,{className:`scale-150 origin-left`,children:(0,f.jsx)(w,{logo:`/icon.svg`,title:`QTEK`})})}),(0,f.jsx)(b,{title:`Quick Links`,links:r,onItemClick:n}),(0,f.jsx)(v,{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)(_,{copyright:`© 2026 QTEK. All rights reserved.`})]})]})},L=({children:e,style:t,maxRows:n=5})=>(0,f.jsx)(`div`,{className:`
|
|
197
223
|
w-full
|
|
198
224
|
overflow-hidden
|
|
199
225
|
rounded-md
|
|
200
226
|
bg-white
|
|
201
227
|
shadow-lg
|
|
202
228
|
${t||``}
|
|
203
|
-
`,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})})}),
|
|
229
|
+
`,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=({children:e,style:t})=>(0,f.jsx)(`tbody`,{className:t,children:e}),z=({children:e,align:t=`left`,style:n})=>(0,f.jsx)(`td`,{className:`
|
|
204
230
|
px-4
|
|
205
231
|
py-3
|
|
206
232
|
text-sm
|
|
@@ -208,7 +234,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
208
234
|
${t===`right`?`text-right`:``}
|
|
209
235
|
${t===`left`?`text-left`:``}
|
|
210
236
|
${n||``}
|
|
211
|
-
`,children:e}),
|
|
237
|
+
`,children:e}),B={left:`text-left`,center:`text-center`,right:`text-right`},V=({rowData:e})=>(0,f.jsx)(`thead`,{children:(0,f.jsx)(`tr`,{className:`\r
|
|
212
238
|
sticky\r
|
|
213
239
|
top-0\r
|
|
214
240
|
z-10\r
|
|
@@ -222,9 +248,9 @@ React keys must be passed directly to JSX without using spread:
|
|
|
222
248
|
|
|
223
249
|
border-b
|
|
224
250
|
border-light-gray
|
|
225
|
-
${
|
|
251
|
+
${B[e.align||`left`]}
|
|
226
252
|
${e.style||``}
|
|
227
|
-
`,children:e.value},e.key))})}),
|
|
253
|
+
`,children:e.value},e.key))})}),H=({rowData:e,style:t})=>(0,f.jsx)(`tr`,{className:`
|
|
228
254
|
|
|
229
255
|
transition-colors
|
|
230
256
|
hover:bg-gray-50
|
|
@@ -244,32 +270,6 @@ React keys must be passed directly to JSX without using spread:
|
|
|
244
270
|
|
|
245
271
|
|
|
246
272
|
|
|
247
|
-
${
|
|
273
|
+
${B[e.align||`left`]}
|
|
248
274
|
${e.style||``}
|
|
249
|
-
`,children:e.value},e.key))}),
|
|
250
|
-
flex\r
|
|
251
|
-
flex-wrap\r
|
|
252
|
-
items-center\r
|
|
253
|
-
gap-2\r
|
|
254
|
-
text-sm\r
|
|
255
|
-
`,children:e.map((t,n)=>{let r=n===e.length-1;return(0,f.jsxs)(`li`,{className:`\r
|
|
256
|
-
flex\r
|
|
257
|
-
items-center\r
|
|
258
|
-
gap-2\r
|
|
259
|
-
`,children:[r?(0,f.jsx)(`span`,{className:`\r
|
|
260
|
-
font-semibold\r
|
|
261
|
-
text-gray-900\r
|
|
262
|
-
`,children:t.label}):(0,f.jsx)(`a`,{href:t.href,className:`\r
|
|
263
|
-
text-gray-600\r
|
|
264
|
-
transition-colors\r
|
|
265
|
-
hover:text-blue-600\r
|
|
266
|
-
hover:underline\r
|
|
267
|
-
`,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
|
|
268
|
-
mx-auto\r
|
|
269
|
-
max-w-full\r
|
|
270
|
-
px-6\r
|
|
271
|
-
py-4\r
|
|
272
|
-
sticky\r
|
|
273
|
-
z-40\r
|
|
274
|
-
top-16\r
|
|
275
|
-
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;
|
|
275
|
+
`,children:e.value},e.key))});exports.Breadcrumbs=F,exports.Button=m,exports.Card=h,exports.Cfooter=g,exports.Cform=x,exports.Cheader=S,exports.CheckBox=O,exports.Ctable=L,exports.Drawer=C,exports.FooterBottom=_,exports.FooterContact=v,exports.FooterIcon=y,exports.Icon=w,exports.LandingLayout=I,exports.Loader=p,exports.Modal=E,exports.NavBar=T,exports.QuickLink=b,exports.SearchBar=D,exports.Section=P,exports.Select=k,exports.TableBody=R,exports.TableCell=z,exports.TableHead=V,exports.TableRow=H,exports.TextField=N;
|
|
@@ -196,35 +196,16 @@ var n = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
|
|
|
196
196
|
}, l = ({ children: e }) => /* @__PURE__ */ (0, o.jsx)("div", {
|
|
197
197
|
className: "bg-primary w-full max-w-sm rounded-lg shadow-md overflow-hidden",
|
|
198
198
|
children: e
|
|
199
|
-
}), u = ({
|
|
200
|
-
className: "p-10",
|
|
201
|
-
children: [/* @__PURE__ */ (0, o.jsx)("h2", {
|
|
202
|
-
className: "text-lg font-bold mb-2 text-black",
|
|
203
|
-
children: e
|
|
204
|
-
}), /* @__PURE__ */ (0, o.jsx)("p", {
|
|
205
|
-
className: "text-gray text-sm font-normal",
|
|
206
|
-
children: t
|
|
207
|
-
})]
|
|
208
|
-
}), d = ({ children: e }) => /* @__PURE__ */ (0, o.jsx)("div", {
|
|
209
|
-
className: "flex justify-end gap-4 w-full p-4",
|
|
210
|
-
children: e
|
|
211
|
-
}), f = ({ alt: e, image: t, children: n }) => /* @__PURE__ */ (0, o.jsxs)("div", {
|
|
212
|
-
className: "relative w-full h-48",
|
|
213
|
-
children: [/* @__PURE__ */ (0, o.jsx)("img", {
|
|
214
|
-
src: t,
|
|
215
|
-
alt: e,
|
|
216
|
-
className: "w-full h-full object-cover"
|
|
217
|
-
}), n]
|
|
218
|
-
}), p = ({ children: e }) => /* @__PURE__ */ (0, o.jsx)("footer", {
|
|
199
|
+
}), u = ({ children: e }) => /* @__PURE__ */ (0, o.jsx)("footer", {
|
|
219
200
|
className: "\r\n w-full\r\n bg-gray\r\n text-white\r\n ",
|
|
220
201
|
children: /* @__PURE__ */ (0, o.jsx)("div", {
|
|
221
202
|
className: "\r\n mx-auto\r\n max-w-7xl\r\n grid\r\n grid-cols-1\r\n gap-8\r\n px-6\r\n py-10\r\n md:grid-cols-3\r\n ",
|
|
222
203
|
children: e
|
|
223
204
|
})
|
|
224
|
-
}),
|
|
205
|
+
}), d = ({ copyright: e }) => /* @__PURE__ */ (0, o.jsx)("div", {
|
|
225
206
|
className: "\r\n bg-gray\r\n text-light-gray\r\n\r\n border-t\r\n border-gray\r\n\r\n py-4\r\n\r\n text-center\r\n text-sm\r\n ",
|
|
226
207
|
children: e
|
|
227
|
-
}),
|
|
208
|
+
}), f = ({ email: e, phone: t, socials: n }) => /* @__PURE__ */ (0, o.jsxs)("div", {
|
|
228
209
|
className: "text-white",
|
|
229
210
|
children: [
|
|
230
211
|
/* @__PURE__ */ (0, o.jsx)("h3", {
|
|
@@ -248,13 +229,13 @@ var n = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
|
|
|
248
229
|
}, e.id))
|
|
249
230
|
})
|
|
250
231
|
]
|
|
251
|
-
}),
|
|
232
|
+
}), p = ({ children: e, description: t }) => /* @__PURE__ */ (0, o.jsxs)("div", {
|
|
252
233
|
className: "flex flex-col gap-4",
|
|
253
234
|
children: [e, /* @__PURE__ */ (0, o.jsx)("p", {
|
|
254
235
|
className: "\r\n max-w-sm\r\n text-sm\r\n text-white\r\n ",
|
|
255
236
|
children: t
|
|
256
237
|
})]
|
|
257
|
-
}),
|
|
238
|
+
}), m = ({ title: e, links: t, onItemClick: n }) => /* @__PURE__ */ (0, o.jsxs)("div", {
|
|
258
239
|
className: "text-white",
|
|
259
240
|
children: [/* @__PURE__ */ (0, o.jsx)("h3", {
|
|
260
241
|
className: "\r\n mb-3\r\n text-lg\r\n font-semibold\r\n ",
|
|
@@ -268,13 +249,21 @@ var n = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
|
|
|
268
249
|
children: e.label
|
|
269
250
|
}, e.id))
|
|
270
251
|
})]
|
|
271
|
-
}),
|
|
252
|
+
}), h = ({ children: e, onSubmit: t, className: n = "", ...r }) => /* @__PURE__ */ (0, o.jsx)("form", {
|
|
253
|
+
onSubmit: t,
|
|
254
|
+
className: `w-full max-w-sm ${n}`,
|
|
255
|
+
...r,
|
|
256
|
+
children: /* @__PURE__ */ (0, o.jsx)("div", {
|
|
257
|
+
className: "flex flex-col gap-1",
|
|
258
|
+
children: e
|
|
259
|
+
})
|
|
260
|
+
}), g = ({ children: e, style: t }) => /* @__PURE__ */ (0, o.jsx)("header", {
|
|
272
261
|
className: `w-full bg-white border-b border-light-gray shadow-sm ${t}`,
|
|
273
262
|
children: /* @__PURE__ */ (0, o.jsx)("div", {
|
|
274
263
|
className: "flex items-center justify-between px-6 py-4",
|
|
275
264
|
children: e
|
|
276
265
|
})
|
|
277
|
-
}),
|
|
266
|
+
}), _ = ({ navDrawer: e = [], style: n, onItemClick: r }) => {
|
|
278
267
|
let [i, a] = t(!1);
|
|
279
268
|
return /* @__PURE__ */ (0, o.jsxs)(o.Fragment, { children: [
|
|
280
269
|
/* @__PURE__ */ (0, o.jsx)("button", {
|
|
@@ -344,7 +333,7 @@ var n = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
|
|
|
344
333
|
})]
|
|
345
334
|
})
|
|
346
335
|
] });
|
|
347
|
-
},
|
|
336
|
+
}, v = ({ logo: e = "/logo.svg", title: t = "my Company", style: n, alt: r = "" }) => /* @__PURE__ */ (0, o.jsxs)("div", {
|
|
348
337
|
className: `
|
|
349
338
|
flex
|
|
350
339
|
items-center
|
|
@@ -361,7 +350,7 @@ var n = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
|
|
|
361
350
|
className: "text-sm sm:text-lg font-bold text-blue",
|
|
362
351
|
children: t
|
|
363
352
|
})]
|
|
364
|
-
}),
|
|
353
|
+
}), y = ({ navBar: e = [], style: t, onItemClick: n }) => /* @__PURE__ */ (0, o.jsx)("nav", {
|
|
365
354
|
className: `
|
|
366
355
|
hidden
|
|
367
356
|
md:flex
|
|
@@ -379,7 +368,7 @@ var n = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
|
|
|
379
368
|
className: "\r\n text-lg\r\n font-bold\r\n text-black\r\n hover:text-green\r\n cursor-pointer\r\n ",
|
|
380
369
|
children: e.label
|
|
381
370
|
}, e.id))
|
|
382
|
-
}),
|
|
371
|
+
}), b = ({ isOpen: e, onClose: t, title: n, children: r }) => e ? /* @__PURE__ */ (0, o.jsxs)(o.Fragment, { children: [/* @__PURE__ */ (0, o.jsx)("div", {
|
|
383
372
|
className: "fixed inset-0 z-40 bg-black/40",
|
|
384
373
|
onClick: t
|
|
385
374
|
}), /* @__PURE__ */ (0, o.jsx)("div", {
|
|
@@ -416,7 +405,7 @@ var n = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
|
|
|
416
405
|
children: r
|
|
417
406
|
})]
|
|
418
407
|
})
|
|
419
|
-
})] }) : null,
|
|
408
|
+
})] }) : null, x = ({ placeholder: e = "Search...", style: n, children: r }) => {
|
|
420
409
|
let [i, a] = t(!1);
|
|
421
410
|
return /* @__PURE__ */ (0, o.jsxs)("div", {
|
|
422
411
|
className: `relative ${n || ""}`,
|
|
@@ -458,7 +447,7 @@ var n = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
|
|
|
458
447
|
})
|
|
459
448
|
})
|
|
460
449
|
}),
|
|
461
|
-
/* @__PURE__ */ (0, o.jsx)(
|
|
450
|
+
/* @__PURE__ */ (0, o.jsx)(b, {
|
|
462
451
|
isOpen: i,
|
|
463
452
|
title: "Search",
|
|
464
453
|
onClose: () => a(!1),
|
|
@@ -486,7 +475,7 @@ var n = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
|
|
|
486
475
|
})
|
|
487
476
|
]
|
|
488
477
|
});
|
|
489
|
-
},
|
|
478
|
+
}, S = ({ id: e, label: n, required: r, disabled: i, defaultChecked: a, error: s, helperText: c, onChange: l }) => {
|
|
490
479
|
let [u, d] = t(a || !1);
|
|
491
480
|
return /* @__PURE__ */ (0, o.jsxs)("div", {
|
|
492
481
|
className: "flex flex-col gap-1",
|
|
@@ -519,7 +508,7 @@ var n = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
|
|
|
519
508
|
children: c
|
|
520
509
|
})]
|
|
521
510
|
});
|
|
522
|
-
},
|
|
511
|
+
}, C = ({ label: e, options: t, required: n, disabled: r, helperText: i, error: a, value: s, onChange: c }) => /* @__PURE__ */ (0, o.jsxs)("div", {
|
|
523
512
|
className: "w-full flex flex-col gap-1",
|
|
524
513
|
children: [
|
|
525
514
|
/* @__PURE__ */ (0, o.jsxs)("label", {
|
|
@@ -545,7 +534,7 @@ var n = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
|
|
|
545
534
|
children: i
|
|
546
535
|
})
|
|
547
536
|
]
|
|
548
|
-
}),
|
|
537
|
+
}), w = "border-red", T = "text-red", E = "border-gray", D = ({ id: e, labelText: t, placeholder: n, type: r, error: i, helperText: a }) => /* @__PURE__ */ (0, o.jsxs)("div", {
|
|
549
538
|
className: "flex flex-col gap-1",
|
|
550
539
|
children: [
|
|
551
540
|
/* @__PURE__ */ (0, o.jsx)("label", {
|
|
@@ -557,22 +546,14 @@ var n = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
|
|
|
557
546
|
id: e,
|
|
558
547
|
placeholder: n,
|
|
559
548
|
type: r,
|
|
560
|
-
className: `block w-full px-3 py-2.5 bg-neutral-secondary-medium border ${i ?
|
|
549
|
+
className: `block w-full px-3 py-2.5 bg-neutral-secondary-medium border ${i ? w : E} text-heading text-sm rounded-base shadow-xs placeholder:text-body focus:ring-brand focus:border-brand`
|
|
561
550
|
}),
|
|
562
551
|
a && /* @__PURE__ */ (0, o.jsx)("p", {
|
|
563
|
-
className: `${i ?
|
|
552
|
+
className: `${i ? T : "text-light-gray"} text-xs`,
|
|
564
553
|
children: a
|
|
565
554
|
})
|
|
566
555
|
]
|
|
567
|
-
}),
|
|
568
|
-
onSubmit: t,
|
|
569
|
-
className: `w-full max-w-sm ${n}`,
|
|
570
|
-
...r,
|
|
571
|
-
children: /* @__PURE__ */ (0, o.jsx)("div", {
|
|
572
|
-
className: "flex flex-col gap-1",
|
|
573
|
-
children: e
|
|
574
|
-
})
|
|
575
|
-
}), j = ({ id: e, title: t, children: n, style: r }) => /* @__PURE__ */ (0, o.jsx)("section", {
|
|
556
|
+
}), O = ({ id: e, title: t, children: n, style: r }) => /* @__PURE__ */ (0, o.jsx)("section", {
|
|
576
557
|
id: e,
|
|
577
558
|
className: `
|
|
578
559
|
min-h-screen
|
|
@@ -592,87 +573,7 @@ var n = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
|
|
|
592
573
|
children: t
|
|
593
574
|
}), n]
|
|
594
575
|
})
|
|
595
|
-
}),
|
|
596
|
-
className: `
|
|
597
|
-
w-full
|
|
598
|
-
overflow-hidden
|
|
599
|
-
rounded-md
|
|
600
|
-
bg-white
|
|
601
|
-
shadow-lg
|
|
602
|
-
${t || ""}
|
|
603
|
-
`,
|
|
604
|
-
children: /* @__PURE__ */ (0, o.jsx)("div", {
|
|
605
|
-
className: "overflow-auto",
|
|
606
|
-
style: { maxHeight: `${n * 56}px` },
|
|
607
|
-
children: /* @__PURE__ */ (0, o.jsx)("table", {
|
|
608
|
-
className: "w-full border-separate border-spacing-0",
|
|
609
|
-
children: e
|
|
610
|
-
})
|
|
611
|
-
})
|
|
612
|
-
}), N = ({ children: e, style: t }) => /* @__PURE__ */ (0, o.jsx)("tbody", {
|
|
613
|
-
className: t,
|
|
614
|
-
children: e
|
|
615
|
-
}), P = ({ children: e, align: t = "left", style: n }) => /* @__PURE__ */ (0, o.jsx)("td", {
|
|
616
|
-
className: `
|
|
617
|
-
px-4
|
|
618
|
-
py-3
|
|
619
|
-
text-sm
|
|
620
|
-
${t === "center" ? "text-center" : ""}
|
|
621
|
-
${t === "right" ? "text-right" : ""}
|
|
622
|
-
${t === "left" ? "text-left" : ""}
|
|
623
|
-
${n || ""}
|
|
624
|
-
`,
|
|
625
|
-
children: e
|
|
626
|
-
}), F = {
|
|
627
|
-
left: "text-left",
|
|
628
|
-
center: "text-center",
|
|
629
|
-
right: "text-right"
|
|
630
|
-
}, I = ({ rowData: e }) => /* @__PURE__ */ (0, o.jsx)("thead", { children: /* @__PURE__ */ (0, o.jsx)("tr", {
|
|
631
|
-
className: "\r\n sticky\r\n top-0\r\n z-10\r\n bg-white\r\n ",
|
|
632
|
-
children: e.map((e) => /* @__PURE__ */ (0, o.jsx)("th", {
|
|
633
|
-
className: `
|
|
634
|
-
px-3 sm:px-4 md:px-6
|
|
635
|
-
py-2 md:py-4
|
|
636
|
-
text-xs sm:text-sm
|
|
637
|
-
text-gray
|
|
638
|
-
font-semibold
|
|
639
|
-
|
|
640
|
-
border-b
|
|
641
|
-
border-light-gray
|
|
642
|
-
${F[e.align || "left"]}
|
|
643
|
-
${e.style || ""}
|
|
644
|
-
`,
|
|
645
|
-
children: e.value
|
|
646
|
-
}, e.key))
|
|
647
|
-
}) }), L = ({ rowData: e, style: t }) => /* @__PURE__ */ (0, o.jsx)("tr", {
|
|
648
|
-
className: `
|
|
649
|
-
|
|
650
|
-
transition-colors
|
|
651
|
-
hover:bg-gray-50
|
|
652
|
-
[&:last-child_td]:border-b-0
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
${t || ""}
|
|
656
|
-
`,
|
|
657
|
-
children: e.map((e) => /* @__PURE__ */ (0, o.jsx)("td", {
|
|
658
|
-
className: `
|
|
659
|
-
px-3 sm:px-4 md:px-6
|
|
660
|
-
py-2 md:py-4
|
|
661
|
-
text-xs sm:text-sm
|
|
662
|
-
text-gray
|
|
663
|
-
whitespace-nowrap
|
|
664
|
-
|
|
665
|
-
border-b
|
|
666
|
-
border-light-gray
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
${F[e.align || "left"]}
|
|
671
|
-
${e.style || ""}
|
|
672
|
-
`,
|
|
673
|
-
children: e.value
|
|
674
|
-
}, e.key))
|
|
675
|
-
}), R = ({ items: e }) => /* @__PURE__ */ (0, o.jsx)("nav", {
|
|
576
|
+
}), k = ({ items: e }) => /* @__PURE__ */ (0, o.jsx)("nav", {
|
|
676
577
|
"aria-label": "Breadcrumb",
|
|
677
578
|
children: /* @__PURE__ */ (0, o.jsx)("ol", {
|
|
678
579
|
className: "\r\n flex\r\n flex-wrap\r\n items-center\r\n gap-2\r\n text-sm\r\n ",
|
|
@@ -694,7 +595,7 @@ var n = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
|
|
|
694
595
|
}, t.id);
|
|
695
596
|
})
|
|
696
597
|
})
|
|
697
|
-
}),
|
|
598
|
+
}), A = ({ children: t }) => {
|
|
698
599
|
let [n, r] = e.useState("Home"), i = [
|
|
699
600
|
{
|
|
700
601
|
id: 1,
|
|
@@ -722,18 +623,18 @@ var n = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
|
|
|
722
623
|
children: [
|
|
723
624
|
/* @__PURE__ */ (0, o.jsx)("div", {
|
|
724
625
|
className: "sticky top-0 z-50 bg-white",
|
|
725
|
-
children: /* @__PURE__ */ (0, o.jsxs)(
|
|
626
|
+
children: /* @__PURE__ */ (0, o.jsxs)(g, { children: [/* @__PURE__ */ (0, o.jsxs)("div", {
|
|
726
627
|
className: "flex items-center gap-4 lg:gap-10",
|
|
727
|
-
children: [/* @__PURE__ */ (0, o.jsx)(
|
|
628
|
+
children: [/* @__PURE__ */ (0, o.jsx)(v, {
|
|
728
629
|
logo: "/icon.svg",
|
|
729
630
|
title: "QTEK"
|
|
730
|
-
}), /* @__PURE__ */ (0, o.jsx)(
|
|
631
|
+
}), /* @__PURE__ */ (0, o.jsx)(y, {
|
|
731
632
|
navBar: i,
|
|
732
633
|
onItemClick: r
|
|
733
634
|
})]
|
|
734
635
|
}), /* @__PURE__ */ (0, o.jsxs)("div", {
|
|
735
636
|
className: "flex shrink-0 items-center gap-2 sm:gap-3",
|
|
736
|
-
children: [/* @__PURE__ */ (0, o.jsx)(
|
|
637
|
+
children: [/* @__PURE__ */ (0, o.jsx)(x, {}), /* @__PURE__ */ (0, o.jsx)(_, {
|
|
737
638
|
navDrawer: i,
|
|
738
639
|
onItemClick: r
|
|
739
640
|
})]
|
|
@@ -741,30 +642,30 @@ var n = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
|
|
|
741
642
|
}),
|
|
742
643
|
/* @__PURE__ */ (0, o.jsx)("div", {
|
|
743
644
|
className: " \r\n mx-auto\r\n max-w-full\r\n px-6\r\n py-4\r\n sticky\r\n z-40\r\n top-16\r\n bg-light-gray",
|
|
744
|
-
children: /* @__PURE__ */ (0, o.jsx)(
|
|
645
|
+
children: /* @__PURE__ */ (0, o.jsx)(k, { items: [{
|
|
745
646
|
id: 1,
|
|
746
647
|
label: n,
|
|
747
648
|
href: "#"
|
|
748
649
|
}] })
|
|
749
650
|
}),
|
|
750
651
|
t,
|
|
751
|
-
/* @__PURE__ */ (0, o.jsxs)(
|
|
752
|
-
/* @__PURE__ */ (0, o.jsx)(
|
|
652
|
+
/* @__PURE__ */ (0, o.jsxs)(u, { children: [
|
|
653
|
+
/* @__PURE__ */ (0, o.jsx)(p, {
|
|
753
654
|
description: "Building modern and scalable digital solutions.",
|
|
754
655
|
children: /* @__PURE__ */ (0, o.jsx)("div", {
|
|
755
656
|
className: "scale-150 origin-left",
|
|
756
|
-
children: /* @__PURE__ */ (0, o.jsx)(
|
|
657
|
+
children: /* @__PURE__ */ (0, o.jsx)(v, {
|
|
757
658
|
logo: "/icon.svg",
|
|
758
659
|
title: "QTEK"
|
|
759
660
|
})
|
|
760
661
|
})
|
|
761
662
|
}),
|
|
762
|
-
/* @__PURE__ */ (0, o.jsx)(
|
|
663
|
+
/* @__PURE__ */ (0, o.jsx)(m, {
|
|
763
664
|
title: "Quick Links",
|
|
764
665
|
links: i,
|
|
765
666
|
onItemClick: r
|
|
766
667
|
}),
|
|
767
|
-
/* @__PURE__ */ (0, o.jsx)(
|
|
668
|
+
/* @__PURE__ */ (0, o.jsx)(f, {
|
|
768
669
|
email: "hello@qtek.com",
|
|
769
670
|
phone: "+63 900 000 0000",
|
|
770
671
|
socials: [
|
|
@@ -785,10 +686,90 @@ var n = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
|
|
|
785
686
|
}
|
|
786
687
|
]
|
|
787
688
|
}),
|
|
788
|
-
/* @__PURE__ */ (0, o.jsx)(
|
|
689
|
+
/* @__PURE__ */ (0, o.jsx)(d, { copyright: "© 2026 QTEK. All rights reserved." })
|
|
789
690
|
] })
|
|
790
691
|
]
|
|
791
692
|
});
|
|
792
|
-
}
|
|
693
|
+
}, j = ({ children: e, style: t, maxRows: n = 5 }) => /* @__PURE__ */ (0, o.jsx)("div", {
|
|
694
|
+
className: `
|
|
695
|
+
w-full
|
|
696
|
+
overflow-hidden
|
|
697
|
+
rounded-md
|
|
698
|
+
bg-white
|
|
699
|
+
shadow-lg
|
|
700
|
+
${t || ""}
|
|
701
|
+
`,
|
|
702
|
+
children: /* @__PURE__ */ (0, o.jsx)("div", {
|
|
703
|
+
className: "overflow-auto",
|
|
704
|
+
style: { maxHeight: `${n * 56}px` },
|
|
705
|
+
children: /* @__PURE__ */ (0, o.jsx)("table", {
|
|
706
|
+
className: "w-full border-separate border-spacing-0",
|
|
707
|
+
children: e
|
|
708
|
+
})
|
|
709
|
+
})
|
|
710
|
+
}), M = ({ children: e, style: t }) => /* @__PURE__ */ (0, o.jsx)("tbody", {
|
|
711
|
+
className: t,
|
|
712
|
+
children: e
|
|
713
|
+
}), N = ({ children: e, align: t = "left", style: n }) => /* @__PURE__ */ (0, o.jsx)("td", {
|
|
714
|
+
className: `
|
|
715
|
+
px-4
|
|
716
|
+
py-3
|
|
717
|
+
text-sm
|
|
718
|
+
${t === "center" ? "text-center" : ""}
|
|
719
|
+
${t === "right" ? "text-right" : ""}
|
|
720
|
+
${t === "left" ? "text-left" : ""}
|
|
721
|
+
${n || ""}
|
|
722
|
+
`,
|
|
723
|
+
children: e
|
|
724
|
+
}), P = {
|
|
725
|
+
left: "text-left",
|
|
726
|
+
center: "text-center",
|
|
727
|
+
right: "text-right"
|
|
728
|
+
}, F = ({ rowData: e }) => /* @__PURE__ */ (0, o.jsx)("thead", { children: /* @__PURE__ */ (0, o.jsx)("tr", {
|
|
729
|
+
className: "\r\n sticky\r\n top-0\r\n z-10\r\n bg-white\r\n ",
|
|
730
|
+
children: e.map((e) => /* @__PURE__ */ (0, o.jsx)("th", {
|
|
731
|
+
className: `
|
|
732
|
+
px-3 sm:px-4 md:px-6
|
|
733
|
+
py-2 md:py-4
|
|
734
|
+
text-xs sm:text-sm
|
|
735
|
+
text-gray
|
|
736
|
+
font-semibold
|
|
737
|
+
|
|
738
|
+
border-b
|
|
739
|
+
border-light-gray
|
|
740
|
+
${P[e.align || "left"]}
|
|
741
|
+
${e.style || ""}
|
|
742
|
+
`,
|
|
743
|
+
children: e.value
|
|
744
|
+
}, e.key))
|
|
745
|
+
}) }), I = ({ rowData: e, style: t }) => /* @__PURE__ */ (0, o.jsx)("tr", {
|
|
746
|
+
className: `
|
|
747
|
+
|
|
748
|
+
transition-colors
|
|
749
|
+
hover:bg-gray-50
|
|
750
|
+
[&:last-child_td]:border-b-0
|
|
751
|
+
|
|
752
|
+
|
|
753
|
+
${t || ""}
|
|
754
|
+
`,
|
|
755
|
+
children: e.map((e) => /* @__PURE__ */ (0, o.jsx)("td", {
|
|
756
|
+
className: `
|
|
757
|
+
px-3 sm:px-4 md:px-6
|
|
758
|
+
py-2 md:py-4
|
|
759
|
+
text-xs sm:text-sm
|
|
760
|
+
text-gray
|
|
761
|
+
whitespace-nowrap
|
|
762
|
+
|
|
763
|
+
border-b
|
|
764
|
+
border-light-gray
|
|
765
|
+
|
|
766
|
+
|
|
767
|
+
|
|
768
|
+
${P[e.align || "left"]}
|
|
769
|
+
${e.style || ""}
|
|
770
|
+
`,
|
|
771
|
+
children: e.value
|
|
772
|
+
}, e.key))
|
|
773
|
+
});
|
|
793
774
|
//#endregion
|
|
794
|
-
export {
|
|
775
|
+
export { k as Breadcrumbs, c as Button, l as Card, u as Cfooter, h as Cform, g as Cheader, S as CheckBox, j as Ctable, _ as Drawer, d as FooterBottom, f as FooterContact, p as FooterIcon, v as Icon, A as LandingLayout, s as Loader, b as Modal, y as NavBar, m as QuickLink, x as SearchBar, O as Section, C as Select, M as TableBody, N as TableCell, F as TableHead, I as TableRow, D as TextField };
|
package/package.json
CHANGED
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eloisallena/web_components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.9",
|
|
4
4
|
"private": false,
|
|
5
5
|
"files": [
|
|
6
6
|
"dist"
|
|
7
7
|
],
|
|
8
|
-
"main": "./dist/
|
|
9
|
-
"module": "./dist/
|
|
8
|
+
"main": "./dist/web-components.cjs.js",
|
|
9
|
+
"module": "./dist/web-components.es.js",
|
|
10
10
|
"types": "./dist/index.d.ts",
|
|
11
11
|
"exports": {
|
|
12
12
|
".": {
|
|
13
|
-
"
|
|
14
|
-
"
|
|
15
|
-
"
|
|
13
|
+
"import": "./dist/web-components.es.js",
|
|
14
|
+
"require": "./dist/web-components.cjs.js",
|
|
15
|
+
"types": "./dist/index.d.ts"
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
|
+
|
|
18
19
|
"scripts": {
|
|
19
20
|
"dev": "next dev",
|
|
20
21
|
"build": "next build",
|
|
@@ -30,8 +31,8 @@
|
|
|
30
31
|
},
|
|
31
32
|
"peerDependencies": {
|
|
32
33
|
"next": "^16.2.4",
|
|
33
|
-
"react": "
|
|
34
|
-
"react-dom": "
|
|
34
|
+
"react": "19.2.4",
|
|
35
|
+
"react-dom": "19.2.4"
|
|
35
36
|
},
|
|
36
37
|
"devDependencies": {
|
|
37
38
|
"@chromatic-com/storybook": "^5.1.2",
|