@momo-webplatform/mobase-next 1.0.1 → 1.0.3

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "@momo-webplatform/mobase-next",
-  "version": "1.0.1",
-  "sideEffects": false,
+  "version": "1.0.3",
+  "sideEffects": [
+    "**/*.css",
+    "./src/styles/**"
+  ],
   "license": "MIT",
   "files": [
     "dist",
@@ -38,7 +41,25 @@
     "tailwind-merge": "^2.5.5",
     "tailwindcss-animate": "^1.0.7",
     "vaul": "^1.1.2",
-    "zod": "3.25.76"
+    "zod": "3.25.76",
+    "html-react-parser": "^5.2.17",
+    "qrcode.react": "^4.2.0",
+    "react-fast-marquee": "^1.6.5",
+    "ua-parser-js": "^2.0.9"
+  },
+  "peerDependenciesMeta": {
+    "html-react-parser": {
+      "optional": true
+    },
+    "qrcode.react": {
+      "optional": true
+    },
+    "react-fast-marquee": {
+      "optional": true
+    },
+    "ua-parser-js": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@types/react": "^19.0.0",
@@ -47,18 +68,12 @@
     "eslint": "^8.57.0",
     "tsup": "^8.0.2",
     "typescript": "5.5.4",
-    "@repo/eslint-config": "0.0.0",
-    "@repo/typescript-config": "0.0.0"
+    "@repo/typescript-config": "0.0.0",
+    "@repo/eslint-config": "0.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "dependencies": {
-    "html-react-parser": "^5.2.17",
-    "qrcode.react": "^4.2.0",
-    "react-fast-marquee": "^1.6.5",
-    "ua-parser-js": "^2.0.9"
-  },
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",

package/src/styles/globals.css

