@momo-webplatform/mobase-next 1.0.1

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

@@ -0,0 +1,14 @@
+export { HowItWorksSection } from './HowItWorksSection.mjs';
+export { HowItWorksData, HowItWorksSectionProps } 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/HowItWorksSection/index.mjs

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

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

@@ -0,0 +1,47 @@
+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 HowItWorksData {
+    /**
+     * Step icon/image source URL or raw SVG string.
+     */
+    image?: string | React.ReactElement;
+    /**
+     * Step title.
+     */
+    title: string;
+    /**
+     * Step description.
+     */
+    description?: string;
+}
+interface HowItWorksSectionProps extends SectionBlockProps {
+    /**
+     * Template variant.
+     */
+    template?: 1 | 2 | 3;
+    /**
+     * Heading content.
+     */
+    dataHeading?: HeadingBlockProps;
+    /**
+     * Steps data list.
+     */
+    dataHowItWorks?: HowItWorksData[];
+    /**
+     * Optional CTA button group.
+     */
+    dataButtons?: ButtonsBlockProps;
+}
+
+export type { HowItWorksData, HowItWorksSectionProps };

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

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MetricsSectionProps } 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 MetricsSection: ({ idSection, dataHeading, dataMetrics, dataButtons, background, className, template, }: MetricsSectionProps) => react_jsx_runtime.JSX.Element;
+
+export { MetricsSection };

package/dist/components/blocks/MetricsSection/MetricsSection.mjs

@@ -0,0 +1 @@
+import"../../../chunk-7LRQ2WLZ.mjs";import{Fragment as l,jsx as o}from"react/jsx-runtime";import{cn as p}from"../../../lib/utils";import{SectionBlock as d}from"../common-blocks/common-blocks";import{MetricsSectionTemplateOne as c,MetricsSectionTemplateTwo as m}from"./MetricsSectionTemplate";const M=({dataHeading:t,dataMetrics:e,template:n,dataButtons:r})=>{switch(n){case 1:return o(c,{dataMetrics:e,dataButtons:r,dataHeading:t});case 2:return o(m,{dataMetrics:e,dataButtons:r,dataHeading:t});default:return o(c,{dataMetrics:e,dataButtons:r,dataHeading:t})}},S=({dataHeading:t,dataMetrics:e,template:n,dataButtons:r})=>o(l,{children:M({dataHeading:t,dataMetrics:e,template:n,dataButtons:r})}),B=({idSection:t,dataHeading:e,dataMetrics:n=[],dataButtons:r,background:i,className:a,template:s})=>o(d,{className:p(a),background:i,idSection:t,children:o(S,{dataHeading:e,dataMetrics:n,dataButtons:r,template:s})});export{B as MetricsSection};

package/dist/components/blocks/MetricsSection/MetricsSectionTemplate.d.mts

@@ -0,0 +1,15 @@
+export { MetricsSectionTemplateOne } from './template/MetricsSectionTemplateOne.mjs';
+export { MetricsSectionTemplateTwo } from './template/MetricsSectionTemplateTwo.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/MetricsSection/MetricsSectionTemplate.mjs

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

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

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

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

package/dist/components/blocks/MetricsSection/template/MetricsSectionTemplateOne.d.mts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MetricsSectionProps } 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 MetricsSectionTemplateOne: ({ dataMetrics, dataButtons, dataHeading, }: MetricsSectionProps) => react_jsx_runtime.JSX.Element;
+
+export { MetricsSectionTemplateOne };

package/dist/components/blocks/MetricsSection/template/MetricsSectionTemplateOne.mjs

@@ -0,0 +1 @@
+import"../../../../chunk-7LRQ2WLZ.mjs";import{jsx as r,jsxs as v}from"react/jsx-runtime";import f from"react";import c from"html-react-parser";import{cn as s}from"../../../../lib/utils";import{ButtonsBlock as e,HeadingBlock as N}from"../../common-blocks/common-blocks";const b=({metric:l})=>{const{metricTitle:o="",metricValue:m="",metricDescription:p=""}=l!=null?l:{};return v("div",{className:"text-center",children:[r("div",{className:"text-primary text-3xl font-bold md:text-4xl",children:c(m!=null?m:"")}),r("div",{className:"text-foreground mt-2 text-sm font-semibold",children:c(o!=null?o:"")}),p&&r("div",{className:"text-muted-foreground mt-2 text-sm",children:c(p!=null?p:"")})]})},R=({dataMetrics:l,dataButtons:o,dataHeading:m})=>v(f.Fragment,{children:[m&&r(N,{tagline:m==null?void 0:m.tagline,title:m==null?void 0:m.title,description:m==null?void 0:m.description,tagHeading:m==null?void 0:m.tagHeading,align:"center",colorScheme:(m==null?void 0:m.colorScheme)||"pink",sizeHeading:m==null?void 0:m.sizeHeading,className:s(m==null?void 0:m.className)}),l&&(l==null?void 0:l.length)>0&&r("div",{className:s("grid grid-cols-1 gap-10 py-4 md:grid-cols-3 md:gap-4 md:py-0",(l==null?void 0:l.length)===2&&"md:grid-cols-4 md:[&>*:first-child]:col-start-2",(l==null?void 0:l.length)===4&&"md:grid-cols-4"),children:l==null?void 0:l.map((p,x)=>r(f.Fragment,{children:r(b,{metric:p})},x))}),o&&r(e,{isFullInMobile:o==null?void 0:o.isFullInMobile,buttons:o==null?void 0:o.buttons,className:s(o==null?void 0:o.className,"mt-8 md:mt-10"),align:"center"})]});export{R as MetricsSectionTemplateOne};

