@momo-webplatform/mobase-next 1.0.1

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

@@ -0,0 +1,30 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Field as Field$1 } from '@base-ui/react/field';
+
+declare function Label({ className, ...props }: ComponentProps<"label">): react_jsx_runtime.JSX.Element;
+declare function FieldSet({ className, ...props }: ComponentProps<"fieldset">): react_jsx_runtime.JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): react_jsx_runtime.JSX.Element;
+declare function FieldGroup({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: Field$1.Root.Props & VariantProps<typeof fieldVariants>): react_jsx_runtime.JSX.Element;
+declare function FieldContent({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function FieldLabel({ className, ...props }: ComponentProps<typeof Label>): react_jsx_runtime.JSX.Element;
+declare function FieldTitle({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function FieldDescription({ className, ...props }: ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: ComponentProps<"div"> & {
+    errors?: ({
+        message?: string;
+    } | undefined)[];
+}): react_jsx_runtime.JSX.Element | null;
+
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };

package/dist/components/mobase/field.mjs

@@ -0,0 +1 @@
+"use client";import{a as i,b as f,c as d}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as o,jsxs as M}from"react/jsx-runtime";import{useMemo as x}from"react";import{cva as b}from"class-variance-authority";import{Field as v}from"@base-ui/react/field";import{Separator as h}from"@base-ui/react/separator";import{cn as r}from"../../lib/utils";function P(l){var t=l,{className:a}=t,e=d(t,["className"]);return o("label",i({"data-slot":"label",className:r("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",a)},e))}function y(t){var n=t,{className:a,orientation:e="horizontal"}=n,l=d(n,["className","orientation"]);return o(h,i({"data-slot":"separator",orientation:e,className:r("shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",a)},l))}function w(l){var t=l,{className:a}=t,e=d(t,["className"]);return o("fieldset",i({"data-slot":"field-set",className:r("flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",a)},e))}function N(t){var n=t,{className:a,variant:e="legend"}=n,l=d(n,["className","variant"]);return o("legend",i({"data-slot":"field-legend","data-variant":e,className:r("mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base",a)},l))}function k(l){var t=l,{className:a}=t,e=d(t,["className"]);return o("div",i({"data-slot":"field-group",className:r("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4",a)},e))}const F=b("group/field flex w-full gap-2 data-[invalid=true]:text-destructive",{variants:{orientation:{vertical:"flex-col *:w-full [&>.sr-only]:w-auto",horizontal:"flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",responsive:"flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"}},defaultVariants:{orientation:"vertical"}});function C(t){var n=t,{className:a,orientation:e="vertical"}=n,l=d(n,["className","orientation"]);return o(v.Root,i({"data-slot":"field","data-orientation":e,className:r(F({orientation:e}),a)},l))}function S(l){var t=l,{className:a}=t,e=d(t,["className"]);return o("div",i({"data-slot":"field-content",className:r("group/field-content flex flex-1 flex-col gap-1 leading-snug",a)},e))}function z(l){var t=l,{className:a}=t,e=d(t,["className"]);return o(P,i({"data-slot":"field-label",className:r("group/field-label peer/field-label flex w-fit gap-2 text-sm leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-xl has-[>[data-slot=field]]:border *:data-[slot=field]:p-4 dark:has-data-checked:border-primary dark:has-data-checked:bg-primary/10","has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col group-data-[invalid=true]/field:text-destructive",a)},e))}function V(l){var t=l,{className:a}=t,e=d(t,["className"]);return o("div",i({"data-slot":"field-label",className:r("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50",a)},e))}function L(l){var t=l,{className:a}=t,e=d(t,["className"]);return o("p",i({"data-slot":"field-description",className:r("text-left leading-normal font-normal text-subtle-foreground text-tiny group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5","last:mt-0 nth-last-2:-mt-1","[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",a)},e))}function R(t){var n=t,{children:a,className:e}=n,l=d(n,["children","className"]);return M("div",f(i({"data-slot":"field-separator","data-content":!!a,className:r("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",e)},l),{children:[o(y,{className:"absolute inset-0 top-1/2"}),a?o("span",{className:"relative mx-auto block w-fit bg-background px-2 text-muted-foreground","data-slot":"field-separator-content",children:a}):null]}))}function E(n){var u=n,{className:a,children:e,errors:l}=u,t=d(u,["className","children","errors"]);const m=x(()=>{var c;if(e)return e;if(!(l!=null&&l.length))return null;const p=[...new Map(l.map(s=>[s==null?void 0:s.message,s])).values()];return p.length==1?(c=p[0])==null?void 0:c.message:o("ul",{className:"ml-4 flex list-disc flex-col gap-1",children:p.map((s,g)=>(s==null?void 0:s.message)&&o("li",{children:s.message},g))})},[e,l]);return m?o("div",f(i({role:"alert","data-slot":"field-error",className:r("text-sm font-normal text-destructive",a)},t),{children:m})):null}export{C as Field,S as FieldContent,L as FieldDescription,E as FieldError,k as FieldGroup,z as FieldLabel,N as FieldLegend,R as FieldSeparator,w as FieldSet,V as FieldTitle};

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

@@ -0,0 +1,7 @@
+import { Form as Form$1 } from '@base-ui/react/form';
+export { Form as FormPrimitive } from '@base-ui/react/form';
+import React__default from 'react';
+
+declare function Form({ className, ...props }: Form$1.Props): React__default.ReactElement;
+
+export { Form };

package/dist/components/mobase/form.mjs

@@ -0,0 +1 @@
+"use client";import{a as r,c as t}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as a}from"react/jsx-runtime";import{Form as m}from"@base-ui/react/form";function l(c){var o=c,{className:e}=o,i=t(o,["className"]);return a(m,r({className:e,"data-slot":"form"},i))}export{l as Form,m as FormPrimitive};

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

@@ -0,0 +1,19 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+
+type Size = "default" | "sm" | "lg";
+type DynamicSize = Size | (string & {});
+declare const hitboxVariants: (props?: ({
+    size?: "sm" | "default" | "lg" | "dynamic" | null | undefined;
+    position?: "bottom" | "left" | "right" | "top" | "horizontal" | "vertical" | "all" | null | undefined;
+    radius?: "sm" | "lg" | "none" | "md" | "full" | null | undefined;
+    debug?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface HitboxProps extends useRender.ComponentProps<"div">, Omit<VariantProps<typeof hitboxVariants>, "size"> {
+    size?: DynamicSize;
+}
+declare function Hitbox(props: HitboxProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+
+export { Hitbox };

package/dist/components/mobase/hitbox.mjs

@@ -0,0 +1 @@
+import{a as t,b as i,c as s}from"../../chunk-7LRQ2WLZ.mjs";import{useRender as p}from"@base-ui/react/use-render";import{cva as u}from"class-variance-authority";import{cn as v}from"../../lib/utils";const b=["default","sm","lg"],g=u("relative [--size-default:12px] [--size-lg:16px] [--size-sm:8px] after:absolute after:content-['']",{variants:{size:{default:"[--size:var(--size-default)]",sm:"[--size:var(--size-sm)]",lg:"[--size:var(--size-lg)]",dynamic:"[--size:var(--size)]"},position:{all:"after:[inset:calc(-1*var(--size))]",top:"after:[height:var(--size)] after:[left:0] after:[right:0] after:[top:calc(-1*var(--size))]",bottom:"after:[bottom:calc(-1*var(--size))] after:[height:var(--size)] after:[left:0] after:[right:0]",left:"after:[bottom:0] after:[left:calc(-1*var(--size))] after:[top:0] after:[width:var(--size)]",right:"after:[bottom:0] after:[right:calc(-1*var(--size))] after:[top:0] after:[width:var(--size)]",vertical:"after:[bottom:calc(-1*var(--size))] after:[left:0] after:[right:0] after:[top:calc(-1*var(--size))]",horizontal:"after:[bottom:0] after:[left:calc(-1*var(--size))] after:[right:calc(-1*var(--size))] after:[top:0]"},radius:{none:"",sm:"after:rounded-sm",md:"after:rounded-md",lg:"after:rounded-lg",full:"after:rounded-full"},debug:{true:"after:border after:border-red-500 after:border-dashed after:bg-red-500/20",false:""}},defaultVariants:{size:"default",position:"all",radius:"none",debug:!1}});function h(o){const r=o,{className:f,style:l,size:e,position:n,radius:d,debug:z=!1,render:c}=r,m=s(r,["className","style","size","position","radius","debug","render"]),a=!!(e&&b.indexOf(e)===-1);return p({props:i(t({},m),{className:v(g({size:a?"dynamic":e,position:n,radius:d,debug:z}),f),style:t(t({},a&&{"--size":e}),l)}),render:c,state:{slot:"hitbox"}})}export{h as Hitbox};

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

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Button } from './button.mjs';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+import 'react';
+
+interface HorizontalScrollProps {
+    showGradientOverlay?: boolean;
+    gradientOverlayColor?: string;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare function HorizontalScroll({ showGradientOverlay, gradientOverlayColor, className, children, }: HorizontalScrollProps): react_jsx_runtime.JSX.Element;
+interface HorizontalContentProps {
+    className?: string;
+    children: React.ReactNode;
+}
+declare function HorizontalContent({ className, children }: HorizontalContentProps): react_jsx_runtime.JSX.Element;
+type HorizontalNavProps = React.ComponentProps<typeof Button>;
+declare function HorizontalPrevious({ className, children, size, variant, ...props }: HorizontalNavProps): react_jsx_runtime.JSX.Element | null;
+declare function HorizontalNext({ className, children, size, variant, ...props }: HorizontalNavProps): react_jsx_runtime.JSX.Element | null;
+
+export { HorizontalContent, HorizontalNext, HorizontalPrevious, HorizontalScroll, type HorizontalScrollProps };

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

@@ -0,0 +1 @@
+"use client";import{a as w,b as p,c as b}from"../../chunk-7LRQ2WLZ.mjs";import{Fragment as M,jsx as n,jsxs as x}from"react/jsx-runtime";import{createContext as P,useCallback as H,useContext as m,useEffect as y,useRef as R,useState as E}from"react";import{ChevronLeftIcon as L,ChevronRightIcon as k}from"lucide-react";import{cn as h}from"../../lib/utils";import{Button as C}from"./button";const z=P(void 0);function A({showGradientOverlay:s=!0,gradientOverlayColor:o="255, 255, 255",className:e,children:c}){const r=R(null),[u,i]=E({left:!1,right:!1}),t=H(()=>{const l=r.current;if(l){const{scrollLeft:a,scrollWidth:v,clientWidth:f}=l;i({left:a>0,right:Math.ceil(a+f)<v})}},[]);y(()=>{const l=r.current;if(l)return t(),window.addEventListener("resize",t),l.addEventListener("scroll",t),()=>{window.removeEventListener("resize",t),l.removeEventListener("scroll",t)}},[t]);const N=H(l=>{const a=r.current;if(a){const{scrollLeft:v,clientWidth:f,scrollWidth:g}=a,S=f*.7*(l==="left"?-1:1);let d=v+S;d<0?d=0:d>g-f&&(d=g-f),a.scrollTo({left:d,behavior:"smooth"})}},[]);return n(z.Provider,{value:{scrollContainerRef:r,showArrows:u,scroll:N},children:x("div",{"data-slot":"horizontal-scroll",className:h("relative w-full",e),children:[s?x(M,{children:[u.left?n("div",{className:"pointer-events-none absolute top-1/2 left-0 z-10 flex h-full w-16 -translate-y-1/2 items-center",style:{background:`linear-gradient( to left, rgba(255, 255, 255, 0),rgb(${o}),rgb(${o}))`}}):null,u.right?n("div",{className:"pointer-events-none absolute top-1/2 right-0 z-10 flex h-full w-16 -translate-y-1/2 items-center",style:{background:`linear-gradient(to right, rgba(255, 255, 255, 0), rgb(${o}),rgb(${o}))`}}):null]}):null,c]})})}function B({className:s,children:o}){const e=m(z);if(!e)throw new Error("HorizontalContent must be used within a HorizontalScroll");return n("div",{ref:e.scrollContainerRef,"data-slot":"horizontal-scroll-content",className:h("overflow-x-auto scroll-smooth [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",s),role:"region","aria-label":"Scrollable content",children:o})}function W(u){var i=u,{className:s,children:o,size:e="icon-xs",variant:c="secondary"}=i,r=b(i,["className","children","size","variant"]);const t=m(z);if(!t)throw new Error("HorizontalPrevious must be used within a HorizontalScroll");return t.showArrows.left?n(C,p(w({type:"button","data-slot":"horizontal-scroll-previous",className:h("pointer-events-auto absolute top-1/2 left-0.5 z-10 size-6 -translate-y-1/2 rounded-full",s),onClick:()=>t.scroll("left"),"aria-label":"Scroll left",size:e,variant:c},r),{children:o!=null?o:n(L,{className:"size-4"})})):null}function $(u){var i=u,{className:s,children:o,size:e="icon-xs",variant:c="secondary"}=i,r=b(i,["className","children","size","variant"]);const t=m(z);if(!t)throw new Error("HorizontalNext must be used within a HorizontalScroll");return t.showArrows.right?n(C,p(w({type:"button","data-slot":"horizontal-scroll-next",className:h("pointer-events-auto absolute top-1/2 right-0.5 z-10 size-6 -translate-y-1/2 rounded-full",s),onClick:()=>t.scroll("right"),"aria-label":"Scroll right",size:e,variant:c},r),{children:o!=null?o:n(k,{className:"size-4"})})):null}export{B as HorizontalContent,$ as HorizontalNext,W as HorizontalPrevious,A as HorizontalScroll};

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

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type InfiniteSliderProps = {
+    children: React.ReactNode;
+    gap?: number;
+    speed?: number;
+    speedOnHover?: number;
+    direction?: "horizontal" | "vertical";
+    reverse?: boolean;
+    className?: string;
+    /** Extra classes on the inner motion track (e.g. `w-full` for vertical columns). */
+    classNameMotion?: string;
+};
+/**
+ * Infinite marquee using Motion — used by testimonial rails and similar blocks.
+ */
+declare function InfiniteSlider({ children, gap, speed, speedOnHover, direction, reverse, className, classNameMotion, }: InfiniteSliderProps): react_jsx_runtime.JSX.Element;
+
+export { InfiniteSlider, type InfiniteSliderProps };

package/dist/components/mobase/infinite-slider.mjs

@@ -0,0 +1 @@
+"use client";import{a as c,b as f}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as V,jsxs as K}from"react/jsx-runtime";import{useEffect as C,useState as m}from"react";import{animate as S,motion as E,useMotionValue as H}from"motion/react";import k from"react-use-measure";import{cn as T}from"../../lib/utils";function L({children:p,gap:i=16,speed:u=100,speedOnHover:d,direction:n="horizontal",reverse:a=!1,className:b,classNameMotion:x}){const[r,h]=m(u),[D,{width:v,height:y}]=k(),e=H(0),[g,s]=m(!1),[I,M]=m(0);C(()=>{let t;const z=(n==="horizontal"?v:y)+i,l=a?-z/2:0,o=a?0:-z/2,w=Math.abs(o-l)/r;if(g){const R=Math.abs(e.get()-o)/r;t=S(e,[e.get(),o],{ease:"linear",duration:R,onComplete:()=>{s(!1),M(P=>P+1)}})}else t=S(e,[l,o],{ease:"linear",duration:w,repeat:1/0,repeatType:"loop",repeatDelay:0,onRepeat:()=>{e.set(l)}});return()=>{t==null||t.stop()}},[I,e,r,v,y,i,g,n,a]);const N=d?{onHoverStart:()=>{s(!0),h(d)},onHoverEnd:()=>{s(!0),h(u)}}:{};return V("div",{className:T("overflow-hidden",b),"data-slot":"infinite-slider",children:K(E.div,f(c({className:T("flex w-max",x),style:f(c({},n==="horizontal"?{x:e}:{y:e}),{gap:`${i}px`,flexDirection:n==="horizontal"?"row":"column"}),ref:D},N),{children:[p,p]}))})}export{L as InfiniteSlider};

package/dist/components/mobase/input-group.d.mts

@@ -0,0 +1,27 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Button } from './button.mjs';
+import { InputControlProps } from './input.mjs';
+import '@base-ui/react/button';
+
+type InputSize = "sm" | "default" | "lg";
+declare function InputGroup({ className, size, ...props }: React.ComponentProps<"div"> & {
+    size?: InputSize;
+}): react_jsx_runtime.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size" | "type"> & VariantProps<typeof inputGroupButtonVariants> & {
+    type?: "button" | "submit" | "reset";
+}): react_jsx_runtime.JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function InputGroupInput({ className, ...props }: InputControlProps): react_jsx_runtime.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
+
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };

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

@@ -0,0 +1 @@
+"use client";import{a as e,c as i}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as u}from"react/jsx-runtime";import{cva as c}from"class-variance-authority";import{cn as s}from"../../lib/utils";import{Button as g}from"./button";import{InputControl as b}from"./input";import{Textarea as m}from"./textarea";const f={sm:"h-8 rounded-lg",default:"h-9 rounded-lg",lg:"h-10 rounded-lg"};function h(t){var r=t,{className:a,size:n="default"}=r,o=i(r,["className","size"]);return u("div",e({"data-slot":"input-group",role:"group",className:s("group/input-group relative flex h-9 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","in-data-[slot=autocomplete-content]:focus-within:border-inherit in-data-[slot=autocomplete-content]:focus-within:ring-0","has-data-[align=block-end]:rounded-lg has-data-[align=block-start]:rounded-lg","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 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40","has-[textarea]:rounded-xl has-[>textarea]:h-auto","has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col","has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5","hover:border-gray-6",f[n],a)},o))}const x=c("flex h-auto cursor-text items-center justify-center gap-2 py-2 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 **:data-[slot=kbd]:rounded-4xl **:data-[slot=kbd]:bg-muted-foreground/10 **:data-[slot=kbd]:px-1.5 [&>svg:not([class*='size-'])]:size-4",{variants:{align:{"inline-start":"order-first pl-3 has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem]","inline-end":"order-last pr-3 has-[>button]:-mr-1 has-[>kbd]:mr-[-0.15rem]","block-start":"order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-3 [.border-b]:pb-3","block-end":"order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-3 [.border-t]:pt-3"}},defaultVariants:{align:"inline-start"}});function v(t){var r=t,{className:a,align:n="inline-start"}=r,o=i(r,["className","align"]);return u("div",e({role:"group","data-slot":"input-group-addon","data-align":n,className:s(x({align:n}),a),onClick:l=>{var p,d;l.target.closest("button")||(d=(p=l.currentTarget.parentElement)==null?void 0:p.querySelector("input"))==null||d.focus()}},o))}const k=c("flex items-center gap-2 rounded-4xl text-sm shadow-none",{variants:{size:{xs:"h-6 gap-1 px-1.5 [&>svg:not([class*='size-'])]:size-3.5",sm:"","icon-xs":"size-6 p-0 has-[>svg]:p-0","icon-sm":"size-8 p-0 has-[>svg]:p-0"}},defaultVariants:{size:"xs"}});function z(l){var p=l,{className:a,type:n="button",variant:o="ghost",size:t="xs"}=p,r=i(p,["className","type","variant","size"]);return u(g,e({type:n,"data-size":t,variant:o,className:s(k({size:t}),a)},r))}function y(o){var t=o,{className:a}=t,n=i(t,["className"]);return u("span",e({className:s("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",a)},n))}function I(o){var t=o,{className:a}=t,n=i(t,["className"]);return u(b,e({className:s("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent",a)},n))}function w(o){var t=o,{className:a}=t,n=i(t,["className"]);return u(m,e({"data-slot":"input-group-control",className:s("flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent",a)},n))}export{h as InputGroup,v as InputGroupAddon,z as InputGroupButton,I as InputGroupInput,y as InputGroupText,w as InputGroupTextarea};

