@momo-webplatform/mobase-next 1.0.2 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-webplatform/mobase-next",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "sideEffects": [
     "**/*.css",
     "./src/styles/**"
@@ -68,8 +68,8 @@
     "eslint": "^8.57.0",
     "tsup": "^8.0.2",
     "typescript": "5.5.4",
-    "@repo/eslint-config": "0.0.0",
-    "@repo/typescript-config": "0.0.0"
+    "@repo/typescript-config": "0.0.0",
+    "@repo/eslint-config": "0.0.0"
   },
   "publishConfig": {
     "access": "public"

package/dist/chunk-7LRQ2WLZ.mjs

@@ -1 +0,0 @@
-var o=Object.defineProperty,p=Object.defineProperties;var q=Object.getOwnPropertyDescriptors;var f=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var j=(a,c,b)=>c in a?o(a,c,{enumerable:!0,configurable:!0,writable:!0,value:b}):a[c]=b,r=(a,c)=>{for(var b in c||(c={}))k.call(c,b)&&j(a,b,c[b]);if(f)for(var b of f(c))l.call(c,b)&&j(a,b,c[b]);return a},s=(a,c)=>p(a,q(c));var t=(a,c)=>{var b={};for(var d in a)k.call(a,d)&&c.indexOf(d)<0&&(b[d]=a[d]);if(a!=null&&f)for(var d of f(a))c.indexOf(d)<0&&l.call(a,d)&&(b[d]=a[d]);return b};var u=(a,c,b)=>new Promise((d,i)=>{var m=e=>{try{g(b.next(e))}catch(h){i(h)}},n=e=>{try{g(b.throw(e))}catch(h){i(h)}},g=e=>e.done?d(e.value):Promise.resolve(e.value).then(m,n);g((b=b.apply(a,c)).next())});export{r as a,s as b,t as c,u as d};

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

@@ -1,17 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { BlogSectionProps } 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 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 +0,0 @@
-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/BlogSectionTemplate.d.mts

@@ -1,15 +0,0 @@
-export { BlogSectionTemplateOne } from './templates/BlogSectionTemplateOne.mjs';
-export { BlogSectionTemplateTwo } from './templates/BlogSectionTemplateTwo.mjs';
-import 'react/jsx-runtime';
-import './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';

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

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

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

@@ -1,14 +0,0 @@
-export { BlogSection } from './BlogSection.mjs';
-export { BlogItemProps, BlogSectionProps, DataBlogProps } 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/BlogSection/index.mjs

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

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

@@ -1,17 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { BlogSectionProps } 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 BlogSectionTemplateOne({ dataHeading, dataHorizontalScroll, dataBlog, onClickModal, onClickLoadMore, editorMode, }: BlogSectionProps): react_jsx_runtime.JSX.Element;
-
-export { BlogSectionTemplateOne };

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

@@ -1 +0,0 @@
-"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.d.mts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { BlogSectionProps } from '../utils.mjs';
-import '../../common-blocks/utils.mjs';
-import '../../action-button/utils.mjs';
-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 BlogSectionTemplateTwo: React.NamedExoticComponent<BlogSectionProps>;
-
-export { BlogSectionTemplateTwo };

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

@@ -1 +0,0 @@
-"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

@@ -1,50 +0,0 @@
-import { SectionBlockProps, HeadingBlockProps } 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 BlogItemProps {
-    id: number;
-    title: string;
-    totalViews?: string;
-    thumbnailMobile: string;
-    thumbnailDesktop: string;
-    url: string;
-    category?: string;
-    categoryUrl?: string;
-    description?: string;
-}
-interface DataBlogProps {
-    title: string;
-    blogList: BlogItemProps[];
-    classNameItem?: string;
-    isShowBtn?: boolean;
-    btnUrl?: string;
-    btnName?: string;
-    isNewTab?: boolean;
-    isLoading?: boolean;
-    dataUmamiEvent?: string;
-}
-interface DataHorizontalScrollProps {
-    showGradientOverlay?: boolean;
-    gradientOverlayColor?: string;
-    className?: string;
-}
-interface BlogSectionProps extends SectionBlockProps {
-    template?: 1 | 2;
-    dataHeading: HeadingBlockProps;
-    dataHorizontalScroll?: DataHorizontalScrollProps;
-    dataBlog: DataBlogProps[];
-    onClickModal?: (id: number) => void;
-    onClickLoadMore?: (tabIndex: number) => void;
-}
-
-export type { BlogItemProps, BlogSectionProps, DataBlogProps, DataHorizontalScrollProps };

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

@@ -1,17 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CTASectionProps } 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 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 +0,0 @@
-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/CTASectionTemplate.d.mts