package/dist/components/blocks/MetricsSection/template/MetricsSectionTemplateTwo.d.mts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MetricsSectionProps } 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 MetricsSectionTemplateTwo({ dataMetrics, dataButtons, dataHeading, }: MetricsSectionProps): react_jsx_runtime.JSX.Element;
+
+export { MetricsSectionTemplateTwo };

package/dist/components/blocks/MetricsSection/template/MetricsSectionTemplateTwo.mjs

@@ -0,0 +1 @@
+import"../../../../chunk-7LRQ2WLZ.mjs";import{Fragment as u,jsx as t,jsxs as s}from"react/jsx-runtime";import c from"react";import n from"html-react-parser";import{cn as r}from"../../../../lib/utils";import{ButtonsBlock as d,HeadingBlock as g}from"../../common-blocks/common-blocks";function p({metric:l}){const{metricTitle:o="",metricValue:e="",metricDescription:i=""}=l!=null?l:{};return s("div",{className:"bg-muted p-4 text-center md:p-8",children:[t("div",{className:"text-foreground text-2xl font-bold md:text-3xl",children:n(e!=null?e:"")}),t("div",{className:"text-muted-foreground mt-2 text-sm font-semibold",children:n(o!=null?o:"")}),i?t("div",{className:"text-muted-foreground mt-2 hidden text-sm md:block",children:n(i!=null?i:"")}):null]})}function b({dataMetrics:l,dataButtons:o,dataHeading:e}){return s(u,{children:[e?t(g,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"center",colorScheme:e.colorScheme||"pink",sizeHeading:e.sizeHeading,className:r(e.className)}):null,l&&l.length>0?t("div",{className:r("grid grid-cols-2 gap-px overflow-hidden rounded-lg md:rounded-xl md:py-0 lg:grid-cols-4",l.length===2&&"lg:grid-cols-2",l.length===3&&"lg:grid-cols-3"),children:l.map((i,m)=>t(c.Fragment,{children:t(p,{metric:i})},m))}):null,o?t(d,{isFullInMobile:o.isFullInMobile,buttons:o.buttons,className:r(o.className,"mt-8 md:mt-10"),align:"center"}):null]})}export{b as MetricsSectionTemplateTwo};

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

@@ -0,0 +1,38 @@
+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 DataMetricsProps {
+    metricValue: string;
+    metricTitle: string;
+    metricDescription?: string;
+}
+interface MetricsSectionProps extends SectionBlockProps {
+    /**
+     * The template of the metrics section.
+     * The template value must be a positive integer greater than 0.
+     */
+    template?: (number & {
+        __type?: "PositiveInteger";
+    }) | 1;
+    /**
+     * The data heading of the metrics section.
+     */
+    dataHeading: HeadingBlockProps;
+    /**
+     * The array data metrics of the metrics section.
+     */
+    dataMetrics: DataMetricsProps[];
+    dataButtons?: ButtonsBlockProps;
+}
+
+export type { DataMetricsProps, MetricsSectionProps };

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

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { NewsSectionProps } 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 NewsSection({ idSection, dataHeading, dataHorizontalScroll, dataNews, className, background, template, onClickModal, onClickLoadMore, }: NewsSectionProps): react_jsx_runtime.JSX.Element;
+
+export { NewsSection };

package/dist/components/blocks/NewsSection/NewsSection.mjs

