@momo-webplatform/mobase-next 1.0.2 → 1.0.3

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

@@ -1,77 +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 BannerData {
-    /**
-     * The image source.
-     */
-    src?: string;
-    /**
-     * The image alt.
-     */
-    alt?: string;
-    /**
-     * The image ratio.
-     */
-    ratio?: number;
-}
-interface FeatureData {
-    /**
-     * Feature name.
-     */
-    name?: string;
-    /**
-     * Feature description.
-     */
-    description?: string;
-    /**
-     * Feature image.
-     */
-    image?: string;
-    /**
-     * Feature button name.
-     */
-    btnName?: string;
-    /**
-     * Feature button link.
-     */
-    btnLink?: string;
-    /**
-     * Feature button use new tab.
-     */
-    newTab?: boolean;
-}
-interface FeatureSectionProps extends SectionBlockProps {
-    /**
-     * The template of the feature section.
-     */
-    template?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
-    /**
-     * The data heading of the feature section.
-     */
-    dataHeading?: HeadingBlockProps;
-    /**
-     * The array data features of the feature section.
-     */
-    dataFeatures?: FeatureData[];
-    /**
-     * The data buttons of the feature section.
-     */
-    dataButtons?: ButtonsBlockProps;
-    /**
-     * The data banner of the feature section.
-     */
-    dataBanner?: BannerData;
-}
-
-export type { BannerData, FeatureData, FeatureSectionProps };

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,81 +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 GiftListItemData {
-    /**
-     * Service name of gift card.
-     */
-    serviceName?: string;
-    /**
-     * Gift card title.
-     */
-    title: string;
-    /**
-     * Short description of gift card.
-     */
-    description?: string;
-    /**
-     * Gift thumbnail url (square image).
-     */
-    thumbnail?: string;
-    /**
-     * Gift tag content.
-     */
-    tag?: string;
-    /**
-     * Mark card as featured item.
-     */
-    isFeatured?: boolean;
-    /**
-     * Gift action button text.
-     */
-    btnName?: string;
-    /**
-     * Gift action button url. When set (non-empty), the CTA uses a link with this target.
-     * When empty or omitted but `btnName` is set, the CTA opens the detail modal instead.
-     */
-    btnLink?: string;
-    /**
-     * Open action button in new tab.
-     */
-    newTab?: boolean;
-    /**
-     * When true, clicking the card (outside the CTA) opens the detail modal. Does not affect CTA:
-     * CTA follows `btnLink` (navigate) vs no `btnLink` (open modal).
-     */
-    useModal?: boolean;
-    /**
-     * Short description displayed in modal.
-     */
-    content?: string;
-}
-interface GiftListSectionProps extends SectionBlockProps {
-    /**
-     * The template of the section.
-     */
-    template?: 1;
-    /**
-     * The data heading of the section.
-     */
-    dataHeading?: HeadingBlockProps;
-    /**
-     * The data buttons of the section.
-     */
-    dataButtons?: ButtonsBlockProps;
-    /**
-     * The array data gift list of the section.
-     */
-    dataGiftList?: GiftListItemData[];
-}
-
-export type { GiftListItemData, GiftListSectionProps };

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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