@reeverdev/ui 0.2.241 → 0.2.242

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.d.cts CHANGED
@@ -135,7 +135,6 @@ declare const colorMap: {
135
135
  readonly success: "bg-green-600 dark:bg-green-500";
136
136
  readonly warning: "bg-amber-600 dark:bg-amber-500";
137
137
  readonly danger: "bg-red-600 dark:bg-red-500";
138
- readonly info: "bg-blue-600 dark:bg-blue-500";
139
138
  };
140
139
  declare const sizeMap: {
141
140
  readonly sm: {
package/dist/index.d.ts CHANGED
@@ -135,7 +135,6 @@ declare const colorMap: {
135
135
  readonly success: "bg-green-600 dark:bg-green-500";
136
136
  readonly warning: "bg-amber-600 dark:bg-amber-500";
137
137
  readonly danger: "bg-red-600 dark:bg-red-500";
138
- readonly info: "bg-blue-600 dark:bg-blue-500";
139
138
  };
140
139
  declare const sizeMap: {
141
140
  readonly sm: {
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import*as Z from'react';import {createContext,useState,useEffect,useContext,useCallback,useRef,useMemo}from'react';import {cva}from'class-variance-authority';import {AlertCircle,AlertTriangle,CheckCircle2,Info,Minus,Check,X,ChevronDown,Search,ChevronRight,ChevronsUpDown,PanelLeft,PanelLeftOpen,PanelRightOpen,PanelLeftClose,PanelRightClose,EyeOff,Eye,Plus,Heart,Star,TrendingUp,TrendingDown,Upload,Clock,Menu,ExternalLink,ArrowUp,Circle,File,Folder,FolderOpen,Loader2,Copy,Calendar,ZoomOut,ZoomIn,RotateCw,Download,Minimize2,Maximize2,ChevronLeft,GripVertical,Moon,Sun,Monitor,MoreHorizontal,HelpCircle,Hash,User,Settings,ArrowRight,Play,Pause,SkipBack,SkipForward,VolumeX,Volume2,PictureInPicture,Minimize,Maximize,Shuffle,Repeat,Volume1,Printer,FileWarning,Image as Image$1,FileVideo,FileAudio,FileText,FileArchive,ChevronUp,ArrowDown}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import*as La from'react-dom';import {Toaster}from'sonner';export{toast}from'sonner';import {motion,AnimatePresence,useInView,useMotionValue,useTransform,animate,useScroll,useSpring}from'framer-motion';import {Drawer}from'vaul';import {DayPicker,useDayPicker}from'react-day-picker';import {getMonth,getYear,setMonth,setYear}from'date-fns';import {Command}from'cmdk';import {Panel,Group,Separator}from'react-resizable-panels';import {useSensors,useSensor,PointerSensor,KeyboardSensor,DndContext,closestCorners,DragOverlay,closestCenter}from'@dnd-kit/core';import {sortableKeyboardCoordinates,SortableContext,verticalListSortingStrategy,useSortable}from'@dnd-kit/sortable';import {CSS}from'@dnd-kit/utilities';import {HexColorPicker,HexColorInput}from'react-colorful';import {themes,Highlight}from'prism-react-renderer';import {ResponsiveContainer,LineChart,CartesianGrid,XAxis,YAxis,Tooltip,Legend,Line,BarChart,Bar,PieChart,Pie,Cell,AreaChart,Area}from'recharts';import dT from'embla-carousel-react';import vT,{centerCrop,makeAspectCrop}from'react-image-crop';import'react-image-crop/dist/ReactCrop.css';import MT from'react-qr-code';import {useTheme,ThemeProvider}from'next-themes';export{useTheme}from'next-themes';import ko from'canvas-confetti';function m(...e){return twMerge(clsx(e))}var vx=cva("relative w-full p-4",{variants:{variant:{solid:"border",bordered:"border bg-transparent",flat:""},type:{default:"",success:"",warning:"",error:""},radius:{none:"rounded-none",sm:"rounded-md",md:"rounded-lg",lg:"rounded-xl",full:"rounded-full"}},compoundVariants:[{variant:"solid",type:"default",className:"!border-primary bg-primary text-primary-foreground [&>svg]:text-primary-foreground"},{variant:"bordered",type:"default",className:"!border-primary text-primary [&>svg]:text-primary"},{variant:"flat",type:"default",className:"bg-primary/10 text-primary [&>svg]:text-primary"},{variant:"solid",type:"success",className:"!border-green-600 bg-green-600 text-white dark:!border-green-500 dark:bg-green-500 [&>svg]:text-white"},{variant:"bordered",type:"success",className:"!border-green-600 text-green-600 dark:!border-green-500 dark:text-green-500 [&>svg]:text-green-600 dark:[&>svg]:text-green-500"},{variant:"flat",type:"success",className:"bg-green-600/10 text-green-600 dark:bg-green-500/10 dark:text-green-500 [&>svg]:text-green-600 dark:[&>svg]:text-green-500"},{variant:"solid",type:"warning",className:"!border-amber-600 bg-amber-600 text-white dark:!border-amber-500 dark:bg-amber-500 [&>svg]:text-white"},{variant:"bordered",type:"warning",className:"!border-amber-600 text-amber-600 dark:!border-amber-500 dark:text-amber-500 [&>svg]:text-amber-600 dark:[&>svg]:text-amber-500"},{variant:"flat",type:"warning",className:"bg-amber-600/10 text-amber-600 dark:bg-amber-500/10 dark:text-amber-500 [&>svg]:text-amber-600 dark:[&>svg]:text-amber-500"},{variant:"solid",type:"error",className:"!border-red-600 bg-red-600 text-white dark:!border-red-500 dark:bg-red-500 [&>svg]:text-white"},{variant:"bordered",type:"error",className:"!border-red-600 text-red-600 dark:!border-red-500 dark:text-red-500 [&>svg]:text-red-600 dark:[&>svg]:text-red-500"},{variant:"flat",type:"error",className:"bg-red-600/10 text-red-600 dark:bg-red-500/10 dark:text-red-500 [&>svg]:text-red-600 dark:[&>svg]:text-red-500"}],defaultVariants:{variant:"solid",type:"default",radius:"md"}}),hx={default:Info,success:CheckCircle2,warning:AlertTriangle,error:AlertCircle},xx=Z.forwardRef(({className:e,variant:t="solid",type:n="default",radius:r="md",icon:o,hideIcon:a=false,endContent:s,children:i,...c},l)=>{let d=hx[n],u=!a,p=o!==void 0?o:d?jsx(d,{className:"h-4 w-4"}):null;return jsxs("div",{ref:l,role:"alert",className:m(vx({variant:t,type:n,radius:r}),s&&"flex items-center justify-between",e),...c,children:[jsxs("div",{className:"flex items-start gap-3",children:[u&&p&&jsx("span",{className:"mt-0.5 shrink-0",children:p}),jsx("div",{children:i})]}),s&&jsx("div",{className:"shrink-0 ml-4",children:s})]})});xx.displayName="Alert";var yx=Z.forwardRef(({className:e,...t},n)=>jsx("h5",{ref:n,className:m("mb-1 font-medium leading-none tracking-tight",e),...t}));yx.displayName="AlertTitle";var Rx=Z.forwardRef(({className:e,...t},n)=>jsx("div",{ref:n,className:m("text-sm [&_p]:leading-relaxed",e),...t}));Rx.displayName="AlertDescription";var wx=cva("absolute rounded-full flex items-center justify-center font-semibold",{variants:{variant:{solid:"",bordered:"border"},color:{default:"",success:"",warning:"",danger:"",info:""},size:{sm:"",md:"",lg:""},placement:{"top-right":"-top-1 -right-1","top-left":"-top-1 -left-1","bottom-right":"-bottom-1 -right-1","bottom-left":"-bottom-1 -left-1"}},compoundVariants:[{variant:"solid",color:"default",className:"bg-zinc-800 text-white dark:bg-zinc-200 dark:text-zinc-900"},{variant:"solid",color:"success",className:"bg-green-600 text-white dark:bg-green-500"},{variant:"solid",color:"warning",className:"bg-amber-600 text-white dark:bg-amber-500"},{variant:"solid",color:"danger",className:"bg-red-600 text-white dark:bg-red-500"},{variant:"solid",color:"info",className:"bg-blue-600 text-white dark:bg-blue-500"},{variant:"bordered",color:"default",className:"bg-white border-zinc-800 text-zinc-800 dark:bg-zinc-900 dark:border-zinc-200 dark:text-zinc-200"},{variant:"bordered",color:"success",className:"bg-white border-green-600 text-green-600 dark:bg-zinc-900 dark:border-green-500 dark:text-green-500"},{variant:"bordered",color:"warning",className:"bg-white border-amber-600 text-amber-600 dark:bg-zinc-900 dark:border-amber-500 dark:text-amber-500"},{variant:"bordered",color:"danger",className:"bg-white border-red-600 text-red-600 dark:bg-zinc-900 dark:border-red-500 dark:text-red-500"},{variant:"bordered",color:"info",className:"bg-white border-blue-600 text-blue-600 dark:bg-zinc-900 dark:border-blue-500 dark:text-blue-500"},{size:"sm",className:"min-w-4 h-4 text-[10px] px-1"},{size:"md",className:"min-w-5 h-5 text-xs px-1"},{size:"lg",className:"min-w-6 h-6 text-sm px-1.5"}],defaultVariants:{variant:"solid",color:"default",size:"md",placement:"top-right"}}),Cx={sm:"w-2 h-2",md:"w-2.5 h-2.5",lg:"w-3 h-3"},Tx={default:"bg-zinc-800 dark:bg-zinc-200",success:"bg-green-600 dark:bg-green-500",warning:"bg-amber-600 dark:bg-amber-500",danger:"bg-red-600 dark:bg-red-500",info:"bg-blue-600 dark:bg-blue-500"},Mx=Z.forwardRef(({className:e,children:t,content:n,variant:r="solid",color:o="default",size:a="md",placement:s="top-right",isDot:i=false,showPing:c=false,...l},d)=>jsxs("div",{ref:d,className:m("relative inline-flex",e),...l,children:[t,jsxs("span",{className:m(wx({variant:r,color:o,size:i?void 0:a,placement:s}),i&&Cx[a||"md"],i&&"min-w-0 p-0"),children:[c&&jsx("span",{className:m("absolute inset-0 rounded-full animate-ping opacity-75",Tx[o||"default"])}),!i&&n]})]}));Mx.displayName="Badge";var Nx=cva("inline-flex items-center gap-1 font-medium rounded-full",{variants:{color:{default:"bg-zinc-100 text-zinc-900 dark:bg-zinc-800 dark:text-white",success:"bg-green-600/20 text-green-700 dark:bg-green-500/20 dark:text-green-500",warning:"bg-amber-600/20 text-amber-700 dark:bg-amber-500/20 dark:text-amber-500",danger:"bg-red-600/20 text-red-700 dark:bg-red-500/20 dark:text-red-500",info:"bg-blue-600/20 text-blue-700 dark:bg-blue-500/20 dark:text-blue-500"},size:{sm:"px-2 py-0.5 text-[10px]",md:"px-2.5 py-0.5 text-xs",lg:"px-3 py-1 text-sm"}},defaultVariants:{color:"default",size:"md"}}),kx=Z.forwardRef(({className:e,color:t,size:n,...r},o)=>jsx("span",{ref:o,className:m(Nx({color:t,size:n}),e),...r}));kx.displayName="TextBadge";var Hc=cva("animate-spin",{variants:{size:{sm:"h-4 w-4",md:"h-6 w-6",lg:"h-8 w-8"},color:{default:"text-foreground",primary:"text-primary",muted:"text-muted-foreground",success:"text-success",warning:"text-warning",danger:"text-danger",white:"text-white"}},defaultVariants:{size:"md",color:"default"}}),Ex={sm:"text-xs",md:"text-sm",lg:"text-base"},ya=Z.forwardRef(({className:e,size:t="md",color:n,label:r="Loading",text:o,textPosition:a="right",customColor:s,...i},c)=>{let l=jsxs("svg",{className:m(Hc({size:t,color:s?void 0:n})),style:s?{color:s}:void 0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",role:"status","aria-label":r,children:[jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]});if(!o)return jsx("div",{ref:c,className:m("inline-flex",e),...i,children:l});let d=jsx("span",{className:m("text-muted-foreground",Ex[t]),children:o}),u=a==="top"||a==="bottom";return jsxs("div",{ref:c,className:m("inline-flex items-center",u?"flex-col gap-2":"flex-row gap-3",(a==="left"||a==="top")&&(u?"flex-col-reverse":"flex-row-reverse"),e),...i,children:[l,d]})});ya.displayName="Spinner";var Vc=cva("inline-flex",{variants:{variant:{default:"",attached:""},orientation:{horizontal:"flex-row",vertical:"flex-col"},spacing:{none:"gap-0",sm:"gap-1",md:"gap-2",lg:"gap-3"}},compoundVariants:[{variant:"attached",spacing:["sm","md","lg"],className:"gap-0"},{variant:"attached",orientation:"horizontal",className:"[&>*:not(:first-child):not(:last-child)]:rounded-none [&>*:first-child]:rounded-r-none [&>*:last-child]:rounded-l-none [&>*:not(:first-child)]:-ml-px"},{variant:"attached",orientation:"vertical",className:"[&>*:not(:first-child):not(:last-child)]:rounded-none [&>*:first-child]:rounded-b-none [&>*:last-child]:rounded-t-none [&>*:not(:first-child)]:-mt-px"}],defaultVariants:{variant:"default",orientation:"horizontal",spacing:"sm"}}),Ac=Z.createContext({});function ai(){return Z.useContext(Ac)}var zc=Z.forwardRef(({className:e,variant:t,orientation:n,spacing:r,disabled:o,children:a,...s},i)=>jsx(Ac.Provider,{value:{disabled:o},children:jsx("div",{ref:i,role:"group",className:m(Vc({variant:t,orientation:n,spacing:r,className:e})),...s,children:a})}));zc.displayName="ButtonGroup";var Wr=cva("inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-all duration-200 ease-out cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed active:scale-[0.97] [&_svg]:pointer-events-none [&_svg]:shrink-0",{variants:{variant:{solid:"",bordered:"border bg-transparent hover:opacity-70",light:"bg-transparent hover:bg-zinc-100 dark:hover:bg-zinc-800",flat:"bg-zinc-100 dark:bg-zinc-800 hover:opacity-70",ghost:"border border-zinc-300 dark:border-zinc-700 bg-transparent"},color:{default:"",success:"",warning:"",danger:"",info:""},size:{sm:"h-9 px-3 text-xs",md:"h-10 px-4",lg:"h-11 px-5 text-base"},radius:{none:"rounded-none",sm:"rounded-md",md:"rounded-lg",lg:"rounded-xl",full:"rounded-full"}},compoundVariants:[{variant:"solid",color:"default",className:"bg-zinc-800 text-white hover:bg-zinc-700 dark:bg-zinc-200 dark:text-zinc-900 dark:hover:bg-zinc-300"},{variant:"bordered",color:"default",className:"border-zinc-300 dark:border-zinc-700 text-zinc-900 dark:text-white"},{variant:"light",color:"default",className:"text-zinc-900 hover:bg-zinc-100 dark:text-white dark:hover:bg-zinc-800"},{variant:"flat",color:"default",className:"bg-zinc-100 text-zinc-900 dark:bg-zinc-800 dark:text-white"},{variant:"ghost",color:"default",className:"text-zinc-900 hover:bg-zinc-900 hover:text-white hover:border-zinc-900 dark:text-white dark:hover:bg-white dark:hover:text-zinc-900 dark:hover:border-white"},{variant:"solid",color:"success",className:"bg-green-600 text-white hover:bg-green-700 dark:bg-green-700 dark:text-white dark:hover:bg-green-600"},{variant:"bordered",color:"success",className:"border-green-600 dark:border-green-500 text-green-600 dark:text-green-500"},{variant:"light",color:"success",className:"text-green-600 hover:bg-green-600/10 dark:text-green-500 dark:hover:bg-green-500/10"},{variant:"flat",color:"success",className:"bg-green-600/20 text-green-700 dark:bg-green-500/20 dark:text-green-500"},{variant:"ghost",color:"success",className:"text-green-600 hover:bg-green-600 hover:text-white hover:border-green-600 dark:text-green-500 dark:hover:bg-green-500 dark:hover:text-white dark:hover:border-green-500"},{variant:"solid",color:"warning",className:"bg-amber-600 text-white hover:bg-amber-700 dark:bg-amber-700 dark:text-white dark:hover:bg-amber-600"},{variant:"bordered",color:"warning",className:"border-amber-600 dark:border-amber-500 text-amber-600 dark:text-amber-500"},{variant:"light",color:"warning",className:"text-amber-600 hover:bg-amber-600/10 dark:text-amber-500 dark:hover:bg-amber-500/10"},{variant:"flat",color:"warning",className:"bg-amber-600/20 text-amber-700 dark:bg-amber-500/20 dark:text-amber-500"},{variant:"ghost",color:"warning",className:"text-amber-600 hover:bg-amber-600 hover:text-white hover:border-amber-600 dark:text-amber-500 dark:hover:bg-amber-500 dark:hover:text-white dark:hover:border-amber-500"},{variant:"solid",color:"danger",className:"bg-red-600 text-white hover:bg-red-700 dark:bg-red-700 dark:text-white dark:hover:bg-red-600"},{variant:"bordered",color:"danger",className:"border-red-600 dark:border-red-500 text-red-600 dark:text-red-500"},{variant:"light",color:"danger",className:"text-red-600 hover:bg-red-600/10 dark:text-red-500 dark:hover:bg-red-500/10"},{variant:"flat",color:"danger",className:"bg-red-600/20 text-red-700 dark:bg-red-500/20 dark:text-red-500"},{variant:"ghost",color:"danger",className:"text-red-600 hover:bg-red-600 hover:text-white hover:border-red-600 dark:text-red-500 dark:hover:bg-red-500 dark:hover:text-white dark:hover:border-red-500"},{variant:"solid",color:"info",className:"bg-blue-600 text-white hover:bg-blue-700 dark:bg-blue-700 dark:text-white dark:hover:bg-blue-600"},{variant:"bordered",color:"info",className:"border-blue-600 dark:border-blue-500 text-blue-600 dark:text-blue-500"},{variant:"light",color:"info",className:"text-blue-600 hover:bg-blue-600/10 dark:text-blue-500 dark:hover:bg-blue-500/10"},{variant:"flat",color:"info",className:"bg-blue-600/20 text-blue-700 dark:bg-blue-500/20 dark:text-blue-500"},{variant:"ghost",color:"info",className:"text-blue-600 hover:bg-blue-600 hover:text-white hover:border-blue-600 dark:text-blue-500 dark:hover:bg-blue-500 dark:hover:text-white dark:hover:border-blue-500"}],defaultVariants:{variant:"solid",color:"default",size:"md",radius:"md"}}),pe=Z.forwardRef(({className:e,variant:t,color:n,size:r,radius:o,href:a,loading:s=false,startContent:i,endContent:c,children:l,disabled:d,style:u,isIconOnly:p,...f},g)=>{let h=ai(),v=d||h.disabled||s,b=u,y=p?r==="sm"?"!px-0 !w-9":r==="lg"?"!px-0 !w-11":"!px-0 !w-10":"",w=s?jsxs(Fragment,{children:[jsx(ya,{size:"sm",color:t==="solid"?"white":"default"}),l]}):jsxs(Fragment,{children:[i,l,c]});return a?v?jsx("span",{role:"link","aria-disabled":"true",className:m(Wr({variant:t,color:n,size:r,radius:o,className:e}),y,"pointer-events-none opacity-50 cursor-not-allowed"),style:b,children:w}):jsx("a",{href:a,className:m(Wr({variant:t,color:n,size:r,radius:o,className:e}),y),style:b,...f,children:w}):jsx("button",{type:"button",className:m(Wr({variant:t,color:n,size:r,radius:o,className:e}),y),ref:g,disabled:v,style:b,...f,children:w})});pe.displayName="Button";var Kc=cva("border bg-card text-card-foreground shadow-sm",{variants:{radius:{none:"rounded-none",sm:"rounded-md",md:"rounded-lg",lg:"rounded-xl",full:"rounded-3xl"}},defaultVariants:{radius:"lg"}}),$c=Z.forwardRef(({className:e,radius:t,...n},r)=>jsx("div",{ref:r,className:m(Kc({radius:t,className:e})),...n}));$c.displayName="Card";var Gc=Z.forwardRef(({className:e,...t},n)=>jsx("div",{ref:n,className:m("flex flex-col space-y-1.5 p-6",e),...t}));Gc.displayName="CardHeader";var Uc=Z.forwardRef(({className:e,...t},n)=>jsx("h3",{ref:n,className:m("text-2xl font-semibold leading-none tracking-tight",e),...t}));Uc.displayName="CardTitle";var jc=Z.forwardRef(({className:e,...t},n)=>jsx("p",{ref:n,className:m("text-sm text-muted-foreground",e),...t}));jc.displayName="CardDescription";var Wc=Z.forwardRef(({className:e,...t},n)=>jsx("div",{ref:n,className:m("p-6 pt-0",e),...t}));Wc.displayName="CardContent";var _c=Z.forwardRef(({className:e,...t},n)=>jsx("div",{ref:n,className:m("flex items-center p-6 pt-0",e),...t}));_c.displayName="CardFooter";var Io=Z.forwardRef(({className:e,checked:t,defaultChecked:n=false,onCheckedChange:r,disabled:o,required:a,name:s,value:i="on",text:c,description:l,onKeyDown:d,...u},p)=>{let[f,g]=Z.useState(n),h=t!==void 0,v=h?t:f,[b,y]=Z.useState(false),x=Z.useId(),w=()=>{if(o)return;let L=v==="indeterminate"?true:!v;h||g(L),r?.(L);},C=L=>{L.key==="Enter"&&L.preventDefault(),d?.(L);},R=v===true,T=v==="indeterminate",P=jsxs(Fragment,{children:[jsx("button",{type:"button",role:"checkbox",id:c?x:void 0,"aria-checked":T?"mixed":R,"aria-required":a,disabled:o,ref:p,className:m("peer h-4 w-4 shrink-0 rounded-sm border border-primary focus-visible:outline-none cursor-pointer disabled:cursor-not-allowed disabled:opacity-50 transition-colors",R&&"bg-primary text-primary-foreground",T&&"bg-background text-foreground",!c&&e),style:{borderColor:b?"var(--color-foreground)":void 0},onClick:w,onKeyDown:C,onFocus:()=>y(true),onBlur:()=>y(false),...u,children:(R||T)&&jsx("span",{className:"flex items-center justify-center text-current",children:T?jsx(Minus,{className:"h-4 w-4"}):jsx(Check,{className:"h-4 w-4"})})}),s&&jsx("input",{type:"checkbox","aria-hidden":true,tabIndex:-1,name:s,value:i,checked:R,required:a,disabled:o,onChange:()=>{},style:{position:"absolute",pointerEvents:"none",opacity:0,margin:0,width:0,height:0}})]});return c?jsxs("div",{className:m("flex items-start gap-2",e),children:[P,jsxs("div",{className:"flex flex-col gap-0.5",children:[jsx("label",{htmlFor:x,className:m("text-sm font-medium leading-none cursor-pointer",o&&"cursor-not-allowed opacity-50"),children:c}),l&&jsx("p",{className:"text-xs text-muted-foreground",children:l})]})]}):P});Io.displayName="Checkbox";var zx=cva("flex w-full border border-input bg-background px-3 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus:outline-none transition-colors disabled:cursor-not-allowed disabled:opacity-50",{variants:{size:{sm:"h-9 py-1.5 text-xs",md:"h-10 py-2 text-sm",lg:"h-11 py-2.5 text-base"},radius:{none:"rounded-none",sm:"rounded-md",md:"rounded-lg",lg:"rounded-xl",full:"rounded-full"}},defaultVariants:{size:"md",radius:"md"}}),Xr=Z.forwardRef(({className:e,type:t,size:n,radius:r,label:o,isRequired:a,description:s,errorMessage:i,isInvalid:c,onFocus:l,onBlur:d,style:u,...p},f)=>{let[g,h]=Z.useState(false),v=Z.useId(),b=p.id||v,y=c||!!i,x=jsx("input",{id:b,type:t,className:m(zx({size:n,radius:r}),y&&"border-danger focus:border-danger",!o&&e),ref:f,required:a,"aria-invalid":y,"aria-describedby":s||i?`${b}-description`:void 0,style:{...u,borderColor:y?void 0:g?"var(--color-foreground)":void 0},onFocus:w=>{h(true),l?.(w);},onBlur:w=>{h(false),d?.(w);},...p});return !o&&!s&&!i?x:jsxs("div",{className:m("flex flex-col gap-1.5",e),children:[o&&jsxs("label",{htmlFor:b,className:"text-sm font-medium leading-none",children:[o,a&&jsx("span",{className:"text-danger ml-1",children:"*"})]}),x,(s||i)&&jsx("p",{id:`${b}-description`,className:m("text-xs",y?"text-danger":"text-muted-foreground"),children:i||s})]})});Xr.displayName="Input";var Bx=cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),Rr=Z.forwardRef(({className:e,...t},n)=>jsx("label",{ref:n,className:m(Bx(),e),...t}));Rr.displayName="Label";var Kx=Z.forwardRef(({className:e,orientation:t="horizontal",decorative:n=true,text:r,...o},a)=>{let s=n?{role:"none"}:{role:"separator","aria-orientation":t};return r&&t==="horizontal"?jsxs("div",{className:m("flex items-center gap-4",e),children:[jsx("div",{...s,className:"shrink-0 bg-border h-[1px] flex-1"}),jsx("span",{className:"text-sm text-muted-foreground",children:r}),jsx("div",{...s,className:"shrink-0 bg-border h-[1px] flex-1"})]}):jsx("div",{ref:a,...s,className:m("shrink-0 bg-border",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...o})});Kx.displayName="Separator";var Gx="peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50",Ca={default:"bg-zinc-800 dark:bg-zinc-200",success:"bg-green-600 dark:bg-green-500",warning:"bg-amber-600 dark:bg-amber-500",danger:"bg-red-600 dark:bg-red-500",info:"bg-blue-600 dark:bg-blue-500"},Zc={sm:{track:"h-5 w-9",thumb:"h-4 w-4",translate:"translate-x-4"},md:{track:"h-6 w-11",thumb:"h-5 w-5",translate:"translate-x-5"},lg:{track:"h-7 w-14",thumb:"h-6 w-6",translate:"translate-x-7"}},Qc=Z.forwardRef(({className:e,color:t,size:n="md",customColor:r,checked:o,defaultChecked:a=false,onCheckedChange:s,disabled:i,required:c,name:l,value:d="on",onKeyDown:u,style:p,...f},g)=>{let[h,v]=Z.useState(a),b=o!==void 0,y=b?o:h,x=()=>{if(i)return;let T=!y;b||v(T),s?.(T);},w=T=>{T.key==="Enter"&&T.preventDefault(),u?.(T);},C=t&&Ca[t]?Ca[t]:Ca.default,R=Zc[n]||Zc.md;return jsxs(Fragment,{children:[jsx("button",{type:"button",role:"switch","aria-checked":y,"aria-required":c,"data-state":y?"checked":"unchecked",disabled:i,ref:g,className:m(Gx,R.track,y?r?"":C:"bg-input",e),style:r&&y?{backgroundColor:r,...p}:p,onClick:x,onKeyDown:w,...f,children:jsx("span",{className:m("pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform",R.thumb,y?R.translate:"translate-x-0")})}),l&&jsx("input",{type:"checkbox","aria-hidden":true,tabIndex:-1,name:l,value:d,checked:y,required:c,disabled:i,onChange:()=>{},style:{position:"absolute",pointerEvents:"none",opacity:0,margin:0,width:0,height:0}})]})});Qc.displayName="Switch";var _x=cva("flex min-h-[80px] w-full border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus:outline-none transition-colors disabled:cursor-not-allowed disabled:opacity-50",{variants:{radius:{none:"rounded-none",sm:"rounded-md",md:"rounded-lg",lg:"rounded-xl",full:"rounded-3xl"}},defaultVariants:{radius:"md"}}),Jc=Z.forwardRef(({className:e,radius:t,onFocus:n,onBlur:r,style:o,...a},s)=>{let[i,c]=Z.useState(false);return jsx("textarea",{className:m(_x({radius:t,className:e})),ref:s,style:{...o,borderColor:i?"var(--color-foreground)":void 0},onFocus:l=>{c(true),n?.(l);},onBlur:l=>{c(false),r?.(l);},...a})});Jc.displayName="Textarea";var td=cva("rounded-md bg-muted",{variants:{variant:{pulse:"animate-pulse",shimmer:"skeleton-shimmer",static:""}},defaultVariants:{variant:"pulse"}}),Na=Z.forwardRef(({className:e,variant:t,...n},r)=>jsx("div",{ref:r,className:m(td({variant:t,className:e})),...n}));Na.displayName="Skeleton";var Qx=cva("relative flex shrink-0 overflow-hidden cursor-pointer",{variants:{size:{sm:"h-8 w-8",md:"h-10 w-10",lg:"h-12 w-12"},radius:{none:"rounded-none",sm:"rounded-md",md:"rounded-lg",lg:"rounded-xl",full:"rounded-full"}},defaultVariants:{size:"md",radius:"full"}}),nd=Z.createContext(null),rd=()=>{let e=Z.useContext(nd);if(!e)throw new Error("Avatar components must be used within an Avatar");return e},wr=Z.forwardRef(({className:e,size:t,radius:n,...r},o)=>{let[a,s]=Z.useState("idle");return jsx(nd.Provider,{value:{imageLoadingStatus:a,onImageLoadingStatusChange:s},children:jsx("span",{ref:o,className:m(Qx({size:t,radius:n,className:e})),...r})})});wr.displayName="Avatar";var qr=Z.forwardRef(({className:e,src:t,alt:n,onLoadingStatusChange:r,...o},a)=>{let{imageLoadingStatus:s,onImageLoadingStatusChange:i}=rd();return Z.useEffect(()=>{if(!t){i("error");return}i("loading"),r?.("loading");let c=new Image;c.src=t,c.onload=()=>{i("loaded"),r?.("loaded");},c.onerror=()=>{i("error"),r?.("error");};},[t,i,r]),s!=="loaded"?null:jsx("img",{ref:a,src:t,alt:n,className:m("aspect-square h-full w-full object-cover",e),...o})});qr.displayName="AvatarImage";var Cr=Z.forwardRef(({className:e,delayMs:t=0,children:n,...r},o)=>{let{imageLoadingStatus:a}=rd(),[s,i]=Z.useState(t===0);return Z.useEffect(()=>{if(t>0){let c=setTimeout(()=>i(true),t);return ()=>clearTimeout(c)}},[t]),a==="loaded"||!s?null:jsx("span",{ref:o,className:m("flex h-full w-full items-center justify-center bg-muted",e),...r,children:n})});Cr.displayName="AvatarFallback";var ad=Z.createContext({delayDuration:700,skipDelayDuration:300}),Zr=({children:e,delayDuration:t=700,skipDelayDuration:n=300})=>jsx(ad.Provider,{value:{delayDuration:t,skipDelayDuration:n},children:e});Zr.displayName="TooltipProvider";var sd=Z.createContext(null),id=()=>{let e=Z.useContext(sd);if(!e)throw new Error("Tooltip components must be used within a Tooltip");return e},Un=({children:e,open:t,defaultOpen:n=false,onOpenChange:r,delayDuration:o})=>{let a=Z.useContext(ad),[s,i]=Z.useState(n),c=t!==void 0,l=c?t:s,d=Z.useRef(null),u=Z.useId(),p=Z.useRef(null),f=o??a.delayDuration,g=Z.useCallback(h=>{p.current&&clearTimeout(p.current),h?p.current=setTimeout(()=>{c||i(true),r?.(true);},f):(c||i(false),r?.(false));},[c,r,f]);return Z.useEffect(()=>()=>{p.current&&clearTimeout(p.current);},[]),jsx(sd.Provider,{value:{open:l,onOpenChange:g,triggerRef:d,contentId:u},children:e})};Un.displayName="Tooltip";var jn=Z.forwardRef(({children:e,onMouseEnter:t,onMouseLeave:n,onFocus:r,onBlur:o,...a},s)=>{let{onOpenChange:i,triggerRef:c,contentId:l,open:d}=id();return jsx("button",{ref:h=>{c.current=h,typeof s=="function"?s(h):s&&(s.current=h);},type:"button","aria-describedby":d?l:void 0,onMouseEnter:h=>{t?.(h),i(true);},onMouseLeave:h=>{n?.(h),i(false);},onFocus:h=>{r?.(h),i(true);},onBlur:h=>{o?.(h),i(false);},...a,children:e})});jn.displayName="TooltipTrigger";var Wn=Z.forwardRef(({className:e,side:t="top",sideOffset:n=4,align:r="center",alignOffset:o=0,children:a,...s},i)=>{let{open:c,triggerRef:l,contentId:d}=id(),[u,p]=Z.useState({top:0,left:0}),[f,g]=Z.useState(false),h=Z.useRef(null);if(Z.useEffect(()=>{g(true);},[]),Z.useEffect(()=>{if(!c||!l.current||!h.current)return;let b=l.current.getBoundingClientRect(),y=h.current.getBoundingClientRect(),x=0,w=0;switch(t){case "top":x=b.top-y.height-n;break;case "bottom":x=b.bottom+n;break;case "left":w=b.left-y.width-n;break;case "right":w=b.right+n;break}if(t==="top"||t==="bottom")switch(r){case "start":w=b.left+o;break;case "center":w=b.left+b.width/2-y.width/2;break;case "end":w=b.right-y.width-o;break}else switch(r){case "start":x=b.top+o;break;case "center":x=b.top+b.height/2-y.height/2;break;case "end":x=b.bottom-y.height-o;break}p({top:x,left:w});},[c,t,n,r,o,l]),!f||!c)return null;let v={top:"animate-in fade-in-0 zoom-in-95 slide-in-from-bottom-2",bottom:"animate-in fade-in-0 zoom-in-95 slide-in-from-top-2",left:"animate-in fade-in-0 zoom-in-95 slide-in-from-right-2",right:"animate-in fade-in-0 zoom-in-95 slide-in-from-left-2"}[t];return La.createPortal(jsx("div",{ref:b=>{h.current=b,typeof i=="function"?i(b):i&&(i.current=b);},id:d,role:"tooltip","data-side":t,className:m("fixed z-50 overflow-hidden rounded-md px-3 py-1.5 text-xs bg-zinc-100 text-zinc-900 dark:bg-zinc-900 dark:text-zinc-100",v,e),style:{top:u.top,left:u.left},...s,children:a}),document.body)});Wn.displayName="TooltipContent";var Jx={sm:"20px",md:"40px",lg:"60px"},ze=Z.forwardRef(({className:e,orientation:t="vertical",visibility:n="visible",showShadow:r=false,shadowSize:o="md",children:a,style:s,...i},c)=>{let l=Z.useRef(null),[d,u]=Z.useState(false),[p,f]=Z.useState({top:false,bottom:false,left:false,right:false}),g=Z.useId().replace(/:/g,"");Z.useImperativeHandle(c,()=>l.current);let h=Z.useCallback(()=>{let C=l.current;if(!C||!r)return;let{scrollTop:R,scrollLeft:T,scrollHeight:P,scrollWidth:L,clientHeight:k,clientWidth:E}=C;f({top:R>0,bottom:R<P-k-1,left:T>0,right:T<L-E-1});},[r]);Z.useEffect(()=>{if(!r)return;let C=l.current;if(C)return h(),C.addEventListener("scroll",h),window.addEventListener("resize",h),()=>{C.removeEventListener("scroll",h),window.removeEventListener("resize",h);}},[r,h]);let v=n==="visible"||n==="hover"&&d,b=v?"rgba(0,0,0,0.3)":"transparent",y=v?"rgba(255,255,255,0.3)":"transparent",x=`
1
+ import*as Z from'react';import {createContext,useState,useEffect,useContext,useCallback,useRef,useMemo}from'react';import {cva}from'class-variance-authority';import {AlertCircle,AlertTriangle,CheckCircle2,Info,Minus,Check,X,ChevronDown,Search,ChevronRight,ChevronsUpDown,PanelLeft,PanelLeftOpen,PanelRightOpen,PanelLeftClose,PanelRightClose,EyeOff,Eye,Plus,Heart,Star,TrendingUp,TrendingDown,Upload,Clock,Menu,ExternalLink,ArrowUp,Circle,File,Folder,FolderOpen,Loader2,Copy,Calendar,ZoomOut,ZoomIn,RotateCw,Download,Minimize2,Maximize2,ChevronLeft,GripVertical,Moon,Sun,Monitor,MoreHorizontal,HelpCircle,Hash,User,Settings,ArrowRight,Play,Pause,SkipBack,SkipForward,VolumeX,Volume2,PictureInPicture,Minimize,Maximize,Shuffle,Repeat,Volume1,Printer,FileWarning,Image as Image$1,FileVideo,FileAudio,FileText,FileArchive,ChevronUp,ArrowDown}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import*as La from'react-dom';import {Toaster}from'sonner';export{toast}from'sonner';import {motion,AnimatePresence,useInView,useMotionValue,useTransform,animate,useScroll,useSpring}from'framer-motion';import {Drawer}from'vaul';import {DayPicker,useDayPicker}from'react-day-picker';import {getMonth,getYear,setMonth,setYear}from'date-fns';import {Command}from'cmdk';import {Panel,Group,Separator}from'react-resizable-panels';import {useSensors,useSensor,PointerSensor,KeyboardSensor,DndContext,closestCorners,DragOverlay,closestCenter}from'@dnd-kit/core';import {sortableKeyboardCoordinates,SortableContext,verticalListSortingStrategy,useSortable}from'@dnd-kit/sortable';import {CSS}from'@dnd-kit/utilities';import {HexColorPicker,HexColorInput}from'react-colorful';import {themes,Highlight}from'prism-react-renderer';import {ResponsiveContainer,LineChart,CartesianGrid,XAxis,YAxis,Tooltip,Legend,Line,BarChart,Bar,PieChart,Pie,Cell,AreaChart,Area}from'recharts';import dT from'embla-carousel-react';import vT,{centerCrop,makeAspectCrop}from'react-image-crop';import'react-image-crop/dist/ReactCrop.css';import MT from'react-qr-code';import {useTheme,ThemeProvider}from'next-themes';export{useTheme}from'next-themes';import ko from'canvas-confetti';function m(...e){return twMerge(clsx(e))}var vx=cva("relative w-full p-4",{variants:{variant:{solid:"border",bordered:"border bg-transparent",flat:""},type:{default:"",success:"",warning:"",error:""},radius:{none:"rounded-none",sm:"rounded-md",md:"rounded-lg",lg:"rounded-xl",full:"rounded-full"}},compoundVariants:[{variant:"solid",type:"default",className:"!border-primary bg-primary text-primary-foreground [&>svg]:text-primary-foreground"},{variant:"bordered",type:"default",className:"!border-primary text-primary [&>svg]:text-primary"},{variant:"flat",type:"default",className:"bg-primary/10 text-primary [&>svg]:text-primary"},{variant:"solid",type:"success",className:"!border-green-600 bg-green-600 text-white dark:!border-green-500 dark:bg-green-500 [&>svg]:text-white"},{variant:"bordered",type:"success",className:"!border-green-600 text-green-600 dark:!border-green-500 dark:text-green-500 [&>svg]:text-green-600 dark:[&>svg]:text-green-500"},{variant:"flat",type:"success",className:"bg-green-600/10 text-green-600 dark:bg-green-500/10 dark:text-green-500 [&>svg]:text-green-600 dark:[&>svg]:text-green-500"},{variant:"solid",type:"warning",className:"!border-amber-600 bg-amber-600 text-white dark:!border-amber-500 dark:bg-amber-500 [&>svg]:text-white"},{variant:"bordered",type:"warning",className:"!border-amber-600 text-amber-600 dark:!border-amber-500 dark:text-amber-500 [&>svg]:text-amber-600 dark:[&>svg]:text-amber-500"},{variant:"flat",type:"warning",className:"bg-amber-600/10 text-amber-600 dark:bg-amber-500/10 dark:text-amber-500 [&>svg]:text-amber-600 dark:[&>svg]:text-amber-500"},{variant:"solid",type:"error",className:"!border-red-600 bg-red-600 text-white dark:!border-red-500 dark:bg-red-500 [&>svg]:text-white"},{variant:"bordered",type:"error",className:"!border-red-600 text-red-600 dark:!border-red-500 dark:text-red-500 [&>svg]:text-red-600 dark:[&>svg]:text-red-500"},{variant:"flat",type:"error",className:"bg-red-600/10 text-red-600 dark:bg-red-500/10 dark:text-red-500 [&>svg]:text-red-600 dark:[&>svg]:text-red-500"}],defaultVariants:{variant:"solid",type:"default",radius:"md"}}),hx={default:Info,success:CheckCircle2,warning:AlertTriangle,error:AlertCircle},xx=Z.forwardRef(({className:e,variant:t="solid",type:n="default",radius:r="md",icon:o,hideIcon:a=false,endContent:s,children:i,...c},l)=>{let d=hx[n],u=!a,p=o!==void 0?o:d?jsx(d,{className:"h-4 w-4"}):null;return jsxs("div",{ref:l,role:"alert",className:m(vx({variant:t,type:n,radius:r}),s&&"flex items-center justify-between",e),...c,children:[jsxs("div",{className:"flex items-start gap-3",children:[u&&p&&jsx("span",{className:"mt-0.5 shrink-0",children:p}),jsx("div",{children:i})]}),s&&jsx("div",{className:"shrink-0 ml-4",children:s})]})});xx.displayName="Alert";var yx=Z.forwardRef(({className:e,...t},n)=>jsx("h5",{ref:n,className:m("mb-1 font-medium leading-none tracking-tight",e),...t}));yx.displayName="AlertTitle";var Rx=Z.forwardRef(({className:e,...t},n)=>jsx("div",{ref:n,className:m("text-sm [&_p]:leading-relaxed",e),...t}));Rx.displayName="AlertDescription";var wx=cva("absolute rounded-full flex items-center justify-center font-semibold",{variants:{variant:{solid:"",bordered:"border"},color:{default:"",success:"",warning:"",danger:"",info:""},size:{sm:"",md:"",lg:""},placement:{"top-right":"-top-1 -right-1","top-left":"-top-1 -left-1","bottom-right":"-bottom-1 -right-1","bottom-left":"-bottom-1 -left-1"}},compoundVariants:[{variant:"solid",color:"default",className:"bg-zinc-800 text-white dark:bg-zinc-200 dark:text-zinc-900"},{variant:"solid",color:"success",className:"bg-green-600 text-white dark:bg-green-500"},{variant:"solid",color:"warning",className:"bg-amber-600 text-white dark:bg-amber-500"},{variant:"solid",color:"danger",className:"bg-red-600 text-white dark:bg-red-500"},{variant:"solid",color:"info",className:"bg-blue-600 text-white dark:bg-blue-500"},{variant:"bordered",color:"default",className:"bg-white border-zinc-800 text-zinc-800 dark:bg-zinc-900 dark:border-zinc-200 dark:text-zinc-200"},{variant:"bordered",color:"success",className:"bg-white border-green-600 text-green-600 dark:bg-zinc-900 dark:border-green-500 dark:text-green-500"},{variant:"bordered",color:"warning",className:"bg-white border-amber-600 text-amber-600 dark:bg-zinc-900 dark:border-amber-500 dark:text-amber-500"},{variant:"bordered",color:"danger",className:"bg-white border-red-600 text-red-600 dark:bg-zinc-900 dark:border-red-500 dark:text-red-500"},{variant:"bordered",color:"info",className:"bg-white border-blue-600 text-blue-600 dark:bg-zinc-900 dark:border-blue-500 dark:text-blue-500"},{size:"sm",className:"min-w-4 h-4 text-[10px] px-1"},{size:"md",className:"min-w-5 h-5 text-xs px-1"},{size:"lg",className:"min-w-6 h-6 text-sm px-1.5"}],defaultVariants:{variant:"solid",color:"default",size:"md",placement:"top-right"}}),Cx={sm:"w-2 h-2",md:"w-2.5 h-2.5",lg:"w-3 h-3"},Tx={default:"bg-zinc-800 dark:bg-zinc-200",success:"bg-green-600 dark:bg-green-500",warning:"bg-amber-600 dark:bg-amber-500",danger:"bg-red-600 dark:bg-red-500",info:"bg-blue-600 dark:bg-blue-500"},Mx=Z.forwardRef(({className:e,children:t,content:n,variant:r="solid",color:o="default",size:a="md",placement:s="top-right",isDot:i=false,showPing:c=false,...l},d)=>jsxs("div",{ref:d,className:m("relative inline-flex",e),...l,children:[t,jsxs("span",{className:m(wx({variant:r,color:o,size:i?void 0:a,placement:s}),i&&Cx[a||"md"],i&&"min-w-0 p-0"),children:[c&&jsx("span",{className:m("absolute inset-0 rounded-full animate-ping opacity-75",Tx[o||"default"])}),!i&&n]})]}));Mx.displayName="Badge";var Nx=cva("inline-flex items-center gap-1 font-medium rounded-full",{variants:{color:{default:"bg-zinc-100 text-zinc-900 dark:bg-zinc-800 dark:text-white",success:"bg-green-600/20 text-green-700 dark:bg-green-500/20 dark:text-green-500",warning:"bg-amber-600/20 text-amber-700 dark:bg-amber-500/20 dark:text-amber-500",danger:"bg-red-600/20 text-red-700 dark:bg-red-500/20 dark:text-red-500",info:"bg-blue-600/20 text-blue-700 dark:bg-blue-500/20 dark:text-blue-500"},size:{sm:"px-2 py-0.5 text-[10px]",md:"px-2.5 py-0.5 text-xs",lg:"px-3 py-1 text-sm"}},defaultVariants:{color:"default",size:"md"}}),kx=Z.forwardRef(({className:e,color:t,size:n,...r},o)=>jsx("span",{ref:o,className:m(Nx({color:t,size:n}),e),...r}));kx.displayName="TextBadge";var Hc=cva("animate-spin",{variants:{size:{sm:"h-4 w-4",md:"h-6 w-6",lg:"h-8 w-8"},color:{default:"text-foreground",primary:"text-primary",muted:"text-muted-foreground",success:"text-success",warning:"text-warning",danger:"text-danger",white:"text-white"}},defaultVariants:{size:"md",color:"default"}}),Ex={sm:"text-xs",md:"text-sm",lg:"text-base"},ya=Z.forwardRef(({className:e,size:t="md",color:n,label:r="Loading",text:o,textPosition:a="right",customColor:s,...i},c)=>{let l=jsxs("svg",{className:m(Hc({size:t,color:s?void 0:n})),style:s?{color:s}:void 0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",role:"status","aria-label":r,children:[jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]});if(!o)return jsx("div",{ref:c,className:m("inline-flex",e),...i,children:l});let d=jsx("span",{className:m("text-muted-foreground",Ex[t]),children:o}),u=a==="top"||a==="bottom";return jsxs("div",{ref:c,className:m("inline-flex items-center",u?"flex-col gap-2":"flex-row gap-3",(a==="left"||a==="top")&&(u?"flex-col-reverse":"flex-row-reverse"),e),...i,children:[l,d]})});ya.displayName="Spinner";var Vc=cva("inline-flex",{variants:{variant:{default:"",attached:""},orientation:{horizontal:"flex-row",vertical:"flex-col"},spacing:{none:"gap-0",sm:"gap-1",md:"gap-2",lg:"gap-3"}},compoundVariants:[{variant:"attached",spacing:["sm","md","lg"],className:"gap-0"},{variant:"attached",orientation:"horizontal",className:"[&>*:not(:first-child):not(:last-child)]:rounded-none [&>*:first-child]:rounded-r-none [&>*:last-child]:rounded-l-none [&>*:not(:first-child)]:-ml-px"},{variant:"attached",orientation:"vertical",className:"[&>*:not(:first-child):not(:last-child)]:rounded-none [&>*:first-child]:rounded-b-none [&>*:last-child]:rounded-t-none [&>*:not(:first-child)]:-mt-px"}],defaultVariants:{variant:"default",orientation:"horizontal",spacing:"sm"}}),Ac=Z.createContext({});function ai(){return Z.useContext(Ac)}var zc=Z.forwardRef(({className:e,variant:t,orientation:n,spacing:r,disabled:o,children:a,...s},i)=>jsx(Ac.Provider,{value:{disabled:o},children:jsx("div",{ref:i,role:"group",className:m(Vc({variant:t,orientation:n,spacing:r,className:e})),...s,children:a})}));zc.displayName="ButtonGroup";var Wr=cva("inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-all duration-200 ease-out cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed active:scale-[0.97] [&_svg]:pointer-events-none [&_svg]:shrink-0",{variants:{variant:{solid:"",bordered:"border bg-transparent hover:opacity-70",light:"bg-transparent hover:bg-zinc-100 dark:hover:bg-zinc-800",flat:"bg-zinc-100 dark:bg-zinc-800 hover:opacity-70",ghost:"border border-zinc-300 dark:border-zinc-700 bg-transparent"},color:{default:"",success:"",warning:"",danger:"",info:""},size:{sm:"h-9 px-3 text-xs",md:"h-10 px-4",lg:"h-11 px-5 text-base"},radius:{none:"rounded-none",sm:"rounded-md",md:"rounded-lg",lg:"rounded-xl",full:"rounded-full"}},compoundVariants:[{variant:"solid",color:"default",className:"bg-zinc-800 text-white hover:bg-zinc-700 dark:bg-zinc-200 dark:text-zinc-900 dark:hover:bg-zinc-300"},{variant:"bordered",color:"default",className:"border-zinc-300 dark:border-zinc-700 text-zinc-900 dark:text-white"},{variant:"light",color:"default",className:"text-zinc-900 hover:bg-zinc-100 dark:text-white dark:hover:bg-zinc-800"},{variant:"flat",color:"default",className:"bg-zinc-100 text-zinc-900 dark:bg-zinc-800 dark:text-white"},{variant:"ghost",color:"default",className:"text-zinc-900 hover:bg-zinc-900 hover:text-white hover:border-zinc-900 dark:text-white dark:hover:bg-white dark:hover:text-zinc-900 dark:hover:border-white"},{variant:"solid",color:"success",className:"bg-green-600 text-white hover:bg-green-700 dark:bg-green-700 dark:text-white dark:hover:bg-green-600"},{variant:"bordered",color:"success",className:"border-green-600 dark:border-green-500 text-green-600 dark:text-green-500"},{variant:"light",color:"success",className:"text-green-600 hover:bg-green-600/10 dark:text-green-500 dark:hover:bg-green-500/10"},{variant:"flat",color:"success",className:"bg-green-600/20 text-green-700 dark:bg-green-500/20 dark:text-green-500"},{variant:"ghost",color:"success",className:"text-green-600 hover:bg-green-600 hover:text-white hover:border-green-600 dark:text-green-500 dark:hover:bg-green-500 dark:hover:text-white dark:hover:border-green-500"},{variant:"solid",color:"warning",className:"bg-amber-600 text-white hover:bg-amber-700 dark:bg-amber-700 dark:text-white dark:hover:bg-amber-600"},{variant:"bordered",color:"warning",className:"border-amber-600 dark:border-amber-500 text-amber-600 dark:text-amber-500"},{variant:"light",color:"warning",className:"text-amber-600 hover:bg-amber-600/10 dark:text-amber-500 dark:hover:bg-amber-500/10"},{variant:"flat",color:"warning",className:"bg-amber-600/20 text-amber-700 dark:bg-amber-500/20 dark:text-amber-500"},{variant:"ghost",color:"warning",className:"text-amber-600 hover:bg-amber-600 hover:text-white hover:border-amber-600 dark:text-amber-500 dark:hover:bg-amber-500 dark:hover:text-white dark:hover:border-amber-500"},{variant:"solid",color:"danger",className:"bg-red-600 text-white hover:bg-red-700 dark:bg-red-700 dark:text-white dark:hover:bg-red-600"},{variant:"bordered",color:"danger",className:"border-red-600 dark:border-red-500 text-red-600 dark:text-red-500"},{variant:"light",color:"danger",className:"text-red-600 hover:bg-red-600/10 dark:text-red-500 dark:hover:bg-red-500/10"},{variant:"flat",color:"danger",className:"bg-red-600/20 text-red-700 dark:bg-red-500/20 dark:text-red-500"},{variant:"ghost",color:"danger",className:"text-red-600 hover:bg-red-600 hover:text-white hover:border-red-600 dark:text-red-500 dark:hover:bg-red-500 dark:hover:text-white dark:hover:border-red-500"},{variant:"solid",color:"info",className:"bg-blue-600 text-white hover:bg-blue-700 dark:bg-blue-700 dark:text-white dark:hover:bg-blue-600"},{variant:"bordered",color:"info",className:"border-blue-600 dark:border-blue-500 text-blue-600 dark:text-blue-500"},{variant:"light",color:"info",className:"text-blue-600 hover:bg-blue-600/10 dark:text-blue-500 dark:hover:bg-blue-500/10"},{variant:"flat",color:"info",className:"bg-blue-600/20 text-blue-700 dark:bg-blue-500/20 dark:text-blue-500"},{variant:"ghost",color:"info",className:"text-blue-600 hover:bg-blue-600 hover:text-white hover:border-blue-600 dark:text-blue-500 dark:hover:bg-blue-500 dark:hover:text-white dark:hover:border-blue-500"}],defaultVariants:{variant:"solid",color:"default",size:"md",radius:"md"}}),pe=Z.forwardRef(({className:e,variant:t,color:n,size:r,radius:o,href:a,loading:s=false,startContent:i,endContent:c,children:l,disabled:d,style:u,isIconOnly:p,...f},g)=>{let h=ai(),v=d||h.disabled||s,b=u,y=p?r==="sm"?"!px-0 !w-9":r==="lg"?"!px-0 !w-11":"!px-0 !w-10":"",w=s?jsxs(Fragment,{children:[jsx(ya,{size:"sm",color:t==="solid"?"white":"default"}),l]}):jsxs(Fragment,{children:[i,l,c]});return a?v?jsx("span",{role:"link","aria-disabled":"true",className:m(Wr({variant:t,color:n,size:r,radius:o,className:e}),y,"pointer-events-none opacity-50 cursor-not-allowed"),style:b,children:w}):jsx("a",{href:a,className:m(Wr({variant:t,color:n,size:r,radius:o,className:e}),y),style:b,...f,children:w}):jsx("button",{type:"button",className:m(Wr({variant:t,color:n,size:r,radius:o,className:e}),y),ref:g,disabled:v,style:b,...f,children:w})});pe.displayName="Button";var Kc=cva("border bg-card text-card-foreground shadow-sm",{variants:{radius:{none:"rounded-none",sm:"rounded-md",md:"rounded-lg",lg:"rounded-xl",full:"rounded-3xl"}},defaultVariants:{radius:"lg"}}),$c=Z.forwardRef(({className:e,radius:t,...n},r)=>jsx("div",{ref:r,className:m(Kc({radius:t,className:e})),...n}));$c.displayName="Card";var Gc=Z.forwardRef(({className:e,...t},n)=>jsx("div",{ref:n,className:m("flex flex-col space-y-1.5 p-6",e),...t}));Gc.displayName="CardHeader";var Uc=Z.forwardRef(({className:e,...t},n)=>jsx("h3",{ref:n,className:m("text-2xl font-semibold leading-none tracking-tight",e),...t}));Uc.displayName="CardTitle";var jc=Z.forwardRef(({className:e,...t},n)=>jsx("p",{ref:n,className:m("text-sm text-muted-foreground",e),...t}));jc.displayName="CardDescription";var Wc=Z.forwardRef(({className:e,...t},n)=>jsx("div",{ref:n,className:m("p-6 pt-0",e),...t}));Wc.displayName="CardContent";var _c=Z.forwardRef(({className:e,...t},n)=>jsx("div",{ref:n,className:m("flex items-center p-6 pt-0",e),...t}));_c.displayName="CardFooter";var Io=Z.forwardRef(({className:e,checked:t,defaultChecked:n=false,onCheckedChange:r,disabled:o,required:a,name:s,value:i="on",text:c,description:l,onKeyDown:d,...u},p)=>{let[f,g]=Z.useState(n),h=t!==void 0,v=h?t:f,[b,y]=Z.useState(false),x=Z.useId(),w=()=>{if(o)return;let L=v==="indeterminate"?true:!v;h||g(L),r?.(L);},C=L=>{L.key==="Enter"&&L.preventDefault(),d?.(L);},R=v===true,T=v==="indeterminate",P=jsxs(Fragment,{children:[jsx("button",{type:"button",role:"checkbox",id:c?x:void 0,"aria-checked":T?"mixed":R,"aria-required":a,disabled:o,ref:p,className:m("peer h-4 w-4 shrink-0 rounded-sm border border-primary focus-visible:outline-none cursor-pointer disabled:cursor-not-allowed disabled:opacity-50 transition-colors",R&&"bg-primary text-primary-foreground",T&&"bg-background text-foreground",!c&&e),style:{borderColor:b?"var(--color-foreground)":void 0},onClick:w,onKeyDown:C,onFocus:()=>y(true),onBlur:()=>y(false),...u,children:(R||T)&&jsx("span",{className:"flex items-center justify-center text-current",children:T?jsx(Minus,{className:"h-4 w-4"}):jsx(Check,{className:"h-4 w-4"})})}),s&&jsx("input",{type:"checkbox","aria-hidden":true,tabIndex:-1,name:s,value:i,checked:R,required:a,disabled:o,onChange:()=>{},style:{position:"absolute",pointerEvents:"none",opacity:0,margin:0,width:0,height:0}})]});return c?jsxs("div",{className:m("flex items-start gap-2",e),children:[P,jsxs("div",{className:"flex flex-col gap-0.5",children:[jsx("label",{htmlFor:x,className:m("text-sm font-medium leading-none cursor-pointer",o&&"cursor-not-allowed opacity-50"),children:c}),l&&jsx("p",{className:"text-xs text-muted-foreground",children:l})]})]}):P});Io.displayName="Checkbox";var zx=cva("flex w-full border border-input bg-background px-3 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus:outline-none transition-colors disabled:cursor-not-allowed disabled:opacity-50",{variants:{size:{sm:"h-9 py-1.5 text-xs",md:"h-10 py-2 text-sm",lg:"h-11 py-2.5 text-base"},radius:{none:"rounded-none",sm:"rounded-md",md:"rounded-lg",lg:"rounded-xl",full:"rounded-full"}},defaultVariants:{size:"md",radius:"md"}}),Xr=Z.forwardRef(({className:e,type:t,size:n,radius:r,label:o,isRequired:a,description:s,errorMessage:i,isInvalid:c,onFocus:l,onBlur:d,style:u,...p},f)=>{let[g,h]=Z.useState(false),v=Z.useId(),b=p.id||v,y=c||!!i,x=jsx("input",{id:b,type:t,className:m(zx({size:n,radius:r}),y&&"border-danger focus:border-danger",!o&&e),ref:f,required:a,"aria-invalid":y,"aria-describedby":s||i?`${b}-description`:void 0,style:{...u,borderColor:y?void 0:g?"var(--color-foreground)":void 0},onFocus:w=>{h(true),l?.(w);},onBlur:w=>{h(false),d?.(w);},...p});return !o&&!s&&!i?x:jsxs("div",{className:m("flex flex-col gap-1.5",e),children:[o&&jsxs("label",{htmlFor:b,className:"text-sm font-medium leading-none",children:[o,a&&jsx("span",{className:"text-danger ml-1",children:"*"})]}),x,(s||i)&&jsx("p",{id:`${b}-description`,className:m("text-xs",y?"text-danger":"text-muted-foreground"),children:i||s})]})});Xr.displayName="Input";var Bx=cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),Rr=Z.forwardRef(({className:e,...t},n)=>jsx("label",{ref:n,className:m(Bx(),e),...t}));Rr.displayName="Label";var Kx=Z.forwardRef(({className:e,orientation:t="horizontal",decorative:n=true,text:r,...o},a)=>{let s=n?{role:"none"}:{role:"separator","aria-orientation":t};return r&&t==="horizontal"?jsxs("div",{className:m("flex items-center gap-4",e),children:[jsx("div",{...s,className:"shrink-0 bg-border h-[1px] flex-1"}),jsx("span",{className:"text-sm text-muted-foreground",children:r}),jsx("div",{...s,className:"shrink-0 bg-border h-[1px] flex-1"})]}):jsx("div",{ref:a,...s,className:m("shrink-0 bg-border",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...o})});Kx.displayName="Separator";var Gx="peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50",Ca={default:"bg-zinc-800 dark:bg-zinc-200",success:"bg-green-600 dark:bg-green-500",warning:"bg-amber-600 dark:bg-amber-500",danger:"bg-red-600 dark:bg-red-500"},Zc={sm:{track:"h-5 w-9",thumb:"h-4 w-4",translate:"translate-x-4"},md:{track:"h-6 w-11",thumb:"h-5 w-5",translate:"translate-x-5"},lg:{track:"h-7 w-14",thumb:"h-6 w-6",translate:"translate-x-7"}},Qc=Z.forwardRef(({className:e,color:t,size:n="md",customColor:r,checked:o,defaultChecked:a=false,onCheckedChange:s,disabled:i,required:c,name:l,value:d="on",onKeyDown:u,style:p,...f},g)=>{let[h,v]=Z.useState(a),b=o!==void 0,y=b?o:h,x=()=>{if(i)return;let T=!y;b||v(T),s?.(T);},w=T=>{T.key==="Enter"&&T.preventDefault(),u?.(T);},C=t&&Ca[t]?Ca[t]:Ca.default,R=Zc[n]||Zc.md;return jsxs(Fragment,{children:[jsx("button",{type:"button",role:"switch","aria-checked":y,"aria-required":c,"data-state":y?"checked":"unchecked",disabled:i,ref:g,className:m(Gx,R.track,y?r?"":C:"bg-input",e),style:r&&y?{backgroundColor:r,...p}:p,onClick:x,onKeyDown:w,...f,children:jsx("span",{className:m("pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform",R.thumb,y?R.translate:"translate-x-0")})}),l&&jsx("input",{type:"checkbox","aria-hidden":true,tabIndex:-1,name:l,value:d,checked:y,required:c,disabled:i,onChange:()=>{},style:{position:"absolute",pointerEvents:"none",opacity:0,margin:0,width:0,height:0}})]})});Qc.displayName="Switch";var _x=cva("flex min-h-[80px] w-full border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus:outline-none transition-colors disabled:cursor-not-allowed disabled:opacity-50",{variants:{radius:{none:"rounded-none",sm:"rounded-md",md:"rounded-lg",lg:"rounded-xl",full:"rounded-3xl"}},defaultVariants:{radius:"md"}}),Jc=Z.forwardRef(({className:e,radius:t,onFocus:n,onBlur:r,style:o,...a},s)=>{let[i,c]=Z.useState(false);return jsx("textarea",{className:m(_x({radius:t,className:e})),ref:s,style:{...o,borderColor:i?"var(--color-foreground)":void 0},onFocus:l=>{c(true),n?.(l);},onBlur:l=>{c(false),r?.(l);},...a})});Jc.displayName="Textarea";var td=cva("rounded-md bg-muted",{variants:{variant:{pulse:"animate-pulse",shimmer:"skeleton-shimmer",static:""}},defaultVariants:{variant:"pulse"}}),Na=Z.forwardRef(({className:e,variant:t,...n},r)=>jsx("div",{ref:r,className:m(td({variant:t,className:e})),...n}));Na.displayName="Skeleton";var Qx=cva("relative flex shrink-0 overflow-hidden cursor-pointer",{variants:{size:{sm:"h-8 w-8",md:"h-10 w-10",lg:"h-12 w-12"},radius:{none:"rounded-none",sm:"rounded-md",md:"rounded-lg",lg:"rounded-xl",full:"rounded-full"}},defaultVariants:{size:"md",radius:"full"}}),nd=Z.createContext(null),rd=()=>{let e=Z.useContext(nd);if(!e)throw new Error("Avatar components must be used within an Avatar");return e},wr=Z.forwardRef(({className:e,size:t,radius:n,...r},o)=>{let[a,s]=Z.useState("idle");return jsx(nd.Provider,{value:{imageLoadingStatus:a,onImageLoadingStatusChange:s},children:jsx("span",{ref:o,className:m(Qx({size:t,radius:n,className:e})),...r})})});wr.displayName="Avatar";var qr=Z.forwardRef(({className:e,src:t,alt:n,onLoadingStatusChange:r,...o},a)=>{let{imageLoadingStatus:s,onImageLoadingStatusChange:i}=rd();return Z.useEffect(()=>{if(!t){i("error");return}i("loading"),r?.("loading");let c=new Image;c.src=t,c.onload=()=>{i("loaded"),r?.("loaded");},c.onerror=()=>{i("error"),r?.("error");};},[t,i,r]),s!=="loaded"?null:jsx("img",{ref:a,src:t,alt:n,className:m("aspect-square h-full w-full object-cover",e),...o})});qr.displayName="AvatarImage";var Cr=Z.forwardRef(({className:e,delayMs:t=0,children:n,...r},o)=>{let{imageLoadingStatus:a}=rd(),[s,i]=Z.useState(t===0);return Z.useEffect(()=>{if(t>0){let c=setTimeout(()=>i(true),t);return ()=>clearTimeout(c)}},[t]),a==="loaded"||!s?null:jsx("span",{ref:o,className:m("flex h-full w-full items-center justify-center bg-muted",e),...r,children:n})});Cr.displayName="AvatarFallback";var ad=Z.createContext({delayDuration:700,skipDelayDuration:300}),Zr=({children:e,delayDuration:t=700,skipDelayDuration:n=300})=>jsx(ad.Provider,{value:{delayDuration:t,skipDelayDuration:n},children:e});Zr.displayName="TooltipProvider";var sd=Z.createContext(null),id=()=>{let e=Z.useContext(sd);if(!e)throw new Error("Tooltip components must be used within a Tooltip");return e},Un=({children:e,open:t,defaultOpen:n=false,onOpenChange:r,delayDuration:o})=>{let a=Z.useContext(ad),[s,i]=Z.useState(n),c=t!==void 0,l=c?t:s,d=Z.useRef(null),u=Z.useId(),p=Z.useRef(null),f=o??a.delayDuration,g=Z.useCallback(h=>{p.current&&clearTimeout(p.current),h?p.current=setTimeout(()=>{c||i(true),r?.(true);},f):(c||i(false),r?.(false));},[c,r,f]);return Z.useEffect(()=>()=>{p.current&&clearTimeout(p.current);},[]),jsx(sd.Provider,{value:{open:l,onOpenChange:g,triggerRef:d,contentId:u},children:e})};Un.displayName="Tooltip";var jn=Z.forwardRef(({children:e,onMouseEnter:t,onMouseLeave:n,onFocus:r,onBlur:o,...a},s)=>{let{onOpenChange:i,triggerRef:c,contentId:l,open:d}=id();return jsx("button",{ref:h=>{c.current=h,typeof s=="function"?s(h):s&&(s.current=h);},type:"button","aria-describedby":d?l:void 0,onMouseEnter:h=>{t?.(h),i(true);},onMouseLeave:h=>{n?.(h),i(false);},onFocus:h=>{r?.(h),i(true);},onBlur:h=>{o?.(h),i(false);},...a,children:e})});jn.displayName="TooltipTrigger";var Wn=Z.forwardRef(({className:e,side:t="top",sideOffset:n=4,align:r="center",alignOffset:o=0,children:a,...s},i)=>{let{open:c,triggerRef:l,contentId:d}=id(),[u,p]=Z.useState({top:0,left:0}),[f,g]=Z.useState(false),h=Z.useRef(null);if(Z.useEffect(()=>{g(true);},[]),Z.useEffect(()=>{if(!c||!l.current||!h.current)return;let b=l.current.getBoundingClientRect(),y=h.current.getBoundingClientRect(),x=0,w=0;switch(t){case "top":x=b.top-y.height-n;break;case "bottom":x=b.bottom+n;break;case "left":w=b.left-y.width-n;break;case "right":w=b.right+n;break}if(t==="top"||t==="bottom")switch(r){case "start":w=b.left+o;break;case "center":w=b.left+b.width/2-y.width/2;break;case "end":w=b.right-y.width-o;break}else switch(r){case "start":x=b.top+o;break;case "center":x=b.top+b.height/2-y.height/2;break;case "end":x=b.bottom-y.height-o;break}p({top:x,left:w});},[c,t,n,r,o,l]),!f||!c)return null;let v={top:"animate-in fade-in-0 zoom-in-95 slide-in-from-bottom-2",bottom:"animate-in fade-in-0 zoom-in-95 slide-in-from-top-2",left:"animate-in fade-in-0 zoom-in-95 slide-in-from-right-2",right:"animate-in fade-in-0 zoom-in-95 slide-in-from-left-2"}[t];return La.createPortal(jsx("div",{ref:b=>{h.current=b,typeof i=="function"?i(b):i&&(i.current=b);},id:d,role:"tooltip","data-side":t,className:m("fixed z-50 overflow-hidden rounded-md px-3 py-1.5 text-xs bg-zinc-100 text-zinc-900 dark:bg-zinc-900 dark:text-zinc-100",v,e),style:{top:u.top,left:u.left},...s,children:a}),document.body)});Wn.displayName="TooltipContent";var Jx={sm:"20px",md:"40px",lg:"60px"},ze=Z.forwardRef(({className:e,orientation:t="vertical",visibility:n="visible",showShadow:r=false,shadowSize:o="md",children:a,style:s,...i},c)=>{let l=Z.useRef(null),[d,u]=Z.useState(false),[p,f]=Z.useState({top:false,bottom:false,left:false,right:false}),g=Z.useId().replace(/:/g,"");Z.useImperativeHandle(c,()=>l.current);let h=Z.useCallback(()=>{let C=l.current;if(!C||!r)return;let{scrollTop:R,scrollLeft:T,scrollHeight:P,scrollWidth:L,clientHeight:k,clientWidth:E}=C;f({top:R>0,bottom:R<P-k-1,left:T>0,right:T<L-E-1});},[r]);Z.useEffect(()=>{if(!r)return;let C=l.current;if(C)return h(),C.addEventListener("scroll",h),window.addEventListener("resize",h),()=>{C.removeEventListener("scroll",h),window.removeEventListener("resize",h);}},[r,h]);let v=n==="visible"||n==="hover"&&d,b=v?"rgba(0,0,0,0.3)":"transparent",y=v?"rgba(255,255,255,0.3)":"transparent",x=`
2
2
  #${g} {
3
3
  scrollbar-width: thin;
4
4
  scrollbar-color: ${b} transparent;