@@ -0,0 +1 @@
+import"../../../chunk-7LRQ2WLZ.mjs";import{Fragment as u,jsx as i}from"react/jsx-runtime";import{cn as p}from"../../../lib/utils";import{SectionBlock as S}from"../common-blocks/common-blocks";import{NewsSectionTemplateOne as c}from"./NewsSectionTemplate";function m({template:a,dataNews:o,dataHeading:e,dataHorizontalScroll:t,onClickModal:n,onClickLoadMore:r}){switch(a){case 1:return i(c,{dataNews:o,dataHeading:e,dataHorizontalScroll:t,onClickModal:n,onClickLoadMore:r});default:return i(c,{dataNews:o,dataHeading:e,dataHorizontalScroll:t,onClickModal:n,onClickLoadMore:r})}}function w({dataHeading:a,dataHorizontalScroll:o,dataNews:e,template:t,onClickModal:n,onClickLoadMore:r}){return i(u,{children:m({dataHeading:a,dataHorizontalScroll:o,dataNews:e,template:t,onClickModal:n,onClickLoadMore:r})})}function N({idSection:a,dataHeading:o,dataHorizontalScroll:e,dataNews:t=[],className:n,background:r,template:l=1,onClickModal:s,onClickLoadMore:d}){return i(S,{className:p(n),background:r,idSection:a,children:i(w,{dataHeading:o,dataHorizontalScroll:e,dataNews:t,template:l,onClickModal:s,onClickLoadMore:d})})}export{N as NewsSection};

package/dist/components/blocks/NewsSection/NewsSectionTemplate.d.mts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { NewsSectionProps } 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 NewsSectionTemplateOne: React.NamedExoticComponent<NewsSectionProps>;
+
+export { NewsSectionTemplateOne };

package/dist/components/blocks/NewsSection/NewsSectionTemplate.mjs

@@ -0,0 +1 @@
+"use client";import"../../../chunk-7LRQ2WLZ.mjs";import{Fragment as T,jsx as m,jsxs as f}from"react/jsx-runtime";import{memo as p}from"react";import{ArrowDownIcon as B,Loader2Icon as D}from"lucide-react";import E from"html-react-parser";import{cn as x}from"../../../lib/utils";import{Button as L}from"../../mobase/button";import{HorizontalContent as U,HorizontalNext as j,HorizontalPrevious as A,HorizontalScroll as C}from"../../mobase/horizontal-scroll";import{Tabs as R,TabsContent as _,TabsList as q,TabsTrigger as V}from"../../mobase/tabs";import{ActionButton as X}from"../action-button/action-button";import{HeadingBlock as F}from"../common-blocks/common-blocks";const J=({news:l})=>{const i=(o,c)=>{o==null||o.preventDefault(),o==null||o.stopPropagation(),window.open(c,"_blank")};return f(T,{children:[m("div",{className:"relative block aspect-square overflow-hidden rounded-md bg-muted md:aspect-[77/37] md:rounded-none",children:f("picture",{children:[m("source",{media:"(min-width: 640px)",srcSet:l==null?void 0:l.thumbnailDesktop}),m("img",{className:"h-full w-full object-cover",src:l==null?void 0:l.thumbnailMobile,alt:l==null?void 0:l.title})]})}),f("div",{className:"mt-3 flex flex-1 flex-col md:mt-0 md:p-3",children:[m("div",{className:"line-clamp-2 flex-1 text-sm font-medium text-foreground group-hover:text-primary md:line-clamp-none",children:l==null?void 0:l.title}),f("div",{className:"mt-2 flex items-center space-x-1",children:[(l==null?void 0:l.category)&&(l==null?void 0:l.categoryUrl)&&f(T,{children:[m(L,{type:"button",variant:"link",className:"h-auto shrink-0 justify-start whitespace-normal p-0 text-left text-xs font-normal text-primary line-clamp-1",title:l==null?void 0:l.category,onClick:o=>i(o,(l==null?void 0:l.categoryUrl)||""),children:l==null?void 0:l.category}),(l==null?void 0:l.category)&&(l==null?void 0:l.dateTime)&&m("span",{className:"flex-none leading-none",children:"\xB7"})]}),m("div",{className:"flex-none text-xs text-muted-foreground",children:l==null?void 0:l.dateTime})]})]})]})},K=p(function({dataHeading:i,dataHorizontalScroll:o,dataNews:c,onClickModal:h,onClickLoadMore:e}){var a;const{showGradientOverlay:S=!0,gradientOverlayColor:k,className:z}=o||{},P=(t,v,b)=>{t==null||t.preventDefault(),t==null||t.stopPropagation(),h?h(v):window.open(b,"_blank")},y=(t,v)=>{var b,N;return f("div",{children:[m("div",{className:x("-mx-2 flex flex-row flex-wrap gap-y-5",((b=t==null?void 0:t.newsList)==null?void 0:b.length)!==void 0&&t.newsList.length<4?"md:justify-center":""),children:(N=t==null?void 0:t.newsList)==null?void 0:N.map((r,O)=>m("div",{className:"min-w-0 basis-1/2 px-2 lg:basis-1/4",children:m("div",{onClick:g=>P(g,r==null?void 0:r.id,r==null?void 0:r.url),className:x("group flex cursor-pointer flex-col overflow-hidden md:h-full md:rounded-md md:bg-card md:shadow-md",t==null?void 0:t.classNameItem),children:m(J,{news:r})},r==null?void 0:r.id)},O))}),(t==null?void 0:t.isShowBtn)&&m("div",{className:"mt-8 flex w-full items-center justify-center",children:f(X,{action:(t==null?void 0:t.btnUrl)||e&&(()=>e==null?void 0:e(v)),newTab:t==null?void 0:t.isNewTab,variant:"outline",disabled:t==null?void 0:t.isLoading,children:[E(t.btnName||"Xem th\xEAm"),t!=null&&t.isLoading?m(D,{className:"ml-2 size-5 animate-spin","aria-hidden":!0}):e&&!(t!=null&&t.btnUrl)&&m(B,{className:"-mb-1 ml-2 size-5 animate-bounce","aria-hidden":!0})]})})]},(t==null?void 0:t.title)||v)};return f("div",{"data-slot":"news-section-template-1",children:[i&&m(F,{tagline:i==null?void 0:i.tagline,title:i==null?void 0:i.title,description:i==null?void 0:i.description,tagHeading:i==null?void 0:i.tagHeading,align:"center",colorScheme:(i==null?void 0:i.colorScheme)||"pink",sizeHeading:i==null?void 0:i.sizeHeading,className:x(i==null?void 0:i.className)}),(c==null?void 0:c.length)>1?f(R,{defaultValue:(a=c[0])==null?void 0:a.title,children:[f(C,{showGradientOverlay:S,gradientOverlayColor:k,className:z,children:[m(U,{className:"mb-6 text-center",children:m(q,{className:"mx-auto mb-0 inline-flex w-auto items-center overflow-visible",children:c.map((t,v)=>m(V,{value:t.title,children:t.title},t.title+v))})}),m(A,{}),m(j,{})]}),c.map((t,v)=>m(_,{value:t.title,children:y(t,v)},t.title+v))]}):(c==null?void 0:c.length)===1&&c[0]&&y(c[0],0)]})});export{K as NewsSectionTemplateOne};

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