@@ -135,6 +135,7 @@
 }
 
 @layer base {
+
   button:not(:disabled),
   [role="button"]:not(:disabled) {
     cursor: pointer;
@@ -223,19 +224,19 @@
   --color-pink-9-value: oklch(55.4% 0.2301 353.2);
   --color-pink-10-value: oklch(34.5% 0.1334 353.2);
 
-  --color-gray-1-value: oklch(95.6% 0.0083 341.9);
-  --color-gray-2-value: oklch(93.2% 0.011 341.9);
-  --color-gray-3-value: oklch(90.9% 0.0142 341.9);
-  --color-gray-4-value: oklch(88.6% 0.0163 341.9);
-  --color-gray-5-value: oklch(85.4% 0.0201 341.9);
-  --color-gray-6-value: oklch(79.4% 0.0272 341.9);
-  --color-gray-7-value: oklch(64.6% 0.0274 341.9);
-  --color-gray-8-value: oklch(61.1% 0.026 341.9);
-  --color-gray-9-value: oklch(50.5% 0.0225 341.9);
-  --color-gray-10-value: oklch(24.5% 0.0189 341.9);
-
-  --color-background-1-value: oklch(99.2% 0.0025 341.9);
-  --color-background-2-value: oklch(98.3% 0.0046 341.9);
+  --color-gray-1-value: oklch(97.6% 0 0);
+  --color-gray-2-value: oklch(96.1% 0 0);
+  --color-gray-3-value: oklch(94% 0 0);
+  --color-gray-4-value: oklch(89.8% 0 0);
+  --color-gray-5-value: oklch(81.1% 0 0);
+  --color-gray-6-value: oklch(75.7% 0 0);
+  --color-gray-7-value: oklch(64% 0 0);
+  --color-gray-8-value: oklch(54.9% 0 0);
+  --color-gray-9-value: oklch(52.4% 0 0);
+  --color-gray-10-value: oklch(25.2% 0 0);
+
+  --color-background-1-value: oklch(100% 0 0);
+  --color-background-2-value: oklch(98.5% 0 0);
 }
 
 .dark {
@@ -316,19 +317,19 @@
   --color-pink-9-value: oklch(78.8% 0.1962 353.2);
   --color-pink-10-value: oklch(90.7% 0.0626 353.2);
 
-  --color-gray-10-value: oklch(94.9% 0.0033 342.5);
-  --color-gray-9-value: oklch(77% 0.0176 342.5);
-  --color-gray-8-value: oklch(58.6% 0.0209 342.5);
-  --color-gray-7-value: oklch(54% 0.0212 342.5);
-  --color-gray-6-value: oklch(49.2% 0.02 342.5);
-  --color-gray-5-value: oklch(40.2% 0.0153 342.5);
-  --color-gray-4-value: oklch(35% 0.0126 342.5);
-  --color-gray-3-value: oklch(31.4% 0.0112 342.5);
-  --color-gray-2-value: oklch(28.4% 0.0095 342.5);
-  --color-gray-1-value: oklch(25.5% 0.0069 342.5);
-
-  --color-background-1-value: oklch(18.5% 0.0139 341.9);
-  --color-background-2-value: oklch(0% 0.0145 341.9);
+  --color-gray-10-value: oklch(94.6% 0 0);
+  --color-gray-9-value: oklch(70.9% 0 0);
+  --color-gray-8-value: oklch(65% 0 0);
+  --color-gray-7-value: oklch(62.3% 0 0);
+  --color-gray-6-value: oklch(59% 0 0);
+  --color-gray-5-value: oklch(39% 0 0);
+  --color-gray-4-value: oklch(30.1% 0 0);
+  --color-gray-3-value: oklch(28.1% 0 0);
+  --color-gray-2-value: oklch(23.9% 0 0);
+  --color-gray-1-value: oklch(21.8% 0 0);
+
+  --color-background-1-value: oklch(14.5% 0 0);
+  --color-background-2-value: oklch(0% 0 0);
 }
 
 @theme inline {
@@ -453,4 +454,4 @@ html {
   -webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   text-size-adjust: 100%;
-}
+}

package/dist/chunk-7LRQ2WLZ.mjs

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

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

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

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

@@ -1 +0,0 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as a}from"react/jsx-runtime";import{cn as 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

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-"use client";import"../../../../chunk-7LRQ2WLZ.mjs";import{Fragment as u,jsx as 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

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

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

@@ -1 +0,0 @@
-"use client";import"../../../../chunk-7LRQ2WLZ.mjs";import{Fragment as 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

@@ -1,49 +0,0 @@
-import { SectionBlockProps, HeadingBlockProps } from '../common-blocks/utils.mjs';
-import '../action-button/utils.mjs';
-import 'react';
-import '../../mobase/button.mjs';
-import 'react/jsx-runtime';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../dialog-qr/DialogQr.mjs';
-import '../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';
-
-interface BlogItemProps {
-    id: number;
-    title: string;
-    totalViews?: string;
-    thumbnailMobile: string;
-    thumbnailDesktop: string;
-    url: string;
-    category?: string;
-    categoryUrl?: string;
-    description?: string;
-}
-interface DataBlogProps {
-    title: string;
-    blogList: BlogItemProps[];
-    classNameItem?: string;
-    isShowBtn?: boolean;
-    btnUrl?: string;
-    btnName?: string;
-    isNewTab?: boolean;
-    isLoading?: boolean;
-}
-interface DataHorizontalScrollProps {
-    showGradientOverlay?: boolean;
-    gradientOverlayColor?: string;
-    className?: string;
-}
-interface BlogSectionProps extends SectionBlockProps {
-    template?: 1 | 2;
-    dataHeading: HeadingBlockProps;
-    dataHorizontalScroll?: DataHorizontalScrollProps;
-    dataBlog: DataBlogProps[];
-    onClickModal?: (id: number) => void;
-    onClickLoadMore?: (tabIndex: number) => void;
-}
-
-export type { BlogItemProps, BlogSectionProps, DataBlogProps, DataHorizontalScrollProps };

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

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

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

@@ -1 +0,0 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as 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

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

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

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

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

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

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

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

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

@@ -1,60 +0,0 @@
-import { SectionBlockProps, HeadingBlockProps, ButtonsBlockProps } from '../common-blocks/utils.mjs';
-import '../action-button/utils.mjs';
-import 'react';
-import '../../mobase/button.mjs';
-import 'react/jsx-runtime';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../dialog-qr/DialogQr.mjs';
-import '../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';
-
-interface CTAMedia {
-    /**
-     * The image source.
-     */
-    src?: string;
-    /**
-     * The image alt text.
-     */
-    alt?: string;
-    /**
-     * The image aspect ratio (width / height). Defaults to 4/3.
-     */
-    ratio?: number;
-}
-interface CTABlockData {
-    /**
-     * Override the background color or image of the CTA block.
-     * Accepts any CSS background value (color, gradient, url()).
-     */
-    background?: string;
-}
-interface CTASectionProps extends SectionBlockProps {
-    /**
-     * Layout template variant.
-     * - `1` — centered content on a light background (default).
-     * - `2` — split layout: text on the left, media image on the right, on a primary background.
-     */
-    template?: 1 | 2;
-    /**
-     * Heading block data (tagline, title, description).
-     */
-    dataHeading?: HeadingBlockProps;
-    /**
-     * CTA block styling data (custom background).
-     */
-    dataCTA?: CTABlockData;
-    /**
-     * Button group data.
-     */
-    dataButtons?: ButtonsBlockProps;
-    /**
-     * Media (image) data used in template 2.
-     */
-    dataMedia?: CTAMedia;
-}
-
-export type { CTABlockData, CTAMedia, CTASectionProps };

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

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

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

@@ -1 +0,0 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as 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

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

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

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

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

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

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

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

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

@@ -1,36 +0,0 @@
-import { SectionBlockProps, HeadingBlockProps, ButtonsBlockProps } from '../common-blocks/utils.mjs';
-import '../action-button/utils.mjs';
-import 'react';
-import '../../mobase/button.mjs';
-import 'react/jsx-runtime';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../dialog-qr/DialogQr.mjs';
-import '../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';
-
-interface ContentsProps {
-    title: string;
-    description: string;
-}
-interface DataFAQProps {
-    title: string;
-    isActiveFistQuestion?: boolean;
-    contents: ContentsProps[];
-}
-interface DataHorizontalScrollProps {
-    showGradientOverlay?: boolean;
-    gradientOverlayColor?: string;
-    className?: string;
-}
-interface FAQSectionProps extends SectionBlockProps {
-    template?: 1 | 2;
-    dataHeading?: HeadingBlockProps;
-    dataFAQ: DataFAQProps[];
-    dataButtons?: ButtonsBlockProps;
-    dataHorizontalScroll?: DataHorizontalScrollProps;
-}
-
-export type { ContentsProps, DataFAQProps, DataHorizontalScrollProps, FAQSectionProps };

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

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

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

@@ -1 +0,0 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{Fragment as 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

@@ -1,29 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FeatureSectionProps } from './utils.mjs';
-import '../common-blocks/utils.mjs';
-import '../action-button/utils.mjs';
-import 'react';
-import '../../mobase/button.mjs';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-import '../dialog-qr/DialogQr.mjs';
-import '../../mobase/dialog.mjs';
-import '@base-ui/react/dialog';
-import '@base-ui/react/use-render';
-
-type FeatureTemplateStandardProps = Pick<FeatureSectionProps, "dataHeading" | "dataFeatures" | "dataButtons">;
-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 };