@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.cjs
CHANGED
|
@@ -13,5 +13,5 @@
|
|
|
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 _({as:e,className:t,variant:o="default",size:r="md",round:a=!1,active:n=!1,children:l,...d}){return(0,Rt.jsx)(!e||e==="button"?St.Button:e,{"data-slot":"button",className:i(wi({variant:o,size:r,round:a,active:n}),t),"data-active":n,...d,children:l})}var P=require("react/jsx-runtime");function kt({swipeDirection:e="down",closeOnBlur:t=!0,...o}){return(0,P.jsx)(O.Drawer.Root,{"data-slot":"bottom-sheet",swipeDirection:e,disablePointerDismissal:!t,...o})}function Nt({...e}){return(0,P.jsx)(O.Drawer.Trigger,{"data-slot":"bottom-sheet-trigger",...e})}function Ci({...e}){return(0,P.jsx)(O.Drawer.Portal,{"data-slot":"bottom-sheet-portal",...e})}function Lt({...e}){return(0,P.jsx)(O.Drawer.Close,{"data-slot":"bottom-sheet-close",...e})}function Ii({className:e,...t}){return(0,P.jsx)(O.Drawer.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 Di({className:e,...t}){return(0,P.jsx)(O.Drawer.Viewport,{"data-slot":"bottom-sheet-viewport",className:i("fixed inset-x-0 bottom-0 z-10110 flex justify-center outline-0",e),...t})}function Mt({className:e,children:t,showHandle:o=!0,showCloseButton:r=!1,showOverlay:a=!0,...n}){return(0,P.jsxs)(Ci,{children:[a&&(0,P.jsx)(Ii,{}),(0,P.jsx)(Di,{children:(0,P.jsxs)(O.Drawer.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&&(0,P.jsx)("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&&(0,P.jsxs)(O.Drawer.Close,{"data-slot":"bottom-sheet-close",render:(0,P.jsx)(_,{variant:"ghost",className:"absolute top-2 right-2",size:"icon-sm"}),children:[(0,P.jsx)(C,{className:"fas fa-xmark"}),(0,P.jsx)("span",{className:"sr-only",children:"Close"})]}),(0,P.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-x-0 top-full h-[30vh] bg-ground/50 backdrop-blur-lg"})]})})]})}function _t({className:e,...t}){return(0,P.jsx)("div",{"data-slot":"bottom-sheet-header",className:i("flex flex-col gap-2",e),...t})}function Bt({className:e,showCloseButton:t=!1,children:o,...r}){return(0,P.jsxs)("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&&(0,P.jsx)(O.Drawer.Close,{render:(0,P.jsx)(_,{variant:"outline"}),children:"Close"})]})}function At({className:e,...t}){return(0,P.jsx)(O.Drawer.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 Et({className:e,...t}){return(0,P.jsx)(O.Drawer.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})}var Ut=require("class-variance-authority");var qt=require("react/jsx-runtime"),Si=(0,Ut.cva)(["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 Ot({as:e,className:t,variant:o="default",size:r="2xs",...a}){return(0,qt.jsx)(e??"span",{"data-slot":"badge","data-variant":o,"data-size":r,className:i(Si({variant:o,size:r}),t),...a})}var Pe=require("react/jsx-runtime");function Vt({as:e,className:t,variant:o="ghost",size:r="md",orientation:a="vertical",round:n=!1,icon:l,rightComponent:d,isEnabled:b=!0,children:N,...u}){return(0,Pe.jsxs)(_,{...u,as:e,variant:o,size:r,round:n,className:i(t,b?"":"opacity-75"),children:[(0,Pe.jsxs)("div",{className:i("grow flex py-2",a==="inline"?"items-center gap-2":"gap-1.5 flex-col justify-between items-start"),children:[l&&(0,Pe.jsx)(C,{className:l,crossed:!b}),N]}),d]})}var Y=require("react/jsx-runtime"),zt=({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(0,Y.jsx)("fieldset",{className:i("flex gap-2 items-baseline justify-center w-full px-2.5",r,a,o),children:e})},Ft=({children:e,icon:t,className:o})=>(0,Y.jsxs)("div",{"data-slot":"data-item-label",className:i("relative grow flex py-2 items-baseline gap-3 text-balance",o),children:[t&&(0,Y.jsx)(C,{className:i("text-[88%] text-tertiary -translate-y-px",t)}),e]}),$t=({children:e,className:t})=>(0,Y.jsx)("p",{className:t,children:e}),jt=({children:e,className:t})=>(0,Y.jsx)("p",{className:i("my-px text-[88%] leading-tight text-tertiary",t),children:e}),Gt=({children:e,className:t})=>(0,Y.jsx)("div",{className:i("text-primary",t),children:e});var V=require("@base-ui/react/dialog");var T=require("react/jsx-runtime");function Ht({...e}){return(0,T.jsx)(V.Dialog.Root,{"data-slot":"dialog",...e})}function Zt({...e}){return(0,T.jsx)(V.Dialog.Trigger,{"data-slot":"dialog-trigger",...e})}function Ti({...e}){return(0,T.jsx)(V.Dialog.Portal,{"data-slot":"dialog-portal",...e})}function Ri({className:e,...t}){return(0,T.jsx)(V.Dialog.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 Wt({className:e,children:t,showCloseButton:o=!1,...r}){return(0,T.jsxs)(Ti,{children:[(0,T.jsx)(Ri,{}),(0,T.jsxs)(V.Dialog.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&&(0,T.jsxs)(V.Dialog.Close,{"data-slot":"dialog-close",render:(0,T.jsx)(_,{variant:"ghost",className:"absolute top-2 right-2",size:"icon-sm"}),children:[(0,T.jsx)(C,{className:"fal fa-xmark"}),(0,T.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})}function Xt({className:e,...t}){return(0,T.jsx)("div",{"data-slot":"dialog-header",className:i("flex flex-col gap-2",e),...t})}function Yt({className:e,showCloseButton:t=!1,children:o,...r}){return(0,T.jsxs)("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&&(0,T.jsx)(V.Dialog.Close,{render:(0,T.jsx)(_,{variant:"outline"}),children:"Close"})]})}function Jt({className:e,...t}){return(0,T.jsx)(V.Dialog.Title,{"data-slot":"dialog-title",className:i("font-heading text-base leading-none font-medium",e),...t})}function Kt({className:e,...t}){return(0,T.jsx)(V.Dialog.Description,{"data-slot":"dialog-description",className:i("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",e),...t})}var eo=require("react/jsx-runtime"),Qt=({className:e,isActive:t})=>(0,eo.jsx)("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)});var J=require("react/jsx-runtime"),to=({icon:e,title:t,description:o,variant:r="default",className:a})=>(0,J.jsxs)("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&&(0,J.jsx)("div",{className:"flex shrink-0 items-center justify-center",children:(0,J.jsx)(C,{className:i(e,"text-2xl text-tertiary",r==="glow"&&"drop-shadow-[0_12px_6px_var(--color-bg-underground)]")})}),(0,J.jsxs)("div",{className:"flex flex-col gap-0.5",children:[t&&(0,J.jsx)("span",{className:"text-md",children:t}),o&&(0,J.jsx)("span",{className:"mt-px text-3xs text-tertiary font-normal",children:o})]})]});var io=require("react/jsx-runtime"),oo=({children:e,shadow:t="none",className:o,as:r,...a})=>(0,io.jsx)(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});var ao=require("react/jsx-runtime"),ro=({children:e,className:t})=>(0,ao.jsx)("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});var so=require("react/jsx-runtime");function no({className:e,...t}){return(0,so.jsx)(C,{className:i("fal fa-spinner size-6 animate-spin text-primary",e),...t})}var ue=require("react"),z=require("@base-ui/react/menu"),we=require("class-variance-authority");var E=require("react/jsx-runtime"),ki=(0,we.cva)(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=(0,we.cva)(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"}}),Li=(0,we.cva)("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"}}),Mi=(0,we.cva)("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"}}),Ee=(0,ue.createContext)("md");function lo({...e}){return(0,E.jsx)(z.Menu.Root,{"data-slot":"menu",...e})}function po({...e}){return(0,E.jsx)(z.Menu.Trigger,{"data-slot":"menu-trigger",...e})}function We({...e}){return(0,E.jsx)(z.Menu.Portal,{"data-slot":"menu-portal",...e})}function Xe({className:e,sideOffset:t=8,align:o="end",...r}){return(0,E.jsx)(z.Menu.Positioner,{"data-slot":"menu-positioner",sideOffset:t,align:o,className:i("z-10110 outline-0",e),...r})}function co({className:e,size:t="md",children:o,...r}){return(0,E.jsx)(We,{children:(0,E.jsx)(Xe,{children:(0,E.jsx)(z.Menu.Popup,{"data-slot":"menu-content","data-size":t,className:i(ki({size:t}),e),...r,children:(0,E.jsx)(Ee.Provider,{value:t,children:o})})})})}function mo({className:e,...t}){let o=(0,ue.useContext)(Ee);return(0,E.jsx)(z.Menu.Item,{"data-slot":"menu-item",className:i(Ni({size:o}),e),...t})}function fo({className:e,...t}){let o=(0,ue.useContext)(Ee);return(0,E.jsx)(z.Menu.Separator,{"data-slot":"menu-separator",className:i(Mi({size:o}),e),...t})}function uo({...e}){return(0,E.jsx)(z.Menu.Group,{"data-slot":"menu-group",...e})}function yo({className:e,...t}){let o=(0,ue.useContext)(Ee);return(0,E.jsx)(z.Menu.GroupLabel,{"data-slot":"menu-group-label",className:i(Li({size:o}),e),...t})}var ye=require("@base-ui/react/dialog");var $=require("react/jsx-runtime");function go({open:e,onClose:t,closeIcon:o,fullScreen:r,disableBackdropClick:a,disableEscapeKeyDown:n,backdropBg:l="var(--color-underground)",className:d,style:b,children:N,...u}){return(0,$.jsx)(ye.Dialog.Root,{open:e,modal:!0,disablePointerDismissal:a,onOpenChange:(y,g)=>{y||n&&g.reason==="escape-key"||t?.()},children:(0,$.jsxs)(ye.Dialog.Portal,{container:document.getElementById("app-container"),children:[(0,$.jsx)(ye.Dialog.Backdrop,{className:"fixed inset-0",style:{background:l,opacity:.9,zIndex:b?.zIndex}}),(0,$.jsxs)(ye.Dialog.Popup,{className:i("fixed inset-0 flex items-center justify-center",!r&&"p-4",d),style:{...b,width:r?"100%":void 0,height:r?"100%":void 0},"aria-labelledby":u["aria-labelledby"],children:[o&&(0,$.jsx)(ye.Dialog.Close,{render:(0,$.jsx)(_,{"aria-label":"Close",variant:"ghost",size:"icon-md",className:"absolute top-4 right-4"}),children:(0,$.jsx)(C,{className:"fal fa-xmark"})}),N]})]})})}var Ue=require("react/jsx-runtime"),xo=({startingTransiton:e=!1,children:t,className:o,ref:r,...a})=>(0,Ue.jsx)("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}),ho=({children:e,className:t,...o})=>(0,Ue.jsx)("header",{className:i("flex px-3 py-2",t),...o,children:e}),bo=({children:e,className:t,...o})=>(0,Ue.jsx)("h2",{className:i("text-[.7rem] text-secondary font-normal tracking-wider uppercase",t),...o,children:e});var K=require("@base-ui/react/popover");var j=require("react/jsx-runtime");function vo({...e}){return(0,j.jsx)(K.Popover.Root,{"data-slot":"popover",...e})}function Po({...e}){return(0,j.jsx)(K.Popover.Trigger,{"data-slot":"popover-trigger",...e})}function wo({className:e,align:t="center",alignOffset:o=0,side:r="bottom",sideOffset:a=4,shadow:n,anchor:l,...d}){return(0,j.jsx)(K.Popover.Portal,{children:(0,j.jsx)(K.Popover.Positioner,{align:t,alignOffset:o,side:r,sideOffset:a,anchor:l,className:"z-10110",children:(0,j.jsx)(K.Popover.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),...d})})})}function Co({className:e,...t}){return(0,j.jsx)("div",{"data-slot":"popover-header",className:i("flex flex-col gap-0.5 text-sm",e),...t})}function Io({className:e,...t}){return(0,j.jsx)(K.Popover.Title,{"data-slot":"popover-title",className:i("font-medium",e),...t})}function Do({className:e,...t}){return(0,j.jsx)(K.Popover.Description,{"data-slot":"popover-description",className:i("text-muted-foreground",e),...t})}var To=require("react/jsx-runtime"),So=({direction:e="horizontal",children:t,className:o,ref:r})=>(0,To.jsx)("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});var Oe=require("react"),pe=require("@base-ui/react/slider"),ge=require("class-variance-authority");var U=require("react/jsx-runtime"),_i=(0,ge.cva)(["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"}}),Bi=(0,ge.cva)("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"}}),Ai=(0,ge.cva)("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"}}),Ei=(0,ge.cva)("",{variants:{variant:{default:"bg-(--slider-accent)/50",classic:"rounded-full bg-(--slider-accent)"}},defaultVariants:{variant:"default"}}),Ui=(0,ge.cva)("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 Oi({markers:e,min:t,max:o,orientation:r,variant:a,format:n,locale:l}){let d=(0,Oe.useMemo)(()=>new Intl.NumberFormat(l,n),[l,n]),b=r==="vertical",N=a==="classic"?"var(--slider-thumb)":"1px";return(0,U.jsx)("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(${N} / 2 + ${y/100} * (100% - ${N}))`;return(0,U.jsxs)(Oe.Fragment,{children:[(0,U.jsx)("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%"}}),(0,U.jsx)("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:d.format(u)})]},u)})})}function Ro({className:e,variant:t="default",size:o="md",value:r,defaultValue:a,min:n=0,max:l=100,orientation:d="horizontal",format:b,locale:N,markers:u,readOnly:y=!1,onValueChange:g,"aria-label":c,getAriaLabel:w,...v}){let I=r??a,h=Array.isArray(I)?I.length:1;return(0,U.jsxs)(pe.Slider.Root,{"data-slot":"slider","data-variant":t,"data-size":o,"data-readonly":y||void 0,value:r,defaultValue:a,min:n,max:l,orientation:d,format:b,locale:N,thumbAlignment:"edge",onValueChange:(m,p)=>{if(y){p.cancel();return}g?.(m,p)},className:i(_i({size:o}),e),...v,children:[(0,U.jsx)(pe.Slider.Control,{"data-slot":"slider-control",className:i(Bi({variant:t}),y&&"pointer-events-none"),children:(0,U.jsxs)(pe.Slider.Track,{"data-slot":"slider-track",className:Ai({variant:t}),children:[(0,U.jsx)(pe.Slider.Indicator,{"data-slot":"slider-indicator",className:Ei({variant:t})}),t==="default"&&(0,U.jsx)(pe.Slider.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,p)=>(0,U.jsx)(pe.Slider.Thumb,{index:p,"aria-label":c,getAriaLabel:w,inputRef:x=>{y?x?.setAttribute("aria-readonly","true"):x?.removeAttribute("aria-readonly")},"data-slot":"slider-thumb",className:Ui({variant:t})},p))]})}),u&&(0,U.jsx)(Oi,{markers:u,min:n,max:l,orientation:d,variant:t,format:b,locale:N})]})}var Ye=require("@base-ui/react/switch");var Je=require("react/jsx-runtime");function ko({className:e,disabled:t,...o}){return(0,Je.jsx)(Ye.Switch.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:(0,Je.jsx)(Ye.Switch.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"})})}var Lo=require("react/jsx-runtime"),No=({children:e,className:t,as:o})=>(0,Lo.jsx)(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});var Mo=require("react");var Bo=require("react/jsx-runtime"),_o=(0,Mo.forwardRef)(function({fullWidth:t,fullHeight:o,vertical:r,vCenter:a,hCenter:n,opposite:l,gapRight:d,gapBottom:b,className:N,style:u,...y},g){let c=!!r,w=d??b,v=c?n?"center":void 0:a?"center":void 0,I=l?"space-between":c?a?"center":void 0:n?"center":void 0;return(0,Bo.jsx)("div",{ref:g,className:i("flex",c?"flex-col":"flex-row",t&&"w-full",o&&"h-full",N),style:{alignItems:v,justifyContent:I,gap:w!==void 0?`${w}rem`:void 0,...u},...y})});var Q=require("react"),de=require("@base-ui/react/tabs"),Ke=require("class-variance-authority");var B=require("react/jsx-runtime");function Oo({className:e,orientation:t="horizontal",...o}){return(0,B.jsx)(de.Tabs.Root,{"data-slot":"tabs","data-orientation":t,className:i("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",e),...o})}var qo=(0,Ke.cva)("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"}}),qi=(0,Ke.cva)(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"}}),Qe=(0,Q.createContext)({variant:"default",size:"md"}),Vi=6;function zi(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 Ao(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 l=t[n],d=t[n+1];if(a>=l.left&&a<=d.left){let b=(a-l.left)/(d.left-l.left||1);return{left:a,width:l.width+b*(d.width-l.width)}}}return{left:a,width:a===o.left?o.width:r.width}}function Fi(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 $i=[255,255,255,.85],ji=[0,0,0,1];function Gi(e){let t=Math.min(Math.max(e,0),1),[o,r,a,n]=$i.map((l,d)=>l+(ji[d]-l)*t);return`rgba(${o}, ${r}, ${a}, ${n})`}function Hi(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 Eo(e,t,o){for(let r of o)r.el.style.color=Gi(Hi(e,t,r))}function Uo(e){for(let t of e)t.el.style.transition="",t.el.style.color=""}function Vo({swipeable:e=!1,variant:t="default",...o}){return e&&t==="segment"?(0,B.jsx)(Wi,{...o}):(0,B.jsx)(Zi,{variant:t,...o})}function Zi({className:e,variant:t="default",size:o="md",children:r,...a}){return(0,B.jsxs)(de.Tabs.List,{"data-slot":"tabs-list","data-variant":t,"data-size":o,className:i(qo({variant:t,size:o}),e),...a,children:[(0,B.jsx)(Qe.Provider,{value:{variant:t,size:o},children:r}),t==="segment"&&(0,B.jsx)(qe,{})]})}function Wi({className:e,size:t="md",children:o,...r}){let a=(0,Q.useRef)(null),n=(0,Q.useRef)(null),l=(0,Q.useRef)(null),d=()=>a.current?.querySelector('[data-slot="tabs-indicator"]'),b=()=>{let c=d();c&&(c.style.transition="",c.style.translate="",c.style.width="")},N=()=>{let c=l.current;c&&(c.indicator.removeEventListener("transitionend",c.handler),clearTimeout(c.timeoutId),l.current=null)},u=c=>{if(c.pointerType!=="touch")return;N();let w=a.current,v=w?.querySelector('[data-slot="tabs-trigger"][data-active]');if(!w||!v)return;let I=zi(w),h=I.find(m=>m.el===v);h&&(n.current={pointerId:c.pointerId,startX:c.clientX,isDragging:!1,activeLeft:h.left,activeEl:v,triggers:I})},y=c=>{let w=n.current;if(!w||c.pointerId!==w.pointerId)return;let v=c.clientX-w.startX;if(!w.isDragging){if(Math.abs(v)<Vi)return;w.isDragging=!0,a.current?.setPointerCapture(c.pointerId);let p=d();p&&(p.style.transition="none");for(let x of w.triggers)x.el.style.transition="none"}c.preventDefault();let I=d();if(!I)return;let{left:h,width:m}=Ao(w.activeLeft+v,w.triggers);I.style.translate=`${h}px`,I.style.width=`${m}px`,Eo(h,m,w.triggers)},g=(c,w)=>{let v=n.current;if(!v||c.pointerId!==v.pointerId||(n.current=null,!v.isDragging))return;a.current?.releasePointerCapture(c.pointerId);let I=d();if(!w||!I){b(),Uo(v.triggers);return}let h=c.clientX-v.startX,{left:m,width:p}=Ao(v.activeLeft+h,v.triggers),x=Fi(m+p/2,v.triggers);I.style.transition="",I.style.translate=`${x.left}px`,I.style.width=`${x.width}px`;for(let te of v.triggers)te.el.style.transition="";Eo(x.left,x.width,v.triggers),x.el!==v.activeEl&&x.el.click();let R=()=>{b(),Uo(v.triggers)};I.addEventListener("transitionend",R,{once:!0});let H=window.setTimeout(()=>{l.current=null,R()},200);l.current={indicator:I,handler:R,timeoutId:H}};return(0,B.jsxs)(de.Tabs.List,{ref:a,"data-slot":"tabs-list","data-variant":"segment","data-size":t,className:i(qo({variant:"segment",size:t}),"touch-pan-y",e),onPointerDown:u,onPointerMove:y,onPointerUp:c=>g(c,!0),onPointerCancel:c=>g(c,!1),...r,children:[(0,B.jsx)(Qe.Provider,{value:{variant:"segment",size:t},children:o}),(0,B.jsx)(qe,{})]})}function qe({className:e,...t}){return(0,B.jsx)(de.Tabs.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 zo({className:e,...t}){let{variant:o,size:r}=(0,Q.useContext)(Qe);return(0,B.jsx)(de.Tabs.Tab,{"data-slot":"tabs-trigger",className:i(qi({variant:o,size:r}),e),...t})}function Fo({className:e,...t}){return(0,B.jsx)(de.Tabs.Panel,{"data-slot":"tabs-content",className:i("flex-1 text-sm outline-0",e),...t})}var jo=require("react/jsx-runtime"),Xi={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 $o({as:e,format:t,color:o,align:r,className:a,...n}){let l=t?Xi[t]:void 0,d=e??l?.as??"p";return(0,jo.jsx)(d,{className:i(l?.className,o==="secondary"&&"text-tertiary",r==="left"&&"text-left",r==="center"&&"text-center",r==="right"&&"text-right",a),...n})}var Ce=require("react/jsx-runtime"),Go=({isOn:e,onToggle:t,size:o="sm",disabled:r,className:a})=>(0,Ce.jsxs)(_,{variant:"ghost",size:o,onClick:t,disabled:r,"aria-pressed":e,className:a,children:[e&&(0,Ce.jsx)(C,{className:"fas fa-check starting:translate-x-4 starting:opacity-0 transition-all duration-150"}),(0,Ce.jsx)("span",{className:i(!e&&"text-tertiary"),children:e?"ON":"OFF"})]});var ee=require("@base-ui/react/tooltip");var G=require("react/jsx-runtime");function Ho({delay:e=0,...t}){return(0,G.jsx)(ee.Tooltip.Provider,{"data-slot":"tooltip-provider",delay:e,...t})}function Zo({...e}){return(0,G.jsx)(ee.Tooltip.Root,{"data-slot":"tooltip",...e})}function Wo({...e}){return(0,G.jsx)(ee.Tooltip.Trigger,{"data-slot":"tooltip-trigger",...e})}function Xo({className:e,side:t="top",sideOffset:o=4,align:r="center",alignOffset:a=0,children:n,...l}){return(0,G.jsx)(ee.Tooltip.Portal,{children:(0,G.jsx)(ee.Tooltip.Positioner,{align:r,alignOffset:a,side:t,sideOffset:o,className:"isolate z-50",children:(0,G.jsxs)(ee.Tooltip.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),...l,children:[n,(0,G.jsx)(ee.Tooltip.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"})]})})})}
|
|
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 _({as:e,className:t,variant:o="default",size:r="md",round:a=!1,active:n=!1,children:l,...d}){return(0,Rt.jsx)(!e||e==="button"?St.Button:e,{"data-slot":"button",className:i(wi({variant:o,size:r,round:a,active:n}),t),"data-active":n,...d,children:l})}var P=require("react/jsx-runtime");function kt({swipeDirection:e="down",closeOnBlur:t=!0,...o}){return(0,P.jsx)(O.Drawer.Root,{"data-slot":"bottom-sheet",swipeDirection:e,disablePointerDismissal:!t,...o})}function Nt({...e}){return(0,P.jsx)(O.Drawer.Trigger,{"data-slot":"bottom-sheet-trigger",...e})}function Ci({...e}){return(0,P.jsx)(O.Drawer.Portal,{"data-slot":"bottom-sheet-portal",...e})}function Lt({...e}){return(0,P.jsx)(O.Drawer.Close,{"data-slot":"bottom-sheet-close",...e})}function Ii({className:e,...t}){return(0,P.jsx)(O.Drawer.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 Di({className:e,...t}){return(0,P.jsx)(O.Drawer.Viewport,{"data-slot":"bottom-sheet-viewport",className:i("fixed inset-x-0 bottom-0 z-10110 flex justify-center outline-0",e),...t})}function Mt({className:e,children:t,showHandle:o=!0,showCloseButton:r=!1,showOverlay:a=!0,...n}){return(0,P.jsxs)(Ci,{children:[a&&(0,P.jsx)(Ii,{}),(0,P.jsx)(Di,{children:(0,P.jsxs)(O.Drawer.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&&(0,P.jsx)("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&&(0,P.jsxs)(O.Drawer.Close,{"data-slot":"bottom-sheet-close",render:(0,P.jsx)(_,{variant:"ghost",className:"absolute top-2 right-2",size:"icon-sm"}),children:[(0,P.jsx)(C,{className:"fas fa-xmark"}),(0,P.jsx)("span",{className:"sr-only",children:"Close"})]}),(0,P.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-x-0 top-full h-[30vh] bg-ground/50 backdrop-blur-lg"})]})})]})}function _t({className:e,...t}){return(0,P.jsx)("div",{"data-slot":"bottom-sheet-header",className:i("flex flex-col gap-2",e),...t})}function Bt({className:e,showCloseButton:t=!1,children:o,...r}){return(0,P.jsxs)("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&&(0,P.jsx)(O.Drawer.Close,{render:(0,P.jsx)(_,{variant:"outline"}),children:"Close"})]})}function At({className:e,...t}){return(0,P.jsx)(O.Drawer.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 Et({className:e,...t}){return(0,P.jsx)(O.Drawer.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})}var Ut=require("class-variance-authority");var qt=require("react/jsx-runtime"),Si=(0,Ut.cva)(["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 Ot({as:e,className:t,variant:o="default",size:r="2xs",...a}){return(0,qt.jsx)(e??"span",{"data-slot":"badge","data-variant":o,"data-size":r,className:i(Si({variant:o,size:r}),t),...a})}var Pe=require("react/jsx-runtime");function Vt({as:e,className:t,variant:o="ghost",size:r="md",orientation:a="vertical",round:n=!1,icon:l,rightComponent:d,isEnabled:b=!0,children:N,...u}){return(0,Pe.jsxs)(_,{...u,as:e,variant:o,size:r,round:n,className:i(t,b?"":"opacity-75"),children:[(0,Pe.jsxs)("div",{className:i("grow flex py-2",a==="inline"?"items-center gap-2":"gap-1.5 flex-col justify-between items-start"),children:[l&&(0,Pe.jsx)(C,{className:l,crossed:!b}),N]}),d]})}var Y=require("react/jsx-runtime"),zt=({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(0,Y.jsx)("fieldset",{className:i("flex gap-2 items-baseline justify-center w-full px-2.5",r,a,o),children:e})},Ft=({children:e,icon:t,className:o})=>(0,Y.jsxs)("div",{"data-slot":"data-item-label",className:i("relative grow flex py-2 items-baseline gap-3 text-balance",o),children:[t&&(0,Y.jsx)(C,{className:i("text-[88%] text-tertiary -translate-y-px",t)}),e]}),$t=({children:e,className:t})=>(0,Y.jsx)("p",{className:t,children:e}),jt=({children:e,className:t})=>(0,Y.jsx)("p",{className:i("my-px text-[88%] leading-tight text-tertiary",t),children:e}),Gt=({children:e,className:t})=>(0,Y.jsx)("div",{className:i("text-primary",t),children:e});var V=require("@base-ui/react/dialog");var T=require("react/jsx-runtime");function Ht({...e}){return(0,T.jsx)(V.Dialog.Root,{"data-slot":"dialog",...e})}function Zt({...e}){return(0,T.jsx)(V.Dialog.Trigger,{"data-slot":"dialog-trigger",...e})}function Ti({...e}){return(0,T.jsx)(V.Dialog.Portal,{"data-slot":"dialog-portal",...e})}function Ri({className:e,...t}){return(0,T.jsx)(V.Dialog.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 Wt({className:e,children:t,showCloseButton:o=!1,...r}){return(0,T.jsxs)(Ti,{children:[(0,T.jsx)(Ri,{}),(0,T.jsxs)(V.Dialog.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&&(0,T.jsxs)(V.Dialog.Close,{"data-slot":"dialog-close",render:(0,T.jsx)(_,{variant:"ghost",className:"absolute top-2 right-2",size:"icon-sm"}),children:[(0,T.jsx)(C,{className:"fal fa-xmark"}),(0,T.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})}function Xt({className:e,...t}){return(0,T.jsx)("div",{"data-slot":"dialog-header",className:i("flex flex-col gap-2",e),...t})}function Yt({className:e,showCloseButton:t=!1,children:o,...r}){return(0,T.jsxs)("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&&(0,T.jsx)(V.Dialog.Close,{render:(0,T.jsx)(_,{variant:"outline"}),children:"Close"})]})}function Jt({className:e,...t}){return(0,T.jsx)(V.Dialog.Title,{"data-slot":"dialog-title",className:i("font-heading text-base leading-none font-medium",e),...t})}function Kt({className:e,...t}){return(0,T.jsx)(V.Dialog.Description,{"data-slot":"dialog-description",className:i("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",e),...t})}var eo=require("react/jsx-runtime"),Qt=({className:e,isActive:t})=>(0,eo.jsx)("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)});var J=require("react/jsx-runtime"),to=({icon:e,title:t,description:o,variant:r="default",className:a})=>(0,J.jsxs)("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&&(0,J.jsx)("div",{className:"flex shrink-0 items-center justify-center",children:(0,J.jsx)(C,{className:i(e,"text-2xl text-tertiary",r==="glow"&&"drop-shadow-[0_12px_6px_var(--color-bg-underground)]")})}),(0,J.jsxs)("div",{className:"flex flex-col gap-0.5",children:[t&&(0,J.jsx)("span",{className:"text-md",children:t}),o&&(0,J.jsx)("span",{className:"mt-px text-3xs text-tertiary font-normal",children:o})]})]});var io=require("react/jsx-runtime"),oo=({children:e,shadow:t="none",className:o,as:r,...a})=>(0,io.jsx)(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});var ao=require("react/jsx-runtime"),ro=({children:e,className:t})=>(0,ao.jsx)("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});var so=require("react/jsx-runtime");function no({className:e,...t}){return(0,so.jsx)(C,{className:i("fal fa-spinner size-6 animate-spin text-primary",e),...t})}var ue=require("react"),z=require("@base-ui/react/menu"),we=require("class-variance-authority");var E=require("react/jsx-runtime"),ki=(0,we.cva)(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=(0,we.cva)(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"}}),Li=(0,we.cva)("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"}}),Mi=(0,we.cva)("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"}}),Ee=(0,ue.createContext)("md");function lo({...e}){return(0,E.jsx)(z.Menu.Root,{"data-slot":"menu",...e})}function po({...e}){return(0,E.jsx)(z.Menu.Trigger,{"data-slot":"menu-trigger",...e})}function We({...e}){return(0,E.jsx)(z.Menu.Portal,{"data-slot":"menu-portal",...e})}function Xe({className:e,sideOffset:t=8,align:o="end",...r}){return(0,E.jsx)(z.Menu.Positioner,{"data-slot":"menu-positioner",sideOffset:t,align:o,className:i("z-10110 outline-0",e),...r})}function co({className:e,size:t="md",children:o,...r}){return(0,E.jsx)(We,{children:(0,E.jsx)(Xe,{children:(0,E.jsx)(z.Menu.Popup,{"data-slot":"menu-content","data-size":t,className:i(ki({size:t}),e),...r,children:(0,E.jsx)(Ee.Provider,{value:t,children:o})})})})}function mo({className:e,...t}){let o=(0,ue.useContext)(Ee);return(0,E.jsx)(z.Menu.Item,{"data-slot":"menu-item",className:i(Ni({size:o}),e),...t})}function fo({className:e,...t}){let o=(0,ue.useContext)(Ee);return(0,E.jsx)(z.Menu.Separator,{"data-slot":"menu-separator",className:i(Mi({size:o}),e),...t})}function uo({...e}){return(0,E.jsx)(z.Menu.Group,{"data-slot":"menu-group",...e})}function yo({className:e,...t}){let o=(0,ue.useContext)(Ee);return(0,E.jsx)(z.Menu.GroupLabel,{"data-slot":"menu-group-label",className:i(Li({size:o}),e),...t})}var ye=require("@base-ui/react/dialog");var $=require("react/jsx-runtime");function go({open:e,onClose:t,closeIcon:o,fullScreen:r,disableBackdropClick:a,disableEscapeKeyDown:n,backdropBg:l="var(--color-underground)",className:d,style:b,children:N,...u}){return(0,$.jsx)(ye.Dialog.Root,{open:e,modal:!0,disablePointerDismissal:a,onOpenChange:(y,g)=>{y||n&&g.reason==="escape-key"||t?.()},children:(0,$.jsxs)(ye.Dialog.Portal,{container:document.getElementById("app-container"),children:[(0,$.jsx)(ye.Dialog.Backdrop,{className:"fixed inset-0",style:{background:l,opacity:.9,zIndex:b?.zIndex}}),(0,$.jsxs)(ye.Dialog.Popup,{className:i("fixed inset-0 flex items-center justify-center",!r&&"p-4",d),style:{...b,width:r?"100%":void 0,height:r?"100%":void 0},"aria-labelledby":u["aria-labelledby"],children:[o&&(0,$.jsx)(ye.Dialog.Close,{render:(0,$.jsx)(_,{"aria-label":"Close",variant:"ghost",size:"icon-md",className:"absolute top-4 right-4"}),children:(0,$.jsx)(C,{className:"fal fa-xmark"})}),N]})]})})}var Ue=require("react/jsx-runtime"),xo=({startingTransiton:e=!1,children:t,className:o,ref:r,...a})=>(0,Ue.jsx)("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}),ho=({children:e,className:t,...o})=>(0,Ue.jsx)("header",{className:i("flex px-3 py-2",t),...o,children:e}),bo=({children:e,className:t,...o})=>(0,Ue.jsx)("h2",{className:i("text-[.7rem] text-secondary font-normal tracking-wider uppercase",t),...o,children:e});var K=require("@base-ui/react/popover");var j=require("react/jsx-runtime");function vo({...e}){return(0,j.jsx)(K.Popover.Root,{"data-slot":"popover",...e})}function Po({...e}){return(0,j.jsx)(K.Popover.Trigger,{"data-slot":"popover-trigger",...e})}function wo({className:e,align:t="center",alignOffset:o=0,side:r="bottom",sideOffset:a=4,shadow:n,anchor:l,...d}){return(0,j.jsx)(K.Popover.Portal,{children:(0,j.jsx)(K.Popover.Positioner,{align:t,alignOffset:o,side:r,sideOffset:a,anchor:l,className:"z-10110",children:(0,j.jsx)(K.Popover.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),...d})})})}function Co({className:e,...t}){return(0,j.jsx)("div",{"data-slot":"popover-header",className:i("flex flex-col gap-0.5 text-sm",e),...t})}function Io({className:e,...t}){return(0,j.jsx)(K.Popover.Title,{"data-slot":"popover-title",className:i("font-medium",e),...t})}function Do({className:e,...t}){return(0,j.jsx)(K.Popover.Description,{"data-slot":"popover-description",className:i("text-muted-foreground",e),...t})}var To=require("react/jsx-runtime"),So=({direction:e="horizontal",children:t,className:o,ref:r})=>(0,To.jsx)("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});var Oe=require("react"),pe=require("@base-ui/react/slider"),ge=require("class-variance-authority");var U=require("react/jsx-runtime"),_i=(0,ge.cva)(["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"}}),Bi=(0,ge.cva)("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"}}),Ai=(0,ge.cva)("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"}}),Ei=(0,ge.cva)("",{variants:{variant:{default:"bg-(--slider-accent)/50",classic:"rounded-full bg-(--slider-accent)"}},defaultVariants:{variant:"default"}}),Ui=(0,ge.cva)("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 Oi({markers:e,min:t,max:o,orientation:r,variant:a,format:n,locale:l}){let d=(0,Oe.useMemo)(()=>new Intl.NumberFormat(l,n),[l,n]),b=r==="vertical",N=a==="classic"?"var(--slider-thumb)":"1px";return(0,U.jsx)("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(${N} / 2 + ${y/100} * (100% - ${N}))`;return(0,U.jsxs)(Oe.Fragment,{children:[(0,U.jsx)("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%"}}),(0,U.jsx)("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:d.format(u)})]},u)})})}function Ro({className:e,variant:t="default",size:o="md",value:r,defaultValue:a,min:n=0,max:l=100,orientation:d="horizontal",format:b,locale:N,markers:u,readOnly:y=!1,onValueChange:g,"aria-label":c,getAriaLabel:w,...v}){let I=r??a,h=Array.isArray(I)?I.length:1;return(0,U.jsxs)(pe.Slider.Root,{"data-slot":"slider","data-variant":t,"data-size":o,"data-readonly":y||void 0,value:r,defaultValue:a,min:n,max:l,orientation:d,format:b,locale:N,thumbAlignment:"edge",onValueChange:(m,p)=>{if(y){p.cancel();return}g?.(m,p)},className:i(_i({size:o}),e),...v,children:[(0,U.jsx)(pe.Slider.Control,{"data-slot":"slider-control",className:i(Bi({variant:t}),y&&"pointer-events-none"),children:(0,U.jsxs)(pe.Slider.Track,{"data-slot":"slider-track",className:Ai({variant:t}),children:[(0,U.jsx)(pe.Slider.Indicator,{"data-slot":"slider-indicator",className:Ei({variant:t})}),t==="default"&&(0,U.jsx)(pe.Slider.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,p)=>(0,U.jsx)(pe.Slider.Thumb,{index:p,"aria-label":c,getAriaLabel:w,inputRef:x=>{y?x?.setAttribute("aria-readonly","true"):x?.removeAttribute("aria-readonly")},"data-slot":"slider-thumb",className:Ui({variant:t})},p))]})}),u&&(0,U.jsx)(Oi,{markers:u,min:n,max:l,orientation:d,variant:t,format:b,locale:N})]})}var Ye=require("@base-ui/react/switch");var Je=require("react/jsx-runtime");function ko({className:e,disabled:t,...o}){return(0,Je.jsx)(Ye.Switch.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:(0,Je.jsx)(Ye.Switch.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"})})}var Lo=require("react/jsx-runtime"),No=({children:e,className:t,as:o})=>(0,Lo.jsx)(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});var Mo=require("react");var Bo=require("react/jsx-runtime"),_o=(0,Mo.forwardRef)(function({fullWidth:t,fullHeight:o,vertical:r,vCenter:a,hCenter:n,opposite:l,gapRight:d,gapBottom:b,className:N,style:u,...y},g){let c=!!r,w=d??b,v=c?n?"center":void 0:a?"center":void 0,I=l?"space-between":c?a?"center":void 0:n?"center":void 0;return(0,Bo.jsx)("div",{ref:g,className:i("flex",c?"flex-col":"flex-row",t&&"w-full",o&&"h-full",N),style:{alignItems:v,justifyContent:I,gap:w!==void 0?`${w}rem`:void 0,...u},...y})});var Q=require("react"),de=require("@base-ui/react/tabs"),Ke=require("class-variance-authority");var B=require("react/jsx-runtime");function Oo({className:e,orientation:t="horizontal",...o}){return(0,B.jsx)(de.Tabs.Root,{"data-slot":"tabs","data-orientation":t,className:i("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",e),...o})}var qo=(0,Ke.cva)("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"}}),qi=(0,Ke.cva)(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"}}),Qe=(0,Q.createContext)({variant:"default",size:"md"}),Vi=6;function zi(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 Ao(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 l=t[n],d=t[n+1];if(a>=l.left&&a<=d.left){let b=(a-l.left)/(d.left-l.left||1);return{left:a,width:l.width+b*(d.width-l.width)}}}return{left:a,width:a===o.left?o.width:r.width}}function Fi(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 $i=[255,255,255,.85],ji=[0,0,0,1];function Gi(e){let t=Math.min(Math.max(e,0),1),[o,r,a,n]=$i.map((l,d)=>l+(ji[d]-l)*t);return`rgba(${o}, ${r}, ${a}, ${n})`}function Hi(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 Eo(e,t,o){for(let r of o)r.el.style.color=Gi(Hi(e,t,r))}function Uo(e){for(let t of e)t.el.style.transition="",t.el.style.color=""}function Vo({swipeable:e=!1,variant:t="default",...o}){return e&&t==="segment"?(0,B.jsx)(Wi,{...o}):(0,B.jsx)(Zi,{variant:t,...o})}function Zi({className:e,variant:t="default",size:o="md",children:r,...a}){return(0,B.jsxs)(de.Tabs.List,{"data-slot":"tabs-list","data-variant":t,"data-size":o,className:i(qo({variant:t,size:o}),e),...a,children:[(0,B.jsx)(Qe.Provider,{value:{variant:t,size:o},children:r}),t==="segment"&&(0,B.jsx)(qe,{})]})}function Wi({className:e,size:t="md",children:o,...r}){let a=(0,Q.useRef)(null),n=(0,Q.useRef)(null),l=(0,Q.useRef)(null),d=()=>a.current?.querySelector('[data-slot="tabs-indicator"]'),b=()=>{let c=d();c&&(c.style.transition="",c.style.translate="",c.style.width="")},N=()=>{let c=l.current;c&&(c.indicator.removeEventListener("transitionend",c.handler),clearTimeout(c.timeoutId),l.current=null)},u=c=>{if(c.pointerType!=="touch")return;N();let w=a.current,v=w?.querySelector('[data-slot="tabs-trigger"][data-active]');if(!w||!v)return;let I=zi(w),h=I.find(m=>m.el===v);h&&(n.current={pointerId:c.pointerId,startX:c.clientX,isDragging:!1,activeLeft:h.left,activeEl:v,triggers:I})},y=c=>{let w=n.current;if(!w||c.pointerId!==w.pointerId)return;let v=c.clientX-w.startX;if(!w.isDragging){if(Math.abs(v)<Vi)return;w.isDragging=!0,a.current?.setPointerCapture(c.pointerId);let p=d();p&&(p.style.transition="none");for(let x of w.triggers)x.el.style.transition="none"}c.preventDefault();let I=d();if(!I)return;let{left:h,width:m}=Ao(w.activeLeft+v,w.triggers);I.style.translate=`${h}px`,I.style.width=`${m}px`,Eo(h,m,w.triggers)},g=(c,w)=>{let v=n.current;if(!v||c.pointerId!==v.pointerId||(n.current=null,!v.isDragging))return;a.current?.releasePointerCapture(c.pointerId);let I=d();if(!w||!I){b(),Uo(v.triggers);return}let h=c.clientX-v.startX,{left:m,width:p}=Ao(v.activeLeft+h,v.triggers),x=Fi(m+p/2,v.triggers);I.style.transition="",I.style.translate=`${x.left}px`,I.style.width=`${x.width}px`;for(let te of v.triggers)te.el.style.transition="";Eo(x.left,x.width,v.triggers),x.el!==v.activeEl&&x.el.click();let R=()=>{b(),Uo(v.triggers)};I.addEventListener("transitionend",R,{once:!0});let H=window.setTimeout(()=>{l.current=null,R()},200);l.current={indicator:I,handler:R,timeoutId:H}};return(0,B.jsxs)(de.Tabs.List,{ref:a,"data-slot":"tabs-list","data-variant":"segment","data-size":t,className:i(qo({variant:"segment",size:t}),"touch-pan-y",e),onPointerDown:u,onPointerMove:y,onPointerUp:c=>g(c,!0),onPointerCancel:c=>g(c,!1),...r,children:[(0,B.jsx)(Qe.Provider,{value:{variant:"segment",size:t},children:o}),(0,B.jsx)(qe,{})]})}function qe({className:e,...t}){return(0,B.jsx)(de.Tabs.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 zo({className:e,...t}){let{variant:o,size:r}=(0,Q.useContext)(Qe);return(0,B.jsx)(de.Tabs.Tab,{"data-slot":"tabs-trigger",className:i(qi({variant:o,size:r}),e),...t})}function Fo({className:e,...t}){return(0,B.jsx)(de.Tabs.Panel,{"data-slot":"tabs-content",className:i("flex-1 text-sm outline-0",e),...t})}var jo=require("react/jsx-runtime"),Xi={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 $o({as:e,format:t,color:o,align:r,className:a,...n}){let l=t?Xi[t]:void 0,d=e??l?.as??"p";return(0,jo.jsx)(d,{className:i(l?.className,o==="secondary"&&"text-tertiary",r==="left"&&"text-left",r==="center"&&"text-center",r==="right"&&"text-right",a),...n})}var Ce=require("react/jsx-runtime"),Go=({isOn:e,onToggle:t,size:o="sm",disabled:r,className:a})=>(0,Ce.jsxs)(_,{variant:"ghost",size:o,onClick:t,disabled:r,"aria-pressed":e,className:a,children:[e&&(0,Ce.jsx)(C,{className:"fas fa-check starting:translate-x-4 starting:opacity-0 transition-all duration-150"}),(0,Ce.jsx)("span",{className:i(e?"text-primary":"text-tertiary"),children:e?"ON":"OFF"})]});var ee=require("@base-ui/react/tooltip");var G=require("react/jsx-runtime");function Ho({delay:e=0,...t}){return(0,G.jsx)(ee.Tooltip.Provider,{"data-slot":"tooltip-provider",delay:e,...t})}function Zo({...e}){return(0,G.jsx)(ee.Tooltip.Root,{"data-slot":"tooltip",...e})}function Wo({...e}){return(0,G.jsx)(ee.Tooltip.Trigger,{"data-slot":"tooltip-trigger",...e})}function Xo({className:e,side:t="top",sideOffset:o=4,align:r="center",alignOffset:a=0,children:n,...l}){return(0,G.jsx)(ee.Tooltip.Portal,{children:(0,G.jsx)(ee.Tooltip.Positioner,{align:r,alignOffset:a,side:t,sideOffset:o,className:"isolate z-50",children:(0,G.jsxs)(ee.Tooltip.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),...l,children:[n,(0,G.jsx)(ee.Tooltip.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"})]})})})}
|
|
17
17
|
//# sourceMappingURL=index.cjs.map
|