@@ -0,0 +1,14 @@
+export { NewsSection } from './NewsSection.mjs';
+export { DataHorizontalScrollProps, DataNewsProps, NewsItemProps, NewsSectionProps } 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/NewsSection/index.mjs

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

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

@@ -0,0 +1,64 @@
+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 NewsItemProps {
+    /** The id of the news item. */
+    id: number;
+    /** The title of the news item. */
+    title: string;
+    /** The date time of the news item. */
+    dateTime?: string;
+    /** Thumbnail for small viewports. */
+    thumbnailMobile: string;
+    /** Thumbnail for desktop. */
+    thumbnailDesktop: string;
+    /** The url of the news item. */
+    url: string;
+    /** The category of the news item. */
+    category?: string;
+    /** The category url of the news item. */
+    categoryUrl?: string;
+}
+interface DataNewsProps {
+    /** The title of the news group (tab label). */
+    title: string;
+    /** The array of news items. */
+    newsList: NewsItemProps[];
+    /** The class name of the news item. */
+    classNameItem?: string;
+    /** Show the CTA button. Default false. */
+    isShowBtn?: boolean;
+    /** The url of the button. */
+    btnUrl?: string;
+    /** The name of the button. Default "Xem thêm". */
+    btnName?: string;
+    /** Open the button in a new tab. Default false. */
+    isNewTab?: boolean;
+    /** Loading state for load-more. Default false. */
+    isLoading?: boolean;
+}
+interface DataHorizontalScrollProps {
+    showGradientOverlay?: boolean;
+    gradientOverlayColor?: string;
+    className?: string;
+}
+interface NewsSectionProps extends SectionBlockProps {
+    template?: 1;
+    dataHeading: HeadingBlockProps;
+    dataHorizontalScroll?: DataHorizontalScrollProps;
+    dataNews: DataNewsProps[];
+    onClickModal?: (id: number) => void;
+    onClickLoadMore?: (tabIndex: number) => void;
+}
+
+export type { DataHorizontalScrollProps, DataNewsProps, NewsItemProps, NewsSectionProps };

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

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SocialProofSectionProps } 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 SocialProofSection({ template, background, className, idSection, dataHeading, dataBrands, dataButtons, spaceX, isScrollSnap, }: SocialProofSectionProps): react_jsx_runtime.JSX.Element;
+
+export { SocialProofSection };

