@momo-webplatform/mobase-next 1.0.2 → 1.0.4

package/dist/components/mobase/logos-carousel.mjs

@@ -1,27 +0,0 @@
-"use client";import{a as L,b as R}from"../../chunk-7LRQ2WLZ.mjs";import{Fragment as Y,jsx as t,jsxs as E}from"react/jsx-runtime";import*as r from"react";import{cn as w}from"../../lib/utils";function A({children:o,stagger:f=.14,count:d,className:l,duration:p=600,interval:u=2500,initialDelay:c=500}){const[g,a]=r.useState(0),[n,C]=r.useState(!1),[P,S]=r.useState(1),x=r.Children.toArray(o),v=d||x.length,y=[];for(let e=0;e<x.length;e+=v)y.push(x.slice(e,e+v));const s=y.length;return r.useEffect(()=>{const e=setTimeout(()=>{C(!0)},c);return()=>{clearTimeout(e)}},[c]),r.useEffect(()=>{if(!n||s===0)return;function e(){a(m=>{const b=(m+1)%s;return S((b+1)%s),b})}const i=setInterval(e,u);return()=>{clearInterval(i)}},[n,u,s]),s===0?null:E(Y,{children:[t("style",{children:`
-        @keyframes logos-enter {
-          0% {
-            transform: translateY(40px);
-            filter: blur(4px);
-            opacity: 0;
-          }
-          100% {
-            transform: translateY(0);
-            filter: blur(0px);
-            opacity: 1;
-          }
-        }
-
-        @keyframes logos-exit {
-          0% {
-            transform: translateY(0);
-            filter: blur(0px);
-            opacity: 1;
-          }
-          100% {
-            transform: translateY(-40px);
-            filter: blur(4px);
-            opacity: 0;
-          }
-        }
-      `}),t("div",{className:"max-w-[720px] grid place-items-center w-full",children:y.map((e,i)=>{const m=i===g,N=m||i===P&&n;return t("div",{className:w("flex w-full justify-center gap-10",l),style:{gridArea:"1 / 1",pointerEvents:N?"auto":"none"},children:e.map((k,h)=>t(I,{state:m?"exit":"enter",animate:n?N:void 0,index:h,stagger:f,duration:p,children:k},h))},i)})})]})}function I({children:o,animate:f,index:d,state:l="enter",stagger:p=.14,duration:u=500}){const c=d*p,g=u,a={animationDelay:`${c}s`,animationDuration:`${g}ms`,animationFillMode:"both"};if(!f)return l==="enter"?t("div",{className:"opacity-0",style:a,children:o}):t("div",{className:"opacity-100",style:a,children:o});const n=l==="enter"?"logos-enter":"logos-exit";return t("div",{style:R(L({},a),{animationName:n,animationTimingFunction:"ease"}),children:o})}var D=A;export{A as LogosCarousel,D as default};

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

@@ -1,16 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { HTMLAttributes } from 'react';
-import { MarqueeProps as MarqueeProps$1 } from 'react-fast-marquee';
-
-type MarqueeProps = HTMLAttributes<HTMLDivElement>;
-declare function Marquee({ className, ...props }: MarqueeProps): react_jsx_runtime.JSX.Element;
-type MarqueeContentProps = MarqueeProps$1;
-declare function MarqueeContent({ loop, autoFill, pauseOnHover, ...props }: MarqueeContentProps): react_jsx_runtime.JSX.Element;
-type MarqueeFadeProps = HTMLAttributes<HTMLDivElement> & {
-    side: "left" | "right";
-};
-declare function MarqueeFade({ className, side, ...props }: MarqueeFadeProps): react_jsx_runtime.JSX.Element;
-type MarqueeItemProps = HTMLAttributes<HTMLDivElement>;
-declare function MarqueeItem({ className, ...props }: MarqueeItemProps): react_jsx_runtime.JSX.Element;
-
-export { Marquee, MarqueeContent, type MarqueeContentProps, MarqueeFade, type MarqueeFadeProps, MarqueeItem, type MarqueeItemProps, type MarqueeProps };

package/dist/components/mobase/marquee.mjs

@@ -1 +0,0 @@
-"use client";import{a as o,b as s,c as u}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as p}from"react/jsx-runtime";import m from"react-fast-marquee";import{cn as i}from"../../lib/utils";function f(a){var t=a,{className:r}=t,e=u(t,["className"]);return p("div",s(o({className:i("relative w-full overflow-hidden",r)},e),{"data-slot":"marquee"}))}function d(n){var l=n,{loop:r=0,autoFill:e=!0,pauseOnHover:a=!0}=l,t=u(l,["loop","autoFill","pauseOnHover"]);return p(m,o({autoFill:e,loop:r,pauseOnHover:a},t))}function c(t){var n=t,{className:r,side:e}=n,a=u(n,["className","side"]);return p("div",s(o({className:i("absolute top-0 bottom-0 z-10 h-full w-24 from-background to-transparent",e==="left"?"left-0 bg-gradient-to-r":"right-0 bg-gradient-to-l",r)},a),{"data-slot":"marquee-fade","data-side":e}))}function P(a){var t=a,{className:r}=t,e=u(t,["className"]);return p("div",s(o({className:i("mx-2 flex-shrink-0 object-contain",r)},e),{"data-slot":"marquee-item"}))}export{f as Marquee,d as MarqueeContent,c as MarqueeFade,P as MarqueeItem};

