@momo-webplatform/mobase-next 1.0.1 → 1.0.2

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

@@ -12,6 +12,6 @@ import '../../mobase/dialog.mjs';
 import '@base-ui/react/dialog';
 import '@base-ui/react/use-render';
 
-declare function BlogSection({ dataHeading, dataHorizontalScroll, dataBlog, idSection, className, background, template, onClickModal, onClickLoadMore, }: BlogSectionProps): react_jsx_runtime.JSX.Element;
+declare function BlogSection({ dataHeading, dataHorizontalScroll, dataBlog, idSection, className, background, template, onClickModal, onClickLoadMore, editorMode, }: BlogSectionProps): react_jsx_runtime.JSX.Element;
 
 export { BlogSection };

package/dist/components/blocks/BlogSection/BlogSection.mjs

@@ -1 +1 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as a}from"react/jsx-runtime";import{cn as g}from"../../../lib/utils";import{SectionBlock as p}from"../common-blocks/common-blocks";import{BlogSectionTemplateOne as S,BlogSectionTemplateTwo as m}from"./BlogSectionTemplate";function B({dataHeading:o,dataHorizontalScroll:t,dataBlog:e,template:i,onClickModal:l,onClickLoadMore:n}){switch(i){case 2:return a(m,{dataBlog:e,dataHeading:o,dataHorizontalScroll:t,onClickModal:l,onClickLoadMore:n});default:return a(S,{dataBlog:e,dataHeading:o,dataHorizontalScroll:t,onClickModal:l,onClickLoadMore:n})}}function f({dataHeading:o,dataHorizontalScroll:t,dataBlog:e=[],idSection:i,className:l,background:n,template:c=1,onClickModal:r,onClickLoadMore:d}){return a(p,{className:g("overflow-hidden",l),idSection:i,background:n,children:a(B,{dataHeading:o,dataHorizontalScroll:t,dataBlog:e,template:c,onClickModal:r,onClickLoadMore:d})})}export{f as BlogSection};
+import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as a}from"react/jsx-runtime";import{cn as p}from"../../../lib/utils";import{SectionBlock as S}from"../common-blocks/common-blocks";import{BlogSectionTemplateOne as m,BlogSectionTemplateTwo as B}from"./BlogSectionTemplate";function f({dataHeading:o,dataHorizontalScroll:t,dataBlog:e,template:r,onClickModal:l,onClickLoadMore:n,editorMode:i}){switch(r){case 2:return a(B,{dataBlog:e,dataHeading:o,dataHorizontalScroll:t,onClickModal:l,onClickLoadMore:n,editorMode:i});default:return a(m,{dataBlog:e,dataHeading:o,dataHorizontalScroll:t,onClickModal:l,onClickLoadMore:n,editorMode:i})}}function k({dataHeading:o,dataHorizontalScroll:t,dataBlog:e=[],idSection:r,className:l,background:n,template:i=1,onClickModal:c,onClickLoadMore:d,editorMode:g}){return a(S,{className:p("overflow-hidden",l),idSection:r,background:n,children:a(f,{dataHeading:o,dataHorizontalScroll:t,dataBlog:e,template:i,onClickModal:c,onClickLoadMore:d,editorMode:g})})}export{k as BlogSection};

package/dist/components/blocks/BlogSection/templates/BlogSectionTemplateOne.d.mts

@@ -12,6 +12,6 @@ import '../../../mobase/dialog.mjs';
 import '@base-ui/react/dialog';
 import '@base-ui/react/use-render';
 
-declare function BlogSectionTemplateOne({ dataHeading, dataBlog, onClickModal, onClickLoadMore, }: BlogSectionProps): react_jsx_runtime.JSX.Element;
+declare function BlogSectionTemplateOne({ dataHeading, dataHorizontalScroll, dataBlog, onClickModal, onClickLoadMore, editorMode, }: BlogSectionProps): react_jsx_runtime.JSX.Element;
 
 export { BlogSectionTemplateOne };

package/dist/components/blocks/BlogSection/templates/BlogSectionTemplateOne.mjs

