@commandcenterio/convert-ui 0.0.10 → 0.0.11
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/index.d.mts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +66 -44
- package/dist/index.mjs +66 -44
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -122,8 +122,10 @@ interface FooterProps {
|
|
|
122
122
|
maxLogoHeight?: string;
|
|
123
123
|
leftElement?: JSX.Element;
|
|
124
124
|
openingHours?: OpeningHourType;
|
|
125
|
+
waterMark?: boolean;
|
|
126
|
+
className?: string;
|
|
125
127
|
}
|
|
126
|
-
declare const Footer: ({ links, logo, logoText, newsletter, socialLinks, maxLogoHeight, leftElement, openingHours, }: FooterProps) => react_jsx_runtime.JSX.Element;
|
|
128
|
+
declare const Footer: ({ links, logo, logoText, newsletter, socialLinks, maxLogoHeight, leftElement, openingHours, waterMark, className, }: FooterProps) => react_jsx_runtime.JSX.Element;
|
|
127
129
|
|
|
128
130
|
interface HeroProps {
|
|
129
131
|
styleType: string | 'Bento' | 'Traditional' | 'Image';
|
package/dist/index.d.ts
CHANGED
|
@@ -122,8 +122,10 @@ interface FooterProps {
|
|
|
122
122
|
maxLogoHeight?: string;
|
|
123
123
|
leftElement?: JSX.Element;
|
|
124
124
|
openingHours?: OpeningHourType;
|
|
125
|
+
waterMark?: boolean;
|
|
126
|
+
className?: string;
|
|
125
127
|
}
|
|
126
|
-
declare const Footer: ({ links, logo, logoText, newsletter, socialLinks, maxLogoHeight, leftElement, openingHours, }: FooterProps) => react_jsx_runtime.JSX.Element;
|
|
128
|
+
declare const Footer: ({ links, logo, logoText, newsletter, socialLinks, maxLogoHeight, leftElement, openingHours, waterMark, className, }: FooterProps) => react_jsx_runtime.JSX.Element;
|
|
127
129
|
|
|
128
130
|
interface HeroProps {
|
|
129
131
|
styleType: string | 'Bento' | 'Traditional' | 'Image';
|
package/dist/index.js
CHANGED
|
@@ -412,61 +412,83 @@ var Footer = function({
|
|
|
412
412
|
socialLinks,
|
|
413
413
|
maxLogoHeight,
|
|
414
414
|
leftElement,
|
|
415
|
-
openingHours
|
|
415
|
+
openingHours,
|
|
416
|
+
waterMark = true,
|
|
417
|
+
className = "p-10 text-base-content bg-base-200"
|
|
416
418
|
}) {
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
419
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full w-full @container", children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: `flex w-full flex-col items-center justify-center ${className}`, children: [
|
|
420
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: `footer flex w-full flex-col items-center justify-start gap-10 @xl:flex-row @xl:items-start max-w-3xl`, children: [
|
|
421
|
+
leftElement ? /* @__PURE__ */ jsxRuntime.jsx("aside", { className: "flex flex-col items-center justify-center gap-4 mt-auto px-8 border-b-[1px] pb-4 border-base-100 md:border-r-[1px] md:border-b-0 md:pb-0 md:mt-0", children: leftElement }) : /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "gap-4 border-b-[1px] border-base-100 md:border-r-[1px] md:border-b-0 max-w-[25vw] pr-0 pb-10 md:pb-0 md:pr-10", children: [
|
|
422
|
+
logo && /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: "Company Logo", className: "w-sm" }),
|
|
423
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { children: logoText })
|
|
424
|
+
] }),
|
|
425
|
+
links == null ? void 0 : links.map((item, index2) => {
|
|
426
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("nav", { children: [
|
|
427
|
+
/* @__PURE__ */ jsxRuntime.jsx("header", { className: "footer-title mx-auto @xl:mx-0", children: item.header }),
|
|
428
|
+
item.links.map((link, index3) => {
|
|
429
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
430
|
+
"a",
|
|
431
|
+
{
|
|
432
|
+
className: "link-hover link mx-auto @xl:mx-0",
|
|
433
|
+
href: link.url,
|
|
434
|
+
children: link.text
|
|
435
|
+
},
|
|
436
|
+
index3
|
|
437
|
+
);
|
|
438
|
+
})
|
|
439
|
+
] }, index2);
|
|
440
|
+
}),
|
|
441
|
+
socialLinks && /* @__PURE__ */ jsxRuntime.jsxs("nav", { children: [
|
|
442
|
+
/* @__PURE__ */ jsxRuntime.jsx("header", { className: "footer-title mx-auto @xl:mx-0", children: "Social" }),
|
|
443
|
+
socialLinks == null ? void 0 : socialLinks.map((link, index2) => {
|
|
430
444
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
431
445
|
"a",
|
|
432
446
|
{
|
|
433
|
-
className: "link-hover link mx-auto @xl:mx-0",
|
|
434
447
|
href: link.url,
|
|
435
|
-
|
|
448
|
+
className: "link-hover link mx-auto @xl:mx-0",
|
|
449
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(link.icon, { className: "text-base-content", size: 30 })
|
|
436
450
|
},
|
|
437
|
-
|
|
451
|
+
index2
|
|
438
452
|
);
|
|
439
453
|
})
|
|
440
|
-
] },
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
454
|
+
] }),
|
|
455
|
+
openingHours && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 w-fit", children: [
|
|
456
|
+
/* @__PURE__ */ jsxRuntime.jsx("header", { className: "footer-title mx-auto @xl:mx-0", children: openingHours.header }),
|
|
457
|
+
openingHours.hours.map(({ day, openingTime }, index2, arr) => {
|
|
458
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center w-[200px] justify-between", children: [
|
|
459
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "inline-block w-fit", children: day }),
|
|
460
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
461
|
+
"p",
|
|
462
|
+
{
|
|
463
|
+
className: `inline-block w-fit ${openingTime === "Closed" && "font-semibold"}`,
|
|
464
|
+
children: openingTime
|
|
465
|
+
}
|
|
466
|
+
)
|
|
467
|
+
] }, index2);
|
|
468
|
+
})
|
|
469
|
+
] })
|
|
455
470
|
] }),
|
|
456
|
-
|
|
457
|
-
/* @__PURE__ */ jsxRuntime.
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
471
|
+
waterMark && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 items-center justify-between w-full text-xs text-center sm:flex-row mt-[10vh] text-[0.6rem] max-w-3xl opacity-55 hover:opacity-100 transition duration-200", children: [
|
|
472
|
+
/* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
|
|
473
|
+
"\xA9 ",
|
|
474
|
+
(/* @__PURE__ */ new Date()).getFullYear(),
|
|
475
|
+
" All rights reserved"
|
|
476
|
+
] }),
|
|
477
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex items-center justify-between gap-2 sm:justify-end sm:w-auto", children: [
|
|
478
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { children: "Powered by" }),
|
|
479
|
+
/* @__PURE__ */ jsxRuntime.jsxs("button", { className: "relative rounded-full btn btn-xs border-purple-500/70 bg-gradient-to-tr from-base-100/70 to-purple-700/70 hover:border-purple-200/90 hover:shadow-md hover:shadow-black/[0.3] transition duration-200", children: [
|
|
480
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-x-0 h-px w-1/2 mx-auto -top-px shadow-xl bg-gradient-to-r from-transparent via-purple-200 to-transparent" }),
|
|
481
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative z-20", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
482
|
+
"a",
|
|
463
483
|
{
|
|
464
|
-
|
|
465
|
-
|
|
484
|
+
href: "https://cmdcntr.io",
|
|
485
|
+
className: "link text-[0.6rem] no-underline text-base-content/70 hover:text-base-content/100 transition duration-200",
|
|
486
|
+
target: "_blank",
|
|
487
|
+
children: "CMD CNTR"
|
|
466
488
|
}
|
|
467
|
-
)
|
|
468
|
-
] }
|
|
469
|
-
})
|
|
489
|
+
) })
|
|
490
|
+
] })
|
|
491
|
+
] })
|
|
470
492
|
] })
|
|
471
493
|
] }) });
|
|
472
494
|
};
|
package/dist/index.mjs
CHANGED
|
@@ -385,61 +385,83 @@ var Footer = function({
|
|
|
385
385
|
socialLinks,
|
|
386
386
|
maxLogoHeight,
|
|
387
387
|
leftElement,
|
|
388
|
-
openingHours
|
|
388
|
+
openingHours,
|
|
389
|
+
waterMark = true,
|
|
390
|
+
className = "p-10 text-base-content bg-base-200"
|
|
389
391
|
}) {
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
392
|
+
return /* @__PURE__ */ jsx("div", { className: "h-full w-full @container", children: /* @__PURE__ */ jsxs("footer", { className: `flex w-full flex-col items-center justify-center ${className}`, children: [
|
|
393
|
+
/* @__PURE__ */ jsxs("div", { className: `footer flex w-full flex-col items-center justify-start gap-10 @xl:flex-row @xl:items-start max-w-3xl`, children: [
|
|
394
|
+
leftElement ? /* @__PURE__ */ jsx("aside", { className: "flex flex-col items-center justify-center gap-4 mt-auto px-8 border-b-[1px] pb-4 border-base-100 md:border-r-[1px] md:border-b-0 md:pb-0 md:mt-0", children: leftElement }) : /* @__PURE__ */ jsxs("aside", { className: "gap-4 border-b-[1px] border-base-100 md:border-r-[1px] md:border-b-0 max-w-[25vw] pr-0 pb-10 md:pb-0 md:pr-10", children: [
|
|
395
|
+
logo && /* @__PURE__ */ jsx("img", { src: logo, alt: "Company Logo", className: "w-sm" }),
|
|
396
|
+
/* @__PURE__ */ jsx("p", { children: logoText })
|
|
397
|
+
] }),
|
|
398
|
+
links == null ? void 0 : links.map((item, index2) => {
|
|
399
|
+
return /* @__PURE__ */ jsxs("nav", { children: [
|
|
400
|
+
/* @__PURE__ */ jsx("header", { className: "footer-title mx-auto @xl:mx-0", children: item.header }),
|
|
401
|
+
item.links.map((link, index3) => {
|
|
402
|
+
return /* @__PURE__ */ jsx(
|
|
403
|
+
"a",
|
|
404
|
+
{
|
|
405
|
+
className: "link-hover link mx-auto @xl:mx-0",
|
|
406
|
+
href: link.url,
|
|
407
|
+
children: link.text
|
|
408
|
+
},
|
|
409
|
+
index3
|
|
410
|
+
);
|
|
411
|
+
})
|
|
412
|
+
] }, index2);
|
|
413
|
+
}),
|
|
414
|
+
socialLinks && /* @__PURE__ */ jsxs("nav", { children: [
|
|
415
|
+
/* @__PURE__ */ jsx("header", { className: "footer-title mx-auto @xl:mx-0", children: "Social" }),
|
|
416
|
+
socialLinks == null ? void 0 : socialLinks.map((link, index2) => {
|
|
403
417
|
return /* @__PURE__ */ jsx(
|
|
404
418
|
"a",
|
|
405
419
|
{
|
|
406
|
-
className: "link-hover link mx-auto @xl:mx-0",
|
|
407
420
|
href: link.url,
|
|
408
|
-
|
|
421
|
+
className: "link-hover link mx-auto @xl:mx-0",
|
|
422
|
+
children: /* @__PURE__ */ jsx(link.icon, { className: "text-base-content", size: 30 })
|
|
409
423
|
},
|
|
410
|
-
|
|
424
|
+
index2
|
|
411
425
|
);
|
|
412
426
|
})
|
|
413
|
-
] },
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
427
|
+
] }),
|
|
428
|
+
openingHours && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 w-fit", children: [
|
|
429
|
+
/* @__PURE__ */ jsx("header", { className: "footer-title mx-auto @xl:mx-0", children: openingHours.header }),
|
|
430
|
+
openingHours.hours.map(({ day, openingTime }, index2, arr) => {
|
|
431
|
+
return /* @__PURE__ */ jsxs("div", { className: "flex items-center w-[200px] justify-between", children: [
|
|
432
|
+
/* @__PURE__ */ jsx("p", { className: "inline-block w-fit", children: day }),
|
|
433
|
+
/* @__PURE__ */ jsx(
|
|
434
|
+
"p",
|
|
435
|
+
{
|
|
436
|
+
className: `inline-block w-fit ${openingTime === "Closed" && "font-semibold"}`,
|
|
437
|
+
children: openingTime
|
|
438
|
+
}
|
|
439
|
+
)
|
|
440
|
+
] }, index2);
|
|
441
|
+
})
|
|
442
|
+
] })
|
|
428
443
|
] }),
|
|
429
|
-
|
|
430
|
-
/* @__PURE__ */
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
444
|
+
waterMark && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 items-center justify-between w-full text-xs text-center sm:flex-row mt-[10vh] text-[0.6rem] max-w-3xl opacity-55 hover:opacity-100 transition duration-200", children: [
|
|
445
|
+
/* @__PURE__ */ jsxs("p", { children: [
|
|
446
|
+
"\xA9 ",
|
|
447
|
+
(/* @__PURE__ */ new Date()).getFullYear(),
|
|
448
|
+
" All rights reserved"
|
|
449
|
+
] }),
|
|
450
|
+
/* @__PURE__ */ jsxs("div", { className: "w-full flex items-center justify-between gap-2 sm:justify-end sm:w-auto", children: [
|
|
451
|
+
/* @__PURE__ */ jsx("p", { children: "Powered by" }),
|
|
452
|
+
/* @__PURE__ */ jsxs("button", { className: "relative rounded-full btn btn-xs border-purple-500/70 bg-gradient-to-tr from-base-100/70 to-purple-700/70 hover:border-purple-200/90 hover:shadow-md hover:shadow-black/[0.3] transition duration-200", children: [
|
|
453
|
+
/* @__PURE__ */ jsx("div", { className: "absolute inset-x-0 h-px w-1/2 mx-auto -top-px shadow-xl bg-gradient-to-r from-transparent via-purple-200 to-transparent" }),
|
|
454
|
+
/* @__PURE__ */ jsx("span", { className: "relative z-20", children: /* @__PURE__ */ jsx(
|
|
455
|
+
"a",
|
|
436
456
|
{
|
|
437
|
-
|
|
438
|
-
|
|
457
|
+
href: "https://cmdcntr.io",
|
|
458
|
+
className: "link text-[0.6rem] no-underline text-base-content/70 hover:text-base-content/100 transition duration-200",
|
|
459
|
+
target: "_blank",
|
|
460
|
+
children: "CMD CNTR"
|
|
439
461
|
}
|
|
440
|
-
)
|
|
441
|
-
] }
|
|
442
|
-
})
|
|
462
|
+
) })
|
|
463
|
+
] })
|
|
464
|
+
] })
|
|
443
465
|
] })
|
|
444
466
|
] }) });
|
|
445
467
|
};
|