@@ -1,18 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CTASectionProps } 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 CTATemplateOne({ dataHeading, dataCTA, dataButtons, }: CTASectionProps): react_jsx_runtime.JSX.Element;
-declare function CTATemplateTwo({ dataHeading, dataCTA, dataButtons, dataMedia, }: CTASectionProps): react_jsx_runtime.JSX.Element;
-
-export { CTATemplateOne, CTATemplateTwo };

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

@@ -1 +0,0 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as c,jsxs as s}from"react/jsx-runtime";import{cn as m}from"../../../lib/utils";import{AspectRatio as b}from"../../mobase/aspect-ratio";import{ButtonsBlock as p,HeadingBlock as u}from"../common-blocks/common-blocks";function v({dataHeading:l,dataCTA:e,dataButtons:o}){var i;return s("div",{"data-slot":"cta-template-1",className:m("relative block overflow-hidden rounded-2xl p-6 md:px-10 md:py-14","bg-muted"),style:e!=null&&e.background?{background:e.background}:void 0,children:[l?c(u,{tagline:l.tagline,title:l.title,description:l.description,tagHeading:l.tagHeading,align:"center",colorScheme:(i=l.colorScheme)!=null?i:"black",sizeHeading:l.sizeHeading,className:l.className}):null,o?c(p,{isFullInMobile:o.isFullInMobile,buttons:o.buttons,className:m("mt-0 md:mt-0",o.className),align:"center"}):null]})}function d({dataHeading:l,dataCTA:e,dataButtons:o,dataMedia:i}){var r,n,t;return s("div",{"data-slot":"cta-template-2",className:m("relative block grid grid-cols-1 overflow-hidden rounded-2xl p-6 pb-0 md:grid-cols-2 md:px-10 md:pb-0 md:pt-0","bg-primary"),style:e!=null&&e.background?{background:e.background}:void 0,children:[s("div",{className:"flex flex-col justify-center md:py-14",children:[l?c(u,{tagline:l.tagline,title:l.title,description:l.description,tagHeading:l.tagHeading,align:"left",colorScheme:(r=l.colorScheme)!=null?r:"white",sizeHeading:l.sizeHeading,className:l.className}):null,o?c(p,{isFullInMobile:o.isFullInMobile,buttons:o.buttons,className:m("mt-0 md:mt-0",o.className),align:"left"}):null]}),c("div",{className:"mx-auto w-full max-w-sm self-end md:ml-auto md:mr-0 md:pt-10",children:i?c(b,{ratio:(n=i.ratio)!=null?n:4/3,children:c("img",{src:i.src,alt:(t=i.alt)!=null?t:"",className:"h-full w-full rounded-md object-contain"})}):null})]})}export{v as CTATemplateOne,d as CTATemplateTwo};

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

@@ -1,14 +0,0 @@
-export { CTASection } from './CTASection.mjs';
-export { CTABlockData, CTAMedia, CTASectionData, CTASectionProps } 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/CTASection/index.mjs

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

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