package/dist/components/mobase/native-select.d.mts

@@ -1,11 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-
-type NativeSelectProps = Omit<React.ComponentProps<"select">, "size"> & {
-    size?: "sm" | "default";
-};
-declare function NativeSelect({ className, size, ...props }: NativeSelectProps): react_jsx_runtime.JSX.Element;
-declare function NativeSelectOption({ ...props }: React.ComponentProps<"option">): react_jsx_runtime.JSX.Element;
-declare function NativeSelectOptGroup({ className, ...props }: React.ComponentProps<"optgroup">): react_jsx_runtime.JSX.Element;
-
-export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };

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

@@ -1 +0,0 @@
-"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.d.mts

@@ -1,15 +0,0 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { NavigationMenu as NavigationMenu$1 } from '@base-ui/react/navigation-menu';
-
-declare function NavigationMenu({ align, className, children, ...props }: NavigationMenu$1.Root.Props & Pick<NavigationMenu$1.Positioner.Props, "align">): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuList({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenu$1.List>): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuItem({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenu$1.Item>): react_jsx_runtime.JSX.Element;
-declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare function NavigationMenuTrigger({ className, children, ...props }: NavigationMenu$1.Trigger.Props): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuContent({ className, ...props }: NavigationMenu$1.Content.Props): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuPositioner({ className, side, sideOffset, align, alignOffset, ...props }: NavigationMenu$1.Positioner.Props): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuLink({ className, ...props }: NavigationMenu$1.Link.Props): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuIndicator({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenu$1.Icon>): react_jsx_runtime.JSX.Element;
-
-export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, navigationMenuTriggerStyle };

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

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

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

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

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

@@ -1 +0,0 @@
-"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.d.mts

@@ -1,23 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { Button } from './button.mjs';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-
-declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
-declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
-declare function PaginationItem({ ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
-type PaginationLinkProps = {
-    isActive?: boolean;
-} & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
-declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
-declare function PaginationPrevious({ className, text, ...props }: React.ComponentProps<typeof PaginationLink> & {
-    text?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function PaginationNext({ className, text, ...props }: React.ComponentProps<typeof PaginationLink> & {
-    text?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
-
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/components/mobase/pagination.mjs

@@ -1 +0,0 @@
-"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/popover.d.mts

@@ -1,12 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-import { Popover as Popover$1 } from '@base-ui/react/popover';
-
-declare function Popover({ ...props }: Popover$1.Root.Props): react_jsx_runtime.JSX.Element;
-declare function PopoverTrigger({ ...props }: Popover$1.Trigger.Props): react_jsx_runtime.JSX.Element;
-declare function PopoverContent({ className, align, alignOffset, side, sideOffset, collisionAvoidance, ...props }: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "collisionAvoidance">): react_jsx_runtime.JSX.Element;
-declare function PopoverHeader({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function PopoverTitle({ className, ...props }: Popover$1.Title.Props): react_jsx_runtime.JSX.Element;
-declare function PopoverDescription({ className, ...props }: Popover$1.Description.Props): react_jsx_runtime.JSX.Element;
-
-export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };

package/dist/components/mobase/popover.mjs

@@ -1 +0,0 @@
-"use client";import{a as r,c as n}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as t}from"react/jsx-runtime";import{Popover as a}from"@base-ui/react/popover";import{cn as p}from"../../lib/utils";function v(i){var o=n(i,[]);return t(a.Root,r({"data-slot":"popover"},o))}function f(i){var o=n(i,[]);return t(a.Trigger,r({"data-slot":"popover-trigger"},o))}function c(b){var d=b,{className:o,align:i="center",alignOffset:s=0,side:e="bottom",sideOffset:l=4,collisionAvoidance:P}=d,m=n(d,["className","align","alignOffset","side","sideOffset","collisionAvoidance"]);return t(a.Portal,{children:t(a.Positioner,{align:i,alignOffset:s,side:e,sideOffset:l,collisionAvoidance:P,className:"isolate z-50",children:t(a.Popup,r({"data-slot":"popover-content",className:p("z-50 flex w-72 origin-(--transform-origin) flex-col gap-4 rounded-2xl bg-popover p-4 text-sm text-popover-foreground shadow-large ring-1 ring-border/50 outline-hidden duration-100","data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2","data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",o)},m))})})}function g(s){var e=s,{className:o}=e,i=n(e,["className"]);return t("div",r({"data-slot":"popover-header",className:p("flex flex-col gap-1 text-sm",o)},i))}function u(s){var e=s,{className:o}=e,i=n(e,["className"]);return t(a.Title,r({"data-slot":"popover-title",className:p("text-base font-medium",o)},i))}function x(s){var e=s,{className:o}=e,i=n(e,["className"]);return t(a.Description,r({"data-slot":"popover-description",className:p("text-muted-foreground",o)},i))}export{v as Popover,c as PopoverContent,x as PopoverDescription,g as PopoverHeader,u as PopoverTitle,f as PopoverTrigger};

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

@@ -1,10 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Progress as Progress$1 } from '@base-ui/react/progress';
-
-declare function Progress({ className, children, value, ...props }: Progress$1.Root.Props): react_jsx_runtime.JSX.Element;
-declare function ProgressTrack({ className, ...props }: Progress$1.Track.Props): react_jsx_runtime.JSX.Element;
-declare function ProgressIndicator({ className, ...props }: Progress$1.Indicator.Props): react_jsx_runtime.JSX.Element;
-declare function ProgressLabel({ className, ...props }: Progress$1.Label.Props): react_jsx_runtime.JSX.Element;
-declare function ProgressValue({ className, ...props }: Progress$1.Value.Props): react_jsx_runtime.JSX.Element;
-
-export { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue };

package/dist/components/mobase/progress.mjs

@@ -1 +0,0 @@
-"use client";import{a as o,b as m,c as t}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as a,jsxs as f}from"react/jsx-runtime";import{Progress as l}from"@base-ui/react/progress";import{cn as n}from"../../lib/utils";function c(v){var P=v,{className:e,children:s,value:i}=P,r=t(P,["className","children","value"]);return f(l.Root,m(o({value:i,"data-slot":"progress",className:n("flex flex-wrap gap-3",e)},r),{children:[s,a(u,{children:a(g,{})})]}))}function u(i){var r=i,{className:e}=r,s=t(r,["className"]);return a(l.Track,o({className:n("relative flex h-3 w-full items-center overflow-x-hidden rounded-4xl bg-muted",e),"data-slot":"progress-track"},s))}function g(i){var r=i,{className:e}=r,s=t(r,["className"]);return a(l.Indicator,o({"data-slot":"progress-indicator",className:n("h-full bg-primary transition-all",e)},s))}function d(i){var r=i,{className:e}=r,s=t(r,["className"]);return a(l.Label,o({className:n("text-sm font-medium",e),"data-slot":"progress-label"},s))}function p(i){var r=i,{className:e}=r,s=t(r,["className"]);return a(l.Value,o({className:n("ml-auto text-sm text-muted-foreground tabular-nums",e),"data-slot":"progress-value"},s))}export{c as Progress,g as ProgressIndicator,d as ProgressLabel,u as ProgressTrack,p as ProgressValue};

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

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

@@ -1,13 +0,0 @@
-"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/radio-group.d.mts

@@ -1,10 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Radio } from '@base-ui/react/radio';
-import { RadioGroup as RadioGroup$1 } from '@base-ui/react/radio-group';
-
-type RadioGroupProps = RadioGroup$1.Props;
-type RadioGroupItemProps = Radio.Root.Props;
-declare function RadioGroup({ className, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
-declare function RadioGroupItem({ className, ...props }: RadioGroupItemProps): react_jsx_runtime.JSX.Element;
-
-export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps };

package/dist/components/mobase/radio-group.mjs

@@ -1 +0,0 @@
-"use client";import{a as e,b as d,c as t}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as i}from"react/jsx-runtime";import{Radio as s}from"@base-ui/react/radio";import{RadioGroup as n}from"@base-ui/react/radio-group";import{cn as p}from"../../lib/utils";function l(u){var r=u,{className:a}=r,o=t(r,["className"]);return i(n,e({"data-slot":"radio-group",className:p("grid w-full gap-3",a)},o))}function c(u){var r=u,{className:a}=r,o=t(r,["className"]);return i(s.Root,d(e({"data-slot":"radio-group-item",className:p("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input bg-background-1 outline-none","after:absolute after:-inset-x-3 after:-inset-y-2","focus-visible:border-ring focus-visible:ring-[1px] focus-visible:ring-ring","disabled:cursor-not-allowed disabled:opacity-50","aria-invalid:border-destructive aria-invalid:ring-[1px] aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary","dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40","data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",a)},o),{children:i(s.Indicator,{"data-slot":"radio-group-indicator",className:"flex size-4 items-center justify-center",children:i("span",{className:"absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground"})})}))}export{l as RadioGroup,c as RadioGroupItem};

package/dist/components/mobase/scroll-area.d.mts

@@ -1,11 +0,0 @@
-import { ScrollArea as ScrollArea$1 } from '@base-ui/react/scroll-area';
-export { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
-import React__default from 'react';
-
-declare function ScrollArea({ className, children, scrollFade, scrollbarGutter, ...props }: ScrollArea$1.Root.Props & {
-    scrollFade?: boolean;
-    scrollbarGutter?: boolean;
-}): React__default.ReactElement;
-declare function ScrollBar({ className, orientation, ...props }: ScrollArea$1.Scrollbar.Props): React__default.ReactElement;
-
-export { ScrollArea, ScrollBar };

package/dist/components/mobase/scroll-area.mjs

@@ -1 +0,0 @@
-"use client";import{a as i,b as c,c as s}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as r,jsxs as m}from"react/jsx-runtime";import{ScrollArea as a}from"@base-ui/react/scroll-area";import{cn as n}from"../../lib/utils";function w(u){var d=u,{className:l,children:e,scrollFade:t=!1,scrollbarGutter:f=!1}=d,o=s(d,["className","children","scrollFade","scrollbarGutter"]);return m(a.Root,c(i({className:n("size-full min-h-0",l),"data-slot":"scroll-area"},o),{children:[r(a.Viewport,{className:n("h-full rounded-[inherit] outline-none transition-shadows focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background-1 data-has-overflow-y:overscroll-y-contain data-has-overflow-x:overscroll-x-contain",t&&"mask-t-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-y-start)))] mask-b-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-y-end)))] mask-l-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-x-start)))] mask-r-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-x-end)))] [--fade-size:1.5rem]",f&&"data-has-overflow-y:pe-2.5 data-has-overflow-x:pb-2.5"),"data-slot":"scroll-area-viewport",children:e}),r(v,{orientation:"vertical"}),r(v,{orientation:"horizontal"}),r(a.Corner,{"data-slot":"scroll-area-corner"})]}))}function v(f){var o=f,{className:l,orientation:e="vertical"}=o,t=s(o,["className","orientation"]);return r(a.Scrollbar,c(i({className:n("m-1 flex opacity-0 transition-opacity delay-300 data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:w-1.5 data-[orientation=horizontal]:flex-col data-hovering:opacity-100 data-scrolling:opacity-100 data-hovering:delay-0 data-scrolling:delay-0 data-hovering:duration-100 data-scrolling:duration-100",l),"data-slot":"scroll-area-scrollbar",orientation:e},t),{children:r(a.Thumb,{className:"relative flex-1 rounded-full bg-foreground/20","data-slot":"scroll-area-thumb"})}))}export{w as ScrollArea,a as ScrollAreaPrimitive,v as ScrollBar};

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

@@ -1,21 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-import { Select as Select$1 } from '@base-ui/react/select';
-
-type SelectTriggerSize = "sm" | "default" | "lg";
-declare const Select: typeof Select$1.Root;
-declare function SelectGroup({ className, ...props }: Select$1.Group.Props): react_jsx_runtime.JSX.Element;
-declare function SelectValue({ className, ...props }: Select$1.Value.Props): react_jsx_runtime.JSX.Element;
-type SelectTriggerProps = Omit<Select$1.Trigger.Props, "size"> & {
-    size?: SelectTriggerSize;
-};
-declare function SelectTrigger({ className, size, children, ...props }: SelectTriggerProps): react_jsx_runtime.JSX.Element;
-type SelectContentProps = Select$1.Popup.Props & Pick<Select$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">;
-declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: SelectContentProps): react_jsx_runtime.JSX.Element;
-declare function SelectLabel({ className, ...props }: Select$1.GroupLabel.Props): react_jsx_runtime.JSX.Element;
-declare function SelectItem({ className, children, ...props }: Select$1.Item.Props): react_jsx_runtime.JSX.Element;
-declare function SelectSeparator({ className, ...props }: Select$1.Separator.Props): react_jsx_runtime.JSX.Element;
-declare function SelectScrollUpButton({ className, ...props }: ComponentProps<typeof Select$1.ScrollUpArrow>): react_jsx_runtime.JSX.Element;
-declare function SelectScrollDownButton({ className, ...props }: ComponentProps<typeof Select$1.ScrollDownArrow>): react_jsx_runtime.JSX.Element;
-
-export { Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, type SelectTriggerSize, SelectValue };

package/dist/components/mobase/select.mjs

@@ -1 +0,0 @@
-"use client";import{a,b as c,c as s}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as t,jsxs as u}from"react/jsx-runtime";import{Select as o}from"@base-ui/react/select";import{ChevronDownIcon as f,CheckIcon as b,ChevronUpIcon as x}from"lucide-react";import{cn as n}from"../../lib/utils";const w=o.Root;function h(l){var e=l,{className:i}=e,r=s(e,["className"]);return t(o.Group,a({"data-slot":"select-group",className:n("scroll-my-1 p-1",i)},r))}function y(l){var e=l,{className:i}=e,r=s(e,["className"]);return t(o.Value,a({"data-slot":"select-value",className:n("flex flex-1 text-left",i)},r))}const z={sm:"h-8 rounded-lg text-sm py-0",default:"h-9 rounded-lg text-sm py-0",lg:"h-10 rounded-lg text-base py-0"};function I(d){var p=d,{className:i,size:r="default",children:l}=p,e=s(p,["className","size","children"]);return u(o.Trigger,c(a({"data-slot":"select-trigger","data-size":r,className:n("flex w-fit items-center justify-between gap-1.5 border border-input bg-background-1 px-3 whitespace-nowrap transition-colors outline-none","focus-visible:border-ring focus-visible:ring-[1px] focus-visible:ring-ring","disabled:cursor-not-allowed disabled:opacity-50","aria-invalid:border-destructive aria-invalid:ring-[1px] aria-invalid:ring-destructive/20","dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40","hover:border-gray-6","data-placeholder:text-subtle-foreground","*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5","[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",z[r],i)},e),{children:[l,t(o.Icon,{render:t(f,{className:"pointer-events-none size-4 text-muted-foreground"})})]}))}function T(_){var g=_,{className:i,children:r,side:l="bottom",sideOffset:e=4,align:d="center",alignOffset:p=0,alignItemWithTrigger:m=!0}=g,P=s(g,["className","children","side","sideOffset","align","alignOffset","alignItemWithTrigger"]);return t(o.Portal,{children:t(o.Positioner,{side:l,sideOffset:e,align:d,alignOffset:p,alignItemWithTrigger:m,className:"isolate z-50",children:u(o.Popup,c(a({"data-slot":"select-content","data-align-trigger":m,className:n("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-xl bg-popover text-popover-foreground shadow-large ring-1 ring-border/50 duration-100","data-[align-trigger=true]:animate-none","data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2","data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",i)},P),{children:[t(v,{}),t(o.List,{children:r}),t(S,{})]}))})})}function N(l){var e=l,{className:i}=e,r=s(e,["className"]);return t(o.GroupLabel,a({"data-slot":"select-label",className:n("px-3 py-2.5 text-xs text-muted-foreground",i)},r))}function C(e){var d=e,{className:i,children:r}=d,l=s(d,["className","children"]);return u(o.Item,c(a({"data-slot":"select-item",className:n("relative flex w-full cursor-default items-center gap-2.5 rounded-xl py-2 pr-8 pl-3 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",i)},l),{children:[t(o.ItemText,{className:"flex flex-1 shrink-0 gap-2 whitespace-nowrap",children:r}),t(o.ItemIndicator,{render:t("span",{className:"pointer-events-none absolute right-2 flex size-4 items-center justify-center"}),children:t(b,{className:"pointer-events-none"})})]}))}function k(l){var e=l,{className:i}=e,r=s(e,["className"]);return t(o.Separator,a({"data-slot":"select-separator",className:n("pointer-events-none -mx-1 my-1 h-px bg-border/50",i)},r))}function v(l){var e=l,{className:i}=e,r=s(e,["className"]);return t(o.ScrollUpArrow,c(a({"data-slot":"select-scroll-up-button",className:n("top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",i)},r),{children:t(x,{})}))}function S(l){var e=l,{className:i}=e,r=s(e,["className"]);return t(o.ScrollDownArrow,c(a({"data-slot":"select-scroll-down-button",className:n("bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",i)},r),{children:t(f,{})}))}export{w as Select,T as SelectContent,h as SelectGroup,C as SelectItem,N as SelectLabel,S as SelectScrollDownButton,v as SelectScrollUpButton,k as SelectSeparator,I as SelectTrigger,y as SelectValue};

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

@@ -1,6 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Separator as Separator$1 } from '@base-ui/react/separator';
-
-declare function Separator({ className, orientation, ...props }: Separator$1.Props): react_jsx_runtime.JSX.Element;
-
-export { Separator };

package/dist/components/mobase/separator.mjs

@@ -1 +0,0 @@
-"use client";import{a as r,c as t}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as s}from"react/jsx-runtime";import{Separator as l}from"@base-ui/react/separator";import{cn as p}from"../../lib/utils";function n(c){var a=c,{className:o,orientation:i="horizontal"}=a,e=t(a,["className","orientation"]);return s(l,r({"data-slot":"separator",orientation:i,className:p("shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",o)},e))}export{n as Separator};

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

@@ -1,5 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-
-export { Skeleton };

package/dist/components/mobase/skeleton.mjs

@@ -1 +0,0 @@
-import{a as o,c as t}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as m}from"react/jsx-runtime";import{cn as d}from"../../lib/utils";function l(p){var e=p,{className:n}=e,a=t(e,["className"]);return m("div",o({"data-slot":"skeleton",className:d("animate-pulse rounded-xl bg-muted",n)},a))}export{l as Skeleton};

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

