@momo-webplatform/mobase-next 1.0.1

package/dist/components/blocks/FeatureSection/FeatureTemlates.mjs

@@ -0,0 +1 @@
+"use client";import{a as I,b as u}from"../../../chunk-7LRQ2WLZ.mjs";import{Fragment as f,jsx as s,jsxs as i}from"react/jsx-runtime";import{useState as P}from"react";import{ChevronRightIcon as A}from"lucide-react";import b from"html-react-parser";import{cn as k}from"../../../lib/utils";import{Accordion as j,AccordionContent as D,AccordionItem as R,AccordionTrigger as C}from"../../mobase/accordion";import{AspectRatio as L}from"../../mobase/aspect-ratio";import{Button as _}from"../../mobase/button";import{ButtonsBlock as p,HeadingBlock as N}from"../common-blocks/common-blocks";function x({btnLink:l,btnName:e,newTab:m}){return l?s(_,{variant:"link",size:"sm",onClick:()=>{window.open(l,m?"_blank":"_self","noopener,noreferrer")},suffix:s(A,{className:"h-4 w-4"}),className:"h-auto p-0",children:e||"Xem chi ti\u1EBFt"}):null}function F({dataHeading:l,dataFeatures:e,dataButtons:m}){return i(f,{children:[l?s(N,{tagline:l==null?void 0:l.tagline,title:l==null?void 0:l.title,description:l==null?void 0:l.description,tagHeading:l==null?void 0:l.tagHeading,align:"center",colorScheme:(l==null?void 0:l.colorScheme)||"pink",sizeHeading:l==null?void 0:l.sizeHeading,className:l==null?void 0:l.className}):null,e?s("div",{className:"list-features grid grid-cols-1 gap-8 md:grid-cols-3 lg:gap-12",children:e==null?void 0:e.map((c,o)=>i("div",{className:"feature-item relative flex w-full flex-col text-center",children:[c.image?s("div",{className:"mx-auto h-16 w-16",children:s("img",{src:c.image,alt:c.name,className:"h-full w-full object-contain"})}):null,i("div",{className:"mx-auto mt-4 w-full max-w-xs flex-1 md:max-w-full",children:[i("div",{className:"flex-1",children:[c.name?s("h3",{className:"text-lg font-semibold",children:b(c.name)}):null,c.description?s("div",{className:"text-muted-foreground mt-2 text-base",children:b(c.description)}):null]}),c.btnLink?s("div",{className:"mt-4",children:s(x,{btnLink:c.btnLink,btnName:c.btnName,newTab:c.newTab})}):null]})]},o))}):null,m?s(p,{isFullInMobile:m==null?void 0:m.isFullInMobile,buttons:m==null?void 0:m.buttons,className:m==null?void 0:m.className,align:"center"}):null]})}function E({dataHeading:l,dataFeatures:e,dataButtons:m}){return i(f,{children:[l?s(N,{tagline:l==null?void 0:l.tagline,title:l==null?void 0:l.title,description:l==null?void 0:l.description,tagHeading:l==null?void 0:l.tagHeading,align:"center",colorScheme:(l==null?void 0:l.colorScheme)||"pink",sizeHeading:l==null?void 0:l.sizeHeading,className:l==null?void 0:l.className}):null,e?s("div",{className:"list-features list-features-2 grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4",children:e==null?void 0:e.map((c,o)=>i("div",{className:"feature-item border-border relative flex w-full flex-col overflow-hidden rounded-md border p-5 bg-background-1",children:[c.image?s("div",{className:"h-16 w-16",children:s("img",{src:c.image,alt:c.name,className:"h-full w-full object-contain"})}):null,i("div",{className:"mt-4 flex w-full flex-1 flex-col",children:[i("div",{className:"flex-1",children:[c.name?s("h3",{className:"text-lg font-semibold",children:b(c.name)}):null,c.description?s("div",{className:"text-muted-foreground mt-2 text-base",children:b(c.description)}):null]}),c.btnLink?s("div",{className:"mt-4",children:s(x,{btnLink:c.btnLink,btnName:c.btnName,newTab:c.newTab})}):null]})]},o))}):null,m?s(p,{isFullInMobile:m==null?void 0:m.isFullInMobile,buttons:m==null?void 0:m.buttons,className:m==null?void 0:m.className,align:"center"}):null]})}function W({dataHeading:l,dataFeatures:e,dataButtons:m}){return i(f,{children:[l?s(N,{tagline:l==null?void 0:l.tagline,title:l==null?void 0:l.title,description:l==null?void 0:l.description,tagHeading:l==null?void 0:l.tagHeading,align:"center",colorScheme:(l==null?void 0:l.colorScheme)||"pink",sizeHeading:l==null?void 0:l.sizeHeading,className:l==null?void 0:l.className}):null,e?s("div",{className:"list-features grid grid-cols-1 gap-8 md:grid-cols-3 lg:gap-12",children:e==null?void 0:e.map((c,o)=>i("div",{className:"feature-item relative flex w-full flex-col",children:[c.image?s("div",{className:"h-16 w-16",children:s("img",{src:c.image,alt:c.name,className:"h-full w-full object-contain"})}):null,i("div",{className:"mt-4 w-full flex-1",children:[i("div",{className:"flex-1",children:[c.name?s("h3",{className:"text-lg font-semibold",children:b(c.name)}):null,c.description?s("div",{className:"text-muted-foreground mt-2 text-base",children:b(c.description)}):null]}),c.btnLink?s("div",{className:"mt-4",children:s(x,{btnLink:c.btnLink,btnName:c.btnName,newTab:c.newTab})}):null]})]},o))}):null,m?s(p,{isFullInMobile:m==null?void 0:m.isFullInMobile,buttons:m==null?void 0:m.buttons,className:m==null?void 0:m.className,align:"center"}):null]})}function O({dataHeading:l,dataFeatures:e,dataButtons:m}){return i("div",{className:"grid grid-cols-1 gap-0 lg:grid-cols-10 lg:gap-12",children:[i("div",{className:"lg:col-span-4 lg:flex lg:flex-col lg:justify-center",children:[l?s(N,{tagline:l==null?void 0:l.tagline,title:l==null?void 0:l.title,description:l==null?void 0:l.description,tagHeading:l==null?void 0:l.tagHeading,align:"left",colorScheme:(l==null?void 0:l.colorScheme)||"pink",sizeHeading:l==null?void 0:l.sizeHeading,className:k("text-center lg:mb-0 lg:text-left",l==null?void 0:l.className)}):null,m?s(p,{isFullInMobile:m==null?void 0:m.isFullInMobile,buttons:m==null?void 0:m.buttons,className:`hidden lg:flex ${m==null?void 0:m.className}`,align:"left"}):null]}),i("div",{className:"lg:col-span-6",children:[e?s("div",{className:"list-features grid grid-cols-1 gap-6 md:grid-cols-2 md:gap-5",children:e==null?void 0:e.map((c,o)=>i("div",{className:"feature-item border-border bg-card relative flex w-full flex-col rounded-lg border p-5",children:[c.image?s("div",{className:"h-16 w-16",children:s("img",{src:c.image,alt:c.name,className:"h-full w-full object-contain"})}):null,i("div",{className:"mt-4 flex w-full flex-1 flex-col",children:[i("div",{className:"flex-1",children:[c.name?s("h3",{className:"text-lg font-semibold",children:b(c.name)}):null,c.description?s("div",{className:"text-muted-foreground mt-2 text-base",children:b(c.description)}):null]}),c.btnLink?s("div",{className:"mt-4",children:s(x,{btnLink:c.btnLink,btnName:c.btnName,newTab:c.newTab})}):null]})]},o))}):null,m?s(p,{isFullInMobile:m==null?void 0:m.isFullInMobile,buttons:m==null?void 0:m.buttons,className:`flex lg:hidden ${m==null?void 0:m.className}`,align:"center"}):null]})]})}function X({dataHeading:l,dataFeatures:e,dataButtons:m}){return i(f,{children:[l?s(N,{tagline:l==null?void 0:l.tagline,title:l==null?void 0:l.title,description:l==null?void 0:l.description,tagHeading:l==null?void 0:l.tagHeading,align:"center",colorScheme:(l==null?void 0:l.colorScheme)||"pink",sizeHeading:l==null?void 0:l.sizeHeading,className:l==null?void 0:l.className}):null,e?s("div",{className:"list-features mx-auto grid max-w-4xl grid-cols-1 gap-5 md:grid-cols-2",children:e==null?void 0:e.map((c,o)=>i("div",{className:"feature-item border-border bg-card relative flex w-full flex-col rounded-lg border p-7",children:[c.image?s("div",{className:"h-16 w-16",children:s("img",{src:c.image,alt:c.name,className:"h-full w-full object-contain"})}):null,i("div",{className:"mt-4 flex w-full flex-1 flex-col",children:[i("div",{className:"flex-1",children:[c.name?s("h3",{className:"text-lg font-semibold",children:b(c.name)}):null,c.description?s("div",{className:"text-muted-foreground mt-2 text-base",children:b(c.description)}):null]}),c.btnLink?s("div",{className:"mt-4",children:s(x,{btnLink:c.btnLink,btnName:c.btnName,newTab:c.newTab})}):null]})]},o))}):null,m?s(p,{isFullInMobile:m==null?void 0:m.isFullInMobile,buttons:m==null?void 0:m.buttons,className:m==null?void 0:m.className,align:"center"}):null]})}function $({dataHeading:l,dataFeatures:e,dataButtons:m}){return i(f,{children:[l?s(N,{tagline:l==null?void 0:l.tagline,title:l==null?void 0:l.title,description:l==null?void 0:l.description,tagHeading:l==null?void 0:l.tagHeading,align:"center",colorScheme:(l==null?void 0:l.colorScheme)||"pink",sizeHeading:l==null?void 0:l.sizeHeading,className:l==null?void 0:l.className}):null,e?s("div",{className:"list-features grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3 lg:gap-x-7 lg:gap-y-10",children:e==null?void 0:e.map((c,o)=>i("div",{className:"feature-item relative w-full",children:[c.image?s("div",{className:"h-12 w-12",children:s("img",{src:c.image,alt:c.name,className:"h-full w-full object-contain"})}):null,i("div",{className:"mt-3 flex w-full flex-1 flex-col",children:[i("div",{className:"flex-1",children:[c.name?s("h3",{className:"text-lg font-semibold",children:b(c.name)}):null,c.description?s("div",{className:"text-muted-foreground mt-2 text-sm",children:b(c.description)}):null]}),c.btnLink?s("div",{className:"mt-4",children:s(x,{btnLink:c.btnLink,btnName:c.btnName,newTab:c.newTab})}):null]})]},o))}):null,m?s(p,{isFullInMobile:m==null?void 0:m.isFullInMobile,buttons:m==null?void 0:m.buttons,className:m==null?void 0:m.className,align:"center"}):null]})}function K({dataHeading:l,dataFeatures:e,dataButtons:m}){const c=(e==null?void 0:e.length)||0,o={default:"md:basis-1/5",special:"md:basis-1/4"},w={6:3,7:4,8:4},n=r=>r===6||r===7||r===8,T=c>=1&&c<=4||n(c)?o.special:o.default,v=n(c)?w[c]:-1,h=(r,S)=>{const z=r.btnLink?"a":"div",M=r.btnLink?{href:r.btnLink,target:r.newTab?"_blank":"_self",rel:"noopener noreferrer",title:r.btnName}:{};return s("div",{className:k("basis-1/2 px-2 lg:px-5",T,S===v&&"md:break-after-row",r.btnLink&&"group cursor-pointer"),children:i(z,u(I({},M),{className:"feature-item relative flex w-full flex-col items-center gap-3",children:[r.image?s("div",{className:"h-16 w-16 transition-transform duration-300 group-hover:scale-105",children:s("img",{src:r.image,alt:r.name,className:"h-full w-full object-contain",loading:"lazy"})}):null,i("div",{className:"w-full flex-1 text-center",children:[r.name?s("h3",{className:"text-base duration-300 group-hover:text-primary",children:b(r.name)}):null,r.description?s("div",{className:"text-muted-foreground mt-2 text-sm",children:b(r.description)}):null]})]}))},S)};return i(f,{children:[l?s(N,{tagline:l==null?void 0:l.tagline,title:l==null?void 0:l.title,description:l==null?void 0:l.description,tagHeading:l==null?void 0:l.tagHeading,align:"center",colorScheme:(l==null?void 0:l.colorScheme)||"pink",sizeHeading:l==null?void 0:l.sizeHeading,className:l==null?void 0:l.className}):null,e?s("div",{className:"list-features -mx-2 flex flex-wrap justify-center gap-y-10 lg:-mx-5",children:e.map((r,S)=>h(r,S))}):null,m?s(p,{isFullInMobile:m==null?void 0:m.isFullInMobile,buttons:m==null?void 0:m.buttons,className:m==null?void 0:m.className,align:"center"}):null]})}function V({dataHeading:l,dataFeatures:e,dataButtons:m}){return i(f,{children:[l?s(N,{tagline:l==null?void 0:l.tagline,title:l==null?void 0:l.title,description:l==null?void 0:l.description,tagHeading:l==null?void 0:l.tagHeading,align:"center",colorScheme:(l==null?void 0:l.colorScheme)||"pink",sizeHeading:l==null?void 0:l.sizeHeading,className:l==null?void 0:l.className}):null,e?s("div",{className:"list-features grid grid-cols-1 gap-6 md:grid-cols-3",children:e==null?void 0:e.map((c,o)=>i("div",{className:"feature-item bg-muted relative flex w-full flex-col overflow-hidden rounded-xl",children:[i("div",{className:"flex w-full flex-1 flex-col p-5",children:[i("div",{className:"flex-1",children:[c.name?s("h3",{className:"text-lg font-semibold",children:b(c.name)}):null,c.description?s("div",{className:"text-muted-foreground mt-2 text-base",children:b(c.description)}):null]}),c.btnLink?s("div",{className:"mt-4",children:s(x,{btnLink:c.btnLink,btnName:c.btnName,newTab:c.newTab})}):null]}),c.image?s("div",{className:"w-full",style:{aspectRatio:"347/220"},children:s("img",{src:c.image,alt:c.name,className:"h-full w-full object-contain"})}):null]},o))}):null,m?s(p,{isFullInMobile:m==null?void 0:m.isFullInMobile,buttons:m==null?void 0:m.buttons,className:m==null?void 0:m.className,align:"center"}):null]})}function q({dataHeading:l,dataFeatures:e,dataButtons:m,dataBanner:c}){return i("div",{className:"grid grid-cols-1 gap-10 lg:grid-cols-10 lg:gap-14",children:[s("div",{className:"flex items-center lg:col-span-6",children:i("div",{className:"w-full",children:[l?s(N,{tagline:l.tagline,title:l.title,description:l.description,tagHeading:l.tagHeading,align:"left",colorScheme:l.colorScheme||"pink",sizeHeading:l.sizeHeading,className:k("text-center lg:text-left",l.className)}):null,e?s("div",{className:"list-features grid grid-cols-1 gap-6 md:auto-cols-auto md:grid-cols-2",children:e.map((o,w)=>i("div",{className:"feature-item relative flex w-full flex-col",children:[o.image?s("div",{className:"h-10 w-10",children:s("img",{src:o.image,alt:o.name,className:"h-full w-full object-contain"})}):null,i("div",{className:"mt-3 flex w-full flex-1 flex-col",children:[i("div",{className:"flex-1",children:[o.name?s("h3",{className:"text-lg font-semibold",children:b(o.name)}):null,o.description?s("div",{className:"text-muted-foreground mt-2 text-base",children:b(o.description)}):null]}),o.btnLink?s("div",{className:"mt-4",children:s(x,{btnLink:o.btnLink,btnName:o.btnName,newTab:o.newTab})}):null]})]},w))}):null,m?s(p,{isFullInMobile:m.isFullInMobile,buttons:m.buttons,className:m.className,align:"left"}):null]})}),c?s("div",{className:"flex items-center lg:col-span-4",children:s("div",{className:"mx-auto w-full max-w-xs md:max-w-md",children:s(L,{ratio:c.ratio||1,className:"w-full",children:s("img",{src:c.src,alt:c.alt,loading:"lazy",className:"h-full w-full object-cover"})})})}):null]})}function G({dataHeading:l,dataFeatures:e,dataBanner:m,dataButtons:c}){return i(f,{children:[l?s(N,{tagline:l==null?void 0:l.tagline,title:l==null?void 0:l.title,description:l==null?void 0:l.description,tagHeading:l==null?void 0:l.tagHeading,align:"center",colorScheme:(l==null?void 0:l.colorScheme)||"pink",sizeHeading:l==null?void 0:l.sizeHeading,className:l==null?void 0:l.className}):null,s("div",{className:k("relative flex items-center",m&&"lg:min-h-[590px]"),children:e?i("div",{className:k("list-features grid grid-cols-1 gap-8 md:grid-cols-2",m?"lg:flex lg:flex-row lg:flex-wrap lg:gap-x-0 lg:gap-y-16":"mx-auto max-w-4xl"),children:[e==null?void 0:e.map((o,w)=>i("div",{className:k("feature-item relative w-full",m&&"lg:basis-1/2 odd:lg:pr-48 even:lg:pl-48"),children:[o.image?s("div",{className:"h-12 w-12",children:s("img",{src:o.image,alt:o.name,className:"h-full w-full object-contain"})}):null,i("div",{className:"mt-3 flex w-full flex-1 flex-col",children:[i("div",{className:"flex-1",children:[o.name?s("h3",{className:"text-lg font-semibold",children:b(o.name)}):null,o.description?s("div",{className:"text-muted-foreground mt-2",children:b(o.description)}):null]}),o.btnLink?s("div",{className:"mt-4",children:s(x,{btnLink:o.btnLink,btnName:o.btnName,newTab:o.newTab})}):null]})]},w)),m?i("div",{className:"absolute left-1/2 top-1/2 mx-auto hidden w-72 -translate-x-1/2 -translate-y-1/2 lg:flex lg:items-end lg:justify-center lg:p-1.5 xl:p-2",style:{aspectRatio:"352/721"},children:[s("div",{className:"mockup-bg pointer-events-none absolute inset-0 h-full w-full select-none",style:{background:"url(https://homepage.momocdn.net/img/momo-amazone-s3-api-240809173159-638588215193226459.png) no-repeat bottom center/contain"}}),s("div",{className:"bg-muted h-full w-full overflow-hidden",style:{borderRadius:"30px"},children:s("img",{src:m==null?void 0:m.src,alt:m==null?void 0:m.alt,className:"h-full w-full object-contain"})})]}):null]}):null}),c?s(p,{isFullInMobile:c==null?void 0:c.isFullInMobile,buttons:c==null?void 0:c.buttons,className:c==null?void 0:c.className,align:"center"}):null]})}function J({dataHeading:l,dataFeatures:e,dataButtons:m,dataBanner:c}){var n,y,T;const[o,w]=P(0);return i(f,{children:[l?s(N,{tagline:l==null?void 0:l.tagline,title:l==null?void 0:l.title,description:l==null?void 0:l.description,tagHeading:l==null?void 0:l.tagHeading,align:"center",colorScheme:(l==null?void 0:l.colorScheme)||"pink",sizeHeading:l==null?void 0:l.sizeHeading,className:l==null?void 0:l.className}):null,e?i("div",{className:"grid grid-cols-1 gap-10 md:grid-cols-2 lg:gap-14",children:[s("div",{children:s("div",{className:"list-features w-full md:border-l-2 md:border-border",children:s(j,{onValueChange:v=>{var r;const h=parseInt((r=v[0])!=null?r:"",10);isNaN(h)||w(h)},value:[o.toString()],children:e==null?void 0:e.map((v,h)=>i(R,{value:h.toString(),className:"feature-item border-border group relative flex w-full flex-col border-y-0 border-b last:border-b-0 md:-ml-0.5 md:border-b-0 md:not-last:border-b-0 md:border-l-2 md:pl-5 md:data-open:border-primary",children:[s(C,{className:"py-3 text-left text-lg font-semibold md:group-first:pt-0 md:group-last:pb-0 [&>svg]:md:hidden",children:b(v.name||"")}),i(D,{className:"grid grid-cols-1 gap-y-3 md:group-last:mt-3",children:[v.description?s("div",{className:"text-muted-foreground",children:b(v.description||"")}):null,v.btnLink?s("div",{className:"",children:s(x,{btnLink:v.btnLink,btnName:v.btnName,newTab:v.newTab})}):null,v.image&&!(c!=null&&c.src)?s("div",{className:"mx-auto mt-5 w-full max-w-xs md:hidden",children:s(L,{ratio:1,className:"w-full",children:s("img",{src:v.image,alt:v.name,className:"h-full w-full object-contain"})})}):null]})]},h))})})}),s("div",{className:k(c!=null&&c.src?"flex":"hidden md:flex"),children:s("div",{className:"mx-auto w-full max-w-xs md:max-w-md",children:c!=null&&c.src?s(L,{ratio:(c==null?void 0:c.ratio)||1,className:"w-full",children:s("img",{src:c==null?void 0:c.src,alt:c==null?void 0:c.alt,loading:"lazy",className:"h-full w-full object-cover"})}):s("div",{className:"hidden md:flex",children:(n=e==null?void 0:e[o])!=null&&n.image?s(L,{ratio:1,className:"w-full",children:s("img",{src:(y=e==null?void 0:e[o])==null?void 0:y.image,alt:(T=e==null?void 0:e[o])==null?void 0:T.name,className:"h-full w-full object-contain",loading:"lazy"})}):s("div",{className:"h-0 w-0"})})})})]}):null,m?s(p,{isFullInMobile:m==null?void 0:m.isFullInMobile,buttons:m==null?void 0:m.buttons,className:m==null?void 0:m.className,align:"center"}):null]})}export{V as FeatureTemplateEight,J as FeatureTemplateElevent,X as FeatureTemplateFive,O as FeatureTemplateFour,q as FeatureTemplateNine,F as FeatureTemplateOne,K as FeatureTemplateSeven,$ as FeatureTemplateSix,G as FeatureTemplateTen,W as FeatureTemplateThree,E as FeatureTemplateTwo};

