@momo-webplatform/mobase-next 1.0.1 → 1.0.2

package/dist/components/blocks/common-blocks/common-blocks.mjs

@@ -1 +1 @@
-import{a as u,b as d,c as m}from"../../../chunk-7LRQ2WLZ.mjs";import{jsx as l,jsxs as x}from"react/jsx-runtime";import g from"html-react-parser";import{cn as s}from"../../../lib/utils";import{ActionButton as B}from"../action-button/action-button";import{Heading as w,HeadingGroup as H,HeadingSub as y,HeadingTagline as N}from"../heading-group/HeadingGroup";function h({idSection:i,className:e,background:n,children:r}){return l("section",{id:i,className:s("block-section bg-background-1 py-8 md:py-10 lg:py-14",e),style:{background:n},children:l("div",{className:"wrapper relative",children:r})})}function P({align:i="center",tagline:e,title:n,description:r,tagHeading:o="h2",colorScheme:a="black",sizeHeading:t="small",className:p}){const c=a==="black"?"pink":a==="pink"?"regular":"white",f=a==="pink"?"pink":a==="white"?"white":"regular",k=a==="white"?"white":"regular";return!n&&!r&&!e?null:x(H,{align:i,className:p,children:[e?l(N,{color:c,children:e}):null,n?l(w,{tagHeading:o,color:f,size:t,children:g(n)}):null,r?l(y,{color:k,size:"large",marginTop:t==="large"?"spacing2Xl":"spacingX",children:g(r)}):null]})}function v({align:i,isFullInMobile:e=!1,buttons:n,className:r}){return(n==null?void 0:n.length)===0?null:l("div",{className:s("buttons-block mt-8 flex w-full gap-4 md:mt-10",i==="center"&&"justify-center",i==="right"&&"justify-end",e&&"flex-wrap md:flex-nowrap",r),children:n==null?void 0:n.slice(0,2).map((o,a)=>{if(!o)return null;const c=o,{btnName:t}=c,p=m(c,["btnName"]);return l(B,d(u({},p),{className:s(e&&"w-full md:w-auto",o.className),children:g(t)}),a)})})}export{v as ButtonsBlock,P as HeadingBlock,h as SectionBlock};
+import{a as u,b as d,c as k}from"../../../chunk-7LRQ2WLZ.mjs";import{jsx as o,jsxs as b}from"react/jsx-runtime";import p from"html-react-parser";import{cn as g}from"../../../lib/utils";import{ActionButton as B}from"../action-button/action-button";import{Heading as w,HeadingGroup as H,HeadingSub as y,HeadingTagline as N}from"../heading-group/HeadingGroup";function h({idSection:r,className:a,background:n,children:e}){return o("section",{"data-slot":"section-block",id:r,className:g("block-section bg-background-1 py-8 md:py-10 lg:py-14",a),style:{background:n},children:o("div",{"data-slot":"section-block-wrapper",className:"wrapper relative",children:e})})}function P({align:r="center",tagline:a,title:n,description:e,tagHeading:i="h2",colorScheme:l="pink",sizeHeading:t="small",className:s}){const c=l==="black"?"pink":l==="pink"?"regular":"white",m=l==="pink"?"pink":l==="white"?"white":"regular",f=l==="white"?"white":"regular";return!n&&!e&&!a?null:b(H,{align:r,className:s,children:[a?o(N,{color:c,children:a}):null,n?o(w,{tagHeading:i,color:m,size:t,children:p(n)}):null,e?o(y,{color:f,size:"large",marginTop:t==="large"?"spacing2Xl":"spacingX",children:p(e)}):null]})}function v({align:r,isFullInMobile:a=!1,buttons:n,className:e}){return(n==null?void 0:n.length)===0?null:o("div",{"data-slot":"buttons-block",className:g("buttons-block mt-8 flex w-full gap-4 md:mt-10",r==="center"&&"justify-center",r==="right"&&"justify-end",a&&"flex-wrap md:flex-nowrap",e),children:n==null?void 0:n.slice(0,2).map((i,l)=>{if(!i)return null;const c=i,{btnName:t}=c,s=k(c,["btnName"]);return o(B,d(u({},s),{className:g(a&&"w-full md:w-auto",i.className),children:p(t)}),l)})})}export{v as ButtonsBlock,P as HeadingBlock,h as SectionBlock};

package/dist/components/blocks/common-blocks/utils.d.mts

@@ -85,6 +85,12 @@ interface SectionBlockProps {
      * The children of the section.
      */
     children?: React.ReactNode;
+    /**
+     * When true, disables all loop animations (InfiniteSlider, HorizontalScroll nav, Carousel).
+     * Use in editor environments like Puck to prevent performance issues.
+     * @default false
+     */
+    editorMode?: boolean;
 }
 
 export type { ButtonsBlockProps, HeadingBlockProps, SectionBlockProps, dataButton };

package/dist/components/blocks/dialog-qr/DialogQr.mjs

@@ -1,4 +1,4 @@
-"use client";import{a as l,b as r,c}from"../../../chunk-7LRQ2WLZ.mjs";import{Fragment as n,jsx as e,jsxs as a}from"react/jsx-runtime";import{QRCodeSVG as x}from"qrcode.react";import{cn as f}from"../../../lib/utils";import{Dialog as u,DialogContent as N}from"../../mobase/dialog";function w({img:t="",children:o,isQrForAll:i}){return a(n,{children:[e("div",{className:"qrcode__scan__container",children:a("div",{className:"qrcode__scan",children:[e("div",{className:"qrcode__gradient",children:e("img",{alt:"step 1",className:"img-fluid",src:"https://homepage.momocdn.net/jk/momo2020/img/qrcode/qrcode-gradient.png"})}),e("div",{className:"qrcode__border",children:e("img",{alt:"step 2",className:"img-fluid",src:"https://homepage.momocdn.net/jk/momo2020/img/qrcode/border-qrcode.svg"})}),e("div",{className:"p-4 qrcode__image",children:t?e("img",{alt:"step 3",className:"mx-auto img-fluid d-block",src:t,loading:"lazy"}):o})]})}),e("div",{className:"mt-4 text-sm text-white",children:i?a(n,{children:[e("img",{src:"https://homepage.momocdn.net/img/momo-upload-api-231211171009-638379114093056419.png",width:255,height:32,className:"mx-auto",alt:"QR all"}),e("div",{className:"mt-3",children:"Nh\u1EADn ti\u1EC1n t\u1EEB m\u1ECDi V\xED \u0110i\u1EC7n T\u1EED v\xE0 Ng\xE2n H\xE0ng"})]}):a(n,{children:[e("svg",{xmlns:"http://www.w3.org/2000/svg",className:"inline mr-1 w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4v1m6 11h2m-6 0h-2v4m0-11v3m0 0h.01M12 12h4.01M16 20h4M4 12h4m12 0h.01M5 8h2a1 1 0 001-1V5a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1zm12 0h2a1 1 0 001-1V5a1 1 0 00-1-1h-2a1 1 0 00-1 1v2a1 1 0 001 1zM5 20h2a1 1 0 001-1v-2a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1z"})}),"S\u1EED d\u1EE5ng App MoMo ho\u1EB7c",e("br",{}),"\u1EE9ng d\u1EE5ng Camera h\u1ED7 tr\u1EE3 QR code \u0111\u1EC3 qu\xE9t m\xE3."]})}),e("style",{children:`
+"use client";import{a as r,b as m,c}from"../../../chunk-7LRQ2WLZ.mjs";import{Fragment as d,jsx as e,jsxs as a}from"react/jsx-runtime";import{QRCodeSVG as f}from"qrcode.react";import{cn as x}from"../../../lib/utils";import{Dialog as u,DialogContent as N}from"../../mobase/dialog";function w({img:t="",children:i,isQrForAll:o}){return a(d,{children:[e("div",{"data-slot":"dialog-qr-scan-container",className:"qrcode__scan__container",children:a("div",{"data-slot":"dialog-qr-scan",className:"qrcode__scan",children:[e("div",{"data-slot":"dialog-qr-scan-gradient",className:"qrcode__gradient",children:e("img",{alt:"step 1",className:"img-fluid",src:"https://homepage.momocdn.net/jk/momo2020/img/qrcode/qrcode-gradient.png"})}),e("div",{"data-slot":"dialog-qr-scan-border",className:"qrcode__border",children:e("img",{alt:"step 2",className:"img-fluid",src:"https://homepage.momocdn.net/jk/momo2020/img/qrcode/border-qrcode.svg"})}),e("div",{"data-slot":"dialog-qr-scan-image",className:"p-4 qrcode__image",children:t?e("img",{alt:"step 3",className:"mx-auto img-fluid d-block",src:t,loading:"lazy"}):i})]})}),e("div",{className:"mt-4 text-sm text-white",children:o?a(d,{children:[e("img",{src:"https://homepage.momocdn.net/img/momo-upload-api-231211171009-638379114093056419.png",width:255,height:32,className:"mx-auto",alt:"QR all"}),e("div",{className:"mt-3",children:"Nh\u1EADn ti\u1EC1n t\u1EEB m\u1ECDi V\xED \u0110i\u1EC7n T\u1EED v\xE0 Ng\xE2n H\xE0ng"})]}):a(d,{children:[e("svg",{xmlns:"http://www.w3.org/2000/svg",className:"inline mr-1 w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4v1m6 11h2m-6 0h-2v4m0-11v3m0 0h.01M12 12h4.01M16 20h4M4 12h4m12 0h.01M5 8h2a1 1 0 001-1V5a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1zm12 0h2a1 1 0 001-1V5a1 1 0 00-1-1h-2a1 1 0 00-1 1v2a1 1 0 001 1zM5 20h2a1 1 0 001-1v-2a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1z"})}),"S\u1EED d\u1EE5ng App MoMo ho\u1EB7c",e("br",{}),"\u1EE9ng d\u1EE5ng Camera h\u1ED7 tr\u1EE3 QR code \u0111\u1EC3 qu\xE9t m\xE3."]})}),e("style",{children:`
             .qrcode__scan__container {
               padding: 15px;
               background-color: white;
@@ -67,4 +67,4 @@
                 transform: translate3d(0, 30%, 0);
               }
             }
-          `})]})}function R(b){var m=b,{className:t,children:o,title:i,shortTitle:g,qrImage:p,qrLink:d,logoQr:h,isQrForAll:s=!1}=m,v=c(m,["className","children","title","shortTitle","qrImage","qrLink","logoQr","isQrForAll"]);return e(u,r(l({},v),{children:e(N,{className:f("h-auto max-h-screen bg-background-1 overflow-hidden border-0  p-0 ring-0 md:max-h-screen md:max-w-2xl lg:max-w-3xl [&>button>svg]:text-white",t),children:a("div",{className:"flex flex-row flex-wrap",children:[e("div",{className:"hidden flex-none w-full sm:block md:w-5/12",children:o||a("div",{className:"grid grid-cols-1 gap-y-6 px-5 py-8 text-sm",children:[a("div",{className:"flex flex-nowrap items-center",children:[e("div",{className:"flex-none",children:e("img",{className:"w-20",loading:"lazy",src:"https://homepage.momocdn.net/images/s/momo-upload-api-200917091602-637359309621891617.png",alt:"Step 1"})}),a("div",{className:"flex-1 pl-4",children:[e("div",{className:"font-semibold text-gray-800 step",children:"B\u01B0\u1EDBc 1 :"}),e("div",{className:"mt-1 text-gray-500",children:s?"M\u1EDF app MoMo ho\u1EB7c \u1EE9ng d\u1EE5ng ng\xE2n h\xE0ng/v\xED \u0111i\u1EC7n t\u1EED ch\u1EA5p nh\u1EADn m\xE3 v\u1EA1ch t\u1EEB QR \u0110a N\u0103ng":"M\u1EDF \u1EE9ng d\u1EE5ng camera m\u1EB7c \u0111\u1ECBnh ho\u1EB7c \u1EE9ng d\u1EE5ng h\u1ED7 tr\u1EE3 QR code c\u1EE7a b\u1EA1n"})]})]}),a("div",{className:"flex flex-nowrap items-center",children:[e("div",{className:"flex-none",children:e("img",{className:"w-20",loading:"lazy",src:"https://homepage.momocdn.net/images/s/momo-upload-api-200917091443-637359308837905996.png",alt:"Step 2"})}),a("div",{className:"flex-1 pl-4",children:[e("div",{className:"font-semibold text-gray-800 step",children:"B\u01B0\u1EDBc 2 :"}),e("div",{className:"mt-1 text-gray-500",children:"Qu\xE9t m\xE3 QR Code theo h\xECnh b\xEAn ph\u1EA3i"})]})]}),a("div",{className:"flex flex-nowrap items-center",children:[e("div",{className:"flex-none",children:e("img",{className:"w-20",loading:"lazy",src:"https://homepage.momocdn.net/images/s/momo-upload-api-200917090146-637359301062519803.png",alt:"Step 3"})}),a("div",{className:"flex-1 pl-4",children:[e("div",{className:"font-semibold text-gray-800 step",children:"B\u01B0\u1EDBc 3 :"}),a("div",{className:"mt-1 text-gray-500",children:["B\u1EA5m v\xE0o th\xF4ng b\xE1o hi\u1EC3n th\u1ECB \u0111\u1EC3 t\u1EA3i \u1EE9ng d\u1EE5ng ho\u1EB7c ",g||"Truy c\u1EADp ngay"]})]})]})]})}),e("div",{className:"flex justify-center items-center w-full h-auto md:w-7/12",style:{background:"url(https://homepage.momocdn.net/jk/momo2020/img/intro/qrcode-pattern.png) 10px 10px no-repeat,linear-gradient(to top,#c1177c,#e11b90)"},children:a("div",{className:"px-5 py-10 text-center",children:[i?e("h4",{className:"mb-5 text-base font-semibold text-white",children:i}):null,a("div",{className:"relative",children:[s?e("div",{className:"absolute -top-2 left-1/2 z-[5] -translate-x-1/2",children:e("img",{src:"https://homepage.momocdn.net/fileuploads/svg/momo-file-231211170324.svg",alt:"Title QR all"})}):null,e(w,{img:p,isQrForAll:s,children:d?e(x,{value:d,size:215,imageSettings:{src:h||"https://homepage.momocdn.net/pwa/images/logoMomox50.png",height:50,width:50,excavate:!0},level:"H"}):null})]})]})})]})})}))}export{R as DialogQr};
+          `})]})}function R(b){var l=b,{className:t,children:i,title:o,shortTitle:g,qrImage:p,qrLink:n,logoQr:h,isQrForAll:s=!1}=l,v=c(l,["className","children","title","shortTitle","qrImage","qrLink","logoQr","isQrForAll"]);return e(u,m(r({},v),{children:e(N,{"data-slot":"dialog-qr",className:x("h-auto max-h-screen bg-background-1 overflow-hidden border-0  p-0 md:max-h-screen md:max-w-2xl lg:max-w-3xl ",t),children:a("div",{"data-slot":"dialog-qr-layout",className:"flex flex-row flex-wrap",children:[e("div",{"data-slot":"dialog-qr-steps",className:"hidden flex-none w-full sm:block md:w-5/12",children:i||a("div",{className:"grid grid-cols-1 gap-y-6 px-5 py-8 text-sm",children:[a("div",{className:"flex flex-nowrap items-center",children:[e("div",{className:"flex-none",children:e("img",{className:"w-20",loading:"lazy",src:"https://homepage.momocdn.net/images/s/momo-upload-api-200917091602-637359309621891617.png",alt:"Step 1"})}),a("div",{className:"flex-1 pl-4",children:[e("div",{className:"font-semibold text-foreground step",children:"B\u01B0\u1EDBc 1 :"}),e("div",{className:"mt-1 text-muted-foreground",children:s?"M\u1EDF app MoMo ho\u1EB7c \u1EE9ng d\u1EE5ng ng\xE2n h\xE0ng/v\xED \u0111i\u1EC7n t\u1EED ch\u1EA5p nh\u1EADn m\xE3 v\u1EA1ch t\u1EEB QR \u0110a N\u0103ng":"M\u1EDF \u1EE9ng d\u1EE5ng camera m\u1EB7c \u0111\u1ECBnh ho\u1EB7c \u1EE9ng d\u1EE5ng h\u1ED7 tr\u1EE3 QR code c\u1EE7a b\u1EA1n"})]})]}),a("div",{className:"flex flex-nowrap items-center",children:[e("div",{className:"flex-none",children:e("img",{className:"w-20",loading:"lazy",src:"https://homepage.momocdn.net/images/s/momo-upload-api-200917091443-637359308837905996.png",alt:"Step 2"})}),a("div",{className:"flex-1 pl-4",children:[e("div",{className:"font-semibold text-foreground step",children:"B\u01B0\u1EDBc 2 :"}),e("div",{className:"mt-1 text-muted-foreground",children:"Qu\xE9t m\xE3 QR Code theo h\xECnh b\xEAn ph\u1EA3i"})]})]}),a("div",{className:"flex flex-nowrap items-center",children:[e("div",{className:"flex-none",children:e("img",{className:"w-20",loading:"lazy",src:"https://homepage.momocdn.net/images/s/momo-upload-api-200917090146-637359301062519803.png",alt:"Step 3"})}),a("div",{className:"flex-1 pl-4",children:[e("div",{className:"font-semibold text-foreground step",children:"B\u01B0\u1EDBc 3 :"}),a("div",{className:"mt-1 text-muted-foreground",children:["B\u1EA5m v\xE0o th\xF4ng b\xE1o hi\u1EC3n th\u1ECB \u0111\u1EC3 t\u1EA3i \u1EE9ng d\u1EE5ng ho\u1EB7c"," ",g||"Truy c\u1EADp ngay"]})]})]})]})}),e("div",{"data-slot":"dialog-qr-panel",className:"flex justify-center items-center w-full h-auto md:w-7/12",style:{background:"url(https://homepage.momocdn.net/jk/momo2020/img/intro/qrcode-pattern.png) 10px 10px no-repeat,linear-gradient(to top,#c1177c,#e11b90)"},children:a("div",{"data-slot":"dialog-qr-content",className:"px-5 py-10 text-center",children:[o?e("h4",{"data-slot":"dialog-qr-title",className:"mb-5 text-base font-semibold text-white",children:o}):null,a("div",{className:"relative",children:[s?e("div",{"data-slot":"dialog-qr-all-title",className:"absolute -top-2 left-1/2 z-[5] -translate-x-1/2",children:e("img",{src:"https://homepage.momocdn.net/fileuploads/svg/momo-file-231211170324.svg",alt:"Title QR all"})}):null,e(w,{img:p,isQrForAll:s,children:n?e(f,{value:n,size:215,imageSettings:{src:h||"https://homepage.momocdn.net/pwa/images/logoMomox50.png",height:50,width:50,excavate:!0},level:"H"}):null})]})]})})]})})}))}export{R as DialogQr};