@@ -1,61 +0,0 @@
-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 CTAMedia {
-    /**
-     * The image source.
-     */
-    src?: string;
-    /**
-     * The image alt text.
-     */
-    alt?: string;
-    /**
-     * The image aspect ratio (width / height). Defaults to 4/3.
-     */
-    ratio?: number;
-}
-interface CTABlockData {
-    /**
-     * Override the background color or image of the CTA block.
-     * Accepts any CSS background value (color, gradient, url()).
-     */
-    background?: string;
-}
-interface CTASectionProps extends SectionBlockProps {
-    /**
-     * Layout template variant.
-     * - `1` — centered content on a light background (default).
-     * - `2` — split layout: text on the left, media image on the right, on a primary background.
-     */
-    template?: 1 | 2;
-    /**
-     * Heading block data (tagline, title, description).
-     */
-    dataHeading?: HeadingBlockProps;
-    /**
-     * CTA block styling data (custom background).
-     */
-    dataCTA?: CTABlockData;
-    /**
-     * Button group data.
-     */
-    dataButtons?: ButtonsBlockProps;
-    /**
-     * Media (image) data used in template 2.
-     */
-    dataMedia?: CTAMedia;
-}
-type CTASectionData = CTABlockData;
-
-export type { CTABlockData, CTAMedia, CTASectionData, CTASectionProps };

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

@@ -1,17 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FAQSectionProps } 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 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 +0,0 @@
-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/FAQSection/FAQTemplate.d.mts

@@ -1,18 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FAQSectionProps } 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 FAQTemplateOne({ dataFAQ, dataHeading, dataButtons }: FAQSectionProps): react_jsx_runtime.JSX.Element;
-declare function FAQTemplateTwo({ dataFAQ, dataHeading, dataButtons }: FAQSectionProps): react_jsx_runtime.JSX.Element;
-
-export { FAQTemplateOne, FAQTemplateTwo };

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

@@ -1 +0,0 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as i,jsxs as r}from"react/jsx-runtime";import g from"html-react-parser";import{cn as c}from"../../../lib/utils";import{Accordion as b,AccordionContent as N,AccordionItem as v,AccordionTrigger as a}from"../../mobase/accordion";import{Tabs as f,TabsContent as T,TabsList as x,TabsTrigger as d}from"../../mobase/tabs";import{ButtonsBlock as m,HeadingBlock as p}from"../common-blocks/common-blocks";function u({dataFAQ:s}){var l,n,o;const e=s.isActiveFistQuestion?(n=(l=s.contents)==null?void 0:l[0])==null?void 0:n.title:void 0;return i(b,{defaultValue:e?[e]:[],className:"w-full",children:(o=s.contents)==null?void 0:o.map(t=>r(v,{value:t.title,className:"last:border-none",children:[i(a,{className:"md:text-lg",children:t.title}),i(N,{className:"prose prose-sm max-w-none text-muted-foreground sm:prose-base",children:g(t.description)})]},t.title))})}function h({dataFAQ:s,dataHeading:e,dataButtons:l}){return r("div",{"data-slot":"faq-template-1",className:"grid grid-cols-1 gap-y-0 md:grid-cols-3 md:gap-x-10",children:[i("div",{className:"relative",children:r("div",{className:"md:sticky md:top-16",children:[e?i(p,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading||"h2",align:"left",colorScheme:e.colorScheme||"pink",sizeHeading:e.sizeHeading,className:c(e.className)}):null,l?i(m,{isFullInMobile:l.isFullInMobile,buttons:l.buttons,className:c("hidden md:mt-6 md:flex",l.className),align:"left"}):null]})}),s!=null&&s[0]?i("div",{className:"col-span-2",children:i(u,{dataFAQ:s[0]})}):null,l?i(m,{isFullInMobile:l.isFullInMobile,buttons:l.buttons,className:c("mt-3 md:hidden",l.className),align:"center"}):null]})}function k({dataFAQ:s,dataHeading:e,dataButtons:l}){var n;return r("div",{"data-slot":"faq-template-2",children:[e?i(p,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading||"h2",align:"center",colorScheme:e.colorScheme||"pink",sizeHeading:e.sizeHeading,className:c(e.className)}):null,s!=null&&s.length?r(f,{defaultValue:(n=s[0])==null?void 0:n.title,children:[i("div",{className:"mb-3 overflow-x-auto text-center",children:i(x,{className:"mx-auto inline-flex w-auto items-center",children:s.map((o,t)=>i(d,{value:o.title,children:o.title},o.title+t))})}),s.map((o,t)=>i(T,{className:"mx-auto mt-0 max-w-3xl",value:o.title,children:i(u,{dataFAQ:o})},o.title+t))]}):null,l?i(m,{isFullInMobile:l.isFullInMobile,buttons:l.buttons,className:c(l.className),align:"center"}):null]})}export{h as FAQTemplateOne,k as FAQTemplateTwo};

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