package/dist/components/blocks/SocialProofSection/SocialProofSection.mjs

@@ -0,0 +1 @@
+import{a as t}from"../../../chunk-7LRQ2WLZ.mjs";import{jsx as r}from"react/jsx-runtime";import{cn as p}from"../../../lib/utils";import{SectionBlock as m}from"../common-blocks/common-blocks";import{SocialProofTemplate1 as s,SocialProofTemplate2 as P,SocialProofTemplate3 as d,SocialProofTemplate4 as u}from"./SocialProofTemplates";function B({template:e,dataHeading:c,dataBrands:i,dataButtons:a,spaceX:n,isScrollSnap:l}){const o={dataHeading:c,dataBrands:i,dataButtons:a,spaceX:n,isScrollSnap:l};switch(e){case 2:return r(P,t({},o));case 3:return r(d,t({},o));case 4:return r(u,t({},o));default:return r(s,t({},o))}}function T({template:e=1,background:c,className:i,idSection:a,dataHeading:n,dataBrands:l=[],dataButtons:o,spaceX:S="20px",isScrollSnap:f}){return r(m,{className:p(e===3&&"overflow-hidden md:overflow-visible",i),idSection:a,background:c,children:r(B,{template:e,dataHeading:n,dataBrands:l,dataButtons:o,spaceX:S,isScrollSnap:f})})}export{T as SocialProofSection};

package/dist/components/blocks/SocialProofSection/SocialProofTemplates.d.mts

@@ -0,0 +1,17 @@
+export { SocialProofTemplate1 } from './templates/SocialProofTemplate1.mjs';
+export { SocialProofTemplate2 } from './templates/SocialProofTemplate2.mjs';
+export { SocialProofTemplate3 } from './templates/SocialProofTemplate3.mjs';
+export { SocialProofTemplate4 } from './templates/SocialProofTemplate4.mjs';
+import 'react';
+import 'react/jsx-runtime';
+import './utils.mjs';
+import '../common-blocks/utils.mjs';
+import '../action-button/utils.mjs';
+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/SocialProofSection/SocialProofTemplates.mjs

@@ -0,0 +1 @@
+import"../../../chunk-7LRQ2WLZ.mjs";import{SocialProofTemplate1 as r}from"./templates/SocialProofTemplate1";import{SocialProofTemplate2 as f}from"./templates/SocialProofTemplate2";import{SocialProofTemplate3 as m}from"./templates/SocialProofTemplate3";import{SocialProofTemplate4 as t}from"./templates/SocialProofTemplate4";export{r as SocialProofTemplate1,f as SocialProofTemplate2,m as SocialProofTemplate3,t as SocialProofTemplate4};

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

@@ -0,0 +1,14 @@
+export { SocialProofSection } from './SocialProofSection.mjs';
+export { BrandData, SocialProofSectionProps } 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/SocialProofSection/index.mjs

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

package/dist/components/blocks/SocialProofSection/templates/SocialProofTemplate1.d.mts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SocialProofSectionProps } from '../utils.mjs';
+import '../../common-blocks/utils.mjs';
+import '../../action-button/utils.mjs';
+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 SocialProofTemplate1: React.MemoExoticComponent<({ dataHeading, dataBrands, dataButtons, spaceX, isScrollSnap }: SocialProofSectionProps) => react_jsx_runtime.JSX.Element>;
+
+export { SocialProofTemplate1 };

package/dist/components/blocks/SocialProofSection/templates/SocialProofTemplate1.mjs