@@ -1 +1 @@
-"use client";import"../../../../chunk-7LRQ2WLZ.mjs";import{Fragment as u,jsx as t,jsxs as r}from"react/jsx-runtime";import x from"html-react-parser";import{cn as c}from"../../../../lib/utils";import{Tabs as N,TabsContent as w,TabsList as h,TabsTrigger as y}from"../../../mobase/tabs";import{ActionButton as a}from"../../action-button/action-button";import{HeadingBlock as k}from"../../common-blocks/common-blocks";function b({blog:e}){return r(u,{children:[t("div",{className:"basis-1/2 flex-none pr-3 md:basis-full md:pr-0",children:t("div",{className:"relative block aspect-[16/9] w-full overflow-hidden rounded-md bg-muted",children:r("picture",{children:[t("source",{media:"(min-width: 640px)",srcSet:e.thumbnailDesktop}),t("img",{className:"h-full w-full object-cover",src:e.thumbnailMobile,alt:e.title})]})})}),r("div",{className:"basis-1/2 overflow-hidden md:mt-3 md:basis-full",children:[e.category&&e.categoryUrl&&t("a",{href:e.categoryUrl,target:"_blank",rel:"noreferrer",className:"mb-0.5 block line-clamp-1 text-left text-xs text-primary md:hidden",onClick:l=>l.stopPropagation(),children:e.category}),t("div",{className:"line-clamp-3 text-sm font-medium text-foreground group-hover:text-primary md:line-clamp-none md:text-base",children:e.title}),r("div",{className:"mt-2 flex items-center md:space-x-1",children:[e.category&&e.categoryUrl&&r(u,{children:[t("a",{href:e.categoryUrl,target:"_blank",rel:"noreferrer",className:"hidden text-xs text-primary md:block md:line-clamp-1",onClick:l=>l.stopPropagation(),children:e.category}),e.totalViews?t("span",{className:"hidden flex-none leading-none md:block",children:"."}):null]}),e.totalViews?t("div",{className:"flex-none text-xs text-muted-foreground",children:e.totalViews}):null]})]})]})}function C({dataHeading:e,dataBlog:l,onClickModal:o,onClickLoadMore:n}){var p;const v=(s,i)=>{if(o){o(s);return}window.open(i,"_blank")},f=(s,i)=>r("div",{children:[t("div",{className:c("-mx-3 flex flex-row flex-wrap gap-y-5",s.blogList.length<3?"md:justify-center":""),children:s.blogList.map(m=>t("div",{className:"basis-full min-w-0 px-3 md:basis-1/2 lg:basis-1/3",children:t("div",{onClick:()=>v(m.id,m.url),className:c("group flex cursor-pointer flex-row md:flex-col",s.classNameItem),children:t(b,{blog:m})})},m.id))}),s.isShowBtn?t("div",{className:"mt-8 flex w-full items-center justify-center",children:t(a,{action:n?()=>n(i):s.btnUrl,newTab:s.isNewTab,variant:"outline",children:x(s.btnName||"Xem them")})}):null]},s.title||i);return r("div",{"data-slot":"blog-section-template-1",children:[t(k,{tagline:e==null?void 0:e.tagline,title:e==null?void 0:e.title,description:e==null?void 0:e.description,tagHeading:e==null?void 0:e.tagHeading,align:"center",colorScheme:(e==null?void 0:e.colorScheme)||"pink",sizeHeading:e==null?void 0:e.sizeHeading,className:c(e==null?void 0:e.className)}),l.length>1?r(N,{defaultValue:(p=l[0])==null?void 0:p.title,children:[t("div",{className:"mb-6 overflow-x-auto text-center",children:t(h,{className:"mx-auto inline-flex w-auto",children:l.map((s,i)=>t(y,{value:s.title,children:s.title},s.title+i))})}),l.map((s,i)=>t(w,{value:s.title,children:f(s,i)},s.title+i))]}):l[0]?f(l[0],0):null]})}export{C as BlogSectionTemplateOne};
+"use client";import"../../../../chunk-7LRQ2WLZ.mjs";import{Fragment as u,jsx as i,jsxs as l}from"react/jsx-runtime";import T from"html-react-parser";import{ArrowDownIcon as k,Loader2Icon as d}from"lucide-react";import{cn as c,stripHtml as z}from"../../../../lib/utils";import{HorizontalContent as S,HorizontalNext as P,HorizontalPrevious as U,HorizontalScroll as B}from"../../../mobase/horizontal-scroll";import{Tabs as C,TabsContent as L,TabsList as p,TabsTrigger as x}from"../../../mobase/tabs";import{ActionButton as O}from"../../action-button/action-button";import{HeadingBlock as D}from"../../common-blocks/common-blocks";function I({blog:e}){return l(u,{children:[i("div",{className:"basis-1/2 flex-none pr-3 md:basis-full md:pr-0",children:i("div",{className:"relative block aspect-[16/9] w-full overflow-hidden rounded-md bg-muted",children:l("picture",{children:[i("source",{media:"(min-width: 640px)",srcSet:e.thumbnailDesktop}),i("img",{className:"h-full w-full object-cover",src:e.thumbnailMobile,alt:e.title})]})})}),l("div",{className:"basis-1/2 overflow-hidden md:mt-3 md:basis-full",children:[e.category&&e.categoryUrl&&i("a",{href:e.categoryUrl,target:"_blank",rel:"noreferrer",className:"mb-0.5 block line-clamp-1 text-left text-xs text-primary md:hidden",onClick:m=>m.stopPropagation(),children:e.category}),i("div",{className:"line-clamp-3 text-sm font-medium text-foreground group-hover:text-primary md:line-clamp-none md:text-base",children:e.title}),l("div",{className:"mt-2 flex items-center md:space-x-1",children:[e.category&&e.categoryUrl&&l(u,{children:[i("a",{href:e.categoryUrl,target:"_blank",rel:"noreferrer",className:"hidden text-xs text-primary md:block md:line-clamp-1",onClick:m=>m.stopPropagation(),children:e.category}),e.totalViews?i("span",{className:"hidden flex-none leading-none md:block",children:"."}):null]}),e.totalViews?i("div",{className:"flex-none text-xs text-muted-foreground",children:e.totalViews}):null]})]})]})}function F({dataHeading:e,dataHorizontalScroll:m,dataBlog:r,onClickModal:a,onClickLoadMore:o,editorMode:N}){var v;const{showGradientOverlay:w=!0,gradientOverlayColor:y,className:h}=m||{},b=(t,s)=>{if(a){a(t);return}window.open(s,"_blank")},f=(t,s)=>l("div",{children:[i("div",{className:c("-mx-3 flex flex-row flex-wrap gap-y-5",t.blogList.length<3?"md:justify-center":""),children:t.blogList.map(n=>i("div",{className:"basis-full min-w-0 px-3 md:basis-1/2 lg:basis-1/3",children:i("div",{onClick:()=>b(n.id,n.url),className:c("group flex cursor-pointer flex-row md:flex-col",t.classNameItem),children:i(I,{blog:n})})},n.id))}),t.isShowBtn?i("div",{className:"mt-8 flex w-full items-center justify-center",children:l(O,{action:o?()=>o(s):t.btnUrl,newTab:t.isNewTab,variant:"outline",disabled:t.isLoading,dataUmamiEvent:t.dataUmamiEvent,dataUmamiEventText:z(t.btnName)||"Xem th\xEAm",children:[T(t.btnName||"Xem th\xEAm"),t.isLoading?i(d,{className:"ml-2 size-5 animate-spin","aria-hidden":!0}):o&&!t.btnUrl&&i(k,{className:"-mb-1 ml-2 size-5 animate-bounce","aria-hidden":!0})]})}):null]},t.title||s);return l("div",{"data-slot":"blog-section-template-1",children:[i(D,{tagline:e==null?void 0:e.tagline,title:e==null?void 0:e.title,description:e==null?void 0:e.description,tagHeading:e==null?void 0:e.tagHeading,align:"center",colorScheme:(e==null?void 0:e.colorScheme)||"pink",sizeHeading:e==null?void 0:e.sizeHeading,className:c(e==null?void 0:e.className)}),r.length>1?l(C,{defaultValue:(v=r[0])==null?void 0:v.title,children:[N?i("div",{className:"mb-6 text-center",children:i(p,{className:"mx-auto mb-0 inline-flex w-auto items-center overflow-visible flex-wrap justify-center gap-2",children:r.map((t,s)=>i(x,{value:t.title,children:t.title},t.title+s))})}):l(B,{showGradientOverlay:w,gradientOverlayColor:y,className:h,children:[i(S,{className:"mb-6 text-center",children:i(p,{className:"mx-auto mb-0 inline-flex w-auto items-center overflow-visible",children:r.map((t,s)=>i(x,{value:t.title,children:t.title},t.title+s))})}),i(U,{}),i(P,{})]}),r.map((t,s)=>i(L,{value:t.title,children:f(t,s)},t.title+s))]}):r[0]?f(r[0],0):null]})}export{F as BlogSectionTemplateOne};

package/dist/components/blocks/BlogSection/templates/BlogSectionTemplateTwo.mjs

