@momo-webplatform/mobase-next 1.0.1 → 1.0.2

package/dist/components/mobase/toast.mjs

@@ -1 +1 @@
-"use client";import{a as d,b as l,c}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as a,jsxs as i}from"react/jsx-runtime";import{Toast as t}from"@base-ui/react/toast";import{CircleAlertIcon as y,CircleCheckIcon as u,InfoIcon as x,LoaderCircleIcon as h,TriangleAlertIcon as w}from"lucide-react";import{cn as p}from"../../lib/utils";import{buttonVariants as f}from"./button";const g={error:y,info:x,loading:h,success:u,warning:w};function b(o){const e=o.startsWith("top")?"up":"down";return o.includes("center")?[e]:o.includes("left")?["left",e]:["right",e]}function T({position:o}){const{toasts:e}=t.useToastManager(),r=b(o);return a(t.Portal,{"data-slot":"toast-portal",children:a(t.Viewport,{className:p("fixed z-60 mx-auto flex w-[calc(100%-var(--toast-inset)*2)] max-w-90 [--toast-inset:--spacing(4)] sm:[--toast-inset:--spacing(8)]","data-[position*=top]:top-(--toast-inset)","data-[position*=bottom]:bottom-(--toast-inset)","data-[position*=left]:left-(--toast-inset)","data-[position*=right]:right-(--toast-inset)","data-[position*=center]:left-1/2 data-[position*=center]:-translate-x-1/2"),"data-position":o,"data-slot":"toast-viewport",children:e.map(s=>{const n=s.type?g[s.type]:null;return a(t.Root,{className:p("absolute z-[calc(9999-var(--toast-index))] h-(--toast-calc-height) w-full select-none rounded-lg border bg-popover not-dark:bg-clip-padding text-popover-foreground shadow-lg/5 [transition:transform_.5s_cubic-bezier(.22,1,.36,1),opacity_.5s,height_.15s] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]","data-[position*=right]:right-0 data-[position*=right]:left-auto","data-[position*=left]:right-auto data-[position*=left]:left-0","data-[position*=center]:right-0 data-[position*=center]:left-0","data-[position*=top]:top-0 data-[position*=top]:bottom-auto data-[position*=top]:origin-top","data-[position*=bottom]:top-auto data-[position*=bottom]:bottom-0 data-[position*=bottom]:origin-bottom","after:absolute after:left-0 after:h-[calc(var(--toast-gap)+1px)] after:w-full","data-[position*=top]:after:top-full","data-[position*=bottom]:after:bottom-full","[--toast-calc-height:var(--toast-frontmost-height,var(--toast-height))] [--toast-gap:--spacing(3)] [--toast-peek:--spacing(3)] [--toast-scale:calc(max(0,1-(var(--toast-index)*.1)))] [--toast-shrink:calc(1-var(--toast-scale))]","data-[position*=top]:[--toast-calc-offset-y:calc(var(--toast-offset-y)+var(--toast-index)*var(--toast-gap)+var(--toast-swipe-movement-y))]","data-[position*=bottom]:[--toast-calc-offset-y:calc(var(--toast-offset-y)*-1+var(--toast-index)*var(--toast-gap)*-1+var(--toast-swipe-movement-y))]","data-[position*=top]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+(var(--toast-index)*var(--toast-peek))+(var(--toast-shrink)*var(--toast-calc-height))))_scale(var(--toast-scale))]","data-[position*=bottom]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--toast-peek))-(var(--toast-shrink)*var(--toast-calc-height))))_scale(var(--toast-scale))]","data-limited:opacity-0","data-expanded:h-(--toast-height)","data-position:data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(var(--toast-calc-offset-y))]","data-[position*=top]:data-starting-style:transform-[translateY(calc(-100%-var(--toast-inset)))]","data-[position*=bottom]:data-starting-style:transform-[translateY(calc(100%+var(--toast-inset)))]","data-ending-style:opacity-0","data-ending-style:not-data-limited:not-data-swipe-direction:transform-[translateY(calc(100%+var(--toast-inset)))]","data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-100%-var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]","data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+100%+var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]","data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-100%-var(--toast-inset)))]","data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+100%+var(--toast-inset)))]","data-expanded:data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-100%-var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]","data-expanded:data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+100%+var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]","data-expanded:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-100%-var(--toast-inset)))]","data-expanded:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+100%+var(--toast-inset)))]"),"data-position":o,swipeDirection:r,toast:s,children:i(t.Content,{className:"pointer-events-auto flex items-center justify-between gap-1.5 overflow-hidden px-3.5 py-3 text-sm transition-opacity duration-250 data-behind:not-data-expanded:pointer-events-none data-behind:opacity-0 data-expanded:opacity-100",children:[i("div",{className:"flex gap-2",children:[n?a("div",{className:"[&>svg]:h-lh [&>svg]:w-4 [&_svg]:pointer-events-none [&_svg]:shrink-0","data-slot":"toast-icon",children:a(n,{className:"in-data-[type=loading]:animate-spin in-data-[type=error]:text-destructive in-data-[type=info]:text-info in-data-[type=success]:text-success in-data-[type=warning]:text-warning in-data-[type=loading]:opacity-80"})}):null,i("div",{className:"flex flex-col gap-0.5",children:[a(t.Title,{className:"font-medium","data-slot":"toast-title"}),a(t.Description,{className:"text-muted-foreground","data-slot":"toast-description"})]})]}),s.actionProps?a(t.Action,{className:f({size:"xs"}),"data-slot":"toast-action",children:s.actionProps.children}):null]})},s.id)})})})}function P(){const{toasts:o}=t.useToastManager();return a(t.Portal,{"data-slot":"toast-portal-anchored",children:a(t.Viewport,{className:"outline-none","data-slot":"toast-viewport-anchored",children:o.map(e=>{var m,v;const r=e.type?g[e.type]:null,s=(m=e.data.tooltipStyle)!=null?m:!1,n=e.positionerProps;return n!=null&&n.anchor?a(t.Positioner,{className:"z-50 max-w-[min(--spacing(64),var(--available-width))]","data-slot":"toast-positioner",sideOffset:(v=n.sideOffset)!=null?v:4,toast:e,children:a(t.Root,{className:p("relative text-balance border bg-popover not-dark:bg-clip-padding text-popover-foreground text-xs transition-[scale,opacity] before:pointer-events-none before:absolute before:inset-0 before:shadow-[0_1px_--theme(--color-black/4%)] data-ending-style:scale-98 data-starting-style:scale-98 data-ending-style:opacity-0 data-starting-style:opacity-0 dark:before:shadow-[0_-1px_--theme(--color-white/6%)]",s?"rounded-md shadow-md/5 before:rounded-[calc(var(--radius-md)-1px)]":"rounded-lg shadow-lg/5 before:rounded-[calc(var(--radius-lg)-1px)]"),"data-slot":"toast-popup",toast:e,children:s?a(t.Content,{className:"pointer-events-auto px-2 py-1",children:a(t.Title,{"data-slot":"toast-title"})}):i(t.Content,{className:"pointer-events-auto flex items-center justify-between gap-1.5 overflow-hidden px-3.5 py-3 text-sm",children:[i("div",{className:"flex gap-2",children:[r?a("div",{className:"[&>svg]:h-lh [&>svg]:w-4 [&_svg]:pointer-events-none [&_svg]:shrink-0","data-slot":"toast-icon",children:a(r,{className:"in-data-[type=loading]:animate-spin in-data-[type=error]:text-destructive in-data-[type=info]:text-info in-data-[type=success]:text-success in-data-[type=warning]:text-warning in-data-[type=loading]:opacity-80"})}):null,i("div",{className:"flex flex-col gap-0.5",children:[a(t.Title,{className:"font-medium","data-slot":"toast-title"}),a(t.Description,{className:"text-muted-foreground","data-slot":"toast-description"})]})]}),e.actionProps?a(t.Action,{className:f({size:"xs"}),"data-slot":"toast-action",children:e.actionProps.children}):null]})})},e.id):null})})})}const _=t.createToastManager(),N=t.createToastManager();function I(s){var n=s,{children:o,position:e="bottom-right"}=n,r=c(n,["children","position"]);return i(t.Provider,l(d({toastManager:_},r),{children:[o,a(T,{position:e})]}))}function M(r){var s=r,{children:o}=s,e=c(s,["children"]);return i(t.Provider,l(d({toastManager:N},e),{children:[o,a(P,{})]}))}export{M as AnchoredToastProvider,t as ToastPrimitive,I as ToastProvider,N as anchoredToastManager,_ as toastManager};
+"use client";import{a as d,b as l,c as p}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as a,jsxs as i}from"react/jsx-runtime";import{Toast as t}from"@base-ui/react/toast";import{CircleAlertIcon as y,CircleCheckIcon as x,InfoIcon as u,LoaderCircleIcon as w,TriangleAlertIcon as h}from"lucide-react";import{cn as c}from"../../lib/utils";import{buttonVariants as f}from"./button";const g={error:y,info:u,loading:w,success:x,warning:h};function T(o){const e=o.startsWith("top")?"up":"down";return o.includes("center")?[e]:o.includes("left")?["left",e]:["right",e]}function b({position:o}){const{toasts:e}=t.useToastManager(),r=T(o);return a(t.Portal,{"data-slot":"toast-portal",children:a(t.Viewport,{className:c("fixed z-60 mx-auto flex w-[calc(100%-var(--toast-inset)*2)] max-w-90 [--toast-inset:--spacing(4)] sm:[--toast-inset:--spacing(8)]","data-[position*=top]:top-(--toast-inset)","data-[position*=bottom]:bottom-(--toast-inset)","data-[position*=left]:left-(--toast-inset)","data-[position*=right]:right-(--toast-inset)","data-[position*=center]:left-1/2 data-[position*=center]:-translate-x-1/2"),"data-position":o,"data-slot":"toast-viewport",children:e.map(s=>{const n=s.type?g[s.type]:null;return a(t.Root,{className:c("absolute z-[calc(9999-var(--toast-index))] h-(--toast-calc-height) w-full select-none rounded-3xl bg-popover not-dark:bg-clip-padding text-popover-foreground shadow-large [transition:transform_.5s_cubic-bezier(.22,1,.36,1),opacity_.5s,height_.15s]","data-[position*=right]:right-0 data-[position*=right]:left-auto","data-[position*=left]:right-auto data-[position*=left]:left-0","data-[position*=center]:right-0 data-[position*=center]:left-0","data-[position*=top]:top-0 data-[position*=top]:bottom-auto data-[position*=top]:origin-top","data-[position*=bottom]:top-auto data-[position*=bottom]:bottom-0 data-[position*=bottom]:origin-bottom","after:absolute after:left-0 after:h-[calc(var(--toast-gap)+1px)] after:w-full","data-[position*=top]:after:top-full","data-[position*=bottom]:after:bottom-full","[--toast-calc-height:var(--toast-frontmost-height,var(--toast-height))] [--toast-gap:--spacing(3)] [--toast-peek:--spacing(3)] [--toast-scale:calc(max(0,1-(var(--toast-index)*.1)))] [--toast-shrink:calc(1-var(--toast-scale))]","data-[position*=top]:[--toast-calc-offset-y:calc(var(--toast-offset-y)+var(--toast-index)*var(--toast-gap)+var(--toast-swipe-movement-y))]","data-[position*=bottom]:[--toast-calc-offset-y:calc(var(--toast-offset-y)*-1+var(--toast-index)*var(--toast-gap)*-1+var(--toast-swipe-movement-y))]","data-[position*=top]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+(var(--toast-index)*var(--toast-peek))+(var(--toast-shrink)*var(--toast-calc-height))))_scale(var(--toast-scale))]","data-[position*=bottom]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--toast-peek))-(var(--toast-shrink)*var(--toast-calc-height))))_scale(var(--toast-scale))]","data-limited:opacity-0","data-expanded:h-(--toast-height)","data-position:data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(var(--toast-calc-offset-y))]","data-[position*=top]:data-starting-style:transform-[translateY(calc(-100%-var(--toast-inset)))]","data-[position*=bottom]:data-starting-style:transform-[translateY(calc(100%+var(--toast-inset)))]","data-ending-style:opacity-0","data-ending-style:not-data-limited:not-data-swipe-direction:transform-[translateY(calc(100%+var(--toast-inset)))]","data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-100%-var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]","data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+100%+var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]","data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-100%-var(--toast-inset)))]","data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+100%+var(--toast-inset)))]","data-expanded:data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-100%-var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]","data-expanded:data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+100%+var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]","data-expanded:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-100%-var(--toast-inset)))]","data-expanded:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+100%+var(--toast-inset)))]"),"data-position":o,swipeDirection:r,toast:s,children:i(t.Content,{className:"pointer-events-auto flex items-start justify-start gap-1.5 overflow-hidden px-4 py-3 text-sm transition-opacity duration-250 data-behind:not-data-expanded:pointer-events-none data-behind:opacity-0 data-expanded:opacity-100",children:[i("div",{className:"flex min-w-0 grow gap-1.5 items-start",children:[n?a("div",{className:"flex shrink-0 items-center justify-center p-1 text-popover-foreground select-none [&>svg]:box-content [&>svg]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0","data-slot":"toast-icon",children:a(n,{className:"in-data-[type=loading]:animate-spin in-data-[type=error]:text-destructive in-data-[type=info]:text-info in-data-[type=success]:text-success in-data-[type=warning]:text-warning in-data-[type=loading]:opacity-80"})}):null,i("div",{className:"flex min-w-0 grow flex-col items-start self-center",children:[a(t.Title,{className:"text-sm leading-5 font-medium in-data-[type=error]:text-destructive in-data-[type=info]:text-info in-data-[type=success]:text-success in-data-[type=warning]:text-warning","data-slot":"toast-title"}),a(t.Description,{className:"text-sm text-muted-foreground","data-slot":"toast-description"})]})]}),s.actionProps?a(t.Action,{className:c(f({size:"xs",variant:"tertiary"}),"mt-2 shrink-0 sm:mt-0"),"data-slot":"toast-action",children:s.actionProps.children}):null]})},s.id)})})})}function P(){const{toasts:o}=t.useToastManager();return a(t.Portal,{"data-slot":"toast-portal-anchored",children:a(t.Viewport,{className:"outline-none","data-slot":"toast-viewport-anchored",children:o.map(e=>{var m,v;const r=e.type?g[e.type]:null,s=(m=e.data.tooltipStyle)!=null?m:!1,n=e.positionerProps;return n!=null&&n.anchor?a(t.Positioner,{className:"z-50 max-w-[min(--spacing(90),var(--available-width))]","data-slot":"toast-positioner",sideOffset:(v=n.sideOffset)!=null?v:4,toast:e,children:a(t.Root,{className:"relative rounded-3xl bg-popover not-dark:bg-clip-padding text-balance text-popover-foreground shadow-large transition-[scale,opacity] data-ending-style:scale-98 data-starting-style:scale-98 data-ending-style:opacity-0 data-starting-style:opacity-0","data-slot":"toast-popup",toast:e,children:s?a(t.Content,{className:"pointer-events-auto flex items-start gap-1.5 px-4 py-3",children:a(t.Title,{className:"text-sm leading-5 font-medium","data-slot":"toast-title"})}):i(t.Content,{className:"pointer-events-auto flex items-start justify-start gap-1.5 overflow-hidden px-4 py-3 text-sm",children:[i("div",{className:"flex min-w-0 grow gap-1.5 items-start",children:[r?a("div",{className:"flex shrink-0 items-center justify-center p-1 text-popover-foreground select-none [&>svg]:box-content [&>svg]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0","data-slot":"toast-icon",children:a(r,{className:"in-data-[type=loading]:animate-spin in-data-[type=error]:text-destructive in-data-[type=info]:text-info in-data-[type=success]:text-success in-data-[type=warning]:text-warning in-data-[type=loading]:opacity-80"})}):null,i("div",{className:"flex min-w-0 grow flex-col items-start self-center",children:[a(t.Title,{className:"text-sm leading-5 font-medium in-data-[type=error]:text-destructive in-data-[type=info]:text-info in-data-[type=success]:text-success in-data-[type=warning]:text-warning","data-slot":"toast-title"}),a(t.Description,{className:"text-sm text-muted-foreground","data-slot":"toast-description"})]})]}),e.actionProps?a(t.Action,{className:c(f({size:"xs",variant:"tertiary"}),"mt-2 shrink-0 sm:mt-0"),"data-slot":"toast-action",children:e.actionProps.children}):null]})})},e.id):null})})})}const N=t.createToastManager(),_=t.createToastManager();function I(s){var n=s,{children:o,position:e="bottom-right"}=n,r=p(n,["children","position"]);return i(t.Provider,l(d({toastManager:N},r),{children:[o,a(b,{position:e})]}))}function M(r){var s=r,{children:o}=s,e=p(s,["children"]);return i(t.Provider,l(d({toastManager:_},e),{children:[o,a(P,{})]}))}export{M as AnchoredToastProvider,t as ToastPrimitive,I as ToastProvider,_ as anchoredToastManager,N as toastManager};