package/dist/components/blocks/FeatureSection/index.d.mts

@@ -0,0 +1,14 @@
+export { FeatureSection } from './FeatureSection.mjs';
+export { FeatureSectionProps } from './utils.mjs';
+import 'react/jsx-runtime';
+import '../common-blocks/utils.mjs';
+import '../action-button/utils.mjs';
+import 'react';
+import '../../mobase/button.mjs';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import '../dialog-qr/DialogQr.mjs';
+import '../../mobase/dialog.mjs';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';

package/dist/components/blocks/FeatureSection/index.mjs

@@ -0,0 +1 @@
+import"../../../chunk-7LRQ2WLZ.mjs";import{FeatureSection as o}from"./FeatureSection";export{o as FeatureSection};

package/dist/components/blocks/FeatureSection/utils.d.mts

@@ -0,0 +1,77 @@
+import { SectionBlockProps, HeadingBlockProps, ButtonsBlockProps } from '../common-blocks/utils.mjs';
+import '../action-button/utils.mjs';
+import 'react';
+import '../../mobase/button.mjs';
+import 'react/jsx-runtime';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import '../dialog-qr/DialogQr.mjs';
+import '../../mobase/dialog.mjs';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';
+
+interface BannerData {
+    /**
+     * The image source.
+     */
+    src?: string;
+    /**
+     * The image alt.
+     */
+    alt?: string;
+    /**
+     * The image ratio.
+     */
+    ratio?: number;
+}
+interface FeatureData {
+    /**
+     * Feature name.
+     */
+    name?: string;
+    /**
+     * Feature description.
+     */
+    description?: string;
+    /**
+     * Feature image.
+     */
+    image?: string;
+    /**
+     * Feature button name.
+     */
+    btnName?: string;
+    /**
+     * Feature button link.
+     */
+    btnLink?: string;
+    /**
+     * Feature button use new tab.
+     */
+    newTab?: boolean;
+}
+interface FeatureSectionProps extends SectionBlockProps {
+    /**
+     * The template of the feature section.
+     */
+    template?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
+    /**
+     * The data heading of the feature section.
+     */
+    dataHeading?: HeadingBlockProps;
+    /**
+     * The array data features of the feature section.
+     */
+    dataFeatures?: FeatureData[];
+    /**
+     * The data buttons of the feature section.
+     */
+    dataButtons?: ButtonsBlockProps;
+    /**
+     * The data banner of the feature section.
+     */
+    dataBanner?: BannerData;
+}
+
+export type { BannerData, FeatureData, FeatureSectionProps };