@@ -1 +1 @@
-"use client";import"../../../../chunk-7LRQ2WLZ.mjs";import{Fragment as v,jsx as s,jsxs as m}from"react/jsx-runtime";import{memo as w,useEffect as k,useState as x}from"react";import y from"html-react-parser";import{ChevronLeftIcon as d,ChevronRightIcon as B}from"lucide-react";import{cn as h}from"../../../../lib/utils";import{Button as N}from"../../../mobase/button";import{Carousel as S,CarouselContent as P,CarouselItem as I}from"../../../mobase/carousel";import{ActionButton as A}from"../../action-button/action-button";import{HeadingBlock as T}from"../../common-blocks/common-blocks";const D=({blog:e})=>{var i;const t=(n,l)=>{n==null||n.preventDefault(),n==null||n.stopPropagation(),window.open(l,"_blank")};return m(v,{children:[s("div",{className:"relative block aspect-[16/9] w-full overflow-hidden rounded-md bg-muted",children:s("img",{className:"inset-0 h-full w-full object-cover",src:e==null?void 0:e.thumbnailDesktop,alt:e==null?void 0:e.title})}),m("div",{className:"mt-4 md:pr-3",children:[s("div",{className:"font-semibold text-foreground group-hover:text-primary md:text-lg md:leading-tight",children:e==null?void 0:e.title}),(e==null?void 0:e.description)&&s("div",{className:"mt-2 line-clamp-2 text-sm text-muted-foreground md:text-sm",children:y((i=e==null?void 0:e.description)!=null?i:"")}),m("div",{className:"mt-2 flex items-center space-x-1",children:[(e==null?void 0:e.category)&&(e==null?void 0:e.categoryUrl)&&m(v,{children:[s(N,{type:"button",variant:"link",className:"h-auto shrink-0 justify-start whitespace-normal p-0 text-left text-sm font-normal text-primary md:line-clamp-1",onClick:n=>t(n,(e==null?void 0:e.categoryUrl)||""),children:e==null?void 0:e.category}),(e==null?void 0:e.category)&&(e==null?void 0:e.totalViews)&&s("span",{className:"flex-none leading-none text-muted-foreground/50",children:"\xB7"})]}),(e==null?void 0:e.totalViews)&&s("div",{className:"flex-none text-sm text-muted-foreground",children:e.totalViews})]})]})]})},E=({dataBlog:e,setCarouselRef:t,carouselRef:i,setCurrent:n,handleOnClickItem:l})=>{const{blogList:u=[],isShowBtn:c,btnName:a,btnUrl:p="#",isNewTab:f,classNameItem:o}=e!=null?e:{};return k(()=>{!i||!n||(n(i.selectedScrollSnap()+1),i.on("select",()=>{n&&n(i.selectedScrollSnap()+1)}))},[i,n]),m(v,{children:[s(S,{opts:{dragFree:!1},setApi:t,className:"w-full",children:s(P,{classNameContent:"!overflow-visible",className:"-ml-5",children:u==null?void 0:u.map(r=>s(I,{className:"basis-11/12 pl-5 md:basis-1/2 lg:basis-4/12",children:s("div",{onClick:C=>l(C,r==null?void 0:r.id,r==null?void 0:r.url),className:h("group cursor-pointer",o),children:s(D,{blog:r})},r==null?void 0:r.id)},r==null?void 0:r.id))})}),c&&s("div",{className:"mt-8 flex w-full items-center justify-center md:mt-10",children:m(A,{action:p&&p,newTab:f,variant:"outline",children:[y(a||"Xem th\xEAm")," "]})})]})},M=({carouselRef:e})=>m(N,{type:"button",variant:"secondary",size:"icon-sm",className:"rounded-full",onClick:()=>e==null?void 0:e.scrollPrev(),disabled:!(e!=null&&e.canScrollPrev()),children:[s(d,{className:"size-6"}),s("span",{className:"sr-only",children:"Previous slide"})]}),z=({carouselRef:e})=>m(N,{type:"button",variant:"secondary",size:"icon-sm",className:"rounded-full",onClick:()=>e==null?void 0:e.scrollNext(),disabled:!(e!=null&&e.canScrollNext()),children:[s(B,{className:"size-6"}),s("span",{className:"sr-only",children:"Next slide"})]}),q=w(function({dataHeading:t,dataBlog:i,onClickModal:n,onClickLoadMore:l}){const u=(o,r,C)=>{o==null||o.preventDefault(),o==null||o.stopPropagation(),n?n(r):window.open(C,"_blank")},[c,a]=x(null),[,p]=x(0),f=()=>c?m("div",{className:"ml-3 hidden items-center space-x-2 md:flex",children:[s(M,{carouselRef:c}),s(z,{carouselRef:c})]}):s(v,{});return m("div",{"data-slot":"blog-section-template-2",children:[m("div",{className:"flex items-center justify-between",children:[t&&s(T,{tagline:t==null?void 0:t.tagline,title:t==null?void 0:t.title,description:t==null?void 0:t.description,tagHeading:t==null?void 0:t.tagHeading,align:"left",colorScheme:(t==null?void 0:t.colorScheme)||"pink",sizeHeading:t==null?void 0:t.sizeHeading,className:h(t==null?void 0:t.className)}),s(f,{})]}),s(E,{dataBlog:i==null?void 0:i[0],onClickLoadMore:l,index:0,setCarouselRef:a,carouselRef:c,setCurrent:p,handleOnClickItem:u})]})});export{q as BlogSectionTemplateTwo};
+"use client";import"../../../../chunk-7LRQ2WLZ.mjs";import{Fragment as f,jsx as r,jsxs as m}from"react/jsx-runtime";import{memo as B,useEffect as S,useState as w}from"react";import h from"html-react-parser";import{ChevronLeftIcon as P,ChevronRightIcon as I}from"lucide-react";import{cn as y,stripHtml as E}from"../../../../lib/utils";import{Button as d}from"../../../mobase/button";import{Carousel as T,CarouselContent as A,CarouselItem as D}from"../../../mobase/carousel";import{ActionButton as z}from"../../action-button/action-button";import{HeadingBlock as M}from"../../common-blocks/common-blocks";const k=({blog:e})=>{var i;const t=(n,p)=>{n==null||n.preventDefault(),n==null||n.stopPropagation(),window.open(p,"_blank")};return m(f,{children:[r("div",{className:"relative block aspect-[16/9] w-full overflow-hidden rounded-md bg-muted",children:r("img",{className:"inset-0 h-full w-full object-cover",src:e==null?void 0:e.thumbnailDesktop,alt:e==null?void 0:e.title})}),m("div",{className:"mt-4 md:pr-3",children:[r("div",{className:"font-semibold text-foreground group-hover:text-primary md:text-lg md:leading-tight",children:e==null?void 0:e.title}),(e==null?void 0:e.description)&&r("div",{className:"mt-2 line-clamp-2 text-sm text-muted-foreground md:text-sm",children:h((i=e==null?void 0:e.description)!=null?i:"")}),m("div",{className:"mt-2 flex items-center space-x-1",children:[(e==null?void 0:e.category)&&(e==null?void 0:e.categoryUrl)&&m(f,{children:[r(d,{type:"button",variant:"link",className:"h-auto shrink-0 justify-start whitespace-normal p-0 text-left text-sm font-normal text-primary md:line-clamp-1",onClick:n=>t(n,(e==null?void 0:e.categoryUrl)||""),children:e==null?void 0:e.category}),(e==null?void 0:e.category)&&(e==null?void 0:e.totalViews)&&r("span",{className:"flex-none leading-none text-muted-foreground/50",children:"\xB7"})]}),(e==null?void 0:e.totalViews)&&r("div",{className:"flex-none text-sm text-muted-foreground",children:e.totalViews})]})]})]})},U=({dataBlog:e,setCarouselRef:t,carouselRef:i,setCurrent:n,handleOnClickItem:p,editorMode:u})=>{const{blogList:o=[],isShowBtn:l,btnName:a,btnUrl:v="#",isNewTab:N,classNameItem:c,dataUmamiEvent:C}=e!=null?e:{};return S(()=>{u||!i||!n||(n(i.selectedScrollSnap()+1),i.on("select",()=>{n&&n(i.selectedScrollSnap()+1)}))},[i,n,u]),m(f,{children:[u?r("div",{className:"flex flex-wrap gap-5",children:o==null?void 0:o.map(s=>r("div",{onClick:x=>p(x,s==null?void 0:s.id,s==null?void 0:s.url),className:y("group cursor-pointer basis-full md:basis-[calc(50%-10px)] lg:basis-[calc(33.33%-14px)]",c),children:r(k,{blog:s})},s==null?void 0:s.id))}):r(T,{opts:{dragFree:!1},setApi:t,className:"w-full",children:r(A,{classNameContent:"!overflow-visible",className:"-ml-5",children:o==null?void 0:o.map(s=>r(D,{className:"basis-11/12 pl-5 md:basis-1/2 lg:basis-4/12",children:r("div",{onClick:x=>p(x,s==null?void 0:s.id,s==null?void 0:s.url),className:y("group cursor-pointer",c),children:r(k,{blog:s})},s==null?void 0:s.id)},s==null?void 0:s.id))})}),l&&r("div",{className:"mt-8 flex w-full items-center justify-center md:mt-10",children:m(z,{action:v&&v,newTab:N,variant:"outline",dataUmamiEvent:C,dataUmamiEventText:E(a)||"Xem th\xEAm",children:[h(a||"Xem th\xEAm")," "]})})]})},j=({carouselRef:e})=>m(d,{type:"button",variant:"secondary",size:"icon-sm",className:"rounded-full",onClick:()=>e==null?void 0:e.scrollPrev(),disabled:!(e!=null&&e.canScrollPrev()),children:[r(P,{className:"size-6"}),r("span",{className:"sr-only",children:"Previous slide"})]}),L=({carouselRef:e})=>m(d,{type:"button",variant:"secondary",size:"icon-sm",className:"rounded-full",onClick:()=>e==null?void 0:e.scrollNext(),disabled:!(e!=null&&e.canScrollNext()),children:[r(I,{className:"size-6"}),r("span",{className:"sr-only",children:"Next slide"})]}),K=B(function({dataHeading:t,dataBlog:i,onClickModal:n,onClickLoadMore:p,editorMode:u}){const o=(c,C,s)=>{c==null||c.preventDefault(),c==null||c.stopPropagation(),n?n(C):window.open(s,"_blank")},[l,a]=w(null),[,v]=w(0),N=()=>u||!l?r(f,{}):m("div",{className:"ml-3 hidden items-center space-x-2 md:flex",children:[r(j,{carouselRef:l}),r(L,{carouselRef:l})]});return m("div",{"data-slot":"blog-section-template-2",children:[m("div",{className:"flex items-center justify-between",children:[t&&r(M,{tagline:t==null?void 0:t.tagline,title:t==null?void 0:t.title,description:t==null?void 0:t.description,tagHeading:t==null?void 0:t.tagHeading,align:"left",colorScheme:(t==null?void 0:t.colorScheme)||"pink",sizeHeading:t==null?void 0:t.sizeHeading,className:y(t==null?void 0:t.className)}),r(N,{})]}),r(U,{dataBlog:i==null?void 0:i[0],onClickLoadMore:p,index:0,setCarouselRef:a,carouselRef:l,setCurrent:v,handleOnClickItem:o,editorMode:u})]})});export{K as BlogSectionTemplateTwo};

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