@@ -1,14 +0,0 @@
-export { FAQSection } from './FAQSection.mjs';
-export { ContentsProps, DataFAQProps, FAQSectionProps } 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/FAQSection/index.mjs

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

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

@@ -1,36 +0,0 @@
-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 ContentsProps {
-    title: string;
-    description: string;
-}
-interface DataFAQProps {
-    title: string;
-    isActiveFistQuestion?: boolean;
-    contents: ContentsProps[];
-}
-interface DataHorizontalScrollProps {
-    showGradientOverlay?: boolean;
-    gradientOverlayColor?: string;
-    className?: string;
-}
-interface FAQSectionProps extends SectionBlockProps {
-    template?: 1 | 2;
-    dataHeading?: HeadingBlockProps;
-    dataFAQ: DataFAQProps[];
-    dataButtons?: ButtonsBlockProps;
-    dataHorizontalScroll?: DataHorizontalScrollProps;
-}
-
-export type { ContentsProps, DataFAQProps, DataHorizontalScrollProps, FAQSectionProps };

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

@@ -1,17 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FeatureSectionProps } 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 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 +0,0 @@
-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

@@ -1,29 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FeatureSectionProps } 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';
-
-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;
-declare function FeatureTemplateFour({ dataHeading, dataFeatures, dataButtons }: FeatureTemplateStandardProps): react_jsx_runtime.JSX.Element;
-declare function FeatureTemplateFive({ dataHeading, dataFeatures, dataButtons }: FeatureTemplateStandardProps): react_jsx_runtime.JSX.Element;
-declare function FeatureTemplateSix({ dataHeading, dataFeatures, dataButtons }: FeatureTemplateStandardProps): react_jsx_runtime.JSX.Element;
-declare function FeatureTemplateSeven({ dataHeading, dataFeatures, dataButtons }: FeatureTemplateStandardProps): react_jsx_runtime.JSX.Element;
-declare function FeatureTemplateEight({ dataHeading, dataFeatures, dataButtons }: FeatureTemplateStandardProps): react_jsx_runtime.JSX.Element;
-declare function FeatureTemplateNine({ dataHeading, dataFeatures, dataButtons, dataBanner, }: FeatureTemplateBannerProps): react_jsx_runtime.JSX.Element;
-declare function FeatureTemplateTen({ dataHeading, dataFeatures, dataBanner, dataButtons }: FeatureTemplateBannerProps): react_jsx_runtime.JSX.Element;
-declare function FeatureTemplateElevent({ dataHeading, dataFeatures, dataButtons, dataBanner }: FeatureTemplateBannerProps): react_jsx_runtime.JSX.Element;
-
-export { FeatureTemplateEight, FeatureTemplateElevent, FeatureTemplateFive, FeatureTemplateFour, FeatureTemplateNine, FeatureTemplateOne, FeatureTemplateSeven, FeatureTemplateSix, FeatureTemplateTen, FeatureTemplateThree, FeatureTemplateTwo };

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

@@ -1 +0,0 @@
-"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

@@ -1,14 +0,0 @@
-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

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