@momo-webplatform/mobase-next 1.0.1

package/README.md

@@ -0,0 +1,136 @@
+# @momo-webplatform/mobase-next
+
+UI component library built with shadcn/ui and React.
+
+## Installation
+
+Mobase declares **all runtime dependencies as peer dependencies** (React, Base UI, Radix primitives, date-fns, etc.). Your project must provide them.
+
+**Recommended:** use pnpm with `auto-install-peers=true` in `.npmrc` — then installing Mobase will install all peers automatically:
+
+```bash
+pnpm add @momo-webplatform/mobase-next
+```
+
+**Otherwise**, install Mobase and its peer dependencies explicitly. See `peerDependencies` in [package.json](https://github.com/your-org/momo-mobase-webplatform/blob/main/packages/ui/package.json) for the full list, or run:
+
+```bash
+pnpm add @momo-webplatform/mobase-next
+pnpm add react react-dom @base-ui/react @hookform/resolvers class-variance-authority clsx cmdk date-fns embla-carousel-react input-otp lucide-react next-themes react-day-picker react-hook-form react-resizable-panels recharts  tailwind-merge tailwindcss-animate vaul zod
+```
+
+## Usage
+
+### Import Components
+
+```tsx
+import { Button, Card, Input } from "@momo-webplatform/mobase-next"
+```
+
+### Import Styles
+
+Import the CSS file in your app's root layout or main CSS file:
+
+```css
+@import "@momo-webplatform/mobase-next/styles";
+```
+
+Or in your Next.js app:
+
+```tsx
+import "@momo-webplatform/mobase-next/styles"
+```
+
+### Import Hooks
+
+```tsx
+import { useIsMobile, useToast } from "@momo-webplatform/mobase-next"
+```
+
+### Import Utils
+
+```tsx
+import { cn } from "@momo-webplatform/mobase-next"
+```
+
+## Available Components
+
+All shadcn/ui components are available:
+
+- Accordion
+- Alert
+- Alert Dialog
+- Aspect Ratio
+- Avatar
+- Badge
+- Breadcrumb
+- Button
+- Button Group
+- Calendar
+- Card
+- Carousel
+- Chart
+- Checkbox
+- Collapsible
+- Combobox
+- Command
+- Context Menu
+- Dialog
+- Drawer
+- Dropdown Menu
+- Empty
+- Field
+- Form
+- Hover Card
+- Input
+- Input Group
+- Input OTP
+- Item
+- KBD
+- Label
+- Menubar
+- Native Select
+- Navigation Menu
+- Pagination
+- Popover
+- Progress
+- Radio Group
+- Resizable
+- Scroll Area
+- Select
+- Separator
+- Sheet
+- Sidebar
+- Skeleton
+- Slider
+- Spinner
+- Switch
+- Table
+- Tabs
+- Textarea
+- Toast
+- Toaster
+- Toggle
+- Toggle Group
+- Tooltip
+
+## Requirements
+
+This package requires:
+
+- React 18+
+- Tailwind CSS configured in your project
+- The CSS variables from `globals.css` imported in your app
+
+## Development
+
+```bash
+# Build
+pnpm build
+
+# Watch mode
+pnpm dev
+
+# Lint
+pnpm lint
+```

package/dist/chunk-7LRQ2WLZ.mjs

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

@@ -0,0 +1,17 @@
+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, }: BlogSectionProps): react_jsx_runtime.JSX.Element;
+
+export { BlogSection };

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

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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+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, dataBlog, onClickModal, onClickLoadMore, }: BlogSectionProps): react_jsx_runtime.JSX.Element;
+
+export { BlogSectionTemplateOne };

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

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

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

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

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

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

@@ -0,0 +1,49 @@
+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;
+}
+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

@@ -0,0 +1,17 @@
+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, }: CTASectionProps): react_jsx_runtime.JSX.Element;
+
+export { CTASection };

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

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

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

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

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

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

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

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

@@ -0,0 +1,60 @@
+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;
+}
+
+export type { CTABlockData, CTAMedia, CTASectionProps };

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

@@ -0,0 +1,17 @@
+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, }: FAQSectionProps): react_jsx_runtime.JSX.Element;
+
+export { FAQSection };

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+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, }: FeatureSectionProps) => react_jsx_runtime.JSX.Element;
+
+export { FeatureSection };

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

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

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

@@ -0,0 +1,29 @@
+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">;
+type FeatureTemplateBannerProps = Pick<FeatureSectionProps, "dataHeading" | "dataFeatures" | "dataButtons" | "dataBanner">;
+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 };