@@ -0,0 +1 @@
+"use client";import{a as c,b as x}from"../../../../chunk-7LRQ2WLZ.mjs";import{jsx as o,jsxs as v}from"react/jsx-runtime";import{memo as w}from"react";import{cn as a}from"../../../../lib/utils";import{ButtonsBlock as d,HeadingBlock as y}from"../../common-blocks/common-blocks";const N={"20px":"md:gap-x-5","28px":"md:gap-x-7","36px":"md:gap-x-9","40px":"md:gap-x-10","48px":"md:gap-x-12","56px":"md:gap-x-14","64px":"md:gap-x-16","80px":"md:gap-x-20"},h=w(({dataHeading:l,dataBrands:m,dataButtons:s,spaceX:r,isScrollSnap:p})=>{const f=N[r!=null?r:"20px"];return v("div",{"data-slot":"social-proof-template-1",children:[l?o(y,{tagline:l.tagline,title:l.title,description:l.description,tagHeading:l.tagHeading,align:"center",colorScheme:l.colorScheme||"pink",sizeHeading:l.sizeHeading,className:l.className}):null,m&&m.length>0?o("div",{className:a("list-brands flex flex-row gap-y-6 overflow-x-auto overflow-y-hidden py-2 md:flex-wrap md:justify-center",f,p?"-mx-5 snap-x snap-mandatory flex-nowrap space-x-5 px-5 pb-3 md:mx-0 md:space-x-0 md:px-0":"mx-auto max-w-xs flex-wrap justify-center md:max-w-full"),children:m.map(e=>{var t,i,n;const u=e.url?"a":"div",g=e.url?{href:e.url,title:e.name,target:e.newTab?"_blank":"_self",rel:e.newTab?"noreferrer":void 0}:{};return o("div",{className:a("flex max-h-28 w-auto items-center justify-center md:max-w-36 md:basis-auto md:px-0",p?"shrink-0 basis-1/3 snap-center":"basis-1/2 px-3"),children:o(u,x(c({},g),{className:"group flex h-full w-full items-center justify-center",children:o("img",{src:e.logo,loading:"lazy",alt:(n=e.name)!=null?n:"",className:a("max-h-full max-w-full object-contain",e.url&&"transform transition group-hover:scale-105")})}))},`${(t=e.name)!=null?t:""}-${(i=e.logo)!=null?i:""}`)})}):null,s?o(d,{isFullInMobile:s.isFullInMobile,buttons:s.buttons,className:s.className,align:"center"}):null]})});h.displayName="SocialProofTemplate1";export{h as SocialProofTemplate1};

package/dist/components/blocks/SocialProofSection/templates/SocialProofTemplate2.d.mts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SocialProofSectionProps } from '../utils.mjs';
+import '../../common-blocks/utils.mjs';
+import '../../action-button/utils.mjs';
+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 SocialProofTemplate2: React.MemoExoticComponent<({ dataHeading, dataBrands, dataButtons, isScrollSnap }: SocialProofSectionProps) => react_jsx_runtime.JSX.Element>;
+
+export { SocialProofTemplate2 };

package/dist/components/blocks/SocialProofSection/templates/SocialProofTemplate2.mjs

@@ -0,0 +1 @@
+"use client";import{a,b as n}from"../../../../chunk-7LRQ2WLZ.mjs";import{jsx as o,jsxs as v}from"react/jsx-runtime";import{memo as x}from"react";import{cn as p}from"../../../../lib/utils";import{ButtonsBlock as d,HeadingBlock as g}from"../../common-blocks/common-blocks";const y=x(({dataHeading:l,dataBrands:s,dataButtons:r,isScrollSnap:i})=>v("div",{"data-slot":"social-proof-template-2",children:[l?o(g,{tagline:l.tagline,title:l.title,description:l.description,tagHeading:l.tagHeading,align:"center",colorScheme:l.colorScheme||"pink",sizeHeading:l.sizeHeading,className:l.className}):null,s&&s.length>0?o("div",{className:p("list-brands flex md:flex-wrap md:justify-center md:gap-y-6",i?"-mx-5 snap-x snap-mandatory flex-nowrap space-x-5 overflow-x-auto overflow-y-hidden px-5 pb-3 md:mx-0 md:space-x-0 md:px-0":"-mx-2.5 flex-wrap gap-y-5 md:-mx-3"),children:s.map(e=>{var t,m,c;const f=e.url?"a":"div",u=e.url?{href:e.url,title:e.name,target:e.newTab?"_blank":"_self",rel:e.newTab?"noreferrer":void 0}:{};return o("div",{className:p("flex items-center justify-center text-center md:basis-1/4 md:px-3",i?"shrink-0 basis-5/12 snap-center":"basis-1/2 px-2.5"),children:o(f,n(a({},u),{className:"flex h-full w-full items-center justify-center rounded-md border border-border bg-card p-3 duration-300 hover:border-primary",children:o("div",{className:"flex w-full items-center justify-center",children:o("img",{src:e.logo,loading:"lazy",alt:(c=e.name)!=null?c:"",className:"h-auto max-h-28 w-auto max-w-full object-contain"})})}))},`${(t=e.name)!=null?t:""}-${(m=e.logo)!=null?m:""}`)})}):null,r?o(d,{isFullInMobile:r.isFullInMobile,buttons:r.buttons,className:r.className,align:"center"}):null]}));y.displayName="SocialProofTemplate2";export{y as SocialProofTemplate2};