package/dist/index.d.mts

@@ -11,6 +11,7 @@ export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants } from './co
 export { HorizontalContent, HorizontalNext, HorizontalPrevious, HorizontalScroll, HorizontalScrollProps } from './components/mobase/horizontal-scroll.mjs';
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, navigationMenuTriggerStyle } from './components/mobase/navigation-menu.mjs';
 export { HeaderNavigation } from './components/blocks/header-navigation/header-navigation.mjs';
+export { HeaderNavigationDropdownAlign, HeaderNavigationItemLink, HeaderNavigationItemWithDropdown, HeaderNavigationMenuItem, HeaderNavigationProps, HeaderNavigationServiceInfo, HeaderNavigationSubItem } from './components/blocks/header-navigation/types.mjs';
 export { Footer } from './components/blocks/footer/footer.mjs';
 export { FooterContent } from './components/blocks/footer/footer-content.mjs';
 export { footerAppDownloads, footerCertificationBadge, footerDefaultPrimaryMenu, footerDefaultSecondaryMenu, footerHelpGuideUrl, footerLogoSrc, footerMoMoText, footerQrDownloadImage, footerSocialItems, footerSupportAddress } from './components/blocks/footer/defaults.mjs';
@@ -36,11 +37,13 @@ export { Command, CommandCollection, CommandCreateHandle, CommandDialog, Command
 export { RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps } from './components/mobase/radio-group.mjs';
 export { Switch } from './components/mobase/switch.mjs';
 export { Slider } from './components/mobase/slider.mjs';
+export { NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldProps, NumberFieldScrubArea, NumberFieldScrubAreaProps, NumberFieldSize } from './components/mobase/number-field.mjs';
+export { OTPField, OTPFieldInput, OTPFieldProps, OTPFieldSeparator, OTPFieldSize } from './components/mobase/otp-field.mjs';
 export { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue } from './components/mobase/progress.mjs';
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './components/mobase/accordion.mjs';
 export { Alert, AlertAction, AlertDescription, AlertTitle } from './components/mobase/alert.mjs';
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './components/mobase/alert-dialog.mjs';
-export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyProps, EmptyTitle, emptyVariants } from './components/mobase/empty.mjs';
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from './components/mobase/empty.mjs';
 export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle } from './components/mobase/item.mjs';
 export { Hitbox } from './components/mobase/hitbox.mjs';
 export { Form } from './components/mobase/form.mjs';