@@ -1,6 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Slider as Slider$1 } from '@base-ui/react/slider';
-
-declare function Slider({ className, defaultValue, value, min, max, ...props }: Slider$1.Root.Props): react_jsx_runtime.JSX.Element;
-
-export { Slider };

package/dist/components/mobase/slider.mjs

@@ -1 +0,0 @@
-"use client";import{a as d,b as s,c as n}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as t,jsxs as g}from"react/jsx-runtime";import*as u from"react";import{Slider as e}from"@base-ui/react/slider";import{cn as f}from"../../lib/utils";function b(p){var o=p,{className:c,defaultValue:r,value:a,min:i=0,max:l=100}=o,m=n(o,["className","defaultValue","value","min","max"]);const h=u.useMemo(()=>Array.isArray(a)?a:Array.isArray(r)?r:[i,l],[a,r,i,l]);return t(e.Root,s(d({className:f("data-horizontal:w-full data-vertical:h-full",c),"data-slot":"slider",defaultValue:r,value:a,min:i,max:l,thumbAlignment:"edge"},m),{children:g(e.Control,{className:"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col",children:[t(e.Track,{"data-slot":"slider-track",className:"relative grow overflow-hidden rounded-4xl bg-muted select-none data-horizontal:h-3 data-horizontal:w-full data-vertical:h-full data-vertical:w-3",children:t(e.Indicator,{"data-slot":"slider-range",className:"bg-primary select-none data-horizontal:h-full data-vertical:w-full"})}),Array.from({length:h.length},(w,v)=>t(e.Thumb,{"data-slot":"slider-thumb",className:"block size-4 shrink-0 rounded-4xl border border-primary bg-white shadow-sm ring-ring/50 transition-colors select-none hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"},v))]})}))}export{b as Slider};

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