@@ -31,6 +31,7 @@ interface DataBlogProps {
     btnName?: string;
     isNewTab?: boolean;
     isLoading?: boolean;
+    dataUmamiEvent?: string;
 }
 interface DataHorizontalScrollProps {
     showGradientOverlay?: boolean;

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

@@ -12,6 +12,6 @@ import '../../mobase/dialog.mjs';
 import '@base-ui/react/dialog';
 import '@base-ui/react/use-render';
 
-declare function CTASection({ template, background, className, idSection, dataHeading, dataCTA, dataButtons, dataMedia, }: CTASectionProps): react_jsx_runtime.JSX.Element;
+declare function CTASection({ template, background, className, idSection, dataHeading, dataCTA, dataButtons, dataMedia, editorMode, }: CTASectionProps): react_jsx_runtime.JSX.Element;
 
 export { CTASection };

package/dist/components/blocks/CTASection/CTASection.mjs

@@ -1 +1 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as n}from"react/jsx-runtime";import{SectionBlock as T}from"../common-blocks/common-blocks";import{CTATemplateOne as p,CTATemplateTwo as C}from"./CTASectionTemplate";function m({template:i,dataHeading:t,dataCTA:a,dataButtons:o,dataMedia:e}){switch(i){case 2:return n(C,{dataHeading:t,dataCTA:a,dataButtons:o,dataMedia:e});default:return n(p,{dataHeading:t,dataCTA:a,dataButtons:o,dataMedia:e})}}function s({template:i=1,background:t,className:a,idSection:o,dataHeading:e,dataCTA:c,dataButtons:d,dataMedia:r}){return n(T,{className:a,idSection:o,background:t,children:n(m,{template:i,dataHeading:e,dataCTA:c,dataButtons:d,dataMedia:r})})}export{s as CTASection};
+import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as i}from"react/jsx-runtime";import{SectionBlock as p}from"../common-blocks/common-blocks";import{CTATemplateOne as C,CTATemplateTwo as m}from"./CTASectionTemplate";function s({template:d,dataHeading:t,dataCTA:o,dataButtons:e,dataMedia:a,editorMode:n}){switch(d){case 2:return i(m,{dataHeading:t,dataCTA:o,dataButtons:e,dataMedia:a,editorMode:n});default:return i(C,{dataHeading:t,dataCTA:o,dataButtons:e,dataMedia:a,editorMode:n})}}function u({template:d=1,background:t,className:o,idSection:e,dataHeading:a,dataCTA:n,dataButtons:c,dataMedia:T,editorMode:r}){return i(p,{className:o,idSection:e,background:t,editorMode:r,children:i(s,{template:d,dataHeading:a,dataCTA:n,dataButtons:c,dataMedia:T,editorMode:r})})}export{u as CTASection};

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

@@ -1,5 +1,5 @@
 export { CTASection } from './CTASection.mjs';
-export { CTABlockData, CTAMedia, CTASectionProps } from './utils.mjs';
+export { CTABlockData, CTAMedia, CTASectionData, CTASectionProps } from './utils.mjs';
 import 'react/jsx-runtime';
 import '../common-blocks/utils.mjs';
 import '../action-button/utils.mjs';

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

@@ -56,5 +56,6 @@ interface CTASectionProps extends SectionBlockProps {
      */
     dataMedia?: CTAMedia;
 }
+type CTASectionData = CTABlockData;
 
-export type { CTABlockData, CTAMedia, CTASectionProps };
+export type { CTABlockData, CTAMedia, CTASectionData, CTASectionProps };

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

@@ -12,6 +12,6 @@ import '../../mobase/dialog.mjs';
 import '@base-ui/react/dialog';
 import '@base-ui/react/use-render';
 
-declare function FAQSection({ dataHeading, dataFAQ, className, background, idSection, dataButtons, dataHorizontalScroll, template, }: FAQSectionProps): react_jsx_runtime.JSX.Element;
+declare function FAQSection({ dataHeading, dataFAQ, className, background, idSection, dataButtons, dataHorizontalScroll, template, editorMode, }: FAQSectionProps): react_jsx_runtime.JSX.Element;
 
 export { FAQSection };

package/dist/components/blocks/FAQSection/FAQSection.mjs

@@ -1 +1 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as n}from"react/jsx-runtime";import{SectionBlock as d}from"../common-blocks/common-blocks";import{FAQTemplateOne as p,FAQTemplateTwo as S}from"./FAQTemplate";function m({dataHeading:t,dataFAQ:o,template:i,dataButtons:a,dataHorizontalScroll:e}){switch(i){case 2:return n(S,{dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:e});default:return n(p,{dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:e})}}function s({dataHeading:t,dataFAQ:o=[],className:i,background:a,idSection:e,dataButtons:r,dataHorizontalScroll:c,template:l=1}){return n(d,{className:i,idSection:e,background:a,children:n(m,{dataHeading:t,dataFAQ:o,template:l,dataHorizontalScroll:c,dataButtons:r})})}export{s as FAQSection};
+import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as i}from"react/jsx-runtime";import{SectionBlock as p}from"../common-blocks/common-blocks";import{FAQTemplateOne as S,FAQTemplateTwo as m}from"./FAQTemplate";function s({dataHeading:t,dataFAQ:o,template:r,dataButtons:e,dataHorizontalScroll:a,editorMode:n}){switch(r){case 2:return i(m,{dataFAQ:o,dataHeading:t,dataButtons:e,dataHorizontalScroll:a,editorMode:n});default:return i(S,{dataFAQ:o,dataHeading:t,dataButtons:e,dataHorizontalScroll:a,editorMode:n})}}function u({dataHeading:t,dataFAQ:o=[],className:r,background:e,idSection:a,dataButtons:n,dataHorizontalScroll:d,template:l=1,editorMode:c}){return i(p,{className:r,idSection:a,background:e,editorMode:c,children:i(s,{dataHeading:t,dataFAQ:o,template:l,dataHorizontalScroll:d,dataButtons:n,editorMode:c})})}export{u as FAQSection};

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

@@ -12,6 +12,6 @@ import '../../mobase/dialog.mjs';
 import '@base-ui/react/dialog';
 import '@base-ui/react/use-render';
 
-declare const FeatureSection: ({ template, background, className, idSection, dataHeading, dataFeatures, dataButtons, dataBanner, }: FeatureSectionProps) => react_jsx_runtime.JSX.Element;
+declare const FeatureSection: ({ template, background, className, idSection, dataHeading, dataFeatures, dataButtons, dataBanner, editorMode, }: FeatureSectionProps) => react_jsx_runtime.JSX.Element;
 
 export { FeatureSection };

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