package/dist/components/blocks/SocialProofSection/templates/SocialProofTemplate3.d.mts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SocialProofSectionProps } from '../utils.mjs';
+import '../../common-blocks/utils.mjs';
+import '../../action-button/utils.mjs';
+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 SocialProofTemplate3: React.MemoExoticComponent<({ dataHeading, dataBrands, dataButtons }: SocialProofSectionProps) => react_jsx_runtime.JSX.Element>;
+
+export { SocialProofTemplate3 };

package/dist/components/blocks/SocialProofSection/templates/SocialProofTemplate3.mjs

@@ -0,0 +1 @@
+"use client";import{a,b as p}from"../../../../chunk-7LRQ2WLZ.mjs";import{jsx as o,jsxs as u}from"react/jsx-runtime";import{memo as g}from"react";import{cn as c}from"../../../../lib/utils";import{useIsMobile as N}from"../../../../hooks/use-mobile";import{Carousel as v,CarouselContent as w,CarouselDots as b,CarouselItem as h}from"../../../mobase/carousel";import{ButtonsBlock as y,HeadingBlock as C}from"../../common-blocks/common-blocks";function n(e,l){var r;if(!e)return o("div",{className:c("h-full w-full",l)});const t=e.url?"a":"div";return o("div",{className:c("h-full w-full",l),children:o(t,p(a({},e.url&&{href:e.url,title:e.name,target:e.newTab?"_blank":"_self",rel:e.newTab?"noreferrer":void 0}),{className:c("flex h-full w-full items-center justify-center rounded-md border border-border bg-card p-3",e.url&&"duration-300 hover:border-primary"),children:o("div",{className:"flex h-full w-full items-center justify-center",children:o("img",{src:e.logo,alt:(r=e.name)!=null?r:"",className:"h-auto max-h-full w-auto max-w-full object-contain"})})}))})}const x=g(({dataHeading:e,dataBrands:l,dataButtons:t})=>{const r=N(),f=[],m=[];if(l&&l.length>10){const s=Math.ceil(l.length/2);f.push(...l.slice(0,s)),m.push(...l.slice(s))}return u("div",{"data-slot":"social-proof-template-3",children:[e?o(C,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"center",colorScheme:e.colorScheme||"pink",sizeHeading:e.sizeHeading,className:e.className}):null,l&&l.length>0?u(v,{opts:{align:r?"center":"start"},className:"w-full",children:[o(w,{className:"overflow-visible md:overflow-hidden",children:l.length>=12?f.map((s,i)=>u(h,{className:"flex shrink-0 basis-5/12 flex-col items-center justify-between gap-3 pl-3 md:basis-1/4 md:gap-4 md:pl-4 lg:basis-1/6",children:[n(s,"min-h-0 flex-1"),m[i]?n(m[i],"min-h-0 flex-1"):o("div",{className:"min-h-0 flex-1"})]},`${s.logo}-${i}`)):l.map((s,i)=>o(h,{className:"flex basis-5/12 items-center justify-center pl-3 md:basis-1/4 md:pl-4 lg:basis-1/6",children:n(s)},`${s.logo}-${i}`))}),o(b,{className:"mt-5"})]}):null,t?o(y,{isFullInMobile:t.isFullInMobile,buttons:t.buttons,className:t.className,align:"center"}):null]})});x.displayName="SocialProofTemplate3";export{x as SocialProofTemplate3};

package/dist/components/blocks/SocialProofSection/templates/SocialProofTemplate4.d.mts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SocialProofSectionProps } from '../utils.mjs';
+import '../../common-blocks/utils.mjs';
+import '../../action-button/utils.mjs';
+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 SocialProofTemplate4: React.MemoExoticComponent<({ dataHeading, dataBrands, dataButtons }: SocialProofSectionProps) => react_jsx_runtime.JSX.Element>;
+
+export { SocialProofTemplate4 };

package/dist/components/blocks/SocialProofSection/templates/SocialProofTemplate4.mjs