@@ -1,10 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface SlidingNumberProps {
-    value: number;
-    padStart?: boolean;
-    decimalSeparator?: string;
-}
-declare function SlidingNumber({ value, padStart, decimalSeparator, }: SlidingNumberProps): react_jsx_runtime.JSX.Element;
-
-export { SlidingNumber };

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

@@ -1 +0,0 @@
-"use client";import"../../chunk-7LRQ2WLZ.mjs";import{Fragment as V,jsx as o,jsxs as c}from"react/jsx-runtime";import{useEffect as b,useId as h}from"react";import{motion as v,useSpring as y,useTransform as N,motionValue as I}from"motion/react";import S from"react-use-measure";const d={type:"spring",stiffness:280,damping:18,mass:.3};function g({value:r,place:t}){const n=Math.floor(r/t)%10,l=I(n),e=y(l,d);return b(()=>{e.set(n)},[e,n]),c("div",{className:"relative inline-block min-h-[1em] w-[1ch] overflow-x-visible overflow-y-clip leading-none tabular-nums",children:[o("div",{className:"invisible",children:"0"}),Array.from({length:10},(i,s)=>o(M,{mv:e,number:s},s))]})}function M({mv:r,number:t}){const n=h(),[l,e]=S(),i=N(r,s=>{if(!e.height)return 0;const p=s%10,m=(10+t-p)%10;let u=m*e.height;return m>5&&(u-=10*e.height),u});return e.height?o(v.span,{style:{y:i},layoutId:`${n}-${t}`,className:"absolute inset-0 flex items-center justify-center",transition:d,ref:l,children:t}):o("span",{ref:l,className:"invisible absolute min-h-[1em]",style:{minHeight:"1em"},children:t})}function k({value:r,padStart:t=!1,decimalSeparator:n="."}){const l=Math.abs(r),[e,i]=l.toString().split("."),s=parseInt(e,10),m=(t&&s<10?`0${e}`:e).split(""),u=m.map((f,a)=>Math.pow(10,m.length-a-1));return c("div",{className:"flex items-center","data-slot":"sliding-number",children:[r<0&&"-",m.map((f,a)=>o(g,{value:s,place:u[a]},`pos-${u[a]}`)),i?c(V,{children:[o("span",{children:n}),i.split("").map((f,a)=>o(g,{value:parseInt(i,10),place:Math.pow(10,i.length-a-1)},`decimal-${a}`))]}):null]})}export{k as SlidingNumber};

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