@@ -58,8 +61,10 @@ export { PerType, PresetType, TextEffect, TextEffectProps } from './components/m
 export { SlidingNumber } from './components/mobase/sliding-number.mjs';
 export { Marquee, MarqueeContent, MarqueeContentProps, MarqueeFade, MarqueeFadeProps, MarqueeItem, MarqueeItemProps, MarqueeProps } from './components/mobase/marquee.mjs';
 export { default as LogosCarousel, LogosCarouselProps } from './components/mobase/logos-carousel.mjs';
-export { HeroSection } from './components/blocks/HeroSection/HeroSection.mjs';
-export { HeroContentProps } from './components/blocks/HeroSection/utils.mjs';
+export { DialogQr, DialogQrProps } from './components/blocks/dialog-qr/DialogQr.mjs';
+export { PaymentGuide, PaymentGuideDialog, PaymentGuideDialogProps, PaymentGuideProps, QRCodeScanBox, QRPayment, QRPaymentProps } from './components/mobase/qr-payment.mjs';
+export { HERO_SECTION_DEFAULT_BACKGROUND, HeroSection } from './components/blocks/HeroSection/HeroSection.mjs';
+export { HeroContentListFeatureProps, HeroContentListStats, HeroContentMediaProps, HeroContentProps } from './components/blocks/HeroSection/utils.mjs';
 export { GiftListSection } from './components/blocks/GiftListSection/GiftListSection.mjs';
 export { GiftListItemData, GiftListSectionProps } from './components/blocks/GiftListSection/utils.mjs';
 export { FeatureSection } from './components/blocks/FeatureSection/FeatureSection.mjs';