package/dist/components/blocks/header-navigation/header-navigation.d.mts

@@ -2,6 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { HeaderNavigationProps } from './types.mjs';
 import 'react';
 
-declare function HeaderNavigation({ className, dataMenu, serviceInfo, navigationRight, isSticky, alignDropdown, isLogoVisible, }: HeaderNavigationProps): react_jsx_runtime.JSX.Element;
+declare function HeaderNavigation({ className, dataMenu, serviceInfo, navigationRight, hasDownloadApp, isSticky, alignDropdown, isLogoVisible, }: HeaderNavigationProps): react_jsx_runtime.JSX.Element;
 
 export { HeaderNavigation };

package/dist/components/blocks/header-navigation/header-navigation.mjs

@@ -1,5 +1,5 @@
-"use client";import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as e,jsxs as o}from"react/jsx-runtime";import g from"html-react-parser";import{cn as l}from"../../../lib/utils";import{HeaderNavigationMobileMenu as h}from"./mobile-menu";import{HeaderNavigationNavItems as u}from"./nav-items";function v(a){if(!(a==null||typeof a=="boolean")&&(typeof a=="string"||typeof a=="number"))return String(a)}function w({className:a,dataMenu:n,serviceInfo:i,navigationRight:s,isSticky:m=!0,alignDropdown:f="left",isLogoVisible:d=!0}){const{logo:p,name:t,url:c}=i||{},r=!s;return o("header",{className:l("w-full flex-none",m?"sticky top-0 z-40 lg:z-50":"relative z-40",a),"data-slot":"header-navigation",children:[e("div",{className:l("absolute h-full w-full bg-background-1 shadow-[inset_0px_-1px_0px_0px_rgba(0,0,0,0.08)]")}),e("nav",{className:l("wrapper grid grid-cols-1 items-center [--header-height-mobase:64px] lg:border-0"),style:{minHeight:"var(--header-height-mobase)"},"data-slot":"header-navigation-bar",children:o("div",{className:"relative flex items-center",children:[d?o("a",{href:"/",title:"MoMo",className:"mr-3 h-9 w-9 flex-none overflow-hidden rounded-none hover:opacity-80",children:[e("span",{className:"sr-only",children:"MoMo - \u1EE8ng d\u1EE5ng t\xE0i ch\xEDnh"}),e("img",{src:"https://homepage.momocdn.net/fileuploads/svg/momo-file-240411162904.svg",className:"h-9 w-9",alt:"MoMo"})]}):null,i?o("a",{href:c,title:v(t),className:l("relative flex flex-none items-center space-x-1 rounded-none hover:opacity-80",d&&"pl-2 after:absolute after:left-0 after:h-8 after:w-[1px] after:bg-gray-300 after:content-['']"),children:[e("img",{src:p,className:"h-9",alt:"MoMo"}),e("div",{className:"line-clamp-2 text-sm font-semibold leading-[1.1] text-pink-500",children:t!=null&&typeof t!="boolean"?typeof t=="string"?g(t):t:null})]}):null,e("div",{className:l("relative hidden min-w-0 flex-1 items-center lg:flex",r&&"justify-end",!r&&"lg:ml-2 xl:ml-4"),children:e(u,{data:n,alignDropdown:f})}),o("div",{className:l("ml-auto flex shrink-0 items-center gap-3",r&&"lg:ml-0"),children:[s,e(h,{data:n,className:"lg:hidden"})]})]})}),e("style",{children:`
+"use client";import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as v}from"react";import N from"html-react-parser";import{DownloadIcon as x}from"lucide-react";import{cn as l}from"../../../lib/utils";import{Button as y}from"../../mobase/button";import{DialogQr as b}from"../dialog-qr";import{HeaderNavigationMobileMenu as M}from"./mobile-menu";import{HeaderNavigationNavItems as w}from"./nav-items";function k(a){if(!(a==null||typeof a=="boolean")&&(typeof a=="string"||typeof a=="number"))return String(a)}function C({className:a,dataMenu:r,serviceInfo:i,navigationRight:s,hasDownloadApp:m=!1,isSticky:c=!0,alignDropdown:p="left",isLogoVisible:d=!0}){const{logo:g,name:o,url:h}=i||{},[u,f]=v(!1),n=!s&&!m;return t("header",{className:l("w-full flex-none",c?"sticky top-0 z-40 lg:z-50":"relative z-40",a),"data-slot":"header-navigation",children:[e("div",{className:l("absolute h-full w-full bg-background-1 shadow-[inset_0px_-1px_0px_0px_rgba(0,0,0,0.08)]")}),e("nav",{className:l("wrapper grid grid-cols-1 items-center [--header-height-mobase:64px] lg:border-0"),style:{minHeight:"var(--header-height-mobase)"},"data-slot":"header-navigation-bar",children:t("div",{className:"relative flex items-center",children:[d?t("a",{href:"/",title:"MoMo",className:"mr-3 h-9 w-9 flex-none overflow-hidden rounded-none hover:opacity-80",children:[e("span",{className:"sr-only",children:"MoMo - \u1EE8ng d\u1EE5ng t\xE0i ch\xEDnh"}),e("img",{src:"https://homepage.momocdn.net/fileuploads/svg/momo-file-240411162904.svg",className:"h-9 w-9",alt:"MoMo"})]}):null,i?t("a",{href:h,title:k(o),className:l("relative flex flex-none items-center space-x-1 rounded-none hover:opacity-80",d&&"pl-2 after:absolute after:left-0 after:h-8 after:w-[1px] after:bg-gray-300 after:content-['']"),children:[e("img",{src:g,className:"h-9",alt:"MoMo"}),e("div",{className:"line-clamp-2 text-sm font-semibold leading-[1.1] text-pink-500",children:o!=null&&typeof o!="boolean"?typeof o=="string"?N(o):o:null})]}):null,e("div",{className:l("relative hidden min-w-0 flex-1 items-center lg:flex",n&&"justify-end",!n&&"lg:ml-2 xl:ml-4"),children:e(w,{data:r,alignDropdown:p})}),t("div",{className:l("ml-auto flex shrink-0 items-center gap-3",n&&"lg:ml-0"),children:[s,m?t("div",{className:"hidden sm:flex",children:[t(y,{variant:"default",size:"sm",className:"tracking-cta-header",onClick:()=>{f(!0)},children:[e(x,{className:"mr-1 size-4","aria-hidden":!0}),"T\u1EA3i V\xED MoMo"]}),e(b,{open:u,onOpenChange:f,title:"Qu\xE9t m\xE3 \u0111\u1EC3 t\u1EA3i V\xED MoMo",shortTitle:"T\u1EA3i ngay",qrLink:"http://momo.vn/download"})]}):null,e(M,{data:r,className:"lg:hidden"})]})]})}),e("style",{children:`
           html {
             scroll-behavior: smooth;
           }
-        `})]})}export{w as HeaderNavigation};
+        `})]})}export{C as HeaderNavigation};

package/dist/components/blocks/header-navigation/index.d.mts

@@ -1,4 +1,4 @@
 export { HeaderNavigation } from './header-navigation.mjs';
+export { HeaderNavigationDropdownAlign, HeaderNavigationItemLink, HeaderNavigationItemWithDropdown, HeaderNavigationMenuItem, HeaderNavigationProps, HeaderNavigationServiceInfo, HeaderNavigationSubItem } from './types.mjs';
 import 'react/jsx-runtime';
-import './types.mjs';
 import 'react';

package/dist/components/blocks/header-navigation/index.mjs

@@ -1 +1 @@
-import"../../../chunk-7LRQ2WLZ.mjs";import{HeaderNavigation as o}from"./header-navigation";export{o as HeaderNavigation};
+import"../../../chunk-7LRQ2WLZ.mjs";import{HeaderNavigation as i}from"./header-navigation";export{i as HeaderNavigation};