@@ -1 +1 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{Fragment as C,jsx as r}from"react/jsx-runtime";import{cn as i}from"../../../lib/utils";import{SectionBlock as F}from"../common-blocks/common-blocks";import{FeatureTemplateEight as m,FeatureTemplateElevent as l,FeatureTemplateFive as d,FeatureTemplateFour as T,FeatureTemplateNine as S,FeatureTemplateOne as o,FeatureTemplateSeven as B,FeatureTemplateSix as P,FeatureTemplateTen as f,FeatureTemplateThree as g,FeatureTemplateTwo as k}from"./FeatureTemlates";const h=({template:u,dataHeading:e,dataFeatures:t,dataButtons:a,dataBanner:n})=>{switch(u){case 1:return r(o,{dataHeading:e,dataFeatures:t,dataButtons:a});case 2:return r(k,{dataHeading:e,dataFeatures:t,dataButtons:a});case 3:return r(g,{dataHeading:e,dataFeatures:t,dataButtons:a});case 4:return r(T,{dataHeading:e,dataFeatures:t,dataButtons:a});case 5:return r(d,{dataHeading:e,dataFeatures:t,dataButtons:a});case 6:return r(P,{dataHeading:e,dataFeatures:t,dataButtons:a});case 7:return r(B,{dataHeading:e,dataFeatures:t,dataButtons:a});case 8:return r(m,{dataHeading:e,dataFeatures:t,dataButtons:a});case 9:return r(S,{dataHeading:e,dataFeatures:t,dataButtons:a,dataBanner:n});case 10:return r(f,{dataHeading:e,dataFeatures:t,dataBanner:n,dataButtons:a});case 11:return r(l,{dataHeading:e,dataFeatures:t,dataBanner:n,dataButtons:a});default:return r(o,{dataHeading:e,dataFeatures:t,dataButtons:a})}};function v({template:u,dataHeading:e,dataFeatures:t,dataButtons:a,dataBanner:n}){return r(C,{children:h({template:u,dataHeading:e,dataFeatures:t,dataButtons:a,dataBanner:n})})}const E=({template:u=1,background:e,className:t,idSection:a,dataHeading:n,dataFeatures:c,dataButtons:s,dataBanner:p})=>r(F,{className:i(t),idSection:a,background:e,children:r(v,{template:u,dataHeading:n,dataFeatures:c,dataButtons:s,dataBanner:p})});export{E as FeatureSection};
+import"../../../chunk-7LRQ2WLZ.mjs";import{Fragment as H,jsx as n}from"react/jsx-runtime";import{cn as d}from"../../../lib/utils";import{SectionBlock as F}from"../common-blocks/common-blocks";import{FeatureTemplateEight as m,FeatureTemplateElevent as l,FeatureTemplateFive as T,FeatureTemplateFour as S,FeatureTemplateNine as B,FeatureTemplateOne as i,FeatureTemplateSeven as P,FeatureTemplateSix as f,FeatureTemplateTen as g,FeatureTemplateThree as k,FeatureTemplateTwo as h}from"./FeatureTemlates";const v=({template:u,dataHeading:e,dataFeatures:t,dataButtons:a,dataBanner:o,editorMode:r})=>{switch(u){case 1:return n(i,{dataHeading:e,dataFeatures:t,dataButtons:a,editorMode:r});case 2:return n(h,{dataHeading:e,dataFeatures:t,dataButtons:a,editorMode:r});case 3:return n(k,{dataHeading:e,dataFeatures:t,dataButtons:a,editorMode:r});case 4:return n(S,{dataHeading:e,dataFeatures:t,dataButtons:a,editorMode:r});case 5:return n(T,{dataHeading:e,dataFeatures:t,dataButtons:a,editorMode:r});case 6:return n(f,{dataHeading:e,dataFeatures:t,dataButtons:a,editorMode:r});case 7:return n(P,{dataHeading:e,dataFeatures:t,dataButtons:a,editorMode:r});case 8:return n(m,{dataHeading:e,dataFeatures:t,dataButtons:a,editorMode:r});case 9:return n(B,{dataHeading:e,dataFeatures:t,dataButtons:a,dataBanner:o,editorMode:r});case 10:return n(g,{dataHeading:e,dataFeatures:t,dataBanner:o,dataButtons:a,editorMode:r});case 11:return n(l,{dataHeading:e,dataFeatures:t,dataBanner:o,dataButtons:a,editorMode:r});default:return n(i,{dataHeading:e,dataFeatures:t,dataButtons:a,editorMode:r})}};function C({template:u,dataHeading:e,dataFeatures:t,dataButtons:a,dataBanner:o,editorMode:r}){return n(H,{children:v({template:u,dataHeading:e,dataFeatures:t,dataButtons:a,dataBanner:o,editorMode:r})})}const E=({template:u=1,background:e,className:t,idSection:a,dataHeading:o,dataFeatures:r,dataButtons:s,dataBanner:p,editorMode:c})=>n(F,{className:d(t),idSection:a,background:e,editorMode:c,children:n(C,{template:u,dataHeading:o,dataFeatures:r,dataButtons:s,dataBanner:p,editorMode:c})});export{E as FeatureSection};

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

@@ -12,8 +12,8 @@ import '../../mobase/dialog.mjs';
 import '@base-ui/react/dialog';
 import '@base-ui/react/use-render';
 
-type FeatureTemplateStandardProps = Pick<FeatureSectionProps, "dataHeading" | "dataFeatures" | "dataButtons">;
-type FeatureTemplateBannerProps = Pick<FeatureSectionProps, "dataHeading" | "dataFeatures" | "dataButtons" | "dataBanner">;
+type FeatureTemplateStandardProps = Pick<FeatureSectionProps, "dataHeading" | "dataFeatures" | "dataButtons" | "editorMode">;
+type FeatureTemplateBannerProps = Pick<FeatureSectionProps, "dataHeading" | "dataFeatures" | "dataButtons" | "dataBanner" | "editorMode">;
 declare function FeatureTemplateOne({ dataHeading, dataFeatures, dataButtons }: FeatureTemplateStandardProps): react_jsx_runtime.JSX.Element;
 declare function FeatureTemplateTwo({ dataHeading, dataFeatures, dataButtons }: FeatureTemplateStandardProps): react_jsx_runtime.JSX.Element;
 declare function FeatureTemplateThree({ dataHeading, dataFeatures, dataButtons }: FeatureTemplateStandardProps): react_jsx_runtime.JSX.Element;

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

@@ -12,6 +12,6 @@ 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;
+declare function GiftListSection({ template, className, idSection, background, dataHeading, dataButtons, dataGiftList, editorMode, }: GiftListSectionProps): react_jsx_runtime.JSX.Element;
 
 export { GiftListSection };

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

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

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

@@ -12,6 +12,6 @@ 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;
+declare function GiftListTemplateOne({ dataHeading, dataButtons, dataGiftList, }: GiftListSectionProps): react_jsx_runtime.JSX.Element;
 
 export { GiftListTemplateOne };

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