package/dist/components/mobase/input-search.d.mts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+import { Input } from './input.mjs';
+
+type SearchInputProps = ComponentProps<typeof Input>;
+declare function SearchInput({ clearButton, ...props }: SearchInputProps): react_jsx_runtime.JSX.Element;
+
+export { SearchInput, type SearchInputProps };

package/dist/components/mobase/input-search.mjs

@@ -0,0 +1 @@
+"use client";import{a as r,b as t,c as o}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as e}from"react/jsx-runtime";import{SearchIcon as u}from"lucide-react";import{Input as a}from"./input";function f(m){var p=m,{clearButton:n=!0}=p,c=o(p,["clearButton"]);return e(a,t(r({},c),{prefix:e(u,{className:""}),prefixStyling:!1,clearButton:n}))}export{f as SearchInput};

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

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps, ReactNode } from 'react';
+
+type InputSize = "sm" | "default" | "lg";
+/**
+ * Bare input control (no wrapper / prefix / suffix / clear button).
+ * Dùng trong `Input` và các composite như `InputGroupInput` để giữ cùng style nền.
+ */
+type InputControlProps = Omit<ComponentProps<"input">, "size"> & {
+    size?: InputSize;
+};
+declare function InputControl({ size, className, ...props }: InputControlProps): react_jsx_runtime.JSX.Element;
+/** Strip DOM `prefix` / `suffix` so Mobase can use those names for `ReactNode` slots (native typing is string). */
+type InputProps = Omit<ComponentProps<"input">, "size" | "prefix" | "suffix"> & {
+    /** Mobase size (height); distinct from the native input `size` attribute. */
+    size?: InputSize;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    /**
+     * When `true` (default), the prefix gets Mobase addon styling (padding, subtle text, icon size).
+     * When `false`, only the raw node is wrapped so you can fully control appearance.
+     */
+    prefixStyling?: boolean;
+    /**
+     * When `true` (default), the suffix gets Mobase addon styling.
+     * When `false`, only the raw node is wrapped so you can fully control appearance.
+     */
+    suffixStyling?: boolean;
+    /** When `true`, shows a clear control before the suffix (`data-slot="input-clear-button"`). */
+    clearButton?: boolean;
+};
+declare function Input({ size, className, prefix, suffix, prefixStyling, suffixStyling, disabled, clearButton, value: valueProp, defaultValue, onChange, onKeyDown, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+
+export { Input, InputControl, type InputControlProps, type InputProps, type InputSize };

package/dist/components/mobase/input.mjs

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

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

@@ -0,0 +1,27 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+import { Separator } from './separator.mjs';
+import '@base-ui/react/separator';
+
+declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
+declare const itemVariants: (props?: ({
+    variant?: "default" | "outline" | "muted" | null | undefined;
+    size?: "xs" | "sm" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Item({ className, variant, size, render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare const itemMediaVariants: (props?: ({
+    variant?: "default" | "image" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime.JSX.Element;
+declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ItemTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ItemDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+declare function ItemActions({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ItemHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ItemFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

package/dist/components/mobase/item.mjs

@@ -0,0 +1 @@
+import{a as r,c as i}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as s}from"react/jsx-runtime";import{mergeProps as p}from"@base-ui/react/merge-props";import{useRender as u}from"@base-ui/react/use-render";import{cva as d}from"class-variance-authority";import{cn as n}from"../../lib/utils";import{Separator as f}from"./separator";function c(o){var t=o,{className:a}=t,e=i(t,["className"]);return s("div",r({role:"list","data-slot":"item-group",className:n("group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2",a)},e))}function g(o){var t=o,{className:a}=t,e=i(t,["className"]);return s(f,r({"data-slot":"item-separator",orientation:"horizontal",className:n("my-2",a)},e))}const v=d("group/item flex w-full flex-wrap items-center rounded-2xl border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted",{variants:{variant:{default:"border-transparent",outline:"border-border",muted:"border-transparent bg-muted/50"},size:{default:"gap-3.5 px-4 py-3.5",sm:"gap-3.5 px-3.5 py-3",xs:"gap-2.5 px-3 py-2.5 in-data-[slot=dropdown-menu-content]:p-0"}},defaultVariants:{variant:"default",size:"default"}});function x(I){var l=I,{className:a,variant:e="default",size:o="default",render:t}=l,m=i(l,["className","variant","size","render"]);return u({defaultTagName:"div",props:p({className:n(v({variant:e,size:o,className:a}))},m),render:t,state:{slot:"item",variant:e,size:o}})}const b=d("flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none",{variants:{variant:{default:"bg-transparent",icon:"[&_svg:not([class*='size-'])]:size-4",image:"size-10 overflow-hidden rounded-lg group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 group-data-[size=xs]/item:rounded-md [&_img]:size-full [&_img]:object-cover"}},defaultVariants:{variant:"default"}});function z(t){var m=t,{className:a,variant:e="default"}=m,o=i(m,["className","variant"]);return s("div",r({"data-slot":"item-media","data-variant":e,className:n(b({variant:e,className:a}))},o))}function P(o){var t=o,{className:a}=t,e=i(t,["className"]);return s("div",r({"data-slot":"item-content",className:n("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0.5 [&+[data-slot=item-content]]:flex-none",a)},e))}function y(o){var t=o,{className:a}=t,e=i(t,["className"]);return s("div",r({"data-slot":"item-title",className:n("line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4",a)},e))}function R(o){var t=o,{className:a}=t,e=i(t,["className"]);return s("p",r({"data-slot":"item-description",className:n("line-clamp-2 text-left text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",a)},e))}function C(o){var t=o,{className:a}=t,e=i(t,["className"]);return s("div",r({"data-slot":"item-actions",className:n("flex items-center gap-2",a)},e))}function N(o){var t=o,{className:a}=t,e=i(t,["className"]);return s("div",r({"data-slot":"item-header",className:n("flex basis-full items-center justify-between gap-2",a)},e))}function h(o){var t=o,{className:a}=t,e=i(t,["className"]);return s("div",r({"data-slot":"item-footer",className:n("flex basis-full items-center justify-between gap-2",a)},e))}export{x as Item,C as ItemActions,P as ItemContent,R as ItemDescription,h as ItemFooter,c as ItemGroup,N as ItemHeader,z as ItemMedia,g as ItemSeparator,y as ItemTitle};

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

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

package/dist/components/mobase/kbd.mjs

@@ -0,0 +1 @@
+import{a as o,c as s}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as d}from"react/jsx-runtime";import{cn as a}from"../../lib/utils";function r(i){var t=i,{className:n}=t,e=s(t,["className"]);return d("kbd",o({"data-slot":"kbd",className:a("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3",n)},e))}function c(i){var t=i,{className:n}=t,e=s(t,["className"]);return d("kbd",o({"data-slot":"kbd-group",className:a("inline-flex items-center gap-1",n)},e))}export{r as Kbd,c as KbdGroup};

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

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

package/dist/components/mobase/label.mjs

@@ -0,0 +1 @@
+"use client";import{a as t,c as a}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as d}from"react/jsx-runtime";import{cn as n}from"../../lib/utils";function r(s){var e=s,{className:o}=e,l=a(e,["className"]);return d("label",t({"data-slot":"label",className:n("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",o)},l))}export{r as Label};

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

@@ -0,0 +1,26 @@
+import * as React from 'react';
+
+interface LogoProps extends React.SVGProps<SVGSVGElement> {
+    /**
+     * Size preset (height). Use className for custom dimensions.
+     * - `xxsmall` (16px) — smallest
+     * - `xsmall` (20px)
+     * - `small` (24px)
+     * - `medium` (32px) — default, most common
+     * - `large` (40px)
+     * - `xlarge` (48px)
+     */
+    size?: "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge";
+    /**
+     * `default` = full logo (icon + wordmark), `symbol` = wordmark only (MOMO text).
+     */
+    variant?: "default" | "symbol";
+    shape?: "none" | "square" | "circle";
+    /**
+     * `inverse` = swap brand pink and white (e.g. white background, pink icon/text).
+     */
+    appearance?: "default" | "inverse";
+}
+declare const Logo: React.ForwardRefExoticComponent<Omit<LogoProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+export { Logo, type LogoProps };

package/dist/components/mobase/logo.mjs

@@ -0,0 +1 @@
+import{a as o,b as e,c as x}from"../../chunk-7LRQ2WLZ.mjs";import{jsx as t,jsxs as m}from"react/jsx-runtime";import*as Z from"react";import{cn as d}from"../../lib/utils";const n={xxsmall:"h-4 w-auto",xsmall:"h-5 w-auto",small:"h-6 w-auto",medium:"h-8 w-auto",large:"h-10 w-auto",xlarge:"h-12 w-auto"},b="M283 0C254.71 0 225.9 10.53 204.19 26.23C184.07 10.53 157.57 0 130 0C57 0 0 46 0 135V345H100V126C100 109 112 97 128 97C144 97 156 109 156 126V345H256V126C256 109 268 97 284 97C300 97 312 109 312 126V345H412V135C412 46 354 0 283 0Z",H="M243.733 95C227.665 95 211.302 100.982 198.972 109.902C187.545 100.982 172.494 95 156.835 95C115.374 95 83 121.133 83 171.696V291H139.796V166.583C139.796 156.925 146.612 150.107 155.699 150.107C164.786 150.107 171.602 156.925 171.602 166.583V291H228.398V166.583C228.398 156.925 235.214 150.107 244.301 150.107C253.388 150.107 260.204 156.925 260.204 166.583V291H317V171.696C317 121.133 284.058 95 243.733 95Z",g={topRing:"M288.882 189.235C323.668 189.235 351 161.903 351 127.118C351 92.3317 323.668 65 288.882 65C254.096 65 226.765 92.3317 226.765 127.118C226.765 161.903 254.096 189.235 288.882 189.235ZM288.882 99.0759C304.5 99.0759 315.504 111.499 315.504 127.118C315.504 142.736 304.5 155.159 288.882 155.159C273.264 155.159 262.26 142.736 262.26 127.118C262.26 111.499 273.264 99.0759 288.882 99.0759Z",topWordmark:"M161.453 65C151.411 65 141.185 68.7377 133.479 74.3105C126.337 68.7377 116.931 65 107.144 65C81.2325 65 61 81.328 61 112.919V187.46H96.4957V109.725C96.4957 103.69 100.755 99.4309 106.434 99.4309C112.114 99.4309 116.373 103.69 116.373 109.725V187.46H151.869V109.725C151.869 103.69 156.128 99.4309 161.808 99.4309C167.487 99.4309 171.747 103.69 171.747 109.725V187.46H207.242V112.919C207.242 81.328 186.655 65 161.453 65Z",bottomRing:"M288.882 210.532C254.096 210.532 226.765 237.864 226.765 272.65C226.765 307.436 254.096 334.768 288.882 334.768C323.668 334.768 351 307.436 351 272.65C351 237.864 323.668 210.532 288.882 210.532ZM288.882 300.692C273.264 300.692 262.26 288.268 262.26 272.65C262.26 257.032 273.264 244.608 288.882 244.608C304.5 244.608 315.504 257.032 315.504 272.65C315.504 288.268 304.5 300.692 288.882 300.692Z",bottomWordmark:"M161.453 210.532C151.411 210.532 141.185 214.27 133.479 219.843C126.337 214.27 116.931 210.532 107.144 210.532C81.2325 210.532 61 226.861 61 258.452V332.993H96.4957V255.257C96.4957 249.223 100.755 244.963 106.434 244.963C112.114 244.963 116.373 249.223 116.373 255.257V332.993H151.869V255.257C151.869 249.223 156.128 244.963 161.808 244.963C167.487 244.963 171.747 249.223 171.747 255.257V332.993H207.242V258.452C207.242 226.861 186.655 210.532 161.453 210.532Z"},w={topRing:"M642 350C740 350 817 273 817 175C817 77 740 0 642 0C544 0 467 77 467 175C467 273 544 350 642 350ZM642 96C686 96 717 131 717 175C717 219 686 254 642 254C598 254 567 219 567 175C567 131 598 96 642 96Z",bottomRing:"M642 410C544 410 467 487 467 585C467 683 544 760 642 760C740 760 817 683 817 585C817 487 740 410 642 410ZM642 664C598 664 567 629 567 585C567 541 598 506 642 506C686 506 717 541 717 585C717 629 686 664 642 664Z",bottomWordmark:"M283 410C254.71 410 225.9 420.53 204.19 436.23C184.07 420.53 157.57 410 130 410C57 410 0 456 0 545V755H100V536C100 519 112 507 128 507C144 507 156 519 156 536V755H256V536C256 519 268 507 284 507C300 507 312 519 312 536V755H412V545C412 456 354 410 283 410Z"},M="#A50064",h={fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0},R=Z.forwardRef(function(P,i){var v=P,{className:C,size:r="medium",variant:f="default",shape:V="none",appearance:a="default"}=v,s=x(v,["className","size","variant","shape","appearance"]);const c=a==="inverse",u=c?"white":M,l=c?M:"white",p=c?"text-white":"text-[#A50064]";return f==="symbol"&&V==="square"?m("svg",e(o(o({ref:i,"data-slot":"logo","data-variant":"symbol","data-shape":"square","data-appearance":a,width:400,height:400,viewBox:"0 0 400 400",className:d(n[r],C)},h),s),{children:[t("rect",{width:400,height:400,rx:87,fill:u}),t("path",{d:H,fill:l})]})):f==="symbol"&&V==="circle"?m("svg",e(o(o({ref:i,"data-slot":"logo","data-variant":"symbol","data-shape":"circle","data-appearance":a,width:400,height:400,viewBox:"0 0 400 400",className:d(n[r],C)},h),s),{children:[t("rect",{width:400,height:400,rx:200,fill:u}),t("path",{d:H,fill:l})]})):f==="symbol"?t("svg",e(o(o({ref:i,"data-slot":"logo","data-variant":"symbol","data-appearance":a,width:412,height:345,viewBox:"0 0 412 345",className:d(n[r],p,C)},h),s),{children:t("path",{d:b,fill:"currentColor"})})):V==="square"?m("svg",e(o(o({ref:i,"data-slot":"logo","data-variant":"default","data-shape":"square","data-appearance":a,width:400,height:400,viewBox:"0 0 400 400",className:d(n[r],C)},h),s),{children:[t("rect",{width:400,height:400,rx:87,fill:u}),t("path",{d:g.topRing,fill:l}),t("path",{d:g.topWordmark,fill:l}),t("path",{d:g.bottomRing,fill:l}),t("path",{d:g.bottomWordmark,fill:l})]})):m("svg",e(o(o({ref:i,"data-slot":"logo","data-variant":"default","data-appearance":a,width:817,height:760,viewBox:"0 0 817 760",className:d(n[r],p,C)},h),s),{children:[t("path",{d:w.topRing,fill:"currentColor"}),t("path",{d:b,fill:"currentColor"}),t("path",{d:w.bottomRing,fill:"currentColor"}),t("path",{d:w.bottomWordmark,fill:"currentColor"})]}))});export{R as Logo};

package/dist/components/mobase/logos-carousel.d.mts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface LogosCarouselProps {
+    children: React.ReactNode;
+    stagger?: number;
+    count?: number;
+    className?: string;
+    duration?: number;
+    interval?: number;
+    initialDelay?: number;
+}
+declare function LogosCarousel({ children, stagger, count, className, duration, interval, initialDelay, }: LogosCarouselProps): react_jsx_runtime.JSX.Element | null;
+
+export { LogosCarousel, type LogosCarouselProps, LogosCarousel as default };

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

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

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

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

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

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

package/dist/components/mobase/navigation-menu.d.mts

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

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

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

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

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

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

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

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

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

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

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

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

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