package/dist/components/blocks/GiftListSection/GiftListSection.d.mts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { GiftListSectionProps } from './utils.mjs';
+import '../common-blocks/utils.mjs';
+import '../action-button/utils.mjs';
+import 'react';
+import '../../mobase/button.mjs';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import '../dialog-qr/DialogQr.mjs';
+import '../../mobase/dialog.mjs';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';
+
+declare function GiftListSection({ template, className, idSection, background, dataHeading, dataButtons, dataGiftList, }: GiftListSectionProps): react_jsx_runtime.JSX.Element;
+
+export { GiftListSection };

package/dist/components/blocks/GiftListSection/GiftListSection.mjs

@@ -0,0 +1 @@
+import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as r}from"react/jsx-runtime";import{cn as f}from"../../../lib/utils";import{SectionBlock as p}from"../common-blocks/common-blocks";import{GiftListTemplateOne as n}from"./GiftListSectionTemplate";const m=({template:e,dataHeading:t,dataButtons:i,dataGiftList:o})=>{switch(e){case 1:return r(n,{dataHeading:t,dataButtons:i,dataGiftList:o});default:return r(n,{dataHeading:t,dataButtons:i,dataGiftList:o})}};function S({template:e=1,className:t,idSection:i,background:o,dataHeading:c,dataButtons:s,dataGiftList:a}){return r(p,{idSection:i,className:f(t),background:o,children:m({template:e,dataHeading:c,dataButtons:s,dataGiftList:a})})}export{S as GiftListSection};