@@ -67,9 +72,11 @@ export { FeatureSectionProps } from './components/blocks/FeatureSection/utils.mj
 export { MetricsSection } from './components/blocks/MetricsSection/MetricsSection.mjs';
 export { MetricsSectionProps } from './components/blocks/MetricsSection/utils.mjs';
 export { CTASection } from './components/blocks/CTASection/CTASection.mjs';
-export { CTABlockData, CTAMedia, CTASectionProps } from './components/blocks/CTASection/utils.mjs';
+export { CTABlockData, CTAMedia, CTASectionData, CTASectionProps } from './components/blocks/CTASection/utils.mjs';
 export { HowItWorksSection } from './components/blocks/HowItWorksSection/HowItWorksSection.mjs';
 export { HowItWorksData, HowItWorksSectionProps } from './components/blocks/HowItWorksSection/utils.mjs';
+export { GuideSection } from './components/blocks/GuideSection/GuideSection.mjs';
+export { GuideDataProps, GuideSectionProps, StepItemProps } from './components/blocks/GuideSection/utils.mjs';
 export { BlogSection } from './components/blocks/BlogSection/BlogSection.mjs';
 export { BlogItemProps, BlogSectionProps, DataBlogProps } from './components/blocks/BlogSection/utils.mjs';
 export { NewsSection } from './components/blocks/NewsSection/NewsSection.mjs';