@@ -1 +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};
+"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 h}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 v="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(h({variant:"link",size:"sm"}),v),onClick:a=>{a.stopPropagation()},children:m}):r=t(f,{variant:"link",size:"sm",type:"button",className:v,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-destructive/80 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:"prose prose-sm mt-6 text-muted-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/GuideSection/GuideSection.d.mts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { GuideSectionProps } from './utils.mjs';
+import '../../mobase/horizontal-scroll.mjs';
+import '../../mobase/button.mjs';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import 'react';
+import '../common-blocks/utils.mjs';
+import '../action-button/utils.mjs';
+import '../dialog-qr/DialogQr.mjs';
+import '../../mobase/dialog.mjs';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';
+
+declare function GuideSection({ idSection, dataHeading, dataGuide, dataHorizontalScroll, dataButtons, className, background, template, mockup, isStep, editorMode, }: GuideSectionProps): react_jsx_runtime.JSX.Element;
+
+export { GuideSection };

package/dist/components/blocks/GuideSection/GuideSection.mjs

@@ -0,0 +1 @@
+import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as r}from"react/jsx-runtime";import{SectionBlock as S}from"../common-blocks/common-blocks";import{GuideSectionTemplateOne as s}from"./GuideSectionTemplate";function m({dataHeading:t,dataHorizontalScroll:o,dataGuide:e,dataButtons:i,template:a,mockup:d,isStep:n,editorMode:c}){switch(a){case 1:default:return r(s,{dataHeading:t,dataHorizontalScroll:o,dataGuide:e,dataButtons:i,mockup:d,isStep:n,editorMode:c})}}function f({idSection:t,dataHeading:o,dataGuide:e,dataHorizontalScroll:i,dataButtons:a,className:d,background:n,template:c=1,mockup:u="default",isStep:l=!1,editorMode:p}){return r(S,{className:d,background:n,idSection:t,children:r(m,{dataHeading:o,template:c,dataHorizontalScroll:i,dataGuide:e,dataButtons:a,mockup:u,isStep:l,editorMode:p})})}export{f as GuideSection};

package/dist/components/blocks/GuideSection/GuideSectionTemplate.d.mts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { GuideSectionProps } from './utils.mjs';
+import '../../mobase/horizontal-scroll.mjs';
+import 'react/jsx-runtime';
+import '../../mobase/button.mjs';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import '../common-blocks/utils.mjs';
+import '../action-button/utils.mjs';
+import '../dialog-qr/DialogQr.mjs';
+import '../../mobase/dialog.mjs';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';
+
+declare const GuideSectionTemplateOne: React.NamedExoticComponent<GuideSectionProps>;
+
+export { GuideSectionTemplateOne };

package/dist/components/blocks/GuideSection/GuideSectionTemplate.mjs

@@ -0,0 +1 @@
+"use client";import{a as g,b,c as T}from"../../../chunk-7LRQ2WLZ.mjs";import{Fragment as j,jsx as e,jsxs as i}from"react/jsx-runtime";import{memo as H,useState as O}from"react";import x from"html-react-parser";import{cn as c}from"../../../lib/utils";import{HorizontalContent as P,HorizontalNext as L,HorizontalPrevious as B,HorizontalScroll as S}from"../../mobase/horizontal-scroll";import{Tabs as A,TabsContent as M,TabsList as y,TabsTrigger as N}from"../../mobase/tabs";import{ButtonsBlock as D,HeadingBlock as I}from"../common-blocks/common-blocks";import{GuideUIDesktopTempOne as k}from"./GuideUIDesktop";import{GuideUIMobileTempOne as U}from"./GuideUIMobile";function C({active:a}){return e("svg",{"aria-hidden":"true",className:c("absolute -right-4 top-0 z-10 h-10 w-4 transition-colors",a?"text-primary":"text-primary/10"),fill:"none",viewBox:"0 0 20 40",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M0 0H1.25L20 20L1.25 40H0L18.75 20L0 0Z",fill:"currentColor"})})}function V({dataGuide:a,dataHorizontalScroll:n,mockup:m,isStep:o,editorMode:p}){var f,h;const[s,u]=O((h=(f=a[0])==null?void 0:f.title)!=null?h:""),w=n!=null?n:{},{showGradientOverlay:d=!0,gradientOverlayColor:l,className:G}=w,z=T(w,["showGradientOverlay","gradientOverlayColor","className"]);return i(A,{"data-slot":"guide-tabs",value:s,onValueChange:t=>u(t),className:"gap-8",children:[p?e("div",{className:"mb-6 text-center",children:e(y,{className:"mx-auto mb-0 inline-flex w-auto items-center overflow-visible flex-wrap justify-center gap-2",children:a.map((t,r)=>{const v=s===t.title;return i(N,{"data-slot":"guide-tabs-trigger",value:t.title,className:c("min-w-max",o&&"relative h-10 rounded-none border-0 bg-primary/10 px-5 text-primary shadow-none first:rounded-l-md first:pl-6 last:rounded-r-md last:pr-6 data-active:bg-primary data-active:text-primary-foreground data-active:shadow-none"),children:[o?i("span",{className:"font-semibold",children:["B\u01B0\u1EDBc ",r+1]}):x(t.title),o&&r<a.length-1?e(C,{active:v}):null]},r)})})}):i(S,b(g({showGradientOverlay:d,gradientOverlayColor:l,className:c("relative mx-auto max-w-full",G)},z),{children:[e(P,{className:"mx-auto flex",children:e(y,{className:c("mx-auto flex-nowrap",o&&"gap-0 rounded-md bg-transparent p-0"),children:a.map((t,r)=>{const v=s===t.title;return i(N,{"data-slot":"guide-tabs-trigger",value:t.title,className:c("min-w-max",o&&"relative h-10 rounded-none border-0 bg-primary/10 px-5 text-primary shadow-none first:rounded-l-md first:pl-6 last:rounded-r-md last:pr-6 data-active:bg-primary data-active:text-primary-foreground data-active:shadow-none"),children:[o?i("span",{className:"font-semibold",children:["B\u01B0\u1EDBc ",r+1]}):x(t.title),o&&r<a.length-1?e(C,{active:v}):null]},r)})})}),e(B,{}),e(L,{})]})),a.map((t,r)=>e(M,{"data-slot":"guide-tabs-content",value:t.title,children:e(k,{guideGroup:t,mockup:m,editorMode:p})},r))]})}const Z=H(function({dataHeading:n,dataGuide:m,dataHorizontalScroll:o,dataButtons:p,mockup:s="default",isStep:u=!1,editorMode:d}){const l=m!=null?m:[];return i("div",{"data-slot":"guide-section-template-1",className:"guide-section-template-1",children:[e(I,b(g({},n),{className:"mb-8 md:mb-10"})),l.length>0?i(j,{children:[e("div",{"data-slot":"guide-section-mobile",className:"md:hidden",children:e(U,{dataGuide:l,mockup:s,isStep:u,editorMode:d})}),e("div",{"data-slot":"guide-section-desktop",className:"hidden md:block",children:l.length>1?e(V,{dataGuide:l,dataHorizontalScroll:o,mockup:s,isStep:u,editorMode:d}):e(k,{guideGroup:l[0],mockup:s,editorMode:d})})]}):null,e(D,g({},p))]})});export{Z as GuideSectionTemplateOne};

package/dist/components/blocks/GuideSection/GuideUIDesktop.d.mts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { GuideSectionProps, GuideDataProps } from './utils.mjs';
+import '../../mobase/horizontal-scroll.mjs';
+import '../../mobase/button.mjs';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import '../common-blocks/utils.mjs';
+import '../action-button/utils.mjs';
+import '../dialog-qr/DialogQr.mjs';
+import '../../mobase/dialog.mjs';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';
+
+declare function PhoneFrame({ mockup, children, className, }: {
+    mockup: GuideSectionProps["mockup"];
+    children: ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function GuideUIDesktopTempOne({ guideGroup, mockup, editorMode, }: {
+    guideGroup: GuideDataProps;
+    isMultiGuide?: boolean;
+    mockup: GuideSectionProps["mockup"];
+    editorMode?: boolean;
+}): react_jsx_runtime.JSX.Element | null;
+
+export { GuideUIDesktopTempOne, PhoneFrame };

package/dist/components/blocks/GuideSection/GuideUIDesktop.mjs

@@ -0,0 +1 @@
+"use client";import"../../../chunk-7LRQ2WLZ.mjs";import{Fragment as S,jsx as e,jsxs as n}from"react/jsx-runtime";import{useEffect as y,useState as p}from"react";import f from"html-react-parser";import{AnimatePresence as x,motion as N}from"motion/react";import{cn as i}from"../../../lib/utils";import{AspectRatio as g}from"../../mobase/aspect-ratio";import{Carousel as w,CarouselContent as C,CarouselItem as k,CarouselNext as A,CarouselPrevious as P}from"../../mobase/carousel";function h({mockup:t,children:r,className:l}){return n("div",{"data-slot":"guide-phone-frame",className:i("relative mx-auto w-full",t==="none"?"":"rounded-[2.5rem] border-8 border-gray-10 bg-gray-10 shadow-md",t==="small"?"px-1 py-5":"",l),children:[t==="none"?null:n(S,{children:[e("div",{className:"absolute -start-2.5 top-16 h-8 w-1.5 rounded-s-lg bg-gray-10"}),e("div",{className:"absolute -start-2.5 top-32 h-12 w-1.5 rounded-s-lg bg-gray-10"}),e("div",{className:"absolute -start-2.5 top-48 h-12 w-1.5 rounded-s-lg bg-gray-10"}),e("div",{className:"absolute -end-2.5 top-40 h-16 w-1 rounded-e-lg bg-gray-10"})]}),e("div",{"data-slot":"guide-phone-screen",className:i("relative h-full w-full overflow-hidden",t==="none"?"":"rounded-4xl bg-muted",t==="small"?"rounded-xl":""),children:r})]})}function L({guideGroup:t,mockup:r,editorMode:l}){var c;const[s,b]=p(),[d,m]=p(1),v={open:{height:"auto",opacity:1,y:0,transition:{height:{duration:.24,ease:[.22,1,.36,1]},opacity:{duration:.18,ease:"easeOut"},y:{duration:.18,ease:"easeOut"}}},closed:{height:0,opacity:0,y:-4,transition:{height:{duration:.18,ease:[.4,0,1,1]},opacity:{duration:.12,ease:"easeIn"},y:{duration:.12,ease:"easeIn"}}}};return y(()=>{if(l||!s)return;const a=()=>{m(s.selectedScrollSnap()+1)};return a(),s.on("select",a),()=>{s.off("select",a)}},[s,l]),t.stepList.length?n("div",{"data-slot":"guide-desktop",className:"mx-auto flex max-w-3xl flex-nowrap justify-center",children:[e("div",{"data-slot":"guide-desktop-media",className:"h-auto w-64 flex-none",children:e(h,{mockup:r,children:l?e(g,{ratio:r==="small"?540/960:540/1168,children:(c=t.stepList[d-1])!=null&&c.image?e("img",{src:t.stepList[d-1].image,className:"size-full object-contain",alt:t.stepList[d-1].title,loading:"lazy"}):null}):n(w,{setApi:b,children:[e(C,{className:"ml-0",children:t.stepList.map((a,o)=>e(k,{className:"pl-0",children:e(g,{ratio:r==="small"?540/960:540/1168,children:a.image?e("img",{src:a.image,className:"size-full object-contain",alt:a.title,loading:"lazy"}):null})},o))}),e(P,{className:"left-1 border-none bg-gray-10/30 text-white hover:bg-gray-10/40 hover:text-white disabled:hidden"}),e(A,{className:"right-1 border-none bg-gray-10/30 text-white hover:bg-gray-10/40 hover:text-white disabled:hidden"})]})})}),e("div",{"data-slot":"guide-desktop-steps",className:"flex flex-auto pl-12 pt-4",children:e("ul",{className:"flex flex-col",children:t.stepList.map((a,o)=>{const u=o+1===d;return n("li",{"data-slot":"guide-desktop-step",className:i("relative min-h-20 pb-8 pl-14 after:absolute after:left-4 after:top-0 after:h-full after:border-l after:border-dashed after:border-border last:min-h-0 last:pb-0 last:after:hidden",u?"":"cursor-pointer"),onClick:()=>{l?m(o+1):s==null||s.scrollTo(o)},children:[e("div",{"data-slot":"guide-desktop-step-number",className:i("absolute -top-1.5 left-0 z-10 flex h-8 w-8 items-center justify-center rounded-full text-sm font-bold",u?"bg-primary text-primary-foreground":"bg-primary/10 text-primary"),children:o+1}),e("div",{"data-slot":"guide-desktop-step-title",className:i("text-sm font-medium",u?"text-primary":"text-foreground"),children:f(a.title)}),e(x,{initial:!1,children:a.content&&u?e(N.div,{"data-slot":"guide-desktop-step-content",initial:"closed",animate:"open",exit:"closed",variants:v,className:"overflow-hidden",children:e("div",{className:"pt-3 text-sm leading-6 text-muted-foreground",children:f(a.content)})},"content"):null})]},o)})})})]}):null}export{L as GuideUIDesktopTempOne,h as PhoneFrame};

package/dist/components/blocks/GuideSection/GuideUIMobile.d.mts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { GuideDataProps, GuideSectionProps } from './utils.mjs';
+import '../../mobase/horizontal-scroll.mjs';
+import '../../mobase/button.mjs';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import 'react';
+import '../common-blocks/utils.mjs';
+import '../action-button/utils.mjs';
+import '../dialog-qr/DialogQr.mjs';
+import '../../mobase/dialog.mjs';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';
+
+declare function GuideUIMobileTempOne({ dataGuide, mockup, isStep, editorMode, }: {
+    dataGuide?: GuideDataProps[];
+    mockup: GuideSectionProps["mockup"];
+    isStep?: boolean;
+    editorMode?: boolean;
+}): react_jsx_runtime.JSX.Element | null;
+
+export { GuideUIMobileTempOne };

package/dist/components/blocks/GuideSection/GuideUIMobile.mjs

@@ -0,0 +1 @@
+"use client";import"../../../chunk-7LRQ2WLZ.mjs";import{Fragment as B,jsx as e,jsxs as t}from"react/jsx-runtime";import{useEffect as P,useState as w}from"react";import b from"html-react-parser";import{ChevronRightIcon as G}from"lucide-react";import{cn as S}from"../../../lib/utils";import{AspectRatio as O}from"../../mobase/aspect-ratio";import{Button as T}from"../../mobase/button";import{Carousel as A,CarouselContent as I,CarouselItem as z}from"../../mobase/carousel";import{Drawer as L,DrawerHeader as R,DrawerPanel as F,DrawerPopup as H,DrawerTitle as _}from"../../mobase/drawer";import{PhoneFrame as E}from"./GuideUIDesktop";function C({src:d,alt:u,mockup:r,className:m}){return d?e(E,{mockup:r,className:S("max-w-[min(15rem,68vw)]",m),children:e(O,{ratio:r==="small"?540/960:540/1168,children:e("img",{src:d,alt:u,className:"size-full object-contain",loading:"lazy"})})}):null}function j({open:d,onOpenChange:u,guide:r,mockup:m,editorMode:s}){var y,x,p,f,h;const[i,v]=w(),[c,N]=w(0),a=(y=r==null?void 0:r.stepList)!=null?y:[];return P(()=>{if(s||!i)return;const o=()=>{N(i.selectedScrollSnap())};return o(),i.on("select",o),()=>{i.off("select",o)}},[i,s]),!r||a.length===0?null:e(L,{open:d,onOpenChange:u,position:"bottom",children:t(H,{"data-slot":"guide-mobile-drawer",className:"h-[100dvh] rounded-none",showCloseButton:!0,variant:"straight",children:[e(R,{className:"border-b px-5 py-4 pr-14",children:e(_,{className:"line-clamp-2 text-left leading-snug",children:b(r.title)})}),t(F,{scrollable:!1,className:"relative flex min-h-0 flex-1 flex-col p-0",children:[s?t("div",{className:"flex min-h-0 flex-1 flex-col justify-between",children:[e("div",{"data-slot":"guide-mobile-drawer-media",className:"flex min-h-0 items-center justify-center overflow-hidden bg-muted/40 px-4 py-6 flex-1",children:e(C,{src:(x=a[c])==null?void 0:x.image,alt:((p=a[c])==null?void 0:p.title)||"",mockup:m})}),t("div",{"data-slot":"guide-mobile-drawer-copy",className:"px-5 pb-16 pt-5",children:[t("div",{className:"mb-2 text-xs font-semibold uppercase tracking-wide text-primary",children:["B\u01B0\u1EDBc ",c+1]}),e("h3",{className:"text-base font-semibold leading-snug text-foreground",children:b(((f=a[c])==null?void 0:f.title)||"")}),(h=a[c])!=null&&h.content?e("div",{className:"mt-2 text-sm leading-6 text-muted-foreground",children:b(a[c].content)}):null]})]}):e(A,{setApi:v,opts:{align:"start"},className:"min-h-0 flex-1",children:e(I,{className:"ml-0 h-full",children:a.map((o,n)=>t(z,{"data-slot":"guide-mobile-drawer-step",className:"grid h-full min-h-0 grid-rows-[minmax(0,1fr)_auto] pl-0",children:[e("div",{"data-slot":"guide-mobile-drawer-media",className:"flex min-h-0 items-center justify-center overflow-hidden bg-muted/40 px-4 py-6",children:e(C,{src:o.image,alt:o.title,mockup:m})}),t("div",{"data-slot":"guide-mobile-drawer-copy",className:"px-5 pb-16 pt-5",children:[t("div",{className:"mb-2 text-xs font-semibold uppercase tracking-wide text-primary",children:["B\u01B0\u1EDBc ",n+1]}),e("h3",{className:"text-base font-semibold leading-snug text-foreground",children:b(o.title)}),o.content?e("div",{className:"mt-2 text-sm leading-6 text-muted-foreground",children:b(o.content)}):null]})]},n))})}),e("div",{"data-slot":"guide-mobile-drawer-dots",className:"pointer-events-none absolute bottom-5 left-0 right-0 flex justify-center gap-2",children:a.map((o,n)=>e("button",{"aria-label":`Chuy\u1EC3n \u0111\u1EBFn b\u01B0\u1EDBc ${n+1}`,className:S("pointer-events-auto h-2 rounded-full transition-all",n===c?"w-6 bg-primary":"w-2 bg-muted-foreground/30"),type:"button",onClick:()=>{s?N(n):i==null||i.scrollTo(n)}},n))})]})]})})}function U({dataGuide:d,mockup:u,isStep:r,editorMode:m}){var h,o,n;const s=d!=null?d:[],[i,v]=w(!1),[c,N]=w(),[a,y]=w();if(P(()=>{var g;if(m||!a||s.length!==1||((g=s[0])==null?void 0:g.stepList.length)<2)return;const l=window.setInterval(()=>{a.canScrollNext()?a.scrollNext():a.scrollTo(0)},3500);return()=>window.clearInterval(l)},[s,a,m]),s.length===0)return null;const x=l=>{N(l),v(!0)};if(s.length>1)return t(B,{children:[e("div",{"data-slot":"guide-mobile-list",className:"space-y-3",children:s.map((l,g)=>{var D;const k=l.avatar||((D=l.stepList[0])==null?void 0:D.image);return t("button",{"data-slot":"guide-mobile-list-item",className:"flex w-full items-center gap-3 rounded-lg border bg-background p-3 text-left shadow-xs transition-colors hover:bg-muted/50",type:"button",onClick:()=>x(l),children:[k?e("div",{className:"size-16 flex-none overflow-hidden rounded-md bg-muted",children:e("img",{src:k,alt:l.title,className:"size-full object-cover",loading:"lazy"})}):null,t("div",{className:"min-w-0 flex-1",children:[r?t("div",{className:"mb-1 text-xs font-semibold uppercase tracking-wide text-primary",children:["B\u01B0\u1EDBc ",g+1]}):null,e("div",{className:"line-clamp-2 text-sm font-semibold text-foreground",children:b(l.title)}),l.description?e("div",{className:"mt-1 line-clamp-2 text-xs leading-5 text-muted-foreground",children:b(l.description)}):null]}),e(G,{className:"size-5 flex-none text-muted-foreground"})]},g)})}),e(j,{open:i,onOpenChange:v,guide:c,mockup:u,editorMode:m})]});const p=s[0];if(!p)return null;const f=(h=p==null?void 0:p.stepList)!=null?h:[];return t(B,{children:[t("div",{"data-slot":"guide-mobile-single",className:"flex flex-col items-center gap-5",children:[f.length>0?t("div",{"data-slot":"guide-mobile-single-preview",className:"relative max-h-[28rem] w-full overflow-hidden flex justify-center",children:[m?e(C,{src:(o=f[0])==null?void 0:o.image,alt:((n=f[0])==null?void 0:n.title)||"",mockup:u}):e(A,{setApi:y,opts:{loop:f.length>1},children:e(I,{className:"ml-0",children:f.map((l,g)=>e(z,{className:"pl-0",children:e(C,{src:l.image,alt:l.title,mockup:u})},g))})}),e("div",{className:"pointer-events-none absolute inset-x-0 bottom-0 h-24 bg-linear-to-t from-background to-transparent"})]}):null,t(T,{"data-slot":"guide-mobile-single-action",type:"button",variant:"link",className:"h-auto gap-1 p-0 text-primary",onClick:()=>x(p),children:["Xem chi ti\u1EBFt h\u01B0\u1EDBng d\u1EABn",e(G,{className:"size-4"})]})]}),e(j,{open:i,onOpenChange:v,guide:c,mockup:u,editorMode:m})]})}export{U as GuideUIMobileTempOne};

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

@@ -0,0 +1,15 @@
+export { GuideSection } from './GuideSection.mjs';
+export { GuideDataProps, GuideSectionProps, StepItemProps } from './utils.mjs';
+import 'react/jsx-runtime';
+import '../../mobase/horizontal-scroll.mjs';
+import '../../mobase/button.mjs';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import 'react';
+import '../common-blocks/utils.mjs';
+import '../action-button/utils.mjs';
+import '../dialog-qr/DialogQr.mjs';
+import '../../mobase/dialog.mjs';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';

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

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

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

@@ -0,0 +1,78 @@
+import { HorizontalScrollProps } from '../../mobase/horizontal-scroll.mjs';
+import { SectionBlockProps, HeadingBlockProps, ButtonsBlockProps } from '../common-blocks/utils.mjs';
+import 'react/jsx-runtime';
+import '../../mobase/button.mjs';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import 'react';
+import '../action-button/utils.mjs';
+import '../dialog-qr/DialogQr.mjs';
+import '../../mobase/dialog.mjs';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';
+
+interface StepItemProps {
+    /**
+     * The title of the step item.
+     */
+    title: string;
+    /**
+     * The content of the step item.
+     */
+    content?: string;
+    /**
+     * The image of the step item.
+     */
+    image?: string;
+}
+interface GuideDataProps {
+    /**
+     * The title of the guide item.
+     */
+    title: string;
+    /**
+     * The description of the guide item.
+     */
+    description?: string;
+    /**
+     * The avatar image of the guide item. Image size: 540x960 or 540x1168. If not provided, the image in step first will be used.
+     */
+    avatar?: string;
+    /**
+     * The array of step.
+     */
+    stepList: StepItemProps[];
+}
+interface GuideSectionProps extends SectionBlockProps {
+    /**
+     * The template of the section.
+     */
+    template?: 1;
+    /**
+     * The data heading of the section.
+     */
+    dataHeading?: HeadingBlockProps;
+    /**
+     * The data guides of the section.
+     */
+    dataGuide?: GuideDataProps[];
+    /**
+     * The data horizontal scroll of the guide section.
+     */
+    dataHorizontalScroll?: HorizontalScrollProps;
+    /**
+     * The data buttons of the section.
+     */
+    dataButtons?: ButtonsBlockProps;
+    /**
+     * Show mockup mobile in banner.
+     */
+    mockup?: "default" | "small" | "none";
+    /**
+     * Show UI step.
+     */
+    isStep?: boolean;
+}
+
+export type { GuideDataProps, GuideSectionProps, StepItemProps };

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

@@ -13,6 +13,6 @@ 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;
+declare function HeroSection({ template, idSection, dataHeading, dataButtons, dataFeatures, dataStats, dataMedia, className, background, advancedComponent, editorMode, }: HeroContentProps): react_jsx_runtime.JSX.Element;
 
 export { HERO_SECTION_DEFAULT_BACKGROUND, HeroSection };

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

@@ -1 +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};
+import{a}from"../../../chunk-7LRQ2WLZ.mjs";import{jsx as e}from"react/jsx-runtime";import{cn as g}from"../../../lib/utils";import{SectionBlock as u}from"../common-blocks/common-blocks";import{HeroContentTemplateOne as C,HeroContentTemplateThree as H,HeroContentTemplateTwo as S}from"./HeroSectionTemplate";const v=["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(", ");function f({template:r,dataHeading:n,dataButtons:o,dataFeatures:i,dataStats:d,dataMedia:p,advancedComponent:s,editorMode:c}){const t={dataHeading:n,dataButtons:o,dataFeatures:i,dataStats:d,dataMedia:p,advancedComponent:s,editorMode:c};switch(r){case 2:return e(S,a({template:2},t));case 3:return e(H,a({template:3},t));default:return e(C,a({template:1},t))}}function b({template:r=1,idSection:n,dataHeading:o,dataButtons:i,dataFeatures:d,dataStats:p,dataMedia:s,className:c,background:t,advancedComponent:m=null,editorMode:l}){return e(u,{"data-slot":"hero-section",className:g(c),background:t!=null?t:v,idSection:n,children:e(f,{template:r,dataHeading:o,dataButtons:i,dataFeatures:d,dataStats:p,dataMedia:s,advancedComponent:m,editorMode:l})})}export{v as HERO_SECTION_DEFAULT_BACKGROUND,b as HeroSection};

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

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { HeroContentProps, HeroContentListFeatureProps, HeroContentListStats } from './utils.mjs';
+import { HeroContentProps } from './utils.mjs';
 import '../common-blocks/utils.mjs';
 import '../action-button/utils.mjs';
 import 'react';
@@ -12,20 +12,9 @@ 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;
+}): react_jsx_runtime.JSX.Element | null;
 
-export { SectionHeroItemFeature, SectionHeroListFeature };
+export { SectionHeroListFeature };

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

@@ -1 +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};
+import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as e,jsxs as l}from"react/jsx-runtime";import{cva as o}from"class-variance-authority";import a from"html-react-parser";import{CheckIcon as s}from"lucide-react";import{cn as n}from"../../../lib/utils";const d=o("mt-6 list-none text-foreground",{variants:{template:{1:"grid grid-cols-1 gap-y-3",2:"grid grid-cols-1 gap-y-3",3:"mx-auto 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 c({template:i,name:t,image:r}){return i===3?l("li",{"data-slot":"hero-feature-item",className:"flex h-full space-x-3",children:[r?e("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center",children:e("img",{src:r,alt:"",className:"max-w-full","aria-hidden":!0})}):e("div",{className:"mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-primary/15 p-1",children:e(s,{className:"h-4 w-4 text-primary","aria-hidden":!0})}),t?e("div",{className:"my-auto md:my-0",children:a(t)}):null]}):l("li",{"data-slot":"hero-feature-item",className:"flex space-x-3",children:[r?e("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center",children:e("img",{src:r,alt:"",className:"max-w-full","aria-hidden":!0})}):e("div",{className:"mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-primary/15",children:e(s,{className:"h-4 w-4 text-primary","aria-hidden":!0})}),t?e("div",{children:a(t)}):null]})}function g({dataFeatures:i,template:t=1}){return i!=null&&i.length?e("ul",{"data-slot":"hero-features",className:n(d({template:t})),children:i.map((r,m)=>e(c,{name:r.name,template:t,image:r.image},m))}):null}export{g as SectionHeroListFeature};

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

@@ -12,8 +12,8 @@ import '../../mobase/dialog.mjs';
 import '@base-ui/react/dialog';
 import '@base-ui/react/use-render';
 
-declare function SectionHeroStats({ dataStats }: {
+declare function SectionHeroStats({ dataStats, }: {
     dataStats: HeroContentProps["dataStats"];
-}): react_jsx_runtime.JSX.Element;
+}): react_jsx_runtime.JSX.Element | null;
 
 export { SectionHeroStats };

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

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