@@ -1,12 +0,0 @@
-import * as React from 'react';
-
-type SizeVariant = "xs" | "sm" | "default" | "lg" | "xl";
-type SpeedVariant = "slow" | "normal" | "fast";
-interface SpinnerProps extends Omit<React.ComponentPropsWithoutRef<"svg">, "display" | "opacity"> {
-    size?: SizeVariant;
-    speed?: SpeedVariant;
-    className?: string;
-}
-declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<SVGSVGElement>>;
-
-export { Spinner, type SpinnerProps };

package/dist/components/mobase/spinner.mjs

@@ -1 +0,0 @@
-"use client";import{a as r,b as d,c as s}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as e,jsxs as a}from"react/jsx-runtime";import*as o from"react";import{cn as m}from"../../lib/utils";const f=o.forwardRef((l,n)=>{var i=s(l,[]);const t=o.useId();return a("svg",d(r({ref:n,"data-slot-icon":!0,viewBox:"0 0 24 24"},i),{children:[a("defs",{children:[a("linearGradient",{id:`gradient-1-${t}`,x1:"50%",x2:"50%",y1:"5.271%",y2:"91.793%",children:[e("stop",{offset:"0%",stopColor:"currentColor"}),e("stop",{offset:"100%",stopColor:"currentColor",stopOpacity:.55})]}),a("linearGradient",{id:`gradient-2-${t}`,x1:"50%",x2:"50%",y1:"15.24%",y2:"87.15%",children:[e("stop",{offset:"0%",stopColor:"currentColor",stopOpacity:0}),e("stop",{offset:"100%",stopColor:"currentColor",stopOpacity:.55})]})]}),a("g",{fill:"none",children:[e("path",{d:"M8.749.021a1.5 1.5 0 0 1 .497 2.958A7.5 7.5 0 0 0 3 10.375a7.5 7.5 0 0 0 7.5 7.5v3c-5.799 0-10.5-4.7-10.5-10.5C0 5.23 3.726.865 8.749.021",fill:`url(#gradient-1-${t})`,transform:"translate(1.5 1.625)"}),e("path",{d:"M15.392 2.673a1.5 1.5 0 0 1 2.119-.115A10.48 10.48 0 0 1 21 10.375c0 5.8-4.701 10.5-10.5 10.5v-3a7.5 7.5 0 0 0 5.007-13.084a1.5 1.5 0 0 1-.115-2.118",fill:`url(#gradient-2-${t})`,transform:"translate(1.5 1.625)"})]})]}))});f.displayName="SpellUI.SpinnerPrimitive";const S={xs:"size-3",sm:"size-4",default:"size-6",lg:"size-8",xl:"size-10"},g={slow:"animate-[spin_2s_linear_infinite]",normal:"animate-spin",fast:"animate-[spin_0.5s_linear_infinite]"},y=o.forwardRef((u,c)=>{var p=u,{className:i,size:n="default",speed:l="normal"}=p,t=s(p,["className","size","speed"]);return e("span",{"data-spinner":!0,className:m("inline-block",g[l],S[n],i),children:e(f,r({ref:c,"aria-hidden":!0,"aria-label":"Loading",role:"presentation",className:"size-full"},t))})});y.displayName="SpellUI.Spinner";export{y as Spinner};

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