package/dist/components/blocks/GiftListSection/GiftListSectionTemplate.d.mts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { GiftListSectionProps } from './utils.mjs';
+import '../common-blocks/utils.mjs';
+import '../action-button/utils.mjs';
+import 'react';
+import '../../mobase/button.mjs';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import '../dialog-qr/DialogQr.mjs';
+import '../../mobase/dialog.mjs';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';
+
+declare function GiftListTemplateOne({ dataHeading, dataButtons, dataGiftList }: GiftListSectionProps): react_jsx_runtime.JSX.Element;
+
+export { GiftListTemplateOne };

package/dist/components/blocks/GiftListSection/GiftListSectionTemplate.mjs

@@ -0,0 +1 @@
+"use client";import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useState as x}from"react";import o from"html-react-parser";import{cn as u}from"../../../lib/utils";import{Button as f,buttonVariants as v}from"../../mobase/button";import{AspectRatio as b}from"../../mobase/aspect-ratio";import{ButtonsBlock as N,HeadingBlock as g}from"../common-blocks/common-blocks";import{Dialog as w,DialogContent as k,DialogFooter as y,DialogHeader as C,DialogTitle as D}from"../../mobase/dialog";const h="text-xs font-medium md:text-sm h-auto min-h-0 px-0 py-0";function L({gift:e,onOpenModal:s}){var d;const i=!!e.useModal,l=!!((d=e.btnLink)!=null&&d.trim()),m=e.btnName?o(e.btnName||"Xem chi ti\u1EBFt"):void 0,c=a=>{a.stopPropagation(),s(e)};let r=null;return e.btnName&&m&&(l?r=t("a",{href:e.btnLink,target:e.newTab?"_blank":"_self",rel:"noreferrer",className:u(v({variant:"link",size:"sm"}),h),onClick:a=>{a.stopPropagation()},children:m}):r=t(f,{variant:"link",size:"sm",type:"button",className:h,onClick:c,children:m})),t("div",{className:"w-full px-2.5 md:w-1/2 lg:w-1/3","data-slot":"gift-list-card-wrap",children:n("div",{"data-slot":"gift-list-card",className:u("relative h-full rounded-xl border p-2 transition-all duration-300 bg-card",e.isFeatured?"border-primary":"",i&&"cursor-pointer ring-inset hover:border-primary hover:shadow-lg hover:shadow-primary/20 hover:ring-1 hover:ring-primary"),role:i?"button":void 0,tabIndex:i?0:void 0,onClick:()=>{i&&s(e)},children:[e.tag?n("span",{className:"absolute -top-2 right-2 z-10 inline-flex",children:[t("span",{className:"rounded-bl-md rounded-br-md bg-destructive px-2 py-0.5 text-xs font-semibold uppercase shadow-sm text-white",children:o(e.tag)}),t("span",{"aria-hidden":!0,className:"absolute right-full top-0 h-0 w-0 border-r-8 border-t-8 border-r-red-9 border-t-transparent"})]}):null,n("div",{className:"relative z-10 flex h-full flex-row items-stretch gap-3",children:[e.thumbnail?t("div",{className:"w-28 flex-none shrink-0 md:w-32",children:t(b,{ratio:1,className:"w-full",children:t("img",{src:e.thumbnail,alt:e.title||"Gift image",className:"h-full w-full rounded-md object-contain"})})}):null,n("div",{className:"flex min-w-0 flex-1 flex-col",children:[n("div",{className:"flex-1",children:[e.serviceName?t("span",{className:"mb-1.5 mt-1 block text-xs font-medium text-muted-foreground md:mb-2",children:o(e.serviceName)}):null,t("h3",{className:"text-base font-semibold text-foreground md:text-lg",children:o(e.title)}),e.description?t("p",{className:"line-clamp-2 text-sm text-muted-foreground",children:o(e.description)}):null]}),t("div",{className:"mt-auto flex flex-none justify-end pt-1 md:pt-2",children:r})]})]})]})})}function T({dataHeading:e,dataButtons:s,dataGiftList:i}){const[l,m]=x(null),[c,r]=x(!1),d=a=>{m(a),r(!0)};return n("div",{"data-slot":"gift-list-template-one",children:[e?t(g,{align:e.align||"center",tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,colorScheme:e.colorScheme||"pink",sizeHeading:e.sizeHeading,className:e.className}):null,i&&i.length>0?t("div",{className:"-mx-2.5 mt-8 flex flex-wrap justify-center gap-y-5 md:mt-10",children:i.map((a,p)=>t(L,{gift:a,onOpenModal:d},a.title?`${a.title}-${p}`:`gift-${p}`))}):null,s?t(N,{isFullInMobile:s.isFullInMobile,buttons:s.buttons,className:s.className,align:s.align||"center"}):null,t(w,{open:c,onOpenChange:a=>{r(a),a||m(null)},children:n(k,{className:u("top-auto bottom-0 max-h-[min(85dvh,calc(100%-2rem))] w-full max-w-full -translate-x-1/2 translate-y-0 rounded-t-2xl rounded-b-none sm:top-1/2 sm:bottom-auto sm:max-h-[min(90vh,calc(100%-4rem))] sm:max-w-2xl sm:-translate-y-1/2 sm:rounded-4xl"),children:[t(C,{children:t(D,{className:"text-center",children:"Th\xF4ng tin chi ti\u1EBFt th\u1EBB qu\xE0"})}),n("div",{className:"max-h-[50dvh] overflow-y-auto sm:max-h-[min(60vh,32rem)]",children:[n("div",{className:"text-center",children:[l!=null&&l.serviceName?t("span",{className:"mb-1 block text-xs font-medium text-muted-foreground",children:o(l.serviceName)}):null,l!=null&&l.title?t("h3",{className:"text-xl font-bold md:text-2xl",children:o(l.title)}):null,l!=null&&l.description?t("p",{className:"mt-1 text-sm text-foreground",children:o(l.description||"")}):null]}),l!=null&&l.content?t("div",{className:"mt-6 prose prose-sm text-mute-foreground!",children:o(l.content)}):null]}),t(y,{children:t(f,{variant:"default",size:"default",type:"button",onClick:()=>{r(!1)},children:"\u0110\xF3ng"})})]})})]})}export{T as GiftListTemplateOne};

