@3dverse/ui-lib 0.1.7 → 0.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +2 -2
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +2 -2
- package/dist/styles/index.css +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -13,5 +13,5 @@ var Y={container:"t",inner:"o",innerShape:"i",shape:"a",shapeAlt:"n"};import{jsx
|
|
|
13
13
|
aria-invalid:border-negative aria-invalid:ring-3 aria-invalid:ring-negative/20 dark:aria-invalid:border-negative/50 dark:aria-invalid:ring-negative/40
|
|
14
14
|
[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 cursor-pointer
|
|
15
15
|
|
|
16
|
-
`,{variants:{variant:{default:"bg-primary text-(--color-bg-ground) hover:bg-primary/90",accent:"bg-accent text-black hover:text-black hover:bg-accent-400",outline:"text-primary border border-(--color-content-primary)/50 hover:border-(--color-content-primary)/80","outline-accent":"text-accent border border-accent/50 hover:border-accent/80",secondary:"bg-secondary/10 text-secondary hover:bg-secondary/20",ghost:"text-secondary hover:text-primary focus:text-primary active:text-primary data-[active=true]:text-primary","ghost-shadow":i("relative text-neutral-0/80 [text-shadow:0_0_1px_black/40]","before:content-[''] before:absolute before:inset-0 before:scale-150 before:bg-neutral-1000 before:opacity-50 before:rounded-full before:blur-lg before:z-[-1]","data-[active=true]:text-primary data-[active=true]:z-1 data-[active=true]:before:opacity-100"),destructive:i("bg-negative/10 text-negative hover:bg-negative/20","focus-visible:border-negative/40 focus-visible:ring-negative/20 dark:bg-negative/20 dark:hover:bg-negative/30 dark:focus-visible:ring-negative/40"),link:"text-primary underline-offset-4 hover:underline",overlay:i("relative text-primary hover:text-primary/90 focus:text-primary/90 active:text-primary","before:absolute before:inset-y-0.5 before:inset-x-0.5 before:rounded-full before:z-[-1]","before:bg-neutral-1000/25 before:opacity-0 before:transition-opacity before:duration-500 before:ease-out","data-[active=true]:z-1 data-[active=true]:before:opacity-100"),"overlay-outline":i("border border-primary/40","relative text-primary hover:text-primary/90 focus:text-primary/90 active:text-primary","before:absolute before:inset-y-0.5 before:inset-x-0.5 before:rounded-[inherit] before:corner-shape-[inherit] before:z-[-1]","before:bg-neutral-1000/25 before:opacity-0 before:transition-opacity before:duration-500 before:ease-out","data-[active=true]:z-1 data-[active=true]:before:opacity-100")},size:{"3xs":"min-h-4 gap-1 px-1 text-4xs rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3","2xs":"min-h-5 gap-1 px-1 text-3xs rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",xs:"min-h-6 gap-1 px-2 text-2xs rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",sm:"min-h-7 gap-1 px-2.5 text-xs rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",md:"min-h-8 gap-1.5 px-3 text-sm **:data-[slot=icon]:text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",lg:"min-h-9 text-md gap-1.5 px-3 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",xl:"min-h-12 text-lg gap-1.5 px-2.5 font-medium tracking-wide has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2","icon-xs":"text-3xs size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg","icon-sm":"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg","icon-md":"text-base size-8","icon-lg":"text-xl size-9","icon-xl":"text-xl size-10"},round:{true:"rounded-full",false:"rounded-xl [corner-shape:squircle]"},active:{true:"",false:""}},defaultVariants:{variant:"default",size:"md"}});function M({as:e,className:t,variant:o="default",size:r="md",round:a=!1,active:n=!1,children:s,...p}){return go(!e||e==="button"?fo:e,{"data-slot":"button",className:i(yo({variant:o,size:r,round:a,active:n}),t),"data-active":n,...p,children:s})}import{jsx as T,jsxs as Se}from"react/jsx-runtime";function xo({swipeDirection:e="down",closeOnBlur:t=!0,...o}){return T(E.Root,{"data-slot":"bottom-sheet",swipeDirection:e,disablePointerDismissal:!t,...o})}function ho({...e}){return T(E.Trigger,{"data-slot":"bottom-sheet-trigger",...e})}function bo({...e}){return T(E.Portal,{"data-slot":"bottom-sheet-portal",...e})}function vo({...e}){return T(E.Close,{"data-slot":"bottom-sheet-close",...e})}function Po({className:e,...t}){return T(E.Backdrop,{"data-slot":"bottom-sheet-overlay",className:i("fixed inset-0 isolate z-10100 bg-ground/40 backdrop-blur-xs transition-opacity duration-100 ease-out data-swiping:transition-none","data-open:animate-in data-open:fade-in-0 data-open:duration-100","data-closed:not-data-swipe-dismiss:animate-out data-closed:not-data-swipe-dismiss:fade-out-0 data-closed:not-data-swipe-dismiss:duration-100 data-closed:not-data-swipe-dismiss:fill-mode-forwards",e),...t,style:{opacity:"calc(1 - var(--drawer-swipe-progress, 0))"}})}function wo({className:e,...t}){return T(E.Viewport,{"data-slot":"bottom-sheet-viewport",className:i("fixed inset-x-0 bottom-0 z-10110 flex justify-center outline-0",e),...t})}function Co({className:e,children:t,showHandle:o=!0,showCloseButton:r=!1,showOverlay:a=!0,...n}){return Se(bo,{children:[a&&T(Po,{}),T(wo,{children:Se(E.Popup,{"data-slot":"bottom-sheet-content",className:i("relative flex w-full flex-col rounded-t-2xl bg-ground/80 backdrop-blur-lg p-4 pt-2 pb-[calc(1rem+env(safe-area-inset-bottom))] text-sm text-popover-foreground ring-1 ring-foreground/10 outline-0","transform-[translateY(var(--drawer-swipe-movement-y,0px))]","data-open:animate-in data-open:slide-in-from-bottom data-open:duration-200 data-closed:animate-out data-closed:slide-out-to-bottom data-closed:duration-150 data-closed:fill-mode-forwards",e),...n,children:[o&&T("div",{"data-slot":"bottom-sheet-handle",className:"self-center h-px w-8 -translate-y-1 rounded-full bg-(--color-content-secondary)/50 touch-none select-none","aria-hidden":!0}),t,r&&Se(E.Close,{"data-slot":"bottom-sheet-close",render:T(M,{variant:"ghost",className:"absolute top-2 right-2",size:"icon-sm"}),children:[T(w,{className:"fas fa-xmark"}),T("span",{className:"sr-only",children:"Close"})]}),T("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-x-0 top-full h-[30vh] bg-ground/50 backdrop-blur-lg"})]})})]})}function Io({className:e,...t}){return T("div",{"data-slot":"bottom-sheet-header",className:i("flex flex-col gap-2",e),...t})}function Do({className:e,showCloseButton:t=!1,children:o,...r}){return Se("div",{"data-slot":"bottom-sheet-footer",className:i("-mx-4 -mb-4 flex flex-col-reverse sm:flex-row gap-2 rounded-b-xl border-t border-tertiary bg-muted/50 p-4 pb-[calc(1rem+env(safe-area-inset-bottom))] sm:justify-end",e),...r,children:[o,t&&T(E.Close,{render:T(M,{variant:"outline"}),children:"Close"})]})}function So({className:e,...t}){return T(E.Title,{"data-slot":"bottom-sheet-title",className:i("font-heading uppercase text-4xs leading-none font-medium text-tertiary pl-3 mt-1",e),...t})}function To({className:e,...t}){return T(E.Description,{"data-slot":"bottom-sheet-description",className:i("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",e),...t})}import{cva as Ro}from"class-variance-authority";import{jsx as Lo}from"react/jsx-runtime";var ko=Ro(["group/badge inline-flex shrink-0 items-center justify-center w-fit overflow-hidden","font-medium whitespace-nowrap rounded-full border border-transparent outline-0 transition-all","focus-visible:ring-[3px] focus-visible:ring-accent/50","[&_svg]:pointer-events-none [&_svg]:shrink-0"],{variants:{variant:{default:"bg-primary text-(--color-bg-ground) [a]:hover:bg-primary/90",accent:"bg-accent text-black [a]:hover:bg-accent-400",secondary:"bg-secondary/10 text-secondary [a]:hover:bg-secondary/20",destructive:i("bg-negative/10 text-negative [a]:hover:bg-negative/20","dark:bg-negative/20 dark:[a]:hover:bg-negative/30"),outline:"border-primary text-primary [a]:hover:bg-secondary/10",ghost:"text-secondary [a]:hover:bg-secondary/10 [a]:hover:text-primary",link:"text-primary underline-offset-4 [a]:hover:underline"},size:{"3xs":i("h-4 gap-0.5 px-1.5 text-5xs [&_svg:not([class*='size-'])]:size-2.5","has-data-[icon=inline-start]:pl-1 has-data-[icon=inline-end]:pr-1"),"2xs":i("h-5 gap-1 px-2 text-4xs [&_svg:not([class*='size-'])]:size-3","has-data-[icon=inline-start]:pl-1.5 has-data-[icon=inline-end]:pr-1.5"),xs:i("h-6 gap-1 px-2.5 text-3xs [&_svg:not([class*='size-'])]:size-3","has-data-[icon=inline-start]:pl-2 has-data-[icon=inline-end]:pr-2"),sm:i("h-7 gap-1.5 px-3 text-2xs [&_svg:not([class*='size-'])]:size-3.5","has-data-[icon=inline-start]:pl-2.5 has-data-[icon=inline-end]:pr-2.5"),md:i("h-8 gap-1.5 px-3.5 text-xs [&_svg:not([class*='size-'])]:size-4","has-data-[icon=inline-start]:pl-3 has-data-[icon=inline-end]:pr-3")}},defaultVariants:{variant:"default",size:"2xs"}});function No({as:e,className:t,variant:o="default",size:r="2xs",...a}){return Lo(e??"span",{"data-slot":"badge","data-variant":o,"data-size":r,className:i(ko({variant:o,size:r}),t),...a})}import{jsx as _o,jsxs as at}from"react/jsx-runtime";function Mo({as:e,className:t,variant:o="ghost",size:r="md",orientation:a="vertical",round:n=!1,icon:s,rightComponent:p,isEnabled:b=!0,children:R,...u}){return at(M,{...u,as:e,variant:o,size:r,round:n,className:i(t,b?"":"opacity-75"),children:[at("div",{className:i("grow flex py-2",a==="inline"?"items-center gap-2":"gap-1.5 flex-col justify-between items-start"),children:[s&&_o(w,{className:s,crossed:!b}),R]}),p]})}import{jsx as fe,jsxs as qo}from"react/jsx-runtime";var Bo=({children:e,size:t="sm",className:o})=>{let r=t==="2xs"?"text-2xs":t==="3xs"?"text-3xs":"text-sm",a=["3xs","2xs"].includes(t)&&"**:data-[slot=data-item-label]:py-1.5";return fe("fieldset",{className:i("flex gap-2 items-baseline justify-center w-full px-2.5",r,a,o),children:e})},Ao=({children:e,icon:t,className:o})=>qo("div",{"data-slot":"data-item-label",className:i("relative grow flex py-2 items-baseline gap-3 text-balance",o),children:[t&&fe(w,{className:i("text-[88%] text-tertiary -translate-y-px",t)}),e]}),Eo=({children:e,className:t})=>fe("p",{className:t,children:e}),Uo=({children:e,className:t})=>fe("p",{className:i("my-px text-[88%] leading-tight text-tertiary",t),children:e}),Oo=({children:e,className:t})=>fe("div",{className:i("text-primary",t),children:e});import{Dialog as V}from"@base-ui/react/dialog";import{jsx as _,jsxs as Te}from"react/jsx-runtime";function Vo({...e}){return _(V.Root,{"data-slot":"dialog",...e})}function zo({...e}){return _(V.Trigger,{"data-slot":"dialog-trigger",...e})}function Fo({...e}){return _(V.Portal,{"data-slot":"dialog-portal",...e})}function $o({className:e,...t}){return _(V.Backdrop,{"data-slot":"dialog-overlay",className:i("fixed inset-0 isolate z-10100 bg-ground/80 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",e),...t})}function jo({className:e,children:t,showCloseButton:o=!1,...r}){return Te(Fo,{children:[_($o,{}),Te(V.Popup,{"data-slot":"dialog-content",className:i("fixed top-1/2 left-1/2 z-10110 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-0 sm:max-w-sm 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",e),...r,children:[t,o&&Te(V.Close,{"data-slot":"dialog-close",render:_(M,{variant:"ghost",className:"absolute top-2 right-2",size:"icon-sm"}),children:[_(w,{className:"fal fa-xmark"}),_("span",{className:"sr-only",children:"Close"})]})]})]})}function Go({className:e,...t}){return _("div",{"data-slot":"dialog-header",className:i("flex flex-col gap-2",e),...t})}function Ho({className:e,showCloseButton:t=!1,children:o,...r}){return Te("div",{"data-slot":"dialog-footer",className:i("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end",e),...r,children:[o,t&&_(V.Close,{render:_(M,{variant:"outline"}),children:"Close"})]})}function Zo({className:e,...t}){return _(V.Title,{"data-slot":"dialog-title",className:i("font-heading text-base leading-none font-medium",e),...t})}function Wo({className:e,...t}){return _(V.Description,{"data-slot":"dialog-description",className:i("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",e),...t})}import{jsx as Yo}from"react/jsx-runtime";var Xo=({className:e,isActive:t})=>Yo("span",{className:i("relative block w-2 h-2 rounded-full bg-current z-1 pointer-events-none","before:content-[''] before:block before:w-4 before:h-4 before:absolute before:-inset-1 before:rounded-full before:bg-inherit before:opacity-10",t?"text-positive before:animate-pulse":"text-primary/40 before:animate-none",e)});import{jsx as Re,jsxs as nt}from"react/jsx-runtime";var Jo=({icon:e,title:t,description:o,variant:r="default",className:a})=>nt("div",{className:i("flex flex-col items-center gap-4 text-center px-3 py-7 text-balance",r==="glow"&&"glow-effect",a),children:[e&&Re("div",{className:"flex shrink-0 items-center justify-center",children:Re(w,{className:i(e,"text-2xl text-tertiary",r==="glow"&&"drop-shadow-[0_12px_6px_var(--color-bg-underground)]")})}),nt("div",{className:"flex flex-col gap-0.5",children:[t&&Re("span",{className:"text-md",children:t}),o&&Re("span",{className:"mt-px text-3xs text-tertiary font-normal",children:o})]})]});import{jsx as Qo}from"react/jsx-runtime";var Ko=({children:e,shadow:t="none",className:o,as:r,...a})=>Qo(r||"div",{className:i("flex items-center bg-ground/50 backdrop-blur-sm border border-white/20 rounded-full [corner-shape:squircle]","pointer-events-auto",t==="lg"&&"shadow-[0_20px_15px_-12px_rgba(0,0,0,.35)]",o),...a,children:e});import{jsx as ti}from"react/jsx-runtime";var ei=({children:e,className:t})=>ti("kbd",{className:i("inline-flex items-center justify-center min-w-4 h-4 px-1 rounded border border-current/30 text-[0.65rem] leading-none font-normal uppercase opacity-70",t),children:e});import{jsx as ii}from"react/jsx-runtime";function oi({className:e,...t}){return ii(w,{className:i("fal fa-spinner size-6 animate-spin text-primary",e),...t})}import{createContext as ri,useContext as Ve}from"react";import{Menu as z}from"@base-ui/react/menu";import{cva as ke}from"class-variance-authority";import{jsx as B}from"react/jsx-runtime";var ai=ke(i("origin-(--transform-origin) bg-ground/80 backdrop-blur-lg outline-0 [corner-shape:squircle]","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"),{variants:{size:{"2xs":"min-w-28 p-0.5 text-4xs rounded-lg",xs:"min-w-32 p-1 text-3xs rounded-lg",sm:"min-w-36 p-1 text-2xs rounded-xl",md:"min-w-40 p-1 text-xs rounded-xl"}},defaultVariants:{size:"md"}}),ni=ke(i("flex cursor-pointer items-center rounded-sm outline-0 select-none","data-highlighted:bg-primary/10 data-highlighted:text-primary","data-disabled:pointer-events-none data-disabled:opacity-50","transition-colors duration-200 ease-in-out","[&_svg]:pointer-events-none [&_svg]:shrink-0 **:data-[slot=icon]:text-[0.85em] **:data-[slot=icon]:w-[1em]"),{variants:{size:{"2xs":"min-h-5 gap-1.5 px-1.5 py-0.5 text-3xs leading-tight",xs:"min-h-6 gap-2 px-2 py-0.5 text-2xs leading-tight",sm:"min-h-7 gap-2.5 px-2 py-1 text-xs leading-tight",md:"min-h-8 gap-3 px-2 py-1 text-sm leading-tight"}},defaultVariants:{size:"md"}}),si=ke("text-tertiary",{variants:{size:{"2xs":"px-1.5 py-1 text-5xs",xs:"px-2 py-1 text-4xs",sm:"px-2 py-1.5 text-3xs",md:"px-2.5 py-1.5 text-xs"}},defaultVariants:{size:"md"}}),li=ke("h-px bg-foreground/10",{variants:{size:{"2xs":"-mx-0.5 my-0.5",xs:"-mx-1 my-1",sm:"-mx-1 my-1",md:"-mx-1 my-1"}},defaultVariants:{size:"md"}}),Ne=ri("md");function pi({...e}){return B(z.Root,{"data-slot":"menu",...e})}function di({...e}){return B(z.Trigger,{"data-slot":"menu-trigger",...e})}function st({...e}){return B(z.Portal,{"data-slot":"menu-portal",...e})}function lt({className:e,sideOffset:t=8,align:o="end",...r}){return B(z.Positioner,{"data-slot":"menu-positioner",sideOffset:t,align:o,className:i("z-10110 outline-0",e),...r})}function ci({className:e,size:t="md",children:o,...r}){return B(st,{children:B(lt,{children:B(z.Popup,{"data-slot":"menu-content","data-size":t,className:i(ai({size:t}),e),...r,children:B(Ne.Provider,{value:t,children:o})})})})}function mi({className:e,...t}){let o=Ve(Ne);return B(z.Item,{"data-slot":"menu-item",className:i(ni({size:o}),e),...t})}function fi({className:e,...t}){let o=Ve(Ne);return B(z.Separator,{"data-slot":"menu-separator",className:i(li({size:o}),e),...t})}function ui({...e}){return B(z.Group,{"data-slot":"menu-group",...e})}function yi({className:e,...t}){let o=Ve(Ne);return B(z.GroupLabel,{"data-slot":"menu-group-label",className:i(si({size:o}),e),...t})}import{Dialog as ue}from"@base-ui/react/dialog";import{jsx as ye,jsxs as pt}from"react/jsx-runtime";function gi({open:e,onClose:t,closeIcon:o,fullScreen:r,disableBackdropClick:a,disableEscapeKeyDown:n,backdropBg:s="var(--color-underground)",className:p,style:b,children:R,...u}){return ye(ue.Root,{open:e,modal:!0,disablePointerDismissal:a,onOpenChange:(y,g)=>{y||n&&g.reason==="escape-key"||t?.()},children:pt(ue.Portal,{container:document.getElementById("app-container"),children:[ye(ue.Backdrop,{className:"fixed inset-0",style:{background:s,opacity:.9,zIndex:b?.zIndex}}),pt(ue.Popup,{className:i("fixed inset-0 flex items-center justify-center",!r&&"p-4",p),style:{...b,width:r?"100%":void 0,height:r?"100%":void 0},"aria-labelledby":u["aria-labelledby"],children:[o&&ye(ue.Close,{render:ye(M,{"aria-label":"Close",variant:"ghost",size:"icon-md",className:"absolute top-4 right-4"}),children:ye(w,{className:"fal fa-xmark"})}),R]})]})})}import{jsx as ze}from"react/jsx-runtime";var xi=({startingTransiton:e=!1,children:t,className:o,ref:r,...a})=>ze("aside",{ref:r,"data-slot":"panel",className:i("border border-primary/50 bg-ground/80 backdrop-blur-sm shadow-[0_10px_20px_-8px_rgba(0,0,0,.6)]","rounded-[1rem] [corner-shape:squircle]",e&&"starting:opacity-0 starting:translate-y-4 starting:scale-95 transition-all duration-350 ease-in-out","pointer-events-auto",o),...a,children:t}),hi=({children:e,className:t,...o})=>ze("header",{className:i("flex px-3 py-2",t),...o,children:e}),bi=({children:e,className:t,...o})=>ze("h2",{className:i("text-[.7rem] text-secondary font-normal tracking-wider uppercase",t),...o,children:e});import{Popover as J}from"@base-ui/react/popover";import{jsx as j}from"react/jsx-runtime";function vi({...e}){return j(J.Root,{"data-slot":"popover",...e})}function Pi({...e}){return j(J.Trigger,{"data-slot":"popover-trigger",...e})}function wi({className:e,align:t="center",alignOffset:o=0,side:r="bottom",sideOffset:a=4,shadow:n,anchor:s,...p}){return j(J.Portal,{children:j(J.Positioner,{align:t,alignOffset:o,side:r,sideOffset:a,anchor:s,className:"z-10110",children:j(J.Popup,{"data-slot":"popover-content",className:i("border border-primary/50 bg-ground/80 backdrop-blur-sm ","rounded-[1rem] [corner-shape:squircle]","flex w-72 origin-(--transform-origin) flex-col gap-2.5 p-2.5 text-sm text-popover-foreground 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",n==="lg"?"shadow-[0_20px_15px_-12px_rgba(0,0,0,.35)]":"shadow-[0_10px_20px_-8px_rgba(0,0,0,.6)]",e),...p})})})}function Ci({className:e,...t}){return j("div",{"data-slot":"popover-header",className:i("flex flex-col gap-0.5 text-sm",e),...t})}function Ii({className:e,...t}){return j(J.Title,{"data-slot":"popover-title",className:i("font-medium",e),...t})}function Di({className:e,...t}){return j(J.Description,{"data-slot":"popover-description",className:i("text-muted-foreground",e),...t})}import{jsx as Ti}from"react/jsx-runtime";var Si=({direction:e="horizontal",children:t,className:o,ref:r})=>Ti("div",{ref:r,className:i(e==="horizontal"?"overflow-x-auto":"overflow-y-auto",e==="horizontal"?"[-webkit-mask-image:linear-gradient(to_right,transparent,black_16px,black_calc(100%-16px),transparent)]":"[-webkit-mask-image:linear-gradient(to_bottom,transparent,black_16px,black_calc(100%-16px),transparent)]",e==="horizontal"?"mask-[linear-gradient(to_right,transparent,black_16px,black_calc(100%-16px),transparent)]":"mask-[linear-gradient(to_bottom,transparent,black_16px,black_calc(100%-16px),transparent)]",o),children:t});import{Fragment as Ri,useMemo as ki}from"react";import{Slider as te}from"@base-ui/react/slider";import{cva as ge}from"class-variance-authority";import{jsx as G,jsxs as Fe}from"react/jsx-runtime";var Ni=ge(["flex [--slider-accent:var(--color-accent)] data-readonly:[--slider-accent:var(--color-tertiary)]","data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-col data-[orientation=vertical]:h-full","data-disabled:opacity-50 data-disabled:cursor-not-allowed"],{variants:{size:{"2xs":"text-3xs [--slider-bar:--spacing(5)] [--slider-thumb:--spacing(2.5)]",xs:"text-2xs [--slider-bar:--spacing(6)] [--slider-thumb:--spacing(3)]",sm:"text-xs [--slider-bar:--spacing(7)] [--slider-thumb:--spacing(3.5)]",md:"text-sm [--slider-bar:--spacing(8)] [--slider-thumb:--spacing(4)]"}},defaultVariants:{size:"md"}}),Li=ge("relative flex touch-none items-center select-none data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-32 data-[orientation=vertical]:flex-col",{variants:{variant:{default:["data-[orientation=horizontal]:h-(--slider-bar) data-[orientation=vertical]:w-(--slider-bar)","not-data-disabled:cursor-col-resize not-data-disabled:data-[orientation=vertical]:cursor-row-resize"],classic:"data-[orientation=horizontal]:h-(--slider-thumb) data-[orientation=vertical]:w-(--slider-thumb)"}},defaultVariants:{variant:"default"}}),Mi=ge("relative data-[orientation=horizontal]:w-full data-[orientation=vertical]:grow",{variants:{variant:{default:["overflow-hidden rounded-md bg-neutral-0/10","data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full","has-focus-visible:ring-[3px] has-focus-visible:ring-(--slider-accent)/50"],classic:"rounded-full bg-neutral-0/20 data-[orientation=horizontal]:h-1 data-[orientation=vertical]:w-1"}},defaultVariants:{variant:"default"}}),_i=ge("",{variants:{variant:{default:"bg-(--slider-accent)/50",classic:"rounded-full bg-(--slider-accent)"}},defaultVariants:{variant:"default"}}),Bi=ge("block outline-0",{variants:{variant:{default:"bg-(--slider-accent) data-[orientation=horizontal]:h-full data-[orientation=horizontal]:w-px data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full",classic:["size-(--slider-thumb) cursor-grab rounded-full bg-neutral-0 shadow-sm transition-shadow","data-dragging:cursor-grabbing data-disabled:cursor-not-allowed","has-focus-visible:ring-[3px] has-focus-visible:ring-(--slider-accent)/50"]}},defaultVariants:{variant:"default"}});function Ai({markers:e,min:t,max:o,orientation:r,variant:a,format:n,locale:s}){let p=ki(()=>new Intl.NumberFormat(s,n),[s,n]),b=r==="vertical",R=a==="classic"?"var(--slider-thumb)":"1px";return G("div",{"aria-hidden":!0,"data-slot":"slider-markers","data-orientation":r,className:i("grid text-[0.8em] leading-none text-tertiary tabular-nums select-none *:relative",b?"grid-cols-[auto_auto] grid-rows-1 gap-x-1 pl-1":"grid-rows-[auto_auto] gap-y-0.5 pt-1"),children:e.map(u=>{let y=(u-t)/(o-t)*100,g=`calc(${R} / 2 + ${y/100} * (100% - ${R}))`;return Fe(Ri,{children:[G("span",{"data-slot":"slider-marker-tick",className:i("bg-current [grid-area:1/1]",b?"h-px w-1 self-end":"h-1 w-px justify-self-start"),style:b?{bottom:g,translate:"0 50%"}:{left:g,translate:"-50%"}}),G("span",{"data-slot":"slider-marker-label",className:b?"[grid-area:1/2] self-end":"[grid-area:2/1] justify-self-start",style:b?{bottom:g,translate:"0 50%"}:{left:g,translate:`-${y}%`},children:p.format(u)})]},u)})})}function Ei({className:e,variant:t="default",size:o="md",value:r,defaultValue:a,min:n=0,max:s=100,orientation:p="horizontal",format:b,locale:R,markers:u,readOnly:y=!1,onValueChange:g,"aria-label":c,getAriaLabel:P,...v}){let C=r??a,h=Array.isArray(C)?C.length:1;return Fe(te.Root,{"data-slot":"slider","data-variant":t,"data-size":o,"data-readonly":y||void 0,value:r,defaultValue:a,min:n,max:s,orientation:p,format:b,locale:R,thumbAlignment:"edge",onValueChange:(m,l)=>{if(y){l.cancel();return}g?.(m,l)},className:i(Ni({size:o}),e),...v,children:[G(te.Control,{"data-slot":"slider-control",className:i(Li({variant:t}),y&&"pointer-events-none"),children:Fe(te.Track,{"data-slot":"slider-track",className:Mi({variant:t}),children:[G(te.Indicator,{"data-slot":"slider-indicator",className:_i({variant:t})}),t==="default"&&G(te.Value,{"data-slot":"slider-value",className:i("pointer-events-none absolute inset-0 z-10 flex items-center px-2 text-primary tabular-nums","data-[orientation=vertical]:items-end data-[orientation=vertical]:justify-center data-[orientation=vertical]:px-0 data-[orientation=vertical]:pb-1")}),Array.from({length:h},(m,l)=>G(te.Thumb,{index:l,"aria-label":c,getAriaLabel:P,inputRef:x=>{y?x?.setAttribute("aria-readonly","true"):x?.removeAttribute("aria-readonly")},"data-slot":"slider-thumb",className:Bi({variant:t})},l))]})}),u&&G(Ai,{markers:u,min:n,max:s,orientation:p,variant:t,format:b,locale:R})]})}import{Switch as dt}from"@base-ui/react/switch";import{jsx as ct}from"react/jsx-runtime";function Ui({className:e,disabled:t,...o}){return ct(dt.Root,{"data-slot":"switch",className:i("inline-flex h-5 w-8 shrink-0 cursor-pointer items-center rounded-full border border-transparent bg-neutral-0/20 p-0.5 transition-colors outline-0","focus-visible:ring-[3px] focus-visible:ring-ring/50","data-disabled:opacity-50 data-disabled:cursor-not-allowed","data-checked:bg-accent",e),"data-disabled":t,...o,children:ct(dt.Thumb,{"data-slot":"switch-thumb",className:"block size-4 rounded-full bg-neutral-0 opacity-50 data-checked:opacity-100 shadow-sm transition-[translate,opacity] data-checked:translate-x-3"})})}import{jsx as qi}from"react/jsx-runtime";var Oi=({children:e,className:t,as:o})=>qi(o||"div",{className:i("flex rounded-full bg-neutral-1000/10 light:bg-neutral-1000/30 backdrop-blur-sm filter-[drop-shadow(2px_4px_8px_rgb(0_0_0/0.6))] light:filter-[drop-shadow(2px_4px_8px_rgb(0_0_0/0.4))]",t),children:e});import{forwardRef as Vi}from"react";import{jsx as Fi}from"react/jsx-runtime";var zi=Vi(function({fullWidth:t,fullHeight:o,vertical:r,vCenter:a,hCenter:n,opposite:s,gapRight:p,gapBottom:b,className:R,style:u,...y},g){let c=!!r,P=p??b,v=c?n?"center":void 0:a?"center":void 0,C=s?"space-between":c?a?"center":void 0:n?"center":void 0;return Fi("div",{ref:g,className:i("flex",c?"flex-col":"flex-row",t&&"w-full",o&&"h-full",R),style:{alignItems:v,justifyContent:C,gap:P!==void 0?`${P}rem`:void 0,...u},...y})});import{createContext as $i,useContext as ji,useRef as $e}from"react";import{Tabs as oe}from"@base-ui/react/tabs";import{cva as yt}from"class-variance-authority";import{jsx as O,jsxs as xt}from"react/jsx-runtime";function Gi({className:e,orientation:t="horizontal",...o}){return O(oe.Root,{"data-slot":"tabs","data-orientation":t,className:i("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",e),...o})}var gt=yt("relative inline-flex w-fit items-center justify-center rounded-lg text-secondary group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",{variants:{variant:{default:"bg-muted",segment:"text-white/85 border border-white/40 rounded-full",line:"gap-1 bg-transparent rounded-none"},size:{"2xs":"p-[2px] text-2xs group-data-[orientation=horizontal]/tabs:h-6",xs:"p-[2px] text-xs group-data-[orientation=horizontal]/tabs:h-6",sm:"p-[2px] text-sm group-data-[orientation=horizontal]/tabs:h-7",md:"p-[2px] text-md group-data-[orientation=horizontal]/tabs:h-8"}},defaultVariants:{variant:"default",size:"md"}}),Hi=yt(i("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 px-1.5 py-0.5","rounded-md border border-transparent whitespace-nowrap transition-all cursor-pointer","group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start","hover:text-primary focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring","disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50","has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1","[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"),{variants:{variant:{default:"text-quaternary data-active:text-primary data-active:bg-background",segment:"text-inherit data-active:text-black",line:i("text-inherit data-active:text-primary","after:absolute after:bg-foreground after:opacity-0 after:transition-opacity data-active:after:opacity-100","group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5","group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5")},size:{"2xs":"",xs:"",sm:"gap-1 py-0 text-xs",md:""}},defaultVariants:{variant:"default",size:"md"}}),je=$i({variant:"default",size:"md"}),Zi=6;function Wi(e){let t=e.getBoundingClientRect();return Array.from(e.querySelectorAll('[data-slot="tabs-trigger"]')).map(o=>{let r=o.getBoundingClientRect();return{el:o,left:r.left-t.left,width:r.width}})}function mt(e,t){let o=t[0],r=t[t.length-1],a=Math.min(Math.max(e,o.left),r.left);for(let n=0;n<t.length-1;n++){let s=t[n],p=t[n+1];if(a>=s.left&&a<=p.left){let b=(a-s.left)/(p.left-s.left||1);return{left:a,width:s.width+b*(p.width-s.width)}}}return{left:a,width:a===o.left?o.width:r.width}}function Xi(e,t){return t.reduce((o,r)=>{let a=r.left+r.width/2,n=o.left+o.width/2;return Math.abs(e-a)<Math.abs(e-n)?r:o})}var Yi=[255,255,255,.85],Ji=[0,0,0,1];function Ki(e){let t=Math.min(Math.max(e,0),1),[o,r,a,n]=Yi.map((s,p)=>s+(Ji[p]-s)*t);return`rgba(${o}, ${r}, ${a}, ${n})`}function Qi(e,t,o){let r=Math.min(e+t,o.left+o.width)-Math.max(e,o.left);return Math.max(0,r)/o.width}function ft(e,t,o){for(let r of o)r.el.style.color=Ki(Qi(e,t,r))}function ut(e){for(let t of e)t.el.style.transition="",t.el.style.color=""}function er({swipeable:e=!1,variant:t="default",...o}){return e&&t==="segment"?O(or,{...o}):O(tr,{variant:t,...o})}function tr({className:e,variant:t="default",size:o="md",children:r,...a}){return xt(oe.List,{"data-slot":"tabs-list","data-variant":t,"data-size":o,className:i(gt({variant:t,size:o}),e),...a,children:[O(je.Provider,{value:{variant:t,size:o},children:r}),t==="segment"&&O(Ge,{})]})}function or({className:e,size:t="md",children:o,...r}){let a=$e(null),n=$e(null),s=$e(null),p=()=>a.current?.querySelector('[data-slot="tabs-indicator"]'),b=()=>{let c=p();c&&(c.style.transition="",c.style.translate="",c.style.width="")},R=()=>{let c=s.current;c&&(c.indicator.removeEventListener("transitionend",c.handler),clearTimeout(c.timeoutId),s.current=null)},u=c=>{if(c.pointerType!=="touch")return;R();let P=a.current,v=P?.querySelector('[data-slot="tabs-trigger"][data-active]');if(!P||!v)return;let C=Wi(P),h=C.find(m=>m.el===v);h&&(n.current={pointerId:c.pointerId,startX:c.clientX,isDragging:!1,activeLeft:h.left,activeEl:v,triggers:C})},y=c=>{let P=n.current;if(!P||c.pointerId!==P.pointerId)return;let v=c.clientX-P.startX;if(!P.isDragging){if(Math.abs(v)<Zi)return;P.isDragging=!0,a.current?.setPointerCapture(c.pointerId);let l=p();l&&(l.style.transition="none");for(let x of P.triggers)x.el.style.transition="none"}c.preventDefault();let C=p();if(!C)return;let{left:h,width:m}=mt(P.activeLeft+v,P.triggers);C.style.translate=`${h}px`,C.style.width=`${m}px`,ft(h,m,P.triggers)},g=(c,P)=>{let v=n.current;if(!v||c.pointerId!==v.pointerId||(n.current=null,!v.isDragging))return;a.current?.releasePointerCapture(c.pointerId);let C=p();if(!P||!C){b(),ut(v.triggers);return}let h=c.clientX-v.startX,{left:m,width:l}=mt(v.activeLeft+h,v.triggers),x=Xi(m+l/2,v.triggers);C.style.transition="",C.style.translate=`${x.left}px`,C.style.width=`${x.width}px`;for(let H of v.triggers)H.el.style.transition="";ft(x.left,x.width,v.triggers),x.el!==v.activeEl&&x.el.click();let D=()=>{b(),ut(v.triggers)};C.addEventListener("transitionend",D,{once:!0});let F=window.setTimeout(()=>{s.current=null,D()},200);s.current={indicator:C,handler:D,timeoutId:F}};return xt(oe.List,{ref:a,"data-slot":"tabs-list","data-variant":"segment","data-size":t,className:i(gt({variant:"segment",size:t}),"touch-pan-y",e),onPointerDown:u,onPointerMove:y,onPointerUp:c=>g(c,!0),onPointerCancel:c=>g(c,!1),...r,children:[O(je.Provider,{value:{variant:"segment",size:t},children:o}),O(Ge,{})]})}function Ge({className:e,...t}){return O(oe.Indicator,{"data-slot":"tabs-indicator",className:i("absolute z-[-1] h-[calc(100%-4px)]! rounded-full bg-white transition-[translate,width] duration-200 ease-in-out","group-data-[orientation=horizontal]/tabs:top-0.5 group-data-[orientation=horizontal]/tabs:left-0 group-data-[orientation=horizontal]/tabs:h-full group-data-[orientation=horizontal]/tabs:w-(--active-tab-width) group-data-[orientation=horizontal]/tabs:translate-x-(--active-tab-left)","group-data-[orientation=vertical]/tabs:top-0.5 group-data-[orientation=vertical]/tabs:left-0 group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:h-(--active-tab-height) group-data-[orientation=vertical]/tabs:translate-y-(--active-tab-top)",e),...t})}function ir({className:e,...t}){let{variant:o,size:r}=ji(je);return O(oe.Tab,{"data-slot":"tabs-trigger",className:i(Hi({variant:o,size:r}),e),...t})}function rr({className:e,...t}){return O(oe.Panel,{"data-slot":"tabs-content",className:i("flex-1 text-sm outline-0",e),...t})}import{jsx as sr}from"react/jsx-runtime";var ar={title1:{className:"text-2xl font-semibold",as:"h1"},title2:{className:"text-xl font-semibold",as:"h2"},body1:{className:"text-base",as:"p"},body2:{className:"text-sm",as:"p"},body3:{className:"text-xs",as:"p"}};function nr({as:e,format:t,color:o,align:r,className:a,...n}){let s=t?ar[t]:void 0,p=e??s?.as??"p";return sr(p,{className:i(s?.className,o==="secondary"&&"text-tertiary",r==="left"&&"text-left",r==="center"&&"text-center",r==="right"&&"text-right",a),...n})}import{jsx as ht,jsxs as pr}from"react/jsx-runtime";var lr=({isOn:e,onToggle:t,size:o="sm",disabled:r,className:a})=>pr(M,{variant:"ghost",size:o,onClick:t,disabled:r,"aria-pressed":e,className:a,children:[e&&ht(w,{className:"fas fa-check starting:translate-x-4 starting:opacity-0 transition-all duration-150"}),ht("span",{className:i(!e&&"text-tertiary"),children:e?"ON":"OFF"})]});import{Tooltip as K}from"@base-ui/react/tooltip";import{jsx as ie,jsxs as ur}from"react/jsx-runtime";function dr({delay:e=0,...t}){return ie(K.Provider,{"data-slot":"tooltip-provider",delay:e,...t})}function cr({...e}){return ie(K.Root,{"data-slot":"tooltip",...e})}function mr({...e}){return ie(K.Trigger,{"data-slot":"tooltip-trigger",...e})}function fr({className:e,side:t="top",sideOffset:o=4,align:r="center",alignOffset:a=0,children:n,...s}){return ie(K.Portal,{children:ie(K.Positioner,{align:r,alignOffset:a,side:t,sideOffset:o,className:"isolate z-50",children:ur(K.Popup,{"data-slot":"tooltip-content",className:i("z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 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-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 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",e),...s,children:[n,ie(K.Arrow,{className:"z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5"})]})})})}export{lo as Accordion,mo as AccordionContent,po as AccordionItem,co as AccordionTrigger,Mt as AppIcon,ro as AssetIcon,No as Badge,xo as BottomSheet,vo as BottomSheetClose,Co as BottomSheetContent,To as BottomSheetDescription,Do as BottomSheetFooter,Io as BottomSheetHeader,So as BottomSheetTitle,ho as BottomSheetTrigger,M as Button,Mo as ButtonTile,Bo as DataItem,Uo as DataItemDescription,Ao as DataItemLabel,Eo as DataItemTitle,Oo as DataItemValue,Vo as Dialog,jo as DialogContent,Wo as DialogDescription,Ho as DialogFooter,Go as DialogHeader,Zo as DialogTitle,zo as DialogTrigger,Xo as DotPing,Jo as EmptyState,pe as EntityComponentBadge,Ae as EntityComponentIcon,jt as EntityRecipe,Wt as GlowEffect,w as Icon,so as IconAssetScene,Ko as IslandPanel,Yt as IsometricSchema,ei as Kbd,oi as Loader,Jt as Logo3dverse,Oe as Logo3dverseRocket,pi as Menu,ci as MenuContent,ui as MenuGroup,yi as MenuGroupLabel,mi as MenuItem,st as MenuPortal,lt as MenuPositioner,fi as MenuSeparator,di as MenuTrigger,gi as Modal,Oi as OverlayContainer,xi as Panel,hi as PanelHeader,bi as PanelTitle,vi as Popover,wi as PopoverContent,Di as PopoverDescription,Ci as PopoverHeader,Ii as PopoverTitle,Pi as PopoverTrigger,Si as ScrollableArea,Ei as Slider,Qt as Spinner,zi as Stack,Ui as Switch,Gi as Tabs,rr as TabsContent,Ge as TabsIndicator,er as TabsList,ir as TabsTrigger,nr as Text,lr as ToggleButton,cr as Tooltip,fr as TooltipContent,dr as TooltipProvider,mr as TooltipTrigger,se as appIconShapes,i as cn};
|
|
16
|
+
`,{variants:{variant:{default:"bg-primary text-(--color-bg-ground) hover:bg-primary/90",accent:"bg-accent text-black hover:text-black hover:bg-accent-400",outline:"text-primary border border-(--color-content-primary)/50 hover:border-(--color-content-primary)/80","outline-accent":"text-accent border border-accent/50 hover:border-accent/80",secondary:"bg-secondary/10 text-secondary hover:bg-secondary/20",ghost:"text-secondary hover:text-primary focus:text-primary active:text-primary data-[active=true]:text-primary","ghost-shadow":i("relative text-neutral-0/80 [text-shadow:0_0_1px_black/40]","before:content-[''] before:absolute before:inset-0 before:scale-150 before:bg-neutral-1000 before:opacity-50 before:rounded-full before:blur-lg before:z-[-1]","data-[active=true]:text-primary data-[active=true]:z-1 data-[active=true]:before:opacity-100"),destructive:i("bg-negative/10 text-negative hover:bg-negative/20","focus-visible:border-negative/40 focus-visible:ring-negative/20 dark:bg-negative/20 dark:hover:bg-negative/30 dark:focus-visible:ring-negative/40"),link:"text-primary underline-offset-4 hover:underline",overlay:i("relative text-primary hover:text-primary/90 focus:text-primary/90 active:text-primary","before:absolute before:inset-y-0.5 before:inset-x-0.5 before:rounded-full before:z-[-1]","before:bg-neutral-1000/25 before:opacity-0 before:transition-opacity before:duration-500 before:ease-out","data-[active=true]:z-1 data-[active=true]:before:opacity-100"),"overlay-outline":i("border border-primary/40","relative text-primary hover:text-primary/90 focus:text-primary/90 active:text-primary","before:absolute before:inset-y-0.5 before:inset-x-0.5 before:rounded-[inherit] before:corner-shape-[inherit] before:z-[-1]","before:bg-neutral-1000/25 before:opacity-0 before:transition-opacity before:duration-500 before:ease-out","data-[active=true]:z-1 data-[active=true]:before:opacity-100")},size:{"3xs":"min-h-4 gap-1 px-1 text-4xs rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3","2xs":"min-h-5 gap-1 px-1 text-3xs rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",xs:"min-h-6 gap-1 px-2 text-2xs rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",sm:"min-h-7 gap-1 px-2.5 text-xs rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",md:"min-h-8 gap-1.5 px-3 text-sm **:data-[slot=icon]:text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",lg:"min-h-9 text-md gap-1.5 px-3 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",xl:"min-h-12 text-lg gap-1.5 px-2.5 font-medium tracking-wide has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2","icon-xs":"text-3xs size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg","icon-sm":"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg","icon-md":"text-base size-8","icon-lg":"text-xl size-9","icon-xl":"text-xl size-10"},round:{true:"rounded-full",false:"rounded-xl [corner-shape:squircle]"},active:{true:"",false:""}},defaultVariants:{variant:"default",size:"md"}});function M({as:e,className:t,variant:o="default",size:r="md",round:a=!1,active:n=!1,children:s,...p}){return go(!e||e==="button"?fo:e,{"data-slot":"button",className:i(yo({variant:o,size:r,round:a,active:n}),t),"data-active":n,...p,children:s})}import{jsx as T,jsxs as Se}from"react/jsx-runtime";function xo({swipeDirection:e="down",closeOnBlur:t=!0,...o}){return T(E.Root,{"data-slot":"bottom-sheet",swipeDirection:e,disablePointerDismissal:!t,...o})}function ho({...e}){return T(E.Trigger,{"data-slot":"bottom-sheet-trigger",...e})}function bo({...e}){return T(E.Portal,{"data-slot":"bottom-sheet-portal",...e})}function vo({...e}){return T(E.Close,{"data-slot":"bottom-sheet-close",...e})}function Po({className:e,...t}){return T(E.Backdrop,{"data-slot":"bottom-sheet-overlay",className:i("fixed inset-0 isolate z-10100 bg-ground/40 backdrop-blur-xs transition-opacity duration-100 ease-out data-swiping:transition-none","data-open:animate-in data-open:fade-in-0 data-open:duration-100","data-closed:not-data-swipe-dismiss:animate-out data-closed:not-data-swipe-dismiss:fade-out-0 data-closed:not-data-swipe-dismiss:duration-100 data-closed:not-data-swipe-dismiss:fill-mode-forwards",e),...t,style:{opacity:"calc(1 - var(--drawer-swipe-progress, 0))"}})}function wo({className:e,...t}){return T(E.Viewport,{"data-slot":"bottom-sheet-viewport",className:i("fixed inset-x-0 bottom-0 z-10110 flex justify-center outline-0",e),...t})}function Co({className:e,children:t,showHandle:o=!0,showCloseButton:r=!1,showOverlay:a=!0,...n}){return Se(bo,{children:[a&&T(Po,{}),T(wo,{children:Se(E.Popup,{"data-slot":"bottom-sheet-content",className:i("relative flex w-full flex-col rounded-t-2xl bg-ground/80 backdrop-blur-lg p-4 pt-2 pb-[calc(1rem+env(safe-area-inset-bottom))] text-sm text-popover-foreground ring-1 ring-foreground/10 outline-0","transform-[translateY(var(--drawer-swipe-movement-y,0px))]","data-open:animate-in data-open:slide-in-from-bottom data-open:duration-200 data-closed:animate-out data-closed:slide-out-to-bottom data-closed:duration-150 data-closed:fill-mode-forwards",e),...n,children:[o&&T("div",{"data-slot":"bottom-sheet-handle",className:"self-center h-px w-8 -translate-y-1 rounded-full bg-(--color-content-secondary)/50 touch-none select-none","aria-hidden":!0}),t,r&&Se(E.Close,{"data-slot":"bottom-sheet-close",render:T(M,{variant:"ghost",className:"absolute top-2 right-2",size:"icon-sm"}),children:[T(w,{className:"fas fa-xmark"}),T("span",{className:"sr-only",children:"Close"})]}),T("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-x-0 top-full h-[30vh] bg-ground/50 backdrop-blur-lg"})]})})]})}function Io({className:e,...t}){return T("div",{"data-slot":"bottom-sheet-header",className:i("flex flex-col gap-2",e),...t})}function Do({className:e,showCloseButton:t=!1,children:o,...r}){return Se("div",{"data-slot":"bottom-sheet-footer",className:i("-mx-4 -mb-4 flex flex-col-reverse sm:flex-row gap-2 rounded-b-xl border-t border-tertiary bg-muted/50 p-4 pb-[calc(1rem+env(safe-area-inset-bottom))] sm:justify-end",e),...r,children:[o,t&&T(E.Close,{render:T(M,{variant:"outline"}),children:"Close"})]})}function So({className:e,...t}){return T(E.Title,{"data-slot":"bottom-sheet-title",className:i("font-heading uppercase text-4xs leading-none font-medium text-tertiary pl-3 mt-1",e),...t})}function To({className:e,...t}){return T(E.Description,{"data-slot":"bottom-sheet-description",className:i("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",e),...t})}import{cva as Ro}from"class-variance-authority";import{jsx as Lo}from"react/jsx-runtime";var ko=Ro(["group/badge inline-flex shrink-0 items-center justify-center w-fit overflow-hidden","font-medium whitespace-nowrap rounded-full border border-transparent outline-0 transition-all","focus-visible:ring-[3px] focus-visible:ring-accent/50","[&_svg]:pointer-events-none [&_svg]:shrink-0"],{variants:{variant:{default:"bg-primary text-(--color-bg-ground) [a]:hover:bg-primary/90",accent:"bg-accent text-black [a]:hover:bg-accent-400",secondary:"bg-secondary/10 text-secondary [a]:hover:bg-secondary/20",destructive:i("bg-negative/10 text-negative [a]:hover:bg-negative/20","dark:bg-negative/20 dark:[a]:hover:bg-negative/30"),outline:"border-primary text-primary [a]:hover:bg-secondary/10",ghost:"text-secondary [a]:hover:bg-secondary/10 [a]:hover:text-primary",link:"text-primary underline-offset-4 [a]:hover:underline"},size:{"3xs":i("h-4 gap-0.5 px-1.5 text-5xs [&_svg:not([class*='size-'])]:size-2.5","has-data-[icon=inline-start]:pl-1 has-data-[icon=inline-end]:pr-1"),"2xs":i("h-5 gap-1 px-2 text-4xs [&_svg:not([class*='size-'])]:size-3","has-data-[icon=inline-start]:pl-1.5 has-data-[icon=inline-end]:pr-1.5"),xs:i("h-6 gap-1 px-2.5 text-3xs [&_svg:not([class*='size-'])]:size-3","has-data-[icon=inline-start]:pl-2 has-data-[icon=inline-end]:pr-2"),sm:i("h-7 gap-1.5 px-3 text-2xs [&_svg:not([class*='size-'])]:size-3.5","has-data-[icon=inline-start]:pl-2.5 has-data-[icon=inline-end]:pr-2.5"),md:i("h-8 gap-1.5 px-3.5 text-xs [&_svg:not([class*='size-'])]:size-4","has-data-[icon=inline-start]:pl-3 has-data-[icon=inline-end]:pr-3")}},defaultVariants:{variant:"default",size:"2xs"}});function No({as:e,className:t,variant:o="default",size:r="2xs",...a}){return Lo(e??"span",{"data-slot":"badge","data-variant":o,"data-size":r,className:i(ko({variant:o,size:r}),t),...a})}import{jsx as _o,jsxs as at}from"react/jsx-runtime";function Mo({as:e,className:t,variant:o="ghost",size:r="md",orientation:a="vertical",round:n=!1,icon:s,rightComponent:p,isEnabled:b=!0,children:R,...u}){return at(M,{...u,as:e,variant:o,size:r,round:n,className:i(t,b?"":"opacity-75"),children:[at("div",{className:i("grow flex py-2",a==="inline"?"items-center gap-2":"gap-1.5 flex-col justify-between items-start"),children:[s&&_o(w,{className:s,crossed:!b}),R]}),p]})}import{jsx as fe,jsxs as qo}from"react/jsx-runtime";var Bo=({children:e,size:t="sm",className:o})=>{let r=t==="2xs"?"text-2xs":t==="3xs"?"text-3xs":"text-sm",a=["3xs","2xs"].includes(t)&&"**:data-[slot=data-item-label]:py-1.5";return fe("fieldset",{className:i("flex gap-2 items-baseline justify-center w-full px-2.5",r,a,o),children:e})},Ao=({children:e,icon:t,className:o})=>qo("div",{"data-slot":"data-item-label",className:i("relative grow flex py-2 items-baseline gap-3 text-balance",o),children:[t&&fe(w,{className:i("text-[88%] text-tertiary -translate-y-px",t)}),e]}),Eo=({children:e,className:t})=>fe("p",{className:t,children:e}),Uo=({children:e,className:t})=>fe("p",{className:i("my-px text-[88%] leading-tight text-tertiary",t),children:e}),Oo=({children:e,className:t})=>fe("div",{className:i("text-primary",t),children:e});import{Dialog as V}from"@base-ui/react/dialog";import{jsx as _,jsxs as Te}from"react/jsx-runtime";function Vo({...e}){return _(V.Root,{"data-slot":"dialog",...e})}function zo({...e}){return _(V.Trigger,{"data-slot":"dialog-trigger",...e})}function Fo({...e}){return _(V.Portal,{"data-slot":"dialog-portal",...e})}function $o({className:e,...t}){return _(V.Backdrop,{"data-slot":"dialog-overlay",className:i("fixed inset-0 isolate z-10100 bg-ground/80 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",e),...t})}function jo({className:e,children:t,showCloseButton:o=!1,...r}){return Te(Fo,{children:[_($o,{}),Te(V.Popup,{"data-slot":"dialog-content",className:i("fixed top-1/2 left-1/2 z-10110 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-0 sm:max-w-sm 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",e),...r,children:[t,o&&Te(V.Close,{"data-slot":"dialog-close",render:_(M,{variant:"ghost",className:"absolute top-2 right-2",size:"icon-sm"}),children:[_(w,{className:"fal fa-xmark"}),_("span",{className:"sr-only",children:"Close"})]})]})]})}function Go({className:e,...t}){return _("div",{"data-slot":"dialog-header",className:i("flex flex-col gap-2",e),...t})}function Ho({className:e,showCloseButton:t=!1,children:o,...r}){return Te("div",{"data-slot":"dialog-footer",className:i("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end",e),...r,children:[o,t&&_(V.Close,{render:_(M,{variant:"outline"}),children:"Close"})]})}function Zo({className:e,...t}){return _(V.Title,{"data-slot":"dialog-title",className:i("font-heading text-base leading-none font-medium",e),...t})}function Wo({className:e,...t}){return _(V.Description,{"data-slot":"dialog-description",className:i("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",e),...t})}import{jsx as Yo}from"react/jsx-runtime";var Xo=({className:e,isActive:t})=>Yo("span",{className:i("relative block w-2 h-2 rounded-full bg-current z-1 pointer-events-none","before:content-[''] before:block before:w-4 before:h-4 before:absolute before:-inset-1 before:rounded-full before:bg-inherit before:opacity-10",t?"text-positive before:animate-pulse":"text-primary/40 before:animate-none",e)});import{jsx as Re,jsxs as nt}from"react/jsx-runtime";var Jo=({icon:e,title:t,description:o,variant:r="default",className:a})=>nt("div",{className:i("flex flex-col items-center gap-4 text-center px-3 py-7 text-balance",r==="glow"&&"glow-effect",a),children:[e&&Re("div",{className:"flex shrink-0 items-center justify-center",children:Re(w,{className:i(e,"text-2xl text-tertiary",r==="glow"&&"drop-shadow-[0_12px_6px_var(--color-bg-underground)]")})}),nt("div",{className:"flex flex-col gap-0.5",children:[t&&Re("span",{className:"text-md",children:t}),o&&Re("span",{className:"mt-px text-3xs text-tertiary font-normal",children:o})]})]});import{jsx as Qo}from"react/jsx-runtime";var Ko=({children:e,shadow:t="none",className:o,as:r,...a})=>Qo(r||"div",{className:i("flex items-center bg-ground/50 backdrop-blur-sm border border-white/20 rounded-full [corner-shape:squircle]","pointer-events-auto",t==="lg"&&"shadow-[0_20px_15px_-12px_rgba(0,0,0,.35)]",o),...a,children:e});import{jsx as ti}from"react/jsx-runtime";var ei=({children:e,className:t})=>ti("kbd",{className:i("inline-flex items-center justify-center min-w-4 h-4 px-1 rounded border border-current/30 text-[0.65rem] leading-none font-normal uppercase opacity-70",t),children:e});import{jsx as ii}from"react/jsx-runtime";function oi({className:e,...t}){return ii(w,{className:i("fal fa-spinner size-6 animate-spin text-primary",e),...t})}import{createContext as ri,useContext as Ve}from"react";import{Menu as z}from"@base-ui/react/menu";import{cva as ke}from"class-variance-authority";import{jsx as B}from"react/jsx-runtime";var ai=ke(i("origin-(--transform-origin) bg-ground/80 backdrop-blur-lg outline-0 [corner-shape:squircle]","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"),{variants:{size:{"2xs":"min-w-28 p-0.5 text-4xs rounded-lg",xs:"min-w-32 p-1 text-3xs rounded-lg",sm:"min-w-36 p-1 text-2xs rounded-xl",md:"min-w-40 p-1 text-xs rounded-xl"}},defaultVariants:{size:"md"}}),ni=ke(i("flex cursor-pointer items-center rounded-sm outline-0 select-none","data-highlighted:bg-primary/10 data-highlighted:text-primary","data-disabled:pointer-events-none data-disabled:opacity-50","transition-colors duration-200 ease-in-out","[&_svg]:pointer-events-none [&_svg]:shrink-0 **:data-[slot=icon]:text-[0.85em] **:data-[slot=icon]:w-[1em]"),{variants:{size:{"2xs":"min-h-5 gap-1.5 px-1.5 py-0.5 text-3xs leading-tight",xs:"min-h-6 gap-2 px-2 py-0.5 text-2xs leading-tight",sm:"min-h-7 gap-2.5 px-2 py-1 text-xs leading-tight",md:"min-h-8 gap-3 px-2 py-1 text-sm leading-tight"}},defaultVariants:{size:"md"}}),si=ke("text-tertiary",{variants:{size:{"2xs":"px-1.5 py-1 text-5xs",xs:"px-2 py-1 text-4xs",sm:"px-2 py-1.5 text-3xs",md:"px-2.5 py-1.5 text-xs"}},defaultVariants:{size:"md"}}),li=ke("h-px bg-foreground/10",{variants:{size:{"2xs":"-mx-0.5 my-0.5",xs:"-mx-1 my-1",sm:"-mx-1 my-1",md:"-mx-1 my-1"}},defaultVariants:{size:"md"}}),Ne=ri("md");function pi({...e}){return B(z.Root,{"data-slot":"menu",...e})}function di({...e}){return B(z.Trigger,{"data-slot":"menu-trigger",...e})}function st({...e}){return B(z.Portal,{"data-slot":"menu-portal",...e})}function lt({className:e,sideOffset:t=8,align:o="end",...r}){return B(z.Positioner,{"data-slot":"menu-positioner",sideOffset:t,align:o,className:i("z-10110 outline-0",e),...r})}function ci({className:e,size:t="md",children:o,...r}){return B(st,{children:B(lt,{children:B(z.Popup,{"data-slot":"menu-content","data-size":t,className:i(ai({size:t}),e),...r,children:B(Ne.Provider,{value:t,children:o})})})})}function mi({className:e,...t}){let o=Ve(Ne);return B(z.Item,{"data-slot":"menu-item",className:i(ni({size:o}),e),...t})}function fi({className:e,...t}){let o=Ve(Ne);return B(z.Separator,{"data-slot":"menu-separator",className:i(li({size:o}),e),...t})}function ui({...e}){return B(z.Group,{"data-slot":"menu-group",...e})}function yi({className:e,...t}){let o=Ve(Ne);return B(z.GroupLabel,{"data-slot":"menu-group-label",className:i(si({size:o}),e),...t})}import{Dialog as ue}from"@base-ui/react/dialog";import{jsx as ye,jsxs as pt}from"react/jsx-runtime";function gi({open:e,onClose:t,closeIcon:o,fullScreen:r,disableBackdropClick:a,disableEscapeKeyDown:n,backdropBg:s="var(--color-underground)",className:p,style:b,children:R,...u}){return ye(ue.Root,{open:e,modal:!0,disablePointerDismissal:a,onOpenChange:(y,g)=>{y||n&&g.reason==="escape-key"||t?.()},children:pt(ue.Portal,{container:document.getElementById("app-container"),children:[ye(ue.Backdrop,{className:"fixed inset-0",style:{background:s,opacity:.9,zIndex:b?.zIndex}}),pt(ue.Popup,{className:i("fixed inset-0 flex items-center justify-center",!r&&"p-4",p),style:{...b,width:r?"100%":void 0,height:r?"100%":void 0},"aria-labelledby":u["aria-labelledby"],children:[o&&ye(ue.Close,{render:ye(M,{"aria-label":"Close",variant:"ghost",size:"icon-md",className:"absolute top-4 right-4"}),children:ye(w,{className:"fal fa-xmark"})}),R]})]})})}import{jsx as ze}from"react/jsx-runtime";var xi=({startingTransiton:e=!1,children:t,className:o,ref:r,...a})=>ze("aside",{ref:r,"data-slot":"panel",className:i("border border-primary/50 bg-ground/80 backdrop-blur-sm shadow-[0_10px_20px_-8px_rgba(0,0,0,.6)]","rounded-[1rem] [corner-shape:squircle]",e&&"starting:opacity-0 starting:translate-y-4 starting:scale-95 transition-all duration-350 ease-in-out","pointer-events-auto",o),...a,children:t}),hi=({children:e,className:t,...o})=>ze("header",{className:i("flex px-3 py-2",t),...o,children:e}),bi=({children:e,className:t,...o})=>ze("h2",{className:i("text-[.7rem] text-secondary font-normal tracking-wider uppercase",t),...o,children:e});import{Popover as J}from"@base-ui/react/popover";import{jsx as j}from"react/jsx-runtime";function vi({...e}){return j(J.Root,{"data-slot":"popover",...e})}function Pi({...e}){return j(J.Trigger,{"data-slot":"popover-trigger",...e})}function wi({className:e,align:t="center",alignOffset:o=0,side:r="bottom",sideOffset:a=4,shadow:n,anchor:s,...p}){return j(J.Portal,{children:j(J.Positioner,{align:t,alignOffset:o,side:r,sideOffset:a,anchor:s,className:"z-10110",children:j(J.Popup,{"data-slot":"popover-content",className:i("border border-primary/50 bg-ground/80 backdrop-blur-sm ","rounded-[1rem] [corner-shape:squircle]","flex w-72 origin-(--transform-origin) flex-col gap-2.5 p-2.5 text-sm text-popover-foreground 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",n==="lg"?"shadow-[0_20px_15px_-12px_rgba(0,0,0,.35)]":"shadow-[0_10px_20px_-8px_rgba(0,0,0,.6)]",e),...p})})})}function Ci({className:e,...t}){return j("div",{"data-slot":"popover-header",className:i("flex flex-col gap-0.5 text-sm",e),...t})}function Ii({className:e,...t}){return j(J.Title,{"data-slot":"popover-title",className:i("font-medium",e),...t})}function Di({className:e,...t}){return j(J.Description,{"data-slot":"popover-description",className:i("text-muted-foreground",e),...t})}import{jsx as Ti}from"react/jsx-runtime";var Si=({direction:e="horizontal",children:t,className:o,ref:r})=>Ti("div",{ref:r,className:i(e==="horizontal"?"overflow-x-auto":"overflow-y-auto",e==="horizontal"?"[-webkit-mask-image:linear-gradient(to_right,transparent,black_16px,black_calc(100%-16px),transparent)]":"[-webkit-mask-image:linear-gradient(to_bottom,transparent,black_16px,black_calc(100%-16px),transparent)]",e==="horizontal"?"mask-[linear-gradient(to_right,transparent,black_16px,black_calc(100%-16px),transparent)]":"mask-[linear-gradient(to_bottom,transparent,black_16px,black_calc(100%-16px),transparent)]",o),children:t});import{Fragment as Ri,useMemo as ki}from"react";import{Slider as te}from"@base-ui/react/slider";import{cva as ge}from"class-variance-authority";import{jsx as G,jsxs as Fe}from"react/jsx-runtime";var Ni=ge(["flex [--slider-accent:var(--color-accent)] data-readonly:[--slider-accent:var(--color-tertiary)]","data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-col data-[orientation=vertical]:h-full","data-disabled:opacity-50 data-disabled:cursor-not-allowed"],{variants:{size:{"2xs":"text-3xs [--slider-bar:--spacing(5)] [--slider-thumb:--spacing(2.5)]",xs:"text-2xs [--slider-bar:--spacing(6)] [--slider-thumb:--spacing(3)]",sm:"text-xs [--slider-bar:--spacing(7)] [--slider-thumb:--spacing(3.5)]",md:"text-sm [--slider-bar:--spacing(8)] [--slider-thumb:--spacing(4)]"}},defaultVariants:{size:"md"}}),Li=ge("relative flex touch-none items-center select-none data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-32 data-[orientation=vertical]:flex-col",{variants:{variant:{default:["data-[orientation=horizontal]:h-(--slider-bar) data-[orientation=vertical]:w-(--slider-bar)","not-data-disabled:cursor-col-resize not-data-disabled:data-[orientation=vertical]:cursor-row-resize"],classic:"data-[orientation=horizontal]:h-(--slider-thumb) data-[orientation=vertical]:w-(--slider-thumb)"}},defaultVariants:{variant:"default"}}),Mi=ge("relative data-[orientation=horizontal]:w-full data-[orientation=vertical]:grow",{variants:{variant:{default:["overflow-hidden rounded-md bg-neutral-0/10","data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full","has-focus-visible:ring-[3px] has-focus-visible:ring-(--slider-accent)/50"],classic:"rounded-full bg-neutral-0/20 data-[orientation=horizontal]:h-1 data-[orientation=vertical]:w-1"}},defaultVariants:{variant:"default"}}),_i=ge("",{variants:{variant:{default:"bg-(--slider-accent)/50",classic:"rounded-full bg-(--slider-accent)"}},defaultVariants:{variant:"default"}}),Bi=ge("block outline-0",{variants:{variant:{default:"bg-(--slider-accent) data-[orientation=horizontal]:h-full data-[orientation=horizontal]:w-px data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full",classic:["size-(--slider-thumb) cursor-grab rounded-full bg-neutral-0 shadow-sm transition-shadow","data-dragging:cursor-grabbing data-disabled:cursor-not-allowed","has-focus-visible:ring-[3px] has-focus-visible:ring-(--slider-accent)/50"]}},defaultVariants:{variant:"default"}});function Ai({markers:e,min:t,max:o,orientation:r,variant:a,format:n,locale:s}){let p=ki(()=>new Intl.NumberFormat(s,n),[s,n]),b=r==="vertical",R=a==="classic"?"var(--slider-thumb)":"1px";return G("div",{"aria-hidden":!0,"data-slot":"slider-markers","data-orientation":r,className:i("grid text-[0.8em] leading-none text-tertiary tabular-nums select-none *:relative",b?"grid-cols-[auto_auto] grid-rows-1 gap-x-1 pl-1":"grid-rows-[auto_auto] gap-y-0.5 pt-1"),children:e.map(u=>{let y=(u-t)/(o-t)*100,g=`calc(${R} / 2 + ${y/100} * (100% - ${R}))`;return Fe(Ri,{children:[G("span",{"data-slot":"slider-marker-tick",className:i("bg-current [grid-area:1/1]",b?"h-px w-1 self-end":"h-1 w-px justify-self-start"),style:b?{bottom:g,translate:"0 50%"}:{left:g,translate:"-50%"}}),G("span",{"data-slot":"slider-marker-label",className:b?"[grid-area:1/2] self-end":"[grid-area:2/1] justify-self-start",style:b?{bottom:g,translate:"0 50%"}:{left:g,translate:`-${y}%`},children:p.format(u)})]},u)})})}function Ei({className:e,variant:t="default",size:o="md",value:r,defaultValue:a,min:n=0,max:s=100,orientation:p="horizontal",format:b,locale:R,markers:u,readOnly:y=!1,onValueChange:g,"aria-label":c,getAriaLabel:P,...v}){let C=r??a,h=Array.isArray(C)?C.length:1;return Fe(te.Root,{"data-slot":"slider","data-variant":t,"data-size":o,"data-readonly":y||void 0,value:r,defaultValue:a,min:n,max:s,orientation:p,format:b,locale:R,thumbAlignment:"edge",onValueChange:(m,l)=>{if(y){l.cancel();return}g?.(m,l)},className:i(Ni({size:o}),e),...v,children:[G(te.Control,{"data-slot":"slider-control",className:i(Li({variant:t}),y&&"pointer-events-none"),children:Fe(te.Track,{"data-slot":"slider-track",className:Mi({variant:t}),children:[G(te.Indicator,{"data-slot":"slider-indicator",className:_i({variant:t})}),t==="default"&&G(te.Value,{"data-slot":"slider-value",className:i("pointer-events-none absolute inset-0 z-10 flex items-center px-2 text-primary tabular-nums","data-[orientation=vertical]:items-end data-[orientation=vertical]:justify-center data-[orientation=vertical]:px-0 data-[orientation=vertical]:pb-1")}),Array.from({length:h},(m,l)=>G(te.Thumb,{index:l,"aria-label":c,getAriaLabel:P,inputRef:x=>{y?x?.setAttribute("aria-readonly","true"):x?.removeAttribute("aria-readonly")},"data-slot":"slider-thumb",className:Bi({variant:t})},l))]})}),u&&G(Ai,{markers:u,min:n,max:s,orientation:p,variant:t,format:b,locale:R})]})}import{Switch as dt}from"@base-ui/react/switch";import{jsx as ct}from"react/jsx-runtime";function Ui({className:e,disabled:t,...o}){return ct(dt.Root,{"data-slot":"switch",className:i("inline-flex h-5 w-8 shrink-0 cursor-pointer items-center rounded-full border border-transparent bg-neutral-0/20 p-0.5 transition-colors outline-0","focus-visible:ring-[3px] focus-visible:ring-ring/50","data-disabled:opacity-50 data-disabled:cursor-not-allowed","data-checked:bg-accent",e),"data-disabled":t,...o,children:ct(dt.Thumb,{"data-slot":"switch-thumb",className:"block size-4 rounded-full bg-neutral-0 opacity-50 data-checked:opacity-100 shadow-sm transition-[translate,opacity] data-checked:translate-x-3"})})}import{jsx as qi}from"react/jsx-runtime";var Oi=({children:e,className:t,as:o})=>qi(o||"div",{className:i("flex rounded-full bg-neutral-1000/10 light:bg-neutral-1000/30 backdrop-blur-sm filter-[drop-shadow(2px_4px_8px_rgb(0_0_0/0.6))] light:filter-[drop-shadow(2px_4px_8px_rgb(0_0_0/0.4))]",t),children:e});import{forwardRef as Vi}from"react";import{jsx as Fi}from"react/jsx-runtime";var zi=Vi(function({fullWidth:t,fullHeight:o,vertical:r,vCenter:a,hCenter:n,opposite:s,gapRight:p,gapBottom:b,className:R,style:u,...y},g){let c=!!r,P=p??b,v=c?n?"center":void 0:a?"center":void 0,C=s?"space-between":c?a?"center":void 0:n?"center":void 0;return Fi("div",{ref:g,className:i("flex",c?"flex-col":"flex-row",t&&"w-full",o&&"h-full",R),style:{alignItems:v,justifyContent:C,gap:P!==void 0?`${P}rem`:void 0,...u},...y})});import{createContext as $i,useContext as ji,useRef as $e}from"react";import{Tabs as oe}from"@base-ui/react/tabs";import{cva as yt}from"class-variance-authority";import{jsx as O,jsxs as xt}from"react/jsx-runtime";function Gi({className:e,orientation:t="horizontal",...o}){return O(oe.Root,{"data-slot":"tabs","data-orientation":t,className:i("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",e),...o})}var gt=yt("relative inline-flex w-fit items-center justify-center rounded-lg text-secondary group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",{variants:{variant:{default:"bg-muted",segment:"text-white/85 border border-white/40 rounded-full",line:"gap-1 bg-transparent rounded-none"},size:{"2xs":"p-[2px] text-2xs group-data-[orientation=horizontal]/tabs:h-6",xs:"p-[2px] text-xs group-data-[orientation=horizontal]/tabs:h-6",sm:"p-[2px] text-sm group-data-[orientation=horizontal]/tabs:h-7",md:"p-[2px] text-md group-data-[orientation=horizontal]/tabs:h-8"}},defaultVariants:{variant:"default",size:"md"}}),Hi=yt(i("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 px-1.5 py-0.5","rounded-md border border-transparent whitespace-nowrap transition-all cursor-pointer","group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start","hover:text-primary focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring","disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50","has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1","[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"),{variants:{variant:{default:"text-tertiary data-active:text-primary data-active:bg-background",segment:"text-inherit data-active:text-black",line:i("text-inherit data-active:text-primary","after:absolute after:bg-foreground after:opacity-0 after:transition-opacity data-active:after:opacity-100","group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5","group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5")},size:{"2xs":"",xs:"",sm:"gap-1 py-0 text-xs",md:""}},defaultVariants:{variant:"default",size:"md"}}),je=$i({variant:"default",size:"md"}),Zi=6;function Wi(e){let t=e.getBoundingClientRect();return Array.from(e.querySelectorAll('[data-slot="tabs-trigger"]')).map(o=>{let r=o.getBoundingClientRect();return{el:o,left:r.left-t.left,width:r.width}})}function mt(e,t){let o=t[0],r=t[t.length-1],a=Math.min(Math.max(e,o.left),r.left);for(let n=0;n<t.length-1;n++){let s=t[n],p=t[n+1];if(a>=s.left&&a<=p.left){let b=(a-s.left)/(p.left-s.left||1);return{left:a,width:s.width+b*(p.width-s.width)}}}return{left:a,width:a===o.left?o.width:r.width}}function Xi(e,t){return t.reduce((o,r)=>{let a=r.left+r.width/2,n=o.left+o.width/2;return Math.abs(e-a)<Math.abs(e-n)?r:o})}var Yi=[255,255,255,.85],Ji=[0,0,0,1];function Ki(e){let t=Math.min(Math.max(e,0),1),[o,r,a,n]=Yi.map((s,p)=>s+(Ji[p]-s)*t);return`rgba(${o}, ${r}, ${a}, ${n})`}function Qi(e,t,o){let r=Math.min(e+t,o.left+o.width)-Math.max(e,o.left);return Math.max(0,r)/o.width}function ft(e,t,o){for(let r of o)r.el.style.color=Ki(Qi(e,t,r))}function ut(e){for(let t of e)t.el.style.transition="",t.el.style.color=""}function er({swipeable:e=!1,variant:t="default",...o}){return e&&t==="segment"?O(or,{...o}):O(tr,{variant:t,...o})}function tr({className:e,variant:t="default",size:o="md",children:r,...a}){return xt(oe.List,{"data-slot":"tabs-list","data-variant":t,"data-size":o,className:i(gt({variant:t,size:o}),e),...a,children:[O(je.Provider,{value:{variant:t,size:o},children:r}),t==="segment"&&O(Ge,{})]})}function or({className:e,size:t="md",children:o,...r}){let a=$e(null),n=$e(null),s=$e(null),p=()=>a.current?.querySelector('[data-slot="tabs-indicator"]'),b=()=>{let c=p();c&&(c.style.transition="",c.style.translate="",c.style.width="")},R=()=>{let c=s.current;c&&(c.indicator.removeEventListener("transitionend",c.handler),clearTimeout(c.timeoutId),s.current=null)},u=c=>{if(c.pointerType!=="touch")return;R();let P=a.current,v=P?.querySelector('[data-slot="tabs-trigger"][data-active]');if(!P||!v)return;let C=Wi(P),h=C.find(m=>m.el===v);h&&(n.current={pointerId:c.pointerId,startX:c.clientX,isDragging:!1,activeLeft:h.left,activeEl:v,triggers:C})},y=c=>{let P=n.current;if(!P||c.pointerId!==P.pointerId)return;let v=c.clientX-P.startX;if(!P.isDragging){if(Math.abs(v)<Zi)return;P.isDragging=!0,a.current?.setPointerCapture(c.pointerId);let l=p();l&&(l.style.transition="none");for(let x of P.triggers)x.el.style.transition="none"}c.preventDefault();let C=p();if(!C)return;let{left:h,width:m}=mt(P.activeLeft+v,P.triggers);C.style.translate=`${h}px`,C.style.width=`${m}px`,ft(h,m,P.triggers)},g=(c,P)=>{let v=n.current;if(!v||c.pointerId!==v.pointerId||(n.current=null,!v.isDragging))return;a.current?.releasePointerCapture(c.pointerId);let C=p();if(!P||!C){b(),ut(v.triggers);return}let h=c.clientX-v.startX,{left:m,width:l}=mt(v.activeLeft+h,v.triggers),x=Xi(m+l/2,v.triggers);C.style.transition="",C.style.translate=`${x.left}px`,C.style.width=`${x.width}px`;for(let H of v.triggers)H.el.style.transition="";ft(x.left,x.width,v.triggers),x.el!==v.activeEl&&x.el.click();let D=()=>{b(),ut(v.triggers)};C.addEventListener("transitionend",D,{once:!0});let F=window.setTimeout(()=>{s.current=null,D()},200);s.current={indicator:C,handler:D,timeoutId:F}};return xt(oe.List,{ref:a,"data-slot":"tabs-list","data-variant":"segment","data-size":t,className:i(gt({variant:"segment",size:t}),"touch-pan-y",e),onPointerDown:u,onPointerMove:y,onPointerUp:c=>g(c,!0),onPointerCancel:c=>g(c,!1),...r,children:[O(je.Provider,{value:{variant:"segment",size:t},children:o}),O(Ge,{})]})}function Ge({className:e,...t}){return O(oe.Indicator,{"data-slot":"tabs-indicator",className:i("absolute z-[-1] h-[calc(100%-4px)]! rounded-full bg-white transition-[translate,width] duration-200 ease-in-out","group-data-[orientation=horizontal]/tabs:top-0.5 group-data-[orientation=horizontal]/tabs:left-0 group-data-[orientation=horizontal]/tabs:h-full group-data-[orientation=horizontal]/tabs:w-(--active-tab-width) group-data-[orientation=horizontal]/tabs:translate-x-(--active-tab-left)","group-data-[orientation=vertical]/tabs:top-0.5 group-data-[orientation=vertical]/tabs:left-0 group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:h-(--active-tab-height) group-data-[orientation=vertical]/tabs:translate-y-(--active-tab-top)",e),...t})}function ir({className:e,...t}){let{variant:o,size:r}=ji(je);return O(oe.Tab,{"data-slot":"tabs-trigger",className:i(Hi({variant:o,size:r}),e),...t})}function rr({className:e,...t}){return O(oe.Panel,{"data-slot":"tabs-content",className:i("flex-1 text-sm outline-0",e),...t})}import{jsx as sr}from"react/jsx-runtime";var ar={title1:{className:"text-2xl font-semibold",as:"h1"},title2:{className:"text-xl font-semibold",as:"h2"},body1:{className:"text-base",as:"p"},body2:{className:"text-sm",as:"p"},body3:{className:"text-xs",as:"p"}};function nr({as:e,format:t,color:o,align:r,className:a,...n}){let s=t?ar[t]:void 0,p=e??s?.as??"p";return sr(p,{className:i(s?.className,o==="secondary"&&"text-tertiary",r==="left"&&"text-left",r==="center"&&"text-center",r==="right"&&"text-right",a),...n})}import{jsx as ht,jsxs as pr}from"react/jsx-runtime";var lr=({isOn:e,onToggle:t,size:o="sm",disabled:r,className:a})=>pr(M,{variant:"ghost",size:o,onClick:t,disabled:r,"aria-pressed":e,className:a,children:[e&&ht(w,{className:"fas fa-check starting:translate-x-4 starting:opacity-0 transition-all duration-150"}),ht("span",{className:i(e?"text-primary":"text-tertiary"),children:e?"ON":"OFF"})]});import{Tooltip as K}from"@base-ui/react/tooltip";import{jsx as ie,jsxs as ur}from"react/jsx-runtime";function dr({delay:e=0,...t}){return ie(K.Provider,{"data-slot":"tooltip-provider",delay:e,...t})}function cr({...e}){return ie(K.Root,{"data-slot":"tooltip",...e})}function mr({...e}){return ie(K.Trigger,{"data-slot":"tooltip-trigger",...e})}function fr({className:e,side:t="top",sideOffset:o=4,align:r="center",alignOffset:a=0,children:n,...s}){return ie(K.Portal,{children:ie(K.Positioner,{align:r,alignOffset:a,side:t,sideOffset:o,className:"isolate z-50",children:ur(K.Popup,{"data-slot":"tooltip-content",className:i("z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 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-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 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",e),...s,children:[n,ie(K.Arrow,{className:"z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5"})]})})})}export{lo as Accordion,mo as AccordionContent,po as AccordionItem,co as AccordionTrigger,Mt as AppIcon,ro as AssetIcon,No as Badge,xo as BottomSheet,vo as BottomSheetClose,Co as BottomSheetContent,To as BottomSheetDescription,Do as BottomSheetFooter,Io as BottomSheetHeader,So as BottomSheetTitle,ho as BottomSheetTrigger,M as Button,Mo as ButtonTile,Bo as DataItem,Uo as DataItemDescription,Ao as DataItemLabel,Eo as DataItemTitle,Oo as DataItemValue,Vo as Dialog,jo as DialogContent,Wo as DialogDescription,Ho as DialogFooter,Go as DialogHeader,Zo as DialogTitle,zo as DialogTrigger,Xo as DotPing,Jo as EmptyState,pe as EntityComponentBadge,Ae as EntityComponentIcon,jt as EntityRecipe,Wt as GlowEffect,w as Icon,so as IconAssetScene,Ko as IslandPanel,Yt as IsometricSchema,ei as Kbd,oi as Loader,Jt as Logo3dverse,Oe as Logo3dverseRocket,pi as Menu,ci as MenuContent,ui as MenuGroup,yi as MenuGroupLabel,mi as MenuItem,st as MenuPortal,lt as MenuPositioner,fi as MenuSeparator,di as MenuTrigger,gi as Modal,Oi as OverlayContainer,xi as Panel,hi as PanelHeader,bi as PanelTitle,vi as Popover,wi as PopoverContent,Di as PopoverDescription,Ci as PopoverHeader,Ii as PopoverTitle,Pi as PopoverTrigger,Si as ScrollableArea,Ei as Slider,Qt as Spinner,zi as Stack,Ui as Switch,Gi as Tabs,rr as TabsContent,Ge as TabsIndicator,er as TabsList,ir as TabsTrigger,nr as Text,lr as ToggleButton,cr as Tooltip,fr as TooltipContent,dr as TooltipProvider,mr as TooltipTrigger,se as appIconShapes,i as cn};
|
|
17
17
|
//# sourceMappingURL=index.mjs.map
|