@@ -1,8 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Switch as Switch$1 } from '@base-ui/react/switch';
-
-declare function Switch({ className, size, ...props }: Switch$1.Root.Props & {
-    size?: "sm" | "default";
-}): react_jsx_runtime.JSX.Element;
-
-export { Switch };

package/dist/components/mobase/switch.mjs

@@ -1 +0,0 @@
-"use client";import{a as t,b as e,c as i}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as d}from"react/jsx-runtime";import{Switch as r}from"@base-ui/react/switch";import{cn as o}from"../../lib/utils";function l(u){var a=u,{className:s,size:n="default"}=a,c=i(a,["className","size"]);return d(r.Root,e(t({"data-slot":"switch","data-size":n,className:o("peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50",s)},c),{children:d(r.Thumb,{"data-slot":"switch-thumb",className:"pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground"})}))}export{l as Switch};

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

@@ -1,13 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-
-declare function Table({ className, ...props }: React.ComponentProps<"table">): react_jsx_runtime.JSX.Element;
-declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): react_jsx_runtime.JSX.Element;
-declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): react_jsx_runtime.JSX.Element;
-declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): react_jsx_runtime.JSX.Element;
-declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): react_jsx_runtime.JSX.Element;
-declare function TableHead({ className, ...props }: React.ComponentProps<"th">): react_jsx_runtime.JSX.Element;
-declare function TableCell({ className, ...props }: React.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
-declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
-
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/components/mobase/table.mjs

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

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

@@ -1,14 +0,0 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
-import { VariantProps } from 'class-variance-authority';
-
-declare function Tabs({ className, orientation, ...props }: Tabs$1.Root.Props): react_jsx_runtime.JSX.Element;
-declare const tabsListVariants: (props?: ({
-    variant?: "default" | "line" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function TabsList({ className, variant, ...props }: Tabs$1.List.Props & VariantProps<typeof tabsListVariants>): react_jsx_runtime.JSX.Element;
-declare function TabsTrigger({ className, ...props }: Tabs$1.Tab.Props): react_jsx_runtime.JSX.Element;
-declare function TabsContent({ className, ...props }: Tabs$1.Panel.Props): react_jsx_runtime.JSX.Element;
-
-export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };

package/dist/components/mobase/tabs.mjs

@@ -1 +0,0 @@
-"use client";import{a as o,c as s}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as l}from"react/jsx-runtime";import{Tabs as n}from"@base-ui/react/tabs";import{cva as b}from"class-variance-authority";import{cn as d}from"../../lib/utils";function p(r){var i=r,{className:t,orientation:a="horizontal"}=i,e=s(i,["className","orientation"]);return l(n.Root,o({"data-slot":"tabs","data-orientation":a,className:d("group/tabs flex gap-2 data-horizontal:flex-col",t)},e))}const u=b("group/tabs-list inline-flex w-fit items-center justify-center p-[3px] text-muted-foreground group-data-horizontal/tabs:h-10 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",{variants:{variant:{default:"bg-muted rounded-[calc(var(--radius-2xl)+.25rem)] group-data-vertical/tabs:rounded-[calc(var(--radius-2xl)+.25rem)]",line:"gap-1 bg-transparent"}},defaultVariants:{variant:"default"}});function c(r){var i=r,{className:t,variant:a="default"}=i,e=s(i,["className","variant"]);return l(n.List,o({"data-slot":"tabs-list","data-variant":a,className:d(u({variant:a}),t)},e))}function g(e){var r=e,{className:t}=r,a=s(r,["className"]);return l(n.Tab,o({"data-slot":"tabs-trigger",className:d("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-3xl border border-transparent px-3 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all","group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start group-data-vertical/tabs:px-2.5 group-data-vertical/tabs:py-1.5","hover:text-foreground focus-visible:border-ring focus-visible:ring-[1px] focus-visible:ring-ring focus-visible:outline-1 focus-visible:outline-ring","disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50","dark:text-muted-foreground dark:hover:text-foreground","[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent","data-active:bg-background data-active:text-foreground data-active:shadow-small dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground","group-data-[variant=line]/tabs-list:data-active:shadow-none","after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",t)},a))}function v(e){var r=e,{className:t}=r,a=s(r,["className"]);return l(n.Panel,o({"data-slot":"tabs-content",className:d("flex-1 text-sm outline-none",t)},a))}export{p as Tabs,v as TabsContent,c as TabsList,g as TabsTrigger,u as tabsListVariants};

package/dist/components/mobase/text-effect.d.mts

@@ -1,30 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Variants, Transition } from 'motion/react';
-import React__default from 'react';
-
-type PresetType = 'blur' | 'fade-in-blur' | 'scale' | 'fade' | 'slide';
-type PerType = 'word' | 'char' | 'line';
-interface TextEffectProps {
-    children: string;
-    per?: PerType;
-    as?: keyof React__default.JSX.IntrinsicElements;
-    variants?: {
-        container?: Variants;
-        item?: Variants;
-    };
-    className?: string;
-    preset?: PresetType;
-    delay?: number;
-    speedReveal?: number;
-    speedSegment?: number;
-    trigger?: boolean;
-    onAnimationComplete?: () => void;
-    onAnimationStart?: () => void;
-    segmentWrapperClassName?: string;
-    containerTransition?: Transition;
-    segmentTransition?: Transition;
-    style?: React__default.CSSProperties;
-}
-declare function TextEffect({ children, per, as, variants, className, preset, delay, speedReveal, speedSegment, trigger, onAnimationComplete, onAnimationStart, segmentWrapperClassName, containerTransition, segmentTransition, style, }: TextEffectProps): react_jsx_runtime.JSX.Element;
-
-export { type PerType, type PresetType, TextEffect, type TextEffectProps };

package/dist/components/mobase/text-effect.mjs

@@ -1,2 +0,0 @@
-"use client";import{a as n,b as l,c as R}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as o,jsxs as U}from"react/jsx-runtime";import{cn as z}from"../../lib/utils";import{AnimatePresence as B,motion as p}from"motion/react";import G from"react";const H={char:.03,word:.05,line:.1},c={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.05}},exit:{transition:{staggerChildren:.05,staggerDirection:-1}}},K={hidden:{opacity:0},visible:{opacity:1},exit:{opacity:0}},O={blur:{container:c,item:{hidden:{opacity:0,filter:"blur(12px)"},visible:{opacity:1,filter:"blur(0px)"},exit:{opacity:0,filter:"blur(12px)"}}},"fade-in-blur":{container:c,item:{hidden:{opacity:0,y:20,filter:"blur(12px)"},visible:{opacity:1,y:0,filter:"blur(0px)"},exit:{opacity:0,y:20,filter:"blur(12px)"}}},scale:{container:c,item:{hidden:{opacity:0,scale:0},visible:{opacity:1,scale:1},exit:{opacity:0,scale:0}}},fade:{container:c,item:{hidden:{opacity:0},visible:{opacity:1},exit:{opacity:0}}},slide:{container:c,item:{hidden:{opacity:0,y:20},visible:{opacity:1,y:0},exit:{opacity:0,y:20}}}},W=G.memo(({segment:i,variants:t,per:a,segmentWrapperClassName:e})=>{const r=a==="line"?o(p.span,{variants:t,className:"block",children:i}):a==="word"?o(p.span,{"aria-hidden":"true",variants:t,className:"inline-block whitespace-pre",children:i}):o(p.span,{className:"inline-block whitespace-pre",children:i.split("").map((y,f)=>o(p.span,{"aria-hidden":"true",variants:t,className:"inline-block whitespace-pre",children:y},`char-${f}`))});return e?o("span",{className:z(a==="line"?"block":"inline-block",e),children:r}):r});W.displayName="AnimationComponent";const Q=(i,t)=>t==="line"?i.split(`
-`):i.split(/(\s+)/),d=i=>i?typeof i=="object"&&"transition"in i:!1,E=(i,t)=>{if(!t)return i;const r=t,{exit:a}=r,e=R(r,["exit"]);return l(n({},i),{visible:l(n({},i.visible),{transition:n(n({},d(i.visible)?i.visible.transition:{}),e)}),exit:l(n({},i.exit),{transition:l(n(n({},d(i.exit)?i.exit.transition:{}),e),{staggerDirection:-1})})})};function ee({children:i,per:t="word",as:a="p",variants:e,className:r,preset:m="fade",delay:y=0,speedReveal:f=1,speedSegment:S=1,trigger:$=!0,onAnimationComplete:D,onAnimationStart:I,segmentWrapperClassName:M,containerTransition:F,segmentTransition:J,style:L}){var x,h,C,N,A,P,V,k;const X=Q(i,t),_=p[a],b=m?O[m]:{container:c,item:K},T=H[t]/f,j=.3/S,s=d((h=(x=e==null?void 0:e.container)==null?void 0:x.visible)!=null?h:{})?(N=((C=e==null?void 0:e.container)==null?void 0:C.visible).transition)==null?void 0:N.staggerChildren:void 0,u=d((P=(A=e==null?void 0:e.container)==null?void 0:A.visible)!=null?P:{})?(k=((V=e==null?void 0:e.container)==null?void 0:V.visible).transition)==null?void 0:k.delayChildren:void 0,g={container:E((e==null?void 0:e.container)||b.container,l(n({staggerChildren:s!=null?s:T,delayChildren:u!=null?u:y},F),{exit:{staggerChildren:s!=null?s:T,staggerDirection:-1}})),item:E((e==null?void 0:e.item)||b.item,n({duration:j},J))};return o(B,{mode:"popLayout",children:$?U(_,{"data-slot":"text-effect",initial:"hidden",animate:"visible",exit:"exit",variants:g.container,className:r,onAnimationComplete:D,onAnimationStart:I,style:L,children:[t!=="line"?o("span",{className:"sr-only",children:i}):null,X.map((w,q)=>o(W,{segment:w,variants:g.item,per:t,segmentWrapperClassName:M},`${t}-${q}-${w}`))]}):null})}export{ee as TextEffect};