package/dist/components/blocks/GiftListSection/index.d.mts

@@ -0,0 +1,14 @@
+export { GiftListSection } from './GiftListSection.mjs';
+export { GiftListItemData, GiftListSectionProps } from './utils.mjs';
+import 'react/jsx-runtime';
+import '../common-blocks/utils.mjs';
+import '../action-button/utils.mjs';
+import 'react';
+import '../../mobase/button.mjs';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import '../dialog-qr/DialogQr.mjs';
+import '../../mobase/dialog.mjs';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';

package/dist/components/blocks/GiftListSection/index.mjs

@@ -0,0 +1 @@
+import"../../../chunk-7LRQ2WLZ.mjs";import{GiftListSection as o}from"./GiftListSection";export{o as GiftListSection};

package/dist/components/blocks/GiftListSection/utils.d.mts

@@ -0,0 +1,81 @@
+import { SectionBlockProps, HeadingBlockProps, ButtonsBlockProps } from '../common-blocks/utils.mjs';
+import '../action-button/utils.mjs';
+import 'react';
+import '../../mobase/button.mjs';
+import 'react/jsx-runtime';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import '../dialog-qr/DialogQr.mjs';
+import '../../mobase/dialog.mjs';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';
+
+interface GiftListItemData {
+    /**
+     * Service name of gift card.
+     */
+    serviceName?: string;
+    /**
+     * Gift card title.
+     */
+    title: string;
+    /**
+     * Short description of gift card.
+     */
+    description?: string;
+    /**
+     * Gift thumbnail url (square image).
+     */
+    thumbnail?: string;
+    /**
+     * Gift tag content.
+     */
+    tag?: string;
+    /**
+     * Mark card as featured item.
+     */
+    isFeatured?: boolean;
+    /**
+     * Gift action button text.
+     */
+    btnName?: string;
+    /**
+     * Gift action button url. When set (non-empty), the CTA uses a link with this target.
+     * When empty or omitted but `btnName` is set, the CTA opens the detail modal instead.
+     */
+    btnLink?: string;
+    /**
+     * Open action button in new tab.
+     */
+    newTab?: boolean;
+    /**
+     * When true, clicking the card (outside the CTA) opens the detail modal. Does not affect CTA:
+     * CTA follows `btnLink` (navigate) vs no `btnLink` (open modal).
+     */
+    useModal?: boolean;
+    /**
+     * Short description displayed in modal.
+     */
+    content?: string;
+}
+interface GiftListSectionProps extends SectionBlockProps {
+    /**
+     * The template of the section.
+     */
+    template?: 1;
+    /**
+     * The data heading of the section.
+     */
+    dataHeading?: HeadingBlockProps;
+    /**
+     * The data buttons of the section.
+     */
+    dataButtons?: ButtonsBlockProps;
+    /**
+     * The array data gift list of the section.
+     */
+    dataGiftList?: GiftListItemData[];
+}
+
+export type { GiftListItemData, GiftListSectionProps };

package/dist/components/blocks/HeroSection/HeroSection.d.mts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HeroContentProps } from './utils.mjs';
+import '../common-blocks/utils.mjs';
+import '../action-button/utils.mjs';
+import 'react';
+import '../../mobase/button.mjs';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import '../dialog-qr/DialogQr.mjs';
+import '../../mobase/dialog.mjs';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';
+
+declare const HERO_SECTION_DEFAULT_BACKGROUND: string;
+declare function HeroSection({ template, idSection, dataHeading, dataButtons, dataFeatures, dataStats, dataMedia, className, background, advancedComponent, }: HeroContentProps): react_jsx_runtime.JSX.Element;
+
+export { HERO_SECTION_DEFAULT_BACKGROUND, HeroSection };

package/dist/components/blocks/HeroSection/HeroSection.mjs

@@ -0,0 +1 @@
+import"../../../chunk-7LRQ2WLZ.mjs";import{Fragment as T,jsx as d}from"react/jsx-runtime";import{cn as l}from"../../../lib/utils";import{SectionBlock as g}from"../common-blocks/common-blocks";import{HeroContentTemplateOne as p,HeroContentTemplateThree as u,HeroContentTemplateTwo as C}from"./HeroSectionTemplate";const H=["linear-gradient(38deg, transparent 78%, color-mix(in srgb, var(--background) 70%, white) 100%)","linear-gradient(45deg, var(--background) 10%, transparent 22%)","linear-gradient(0deg, var(--background) 0%, transparent 91%)","linear-gradient(214deg, transparent 0%, color-mix(in srgb, var(--primary) 18%, transparent) 25%, transparent 71%)","linear-gradient(212deg, transparent 51%, color-mix(in srgb, var(--primary) 32%, transparent) 64%, transparent 80%)","var(--background)"].join(", "),S=({template:t,dataHeading:e,dataButtons:a,dataFeatures:n,dataStats:r,dataMedia:o,advancedComponent:i})=>{switch(t){case 1:return d(p,{dataHeading:e,dataButtons:a,dataFeatures:n,dataStats:r,template:t,dataMedia:o,advancedComponent:i});case 2:return d(C,{dataHeading:e,dataButtons:a,dataFeatures:n,dataStats:r,template:t,dataMedia:o,advancedComponent:i});case 3:return d(u,{dataHeading:e,dataButtons:a,dataFeatures:n,dataStats:r,template:t,dataMedia:o,advancedComponent:i});default:return d(p,{dataHeading:e,dataButtons:a,dataFeatures:n,dataStats:r,template:t,dataMedia:o,advancedComponent:i})}};function v({template:t,dataHeading:e,dataButtons:a,dataFeatures:n,dataStats:r,dataMedia:o,advancedComponent:i}){return d(T,{children:S({template:t,dataHeading:e,dataButtons:a,dataFeatures:n,dataStats:r,dataMedia:o,advancedComponent:i})})}function b({template:t=1,idSection:e,dataHeading:a,dataButtons:n,dataFeatures:r,dataStats:o,dataMedia:i,className:c,background:s,advancedComponent:m=null}){return d(g,{className:l(c),background:s!=null?s:H,idSection:e,children:d(v,{dataButtons:n,template:t,dataHeading:a,dataFeatures:r,dataStats:o,dataMedia:i,advancedComponent:m})})}export{H as HERO_SECTION_DEFAULT_BACKGROUND,b as HeroSection};