@@ -0,0 +1,18 @@
+"use client";import{a as c,b as p}from"../../../../chunk-7LRQ2WLZ.mjs";import{Fragment as y,jsx as l,jsxs as k}from"react/jsx-runtime";import{memo as a}from"react";import{cn as n}from"../../../../lib/utils";import{InfiniteSlider as x}from"../../../mobase/infinite-slider";import{ButtonsBlock as g,HeadingBlock as v}from"../../common-blocks/common-blocks";function f(e,i){var t;const o=e!=null&&e.url?"a":"div";return l("div",{className:n("h-full w-full",i),children:l(o,p(c({},(e==null?void 0:e.url)&&{href:e.url,title:e.name,target:e.newTab?"_blank":"_self",rel:e.newTab?"noreferrer":void 0}),{className:n("flex h-full w-full items-center justify-center rounded-md border border-border bg-card p-3",(e==null?void 0:e.url)&&"duration-300 hover:border-primary"),children:l("div",{className:"flex h-full w-full items-center justify-center",children:l("img",{src:e==null?void 0:e.logo,alt:(t=e==null?void 0:e.name)!=null?t:"",className:"h-auto max-h-full w-auto max-w-full object-contain"})})}))})}const h=a(({dataHeading:e,dataBrands:i,dataButtons:o})=>{var r;const t=(r=i==null?void 0:i.length)!=null?r:0,u=t>6;return k("div",{"data-slot":"social-proof-template-4",children:[e?l(v,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"center",colorScheme:e.colorScheme||"pink",sizeHeading:e.sizeHeading,className:e.className}):null,t>0?l(y,{children:u?l("div",{className:"mark-horizontal-slider relative overflow-hidden",children:l(x,{direction:"horizontal",speed:70,speedOnHover:.05,gap:20,className:"inline-flex flex-row",children:i==null?void 0:i.map((s,m)=>l("div",{className:"w-32 md:w-40",children:f(s)},`${s.logo}-${m}`))})}):l("div",{className:"list-brands -mx-5 flex snap-x snap-mandatory flex-nowrap space-x-3 overflow-x-auto overflow-y-hidden px-5 pb-3 md:-mx-3 md:flex-wrap md:justify-center md:gap-y-6 md:space-x-0 md:px-0",children:i==null?void 0:i.map((s,m)=>l("div",{className:"flex shrink-0 basis-5/12 snap-center items-center justify-center md:basis-1/4 md:px-3 lg:basis-1/6",children:f(s)},`${s.logo}-${m}`))})}):null,o?l(g,{isFullInMobile:o.isFullInMobile,buttons:o.buttons,className:o.className,align:"center"}):null,l("style",{children:`
+          .mark-horizontal-slider {
+            mask-image: linear-gradient(
+              to right,
+              transparent 0px,
+              black 32px,
+              black calc(100% - 32px),
+              transparent 100%
+            );
+            -webkit-mask-image: linear-gradient(
+              to right,
+              transparent 0px,
+              black 32px,
+              black calc(100% - 32px),
+              transparent 100%
+            );
+          }
+        `})]})});h.displayName="SocialProofTemplate4";export{h as SocialProofTemplate4};

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

@@ -0,0 +1,31 @@
+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 BrandData {
+    name?: string;
+    logo?: string;
+    url?: string;
+    newTab?: boolean;
+}
+interface SocialProofSectionProps extends SectionBlockProps {
+    template?: 1 | 2 | 3 | 4;
+    dataHeading?: HeadingBlockProps;
+    dataBrands?: BrandData[];
+    dataButtons?: ButtonsBlockProps;
+    /** Desktop horizontal gap between logos (template 1 only). Mobile uses fixed spacing. */
+    spaceX?: "20px" | "28px" | "36px" | "40px" | "48px" | "56px" | "64px" | "80px";
+    /** Scroll snap on mobile (template 1 and 2). */
+    isScrollSnap?: boolean;
+}
+
+export type { BrandData, SocialProofSectionProps };

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

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TestimonialSectionProps } 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 TestimonialSection({ template, background, className, idSection, dataHeading, dataTestimonials, dataButtons, }: TestimonialSectionProps): react_jsx_runtime.JSX.Element;
+
+export { TestimonialSection };

package/dist/components/blocks/TestimonialSection/TestimonialSection.mjs

@@ -0,0 +1 @@
+import{a as o}from"../../../chunk-7LRQ2WLZ.mjs";import{jsx as r}from"react/jsx-runtime";import{cn as u}from"../../../lib/utils";import{SectionBlock as T}from"../common-blocks/common-blocks";import{TestimonialTemplateOne as i}from"./templates/TestimonialTemplateOne";import{TestimonialTemplateThree as S}from"./templates/TestimonialTemplateThree";import{TestimonialTemplateTwo as w}from"./templates/TestimonialTemplateTwo";function a(e){switch(e.template){case 1:return r(i,o({},e));case 2:return r(w,o({},e));case 3:return r(S,o({},e));default:return r(i,o({},e))}}function h({template:e=1,background:m,className:c,idSection:l,dataHeading:f,dataTestimonials:n,dataButtons:p}){var t;return r(T,{className:u(e===1&&((t=n==null?void 0:n.length)!=null?t:0)>3?"[&>.wrapper]:max-w-full [&>.wrapper]:md:px-0":"",e===3?"overflow-hidden":"",c),idSection:l,background:m,children:a({template:e,dataHeading:f,dataTestimonials:n,dataButtons:p})})}export{h as TestimonialSection};