@@ -91,11 +98,10 @@ export { default as useLocalStorage } from './hooks/use-local-storage.mjs';
 export { useIsClient } from './hooks/use-is-client.mjs';
 export { useIsTouchDevice } from './hooks/use-is-touch-device.mjs';
 export { default as useWindowSize } from './hooks/use-window-size.mjs';
-export { cn } from './lib/utils.mjs';
+export { cn, stripHtml } from './lib/utils.mjs';
 export { scrollToSelector } from './lib/scroll-to-selector.mjs';
 export { convertMediaRatio } from './lib/media-ratio.mjs';
 export { BuildQrCodeImageUrlOptions, buildQrCodeImageUrl } from './lib/qr-image-url.mjs';
-export { LegacyMobaseButtonVariantName, MobaseButtonVariant, mapLegacyMobaseButtonVariant } from './lib/legacy-button-variant.mjs';
 export { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
 export { Toast as ToastPrimitive } from '@base-ui/react/toast';
 export { Dialog as CommandDialogPrimitive, Dialog as DialogPrimitive } from '@base-ui/react/dialog';
@@ -111,7 +117,6 @@ import '@base-ui/react/use-render';
 import '@base-ui/react/tooltip';
 import '@base-ui/react/tabs';
 import '@base-ui/react/navigation-menu';
-import './components/blocks/header-navigation/types.mjs';
 import '@base-ui/react/field';
 import '@base-ui/react/separator';
 import '@base-ui/react/menu';
@@ -123,6 +128,8 @@ import '@base-ui/react/radio';
 import '@base-ui/react/radio-group';
 import '@base-ui/react/switch';
 import '@base-ui/react/slider';
+import '@base-ui/react/number-field';
+import '@base-ui/react/otp-field';
 import '@base-ui/react/progress';
 import '@base-ui/react/accordion';
 import '@base-ui/react/alert-dialog';
@@ -133,5 +140,4 @@ import 'motion/react';
 import 'react-fast-marquee';
 import './components/blocks/common-blocks/utils.mjs';
 import './components/blocks/action-button/utils.mjs';
-import './components/blocks/dialog-qr/DialogQr.mjs';
 import 'clsx';

package/dist/index.mjs

@@ -1 +1 @@
-export*from"./components/mobase/button";export*from"./components/mobase/close-button";export*from"./components/mobase/button-group";export*from"./components/mobase/input";export*from"./components/mobase/input-search";export*from"./components/mobase/input-group";export*from"./components/mobase/spinner";export*from"./components/mobase/tooltip";export*from"./components/mobase/kbd";export*from"./components/mobase/tabs";export*from"./components/mobase/horizontal-scroll";export*from"./components/mobase/navigation-menu";export*from"./components/blocks/header-navigation";export*from"./components/blocks/footer";export*from"./components/mobase/table";export*from"./components/mobase/field";export*from"./components/mobase/label";export*from"./components/mobase/separator";export*from"./components/mobase/badge";export*from"./components/mobase/skeleton";export*from"./components/mobase/card";export*from"./components/mobase/dropdown-menu";export*from"./components/mobase/popover";export*from"./components/mobase/select";export*from"./components/mobase/scroll-area";export*from"./components/mobase/native-select";export*from"./components/mobase/toast";export*from"./components/mobase/textarea";export*from"./components/mobase/logo";export*from"./components/mobase/checkbox";export*from"./components/mobase/combobox";export*from"./components/mobase/command";export*from"./components/mobase/radio-group";export*from"./components/mobase/switch";export*from"./components/mobase/slider";export*from"./components/mobase/progress";export*from"./components/mobase/accordion";export*from"./components/mobase/alert";export*from"./components/mobase/alert-dialog";export*from"./components/mobase/empty";export*from"./components/mobase/item";export*from"./components/mobase/hitbox";export*from"./components/mobase/form";export*from"./components/mobase/aspect-ratio";export*from"./components/mobase/avatar";export*from"./components/mobase/breadcrumb";export*from"./components/mobase/carousel";export*from"./components/mobase/dialog";export*from"./components/mobase/drawer";export*from"./components/mobase/pagination";export*from"./components/mobase/calendar";export*from"./components/mobase/date-picker";export*from"./components/mobase/autocomplete";export*from"./components/mobase/text-effect";export*from"./components/mobase/sliding-number";export*from"./components/mobase/marquee";export*from"./components/mobase/logos-carousel";export*from"./components/blocks/HeroSection";export*from"./components/blocks/GiftListSection";export*from"./components/blocks/FeatureSection";export*from"./components/blocks/MetricsSection";export*from"./components/blocks/CTASection";export*from"./components/blocks/HowItWorksSection";export*from"./components/blocks/BlogSection";export*from"./components/blocks/NewsSection";export*from"./components/blocks/FAQSection";export*from"./components/blocks/SocialProofSection";export*from"./components/blocks/TestimonialSection";export*from"./components/mobase/infinite-slider";export*from"./lib/testimonial-avatar";export*from"./lib/plain-text-from-html";export*from"./hooks/use-click-outside";export*from"./hooks/use-mobile";export*from"./hooks/use-copy-to-clipboard";export*from"./hooks/use-is-momo-app";export*from"./hooks/use-local-storage";export*from"./hooks/use-is-client";export*from"./hooks/use-is-touch-device";export*from"./hooks/use-window-size";export*from"./lib/utils";export*from"./lib/scroll-to-selector";export*from"./lib/media-ratio";export*from"./lib/qr-image-url";export*from"./lib/legacy-button-variant";
+export*from"./components/mobase/button";export*from"./components/mobase/close-button";export*from"./components/mobase/button-group";export*from"./components/mobase/input";export*from"./components/mobase/input-search";export*from"./components/mobase/input-group";export*from"./components/mobase/spinner";export*from"./components/mobase/tooltip";export*from"./components/mobase/kbd";export*from"./components/mobase/tabs";export*from"./components/mobase/horizontal-scroll";export*from"./components/mobase/navigation-menu";export*from"./components/blocks/header-navigation";export*from"./components/blocks/footer";export*from"./components/mobase/table";export*from"./components/mobase/field";export*from"./components/mobase/label";export*from"./components/mobase/separator";export*from"./components/mobase/badge";export*from"./components/mobase/skeleton";export*from"./components/mobase/card";export*from"./components/mobase/dropdown-menu";export*from"./components/mobase/popover";export*from"./components/mobase/select";export*from"./components/mobase/scroll-area";export*from"./components/mobase/native-select";export*from"./components/mobase/toast";export*from"./components/mobase/textarea";export*from"./components/mobase/logo";export*from"./components/mobase/checkbox";export*from"./components/mobase/combobox";export*from"./components/mobase/command";export*from"./components/mobase/radio-group";export*from"./components/mobase/switch";export*from"./components/mobase/slider";export*from"./components/mobase/number-field";export*from"./components/mobase/otp-field";export*from"./components/mobase/progress";export*from"./components/mobase/accordion";export*from"./components/mobase/alert";export*from"./components/mobase/alert-dialog";export*from"./components/mobase/empty";export*from"./components/mobase/item";export*from"./components/mobase/hitbox";export*from"./components/mobase/form";export*from"./components/mobase/aspect-ratio";export*from"./components/mobase/avatar";export*from"./components/mobase/breadcrumb";export*from"./components/mobase/carousel";export*from"./components/mobase/dialog";export*from"./components/mobase/drawer";export*from"./components/mobase/pagination";export*from"./components/mobase/calendar";export*from"./components/mobase/date-picker";export*from"./components/mobase/autocomplete";export*from"./components/mobase/text-effect";export*from"./components/mobase/sliding-number";export*from"./components/mobase/marquee";export*from"./components/mobase/logos-carousel";export*from"./components/mobase/dialog-qr";export*from"./components/mobase/qr-payment";export*from"./components/blocks/HeroSection";export*from"./components/blocks/GiftListSection";export*from"./components/blocks/FeatureSection";export*from"./components/blocks/MetricsSection";export*from"./components/blocks/CTASection";export*from"./components/blocks/HowItWorksSection";export*from"./components/blocks/GuideSection";export*from"./components/blocks/BlogSection";export*from"./components/blocks/NewsSection";export*from"./components/blocks/FAQSection";export*from"./components/blocks/SocialProofSection";export*from"./components/blocks/TestimonialSection";export*from"./components/mobase/infinite-slider";export*from"./lib/testimonial-avatar";export*from"./lib/plain-text-from-html";export*from"./hooks/use-click-outside";export*from"./hooks/use-mobile";export*from"./hooks/use-copy-to-clipboard";export*from"./hooks/use-is-momo-app";export*from"./hooks/use-local-storage";export*from"./hooks/use-is-client";export*from"./hooks/use-is-touch-device";export*from"./hooks/use-window-size";export*from"./lib/utils";export*from"./lib/scroll-to-selector";export*from"./lib/media-ratio";export*from"./lib/qr-image-url";

package/dist/lib/utils.d.mts

@@ -1,5 +1,6 @@
 import { ClassValue } from 'clsx';
 
 declare function cn(...inputs: ClassValue[]): string;
+declare function stripHtml(html?: string): string;
 
-export { cn };
+export { cn, stripHtml };

package/dist/lib/utils.mjs

@@ -1 +1 @@
-import"../chunk-7LRQ2WLZ.mjs";import{clsx as t}from"clsx";import{extendTailwindMerge as s}from"tailwind-merge";const n=s({extend:{classGroups:{"font-size":[{text:["tiny"]}]}},override:{conflictingClassGroups:{"font-size":[]}}});function i(...e){return n(t(e))}export{i as cn};
+import"../chunk-7LRQ2WLZ.mjs";import{clsx as r}from"clsx";import{extendTailwindMerge as t}from"tailwind-merge";const n=t({extend:{classGroups:{"font-size":[{text:["tiny"]}]}},override:{conflictingClassGroups:{"font-size":[]}}});function p(...e){return n(r(e))}function o(e){return!e||typeof e!="string"?"":e.replace(/<[^>]*>/g,"").replace(/&nbsp;/g," ").replace(/&amp;/g,"&").replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&quot;/g,'"').replace(/&#39;/g,"'").trim()}export{p as cn,o as stripHtml};

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "@momo-webplatform/mobase-next",
-  "version": "1.0.1",
-  "sideEffects": false,
+  "version": "1.0.2",
+  "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",
@@ -53,12 +74,6 @@
   "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/lib/legacy-button-variant.d.mts

@@ -1,13 +0,0 @@
-/**
- * Variant nút từ hệ Mobase / website cũ (Radix-era) trước khi map sang `Button` hiện tại.
- */
-type LegacyMobaseButtonVariantName = "primary" | "secondary" | "outline" | "tonal" | "danger" | "transparent";
-/** Khớp với `variant` của `Button` (sau khi map). */
-type MobaseButtonVariant = "default" | "secondary" | "outline" | "ghost" | "destructive" | "link";
-/**
- * Map variant legacy → variant `Button` Mobase (shadcn-style).
- * Giá trị đã là variant mới thì giữ nguyên (hoặc fallback `default`).
- */
-declare function mapLegacyMobaseButtonVariant(variant: LegacyMobaseButtonVariantName | MobaseButtonVariant | undefined | null): MobaseButtonVariant;
-
-export { type LegacyMobaseButtonVariantName, type MobaseButtonVariant, mapLegacyMobaseButtonVariant };

package/dist/lib/legacy-button-variant.mjs

@@ -1 +0,0 @@
-import"../chunk-7LRQ2WLZ.mjs";function t(e){switch(e){case"primary":return"default";case"secondary":return"secondary";case"outline":return"outline";case"tonal":return"secondary";case"danger":return"destructive";case"transparent":return"ghost";default:return e!=null?e:"default"}}export{t as mapLegacyMobaseButtonVariant};