package/dist/components/blocks/HeroSection/HeroSectionFeatures.d.mts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HeroContentProps, HeroContentListFeatureProps, HeroContentListStats } from './utils.mjs';
+import '../common-blocks/utils.mjs';
+import '../action-button/utils.mjs';
+import 'react';
+import '../../mobase/button.mjs';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import '../dialog-qr/DialogQr.mjs';
+import '../../mobase/dialog.mjs';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';
+
+declare function SectionHeroItemFeature({ template, name, image, isFeatures, }: {
+    template?: HeroContentProps["template"];
+    name?: HeroContentListFeatureProps["name"];
+    image?: HeroContentListFeatureProps["image"];
+    idx: number;
+    value?: HeroContentListStats["value"];
+    suffix?: HeroContentListStats["suffix"];
+    unit?: HeroContentListStats["unit"];
+    description?: HeroContentListStats["description"];
+    isFeatures?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function SectionHeroListFeature({ dataFeatures, template, }: {
+    dataFeatures: HeroContentProps["dataFeatures"];
+    template: HeroContentProps["template"];
+}): react_jsx_runtime.JSX.Element;
+
+export { SectionHeroItemFeature, SectionHeroListFeature };

package/dist/components/blocks/HeroSection/HeroSectionFeatures.mjs

@@ -0,0 +1 @@
+import"../../../chunk-7LRQ2WLZ.mjs";import{Fragment as c,jsx as e,jsxs as a}from"react/jsx-runtime";import{cva as p}from"class-variance-authority";import l from"html-react-parser";import{CheckIcon as o}from"lucide-react";import{cn as m}from"../../../lib/utils";const u=p("mt-6 list-inside text-foreground",{variants:{template:{1:"grid grid-cols-1 gap-y-3 ",2:"grid grid-cols-1 gap-y-3 ",3:"mx-auto mt-0 mt-8 grid max-w-5xl grid-cols-1 items-center gap-4  text-left text-sm font-semibold md:mt-12 md:grid-cols-4 md:gap-12"}},defaultVariants:{template:1}});function f({template:t,name:r,image:s,isFeatures:i}){return e(c,{children:(()=>{switch(t){case 1:case 2:return a("li",{className:m("flex space-x-4",!i&&"hidden"),children:[s?e("div",{className:"flex h-10 w-10 flex-none shrink-0 items-center justify-center",children:e("img",{src:s,alt:"",className:"max-w-full"})}):e("div",{className:"mt-0.5 flex h-5 w-5 flex-none items-center justify-center rounded-full bg-primary/15",children:e(o,{className:"h-4 w-4 text-primary"})}),r?e("div",{className:"ml-2 ",children:l(r)}):null]});case 3:return a("li",{className:"flex h-full space-x-4",children:[s?e("div",{className:"flex h-10 w-10 flex-none shrink-0 items-center justify-center",children:e("img",{src:s,alt:"",className:"max-w-full"})}):e("div",{className:"flex h-5 w-5 flex-none items-center justify-center rounded-full bg-primary/15 p-1",children:e(o,{className:"h-4 w-4 text-primary"})}),r?e("div",{className:"my-auto ml-2  md:my-0",children:l(r)}):null]});default:return null}})()})}function y({dataFeatures:t,template:r=1}){var s;return e(c,{children:((s=t==null?void 0:t.length)!=null?s:0)>0&&e("ul",{className:m("",u({template:r})),children:t==null?void 0:t.map((i,n)=>e(f,{name:i.name,template:r,image:i.image,idx:n,isFeatures:!0},n))})})}export{f as SectionHeroItemFeature,y as SectionHeroListFeature};

package/dist/components/blocks/HeroSection/HeroSectionMedia.d.mts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HeroContentMediaProps } from './utils.mjs';
+import '../common-blocks/utils.mjs';
+import '../action-button/utils.mjs';
+import 'react';
+import '../../mobase/button.mjs';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import '../dialog-qr/DialogQr.mjs';
+import '../../mobase/dialog.mjs';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';
+
+declare function SectionHeroMedia({ type, src, ratio, className, classNameMedia, youtubeId, onClickFC, alt, }: HeroContentMediaProps): react_jsx_runtime.JSX.Element;
+
+export { SectionHeroMedia };

package/dist/components/blocks/HeroSection/HeroSectionMedia.mjs

@@ -0,0 +1 @@
+"use client";import"../../../chunk-7LRQ2WLZ.mjs";import{Fragment as y,jsx as e,jsxs as i}from"react/jsx-runtime";import{Play as u}from"lucide-react";import{cn as c}from"../../../lib/utils";import{CloseButton as g}from"../../mobase/close-button";import{AspectRatio as m}from"../../mobase/aspect-ratio";import{Dialog as f,DialogClose as w,DialogContent as h,DialogTrigger as v}from"../../mobase/dialog";import{convertMediaRatio as p}from"../../../lib/media-ratio";function b({src:l,ratio:a,className:t,classNameMedia:n,youtubeId:r,onClickFC:o,alt:d=""}){const s=p(a);return i(y,{children:[e("div",{className:c("hidden md:block",t),children:i(m,{ratio:s,className:"group relative overflow-hidden rounded-lg",children:[e("img",{src:l,alt:d,className:c("h-full w-full object-cover",n,l?"":"bg-muted")}),r?i(f,{children:[i(v,{"data-slot":"hero-media-play-trigger",className:"absolute inset-0 z-10 hidden cursor-pointer items-center justify-center transition-transform group-hover:scale-105 md:flex",onClick:()=>{o==null||o()},children:[e("span",{className:"sr-only",children:"Play video"}),e("span",{className:"flex size-14 items-center justify-center rounded-full bg-foreground/35 text-primary-foreground shadow-md ring-2 ring-primary-foreground/80 backdrop-blur-xs transition-colors group-hover:bg-foreground/45",children:e(u,{className:"size-7 translate-x-0.5 fill-current","aria-hidden":!0})})]}),e(h,{showCloseButton:!1,"data-slot":"hero-media-youtube-dialog",className:"max-w-4xl border-0 bg-transparent p-4 shadow-none sm:max-w-5xl",children:i("div",{className:"relative",children:[e("div",{className:"aspect-video w-full overflow-hidden rounded-lg",children:e("iframe",{title:r,src:`https://www.youtube.com/embed/${r}?autoplay=1`,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",referrerPolicy:"strict-origin-when-cross-origin",allowFullScreen:!0,className:"h-full w-full border-0"})}),e(w,{render:e(g,{size:"sm",className:"absolute -top-2 -right-2 z-10 sm:-right-3","aria-label":"Close video"})})]})})]}):null]})}),r?e("div",{className:"relative aspect-video w-full overflow-hidden rounded-lg md:hidden",children:e("iframe",{title:r,src:`https://www.youtube.com/embed/${r}?controls=1`,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",referrerPolicy:"strict-origin-when-cross-origin",allowFullScreen:!0,className:"h-full w-full border-0 object-cover"})}):null]})}function M({type:l=1,src:a,ratio:t,className:n,classNameMedia:r,youtubeId:o,onClickFC:d,alt:s=""}){return e("div",{className:n,"data-slot":"hero-section-media","data-media-type":l,children:o?e(b,{src:a,ratio:t,youtubeId:o,onClickFC:d,alt:s,classNameMedia:r}):e(m,{ratio:p(t),className:"overflow-hidden rounded-lg",children:e("img",{src:a,alt:s,className:c("h-full w-full object-cover",r,a?"":"bg-muted")})})})}export{M as SectionHeroMedia};

package/dist/components/blocks/HeroSection/HeroSectionStats.d.mts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HeroContentProps } from './utils.mjs';
+import '../common-blocks/utils.mjs';
+import '../action-button/utils.mjs';
+import 'react';
+import '../../mobase/button.mjs';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import '../dialog-qr/DialogQr.mjs';
+import '../../mobase/dialog.mjs';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';
+
+declare function SectionHeroStats({ dataStats }: {
+    dataStats: HeroContentProps["dataStats"];
+}): react_jsx_runtime.JSX.Element;
+
+export { SectionHeroStats };

package/dist/components/blocks/HeroSection/HeroSectionStats.mjs

@@ -0,0 +1 @@
+import"../../../chunk-7LRQ2WLZ.mjs";import{Fragment as c,jsx as r,jsxs as l}from"react/jsx-runtime";import p from"html-react-parser";import{cn as m}from"../../../lib/utils";function u({value:e,suffix:n,unit:o,description:i}){return l("div",{className:m(""),children:[e?l("div",{className:"line-clamp-2 font-bold text-primary",children:[e,n||o?l("span",{children:[n," ",o]}):null]}):null,i?r("div",{className:"mt-1 text-sm leading-tight text-muted-foreground",children:p(i)}):null]})}function g({dataStats:e}){var n;return r(c,{children:((n=e==null?void 0:e.length)!=null?n:0)>0&&r("ul",{className:m("mt-8 grid w-full  auto-cols-[minmax(0,150px)]  grid-flow-col  gap-3 md:mt-10"),children:e==null?void 0:e.map((o,i)=>r(u,{value:o==null?void 0:o.value,suffix:o==null?void 0:o.suffix,unit:o==null?void 0:o.unit,description:o==null?void 0:o.description},i))})})}export{g as SectionHeroStats};

package/dist/components/blocks/HeroSection/HeroSectionTemplate.d.mts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HeroContentProps } from './utils.mjs';
+import '../common-blocks/utils.mjs';
+import '../action-button/utils.mjs';
+import 'react';
+import '../../mobase/button.mjs';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import '../dialog-qr/DialogQr.mjs';
+import '../../mobase/dialog.mjs';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';
+
+declare function HeroContentTemplateOne({ dataHeading, dataButtons, dataFeatures, template, dataStats, dataMedia, advancedComponent, }: HeroContentProps): react_jsx_runtime.JSX.Element;
+declare function HeroContentTemplateTwo({ dataHeading, dataButtons, dataFeatures, template, dataStats, dataMedia, advancedComponent, }: HeroContentProps): react_jsx_runtime.JSX.Element;
+declare function HeroContentTemplateThree({ dataHeading, dataButtons, dataFeatures, template, dataStats, dataMedia, advancedComponent, }: HeroContentProps): react_jsx_runtime.JSX.Element;
+
+export { HeroContentTemplateOne, HeroContentTemplateThree, HeroContentTemplateTwo };

package/dist/components/blocks/HeroSection/HeroSectionTemplate.mjs

@@ -0,0 +1 @@
+import"../../../chunk-7LRQ2WLZ.mjs";import{Fragment as I,jsx as s,jsxs as f}from"react/jsx-runtime";import{cn as b}from"../../../lib/utils";import{ButtonsBlock as e,HeadingBlock as y}from"../common-blocks/common-blocks";import{SectionHeroListFeature as N}from"./HeroSectionFeatures";import{SectionHeroMedia as v}from"./HeroSectionMedia";import{SectionHeroStats as S}from"./HeroSectionStats";function w({dataHeading:l,dataButtons:r,dataFeatures:m,template:u,dataStats:p,dataMedia:o,advancedComponent:c}){return f("div",{className:b("grid grid-cols-1 items-center gap-8 md:grid-cols-2 md:gap-6 "),children:[f("div",{className:"col-span-1 ",children:[s(y,{tagline:l==null?void 0:l.tagline,title:l==null?void 0:l.title,description:l==null?void 0:l.description,tagHeading:(l==null?void 0:l.tagHeading)||"h1",align:"left",sizeHeading:l==null?void 0:l.sizeHeading,colorScheme:(l==null?void 0:l.colorScheme)||"black",className:b("mb-0 md:mb-0",l==null?void 0:l.className)}),s(N,{dataFeatures:m,template:u}),r?s(e,{align:"left",isFullInMobile:r.isFullInMobile,buttons:r.buttons}):null,s(S,{dataStats:p})]}),s("div",{className:"col-span-1 md:pl-10",children:c||s(v,{type:(o==null?void 0:o.type)||1,src:(o==null?void 0:o.src)||"",ratio:o==null?void 0:o.ratio,youtubeId:o==null?void 0:o.youtubeId})})]})}function T({dataHeading:l,dataButtons:r,dataFeatures:m,template:u,dataStats:p,dataMedia:o,advancedComponent:c}){return f("div",{className:b("grid grid-cols-1 items-center gap-8 md:grid-cols-2 md:gap-6"),children:[s("div",{className:"order-2 col-span-1 md:order-1 md:pr-10",children:c||s(v,{type:(o==null?void 0:o.type)||1,src:(o==null?void 0:o.src)||"",ratio:o==null?void 0:o.ratio,youtubeId:o==null?void 0:o.youtubeId})}),f("div",{className:"order-1 col-span-1 md:order-2",children:[s(y,{tagline:l==null?void 0:l.tagline,title:l==null?void 0:l.title,description:l==null?void 0:l.description,tagHeading:(l==null?void 0:l.tagHeading)||"h1",align:"left",sizeHeading:l==null?void 0:l.sizeHeading,colorScheme:(l==null?void 0:l.colorScheme)||"black",className:b("mb-0 md:mb-0",l==null?void 0:l.className)}),s(N,{dataFeatures:m,template:u}),r?s("div",{className:"flex w-full items-center justify-center md:justify-start",children:s(e,{align:"left",isFullInMobile:r.isFullInMobile,buttons:r.buttons})}):null,s(S,{dataStats:p})]})]})}function C({dataHeading:l,dataButtons:r,dataFeatures:m,template:u,dataStats:p,dataMedia:o,advancedComponent:c}){return f(I,{children:[s(y,{tagline:l==null?void 0:l.tagline,title:l==null?void 0:l.title,description:l==null?void 0:l.description,tagHeading:(l==null?void 0:l.tagHeading)||"h1",align:"center",sizeHeading:l==null?void 0:l.sizeHeading,colorScheme:(l==null?void 0:l.colorScheme)||"black",className:b("mb-0 md:mb-0",l==null?void 0:l.className)}),r?s(e,{align:"center",isFullInMobile:r.isFullInMobile,buttons:r.buttons,className:"inline-flex w-full items-center justify-center text-center text-base font-semibold md:w-full"}):null,s(N,{dataFeatures:m,template:u}),s("div",{className:" mx-auto max-w-xl [&>ul]:justify-center",children:s(S,{dataStats:p})}),c||s(I,{children:o!=null&&o.src?s(v,{type:o.type||1,src:o.src||"",ratio:o.ratio,youtubeId:o.youtubeId,className:"mt-8 md:mt-12",classNameMedia:"rounded-lg"}):null})]})}export{w as HeroContentTemplateOne,C as HeroContentTemplateThree,T as HeroContentTemplateTwo};

package/dist/components/blocks/HeroSection/index.d.mts

@@ -0,0 +1,14 @@
+export { HeroSection } from './HeroSection.mjs';
+export { HeroContentProps } from './utils.mjs';
+import 'react/jsx-runtime';
+import '../common-blocks/utils.mjs';
+import '../action-button/utils.mjs';
+import 'react';
+import '../../mobase/button.mjs';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import '../dialog-qr/DialogQr.mjs';
+import '../../mobase/dialog.mjs';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';

package/dist/components/blocks/HeroSection/index.mjs

@@ -0,0 +1 @@
+import"../../../chunk-7LRQ2WLZ.mjs";import{HeroSection as r}from"./HeroSection";export{r as HeroSection};

package/dist/components/blocks/HeroSection/utils.d.mts

@@ -0,0 +1,84 @@
+import { SectionBlockProps, HeadingBlockProps, ButtonsBlockProps } from '../common-blocks/utils.mjs';
+import '../action-button/utils.mjs';
+import 'react';
+import '../../mobase/button.mjs';
+import 'react/jsx-runtime';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import '../dialog-qr/DialogQr.mjs';
+import '../../mobase/dialog.mjs';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';
+
+declare const TYPE_MEDIA_IMAGE = 1;
+declare const TYPE_MEDIA_VIDEO = 2;
+interface HeroContentProps extends SectionBlockProps {
+    /**
+     * The template of the hero section.
+     */
+    template?: 1 | 2 | 3;
+    /**
+     * The data heading of the hero section.
+     */
+    dataHeading?: HeadingBlockProps;
+    /**
+     * The array data features of the hero section.
+     */
+    dataFeatures?: HeroContentListFeatureProps[];
+    /**
+     * The data buttons of the hero section.
+     */
+    dataButtons?: ButtonsBlockProps;
+    /**
+     * The data stats of the hero section.
+     */
+    dataStats?: HeroContentListStats[];
+    /**
+     * The data media of the hero section.
+     */
+    dataMedia?: HeroContentMediaProps;
+    advancedComponent?: React.ReactNode;
+}
+interface HeroContentTitleProps {
+    title?: string;
+    className?: string;
+}
+interface HeroContentDescriptionProps {
+    description?: string;
+    className?: string;
+}
+interface HeroContentListFeatureProps {
+    name?: string;
+    image?: string;
+}
+interface HeroContentListStats {
+    /**
+     * Value of the stats.
+     */
+    value?: number;
+    /**
+     * Suffix of the stats.
+     */
+    suffix?: string;
+    /**
+     * Unit of the stats.
+     */
+    unit?: string;
+    /**
+     * Description of the stats.
+     */
+    description?: string;
+}
+interface HeroContentMediaProps {
+    src: string;
+    ratio?: string | number;
+    onClickFC?: () => void;
+    className?: string;
+    classNameMedia?: string;
+    youtubeId?: string;
+    type?: number | null;
+    alt?: string;
+}
+
+export { type HeroContentDescriptionProps, type HeroContentListFeatureProps, type HeroContentListStats, type HeroContentMediaProps, type HeroContentProps, type HeroContentTitleProps, TYPE_MEDIA_IMAGE, TYPE_MEDIA_VIDEO };

package/dist/components/blocks/HeroSection/utils.mjs

@@ -0,0 +1 @@
+import"../../../chunk-7LRQ2WLZ.mjs";const t=1,e=2;export{t as TYPE_MEDIA_IMAGE,e as TYPE_MEDIA_VIDEO};

package/dist/components/blocks/HowItWorksSection/HowItWorksSection.d.mts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HowItWorksSectionProps } from './utils.mjs';
+import '../common-blocks/utils.mjs';
+import '../action-button/utils.mjs';
+import 'react';
+import '../../mobase/button.mjs';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import '../dialog-qr/DialogQr.mjs';
+import '../../mobase/dialog.mjs';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';
+
+declare function HowItWorksSection({ template, background, className, idSection, dataHeading, dataHowItWorks, dataButtons, }: HowItWorksSectionProps): react_jsx_runtime.JSX.Element;
+
+export { HowItWorksSection };

package/dist/components/blocks/HowItWorksSection/HowItWorksSection.mjs

@@ -0,0 +1 @@
+import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as r}from"react/jsx-runtime";import{SectionBlock as c}from"../common-blocks/common-blocks";import{HowItWorksTemplateOne as k,HowItWorksTemplateThree as p,HowItWorksTemplateTwo as w}from"./HowItWorksSectionTemplate";function H({template:a,dataHeading:o,dataHowItWorks:t,dataButtons:e}){switch(a){case 2:return r(w,{dataHeading:o,dataHowItWorks:t,dataButtons:e});case 3:return r(p,{dataHeading:o,dataHowItWorks:t,dataButtons:e});default:return r(k,{dataHeading:o,dataHowItWorks:t,dataButtons:e})}}function d({template:a=1,background:o,className:t,idSection:e,dataHeading:n,dataHowItWorks:s,dataButtons:i}){return r(c,{className:t,idSection:e,background:o,children:r(H,{template:a,dataHeading:n,dataHowItWorks:s,dataButtons:i})})}export{d as HowItWorksSection};

package/dist/components/blocks/HowItWorksSection/HowItWorksSectionTemplate.d.mts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HowItWorksSectionProps } from './utils.mjs';
+import '../common-blocks/utils.mjs';
+import '../action-button/utils.mjs';
+import 'react';
+import '../../mobase/button.mjs';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import '../dialog-qr/DialogQr.mjs';
+import '../../mobase/dialog.mjs';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';
+
+declare function HowItWorksTemplateOne({ dataHeading, dataHowItWorks, dataButtons, }: HowItWorksSectionProps): react_jsx_runtime.JSX.Element;
+declare function HowItWorksTemplateTwo({ dataHeading, dataHowItWorks, dataButtons, }: HowItWorksSectionProps): react_jsx_runtime.JSX.Element;
+declare function HowItWorksTemplateThree({ dataHeading, dataHowItWorks, dataButtons, }: HowItWorksSectionProps): react_jsx_runtime.JSX.Element;
+
+export { HowItWorksTemplateOne, HowItWorksTemplateThree, HowItWorksTemplateTwo };

package/dist/components/blocks/HowItWorksSection/HowItWorksSectionTemplate.mjs

@@ -0,0 +1 @@
+import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as l,jsxs as s}from"react/jsx-runtime";import m from"html-react-parser";import{cn as n}from"../../../lib/utils";import{AspectRatio as f}from"../../mobase/aspect-ratio";import{ButtonsBlock as c,HeadingBlock as a}from"../common-blocks/common-blocks";function u(e){return/^https?:\/\//.test(e)}function v({dataHeading:e,dataHowItWorks:r,dataButtons:i}){return s("div",{"data-slot":"how-it-works-template-1",children:[e?l(a,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"center",colorScheme:e.colorScheme||"pink",sizeHeading:e.sizeHeading,className:e.className}):null,r&&r.length>0?l("div",{className:"-mx-3.5 flex flex-row flex-wrap justify-center gap-y-5",children:r.map((t,o)=>l("div",{className:n("basis-full px-3.5 md:basis-1/3",r.length===4&&"md:basis-1/2 lg:basis-1/4"),children:s("div",{className:"h-full rounded-lg border border-border bg-card px-6 py-8 text-center shadow-lg md:px-4 lg:px-6",children:[l("div",{className:"mx-auto flex h-9 w-9 items-center justify-center rounded-full bg-primary text-xl font-bold text-primary-foreground",children:o+1}),s("div",{className:"mt-6 w-full",children:[l("div",{className:"w-full text-xl font-semibold",children:m(t.title)}),t.description?l("div",{className:"mt-2 text-base text-muted-foreground",children:m(t.description)}):null]})]})},o))}):null,i?l(c,{isFullInMobile:i.isFullInMobile,buttons:i.buttons,className:i.className,align:"center"}):null]})}function x({dataHeading:e,dataHowItWorks:r,dataButtons:i}){return s("div",{"data-slot":"how-it-works-template-2",children:[e?l(a,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"center",colorScheme:e.colorScheme||"pink",sizeHeading:e.sizeHeading,className:e.className}):null,r&&r.length>0?l("div",{className:"-mx-3.5 mt-9 flex flex-row flex-wrap justify-center gap-y-9",children:r.map((t,o)=>s("div",{className:n("basis-full px-3.5 text-center md:basis-1/3",r.length===4&&"md:basis-1/2 lg:basis-1/4"),children:[s("div",{className:"relative mx-auto flex h-52 w-52 items-center justify-center",children:[l("div",{className:"absolute -left-4 -top-4 z-10 flex h-12 w-12 items-center justify-center rounded-full border-4 border-background bg-primary text-lg font-bold text-primary-foreground",children:o+1}),t.image?l("div",{className:"aspect-1 w-full overflow-hidden rounded-lg bg-muted",children:l(f,{ratio:1,children:l("img",{src:t.image,alt:t.title,className:"h-full w-full object-cover"})})}):null]}),s("div",{className:"mt-6 w-full",children:[l("div",{className:"w-full text-xl font-semibold",children:m(t.title)}),t.description?l("div",{className:"mt-2 text-base text-muted-foreground",children:m(t.description)}):null]})]},o))}):null,i?l(c,{isFullInMobile:i.isFullInMobile,buttons:i.buttons,className:i.className,align:"center"}):null]})}function N({dataHeading:e,dataHowItWorks:r,dataButtons:i}){return s("div",{"data-slot":"how-it-works-template-3",children:[e?l(a,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"center",colorScheme:e.colorScheme||"pink",sizeHeading:e.sizeHeading,className:e.className}):null,r&&r.length>0?l("div",{className:"flex flex-col justify-center gap-y-14 md:flex-row md:gap-x-4",children:r.map((t,o)=>s("div",{className:n("relative basis-full text-center","before:contents-['*'] before:absolute before:bg-border first:before:hidden","after:contents-['*'] after:absolute after:bg-border last:after:hidden","before:-top-10 before:start-1/2 before:h-6 before:w-[1px]","md:before:inset-auto md:before:-start-3.5 md:before:top-8 md:before:h-[1px] md:before:w-[calc(50%-2rem)]","after:-bottom-10 after:start-1/2 after:h-6 after:w-[1px]","md:after:inset-auto md:after:-end-3.5 md:after:top-8 md:after:h-[1px] md:after:w-[calc(50%-2rem)]"),children:[t.image?l("span",{className:"mx-auto flex size-12 items-center justify-center rounded-full bg-primary text-primary-foreground md:size-14",children:typeof t.image=="string"?u(t.image)?l("img",{src:t.image,alt:t.title,className:"block object-cover"}):l("span",{className:"[&_svg]:h-6 [&_svg]:w-6 [&_svg]:stroke-current [&_svg]:stroke-2",children:m(t.image.replace(/\n|\r/g,""))}):t.image}):null,s("div",{className:"mt-4 w-full md:mt-6",children:[l("div",{className:"w-full text-xl font-semibold",children:m(t.title)}),t.description?l("div",{className:"mt-2 text-base text-muted-foreground",children:m(t.description)}):null]})]},o))}):null,i?l(c,{isFullInMobile:i.isFullInMobile,buttons:i.buttons,className:i.className,align:"center"}):null]})}export{v as HowItWorksTemplateOne,N as HowItWorksTemplateThree,x as HowItWorksTemplateTwo};