package/dist/components/blocks/header-navigation/types.d.mts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 
 interface HeaderNavigationSubItem {
+    id?: number;
     title: string;
     icon: string;
     url: string;
@@ -12,6 +13,7 @@ interface HeaderNavigationItemWithDropdown {
     title: string;
     hasDropdown: true;
     dropDownCompact: boolean;
+    url?: string | null;
     subMenu: HeaderNavigationSubItem[];
 }
 interface HeaderNavigationItemLink {
@@ -35,6 +37,8 @@ interface HeaderNavigationProps {
     serviceInfo?: HeaderNavigationServiceInfo;
     /** Extra actions on the right (e.g. CTA). */
     navigationRight?: ReactNode;
+    /** Show legacy "Tải Ví MoMo" QR download action. */
+    hasDownloadApp?: boolean;
     isSticky?: boolean;
     alignDropdown?: HeaderNavigationDropdownAlign;
     /** Default home logo (MoMo marketing asset in the legacy component). */

package/dist/components/blocks/heading-group/HeadingGroup.mjs

@@ -1 +1 @@
-"use client";import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as o}from"react/jsx-runtime";import{createContext as u,useContext as m}from"react";import{cn as g}from"../../../lib/utils";const p=u({align:"center"});function x({color:a="pink",size:e="small",isTruncated:t=!1,className:n,children:s}){const r={regular:"text-gray-10",pink:"text-primary",white:"text-background-1"},i={small:"text-sm",large:"text-lg"};return o("div",{className:g("mb-1 font-semibold",r[a],i[e],t&&"truncate",n),children:s})}function H({tagHeading:a="h2",size:e="small",color:t="pink",isTruncated:n=!1,className:s,children:r}){const i=a,c={regular:"text-gray-10",pink:"text-primary",white:"text-background-1"},d={small:"lg:text-3xl text-2xl",large:"lg:text-4xl md:text-3xl text-2xl"},{align:l}=m(p);return o(i,{className:g("max-w-4xl font-bold",l==="center"?"mx-auto":l==="right"?"ml-auto":"",c[t],d[e],n&&"truncate",s),children:r})}function f({color:a="regular",size:e="small",marginTop:t="spacingX",isTruncated:n=!1,className:s,children:r}){const i={regular:"text-gray-9",white:"text-background-2"},c={small:"text-base",large:"md:text-lg text-base"},d={none:"",spacingX:"mt-2",spacingM:"mt-3",spacingL:"mt-4",spacingXl:"mt-5",spacing2Xl:"mt-6"},{align:l}=m(p);return o("div",{className:g(l==="center"?"mx-auto max-w-2xl":l==="right"?"ml-auto max-w-4xl":"max-w-4xl",i[a],c[e],d[t],n&&"truncate",s),children:r})}function h({className:a,align:e="center",children:t}){return o("div",{className:g("mb-5 md:mb-8",{left:"text-left",center:"text-center",right:"text-right"}[e],a),children:o(p.Provider,{value:{align:e},children:t})})}export{H as Heading,h as HeadingGroup,f as HeadingSub,x as HeadingTagline};
+"use client";import"../../../chunk-7LRQ2WLZ.mjs";import{jsx as o}from"react/jsx-runtime";import{createContext as u,useContext as m}from"react";import{cn as g}from"../../../lib/utils";const p=u({align:"center"});function x({color:a="pink",size:e="small",isTruncated:t=!1,className:n,children:s}){const r={regular:"text-gray-10",pink:"text-primary",white:"text-background-1"},i={small:"text-sm",large:"text-lg"};return o("div",{"data-slot":"heading-tagline",className:g("mb-1 font-semibold",r[a],i[e],t&&"truncate",n),children:s})}function H({tagHeading:a="h2",size:e="small",color:t="pink",isTruncated:n=!1,className:s,children:r}){const i=a,c={regular:"text-gray-10",pink:"text-primary",white:"text-background-1"},d={small:"lg:text-3xl text-2xl",large:"lg:text-4xl md:text-3xl text-2xl"},{align:l}=m(p);return o(i,{"data-slot":"heading",className:g("max-w-4xl font-bold",l==="center"?"mx-auto":l==="right"?"ml-auto":"",c[t],d[e],n&&"truncate",s),children:r})}function h({color:a="regular",size:e="small",marginTop:t="spacingX",isTruncated:n=!1,className:s,children:r}){const i={regular:"text-gray-9",white:"text-background-2"},c={small:"text-base",large:"md:text-lg text-base"},d={none:"",spacingX:"mt-2",spacingM:"mt-3",spacingL:"mt-4",spacingXl:"mt-5",spacing2Xl:"mt-6"},{align:l}=m(p);return o("div",{"data-slot":"heading-sub",className:g(l==="center"?"mx-auto max-w-2xl":l==="right"?"ml-auto max-w-4xl":"max-w-4xl",i[a],c[e],d[t],n&&"truncate",s),children:r})}function f({className:a,align:e="center",children:t}){return o("div",{"data-slot":"heading-group",className:g("mb-5 md:mb-8",{left:"text-left",center:"text-center",right:"text-right"}[e],a),children:o(p.Provider,{value:{align:e},children:t})})}export{H as Heading,f as HeadingGroup,h as HeadingSub,x as HeadingTagline};

package/dist/components/mobase/button.d.mts

@@ -16,7 +16,11 @@ type ButtonProps = Omit<Button$1.Props, "prefix" | "suffix"> & VariantProps<type
     prefix?: ReactNode;
     /** Renders after children (e.g. icon). Use for trailing icon. */
     suffix?: ReactNode;
+    /** Umami tracking button event */
+    dataUmamiEvent?: string;
+    /** Umami tracking button event text (button label) */
+    dataUmamiEventText?: string;
 };
-declare function Button({ loading, prefix, suffix, variant, size, shape, className, children, disabled, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+declare function Button({ loading, prefix, suffix, variant, size, shape, className, children, disabled, dataUmamiEvent, dataUmamiEventText, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
 export { Button, type ButtonProps, buttonVariants };

package/dist/components/mobase/button.mjs

@@ -1 +1 @@
-"use client";import{a as d,b as u,c as l}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as o,jsxs as k}from"react/jsx-runtime";import{Button as y}from"@base-ui/react/button";import{cva as B}from"class-variance-authority";import{cn as S}from"../../lib/utils";import{Spinner as z}from"./spinner";const p=B("group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none gap-0 [&_svg:not([class*='size-'])]:size-4.5 focus-visible:border-ring focus-visible:ring-[1px] focus-visible:ring-ring active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[1px] aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 gap-1.5 ",{variants:{variant:{default:"bg-primary text-white hover:bg-primary/80",outline:"border border-border bg-background-1 hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-input aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",tertiary:"bg-primary-foreground/70 text-primary hover:bg-primary-foreground aria-expanded:bg-primary-foreground aria-expanded:text-primary",ghost:"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",destructive:"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20",link:"text-primary underline-offset-4 hover:underline"},size:{xs:"h-6 px-2.5 text-xs [&_svg:not([class*='size-'])]:size-4",default:"h-9 px-4",sm:"h-8 px-3",lg:"h-10 px-4 text-base",icon:"size-9","icon-xs":"size-6 [&_svg:not([class*='size-'])]:size-4","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}}),P={rounded:{},square:{default:"rounded-lg",xs:"rounded-md",sm:"rounded-lg",lg:"rounded-lg",icon:"rounded-lg","icon-xs":"rounded-lg","icon-sm":"rounded-lg","icon-lg":"rounded-lg"}};function V(e){return e==="icon-xs"||e==="xs"?"xs":"sm"}function N(R){var s=R,{loading:e=!1,prefix:i,suffix:a,variant:t,size:r,shape:c="rounded",className:g,children:f,disabled:b}=s,m=l(s,["loading","prefix","suffix","variant","size","shape","className","children","disabled"]);const x=t!=null?t:"default",n=r!=null?r:"default",v=i!==void 0,h=a!==void 0;return k(y,u(d({"data-slot":"button",disabled:e||b,className:S(p({variant:x,size:n}),P[c][n],g)},m),{children:[v?o("span",{className:"shrink-0 -ml-1","data-slot":"button-prefix",children:i}):null,e?o(z,{className:"-ml-1 shrink-0",size:V(n)}):null,f,h?o("span",{className:"shrink-0 -mr-1","data-slot":"button-suffix",children:a}):null]}))}export{N as Button,p as buttonVariants};
+"use client";import{a as d,b as u,c as l}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as i,jsxs as _}from"react/jsx-runtime";import{Button as B}from"@base-ui/react/button";import{cva as S}from"class-variance-authority";import{cn as P}from"../../lib/utils";import{Spinner as V}from"./spinner";const p=S("group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none gap-0 [&_svg:not([class*='size-'])]:size-4.5 focus-visible:border-ring focus-visible:ring-[1px] focus-visible:ring-ring active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[1px] aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 gap-1.5 ",{variants:{variant:{default:"bg-primary text-white hover:bg-primary/80",outline:"border border-border bg-background-1 hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-input aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",tertiary:"bg-primary-foreground/70 text-primary hover:bg-primary-foreground aria-expanded:bg-primary-foreground aria-expanded:text-primary",ghost:"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",destructive:"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20",link:"text-primary underline-offset-4 hover:underline"},size:{xs:"h-6 px-2.5 text-xs [&_svg:not([class*='size-'])]:size-4",default:"h-9 px-4",sm:"h-8 px-3",lg:"h-10 px-4 text-base",icon:"size-9","icon-xs":"size-6 [&_svg:not([class*='size-'])]:size-4","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}}),N={rounded:{},square:{default:"rounded-lg",xs:"rounded-md",sm:"rounded-lg",lg:"rounded-lg",icon:"rounded-lg","icon-xs":"rounded-md","icon-sm":"rounded-lg","icon-lg":"rounded-lg"}};function k(e){return e==="icon-xs"||e==="xs"?"xs":"sm"}function R(w){var s=w,{loading:e=!1,prefix:a,suffix:o,variant:t,size:r,shape:g="rounded",className:c,children:f,disabled:m,dataUmamiEvent:x,dataUmamiEventText:b}=s,v=l(s,["loading","prefix","suffix","variant","size","shape","className","children","disabled","dataUmamiEvent","dataUmamiEventText"]);const h=t!=null?t:"default",n=r!=null?r:"default",y=a!==void 0,z=o!==void 0;return _(B,u(d({"data-slot":"button",disabled:e||m,className:P(p({variant:h,size:n}),N[g][n],c),"data-umami-event":x,"data-umami-event-text":b},v),{children:[y?i("span",{className:"shrink-0 -ml-1","data-slot":"button-prefix",children:a}):null,e?i(V,{className:"-ml-1 shrink-0",size:k(n)}):null,f,z?i("span",{className:"shrink-0 -mr-1","data-slot":"button-suffix",children:o}):null]}))}export{R as Button,p as buttonVariants};

package/dist/components/mobase/carousel.mjs

@@ -1 +1 @@
-"use client";import{a as C,b as P,c as m}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as c,jsxs as S}from"react/jsx-runtime";import*as a from"react";import A from"embla-carousel-react";import{cn as p}from"../../lib/utils";import{Button as h}from"./button";import{ChevronLeftIcon as D,ChevronRightIcon as I}from"lucide-react";const N=a.createContext(null);function v(){const t=a.useContext(N);if(!t)throw new Error("useCarousel must be used within a <Carousel />");return t}function T(i){var d=i,{orientation:t="horizontal",opts:e,setApi:r,plugins:s,className:n,children:u}=d,l=m(d,["orientation","opts","setApi","plugins","className","children"]);const[g,o]=A(P(C({},e),{axis:t==="horizontal"?"x":"y"}),s),[R,E]=a.useState(!1),[k,w]=a.useState(!1),y=a.useCallback(f=>{f&&(E(f.canScrollPrev()),w(f.canScrollNext()))},[]),b=a.useCallback(()=>{o==null||o.scrollPrev()},[o]),x=a.useCallback(()=>{o==null||o.scrollNext()},[o]),z=a.useCallback(f=>{f.key==="ArrowLeft"?(f.preventDefault(),b()):f.key==="ArrowRight"&&(f.preventDefault(),x())},[b,x]);return a.useEffect(()=>{!o||!r||r(o)},[o,r]),a.useEffect(()=>{if(o)return y(o),o.on("reInit",y),o.on("select",y),()=>{o.off("select",y)}},[o,y]),c(N.Provider,{value:{carouselRef:g,api:o,opts:e,orientation:t||((e==null?void 0:e.axis)==="y"?"vertical":"horizontal"),scrollPrev:b,scrollNext:x,canScrollPrev:R,canScrollNext:k},children:c("div",P(C({onKeyDownCapture:z,className:p("relative",n),role:"region","aria-roledescription":"carousel","data-slot":"carousel"},l),{children:u}))})}function B(s){var n=s,{className:t,classNameContent:e=""}=n,r=m(n,["className","classNameContent"]);const{carouselRef:u,orientation:l}=v();return c("div",{ref:u,className:p("overflow-hidden",e),"data-slot":"carousel-content",children:c("div",C({className:p("flex",l==="horizontal"?"-ml-4":"-mt-4 flex-col",t)},r))})}function U(r){var s=r,{className:t}=s,e=m(s,["className"]);const{orientation:n}=v();return c("div",C({role:"group","aria-roledescription":"slide","data-slot":"carousel-item",className:p("min-w-0 shrink-0 grow-0 basis-full",n==="horizontal"?"pl-4":"pt-4",t)},e))}function L(n){var u=n,{className:t,variant:e="outline",size:r="icon-sm"}=u,s=m(u,["className","variant","size"]);const{orientation:l,scrollPrev:i,canScrollPrev:d}=v();return S(h,P(C({"data-slot":"carousel-previous",variant:e,size:r,className:p("absolute touch-manipulation rounded-full",l==="horizontal"?"top-1/2 -left-12 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",t),disabled:!d,onClick:i},s),{children:[c(D,{}),c("span",{className:"sr-only",children:"Previous slide"})]}))}function K(n){var u=n,{className:t,variant:e="outline",size:r="icon-sm"}=u,s=m(u,["className","variant","size"]);const{orientation:l,scrollNext:i,canScrollNext:d}=v();return S(h,P(C({"data-slot":"carousel-next",variant:e,size:r,className:p("absolute touch-manipulation rounded-full",l==="horizontal"?"top-1/2 -right-12 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",t),disabled:!d,onClick:i},s),{children:[c(I,{}),c("span",{className:"sr-only",children:"Next slide"})]}))}function O({className:t}){const{api:e}=v(),[r,s]=a.useState(0),[n,u]=a.useState(0);return a.useEffect(()=>{if(!e)return;u(e.scrollSnapList().length),s(e.selectedScrollSnap());const l=()=>{s(e.selectedScrollSnap())};return e.on("reInit",l),e.on("select",l),()=>{e.off("select",l),e.off("reInit",l)}},[e]),n<=1?null:c("div",{"data-slot":"carousel-dots",className:p("flex flex-wrap justify-center gap-2",t),role:"tablist","aria-label":"Carousel slides",children:Array.from({length:n},(l,i)=>c("button",{type:"button",role:"tab","aria-selected":i===r,"aria-label":`Go to slide ${i+1}`,className:p("size-2.5 rounded-full transition-colors",i===r?"bg-primary":"bg-muted-foreground/30 hover:bg-muted-foreground/50"),onClick:()=>e==null?void 0:e.scrollTo(i)},i))})}export{T as Carousel,B as CarouselContent,O as CarouselDots,U as CarouselItem,K as CarouselNext,L as CarouselPrevious,v as useCarousel};
+"use client";import{a as C,b as P,c as m}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as c,jsxs as S}from"react/jsx-runtime";import*as a from"react";import A from"embla-carousel-react";import{cn as p}from"../../lib/utils";import{Button as h}from"./button";import{ChevronLeftIcon as D,ChevronRightIcon as I}from"lucide-react";const N=a.createContext(null);function v(){const t=a.useContext(N);if(!t)throw new Error("useCarousel must be used within a <Carousel />");return t}function T(i){var d=i,{orientation:t="horizontal",opts:e,setApi:r,plugins:s,className:n,children:u}=d,l=m(d,["orientation","opts","setApi","plugins","className","children"]);const[g,o]=A(P(C({},e),{axis:t==="horizontal"?"x":"y"}),s),[R,E]=a.useState(!1),[k,w]=a.useState(!1),y=a.useCallback(f=>{f&&(E(f.canScrollPrev()),w(f.canScrollNext()))},[]),b=a.useCallback(()=>{o==null||o.scrollPrev()},[o]),x=a.useCallback(()=>{o==null||o.scrollNext()},[o]),z=a.useCallback(f=>{f.key==="ArrowLeft"?(f.preventDefault(),b()):f.key==="ArrowRight"&&(f.preventDefault(),x())},[b,x]);return a.useEffect(()=>{!o||!r||r(o)},[o,r]),a.useEffect(()=>{if(o)return y(o),o.on("reInit",y),o.on("select",y),()=>{o.off("select",y)}},[o,y]),c(N.Provider,{value:{carouselRef:g,api:o,opts:e,orientation:t||((e==null?void 0:e.axis)==="y"?"vertical":"horizontal"),scrollPrev:b,scrollNext:x,canScrollPrev:R,canScrollNext:k},children:c("div",P(C({onKeyDownCapture:z,className:p("relative",n),role:"region","aria-roledescription":"carousel","data-slot":"carousel"},l),{children:u}))})}function B(s){var n=s,{className:t,classNameContent:e=""}=n,r=m(n,["className","classNameContent"]);const{carouselRef:u,orientation:l}=v();return c("div",{ref:u,className:p("overflow-hidden",e),"data-slot":"carousel-content",children:c("div",C({className:p("flex",l==="horizontal"?"-ml-4":"-mt-4 flex-col",t)},r))})}function U(r){var s=r,{className:t}=s,e=m(s,["className"]);const{orientation:n}=v();return c("div",C({role:"group","aria-roledescription":"slide","data-slot":"carousel-item",className:p("min-w-0 shrink-0 grow-0 basis-full",n==="horizontal"?"pl-4":"pt-4",t)},e))}function L(n){var u=n,{className:t,variant:e="outline",size:r="icon-sm"}=u,s=m(u,["className","variant","size"]);const{orientation:l,scrollPrev:i,canScrollPrev:d}=v();return S(h,P(C({"data-slot":"carousel-previous",variant:e,size:r,className:p("absolute touch-manipulation rounded-full",l==="horizontal"?"top-1/2 -left-12 -translate-y-1/2 active:-translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90 active:translate-y-0",t),disabled:!d,onClick:i},s),{children:[c(D,{}),c("span",{className:"sr-only",children:"Previous slide"})]}))}function K(n){var u=n,{className:t,variant:e="outline",size:r="icon-sm"}=u,s=m(u,["className","variant","size"]);const{orientation:l,scrollNext:i,canScrollNext:d}=v();return S(h,P(C({"data-slot":"carousel-next",variant:e,size:r,className:p("absolute touch-manipulation rounded-full",l==="horizontal"?"top-1/2 -right-12 -translate-y-1/2 active:-translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90 active:translate-y-0",t),disabled:!d,onClick:i},s),{children:[c(I,{}),c("span",{className:"sr-only",children:"Next slide"})]}))}function O({className:t}){const{api:e}=v(),[r,s]=a.useState(0),[n,u]=a.useState(0);return a.useEffect(()=>{if(!e)return;u(e.scrollSnapList().length),s(e.selectedScrollSnap());const l=()=>{s(e.selectedScrollSnap())};return e.on("reInit",l),e.on("select",l),()=>{e.off("select",l),e.off("reInit",l)}},[e]),n<=1?null:c("div",{"data-slot":"carousel-dots",className:p("flex flex-wrap justify-center gap-2",t),role:"tablist","aria-label":"Carousel slides",children:Array.from({length:n},(l,i)=>c("button",{type:"button",role:"tab","aria-selected":i===r,"aria-label":`Go to slide ${i+1}`,className:p("size-2.5 rounded-full transition-colors",i===r?"bg-primary":"bg-muted-foreground/30 hover:bg-muted-foreground/50"),onClick:()=>e==null?void 0:e.scrollTo(i)},i))})}export{T as Carousel,B as CarouselContent,O as CarouselDots,U as CarouselItem,K as CarouselNext,L as CarouselPrevious,v as useCarousel};

package/dist/components/mobase/dialog-qr.d.mts

@@ -0,0 +1,8 @@
+export { DialogQr, DialogQrProps } from '../blocks/dialog-qr/DialogQr.mjs';
+import 'react/jsx-runtime';
+import 'react';
+import './dialog.mjs';
+import 'class-variance-authority/types';
+import '@base-ui/react/dialog';
+import '@base-ui/react/use-render';
+import 'class-variance-authority';

package/dist/components/mobase/dialog-qr.mjs

@@ -0,0 +1 @@
+import"../../chunk-7LRQ2WLZ.mjs";import{DialogQr as l}from"../blocks/dialog-qr";export{l as DialogQr};

package/dist/components/mobase/dialog.d.mts

@@ -12,7 +12,7 @@ declare function DialogTrigger(props: Dialog$1.Trigger.Props): React__default.Re
 declare function DialogClose(props: Dialog$1.Close.Props): React__default.ReactElement;
 declare function DialogBackdrop({ className, ...props }: Dialog$1.Backdrop.Props): React__default.ReactElement;
 declare const dialogPopupSizeVariants: (props?: ({
-    size?: "xs" | "sm" | "lg" | "xl" | "md" | "full" | "cover" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "xl" | "md" | "2xl" | "3xl" | "4xl" | "5xl" | "cover" | "full" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type DialogPopupSize = NonNullable<VariantProps<typeof dialogPopupSizeVariants>["size"]>;
 declare const dialogViewportPlacementVariants: (props?: ({

package/dist/components/mobase/dialog.mjs

@@ -1 +1 @@
-"use client";import{a as s,b as c,c as p}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as n,jsxs as w}from"react/jsx-runtime";import{Dialog as l}from"@base-ui/react/dialog";import{mergeProps as g}from"@base-ui/react/merge-props";import{useRender as u}from"@base-ui/react/use-render";import{cva as x}from"class-variance-authority";import{cn as d}from"../../lib/utils";import{CloseButton as b}from"./close-button";import{ScrollArea as R}from"./scroll-area";const O=l.createHandle,q=l.Root,y=l.Portal;function G(a){return n(l.Trigger,s({"data-slot":"dialog-trigger"},a))}function I(a){return n(l.Close,s({"data-slot":"dialog-close"},a))}function P(t){var o=t,{className:a}=o,e=p(o,["className"]);return n(l.Backdrop,s({className:d("fixed inset-0 z-50 bg-black/32 backdrop-blur-sm transition-all duration-200 data-ending-style:opacity-0 data-starting-style:opacity-0",a),"data-slot":"dialog-backdrop"},e))}const h=x("",{variants:{size:{xs:"max-w-xs",sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl","2xl":"max-w-2xl","3xl":"max-w-3xl","4xl":"max-w-4xl","5xl":"max-w-5xl",cover:"w-full max-w-[calc(100vw-4rem)] h-[calc(100dvh-4rem)] ",full:"max-w-none w-full h-[100dvh]  rounded-none before:rounded-none "}},defaultVariants:{size:"lg"}}),V=x("fixed inset-0 z-50 grid justify-items-center p-4",{variants:{placement:{auto:"grid-rows-[1fr_auto_3fr]",top:"grid-rows-[auto_1fr] content-start",center:"grid-rows-[1fr_auto_1fr]",bottom:"grid-rows-[1fr_auto] content-end"}},defaultVariants:{placement:"center"}}),N=x("",{variants:{placement:{auto:"row-start-2",top:"row-start-1",center:"row-start-2",bottom:"row-start-2"}},defaultVariants:{placement:"auto"}});function C(o){var r=o,{className:a,placement:e}=r,t=p(r,["className","placement"]);return n(l.Viewport,s({className:d(V({placement:e}),a),"data-placement":e!=null?e:"auto","data-slot":"dialog-viewport"},t))}function _(E){var f=E,{className:a,children:e,showCloseButton:t=!0,bottomStickOnMobile:o=!0,placement:r,size:i,closeProps:m,portalProps:v}=f,D=p(f,["className","children","showCloseButton","bottomStickOnMobile","placement","size","closeProps","portalProps"]);return w(y,c(s({},v),{children:[n(P,{}),n(C,{className:d(o&&"max-sm:grid-rows-[1fr_auto] max-sm:p-0 max-sm:pt-12 max-sm:content-end"),placement:r,children:w(l.Popup,c(s({className:d("relative flex max-h-full min-h-0 w-full min-w-0 origin-center flex-col rounded-3xl bg-popover not-dark:bg-clip-padding text-popover-foreground opacity-[calc(1-var(--nested-dialogs))] shadow-lg/5 outline-none transition-[scale,opacity,translate] duration-200 ease-in-out will-change-transform before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] data-ending-style:opacity-0 data-starting-style:opacity-0 sm:scale-[calc(1-0.1*var(--nested-dialogs))] sm:data-ending-style:scale-98 sm:data-starting-style:scale-98 dark:before:shadow-[0_-1px_--theme(--color-white/6%)]",N({placement:r}),h({size:i}),o&&"max-sm:max-w-none max-sm:origin-bottom max-sm:rounded-none max-sm:border-x-0 max-sm:border-t max-sm:border-b-0 max-sm:data-ending-style:translate-y-4 max-sm:data-starting-style:translate-y-4 max-sm:before:hidden max-sm:before:rounded-none",a),"data-size":i!=null?i:"lg","data-slot":"dialog-popup"},D),{children:[e,t?n(l.Close,s({"aria-label":"Close",className:"absolute end-3 top-3",render:n(b,{size:"sm"})},m)):null]}))})]}))}function J(o){var r=o,{className:a,render:e}=r,t=p(r,["className","render"]);const i={className:d("flex flex-col gap-1 p-6 in-[[data-slot=dialog-popup]:has([data-slot=dialog-panel])]:pb-4 max-sm:pb-4",a),"data-slot":"dialog-header"};return u({defaultTagName:"div",props:g(i,t),render:e})}function K(o){var r=o,{className:a,render:e}=r,t=p(r,["className","render"]);const i={className:d("flex flex-col-reverse gap-2 px-6 pt-4 pb-6 sm:flex-row sm:justify-end sm:rounded-b-[calc(var(--radius-2xl)-1px)] in-[[data-slot=dialog-popup]:has([data-slot=dialog-panel])]:pt-4",a),"data-slot":"dialog-footer"};return u({defaultTagName:"div",props:g(i,t),render:e})}function L(t){var o=t,{className:a}=o,e=p(o,["className"]);return n(l.Title,s({className:d("font-heading font-semibold text-base leading-none",a),"data-slot":"dialog-title"},e))}function M(t){var o=t,{className:a}=o,e=p(o,["className"]);return n(l.Description,s({className:d("text-muted-foreground text-sm",a),"data-slot":"dialog-description"},e))}function Q(r){var i=r,{className:a,scrollFade:e=!0,render:t}=i,o=p(i,["className","scrollFade","render"]);const m={className:d("p-6 in-[[data-slot=dialog-popup]:has([data-slot=dialog-header])]:pt-2 in-[[data-slot=dialog-popup]:has([data-slot=dialog-footer])]:pb-2",a),"data-slot":"dialog-panel"};return n(R,{scrollFade:e,children:u({defaultTagName:"div",props:g(m,o),render:t})})}export{q as Dialog,P as DialogBackdrop,I as DialogClose,_ as DialogContent,O as DialogCreateHandle,M as DialogDescription,K as DialogFooter,J as DialogHeader,P as DialogOverlay,Q as DialogPanel,_ as DialogPopup,y as DialogPortal,l as DialogPrimitive,L as DialogTitle,G as DialogTrigger,C as DialogViewport};
+"use client";import{a as s,b as c,c as p}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as n,jsxs as w}from"react/jsx-runtime";import{Dialog as l}from"@base-ui/react/dialog";import{mergeProps as g}from"@base-ui/react/merge-props";import{useRender as u}from"@base-ui/react/use-render";import{cva as x}from"class-variance-authority";import{cn as d}from"../../lib/utils";import{CloseButton as D}from"./close-button";import{ScrollArea as R}from"./scroll-area";const O=l.createHandle,q=l.Root,y=l.Portal;function G(a){return n(l.Trigger,s({"data-slot":"dialog-trigger"},a))}function I(a){return n(l.Close,s({"data-slot":"dialog-close"},a))}function P(t){var o=t,{className:a}=o,e=p(o,["className"]);return n(l.Backdrop,s({className:d("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",a),"data-slot":"dialog-backdrop"},e))}const h=x("",{variants:{size:{xs:"max-w-xs",sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl","2xl":"max-w-2xl","3xl":"max-w-3xl","4xl":"max-w-4xl","5xl":"max-w-5xl",cover:"w-full max-w-[calc(100vw-4rem)] h-[calc(100dvh-4rem)] ",full:"max-w-none w-full h-[100dvh]  rounded-none before:rounded-none "}},defaultVariants:{size:"lg"}}),V=x("fixed inset-0 z-50 grid justify-items-center p-4",{variants:{placement:{auto:"grid-rows-[1fr_auto_3fr]",top:"grid-rows-[auto_1fr] content-start",center:"grid-rows-[1fr_auto_1fr]",bottom:"grid-rows-[1fr_auto] content-end"}},defaultVariants:{placement:"center"}}),N=x("",{variants:{placement:{auto:"row-start-2",top:"row-start-1",center:"row-start-2",bottom:"row-start-2"}},defaultVariants:{placement:"auto"}});function C(o){var r=o,{className:a,placement:e}=r,t=p(r,["className","placement"]);return n(l.Viewport,s({className:d(V({placement:e}),a),"data-placement":e!=null?e:"auto","data-slot":"dialog-viewport"},t))}function _(k){var f=k,{className:a,children:e,showCloseButton:t=!0,bottomStickOnMobile:o=!0,placement:r,size:i,closeProps:m,portalProps:v}=f,b=p(f,["className","children","showCloseButton","bottomStickOnMobile","placement","size","closeProps","portalProps"]);return w(y,c(s({},v),{children:[n(P,{}),n(C,{className:d(o&&"max-sm:grid-rows-[1fr_auto] max-sm:p-0 max-sm:pt-12 max-sm:content-end"),placement:r,children:w(l.Popup,c(s({className:d("ring-1 ring-foreground/10  relative flex max-h-full min-h-0 w-full min-w-0 origin-center flex-col rounded-3xl bg-popover not-dark:bg-clip-padding text-popover-foreground opacity-[calc(1-var(--nested-dialogs))] shadow-lg/5 outline-none transition-[scale,opacity,translate] duration-200 ease-in-out will-change-transform before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] data-ending-style:opacity-0 data-starting-style:opacity-0 sm:scale-[calc(1-0.1*var(--nested-dialogs))] sm:data-ending-style:scale-98 sm:data-starting-style:scale-98 dark:before:shadow-[0_-1px_--theme(--color-white/6%)]",N({placement:r}),h({size:i}),o&&"max-sm:max-w-none max-sm:origin-bottom max-sm:rounded-none max-sm:border-x-0 max-sm:border-t max-sm:border-b-0 max-sm:data-ending-style:translate-y-4 max-sm:data-starting-style:translate-y-4 max-sm:before:hidden max-sm:before:rounded-none",a),"data-size":i!=null?i:"lg","data-slot":"dialog-popup"},b),{children:[e,t?n(l.Close,s({"aria-label":"Close",className:"absolute end-3 top-3",render:n(D,{size:"sm"})},m)):null]}))})]}))}function J(o){var r=o,{className:a,render:e}=r,t=p(r,["className","render"]);const i={className:d("flex flex-col gap-1 p-6 in-[[data-slot=dialog-popup]:has([data-slot=dialog-panel])]:pb-4 max-sm:pb-4",a),"data-slot":"dialog-header"};return u({defaultTagName:"div",props:g(i,t),render:e})}function K(o){var r=o,{className:a,render:e}=r,t=p(r,["className","render"]);const i={className:d("flex flex-col-reverse gap-2 px-6 pt-4 pb-6 sm:flex-row sm:justify-end sm:rounded-b-[calc(var(--radius-2xl)-1px)] in-[[data-slot=dialog-popup]:has([data-slot=dialog-panel])]:pt-4",a),"data-slot":"dialog-footer"};return u({defaultTagName:"div",props:g(i,t),render:e})}function L(t){var o=t,{className:a}=o,e=p(o,["className"]);return n(l.Title,s({className:d("font-heading font-semibold text-base leading-none",a),"data-slot":"dialog-title"},e))}function M(t){var o=t,{className:a}=o,e=p(o,["className"]);return n(l.Description,s({className:d("text-muted-foreground text-sm",a),"data-slot":"dialog-description"},e))}function Q(r){var i=r,{className:a,scrollFade:e=!0,render:t}=i,o=p(i,["className","scrollFade","render"]);const m={className:d("p-6 in-[[data-slot=dialog-popup]:has([data-slot=dialog-header])]:pt-2 in-[[data-slot=dialog-popup]:has([data-slot=dialog-footer])]:pb-2",a),"data-slot":"dialog-panel"};return n(R,{scrollFade:e,children:u({defaultTagName:"div",props:g(m,o),render:t})})}export{q as Dialog,P as DialogBackdrop,I as DialogClose,_ as DialogContent,O as DialogCreateHandle,M as DialogDescription,K as DialogFooter,J as DialogHeader,P as DialogOverlay,Q as DialogPanel,_ as DialogPopup,y as DialogPortal,l as DialogPrimitive,L as DialogTitle,G as DialogTrigger,C as DialogViewport};

package/dist/components/mobase/empty.d.mts

@@ -1,20 +1,15 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import { ComponentProps } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { VariantProps } from 'class-variance-authority';
 
-declare const emptyVariants: (props?: ({
-    variant?: "default" | "outline" | "plain" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type EmptyProps = ComponentProps<"div"> & VariantProps<typeof emptyVariants>;
-declare function Empty({ className, variant, ...props }: EmptyProps): react_jsx_runtime.JSX.Element;
-declare function EmptyHeader({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function Empty({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare const emptyMediaVariants: (props?: ({
     variant?: "default" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function EmptyMedia({ className, variant, ...props }: ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime.JSX.Element;
-declare function EmptyTitle({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function EmptyDescription({ className, ...props }: ComponentProps<"p">): react_jsx_runtime.JSX.Element;
-declare function EmptyContent({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime.JSX.Element;
+declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
-export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyProps, EmptyTitle, emptyVariants };
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };

package/dist/components/mobase/empty.mjs

@@ -1 +1 @@
-"use client";import{a as n,c as o}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as p}from"react/jsx-runtime";import{cva as m}from"class-variance-authority";import{cn as s}from"../../lib/utils";const d=m("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 text-center text-balance",{variants:{variant:{default:"gap-6 rounded-2xl border border-border/50 bg-muted/25 py-14 px-6 dark:bg-muted/15",outline:"gap-4 rounded-lg border-dashed border-border bg-transparent p-12",plain:"gap-6 rounded-2xl border-0 bg-transparent py-12 px-4"}},defaultVariants:{variant:"default"}});function l(t){var i=t,{className:r,variant:e}=i,a=o(i,["className","variant"]);return p("div",n({"data-slot":"empty",className:s(d({variant:e}),r)},a))}function u(a){var t=a,{className:r}=t,e=o(t,["className"]);return p("div",n({"data-slot":"empty-header",className:s("flex max-w-sm flex-col items-center gap-2 max-w-md gap-3",r)},e))}const f=m("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",{variants:{variant:{default:"bg-transparent",icon:"mb-3 size-11 rounded-full border-0 bg-muted/70 p-0 text-muted-foreground dark:bg-muted/50 [&_svg:not([class*='size-'])]:size-5"}},defaultVariants:{variant:"default"}});function c(t){var i=t,{className:r,variant:e="default"}=i,a=o(i,["className","variant"]);return p("div",n({"data-slot":"empty-icon","data-variant":e,className:s(f({variant:e}),r)},a))}function y(a){var t=a,{className:r}=t,e=o(t,["className"]);return p("div",n({"data-slot":"empty-title",className:s("text-base font-semibold tracking-tight text-foreground sm:text-[1.0625rem]",r)},e))}function x(a){var t=a,{className:r}=t,e=o(t,["className"]);return p("div",n({"data-slot":"empty-description",className:s("max-w-sm text-pretty text-sm leading-6 text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",r)},e))}function g(a){var t=a,{className:r}=t,e=o(t,["className"]);return p("div",n({"data-slot":"empty-content",className:s("max-w-md flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-center sm:justify-center sm:gap-x-3 sm:gap-y-2",r)},e))}export{l as Empty,g as EmptyContent,x as EmptyDescription,u as EmptyHeader,c as EmptyMedia,y as EmptyTitle,d as emptyVariants};
+import{a,c as r}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as s}from"react/jsx-runtime";import{cva as d}from"class-variance-authority";import{cn as i}from"../../lib/utils";function l(o){var t=o,{className:n}=t,e=r(t,["className"]);return s("div",a({"data-slot":"empty",className:i("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-lg border-dashed p-12 text-center text-balance",n)},e))}function p(o){var t=o,{className:n}=t,e=r(t,["className"]);return s("div",a({"data-slot":"empty-header",className:i("flex max-w-sm flex-col items-center gap-2",n)},e))}const c=d("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",{variants:{variant:{default:"bg-transparent",icon:"flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6"}},defaultVariants:{variant:"default"}});function f(t){var m=t,{className:n,variant:e="default"}=m,o=r(m,["className","variant"]);return s("div",a({"data-slot":"empty-icon","data-variant":e,className:i(c({variant:e,className:n}))},o))}function u(o){var t=o,{className:n}=t,e=r(t,["className"]);return s("div",a({"data-slot":"empty-title",className:i("font-heading text-lg font-medium tracking-tight",n)},e))}function x(o){var t=o,{className:n}=t,e=r(t,["className"]);return s("div",a({"data-slot":"empty-description",className:i("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",n)},e))}function v(o){var t=o,{className:n}=t,e=r(t,["className"]);return s("div",a({"data-slot":"empty-content",className:i("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance",n)},e))}export{l as Empty,v as EmptyContent,x as EmptyDescription,p as EmptyHeader,f as EmptyMedia,u as EmptyTitle};

package/dist/components/mobase/input.mjs

@@ -1 +1 @@
-"use client";import{a as g,c as v}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as u,jsxs as W}from"react/jsx-runtime";import{useState as O}from"react";import{Input as A}from"@base-ui/react/input";import{cn as a}from"../../lib/utils";import{CloseButton as U}from"./close-button";const y={sm:"h-8 rounded-lg",default:"h-9 rounded-lg",lg:"h-10 rounded-lg"},C={sm:"text-sm",default:"text-sm",lg:"text-base "},P=s=>a("flex h-full shrink-0 items-center justify-center gap-2 text-subtle-foreground select-none  px-3",C[s],"[&>svg:not([class*='size-'])]:size-4");function E(b){var n=b,{size:s="default",className:d}=n,p=v(n,["size","className"]);const r=s;return u(A,g({className:a("file:text-foreground selection:bg-primary selection:text-primary-foreground flex w-full min-w-0 px-3 py-1 text-base transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50","aria-invalid:ring-destructive/20 aria-invalid:border-destructive","h-full min-h-0 flex-1 rounded-none border-0 bg-transparent shadow-none ring-0","focus-visible:ring-0 aria-invalid:ring-0 placeholder:text-subtle-foreground",C[r],y[r],"h-full",d),"data-slot":"input-group-control"},p))}function V(j){var h=j,{size:s="default",className:d,prefix:p,suffix:b,prefixStyling:n=!0,suffixStyling:r=!0,disabled:m=!1,clearButton:l=!1,value:o,defaultValue:x,onChange:e,onKeyDown:c}=h,w=v(h,["size","className","prefix","suffix","prefixStyling","suffixStyling","disabled","clearButton","value","defaultValue","onChange","onKeyDown"]);const i=s,f=o!==void 0,[I,z]=O(()=>o!==void 0?String(o):x!==void 0?String(x):""),N=l?f?String(o):I:"",S=l&&!m&&N.length>0;function R(t){l&&!f&&z(t.target.value),e==null||e(t)}function k(){f||z(""),e==null||e({target:{value:""}})}function T(t){c==null||c(t),!t.defaultPrevented&&t.key==="Escape"&&S&&(t.preventDefault(),t.stopPropagation(),k())}const H=l?{value:f?o:I,onChange:R}:{value:o,defaultValue:x,onChange:e},L=p!=null,M=b!=null;return W("div",{"data-slot":"input-group",className:a("group/input-group relative flex w-full min-w-0 items-center rounded-lg border border-input bg-background-1 transition-colors outline-none","in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0","has-data-[align=block-end]:rounded-2xl has-data-[align=block-start]:rounded-2xl","has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[1px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring","has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-[1px] has-[[data-slot][aria-invalid=true]]:ring-destructive/20","hover:border-gray-6",y[i],m&&"bg-gray-1",d),children:[L?u("span",{"data-slot":"input-prefix",className:a(P(i),n&&"border-r border-input rounded-l-[calc(var(--radius-lg)+2px)] bg-background-2",n&&i==="lg"&&" rounded-l-[calc(var(--radius-lg)+2px)]",!n&&"flex shrink-0 items-center pr-0"),children:p}):null,u(E,g(g({size:i,disabled:m,onKeyDown:l?T:c,className:d},w),H)),S?u(U,{className:"mr-2",onClick:t=>{t.preventDefault(),t.stopPropagation(),k()}}):null,M?u("span",{"data-slot":"input-suffix",className:a(P(i),r&&"border-l border-input rounded-r-[calc(var(--radius-lg)+2px)] bg-background-2",r&&i==="lg"&&" rounded-r-[calc(var(--radius-lg)+2px)]",!r&&"flex shrink-0 items-center pl-0"),children:b}):null]})}export{V as Input,E as InputControl};
+"use client";import{a as f,c as h}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as a,jsxs as W}from"react/jsx-runtime";import{useState as O}from"react";import{Input as A}from"@base-ui/react/input";import{cn as l}from"../../lib/utils";import{CloseButton as U}from"./close-button";const y={sm:"h-8 rounded-lg",default:"h-9 rounded-lg",lg:"h-10 rounded-lg"},C={sm:"text-sm",default:"text-sm",lg:"text-base "},E=s=>l("flex h-full shrink-0 items-center justify-center gap-2 text-subtle-foreground select-none  px-3",C[s],"[&>svg:not([class*='size-'])]:size-4");function w(b){var r=b,{size:s="default",className:g}=r,u=h(r,["size","className"]);const o=s;return a(A,f({className:l("file:text-foreground selection:bg-primary selection:text-primary-foreground flex w-full min-w-0 px-3 py-1 text-base transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50","aria-invalid:ring-destructive/20 aria-invalid:border-destructive","h-full min-h-0 flex-1 rounded-none border-0 bg-transparent shadow-none ring-0","focus-visible:ring-0 aria-invalid:ring-0 placeholder:text-subtle-foreground",C[o],y[o],"h-full",g),"data-slot":"input-group-control"},u))}function V(j){var v=j,{size:s="default",className:g,prefix:u,suffix:b,prefixStyling:r=!0,suffixStyling:o=!0,disabled:m=!1,clearButton:d=!1,value:e,defaultValue:x,onChange:n,onKeyDown:p}=v,N=h(v,["size","className","prefix","suffix","prefixStyling","suffixStyling","disabled","clearButton","value","defaultValue","onChange","onKeyDown"]);const i=s,c=e!==void 0,[I,z]=O(()=>e!==void 0?String(e):x!==void 0?String(x):""),P=c?String(e!=null?e:""):I,S=d&&!m&&P.length>0;function R(t){d&&!c&&z(t.target.value),n==null||n(t)}function k(){c||z(""),n==null||n({target:{value:""}})}function T(t){p==null||p(t),!t.defaultPrevented&&t.key==="Escape"&&S&&(t.preventDefault(),t.stopPropagation(),k())}const H=d?{value:c?e:I,onChange:R}:{value:e,defaultValue:x,onChange:n},L=u!=null,M=b!=null;return W("div",{"data-slot":"input-group",className:l("group/input-group relative flex w-full min-w-0 items-center rounded-lg border border-input bg-background-1 transition-colors outline-none","in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0","has-data-[align=block-end]:rounded-2xl has-data-[align=block-start]:rounded-2xl","has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[1px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring","has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-[1px] has-[[data-slot][aria-invalid=true]]:ring-destructive/20","hover:border-gray-6",y[i],m&&"bg-gray-1",g),children:[L?a("span",{"data-slot":"input-prefix",className:l(E(i),r&&"border-r border-input rounded-l-[calc(var(--radius-lg)+2px)] bg-background-2",r&&i==="lg"&&" rounded-l-[calc(var(--radius-lg)+2px)]",!r&&"flex shrink-0 items-center pr-0"),children:u}):null,a(w,f(f({size:i,disabled:m,onKeyDown:d?T:p},N),H)),S?a(U,{className:"mr-2",onClick:t=>{t.preventDefault(),t.stopPropagation(),k()}}):null,M?a("span",{"data-slot":"input-suffix",className:l(E(i),o&&"border-l border-input rounded-r-[calc(var(--radius-lg)+2px)] bg-background-2",o&&i==="lg"&&" rounded-r-[calc(var(--radius-lg)+2px)]",!o&&"flex shrink-0 items-center pl-0"),children:b}):null]})}export{V as Input,w as InputControl};

package/dist/components/mobase/native-select.mjs

@@ -1 +1 @@
-import{a as i,c as o}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as a,jsxs as v}from"react/jsx-runtime";import{cn as l}from"../../lib/utils";import{ChevronDownIcon as d}from"lucide-react";function p(r){var s=r,{className:e,size:t="default"}=s,n=o(s,["className","size"]);return v("div",{className:l("group/native-select relative w-fit has-[select:disabled]:opacity-50",e),"data-slot":"native-select-wrapper","data-size":t,children:[a("select",i({"data-slot":"native-select","data-size":t,className:"h-9 w-full min-w-0 appearance-none rounded-4xl border border-input bg-input/30 py-1 pr-8 pl-3 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-[size=sm]:h-8 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40"},n)),a(d,{className:"pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 text-muted-foreground select-none","aria-hidden":"true","data-slot":"native-select-icon"})]})}function c(t){var e=o(t,[]);return a("option",i({"data-slot":"native-select-option"},e))}function u(n){var r=n,{className:e}=r,t=o(r,["className"]);return a("optgroup",i({"data-slot":"native-select-optgroup",className:l(e)},t))}export{p as NativeSelect,u as NativeSelectOptGroup,c as NativeSelectOption};
+"use client";import{a as i,c as o}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as a,jsxs as v}from"react/jsx-runtime";import{cn as l}from"../../lib/utils";import{ChevronDownIcon as d}from"lucide-react";function p(r){var s=r,{className:e,size:t="default"}=s,n=o(s,["className","size"]);return v("div",{className:l("group/native-select relative w-fit has-[select:disabled]:opacity-50",e),"data-slot":"native-select-wrapper","data-size":t,children:[a("select",i({"data-slot":"native-select","data-size":t,className:"h-9 w-full min-w-0 appearance-none rounded-4xl border border-input bg-input/30 py-1 pr-8 pl-3 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-[size=sm]:h-8 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40"},n)),a(d,{className:"pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 text-muted-foreground select-none","aria-hidden":"true","data-slot":"native-select-icon"})]})}function c(t){var e=o(t,[]);return a("option",i({"data-slot":"native-select-option"},e))}function u(n){var r=n,{className:e}=r,t=o(r,["className"]);return a("optgroup",i({"data-slot":"native-select-optgroup",className:l(e)},t))}export{p as NativeSelect,u as NativeSelectOptGroup,c as NativeSelectOption};

package/dist/components/mobase/navigation-menu.mjs

@@ -1 +1 @@
-import{a as r,b as g,c as s}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as e,jsxs as f}from"react/jsx-runtime";import{NavigationMenu as n}from"@base-ui/react/navigation-menu";import{cva as c}from"class-variance-authority";import{cn as d}from"../../lib/utils";import{ChevronDownIcon as b}from"lucide-react";const h={side:"none",align:"none",fallbackAxisSide:"none"};function N(u){var l=u,{align:a="start",className:i,children:o}=l,t=s(l,["align","className","children"]);return f(n.Root,g(r({"data-slot":"navigation-menu",className:d("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",i)},t),{children:[o,e(p,{align:a,collisionAvoidance:h})]}))}function P(o){var t=o,{className:a}=t,i=s(t,["className"]);return e(n.List,r({"data-slot":"navigation-menu-list",className:d("group flex flex-1 list-none items-center justify-center gap-0",a)},i))}function w(o){var t=o,{className:a}=t,i=s(t,["className"]);return e(n.Item,r({"data-slot":"navigation-menu-item",className:d("relative",a)},i))}const v=c("group/navigation-menu-trigger inline-flex h-8 w-max items-center justify-center rounded-xl px-4.5 py-2.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted");function x(t){var u=t,{className:a,children:i}=u,o=s(u,["className","children"]);return f(n.Trigger,g(r({"data-slot":"navigation-menu-trigger",className:d(v(),"group",a)},o),{children:[i," ",e(b,{className:"relative top-px ml-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180","aria-hidden":"true"})]}))}function y(o){var t=o,{className:a}=t,i=s(t,["className"]);return e(n.Content,r({"data-slot":"navigation-menu-content",className:d("data-ending-style:data-activation-direction=left:translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] h-full w-auto p-2.5 pr-3 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-2xl group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow-2xl group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/5 group-data-[viewport=false]/navigation-menu:duration-300 data-ending-style:opacity-0 data-starting-style:opacity-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95",a)},i))}function p(R){var m=R,{className:a,side:i="bottom",sideOffset:o=8,align:t="start",alignOffset:u=0}=m,l=s(m,["className","side","sideOffset","align","alignOffset"]);return e(n.Portal,{children:e(n.Positioner,g(r({side:i,sideOffset:o,align:t,alignOffset:u,className:d("isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0",a)},l),{children:e(n.Popup,{className:"data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-2xl bg-popover text-popover-foreground shadow ring-1 ring-foreground/5 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0",children:e(n.Viewport,{className:"relative size-full overflow-hidden"})})}))})}function M(o){var t=o,{className:a}=t,i=s(t,["className"]);return e(n.Link,r({"data-slot":"navigation-menu-link",className:d("flex items-center gap-1.5 rounded-xl p-3 text-sm transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 data-[active=true]:bg-muted/50 data-[active=true]:hover:bg-muted data-[active=true]:focus:bg-muted [&_svg:not([class*='size-'])]:size-4",a)},i))}function z(o){var t=o,{className:a}=t,i=s(t,["className"]);return e(n.Icon,g(r({"data-slot":"navigation-menu-indicator",className:d("top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in",a)},i),{children:e("div",{className:"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"})}))}export{N as NavigationMenu,y as NavigationMenuContent,z as NavigationMenuIndicator,w as NavigationMenuItem,M as NavigationMenuLink,P as NavigationMenuList,p as NavigationMenuPositioner,x as NavigationMenuTrigger,v as navigationMenuTriggerStyle};
+"use client";import{a as r,b as g,c as s}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as e,jsxs as f}from"react/jsx-runtime";import{NavigationMenu as n}from"@base-ui/react/navigation-menu";import{cva as c}from"class-variance-authority";import{cn as u}from"../../lib/utils";import{ChevronDownIcon as b}from"lucide-react";const h={side:"none",align:"none",fallbackAxisSide:"none"};function N(d){var l=d,{align:a="start",className:i,children:o}=l,t=s(l,["align","className","children"]);return f(n.Root,g(r({"data-slot":"navigation-menu",className:u("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",i)},t),{children:[o,e(p,{align:a,collisionAvoidance:h})]}))}function P(o){var t=o,{className:a}=t,i=s(t,["className"]);return e(n.List,r({"data-slot":"navigation-menu-list",className:u("group flex flex-1 list-none items-center justify-center gap-0",a)},i))}function w(o){var t=o,{className:a}=t,i=s(t,["className"]);return e(n.Item,r({"data-slot":"navigation-menu-item",className:u("relative",a)},i))}const v=c("group/navigation-menu-trigger inline-flex h-8 w-max items-center justify-center rounded-xl px-4.5 py-2.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted");function x(t){var d=t,{className:a,children:i}=d,o=s(d,["className","children"]);return f(n.Trigger,g(r({"data-slot":"navigation-menu-trigger",className:u(v(),"group",a)},o),{children:[i," ",e(b,{className:"relative top-px ml-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180","aria-hidden":"true"})]}))}function y(o){var t=o,{className:a}=t,i=s(t,["className"]);return e(n.Content,r({"data-slot":"navigation-menu-content",className:u("data-ending-style:data-activation-direction=left:translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] h-full w-auto p-2.5 pr-3 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-2xl group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow-2xl group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/5 group-data-[viewport=false]/navigation-menu:duration-300 data-ending-style:opacity-0 data-starting-style:opacity-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95",a)},i))}function p(R){var m=R,{className:a,side:i="bottom",sideOffset:o=8,align:t="start",alignOffset:d=0}=m,l=s(m,["className","side","sideOffset","align","alignOffset"]);return e(n.Portal,{children:e(n.Positioner,g(r({side:i,sideOffset:o,align:t,alignOffset:d,className:u("isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0",a)},l),{children:e(n.Popup,{className:"data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-2xl bg-popover text-popover-foreground shadow ring-1 ring-foreground/5 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0",children:e(n.Viewport,{className:"relative size-full overflow-hidden"})})}))})}function M(o){var t=o,{className:a}=t,i=s(t,["className"]);return e(n.Link,r({"data-slot":"navigation-menu-link",className:u("flex items-center gap-1.5 rounded-xl p-3 text-sm transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 data-[active=true]:bg-muted/50 data-[active=true]:hover:bg-muted data-[active=true]:focus:bg-muted [&_svg:not([class*='size-'])]:size-4",a)},i))}function z(o){var t=o,{className:a}=t,i=s(t,["className"]);return e(n.Icon,g(r({"data-slot":"navigation-menu-indicator",className:u("top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in",a)},i),{children:e("div",{className:"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"})}))}export{N as NavigationMenu,y as NavigationMenuContent,z as NavigationMenuIndicator,w as NavigationMenuItem,M as NavigationMenuLink,P as NavigationMenuList,p as NavigationMenuPositioner,x as NavigationMenuTrigger,v as navigationMenuTriggerStyle};

package/dist/components/mobase/number-field.d.mts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { NumberField as NumberField$1 } from '@base-ui/react/number-field';
+
+type NumberFieldSize = "sm" | "default" | "lg";
+type NumberFieldProps = NumberField$1.Root.Props & {
+    size?: NumberFieldSize;
+};
+declare function NumberField({ className, size, ...props }: NumberFieldProps): react_jsx_runtime.JSX.Element;
+declare function NumberFieldGroup({ className, ...props }: NumberField$1.Group.Props): react_jsx_runtime.JSX.Element;
+declare function NumberFieldInput({ className, ...props }: NumberField$1.Input.Props): react_jsx_runtime.JSX.Element;
+declare function NumberFieldDecrement({ className, children, ...props }: NumberField$1.Decrement.Props): react_jsx_runtime.JSX.Element;
+declare function NumberFieldIncrement({ className, children, ...props }: NumberField$1.Increment.Props): react_jsx_runtime.JSX.Element;
+type NumberFieldScrubAreaProps = NumberField$1.ScrubArea.Props & {
+    label?: React.ReactNode;
+};
+declare function NumberFieldScrubArea({ className, children, label, ...props }: NumberFieldScrubAreaProps): react_jsx_runtime.JSX.Element;
+
+export { NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, type NumberFieldProps, NumberFieldScrubArea, type NumberFieldScrubAreaProps, type NumberFieldSize };

package/dist/components/mobase/number-field.mjs

@@ -0,0 +1 @@
+"use client";import{a as u,b as c,c as s}from"../../chunk-7LRQ2WLZ.mjs";import{Fragment as A,jsx as i,jsxs as h}from"react/jsx-runtime";import*as m from"react";import{NumberField as l}from"@base-ui/react/number-field";import{MinusIcon as N,MoveHorizontalIcon as g,PlusIcon as F}from"lucide-react";import{cn as d}from"../../lib/utils";const b=m.createContext("default"),v={sm:"h-8 rounded-lg",default:"h-9 rounded-lg",lg:"h-10 rounded-lg"},x={sm:"text-sm",default:"text-sm",lg:"text-base"},P={sm:"w-8",default:"w-9",lg:"w-10"};function S(o){var t=o,{className:r,size:e="default"}=t,n=s(t,["className","size"]);return i(b.Provider,{value:e,children:i(l.Root,u({"data-slot":"number-field","data-size":e,className:d("group/number-field flex flex-col gap-2",r)},n))})}function z(n){var o=n,{className:r}=o,e=s(o,["className"]);const t=m.useContext(b);return i(l.Group,u({"data-slot":"number-field-group",className:d("flex w-full min-w-0 items-center overflow-hidden border border-input bg-background-1 transition-colors outline-none","focus-within:border-ring focus-within:ring-[1px] focus-within:ring-ring","data-disabled:cursor-not-allowed data-disabled:opacity-50","data-invalid:border-destructive data-invalid:ring-[1px] data-invalid:ring-destructive/20","hover:border-gray-6",v[t],r)},e))}function w(n){var o=n,{className:r}=o,e=s(o,["className"]);const t=m.useContext(b);return i(l.Input,u({"data-slot":"number-field-input",className:d("h-full min-w-0 flex-1 border-0 bg-transparent px-3 py-1 text-center tabular-nums outline-none","selection:bg-primary selection:text-primary-foreground placeholder:text-subtle-foreground","disabled:pointer-events-none disabled:cursor-not-allowed","[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",x[t],r)},e))}function p(r,e){return d("flex h-full shrink-0 items-center justify-center text-subtle-foreground transition-colors outline-none select-none","hover:bg-muted hover:text-foreground","focus-visible:bg-muted focus-visible:text-foreground","disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50","[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",P[r],e)}function C(o){var t=o,{className:r,children:e}=t,n=s(t,["className","children"]);const a=m.useContext(b);return i(l.Decrement,c(u({"data-slot":"number-field-decrement",className:p(a,d("border-r border-input",r))},n),{children:e!=null?e:i(N,{})}))}function y(o){var t=o,{className:r,children:e}=t,n=s(t,["className","children"]);const a=m.useContext(b);return i(l.Increment,c(u({"data-slot":"number-field-increment",className:p(a,d("border-l border-input",r))},n),{children:e!=null?e:i(F,{})}))}function I(t){var a=t,{className:r,children:e,label:n}=a,o=s(a,["className","children","label"]);const f=e!==void 0;return i(l.ScrubArea,c(u({"data-slot":"number-field-scrub-area",className:d("inline-flex w-fit cursor-ew-resize items-center gap-1.5 text-sm font-medium text-foreground select-none","data-disabled:cursor-not-allowed data-disabled:opacity-50",r)},o),{children:f?e:h(A,{children:[n?i("span",{"data-slot":"number-field-scrub-label",children:n}):null,i(l.ScrubAreaCursor,{"data-slot":"number-field-scrub-area-cursor",className:"inline-flex items-center justify-center rounded-sm bg-foreground p-0.5 text-background",children:i(g,{className:"size-3"})})]})}))}export{S as NumberField,C as NumberFieldDecrement,z as NumberFieldGroup,y as NumberFieldIncrement,w as NumberFieldInput,I as NumberFieldScrubArea};

package/dist/components/mobase/otp-field.d.mts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { OTPFieldPreview } from '@base-ui/react/otp-field';
+
+type OTPFieldSize = "sm" | "default" | "lg";
+type OTPFieldProps = OTPFieldPreview.Root.Props & {
+    size?: OTPFieldSize;
+};
+declare function OTPField({ className, size, validationType, ...props }: OTPFieldProps): react_jsx_runtime.JSX.Element;
+declare function OTPFieldInput({ className, ...props }: OTPFieldPreview.Input.Props): react_jsx_runtime.JSX.Element;
+declare function OTPFieldSeparator({ className, orientation, ...props }: OTPFieldPreview.Separator.Props): react_jsx_runtime.JSX.Element;
+
+export { OTPField, OTPFieldInput, type OTPFieldProps, OTPFieldSeparator, type OTPFieldSize };

package/dist/components/mobase/otp-field.mjs

@@ -0,0 +1 @@
+"use client";import{a as d,c as l}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as n}from"react/jsx-runtime";import*as s from"react";import{OTPFieldPreview as p}from"@base-ui/react/otp-field";import{cn as u}from"../../lib/utils";const c=s.createContext("default"),P={sm:"size-8 rounded-lg text-sm",default:"size-9 rounded-lg text-sm",lg:"size-10 rounded-xl text-base"},v={sm:"h-4",default:"h-5",lg:"h-6"};function b(r){var a=r,{className:i,size:e="default",validationType:o="numeric"}=a,t=l(a,["className","size","validationType"]);return n(c.Provider,{value:e,children:n(p.Root,d({"data-slot":"otp-field","data-size":e,validationType:o,className:u("group/otp-field flex w-fit items-center justify-center gap-2",i)},t))})}function f(o){var t=o,{className:i}=t,e=l(t,["className"]);const r=s.useContext(c);return n(p.Input,d({"data-slot":"otp-field-input",className:u("flex shrink-0 border border-input bg-background-1 text-center font-medium tabular-nums transition-[border-color,color,box-shadow] outline-none","selection:bg-primary selection:text-primary-foreground placeholder:text-subtle-foreground","hover:border-gray-6","focus-visible:border-ring focus-visible:ring-[1px] focus-visible:ring-ring","aria-invalid:border-destructive aria-invalid:ring-[1px] aria-invalid:ring-destructive/20","data-invalid:border-destructive data-invalid:ring-[1px] data-invalid:ring-destructive/20","data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50","disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50","data-readonly:bg-muted/40",P[r],i)},e))}function m(t){var r=t,{className:i,orientation:e="vertical"}=r,o=l(r,["className","orientation"]);const a=s.useContext(c);return n(p.Separator,d({"data-slot":"otp-field-separator",orientation:e,className:u("mx-0.5 shrink-0 bg-border data-horizontal:h-px data-horizontal:w-5 data-vertical:w-px","data-vertical:self-center",v[a],i)},o))}export{b as OTPField,f as OTPFieldInput,m as OTPFieldSeparator};

package/dist/components/mobase/pagination.mjs

@@ -1 +1 @@
-import{a as e,b as l,c as s}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as o,jsxs as m}from"react/jsx-runtime";import{cn as p}from"../../lib/utils";import{Button as u}from"./button";import{ChevronLeftIcon as P,ChevronRightIcon as f,MoreHorizontalIcon as d}from"lucide-react";function k(i){var t=i,{className:a}=t,n=s(t,["className"]);return o("nav",e({role:"navigation","aria-label":"pagination","data-slot":"pagination",className:p("mx-auto flex w-full justify-center",a)},n))}function v(i){var t=i,{className:a}=t,n=s(t,["className"]);return o("ul",e({"data-slot":"pagination-content",className:p("flex items-center gap-1",a)},n))}function C(n){var a=s(n,[]);return o("li",e({"data-slot":"pagination-item"},a))}function c(r){var g=r,{className:a,isActive:n,size:i="icon"}=g,t=s(g,["className","isActive","size"]);return o(u,{variant:n?"outline":"ghost",size:i,className:p(a),nativeButton:!1,render:o("a",e({"aria-current":n?"page":void 0,"data-slot":"pagination-link","data-active":n},t))})}function N(t){var r=t,{className:a,text:n="Previous"}=r,i=s(r,["className","text"]);return m(c,l(e({"aria-label":"Go to previous page",size:"default",className:p("pl-2!",a)},i),{children:[o(P,{"data-icon":"inline-start"}),o("span",{className:"hidden sm:block",children:n})]}))}function R(t){var r=t,{className:a,text:n="Next"}=r,i=s(r,["className","text"]);return m(c,l(e({"aria-label":"Go to next page",size:"default",className:p("pr-2!",a)},i),{children:[o("span",{className:"hidden sm:block",children:n}),o(f,{"data-icon":"inline-end"})]}))}function x(i){var t=i,{className:a}=t,n=s(t,["className"]);return m("span",l(e({"aria-hidden":!0,"data-slot":"pagination-ellipsis",className:p("flex size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4",a)},n),{children:[o(d,{}),o("span",{className:"sr-only",children:"More pages"})]}))}export{k as Pagination,v as PaginationContent,x as PaginationEllipsis,C as PaginationItem,c as PaginationLink,R as PaginationNext,N as PaginationPrevious};
+"use client";import{a as e,b as l,c as s}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as o,jsxs as m}from"react/jsx-runtime";import{cn as p}from"../../lib/utils";import{Button as g}from"./button";import{ChevronLeftIcon as P,ChevronRightIcon as f,MoreHorizontalIcon as d}from"lucide-react";function k(i){var t=i,{className:a}=t,n=s(t,["className"]);return o("nav",e({role:"navigation","aria-label":"pagination","data-slot":"pagination",className:p("mx-auto flex w-full justify-center",a)},n))}function v(i){var t=i,{className:a}=t,n=s(t,["className"]);return o("ul",e({"data-slot":"pagination-content",className:p("flex items-center gap-1",a)},n))}function C(n){var a=s(n,[]);return o("li",e({"data-slot":"pagination-item"},a))}function c(r){var u=r,{className:a,isActive:n,size:i="icon"}=u,t=s(u,["className","isActive","size"]);return o(g,{variant:n?"outline":"ghost",size:i,className:p(a),nativeButton:!1,render:o("a",e({"aria-current":n?"page":void 0,"data-slot":"pagination-link","data-active":n},t))})}function N(t){var r=t,{className:a,text:n="Previous"}=r,i=s(r,["className","text"]);return m(c,l(e({"aria-label":"Go to previous page",size:"default",className:p("pl-2!",a)},i),{children:[o(P,{"data-icon":"inline-start"}),o("span",{className:"hidden sm:block",children:n})]}))}function R(t){var r=t,{className:a,text:n="Next"}=r,i=s(r,["className","text"]);return m(c,l(e({"aria-label":"Go to next page",size:"default",className:p("pr-2!",a)},i),{children:[o("span",{className:"hidden sm:block",children:n}),o(f,{"data-icon":"inline-end"})]}))}function x(i){var t=i,{className:a}=t,n=s(t,["className"]);return m("span",l(e({"aria-hidden":!0,"data-slot":"pagination-ellipsis",className:p("flex size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4",a)},n),{children:[o(d,{}),o("span",{className:"sr-only",children:"More pages"})]}))}export{k as Pagination,v as PaginationContent,x as PaginationEllipsis,C as PaginationItem,c as PaginationLink,R as PaginationNext,N as PaginationPrevious};

package/dist/components/mobase/qr-payment.d.mts

@@ -0,0 +1,46 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface QRPaymentProps extends React.ComponentProps<"div"> {
+    loading?: boolean;
+    isExpriedQR: Date | string | number | boolean;
+    qrLink: string;
+    qrImage?: string;
+    logoQr?: string;
+    titleOrder?: string;
+    dateExpired?: Date | string | number;
+    priceOrder?: number | string;
+    isAIOQR?: boolean;
+    isHideGuidePayment?: boolean;
+}
+interface PaymentGuideProps {
+    isQrForAll?: boolean;
+    shortTitle?: string;
+    className?: string;
+}
+interface PaymentGuideDialogProps {
+    children: React.ReactElement;
+    title?: string;
+    isQrForAll?: boolean;
+    shortTitle?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+declare function PaymentGuide({ isQrForAll, shortTitle, className }: PaymentGuideProps): react_jsx_runtime.JSX.Element;
+declare function PaymentGuideDialog({ children, title, isQrForAll, shortTitle, open, onOpenChange, }: PaymentGuideDialogProps): react_jsx_runtime.JSX.Element;
+declare function QRCodeScanBox({ isQrForAll, qrImage, qrLink, logoQr, expired, loading, onQrLoaded, dateExpired, priceOrder, titleOrder, isHideGuidePayment, }: {
+    isQrForAll?: boolean;
+    qrImage?: string;
+    qrLink: string;
+    logoQr?: string;
+    expired?: boolean;
+    loading?: boolean;
+    onQrLoaded?: () => void;
+    dateExpired?: Date | string | number;
+    priceOrder?: number | string;
+    titleOrder?: string;
+    isHideGuidePayment?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function QRPayment({ loading, isExpriedQR, qrLink, qrImage, logoQr, dateExpired, priceOrder, titleOrder, className, isAIOQR, isHideGuidePayment, ...props }: QRPaymentProps): react_jsx_runtime.JSX.Element;
+
+export { PaymentGuide, PaymentGuideDialog, type PaymentGuideDialogProps, type PaymentGuideProps, QRCodeScanBox, QRPayment, type QRPaymentProps };

package/dist/components/mobase/qr-payment.mjs

@@ -0,0 +1,13 @@
+"use client";import{a as x,b as y,c as N}from"../../chunk-7LRQ2WLZ.mjs";import{Fragment as m,jsx as e,jsxs as o}from"react/jsx-runtime";import*as u from"react";import{MessageCircleQuestionIcon as k}from"lucide-react";import{QRCodeSVG as w}from"qrcode.react";import{cn as h}from"../../lib/utils";import{Dialog as G,DialogContent as q,DialogHeader as _,DialogPanel as C,DialogTitle as O,DialogTrigger as M}from"./dialog";import{Spinner as S}from"./spinner";const T="https://homepage.momocdn.net/fileuploads/svg/momo-file-240411162904.svg",H="https://homepage.momocdn.net/pwa/images/logoMomox50.png";function A(t){if(typeof t=="boolean")return t;const n=t instanceof Date?t.getTime():new Date(t).getTime();return Number.isFinite(n)?n<=Date.now():!1}function E(){const t=["Ng\u01B0\u1EDDi d\xF9ng l\u01B0u m\xE3 QR v\u1EC1 m\xE1y (nh\u1EA5n gi\u1EEF \u1EA3nh ho\u1EB7c ch\u1EE5p m\xE0n h\xECnh).","M\u1EDF \u1EE9ng d\u1EE5ng Ng\xE2n h\xE0ng ho\u1EB7c V\xED \u0111i\u1EC7n t\u1EED.",'Trong app, ch\u1ECDn ch\u1EE9c n\u0103ng "Qu\xE9t QR" \u0111\u1EC3 t\u1EA3i \u1EA3nh QR \u0111\xE3 l\u01B0u.','Ch\u1ECDn "Ch\u1ECDn \u1EA3nh t\u1EEB th\u01B0 vi\u1EC7n" ho\u1EB7c "T\u1EA3i \u1EA3nh QR", sau \u0111\xF3 ch\u1ECDn \u1EA3nh QR \u0111\xE3 l\u01B0u.'];return e("ul",{"data-slot":"qr-payment-guide-mobile",className:"-ml-3 grid list-decimal grid-cols-1 gap-y-6 md:hidden",children:t.map((n,i)=>o("li",{className:"relative flex items-center gap-4",children:[e("div",{className:"relative z-20 flex size-8 flex-shrink-0 items-center justify-center rounded-full bg-muted text-sm font-semibold text-foreground",children:i+1}),o("div",{className:"flex flex-1 items-start gap-2",children:[e("p",{className:"text-sm leading-relaxed text-muted-foreground",children:n}),i<t.length-1?e("div",{className:"absolute left-4 top-8 h-12 w-px -translate-x-1/2 bg-border"}):null]})]},i))})}function F({isQrForAll:t,shortTitle:n,className:i}){return o("div",{"data-slot":"qr-payment-guide-desktop",className:h("hidden grid-cols-1 gap-y-6 py-8 text-sm md:grid",i),children:[e(f,{image:"https://homepage.momocdn.net/images/s/momo-upload-api-200917091602-637359309621891617.png",title:"B\u01B0\u1EDBc 1 :",description:t?"M\u1EDF app MoMo ho\u1EB7c \u1EE9ng d\u1EE5ng ng\xE2n h\xE0ng/v\xED \u0111i\u1EC7n t\u1EED ch\u1EA5p nh\u1EADn m\xE3 v\u1EA1ch t\u1EEB QR \u0110a N\u0103ng":"M\u1EDF \u1EE9ng d\u1EE5ng camera m\u1EB7c \u0111\u1ECBnh ho\u1EB7c \u1EE9ng d\u1EE5ng h\u1ED7 tr\u1EE3 QR code c\u1EE7a b\u1EA1n"}),e(f,{image:"https://homepage.momocdn.net/images/s/momo-upload-api-200917091443-637359308837905996.png",title:"B\u01B0\u1EDBc 2 :",description:"Qu\xE9t m\xE3 QR Code theo h\xECnh b\xEAn ph\u1EA3i"}),e(f,{image:"https://homepage.momocdn.net/images/s/momo-upload-api-200917090146-637359301062519803.png",title:"B\u01B0\u1EDBc 3 :",description:`B\u1EA5m v\xE0o th\xF4ng b\xE1o hi\u1EC3n th\u1ECB \u0111\u1EC3 t\u1EA3i \u1EE9ng d\u1EE5ng ho\u1EB7c ${n||"Truy c\u1EADp ngay"}`})]})}function f({image:t,title:n,description:i}){return o("div",{"data-slot":"qr-payment-guide-step",className:"flex flex-nowrap items-start",children:[e("div",{className:"relative aspect-[2/3] flex-none overflow-hidden",children:e("img",{className:"w-20",loading:"lazy",src:t,alt:n})}),o("div",{className:"flex-1 pl-4",children:[e("div",{className:"font-semibold text-foreground",children:n}),e("div",{className:"mt-1 text-muted-foreground",children:i})]})]})}function Q({isQrForAll:t=!1,shortTitle:n,className:i=""}){return o(m,{children:[e(F,{isQrForAll:t,shortTitle:n,className:i}),e(E,{})]})}function P({children:t,title:n="H\u01B0\u1EDBng d\u1EABn thanh to\xE1n",isQrForAll:i=!1,shortTitle:d,open:a,onOpenChange:s}){return o(G,{open:a,onOpenChange:s,children:[e(M,{render:t}),o(q,{placement:"bottom",children:[e(_,{children:e(O,{children:n})}),e(C,{children:e(Q,{isQrForAll:i,shortTitle:d})})]})]})}function L({img:t="",children:n,isQrForAll:i,onQrLoaded:d,dateExpired:a,priceOrder:s,isHideGuidePayment:r}){return o(m,{children:[o("div",{"data-slot":"qr-payment-scan-container",className:"qrcode__scan__container relative mx-auto w-[280px] select-none rounded-[15px] bg-white p-[15px]",children:[i?o("div",{className:"flex w-full items-center justify-center space-x-2 md:hidden",children:[e("img",{src:H,width:28,height:28,alt:"MoMo",className:"shrink-0"}),e("div",{className:"h-3.5 w-0.5 shrink-0 bg-border"}),e("img",{src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-250711102030-638878260300337990.png",width:56,height:25,alt:"QR all",className:"shrink-0"})]}):null,o("div",{"data-slot":"qr-payment-scan",className:"qrcode__scan relative mx-auto flex size-[245px] items-center justify-center overflow-hidden bg-white",children:[e("div",{className:"qrcode__gradient invisible absolute left-[1%] top-[1%] z-[6] size-[98%] opacity-0 md:visible md:opacity-60",children:e("img",{alt:"",className:"size-full",src:"https://homepage.momocdn.net/jk/momo2020/img/qrcode/qrcode-gradient.png"})}),e("div",{className:"qrcode__border invisible absolute left-0 top-0 z-[5] size-full opacity-0 pointer-events-none md:visible md:opacity-90",children:e("img",{alt:"",className:"size-full",src:"https://homepage.momocdn.net/jk/momo2020/img/qrcode/border-qrcode.svg"})}),e("div",{className:"qrcode__image w-full select-none p-4",children:t?e("img",{alt:"QR code",className:"mx-auto block w-full",src:t,loading:"lazy",onLoad:d}):n})]}),s?o("div",{className:"text-sm text-foreground md:hidden",children:[e("div",{children:"Th\xF4ng tin thanh to\xE1n"}),e("div",{className:"text-base font-bold text-foreground",children:s})]}):null]}),a?o("div",{className:"mt-3 text-sm text-foreground md:hidden",children:[e("span",{children:"M\xE3 h\u1EBFt h\u1EA1n v\xE0o: "}),e("span",{className:"font-semibold",children:String(a)})]}):null,e("div",{className:"mt-4 hidden text-sm font-semibold text-foreground md:block",children:i?o(m,{children:[e("img",{src:"https://homepage.momocdn.net/img/frame-1-1-251120093929.png",width:220,height:28,className:"mx-auto",alt:"QR all"}),e("div",{className:"mt-3",children:"Nh\u1EADn ti\u1EC1n t\u1EEB m\u1ECDi V\xED \u0110i\u1EC7n T\u1EED v\xE0 Ng\xE2n H\xE0ng"})]}):r?null:o("div",{className:"text-xs text-muted-foreground",children:["S\u1EED d\u1EE5ng App MoMo ho\u1EB7c",e("br",{}),"\u1EE9ng d\u1EE5ng Camera h\u1ED7 tr\u1EE3 QR code \u0111\u1EC3 qu\xE9t m\xE3."]})})]})}function j({img:t="",children:n,isQrForAll:i,onQrLoaded:d,dateExpired:a,priceOrder:s,className:r,isHideGuidePayment:l}){return o(m,{children:[e("div",{className:h(r),children:e(L,{dateExpired:a,priceOrder:s,img:t,isQrForAll:i,onQrLoaded:d,isHideGuidePayment:l,children:n})}),e("style",{children:`
+        .qrcode__gradient {
+          transform: translate3d(0, -110%, 0);
+          animation: QRCodeScan 3s infinite cubic-bezier(0.45, 0.03, 0.81, 0.63);
+          backface-visibility: hidden;
+        }
+
+        @keyframes QRCodeScan {
+          0% { transform: translate3d(0, -110%, 0); }
+          90% { transform: translate3d(0, 30%, 0); }
+          100% { transform: translate3d(0, 30%, 0); }
+        }
+      `})]})}function R({isQrForAll:t,qrImage:n,qrLink:i,logoQr:d="https://homepage.momocdn.net/img/momo-upload-api-231211171009-638379114093056419.png",expired:a,loading:s,onQrLoaded:r,dateExpired:l,priceOrder:p,titleOrder:c,isHideGuidePayment:g}){return u.useEffect(()=>{!n&&i&&typeof r=="function"&&r()},[r,n,i]),o("div",{"data-slot":"qr-payment-scan-box",className:"relative z-[1]",children:[o("div",{className:"relative z-[1] bg-pink-50 bg-repeat-y px-5 py-6 text-center",style:{backgroundImage:"url(https://homepage.momocdn.net/img/momo-amazone-s3-api-250714113823-638880899039487085.png)",backgroundPosition:"right bottom",backgroundSize:"auto 30px"},children:[e("img",{className:"pointer-events-none absolute right-6 top-14 hidden select-none md:flex",src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-250821154232-638913877527374430.png",alt:""}),e("div",{className:"qrcode__title mb-2 hidden text-base font-bold text-foreground md:block",children:c||"Qu\xE9t QR \u0111\u1EC3 thanh to\xE1n"}),o(j,{img:n,isQrForAll:t,onQrLoaded:r,dateExpired:l,priceOrder:p,isHideGuidePayment:g,children:[i&&!n?e(w,{value:i,size:215,imageSettings:{src:d,height:40,width:40,excavate:!0},level:"H"}):null,a?e("div",{className:"absolute inset-0 z-10 flex size-full flex-col items-center justify-center bg-white/90",children:e("span",{className:"text-lg font-bold text-primary",children:"QR Code \u0111\xE3 h\u1EBFt h\u1EA1n"})}):null,s?e("div",{className:"absolute inset-0 z-10 flex size-full flex-col items-center justify-center bg-white/90",children:e(S,{size:"lg"})}):null]})]}),e("div",{className:"qrcode__guide relative z-10 select-none bg-pink-50 bg-repeat-y px-5 pb-5 text-center",style:{backgroundImage:"url(https://homepage.momocdn.net/img/momo-amazone-s3-api-250714113823-638880899039487085.png)",backgroundPosition:"right top",backgroundSize:"auto 30px"},children:g?null:o(m,{children:[e("div",{className:"mb-2 text-sm font-semibold text-primary md:hidden",children:"Nh\u1EA5n gi\u1EEF QR \u0111\u1EC3 l\u01B0u"}),e(P,{isQrForAll:!0,shortTitle:"Thanh to\xE1n ngay",title:"H\u01B0\u1EDBng d\u1EABn thanh to\xE1n QR",children:o("button",{type:"button",className:"inline-flex cursor-pointer items-center justify-center gap-1 text-center text-sm font-semibold text-primary",children:["H\u01B0\u1EDBng d\u1EABn thanh to\xE1n",e(k,{className:"size-4"})]})})]})})]})}function B(I){var v=I,{loading:t=!1,isExpriedQR:n,qrLink:i,qrImage:d,logoQr:a,dateExpired:s,priceOrder:r,titleOrder:l,className:p,isAIOQR:c=!0,isHideGuidePayment:g=!1}=v,z=N(v,["loading","isExpriedQR","qrLink","qrImage","logoQr","dateExpired","priceOrder","titleOrder","className","isAIOQR","isHideGuidePayment"]);const[D,b]=u.useState(!1);return u.useEffect(()=>{t&&b(!1)},[t]),e("div",y(x({"data-slot":"qr-payment",className:h("relative h-full overflow-hidden rounded-lg bg-background md:col-span-7",p)},z),{children:e(R,{isQrForAll:c,qrImage:d,qrLink:i,logoQr:c?a:T,expired:A(n),loading:t||!D,titleOrder:l,onQrLoaded:()=>b(!0),dateExpired:s,priceOrder:r,isHideGuidePayment:g})}))}export{Q as PaymentGuide,P as PaymentGuideDialog,R as QRCodeScanBox,B as QRPayment};

package/dist/components/mobase/table.mjs

@@ -1 +1 @@
-"use client";import{a as o,c as r}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as l}from"react/jsx-runtime";import{cn as n}from"../../lib/utils";function d(s){var t=s,{className:e}=t,a=r(t,["className"]);return l("div",{"data-slot":"table-container",className:"relative w-full overflow-x-auto",children:l("table",o({"data-slot":"table",className:n("w-full caption-bottom text-sm",e)},a))})}function c(s){var t=s,{className:e}=t,a=r(t,["className"]);return l("thead",o({"data-slot":"table-header",className:n("[&_tr]:border-b",e)},a))}function b(s){var t=s,{className:e}=t,a=r(t,["className"]);return l("tbody",o({"data-slot":"table-body",className:n("[&_tr:last-child]:border-0",e)},a))}function m(s){var t=s,{className:e}=t,a=r(t,["className"]);return l("tfoot",o({"data-slot":"table-footer",className:n("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e)},a))}function p(s){var t=s,{className:e}=t,a=r(t,["className"]);return l("tr",o({"data-slot":"table-row",className:n("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e)},a))}function i(s){var t=s,{className:e}=t,a=r(t,["className"]);return l("th",o({"data-slot":"table-head",className:n("h-12 px-3 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",e)},a))}function u(s){var t=s,{className:e}=t,a=r(t,["className"]);return l("td",o({"data-slot":"table-cell",className:n("p-3 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",e)},a))}function f(s){var t=s,{className:e}=t,a=r(t,["className"]);return l("caption",o({"data-slot":"table-caption",className:n("mt-4 text-sm text-muted-foreground",e)},a))}export{d as Table,b as TableBody,f as TableCaption,u as TableCell,m as TableFooter,i as TableHead,c as TableHeader,p as TableRow};
+"use client";import{a as o,c as r}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as l}from"react/jsx-runtime";import{cn as n}from"../../lib/utils";function d(s){var t=s,{className:e}=t,a=r(t,["className"]);return l("div",{"data-slot":"table-container",className:"relative w-full overflow-x-auto",children:l("table",o({"data-slot":"table",className:n("w-full caption-bottom text-sm",e)},a))})}function c(s){var t=s,{className:e}=t,a=r(t,["className"]);return l("thead",o({"data-slot":"table-header",className:n("[&_tr]:border-b",e)},a))}function b(s){var t=s,{className:e}=t,a=r(t,["className"]);return l("tbody",o({"data-slot":"table-body",className:n("[&_tr:last-child]:border-0",e)},a))}function m(s){var t=s,{className:e}=t,a=r(t,["className"]);return l("tfoot",o({"data-slot":"table-footer",className:n("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e)},a))}function p(s){var t=s,{className:e}=t,a=r(t,["className"]);return l("tr",o({"data-slot":"table-row",className:n("border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted",e)},a))}function i(s){var t=s,{className:e}=t,a=r(t,["className"]);return l("th",o({"data-slot":"table-head",className:n("h-12 px-3 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",e)},a))}function u(s){var t=s,{className:e}=t,a=r(t,["className"]);return l("td",o({"data-slot":"table-cell",className:n("p-3 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",e)},a))}function f(s){var t=s,{className:e}=t,a=r(t,["className"]);return l("caption",o({"data-slot":"table-caption",className:n("mt-4 text-sm text-muted-foreground",e)},a))}export{d as Table,b as TableBody,f as TableCaption,u as TableCell,m as TableFooter,i as TableHead,c as TableHeader,p as TableRow};