@sourceful-energy/ui 0.1.27 → 0.1.29
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.mts +164 -11
- package/dist/index.d.ts +164 -11
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +11 -11
package/dist/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as A from'react';import {useRef,useEffect}from'react';import*as B from'@radix-ui/react-accordion';import {ChevronDown,Check,X,ChevronRight,Circle,ChevronUp,ChevronLeft,Menu}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {cva}from'class-variance-authority';import {Slot}from'@radix-ui/react-slot';import*as ce from'@radix-ui/react-checkbox';import*as S from'@radix-ui/react-dialog';import*as m from'@radix-ui/react-dropdown-menu';import*as Le from'@radix-ui/react-label';import*as me from'@radix-ui/react-progress';import*as Z from'@radix-ui/react-radio-group';import*as V from'@radix-ui/react-scroll-area';import*as f from'@radix-ui/react-select';import*as Be from'@radix-ui/react-separator';import*as q from'@radix-ui/react-slider';import*as ue from'@radix-ui/react-switch';import*as U from'@radix-ui/react-tabs';import*as O from'@radix-ui/react-tooltip';import Yo from'lenis';var Ui=Object.defineProperty,Oi=Object.defineProperties;var _i=Object.getOwnPropertyDescriptors;var Re=Object.getOwnPropertySymbols;var it=Object.prototype.hasOwnProperty,ot=Object.prototype.propertyIsEnumerable;var tt=(e,t,i)=>t in e?Ui(e,t,{enumerable:true,configurable:true,writable:true,value:i}):e[t]=i,s=(e,t)=>{for(var i in t||(t={}))it.call(t,i)&&tt(e,i,t[i]);if(Re)for(var i of Re(t))ot.call(t,i)&&tt(e,i,t[i]);return e},x=(e,t)=>Oi(e,_i(t));var n=(e,t)=>{var i={};for(var r in e)it.call(e,r)&&t.indexOf(r)<0&&(i[r]=e[r]);if(e!=null&&Re)for(var r of Re(e))t.indexOf(r)<0&&ot.call(e,r)&&(i[r]=e[r]);return i};function a(...e){return twMerge(clsx(e))}var Ji=B.Root,rt=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx(B.Item,s({ref:i,className:a("border-b",e)},t))});rt.displayName="AccordionItem";var at=A.forwardRef((o,r)=>{var l=o,{className:e,children:t}=l,i=n(l,["className","children"]);return jsx(B.Header,{className:"flex",children:jsxs(B.Trigger,x(s({ref:r,className:a("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",e)},i),{children:[t,jsx(ChevronDown,{className:"h-4 w-4 shrink-0 transition-transform duration-200"})]}))})});at.displayName=B.Trigger.displayName;var st=A.forwardRef((o,r)=>{var l=o,{className:e,children:t}=l,i=n(l,["className","children"]);return jsx(B.Content,x(s({ref:r,className:"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"},i),{children:jsx("div",{className:a("pb-4 pt-0",e),children:t})}))});st.displayName=B.Content.displayName;var Yi=cva("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",{variants:{variant:{default:"bg-background text-foreground",destructive:"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",success:"border-sourceful-green-500/50 bg-sourceful-green-50 text-sourceful-green-900 dark:bg-sourceful-green-950/50 dark:text-sourceful-green-100 [&>svg]:text-sourceful-green-500",warning:"border-sourceful-yellow-500/50 bg-sourceful-yellow-50 text-sourceful-yellow-900 dark:bg-sourceful-yellow-950/50 dark:text-sourceful-yellow-100 [&>svg]:text-sourceful-yellow-500",info:"border-blue-500/50 bg-blue-50 text-blue-900 dark:bg-blue-950/50 dark:text-blue-100 [&>svg]:text-blue-500",energy:"border-sourceful-yellow-400/50 bg-sourceful-yellow-50 text-sourceful-gray-900 dark:bg-sourceful-yellow-950/50 dark:text-sourceful-yellow-100 [&>svg]:text-sourceful-yellow-400"}},defaultVariants:{variant:"default"}}),nt=A.forwardRef((o,r)=>{var l=o,{className:e,variant:t}=l,i=n(l,["className","variant"]);return jsx("div",s({ref:r,role:"alert",className:a(Yi({variant:t}),e)},i))});nt.displayName="Alert";var lt=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx("h5",s({ref:i,className:a("mb-1 font-medium leading-none tracking-tight",e)},t))});lt.displayName="AlertTitle";var ct=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx("div",s({ref:i,className:a("text-sm [&_p]:leading-relaxed",e)},t))});ct.displayName="AlertDescription";var dt=cva("inline-flex items-center gap-1 border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 [&_svg]:size-3 [&_svg]:shrink-0",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",outline:"text-foreground",energy:"border-transparent bg-sourceful-yellow-400 text-sourceful-gray-900 shadow hover:bg-sourceful-yellow-500",success:"border-transparent bg-sourceful-green-500 text-sourceful-gray-900 shadow hover:bg-sourceful-green-600",warning:"border-transparent bg-orange-500 text-white shadow hover:bg-orange-600",info:"border-transparent bg-blue-500 text-white shadow hover:bg-blue-600","success-soft":"border-sourceful-green-500/20 bg-sourceful-green-500/10 text-sourceful-green-600 dark:text-sourceful-green-400","warning-soft":"border-orange-500/20 bg-orange-500/10 text-orange-600 dark:text-orange-400","destructive-soft":"border-destructive/20 bg-destructive/10 text-destructive dark:text-red-400","info-soft":"border-blue-500/20 bg-blue-500/10 text-blue-600 dark:text-blue-400","energy-soft":"border-sourceful-yellow-500/20 bg-sourceful-yellow-400/10 text-sourceful-yellow-600 dark:text-sourceful-yellow-400","success-outline":"border-sourceful-green-500/50 bg-transparent text-sourceful-green-600 dark:text-sourceful-green-400","warning-outline":"border-orange-500/50 bg-transparent text-orange-600 dark:text-orange-400","destructive-outline":"border-destructive/50 bg-transparent text-destructive dark:text-red-400","info-outline":"border-blue-500/50 bg-transparent text-blue-600 dark:text-blue-400"},rounded:{default:"rounded-md",full:"rounded-full"}},defaultVariants:{variant:"default",rounded:"default"}});function ji(o){var l=o,{className:e,variant:t,rounded:i}=l,r=n(l,["className","variant","rounded"]);return jsx("div",s({className:a(dt({variant:t,rounded:i}),e)},r))}var pt=cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),ft=A.forwardRef((d,l)=>{var w=d,{className:e,variant:t,size:i,asChild:r=false}=w,o=n(w,["className","variant","size","asChild"]);return jsx(r?Slot:"button",s({className:a(pt({variant:t,size:i,className:e})),ref:l},o))});ft.displayName="Button";var ut=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx("div",s({ref:i,className:a("rounded-xl border bg-card text-card-foreground shadow",e)},t))});ut.displayName="Card";var vt=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx("div",s({ref:i,className:a("flex flex-col space-y-1.5 p-6",e)},t))});vt.displayName="CardHeader";var gt=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx("div",s({ref:i,className:a("font-semibold leading-none tracking-tight",e)},t))});gt.displayName="CardTitle";var xt=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx("div",s({ref:i,className:a("text-sm text-muted-foreground",e)},t))});xt.displayName="CardDescription";var bt=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx("div",s({ref:i,className:a("p-6 pt-0",e)},t))});bt.displayName="CardContent";var Pt=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx("div",s({ref:i,className:a("flex items-center p-6 pt-0",e)},t))});Pt.displayName="CardFooter";var yt=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx(ce.Root,x(s({ref:i,className:a("peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",e)},t),{children:jsx(ce.Indicator,{className:a("flex items-center justify-center text-current"),children:jsx(Check,{className:"h-4 w-4"})})}))});yt.displayName=ce.Root.displayName;var so=S.Root,no=S.Trigger,ht=S.Portal,lo=S.Close,De=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx(S.Overlay,s({ref:i,className:a("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e)},t))});De.displayName=S.Overlay.displayName;var wt=A.forwardRef((o,r)=>{var l=o,{className:e,children:t}=l,i=n(l,["className","children"]);return jsxs(ht,{children:[jsx(De,{}),jsxs(S.Content,x(s({ref:r,className:a("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",e)},i),{children:[t,jsxs(S.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[jsx(X,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Close"})]})]}))]})});wt.displayName=S.Content.displayName;var Tt=i=>{var r=i,{className:e}=r,t=n(r,["className"]);return jsx("div",s({className:a("flex flex-col space-y-1.5 text-center sm:text-left",e)},t))};Tt.displayName="DialogHeader";var St=i=>{var r=i,{className:e}=r,t=n(r,["className"]);return jsx("div",s({className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e)},t))};St.displayName="DialogFooter";var Nt=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx(S.Title,s({ref:i,className:a("text-lg font-semibold leading-none tracking-tight",e)},t))});Nt.displayName=S.Title.displayName;var Ct=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx(S.Description,s({ref:i,className:a("text-sm text-muted-foreground",e)},t))});Ct.displayName=S.Description.displayName;var fo=m.Root,uo=m.Trigger,vo=m.Group,go=m.Portal,xo=m.Sub,bo=m.RadioGroup,Mt=A.forwardRef((l,o)=>{var d=l,{className:e,inset:t,children:i}=d,r=n(d,["className","inset","children"]);return jsxs(m.SubTrigger,x(s({ref:o,className:a("flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",t&&"pl-8",e)},r),{children:[i,jsx(ChevronRight,{className:"ml-auto"})]}))});Mt.displayName=m.SubTrigger.displayName;var Dt=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx(m.SubContent,s({ref:i,className:a("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 origin-[--radix-dropdown-menu-content-transform-origin]",e)},t))});Dt.displayName=m.SubContent.displayName;var kt=A.forwardRef((o,r)=>{var l=o,{className:e,sideOffset:t=4}=l,i=n(l,["className","sideOffset"]);return jsx(m.Portal,{children:jsx(m.Content,s({ref:r,sideOffset:t,className:a("z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md","data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 origin-[--radix-dropdown-menu-content-transform-origin]",e)},i))})});kt.displayName=m.Content.displayName;var Lt=A.forwardRef((o,r)=>{var l=o,{className:e,inset:t}=l,i=n(l,["className","inset"]);return jsx(m.Item,s({ref:r,className:a("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",t&&"pl-8",e)},i))});Lt.displayName=m.Item.displayName;var Ht=A.forwardRef((l,o)=>{var d=l,{className:e,children:t,checked:i}=d,r=n(d,["className","children","checked"]);return jsxs(m.CheckboxItem,x(s({ref:o,className:a("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),checked:i},r),{children:[jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:jsx(m.ItemIndicator,{children:jsx(Check,{className:"h-4 w-4"})})}),t]}))});Ht.displayName=m.CheckboxItem.displayName;var At=A.forwardRef((o,r)=>{var l=o,{className:e,children:t}=l,i=n(l,["className","children"]);return jsxs(m.RadioItem,x(s({ref:r,className:a("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e)},i),{children:[jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:jsx(m.ItemIndicator,{children:jsx(Circle,{className:"h-2 w-2 fill-current"})})}),t]}))});At.displayName=m.RadioItem.displayName;var Et=A.forwardRef((o,r)=>{var l=o,{className:e,inset:t}=l,i=n(l,["className","inset"]);return jsx(m.Label,s({ref:r,className:a("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",e)},i))});Et.displayName=m.Label.displayName;var It=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx(m.Separator,s({ref:i,className:a("-mx-1 my-1 h-px bg-muted",e)},t))});It.displayName=m.Separator.displayName;var Gt=i=>{var r=i,{className:e}=r,t=n(r,["className"]);return jsx("span",s({className:a("ml-auto text-xs tracking-widest opacity-60",e)},t))};Gt.displayName="DropdownMenuShortcut";var Bt=A.forwardRef((o,r)=>{var l=o,{className:e,type:t}=l,i=n(l,["className","type"]);return jsx("input",s({type:t,className:a("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:r},i))});Bt.displayName="Input";var yo=cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),Wt=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx(Le.Root,s({ref:i,className:a(yo(),e)},t))});Wt.displayName=Le.Root.displayName;var Ot=A.forwardRef((o,r)=>{var l=o,{className:e,value:t}=l,i=n(l,["className","value"]);return jsx(me.Root,x(s({ref:r,className:a("relative h-4 w-full overflow-hidden rounded-full bg-secondary",e)},i),{children:jsx(me.Indicator,{className:"h-full w-full flex-1 bg-primary transition-all",style:{transform:`translateX(-${100-(t||0)}%)`}})}))});Ot.displayName=me.Root.displayName;var _t=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx(Z.Root,x(s({className:a("grid gap-2",e)},t),{ref:i}))});_t.displayName=Z.Root.displayName;var $t=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx(Z.Item,x(s({ref:i,className:a("aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",e)},t),{children:jsx(Z.Indicator,{className:"flex items-center justify-center",children:jsx(Circle,{className:"h-2.5 w-2.5 fill-current text-current"})})}))});$t.displayName=Z.Item.displayName;var qt=A.forwardRef((o,r)=>{var l=o,{className:e,children:t}=l,i=n(l,["className","children"]);return jsxs(V.Root,x(s({ref:r,className:a("relative overflow-hidden",e)},i),{children:[jsx(V.Viewport,{className:"h-full w-full rounded-[inherit]",children:t}),jsx(Ee,{}),jsx(V.Corner,{})]}))});qt.displayName=V.Root.displayName;var Ee=A.forwardRef((o,r)=>{var l=o,{className:e,orientation:t="vertical"}=l,i=n(l,["className","orientation"]);return jsx(V.ScrollAreaScrollbar,x(s({ref:r,orientation:t,className:a("flex touch-none select-none transition-colors",t==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",t==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",e)},i),{children:jsx(V.ScrollAreaThumb,{className:"relative flex-1 rounded-full bg-border"})}))});Ee.displayName=V.ScrollAreaScrollbar.displayName;var Co=f.Root,Mo=f.Group,Do=f.Value,Jt=A.forwardRef((o,r)=>{var l=o,{className:e,children:t}=l,i=n(l,["className","children"]);return jsxs(f.Trigger,x(s({ref:r,className:a("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",e)},i),{children:[t,jsx(f.Icon,{asChild:true,children:jsx(ChevronDown,{className:"h-4 w-4 opacity-50"})})]}))});Jt.displayName=f.Trigger.displayName;var Ie=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx(f.ScrollUpButton,x(s({ref:i,className:a("flex cursor-default items-center justify-center py-1",e)},t),{children:jsx(ChevronUp,{className:"h-4 w-4"})}))});Ie.displayName=f.ScrollUpButton.displayName;var Ge=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx(f.ScrollDownButton,x(s({ref:i,className:a("flex cursor-default items-center justify-center py-1",e)},t),{children:jsx(ChevronDown,{className:"h-4 w-4"})}))});Ge.displayName=f.ScrollDownButton.displayName;var Kt=A.forwardRef((l,o)=>{var d=l,{className:e,children:t,position:i="popper"}=d,r=n(d,["className","children","position"]);return jsx(f.Portal,{children:jsxs(f.Content,x(s({ref:o,className:a("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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",i==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:i},r),{children:[jsx(Ie,{}),jsx(f.Viewport,{className:a("p-1",i==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:t}),jsx(Ge,{})]}))})});Kt.displayName=f.Content.displayName;var Qt=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx(f.Label,s({ref:i,className:a("py-1.5 pl-8 pr-2 text-sm font-semibold",e)},t))});Qt.displayName=f.Label.displayName;var Yt=A.forwardRef((o,r)=>{var l=o,{className:e,children:t}=l,i=n(l,["className","children"]);return jsxs(f.Item,x(s({ref:r,className:a("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e)},i),{children:[jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:jsx(f.ItemIndicator,{children:jsx(Check,{className:"h-4 w-4"})})}),jsx(f.ItemText,{children:t})]}))});Yt.displayName=f.Item.displayName;var Zt=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx(f.Separator,s({ref:i,className:a("-mx-1 my-1 h-px bg-muted",e)},t))});Zt.displayName=f.Separator.displayName;var ei=A.forwardRef((l,o)=>{var d=l,{className:e,orientation:t="horizontal",decorative:i=true}=d,r=n(d,["className","orientation","decorative"]);return jsx(Be.Root,s({ref:o,decorative:i,orientation:t,className:a("shrink-0 bg-border",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e)},r))});ei.displayName=Be.Root.displayName;var Ao=S.Root,Eo=S.Trigger,Io=S.Close,ti=S.Portal,We=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx(S.Overlay,x(s({className:a("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e)},t),{ref:i}))});We.displayName=S.Overlay.displayName;var Go=cva("fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",{variants:{side:{top:"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"}},defaultVariants:{side:"right"}}),ii=A.forwardRef((l,o)=>{var d=l,{side:e="right",className:t,children:i}=d,r=n(d,["side","className","children"]);return jsxs(ti,{children:[jsx(We,{}),jsxs(S.Content,x(s({ref:o,className:a(Go({side:e}),t)},r),{children:[i,jsxs(S.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary",children:[jsx(X,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Close"})]})]}))]})});ii.displayName=S.Content.displayName;var oi=i=>{var r=i,{className:e}=r,t=n(r,["className"]);return jsx("div",s({className:a("flex flex-col space-y-2 text-center sm:text-left",e)},t))};oi.displayName="SheetHeader";var ri=i=>{var r=i,{className:e}=r,t=n(r,["className"]);return jsx("div",s({className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e)},t))};ri.displayName="SheetFooter";var ai=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx(S.Title,s({ref:i,className:a("text-lg font-semibold text-foreground",e)},t))});ai.displayName=S.Title.displayName;var si=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx(S.Description,s({ref:i,className:a("text-sm text-muted-foreground",e)},t))});si.displayName=S.Description.displayName;function zo(i){var r=i,{className:e}=r,t=n(r,["className"]);return jsx("div",s({className:a("animate-pulse rounded-md bg-muted",e)},t))}var li=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsxs(q.Root,x(s({ref:i,className:a("relative flex w-full touch-none select-none items-center",e)},t),{children:[jsx(q.Track,{className:"relative h-2 w-full grow overflow-hidden rounded-full bg-secondary",children:jsx(q.Range,{className:"absolute h-full bg-primary"})}),jsx(q.Thumb,{className:"block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"})]}))});li.displayName=q.Root.displayName;var mi=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx(ue.Root,x(s({className:a("peer inline-flex h-6 w-11 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 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",e)},t),{ref:i,children:jsx(ue.Thumb,{className:a("pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0")})}))});mi.displayName=ue.Root.displayName;var pi=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx("div",{className:"relative w-full overflow-auto",children:jsx("table",s({ref:i,className:a("w-full caption-bottom text-sm",e)},t))})});pi.displayName="Table";var fi=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx("thead",s({ref:i,className:a("[&_tr]:border-b",e)},t))});fi.displayName="TableHeader";var ui=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx("tbody",s({ref:i,className:a("[&_tr:last-child]:border-0",e)},t))});ui.displayName="TableBody";var vi=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx("tfoot",s({ref:i,className:a("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e)},t))});vi.displayName="TableFooter";var gi=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx("tr",s({ref:i,className:a("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e)},t))});gi.displayName="TableRow";var xi=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx("th",s({ref:i,className:a("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e)},t))});xi.displayName="TableHead";var bi=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx("td",s({ref:i,className:a("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e)},t))});bi.displayName="TableCell";var Pi=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx("caption",s({ref:i,className:a("mt-4 text-sm text-muted-foreground",e)},t))});Pi.displayName="TableCaption";var Wo=U.Root,Ri=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx(U.List,s({ref:i,className:a("inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",e)},t))});Ri.displayName=U.List.displayName;var yi=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx(U.Trigger,s({ref:i,className:a("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground",e)},t))});yi.displayName=U.Trigger.displayName;var hi=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx(U.Content,s({ref:i,className:a("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",e)},t))});hi.displayName=U.Content.displayName;var Ti=A.forwardRef((r,i)=>{var o=r,{className:e}=o,t=n(o,["className"]);return jsx("textarea",s({className:a("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",e),ref:i},t))});Ti.displayName="Textarea";var Oe=O.Provider,_e=O.Root,$e=O.Trigger,Se=A.forwardRef((o,r)=>{var l=o,{className:e,sideOffset:t=4}=l,i=n(l,["className","sideOffset"]);return jsx(O.Portal,{children:jsx(O.Content,s({ref:r,sideOffset:t,className:a("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-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 origin-[--radix-tooltip-content-transform-origin]",e)},i))})});Se.displayName=O.Content.displayName;var Mi=A.createContext(null);function Di(){let e=A.useContext(Mi);if(!e)throw new Error("SideMenu components must be used within SideMenu");return e}var _o=({href:e,className:t,children:i})=>jsx("a",{href:e,className:t,children:i}),ki=A.forwardRef(({header:e,collapsedHeader:t,sections:i,items:r,footer:o,collapsed:l,onCollapsedChange:d,collapsible:w=true,defaultCollapsed:g=false,activeItem:E,className:I,linkComponent:k=_o},oe)=>{let[M,_]=A.useState(g),W=l!=null?l:M,xe=()=>{let F=!W;_(F),d==null||d(F);};return jsx(Oe,{delayDuration:0,children:jsx(Mi.Provider,{value:{collapsed:W,activeItem:E,LinkComponent:k},children:jsxs("aside",{ref:oe,className:a("flex h-full flex-col transition-[width] duration-300 ease-in-out","bg-white dark:bg-[#141414] border-r border-sourceful-gray-200 dark:border-[#1a1a1a]",W?"w-16":"w-64",I),children:[jsxs("div",{className:a("flex items-center border-b border-sourceful-gray-200 dark:border-[#1a1a1a] flex-shrink-0 h-12",W?"justify-center px-2":"justify-between px-3"),children:[W&&t||e,w&&jsx("button",{onClick:xe,className:a("rounded-md h-5 w-5 flex items-center justify-center","text-sourceful-gray-400 dark:text-sourceful-gray-500","hover:text-sourceful-gray-600 dark:hover:text-sourceful-gray-300 transition-colors","bg-white dark:bg-[#141414] border border-sourceful-gray-200 dark:border-sourceful-gray-700 shadow-sm",W&&"absolute left-[calc(4rem-10px)] top-6 -translate-y-1/2 z-50"),"aria-label":W?"Expand sidebar":"Collapse sidebar",children:W?jsx(ChevronRight,{className:"h-3 w-3"}):jsx(ChevronLeft,{className:"h-3 w-3"})})]}),jsxs("nav",{className:"flex-1 py-2 overflow-y-auto overflow-x-hidden",children:[r&&r.length>0&&jsx("div",{className:"px-2 mb-1 space-y-0.5",children:r.map(F=>jsx(qe,{item:F},F.id))}),i==null?void 0:i.map(F=>jsx($o,{section:F},F.id))]}),o&&jsx("div",{className:"flex-shrink-0 border-t border-sourceful-gray-200 dark:border-[#1a1a1a] p-2",children:o})]})})})});ki.displayName="SideMenu";function $o({section:e}){var o;let{collapsed:t}=Di(),[i,r]=A.useState((o=e.defaultExpanded)!=null?o:true);return t?jsx("div",{className:"px-2 mb-1 space-y-0.5",children:e.items.map(l=>jsx(qe,{item:l},l.id))}):jsxs("div",{className:"px-2 mb-1",children:[jsxs("button",{onClick:()=>r(!i),className:a("flex w-full items-center gap-2.5 rounded-md px-2 py-1.5 text-sm font-medium","text-sourceful-gray-700 dark:text-sourceful-gray-300","hover:bg-sourceful-gray-50 dark:hover:bg-sourceful-gray-900","hover:text-sourceful-gray-900 dark:hover:text-white transition-colors"),children:[e.icon&&jsx("span",{className:"h-3.5 w-3.5 flex-shrink-0",children:e.icon}),jsx("span",{className:"flex-1 text-left",children:e.title}),i?jsx(ChevronDown,{className:"h-3 w-3",strokeWidth:1.5}):jsx(ChevronRight,{className:"h-3 w-3",strokeWidth:1.5})]}),i&&jsxs("div",{className:"mt-0.5 space-y-0.5 relative pl-5",children:[jsx("div",{className:"absolute left-[1.1rem] top-0 bottom-0 w-px bg-sourceful-gray-200 dark:bg-sourceful-gray-700"}),e.items.map(l=>jsx(qe,{item:l,nested:true},l.id))]})]})}function qe({item:e,nested:t=false}){let{collapsed:i,activeItem:r,LinkComponent:o}=Di(),l=r===e.id,d=a("flex items-center gap-2.5 rounded-md text-sm font-medium transition-colors",i?"justify-center px-2 py-2.5":"px-2 py-1.5",l?t?"bg-sourceful-gray-100 dark:bg-[#1a1a1a] text-sourceful-gray-900 dark:text-white":"bg-sourceful-green-50 dark:bg-sourceful-green-950 text-sourceful-green-700 dark:text-sourceful-green-400":"text-sourceful-gray-700 dark:text-sourceful-gray-300 hover:bg-sourceful-gray-50 dark:hover:bg-sourceful-gray-900 hover:text-sourceful-gray-900 dark:hover:text-white",e.disabled&&"opacity-50 pointer-events-none"),w=jsxs(Fragment,{children:[e.icon&&jsx("span",{className:a("flex-shrink-0",i?"h-5 w-5":"h-3.5 w-3.5"),children:e.icon}),!i&&jsx("span",{children:e.label}),!i&&e.badge&&jsx("span",{className:"ml-auto text-xs bg-sourceful-gray-100 dark:bg-sourceful-gray-800 px-1.5 py-0.5 rounded",children:e.badge})]}),g=e.href?jsx(o,{href:e.href,className:d,children:w}):jsx("button",{onClick:e.onClick,disabled:e.disabled,className:a(d,"w-full"),children:w});return i?jsxs(_e,{children:[jsx($e,{asChild:true,children:g}),jsx(Se,{side:"right",sideOffset:8,children:e.label})]}):g}var Jo=({href:e,className:t,children:i})=>jsx("a",{href:e,className:t,children:i}),Li=A.forwardRef(({breadcrumbs:e=[],showMobileMenu:t=false,onMobileMenuClick:i,leftContent:r,rightContent:o,className:l,linkComponent:d=Jo},w)=>jsxs("header",{ref:w,className:a("sticky top-0 z-30 flex h-12 items-center gap-3","border-b border-sourceful-gray-200 dark:border-[#1a1a1a]","bg-white dark:bg-[#141414] px-4",l),children:[t&&jsx("button",{onClick:i,className:"lg:hidden rounded-md p-1.5 text-sourceful-gray-600 hover:bg-sourceful-gray-100 dark:text-sourceful-gray-400 dark:hover:bg-sourceful-gray-800","aria-label":"Toggle menu",children:jsx(Menu,{className:"h-4 w-4"})}),e.length>0&&jsx("nav",{className:"hidden md:flex items-center gap-1.5 text-sm","aria-label":"Breadcrumb",children:e.map((g,E)=>jsxs(A.Fragment,{children:[E>0&&jsx("span",{className:"text-sourceful-gray-400 dark:text-sourceful-gray-500 text-xs",children:"/"}),g.href?jsx(d,{href:g.href,className:"text-sourceful-gray-600 dark:text-sourceful-gray-400 hover:text-sourceful-gray-900 dark:hover:text-white transition-colors text-sm",children:g.label}):jsx("span",{className:"text-sourceful-gray-900 dark:text-white font-medium text-sm",children:g.label})]},E))}),r,jsx("div",{className:"flex-1"}),o&&jsx("div",{className:"flex items-center gap-1.5",children:o})]}));Li.displayName="TopMenu";var Hi=A.forwardRef(({name:e,email:t,avatarUrl:i,avatarContent:r,avatarClassName:o,children:l,className:d},w)=>{let[g,E]=A.useState(false),I=A.useRef(null);return A.useEffect(()=>{let k=oe=>{I.current&&!I.current.contains(oe.target)&&E(false);};return g&&document.addEventListener("mousedown",k),()=>{document.removeEventListener("mousedown",k);}},[g]),jsx("div",{ref:w,className:a("relative",d),children:jsxs("div",{ref:I,children:[jsx("button",{onClick:()=>E(!g),className:"flex items-center gap-1.5 rounded-full p-0.5 hover:ring-2 hover:ring-sourceful-green-500 hover:ring-offset-2 dark:hover:ring-offset-[#141414] transition-all","aria-label":"Account menu",children:jsx("div",{className:a("h-8 w-8 rounded-full overflow-hidden flex items-center justify-center",o||"bg-gradient-to-br from-sourceful-yellow-400 to-sourceful-yellow-600"),children:i?jsx("img",{src:i,alt:e||"User",className:"h-full w-full object-cover"}):r})}),g&&jsxs("div",{className:"absolute right-0 mt-2 w-64 rounded-lg border border-sourceful-gray-200 dark:border-[#1a1a1a] bg-white dark:bg-[#141414] shadow-lg overflow-hidden z-50",children:[(e||t)&&jsx("div",{className:"px-4 py-3 border-b border-sourceful-gray-200 dark:border-[#1a1a1a]",children:jsxs("div",{className:"flex items-center gap-3",children:[jsx("div",{className:a("h-10 w-10 rounded-full overflow-hidden flex items-center justify-center",o||"bg-gradient-to-br from-sourceful-yellow-400 to-sourceful-yellow-600"),children:i?jsx("img",{src:i,alt:e||"User",className:"h-full w-full object-cover"}):r}),jsxs("div",{className:"flex-1 min-w-0",children:[e&&jsx("p",{className:"text-sm font-medium text-sourceful-gray-900 dark:text-white truncate",children:e}),t&&jsx("p",{className:"text-xs text-sourceful-gray-500 dark:text-sourceful-gray-400 truncate",children:t})]})]})}),l]})]})})});Hi.displayName="TopMenuUser";var Ai=A.forwardRef(({icon:e,children:t,onClick:i,href:r,variant:o="default",className:l},d)=>jsxs(r?"a":"button",{ref:d,onClick:i,href:r,className:a("w-full flex items-center gap-3 px-4 py-2 text-sm transition-colors",{default:"text-sourceful-gray-700 dark:text-sourceful-gray-300 hover:bg-sourceful-gray-50 dark:hover:bg-[#1a1a1a]",danger:"text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-950/20",success:"text-sourceful-green-600 dark:text-sourceful-green-400 hover:bg-sourceful-green-50 dark:hover:bg-sourceful-green-950/20"}[o],l),children:[e&&jsx("span",{className:"h-4 w-4",children:e}),jsx("span",{children:t})]}));Ai.displayName="TopMenuUserItem";var Ei=A.forwardRef(({children:e,className:t},i)=>jsx("div",{ref:i,className:a("py-1 border-t border-sourceful-gray-200 dark:border-[#1a1a1a] first:border-t-0",t),children:e}));Ei.displayName="TopMenuUserSection";var Je=A.createContext(null);function Ke(){let e=A.useContext(Je);if(!e)throw new Error("SimpleTabsPanel must be used within SimpleTabs");return e}var Ii=A.forwardRef(({tabs:e,activeTab:t,defaultTab:i,onTabChange:r,children:o,className:l,tabsClassName:d},w)=>{var oe;let[g,E]=A.useState(i||((oe=e[0])==null?void 0:oe.id)||""),I=t!=null?t:g,k=M=>{E(M),r==null||r(M);};return jsx(Je.Provider,{value:{activeTab:I,setActiveTab:k},children:jsxs("div",{ref:w,className:a("space-y-6",l),children:[jsx("div",{className:"border-b border-sourceful-gray-200 dark:border-sourceful-gray-800",children:jsx("nav",{className:a("-mb-px flex gap-1 overflow-x-auto scrollbar-hide",d),"aria-label":"Tabs",children:e.map(M=>{let _=I===M.id;return jsxs("button",{onClick:()=>!M.disabled&&k(M.id),disabled:M.disabled,className:a("relative flex items-center gap-2 px-4 py-3 text-sm font-medium transition-colors whitespace-nowrap",_?"text-sourceful-green-600 dark:text-sourceful-green-400":"text-sourceful-gray-500 dark:text-sourceful-gray-400 hover:text-sourceful-gray-700 dark:hover:text-sourceful-gray-300",M.disabled&&"opacity-50 cursor-not-allowed"),children:[M.icon&&jsx("span",{className:"h-4 w-4",children:M.icon}),M.label,_&&jsx("span",{className:"absolute bottom-0 left-0 right-0 h-0.5 bg-sourceful-green-500","aria-hidden":"true"})]},M.id)})})}),o&&jsx("div",{children:o})]})})});Ii.displayName="SimpleTabs";var Gi=A.forwardRef(({id:e,children:t,className:i},r)=>{let{activeTab:o}=Ke();return o!==e?null:jsx("div",{ref:r,role:"tabpanel","aria-labelledby":`tab-${e}`,className:i,children:t})});Gi.displayName="SimpleTabsPanel";var zi=A.forwardRef(({activeTab:e,defaultTab:t,onTabChange:i,children:r,className:o},l)=>{let[d,w]=A.useState(t||""),g=e!=null?e:d,E=I=>{w(I),i==null||i(I);};return jsx(Je.Provider,{value:{activeTab:g,setActiveTab:E},children:jsx("div",{ref:l,className:a("space-y-6",o),children:r})})});zi.displayName="SimpleTabsRoot";var Bi=A.forwardRef(({children:e,className:t},i)=>jsx("div",{ref:i,className:"border-b border-sourceful-gray-200 dark:border-sourceful-gray-800",children:jsx("nav",{className:a("-mb-px flex gap-1 overflow-x-auto scrollbar-hide",t),role:"tablist","aria-label":"Tabs",children:e})}));Bi.displayName="SimpleTabsList";var Vi=A.forwardRef(({value:e,children:t,icon:i,disabled:r,className:o},l)=>{let{activeTab:d,setActiveTab:w}=Ke(),g=d===e;return jsxs("button",{ref:l,role:"tab",id:`tab-${e}`,"aria-selected":g,"aria-controls":`panel-${e}`,onClick:()=>!r&&w(e),disabled:r,className:a("relative flex items-center gap-2 px-4 py-3 text-sm font-medium transition-colors whitespace-nowrap",g?"text-sourceful-green-600 dark:text-sourceful-green-400":"text-sourceful-gray-500 dark:text-sourceful-gray-400 hover:text-sourceful-gray-700 dark:hover:text-sourceful-gray-300",r&&"opacity-50 cursor-not-allowed",o),children:[i&&jsx("span",{className:"h-4 w-4",children:i}),t,g&&jsx("span",{className:"absolute bottom-0 left-0 right-0 h-0.5 bg-sourceful-green-500","aria-hidden":"true"})]})});Vi.displayName="SimpleTabsTrigger";var Wi=A.forwardRef(({value:e,children:t,className:i},r)=>{let{activeTab:o}=Ke();return o!==e?null:jsx("div",{ref:r,role:"tabpanel",id:`panel-${e}`,"aria-labelledby":`tab-${e}`,className:i,children:t})});Wi.displayName="SimpleTabsContent";function Zo({children:e}){let t=useRef(null);return useEffect(()=>{let i=new Yo({duration:1.2,easing:o=>Math.min(1,1.001-Math.pow(2,-10*o)),orientation:"vertical",gestureOrientation:"vertical",smoothWheel:true});t.current=i;function r(o){i.raf(o),requestAnimationFrame(r);}return requestAnimationFrame(r),()=>{i.destroy(),t.current=null;}},[]),jsx(Fragment,{children:e})}var Q=(e,t)=>t*3+e,p=Q(0,0),y=Q(1,0),b=Q(2,0),P=Q(0,1),c=Q(1,1),R=Q(2,1),v=Q(0,2),h=Q(1,2),u=Q(2,2),ve={"solo-center":{name:"Solo Center",description:"Center pixel pulses",frames:[{activePixels:[]},{activePixels:[c]},{activePixels:[c]},{activePixels:[]}]},"solo-tl":{name:"Solo Top-Left",description:"Top-left pixel pulses",frames:[{activePixels:[]},{activePixels:[p]},{activePixels:[p]},{activePixels:[]}]},"solo-br":{name:"Solo Bottom-Right",description:"Bottom-right pixel pulses",frames:[{activePixels:[]},{activePixels:[u]},{activePixels:[u]},{activePixels:[]}]},"line-h-top":{name:"Horizontal Top",description:"Top row lights up left to right",frames:[{activePixels:[]},{activePixels:[p]},{activePixels:[p,y]},{activePixels:[p,y,b]},{activePixels:[y,b]},{activePixels:[b]},{activePixels:[]}]},"line-h-mid":{name:"Horizontal Middle",description:"Middle row lights up left to right",frames:[{activePixels:[]},{activePixels:[P]},{activePixels:[P,c]},{activePixels:[P,c,R]},{activePixels:[c,R]},{activePixels:[R]},{activePixels:[]}]},"line-h-bot":{name:"Horizontal Bottom",description:"Bottom row lights up left to right",frames:[{activePixels:[]},{activePixels:[v]},{activePixels:[v,h]},{activePixels:[v,h,u]},{activePixels:[h,u]},{activePixels:[u]},{activePixels:[]}]},"line-v-left":{name:"Vertical Left",description:"Left column lights up top to bottom",frames:[{activePixels:[]},{activePixels:[p]},{activePixels:[p,P]},{activePixels:[p,P,v]},{activePixels:[P,v]},{activePixels:[v]},{activePixels:[]}]},"line-v-mid":{name:"Vertical Middle",description:"Middle column lights up top to bottom",frames:[{activePixels:[]},{activePixels:[y]},{activePixels:[y,c]},{activePixels:[y,c,h]},{activePixels:[c,h]},{activePixels:[h]},{activePixels:[]}]},"line-v-right":{name:"Vertical Right",description:"Right column lights up top to bottom",frames:[{activePixels:[]},{activePixels:[b]},{activePixels:[b,R]},{activePixels:[b,R,u]},{activePixels:[R,u]},{activePixels:[u]},{activePixels:[]}]},"line-diag-1":{name:"Diagonal TL-BR",description:"Diagonal from top-left to bottom-right",frames:[{activePixels:[]},{activePixels:[p]},{activePixels:[p,c]},{activePixels:[p,c,u]},{activePixels:[c,u]},{activePixels:[u]},{activePixels:[]}]},"line-diag-2":{name:"Diagonal TR-BL",description:"Diagonal from top-right to bottom-left",frames:[{activePixels:[]},{activePixels:[b]},{activePixels:[b,c]},{activePixels:[b,c,v]},{activePixels:[c,v]},{activePixels:[v]},{activePixels:[]}]},"corners-sync":{name:"Corners Sync",description:"All corners pulse together",frames:[{activePixels:[]},{activePixels:[p,b,v,u]},{activePixels:[p,b,v,u]},{activePixels:[]}]},"corners-only":{name:"Corners Clockwise",description:"Corners light up clockwise",frames:[{activePixels:[]},{activePixels:[p]},{activePixels:[p,b]},{activePixels:[b]},{activePixels:[b,u]},{activePixels:[u]},{activePixels:[u,v]},{activePixels:[v]},{activePixels:[v,p]},{activePixels:[]}],cycleDuration:2e3},"L-tl":{name:"L Top-Left",description:"L shape in top-left corner",frames:[{activePixels:[]},{activePixels:[p]},{activePixels:[p,P]},{activePixels:[p,P,c]},{activePixels:[p,P,c]},{activePixels:[P,c]},{activePixels:[c]},{activePixels:[]}]},"L-tr":{name:"L Top-Right",description:"L shape in top-right corner",frames:[{activePixels:[]},{activePixels:[b]},{activePixels:[b,R]},{activePixels:[b,R,c]},{activePixels:[b,R,c]},{activePixels:[R,c]},{activePixels:[c]},{activePixels:[]}]},"L-bl":{name:"L Bottom-Left",description:"L shape in bottom-left corner",frames:[{activePixels:[]},{activePixels:[v]},{activePixels:[v,P]},{activePixels:[v,P,c]},{activePixels:[v,P,c]},{activePixels:[P,c]},{activePixels:[c]},{activePixels:[]}]},"L-br":{name:"L Bottom-Right",description:"L shape in bottom-right corner",frames:[{activePixels:[]},{activePixels:[u]},{activePixels:[u,R]},{activePixels:[u,R,c]},{activePixels:[u,R,c]},{activePixels:[R,c]},{activePixels:[c]},{activePixels:[]}]},"T-top":{name:"T Top",description:"T shape pointing down",frames:[{activePixels:[]},{activePixels:[y]},{activePixels:[p,y,b]},{activePixels:[p,y,b,c]},{activePixels:[p,y,b,c]},{activePixels:[y,c]},{activePixels:[c]},{activePixels:[]}]},"T-bot":{name:"T Bottom",description:"T shape pointing up",frames:[{activePixels:[]},{activePixels:[h]},{activePixels:[v,h,u]},{activePixels:[v,h,u,c]},{activePixels:[v,h,u,c]},{activePixels:[h,c]},{activePixels:[c]},{activePixels:[]}]},"T-left":{name:"T Left",description:"T shape pointing right",frames:[{activePixels:[]},{activePixels:[P]},{activePixels:[p,P,v]},{activePixels:[p,P,v,c]},{activePixels:[p,P,v,c]},{activePixels:[P,c]},{activePixels:[c]},{activePixels:[]}]},"T-right":{name:"T Right",description:"T shape pointing left",frames:[{activePixels:[]},{activePixels:[R]},{activePixels:[b,R,u]},{activePixels:[b,R,u,c]},{activePixels:[b,R,u,c]},{activePixels:[R,c]},{activePixels:[c]},{activePixels:[]}]},"duo-h":{name:"Duo Horizontal",description:"Two horizontal pixels pulse",frames:[{activePixels:[]},{activePixels:[P]},{activePixels:[P,R]},{activePixels:[P,R]},{activePixels:[R]},{activePixels:[]}]},"duo-v":{name:"Duo Vertical",description:"Two vertical pixels pulse",frames:[{activePixels:[]},{activePixels:[y]},{activePixels:[y,h]},{activePixels:[y,h]},{activePixels:[h]},{activePixels:[]}]},"duo-diag":{name:"Duo Diagonal",description:"Diagonal pair pulses",frames:[{activePixels:[]},{activePixels:[p]},{activePixels:[p,u]},{activePixels:[p,u]},{activePixels:[u]},{activePixels:[]}]},frame:{name:"Frame",description:"Outer pixels light up clockwise",frames:[{activePixels:[]},{activePixels:[p]},{activePixels:[p,y]},{activePixels:[y,b]},{activePixels:[b,R]},{activePixels:[R,u]},{activePixels:[u,h]},{activePixels:[h,v]},{activePixels:[v,P]},{activePixels:[P,p]},{activePixels:[p]},{activePixels:[]}],cycleDuration:2e3},"frame-sync":{name:"Frame Sync",description:"All outer pixels pulse together",frames:[{activePixels:[]},{activePixels:[p,y,b,P,R,v,h,u]},{activePixels:[p,y,b,P,R,v,h,u]},{activePixels:[]}]},"plus-hollow":{name:"Plus",description:"Plus/cross shape lights up",frames:[{activePixels:[]},{activePixels:[c]},{activePixels:[y,c,h]},{activePixels:[y,P,c,R,h]},{activePixels:[y,P,c,R,h]},{activePixels:[y,c,h]},{activePixels:[c]},{activePixels:[]}]},"sparse-1":{name:"Sparse 1",description:"Scattered pattern variation 1",frames:[{activePixels:[]},{activePixels:[p]},{activePixels:[p,R]},{activePixels:[p,R,h]},{activePixels:[p,R,h]},{activePixels:[R,h]},{activePixels:[h]},{activePixels:[]}]},"sparse-2":{name:"Sparse 2",description:"Scattered pattern variation 2",frames:[{activePixels:[]},{activePixels:[y]},{activePixels:[y,v]},{activePixels:[y,v,u]},{activePixels:[y,v,u]},{activePixels:[v,u]},{activePixels:[u]},{activePixels:[]}]},"sparse-3":{name:"Sparse 3",description:"Scattered pattern variation 3",frames:[{activePixels:[]},{activePixels:[b]},{activePixels:[b,P]},{activePixels:[b,P,v]},{activePixels:[b,P,v]},{activePixels:[P,v]},{activePixels:[v]},{activePixels:[]}]}},Fi=Object.keys(ve),ge={Solo:["solo-center","solo-tl","solo-br"],"Horizontal Lines":["line-h-top","line-h-mid","line-h-bot"],"Vertical Lines":["line-v-left","line-v-mid","line-v-right"],"Diagonal Lines":["line-diag-1","line-diag-2"],Corners:["corners-sync","corners-only"],"L-Shapes":["L-tl","L-tr","L-bl","L-br"],"T-Shapes":["T-top","T-bot","T-left","T-right"],Duos:["duo-h","duo-v","duo-diag"],Frame:["frame","frame-sync"],Plus:["plus-hollow"],Sparse:["sparse-1","sparse-2","sparse-3"]};var tr={slow:2e3,normal:1500,fast:1e3},ir={sm:{pixel:6,gap:2},md:{pixel:10,gap:3},lg:{pixel:14,gap:4}};function ie({pattern:e,color:t="green",speed:i="normal",size:r="md",paused:o=false,className:l,showLabel:d=false}){var F;let[w,g]=A.useState(0),[E,I]=A.useState(new Set),k=ve[e],M=((F=k.cycleDuration)!=null?F:tr[i])/k.frames.length;A.useEffect(()=>{if(o)return;let be=setInterval(()=>{g(Pe=>(Pe+1)%k.frames.length);},M);return ()=>clearInterval(be)},[o,M,k.frames.length]),A.useEffect(()=>{let be=k.frames[w];I(new Set(be.activePixels));},[w,k.frames]);let{pixel:_,gap:W}=ir[r],xe=_*3+W*2;return jsxs("div",{className:a("pixel-grid-wrapper",l),children:[jsx("div",{className:a("pixel-grid-container",`pixel-grid-${t}`),style:{width:xe,height:xe,gap:W,"--pixel-size":`${_}px`},role:"img","aria-label":`Animated pixel grid: ${k.name}`,children:Array.from({length:9},(be,Pe)=>jsx("div",{className:a("pixel-grid-pixel",{"pixel-active":E.has(Pe)}),style:{width:_,height:_}},Pe))}),d&&jsx("span",{className:"pixel-grid-label font-mono",children:e})]})}ie.displayName="PixelGrid";function Ye({color:e="green",size:t="md",showCategories:i=true,categories:r,className:o}){let l=r?Object.entries(ge).filter(([d])=>r.includes(d)):Object.entries(ge);return jsx("div",{className:a("pixel-grid-showcase",o),children:i?jsx("div",{className:"space-y-8",children:l.map(([d,w])=>jsxs("div",{children:[jsx("h3",{className:"text-sm font-medium text-muted-foreground mb-4",children:d}),jsx("div",{className:"flex flex-wrap gap-6",children:w.map(g=>jsx(ie,{pattern:g,color:e,size:t,showLabel:true},g))})]},d))}):jsx("div",{className:"flex flex-wrap gap-6",children:l.flatMap(([d,w])=>w.map(g=>jsx(ie,{pattern:g,color:e,size:t,showLabel:true},g)))})})}Ye.displayName="PixelGridShowcase";function Ze({pattern:e,size:t="md",className:i}){let r=["blue","pink","green"];return jsx("div",{className:a("flex gap-6 items-center",i),children:r.map(o=>jsxs("div",{className:"flex flex-col items-center gap-2",children:[jsx(ie,{pattern:e,color:o,size:t}),jsx("span",{className:"text-xs text-muted-foreground font-mono",children:o})]},o))})}Ze.displayName="PixelGridColorComparison";function je({pattern:e,color:t="green",className:i}){let r=["sm","md","lg"];return jsx("div",{className:a("flex gap-6 items-end",i),children:r.map(o=>jsxs("div",{className:"flex flex-col items-center gap-2",children:[jsx(ie,{pattern:e,color:t,size:o}),jsx("span",{className:"text-xs text-muted-foreground font-mono",children:o})]},o))})}je.displayName="PixelGridSizeComparison";export{Ji as Accordion,st as AccordionContent,rt as AccordionItem,at as AccordionTrigger,nt as Alert,ct as AlertDescription,lt as AlertTitle,ji as Badge,ft as Button,ut as Card,bt as CardContent,xt as CardDescription,Pt as CardFooter,vt as CardHeader,gt as CardTitle,yt as Checkbox,so as Dialog,lo as DialogClose,wt as DialogContent,Ct as DialogDescription,St as DialogFooter,Tt as DialogHeader,De as DialogOverlay,ht as DialogPortal,Nt as DialogTitle,no as DialogTrigger,fo as DropdownMenu,Ht as DropdownMenuCheckboxItem,kt as DropdownMenuContent,vo as DropdownMenuGroup,Lt as DropdownMenuItem,Et as DropdownMenuLabel,go as DropdownMenuPortal,bo as DropdownMenuRadioGroup,At as DropdownMenuRadioItem,It as DropdownMenuSeparator,Gt as DropdownMenuShortcut,xo as DropdownMenuSub,Dt as DropdownMenuSubContent,Mt as DropdownMenuSubTrigger,uo as DropdownMenuTrigger,Bt as Input,Wt as Label,Zo as LenisProvider,ie as PixelGrid,Ze as PixelGridColorComparison,Ye as PixelGridShowcase,je as PixelGridSizeComparison,Ot as Progress,_t as RadioGroup,$t as RadioGroupItem,qt as ScrollArea,Ee as ScrollBar,Co as Select,Kt as SelectContent,Mo as SelectGroup,Yt as SelectItem,Qt as SelectLabel,Ge as SelectScrollDownButton,Ie as SelectScrollUpButton,Zt as SelectSeparator,Jt as SelectTrigger,Do as SelectValue,ei as Separator,Ao as Sheet,Io as SheetClose,ii as SheetContent,si as SheetDescription,ri as SheetFooter,oi as SheetHeader,We as SheetOverlay,ti as SheetPortal,ai as SheetTitle,Eo as SheetTrigger,ki as SideMenu,Ii as SimpleTabs,Wi as SimpleTabsContent,Bi as SimpleTabsList,Gi as SimpleTabsPanel,zi as SimpleTabsRoot,Vi as SimpleTabsTrigger,zo as Skeleton,li as Slider,mi as Switch,pi as Table,ui as TableBody,Pi as TableCaption,bi as TableCell,vi as TableFooter,xi as TableHead,fi as TableHeader,gi as TableRow,Wo as Tabs,hi as TabsContent,Ri as TabsList,yi as TabsTrigger,Ti as Textarea,_e as Tooltip,Se as TooltipContent,Oe as TooltipProvider,$e as TooltipTrigger,Li as TopMenu,Hi as TopMenuUser,Ai as TopMenuUserItem,Ei as TopMenuUserSection,dt as badgeVariants,pt as buttonVariants,a as cn,ge as patternCategories,Fi as patternNames,ve as patterns};//# sourceMappingURL=index.mjs.map
|
|
1
|
+
import*as M from'react';import {useRef,useEffect}from'react';import*as de from'@radix-ui/react-accordion';import {ChevronDown,Check,X,ChevronRight,Circle,ChevronUp,ChevronLeft,Menu}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {cva}from'class-variance-authority';import {Slot}from'@radix-ui/react-slot';import*as Fe from'@radix-ui/react-checkbox';import*as q from'@radix-ui/react-dialog';import*as m from'@radix-ui/react-dropdown-menu';import*as lt from'@radix-ui/react-label';import*as Be from'@radix-ui/react-progress';import*as Te from'@radix-ui/react-radio-group';import*as me from'@radix-ui/react-scroll-area';import*as u from'@radix-ui/react-select';import*as vt from'@radix-ui/react-separator';import*as Pe from'@radix-ui/react-slider';import*as Oe from'@radix-ui/react-switch';import*as fe from'@radix-ui/react-tabs';import*as ue from'@radix-ui/react-tooltip';import Ir from'lenis';var Mo=Object.defineProperty,Do=Object.defineProperties;var ko=Object.getOwnPropertyDescriptors;var Qe=Object.getOwnPropertySymbols;var Gt=Object.prototype.hasOwnProperty,It=Object.prototype.propertyIsEnumerable;var Et=(e,t,i)=>t in e?Mo(e,t,{enumerable:true,configurable:true,writable:true,value:i}):e[t]=i,n=(e,t)=>{for(var i in t||(t={}))Gt.call(t,i)&&Et(e,i,t[i]);if(Qe)for(var i of Qe(t))It.call(t,i)&&Et(e,i,t[i]);return e},g=(e,t)=>Do(e,ko(t));var l=(e,t)=>{var i={};for(var r in e)Gt.call(e,r)&&t.indexOf(r)<0&&(i[r]=e[r]);if(e!=null&&Qe)for(var r of Qe(e))t.indexOf(r)<0&&It.call(e,r)&&(i[r]=e[r]);return i};function a(...e){return twMerge(clsx(e))}var Eo=de.Root,Ft=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx(de.Item,n({ref:i,className:a("border-b",e)},t))});Ft.displayName="AccordionItem";var zt=M.forwardRef((o,r)=>{var s=o,{className:e,children:t}=s,i=l(s,["className","children"]);return jsx(de.Header,{className:"flex",children:jsxs(de.Trigger,g(n({ref:r,className:a("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",e)},i),{children:[t,jsx(ChevronDown,{className:"h-4 w-4 shrink-0 transition-transform duration-200"})]}))})});zt.displayName=de.Trigger.displayName;var Bt=M.forwardRef((o,r)=>{var s=o,{className:e,children:t}=s,i=l(s,["className","children"]);return jsx(de.Content,g(n({ref:r,className:"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"},i),{children:jsx("div",{className:a("pb-4 pt-0",e),children:t})}))});Bt.displayName=de.Content.displayName;var Fo=cva("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",{variants:{variant:{default:"bg-background text-foreground",destructive:"border-red-700 bg-destructive/10 text-destructive dark:border-red-500 dark:bg-red-950 dark:text-red-200 [&>svg]:text-destructive dark:[&>svg]:text-red-400",success:"border-green-700 bg-sourceful-green-50 text-sourceful-green-900 dark:border-green-500 dark:bg-green-950 dark:text-green-200 [&>svg]:text-sourceful-green-600 dark:[&>svg]:text-green-400",warning:"border-yellow-600 bg-sourceful-yellow-50 text-sourceful-yellow-900 dark:border-yellow-500 dark:bg-yellow-950 dark:text-yellow-200 [&>svg]:text-yellow-600 dark:[&>svg]:text-yellow-400",info:"border-blue-700 bg-blue-50 text-blue-900 dark:border-blue-500 dark:bg-blue-950 dark:text-blue-200 [&>svg]:text-blue-600 dark:[&>svg]:text-blue-400",energy:"border-yellow-600 bg-sourceful-yellow-50 text-sourceful-gray-900 dark:border-yellow-400 dark:bg-yellow-950 dark:text-yellow-200 [&>svg]:text-yellow-600 dark:[&>svg]:text-yellow-400"}},defaultVariants:{variant:"default"}}),Vt=M.forwardRef((o,r)=>{var s=o,{className:e,variant:t}=s,i=l(s,["className","variant"]);return jsx("div",n({ref:r,role:"alert",className:a(Fo({variant:t}),e)},i))});Vt.displayName="Alert";var Wt=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx("h5",n({ref:i,className:a("mb-1 font-medium leading-none tracking-tight",e)},t))});Wt.displayName="AlertTitle";var Ot=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx("div",n({ref:i,className:a("text-sm [&_p]:leading-relaxed",e)},t))});Ot.displayName="AlertDescription";var Ut=cva("inline-flex items-center gap-1 border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 [&_svg]:size-3 [&_svg]:shrink-0",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",outline:"text-foreground",energy:"border-transparent bg-energy text-energy-foreground shadow hover:bg-energy/80",success:"border-transparent bg-success text-success-foreground shadow hover:bg-success/80",warning:"border-transparent bg-warning text-warning-foreground shadow hover:bg-warning/80",info:"border-transparent bg-info text-info-foreground shadow hover:bg-info/80","success-soft":"border-sourceful-green-500/20 bg-sourceful-green-500/10 text-sourceful-green-600 dark:text-sourceful-green-400","warning-soft":"border-orange-500/20 bg-orange-500/10 text-orange-600 dark:text-orange-400","destructive-soft":"border-destructive/20 bg-destructive/10 text-destructive dark:text-red-400","info-soft":"border-blue-500/20 bg-blue-500/10 text-blue-600 dark:text-blue-400","energy-soft":"border-sourceful-yellow-500/20 bg-sourceful-yellow-400/10 text-sourceful-yellow-600 dark:text-sourceful-yellow-400","success-outline":"border-sourceful-green-500/50 bg-transparent text-sourceful-green-600 dark:text-sourceful-green-400","warning-outline":"border-orange-500/50 bg-transparent text-orange-600 dark:text-orange-400","destructive-outline":"border-destructive/50 bg-transparent text-destructive dark:text-red-400","info-outline":"border-blue-500/50 bg-transparent text-blue-600 dark:text-blue-400"},rounded:{default:"rounded-md",full:"rounded-full"}},defaultVariants:{variant:"default",rounded:"default"}});function Bo(o){var s=o,{className:e,variant:t,rounded:i}=s,r=l(s,["className","variant","rounded"]);return jsx("div",n({className:a(Ut({variant:t,rounded:i}),e)},r))}var _t=cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),qt=M.forwardRef((c,s)=>{var C=c,{className:e,variant:t,size:i,asChild:r=false}=C,o=l(C,["className","variant","size","asChild"]);return jsx(r?Slot:"button",n({className:a(_t({variant:t,size:i,className:e})),ref:s},o))});qt.displayName="Button";var Xt=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx("div",n({ref:i,className:a("rounded-xl border bg-card text-card-foreground shadow",e)},t))});Xt.displayName="Card";var Jt=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx("div",n({ref:i,className:a("flex flex-col space-y-1.5 p-6",e)},t))});Jt.displayName="CardHeader";var Qt=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx("div",n({ref:i,className:a("font-semibold leading-none tracking-tight",e)},t))});Qt.displayName="CardTitle";var Yt=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx("div",n({ref:i,className:a("text-sm text-muted-foreground",e)},t))});Yt.displayName="CardDescription";var Zt=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx("div",n({ref:i,className:a("p-6 pt-0",e)},t))});Zt.displayName="CardContent";var Kt=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx("div",n({ref:i,className:a("flex items-center p-6 pt-0",e)},t))});Kt.displayName="CardFooter";var ei=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx(Fe.Root,g(n({ref:i,className:a("peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",e)},t),{children:jsx(Fe.Indicator,{className:a("flex items-center justify-center text-current"),children:jsx(Check,{className:"h-4 w-4"})})}))});ei.displayName=Fe.Root.displayName;var qo=q.Root,Xo=q.Trigger,ti=q.Portal,Jo=q.Close,st=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx(q.Overlay,n({ref:i,className:a("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e)},t))});st.displayName=q.Overlay.displayName;var ii=M.forwardRef((o,r)=>{var s=o,{className:e,children:t}=s,i=l(s,["className","children"]);return jsxs(ti,{children:[jsx(st,{}),jsxs(q.Content,g(n({ref:r,className:a("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",e)},i),{children:[t,jsxs(q.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[jsx(X,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Close"})]})]}))]})});ii.displayName=q.Content.displayName;var oi=i=>{var r=i,{className:e}=r,t=l(r,["className"]);return jsx("div",n({className:a("flex flex-col space-y-1.5 text-center sm:text-left",e)},t))};oi.displayName="DialogHeader";var ri=i=>{var r=i,{className:e}=r,t=l(r,["className"]);return jsx("div",n({className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e)},t))};ri.displayName="DialogFooter";var ai=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx(q.Title,n({ref:i,className:a("text-lg font-semibold leading-none tracking-tight",e)},t))});ai.displayName=q.Title.displayName;var si=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx(q.Description,n({ref:i,className:a("text-sm text-muted-foreground",e)},t))});si.displayName=q.Description.displayName;var Ko=m.Root,jo=m.Trigger,er=m.Group,tr=m.Portal,ir=m.Sub,or=m.RadioGroup,ni=M.forwardRef((s,o)=>{var c=s,{className:e,inset:t,children:i}=c,r=l(c,["className","inset","children"]);return jsxs(m.SubTrigger,g(n({ref:o,className:a("flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",t&&"pl-8",e)},r),{children:[i,jsx(ChevronRight,{className:"ml-auto"})]}))});ni.displayName=m.SubTrigger.displayName;var li=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx(m.SubContent,n({ref:i,className:a("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 origin-[--radix-dropdown-menu-content-transform-origin]",e)},t))});li.displayName=m.SubContent.displayName;var ci=M.forwardRef((o,r)=>{var s=o,{className:e,sideOffset:t=4}=s,i=l(s,["className","sideOffset"]);return jsx(m.Portal,{children:jsx(m.Content,n({ref:r,sideOffset:t,className:a("z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md","data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 origin-[--radix-dropdown-menu-content-transform-origin]",e)},i))})});ci.displayName=m.Content.displayName;var di=M.forwardRef((o,r)=>{var s=o,{className:e,inset:t}=s,i=l(s,["className","inset"]);return jsx(m.Item,n({ref:r,className:a("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",t&&"pl-8",e)},i))});di.displayName=m.Item.displayName;var mi=M.forwardRef((s,o)=>{var c=s,{className:e,children:t,checked:i}=c,r=l(c,["className","children","checked"]);return jsxs(m.CheckboxItem,g(n({ref:o,className:a("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),checked:i},r),{children:[jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:jsx(m.ItemIndicator,{children:jsx(Check,{className:"h-4 w-4"})})}),t]}))});mi.displayName=m.CheckboxItem.displayName;var pi=M.forwardRef((o,r)=>{var s=o,{className:e,children:t}=s,i=l(s,["className","children"]);return jsxs(m.RadioItem,g(n({ref:r,className:a("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e)},i),{children:[jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:jsx(m.ItemIndicator,{children:jsx(Circle,{className:"h-2 w-2 fill-current"})})}),t]}))});pi.displayName=m.RadioItem.displayName;var fi=M.forwardRef((o,r)=>{var s=o,{className:e,inset:t}=s,i=l(s,["className","inset"]);return jsx(m.Label,n({ref:r,className:a("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",e)},i))});fi.displayName=m.Label.displayName;var ui=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx(m.Separator,n({ref:i,className:a("-mx-1 my-1 h-px bg-muted",e)},t))});ui.displayName=m.Separator.displayName;var vi=i=>{var r=i,{className:e}=r,t=l(r,["className"]);return jsx("span",n({className:a("ml-auto text-xs tracking-widest opacity-60",e)},t))};vi.displayName="DropdownMenuShortcut";var Pi=M.forwardRef((o,r)=>{var s=o,{className:e,type:t}=s,i=l(s,["className","type"]);return jsx("input",n({type:t,className:a("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:r},i))});Pi.displayName="Input";var sr=cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),bi=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx(lt.Root,n({ref:i,className:a(sr(),e)},t))});bi.displayName=lt.Root.displayName;var Ri=M.forwardRef((o,r)=>{var s=o,{className:e,value:t}=s,i=l(s,["className","value"]);return jsx(Be.Root,g(n({ref:r,className:a("relative h-4 w-full overflow-hidden rounded-full bg-secondary",e)},i),{children:jsx(Be.Indicator,{className:"h-full w-full flex-1 bg-primary transition-all",style:{transform:`translateX(-${100-(t||0)}%)`}})}))});Ri.displayName=Be.Root.displayName;var wi=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx(Te.Root,g(n({className:a("grid gap-2",e)},t),{ref:i}))});wi.displayName=Te.Root.displayName;var Ti=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx(Te.Item,g(n({ref:i,className:a("aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",e)},t),{children:jsx(Te.Indicator,{className:"flex items-center justify-center",children:jsx(Circle,{className:"h-2.5 w-2.5 fill-current text-current"})})}))});Ti.displayName=Te.Item.displayName;var Si=M.forwardRef((o,r)=>{var s=o,{className:e,children:t}=s,i=l(s,["className","children"]);return jsxs(me.Root,g(n({ref:r,className:a("relative overflow-hidden",e)},i),{children:[jsx(me.Viewport,{className:"h-full w-full rounded-[inherit]",children:t}),jsx(mt,{}),jsx(me.Corner,{})]}))});Si.displayName=me.Root.displayName;var mt=M.forwardRef((o,r)=>{var s=o,{className:e,orientation:t="vertical"}=s,i=l(s,["className","orientation"]);return jsx(me.ScrollAreaScrollbar,g(n({ref:r,orientation:t,className:a("flex touch-none select-none transition-colors",t==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",t==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",e)},i),{children:jsx(me.ScrollAreaThumb,{className:"relative flex-1 rounded-full bg-border"})}))});mt.displayName=me.ScrollAreaScrollbar.displayName;var pr=u.Root,fr=u.Group,ur=u.Value,Ni=M.forwardRef((o,r)=>{var s=o,{className:e,children:t}=s,i=l(s,["className","children"]);return jsxs(u.Trigger,g(n({ref:r,className:a("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",e)},i),{children:[t,jsx(u.Icon,{asChild:true,children:jsx(ChevronDown,{className:"h-4 w-4 opacity-50"})})]}))});Ni.displayName=u.Trigger.displayName;var pt=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx(u.ScrollUpButton,g(n({ref:i,className:a("flex cursor-default items-center justify-center py-1",e)},t),{children:jsx(ChevronUp,{className:"h-4 w-4"})}))});pt.displayName=u.ScrollUpButton.displayName;var ft=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx(u.ScrollDownButton,g(n({ref:i,className:a("flex cursor-default items-center justify-center py-1",e)},t),{children:jsx(ChevronDown,{className:"h-4 w-4"})}))});ft.displayName=u.ScrollDownButton.displayName;var Mi=M.forwardRef((s,o)=>{var c=s,{className:e,children:t,position:i="popper"}=c,r=l(c,["className","children","position"]);return jsx(u.Portal,{children:jsxs(u.Content,g(n({ref:o,className:a("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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",i==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:i},r),{children:[jsx(pt,{}),jsx(u.Viewport,{className:a("p-1",i==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:t}),jsx(ft,{})]}))})});Mi.displayName=u.Content.displayName;var Di=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx(u.Label,n({ref:i,className:a("py-1.5 pl-8 pr-2 text-sm font-semibold",e)},t))});Di.displayName=u.Label.displayName;var ki=M.forwardRef((o,r)=>{var s=o,{className:e,children:t}=s,i=l(s,["className","children"]);return jsxs(u.Item,g(n({ref:r,className:a("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e)},i),{children:[jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:jsx(u.ItemIndicator,{children:jsx(Check,{className:"h-4 w-4"})})}),jsx(u.ItemText,{children:t})]}))});ki.displayName=u.Item.displayName;var Li=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx(u.Separator,n({ref:i,className:a("-mx-1 my-1 h-px bg-muted",e)},t))});Li.displayName=u.Separator.displayName;var Ai=M.forwardRef((s,o)=>{var c=s,{className:e,orientation:t="horizontal",decorative:i=true}=c,r=l(c,["className","orientation","decorative"]);return jsx(vt.Root,n({ref:o,decorative:i,orientation:t,className:a("shrink-0 bg-border",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e)},r))});Ai.displayName=vt.Root.displayName;var gr=q.Root,br=q.Trigger,yr=q.Close,Ei=q.Portal,Pt=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx(q.Overlay,g(n({className:a("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e)},t),{ref:i}))});Pt.displayName=q.Overlay.displayName;var hr=cva("fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",{variants:{side:{top:"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"}},defaultVariants:{side:"right"}}),Gi=M.forwardRef((s,o)=>{var c=s,{side:e="right",className:t,children:i}=c,r=l(c,["side","className","children"]);return jsxs(Ei,{children:[jsx(Pt,{}),jsxs(q.Content,g(n({ref:o,className:a(hr({side:e}),t)},r),{children:[i,jsxs(q.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary",children:[jsx(X,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Close"})]})]}))]})});Gi.displayName=q.Content.displayName;var Ii=i=>{var r=i,{className:e}=r,t=l(r,["className"]);return jsx("div",n({className:a("flex flex-col space-y-2 text-center sm:text-left",e)},t))};Ii.displayName="SheetHeader";var Fi=i=>{var r=i,{className:e}=r,t=l(r,["className"]);return jsx("div",n({className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e)},t))};Fi.displayName="SheetFooter";var zi=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx(q.Title,n({ref:i,className:a("text-lg font-semibold text-foreground",e)},t))});zi.displayName=q.Title.displayName;var Bi=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx(q.Description,n({ref:i,className:a("text-sm text-muted-foreground",e)},t))});Bi.displayName=q.Description.displayName;function Rr(i){var r=i,{className:e}=r,t=l(r,["className"]);return jsx("div",n({className:a("animate-pulse rounded-md bg-muted",e)},t))}var Wi=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsxs(Pe.Root,g(n({ref:i,className:a("relative flex w-full touch-none select-none items-center",e)},t),{children:[jsx(Pe.Track,{className:"relative h-2 w-full grow overflow-hidden rounded-full bg-secondary",children:jsx(Pe.Range,{className:"absolute h-full bg-primary"})}),jsx(Pe.Thumb,{className:"block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"})]}))});Wi.displayName=Pe.Root.displayName;var $i=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx(Oe.Root,g(n({className:a("peer inline-flex h-6 w-11 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 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",e)},t),{ref:i,children:jsx(Oe.Thumb,{className:a("pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0")})}))});$i.displayName=Oe.Root.displayName;var _i=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx("div",{className:"relative w-full overflow-auto",children:jsx("table",n({ref:i,className:a("w-full caption-bottom text-sm",e)},t))})});_i.displayName="Table";var qi=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx("thead",n({ref:i,className:a("[&_tr]:border-b",e)},t))});qi.displayName="TableHeader";var Xi=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx("tbody",n({ref:i,className:a("[&_tr:last-child]:border-0",e)},t))});Xi.displayName="TableBody";var Ji=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx("tfoot",n({ref:i,className:a("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e)},t))});Ji.displayName="TableFooter";var Qi=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx("tr",n({ref:i,className:a("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e)},t))});Qi.displayName="TableRow";var Yi=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx("th",n({ref:i,className:a("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e)},t))});Yi.displayName="TableHead";var Zi=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx("td",n({ref:i,className:a("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e)},t))});Zi.displayName="TableCell";var Ki=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx("caption",n({ref:i,className:a("mt-4 text-sm text-muted-foreground",e)},t))});Ki.displayName="TableCaption";var Sr=fe.Root,ji=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx(fe.List,n({ref:i,className:a("inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",e)},t))});ji.displayName=fe.List.displayName;var eo=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx(fe.Trigger,n({ref:i,className:a("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground",e)},t))});eo.displayName=fe.Trigger.displayName;var to=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx(fe.Content,n({ref:i,className:a("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",e)},t))});to.displayName=fe.Content.displayName;var oo=M.forwardRef((r,i)=>{var o=r,{className:e}=o,t=l(o,["className"]);return jsx("textarea",n({className:a("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",e),ref:i},t))});oo.displayName="Textarea";var yt=ue.Provider,ht=ue.Root,Rt=ue.Trigger,et=M.forwardRef((o,r)=>{var s=o,{className:e,sideOffset:t=4}=s,i=l(s,["className","sideOffset"]);return jsx(ue.Portal,{children:jsx(ue.Content,n({ref:r,sideOffset:t,className:a("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-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 origin-[--radix-tooltip-content-transform-origin]",e)},i))})});et.displayName=ue.Content.displayName;var no=M.createContext(null);function lo(){let e=M.useContext(no);if(!e)throw new Error("SideMenu components must be used within SideMenu");return e}var Dr=({href:e,className:t,children:i})=>jsx("a",{href:e,className:t,children:i}),co=M.forwardRef(({header:e,collapsedHeader:t,sections:i,items:r,footer:o,collapsed:s,onCollapsedChange:c,collapsible:C=true,defaultCollapsed:P=false,activeItem:V,className:H,linkComponent:Q=Dr},Z)=>{let[Y,W]=M.useState(P),le=s!=null?s:Y,ce=()=>{let se=!le;W(se),c==null||c(se);};return jsx(yt,{delayDuration:0,children:jsx(no.Provider,{value:{collapsed:le,activeItem:V,LinkComponent:Q},children:jsxs("aside",{ref:Z,className:a("flex h-full flex-col transition-[width] duration-300 ease-in-out","bg-white dark:bg-[#141414] border-r border-sourceful-gray-200 dark:border-[#1a1a1a]",le?"w-16":"w-64",H),children:[jsxs("div",{className:a("flex items-center border-b border-sourceful-gray-200 dark:border-[#1a1a1a] flex-shrink-0 h-12",le?"justify-center px-2":"justify-between px-3"),children:[le&&t||e,C&&jsx("button",{onClick:ce,className:a("rounded-md h-5 w-5 flex items-center justify-center","text-sourceful-gray-400 dark:text-sourceful-gray-500","hover:text-sourceful-gray-600 dark:hover:text-sourceful-gray-300 transition-colors","bg-white dark:bg-[#141414] border border-sourceful-gray-200 dark:border-sourceful-gray-700 shadow-sm",le&&"absolute left-[calc(4rem-10px)] top-6 -translate-y-1/2 z-50"),"aria-label":le?"Expand sidebar":"Collapse sidebar",children:le?jsx(ChevronRight,{className:"h-3 w-3"}):jsx(ChevronLeft,{className:"h-3 w-3"})})]}),jsxs("nav",{className:"flex-1 py-2 overflow-y-auto overflow-x-hidden",children:[r&&r.length>0&&jsx("div",{className:"px-2 mb-1 space-y-0.5",children:r.map(se=>jsx(wt,{item:se},se.id))}),i==null?void 0:i.map(se=>jsx(kr,{section:se},se.id))]}),o&&jsx("div",{className:"flex-shrink-0 border-t border-sourceful-gray-200 dark:border-[#1a1a1a] p-2",children:o})]})})})});co.displayName="SideMenu";function kr({section:e}){var o;let{collapsed:t}=lo(),[i,r]=M.useState((o=e.defaultExpanded)!=null?o:true);return t?jsx("div",{className:"px-2 mb-1 space-y-0.5",children:e.items.map(s=>jsx(wt,{item:s},s.id))}):jsxs("div",{className:"px-2 mb-1",children:[jsxs("button",{onClick:()=>r(!i),className:a("flex w-full items-center gap-2.5 rounded-md px-2 py-1.5 text-sm font-medium","text-sourceful-gray-700 dark:text-sourceful-gray-300","hover:bg-sourceful-gray-50 dark:hover:bg-sourceful-gray-900","hover:text-sourceful-gray-900 dark:hover:text-white transition-colors"),children:[e.icon&&jsx("span",{className:"h-3.5 w-3.5 flex-shrink-0",children:e.icon}),jsx("span",{className:"flex-1 text-left",children:e.title}),i?jsx(ChevronDown,{className:"h-3 w-3",strokeWidth:1.5}):jsx(ChevronRight,{className:"h-3 w-3",strokeWidth:1.5})]}),i&&jsxs("div",{className:"mt-0.5 space-y-0.5 relative pl-5",children:[jsx("div",{className:"absolute left-[1.1rem] top-0 bottom-0 w-px bg-sourceful-gray-200 dark:bg-sourceful-gray-700"}),e.items.map(s=>jsx(wt,{item:s,nested:true},s.id))]})]})}function wt({item:e,nested:t=false}){let{collapsed:i,activeItem:r,LinkComponent:o}=lo(),s=r===e.id,c=a("flex items-center gap-2.5 rounded-md text-sm font-medium transition-colors",i?"justify-center px-2 py-2.5":"px-2 py-1.5",s?t?"bg-sourceful-gray-100 dark:bg-[#1a1a1a] text-sourceful-gray-900 dark:text-white":"bg-sourceful-green-50 dark:bg-sourceful-green-950 text-sourceful-green-700 dark:text-sourceful-green-400":"text-sourceful-gray-700 dark:text-sourceful-gray-300 hover:bg-sourceful-gray-50 dark:hover:bg-sourceful-gray-900 hover:text-sourceful-gray-900 dark:hover:text-white",e.disabled&&"opacity-50 pointer-events-none"),C=jsxs(Fragment,{children:[e.icon&&jsx("span",{className:a("flex-shrink-0",i?"h-5 w-5":"h-3.5 w-3.5"),children:e.icon}),!i&&jsx("span",{children:e.label}),!i&&e.badge&&jsx("span",{className:"ml-auto text-xs bg-sourceful-gray-100 dark:bg-sourceful-gray-800 px-1.5 py-0.5 rounded",children:e.badge})]}),P=e.href?jsx(o,{href:e.href,className:c,children:C}):jsx("button",{onClick:e.onClick,disabled:e.disabled,className:a(c,"w-full"),children:C});return i?jsxs(ht,{children:[jsx(Rt,{asChild:true,children:P}),jsx(et,{side:"right",sideOffset:8,children:e.label})]}):P}var Ar=({href:e,className:t,children:i})=>jsx("a",{href:e,className:t,children:i}),mo=M.forwardRef(({breadcrumbs:e=[],showMobileMenu:t=false,onMobileMenuClick:i,leftContent:r,rightContent:o,className:s,linkComponent:c=Ar},C)=>jsxs("header",{ref:C,className:a("sticky top-0 z-30 flex h-12 items-center gap-3","border-b border-sourceful-gray-200 dark:border-[#1a1a1a]","bg-white dark:bg-[#141414] px-4",s),children:[t&&jsx("button",{onClick:i,className:"lg:hidden rounded-md p-1.5 text-sourceful-gray-600 hover:bg-sourceful-gray-100 dark:text-sourceful-gray-400 dark:hover:bg-sourceful-gray-800","aria-label":"Toggle menu",children:jsx(Menu,{className:"h-4 w-4"})}),e.length>0&&jsx("nav",{className:"hidden md:flex items-center gap-1.5 text-sm","aria-label":"Breadcrumb",children:e.map((P,V)=>jsxs(M.Fragment,{children:[V>0&&jsx("span",{className:"text-sourceful-gray-400 dark:text-sourceful-gray-500 text-xs",children:"/"}),P.href?jsx(c,{href:P.href,className:"text-sourceful-gray-600 dark:text-sourceful-gray-400 hover:text-sourceful-gray-900 dark:hover:text-white transition-colors text-sm",children:P.label}):jsx("span",{className:"text-sourceful-gray-900 dark:text-white font-medium text-sm",children:P.label})]},V))}),r,jsx("div",{className:"flex-1"}),o&&jsx("div",{className:"flex items-center gap-1.5",children:o})]}));mo.displayName="TopMenu";var po=M.forwardRef(({name:e,email:t,avatarUrl:i,avatarContent:r,avatarClassName:o,children:s,className:c},C)=>{let[P,V]=M.useState(false),H=M.useRef(null);return M.useEffect(()=>{let Q=Z=>{H.current&&!H.current.contains(Z.target)&&V(false);};return P&&document.addEventListener("mousedown",Q),()=>{document.removeEventListener("mousedown",Q);}},[P]),jsx("div",{ref:C,className:a("relative",c),children:jsxs("div",{ref:H,children:[jsx("button",{onClick:()=>V(!P),className:"flex items-center gap-1.5 rounded-full p-0.5 hover:ring-2 hover:ring-sourceful-green-500 hover:ring-offset-2 dark:hover:ring-offset-[#141414] transition-all","aria-label":"Account menu",children:jsx("div",{className:a("h-8 w-8 rounded-full overflow-hidden flex items-center justify-center",o||"bg-gradient-to-br from-sourceful-yellow-400 to-sourceful-yellow-600"),children:i?jsx("img",{src:i,alt:e||"User",className:"h-full w-full object-cover"}):r})}),P&&jsxs("div",{className:"absolute right-0 mt-2 w-64 rounded-lg border border-sourceful-gray-200 dark:border-[#1a1a1a] bg-white dark:bg-[#141414] shadow-lg overflow-hidden z-50",children:[(e||t)&&jsx("div",{className:"px-4 py-3 border-b border-sourceful-gray-200 dark:border-[#1a1a1a]",children:jsxs("div",{className:"flex items-center gap-3",children:[jsx("div",{className:a("h-10 w-10 rounded-full overflow-hidden flex items-center justify-center",o||"bg-gradient-to-br from-sourceful-yellow-400 to-sourceful-yellow-600"),children:i?jsx("img",{src:i,alt:e||"User",className:"h-full w-full object-cover"}):r}),jsxs("div",{className:"flex-1 min-w-0",children:[e&&jsx("p",{className:"text-sm font-medium text-sourceful-gray-900 dark:text-white truncate",children:e}),t&&jsx("p",{className:"text-xs text-sourceful-gray-500 dark:text-sourceful-gray-400 truncate",children:t})]})]})}),s]})]})})});po.displayName="TopMenuUser";var fo=M.forwardRef(({icon:e,children:t,onClick:i,href:r,variant:o="default",className:s},c)=>jsxs(r?"a":"button",{ref:c,onClick:i,href:r,className:a("w-full flex items-center gap-3 px-4 py-2 text-sm transition-colors",{default:"text-sourceful-gray-700 dark:text-sourceful-gray-300 hover:bg-sourceful-gray-50 dark:hover:bg-[#1a1a1a]",danger:"text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-950/20",success:"text-sourceful-green-600 dark:text-sourceful-green-400 hover:bg-sourceful-green-50 dark:hover:bg-sourceful-green-950/20"}[o],s),children:[e&&jsx("span",{className:"h-4 w-4",children:e}),jsx("span",{children:t})]}));fo.displayName="TopMenuUserItem";var uo=M.forwardRef(({children:e,className:t},i)=>jsx("div",{ref:i,className:a("py-1 border-t border-sourceful-gray-200 dark:border-[#1a1a1a] first:border-t-0",t),children:e}));uo.displayName="TopMenuUserSection";var St=M.createContext(null);function Ct(){let e=M.useContext(St);if(!e)throw new Error("SimpleTabsPanel must be used within SimpleTabs");return e}var vo=M.forwardRef(({tabs:e,activeTab:t,defaultTab:i,onTabChange:r,children:o,className:s,tabsClassName:c},C)=>{var Z;let[P,V]=M.useState(i||((Z=e[0])==null?void 0:Z.id)||""),H=t!=null?t:P,Q=Y=>{V(Y),r==null||r(Y);};return jsx(St.Provider,{value:{activeTab:H,setActiveTab:Q},children:jsxs("div",{ref:C,className:a("space-y-6",s),children:[jsx("div",{className:"border-b border-sourceful-gray-200 dark:border-sourceful-gray-800",children:jsx("nav",{className:a("-mb-px flex gap-1 overflow-x-auto scrollbar-hide",c),"aria-label":"Tabs",children:e.map(Y=>{let W=H===Y.id;return jsxs("button",{onClick:()=>!Y.disabled&&Q(Y.id),disabled:Y.disabled,className:a("relative flex items-center gap-2 px-4 py-3 text-sm font-medium transition-colors whitespace-nowrap",W?"text-sourceful-green-600 dark:text-sourceful-green-400":"text-sourceful-gray-500 dark:text-sourceful-gray-400 hover:text-sourceful-gray-700 dark:hover:text-sourceful-gray-300",Y.disabled&&"opacity-50 cursor-not-allowed"),children:[Y.icon&&jsx("span",{className:"h-4 w-4",children:Y.icon}),Y.label,W&&jsx("span",{className:"absolute bottom-0 left-0 right-0 h-0.5 bg-sourceful-green-500","aria-hidden":"true"})]},Y.id)})})}),o&&jsx("div",{children:o})]})})});vo.displayName="SimpleTabs";var xo=M.forwardRef(({id:e,children:t,className:i},r)=>{let{activeTab:o}=Ct();return o!==e?null:jsx("div",{ref:r,role:"tabpanel","aria-labelledby":`tab-${e}`,className:i,children:t})});xo.displayName="SimpleTabsPanel";var Po=M.forwardRef(({activeTab:e,defaultTab:t,onTabChange:i,children:r,className:o},s)=>{let[c,C]=M.useState(t||""),P=e!=null?e:c,V=H=>{C(H),i==null||i(H);};return jsx(St.Provider,{value:{activeTab:P,setActiveTab:V},children:jsx("div",{ref:s,className:a("space-y-6",o),children:r})})});Po.displayName="SimpleTabsRoot";var go=M.forwardRef(({children:e,className:t},i)=>jsx("div",{ref:i,className:"border-b border-sourceful-gray-200 dark:border-sourceful-gray-800",children:jsx("nav",{className:a("-mb-px flex gap-1 overflow-x-auto scrollbar-hide",t),role:"tablist","aria-label":"Tabs",children:e})}));go.displayName="SimpleTabsList";var bo=M.forwardRef(({value:e,children:t,icon:i,disabled:r,className:o},s)=>{let{activeTab:c,setActiveTab:C}=Ct(),P=c===e;return jsxs("button",{ref:s,role:"tab",id:`tab-${e}`,"aria-selected":P,"aria-controls":`panel-${e}`,onClick:()=>!r&&C(e),disabled:r,className:a("relative flex items-center gap-2 px-4 py-3 text-sm font-medium transition-colors whitespace-nowrap",P?"text-sourceful-green-600 dark:text-sourceful-green-400":"text-sourceful-gray-500 dark:text-sourceful-gray-400 hover:text-sourceful-gray-700 dark:hover:text-sourceful-gray-300",r&&"opacity-50 cursor-not-allowed",o),children:[i&&jsx("span",{className:"h-4 w-4",children:i}),t,P&&jsx("span",{className:"absolute bottom-0 left-0 right-0 h-0.5 bg-sourceful-green-500","aria-hidden":"true"})]})});bo.displayName="SimpleTabsTrigger";var yo=M.forwardRef(({value:e,children:t,className:i},r)=>{let{activeTab:o}=Ct();return o!==e?null:jsx("div",{ref:r,role:"tabpanel",id:`panel-${e}`,"aria-labelledby":`tab-${e}`,className:i,children:t})});yo.displayName="SimpleTabsContent";function Fr({children:e}){let t=useRef(null);return useEffect(()=>{let i=new Ir({duration:1.2,easing:o=>Math.min(1,1.001-Math.pow(2,-10*o)),orientation:"vertical",gestureOrientation:"vertical",smoothWheel:true});t.current=i;function r(o){i.raf(o),requestAnimationFrame(r);}return requestAnimationFrame(r),()=>{i.destroy(),t.current=null;}},[]),jsx(Fragment,{children:e})}var Me=M.createContext(null);function Vr(){let e=M.useContext(Me);if(!e)throw new Error("useDesignSystemTheme must be used within DesignSystemProvider");return {theme:e.theme,setTheme:e.setTheme}}function Wr(){let e=M.useContext(Me);if(!e)throw new Error("useFontMode must be used within DesignSystemProvider");return {fontMode:e.fontMode,setFontMode:e.setFontMode}}function Or(){let e=M.useContext(Me);if(!e)throw new Error("useColorMode must be used within DesignSystemProvider");return {colorMode:e.colorMode,setColorMode:e.setColorMode}}function Ur(){let e=M.useContext(Me);if(!e)throw new Error("useSpacingMode must be used within DesignSystemProvider");return {spacingMode:e.spacingMode,setSpacingMode:e.setSpacingMode}}function $r(){let e=M.useContext(Me);if(!e)throw new Error("useFocusMode must be used within DesignSystemProvider");return {focusMode:e.focusMode,setFocusMode:e.setFocusMode}}function _r(){let e=M.useContext(Me);if(!e)throw new Error("useAccessibility must be used within DesignSystemProvider");return {fontMode:e.fontMode,setFontMode:e.setFontMode,colorMode:e.colorMode,setColorMode:e.setColorMode,spacingMode:e.spacingMode,setSpacingMode:e.setSpacingMode,focusMode:e.focusMode,setFocusMode:e.setFocusMode}}function qr(){let e=M.useContext(Me);if(!e)throw new Error("useDesignSystem must be used within DesignSystemProvider");return e}function Xr({children:e,defaultTheme:t="base",defaultFontMode:i="default",defaultColorMode:r="default",defaultSpacingMode:o="default",defaultFocusMode:s="default",storageKey:c="sourceful-a11y",disableStorage:C=false}){let[P,V]=M.useState(t),[H,Q]=M.useState(i),[Z,Y]=M.useState(r),[W,le]=M.useState(o),[ce,se]=M.useState(s),[K,Xe]=M.useState(false);M.useEffect(()=>{if(Xe(true),!(C||typeof window=="undefined"))try{let ve=localStorage.getItem(c);if(ve){let te=JSON.parse(ve);te.fontMode&&Q(te.fontMode),te.colorMode&&Y(te.colorMode),te.spacingMode&&le(te.spacingMode),te.focusMode&&se(te.focusMode);}}catch(ve){console.warn("Failed to load accessibility preferences:",ve);}},[c,C]),M.useEffect(()=>{K&&document.documentElement.setAttribute("data-theme",P);},[P,K]),M.useEffect(()=>{K&&(H==="default"?document.documentElement.removeAttribute("data-font-mode"):document.documentElement.setAttribute("data-font-mode",H));},[H,K]),M.useEffect(()=>{K&&(Z==="default"?document.documentElement.removeAttribute("data-color-mode"):document.documentElement.setAttribute("data-color-mode",Z));},[Z,K]),M.useEffect(()=>{K&&(W==="default"?document.documentElement.removeAttribute("data-spacing"):document.documentElement.setAttribute("data-spacing",W));},[W,K]),M.useEffect(()=>{K&&(ce==="default"?document.documentElement.removeAttribute("data-focus-mode"):document.documentElement.setAttribute("data-focus-mode",ce));},[ce,K]),M.useEffect(()=>{if(!(!K||C||typeof window=="undefined"))try{localStorage.setItem(c,JSON.stringify({fontMode:H,colorMode:Z,spacingMode:W,focusMode:ce}));}catch(ve){console.warn("Failed to save accessibility preferences:",ve);}},[H,Z,W,ce,c,K,C]);let Je=M.useMemo(()=>({theme:P,setTheme:V,fontMode:H,setFontMode:Q,colorMode:Z,setColorMode:Y,spacingMode:W,setSpacingMode:le,focusMode:ce,setFocusMode:se}),[P,H,Z,W,ce]);return jsx(Me.Provider,{value:Je,children:e})}var he=(e,t)=>t*3+e,p=he(0,0),D=he(1,0),b=he(2,0),y=he(0,1),d=he(1,1),h=he(2,1),x=he(0,2),k=he(1,2),v=he(2,2),Ue={"solo-center":{name:"Solo Center",description:"Center pixel pulses",frames:[{activePixels:[]},{activePixels:[d]},{activePixels:[d]},{activePixels:[]}]},"solo-tl":{name:"Solo Top-Left",description:"Top-left pixel pulses",frames:[{activePixels:[]},{activePixels:[p]},{activePixels:[p]},{activePixels:[]}]},"solo-br":{name:"Solo Bottom-Right",description:"Bottom-right pixel pulses",frames:[{activePixels:[]},{activePixels:[v]},{activePixels:[v]},{activePixels:[]}]},"line-h-top":{name:"Horizontal Top",description:"Top row lights up left to right",frames:[{activePixels:[]},{activePixels:[p]},{activePixels:[p,D]},{activePixels:[p,D,b]},{activePixels:[D,b]},{activePixels:[b]},{activePixels:[]}]},"line-h-mid":{name:"Horizontal Middle",description:"Middle row lights up left to right",frames:[{activePixels:[]},{activePixels:[y]},{activePixels:[y,d]},{activePixels:[y,d,h]},{activePixels:[d,h]},{activePixels:[h]},{activePixels:[]}]},"line-h-bot":{name:"Horizontal Bottom",description:"Bottom row lights up left to right",frames:[{activePixels:[]},{activePixels:[x]},{activePixels:[x,k]},{activePixels:[x,k,v]},{activePixels:[k,v]},{activePixels:[v]},{activePixels:[]}]},"line-v-left":{name:"Vertical Left",description:"Left column lights up top to bottom",frames:[{activePixels:[]},{activePixels:[p]},{activePixels:[p,y]},{activePixels:[p,y,x]},{activePixels:[y,x]},{activePixels:[x]},{activePixels:[]}]},"line-v-mid":{name:"Vertical Middle",description:"Middle column lights up top to bottom",frames:[{activePixels:[]},{activePixels:[D]},{activePixels:[D,d]},{activePixels:[D,d,k]},{activePixels:[d,k]},{activePixels:[k]},{activePixels:[]}]},"line-v-right":{name:"Vertical Right",description:"Right column lights up top to bottom",frames:[{activePixels:[]},{activePixels:[b]},{activePixels:[b,h]},{activePixels:[b,h,v]},{activePixels:[h,v]},{activePixels:[v]},{activePixels:[]}]},"line-diag-1":{name:"Diagonal TL-BR",description:"Diagonal from top-left to bottom-right",frames:[{activePixels:[]},{activePixels:[p]},{activePixels:[p,d]},{activePixels:[p,d,v]},{activePixels:[d,v]},{activePixels:[v]},{activePixels:[]}]},"line-diag-2":{name:"Diagonal TR-BL",description:"Diagonal from top-right to bottom-left",frames:[{activePixels:[]},{activePixels:[b]},{activePixels:[b,d]},{activePixels:[b,d,x]},{activePixels:[d,x]},{activePixels:[x]},{activePixels:[]}]},"corners-sync":{name:"Corners Sync",description:"All corners pulse together",frames:[{activePixels:[]},{activePixels:[p,b,x,v]},{activePixels:[p,b,x,v]},{activePixels:[]}]},"corners-only":{name:"Corners Clockwise",description:"Corners light up clockwise",frames:[{activePixels:[]},{activePixels:[p]},{activePixels:[p,b]},{activePixels:[b]},{activePixels:[b,v]},{activePixels:[v]},{activePixels:[v,x]},{activePixels:[x]},{activePixels:[x,p]},{activePixels:[]}],cycleDuration:2e3},"L-tl":{name:"L Top-Left",description:"L shape in top-left corner",frames:[{activePixels:[]},{activePixels:[p]},{activePixels:[p,y]},{activePixels:[p,y,d]},{activePixels:[p,y,d]},{activePixels:[y,d]},{activePixels:[d]},{activePixels:[]}]},"L-tr":{name:"L Top-Right",description:"L shape in top-right corner",frames:[{activePixels:[]},{activePixels:[b]},{activePixels:[b,h]},{activePixels:[b,h,d]},{activePixels:[b,h,d]},{activePixels:[h,d]},{activePixels:[d]},{activePixels:[]}]},"L-bl":{name:"L Bottom-Left",description:"L shape in bottom-left corner",frames:[{activePixels:[]},{activePixels:[x]},{activePixels:[x,y]},{activePixels:[x,y,d]},{activePixels:[x,y,d]},{activePixels:[y,d]},{activePixels:[d]},{activePixels:[]}]},"L-br":{name:"L Bottom-Right",description:"L shape in bottom-right corner",frames:[{activePixels:[]},{activePixels:[v]},{activePixels:[v,h]},{activePixels:[v,h,d]},{activePixels:[v,h,d]},{activePixels:[h,d]},{activePixels:[d]},{activePixels:[]}]},"T-top":{name:"T Top",description:"T shape pointing down",frames:[{activePixels:[]},{activePixels:[D]},{activePixels:[p,D,b]},{activePixels:[p,D,b,d]},{activePixels:[p,D,b,d]},{activePixels:[D,d]},{activePixels:[d]},{activePixels:[]}]},"T-bot":{name:"T Bottom",description:"T shape pointing up",frames:[{activePixels:[]},{activePixels:[k]},{activePixels:[x,k,v]},{activePixels:[x,k,v,d]},{activePixels:[x,k,v,d]},{activePixels:[k,d]},{activePixels:[d]},{activePixels:[]}]},"T-left":{name:"T Left",description:"T shape pointing right",frames:[{activePixels:[]},{activePixels:[y]},{activePixels:[p,y,x]},{activePixels:[p,y,x,d]},{activePixels:[p,y,x,d]},{activePixels:[y,d]},{activePixels:[d]},{activePixels:[]}]},"T-right":{name:"T Right",description:"T shape pointing left",frames:[{activePixels:[]},{activePixels:[h]},{activePixels:[b,h,v]},{activePixels:[b,h,v,d]},{activePixels:[b,h,v,d]},{activePixels:[h,d]},{activePixels:[d]},{activePixels:[]}]},"duo-h":{name:"Duo Horizontal",description:"Two horizontal pixels pulse",frames:[{activePixels:[]},{activePixels:[y]},{activePixels:[y,h]},{activePixels:[y,h]},{activePixels:[h]},{activePixels:[]}]},"duo-v":{name:"Duo Vertical",description:"Two vertical pixels pulse",frames:[{activePixels:[]},{activePixels:[D]},{activePixels:[D,k]},{activePixels:[D,k]},{activePixels:[k]},{activePixels:[]}]},"duo-diag":{name:"Duo Diagonal",description:"Diagonal pair pulses",frames:[{activePixels:[]},{activePixels:[p]},{activePixels:[p,v]},{activePixels:[p,v]},{activePixels:[v]},{activePixels:[]}]},frame:{name:"Frame",description:"Outer pixels light up clockwise",frames:[{activePixels:[]},{activePixels:[p]},{activePixels:[p,D]},{activePixels:[D,b]},{activePixels:[b,h]},{activePixels:[h,v]},{activePixels:[v,k]},{activePixels:[k,x]},{activePixels:[x,y]},{activePixels:[y,p]},{activePixels:[p]},{activePixels:[]}],cycleDuration:2e3},"frame-sync":{name:"Frame Sync",description:"All outer pixels pulse together",frames:[{activePixels:[]},{activePixels:[p,D,b,y,h,x,k,v]},{activePixels:[p,D,b,y,h,x,k,v]},{activePixels:[]}]},"plus-hollow":{name:"Plus",description:"Plus/cross shape lights up",frames:[{activePixels:[]},{activePixels:[d]},{activePixels:[D,d,k]},{activePixels:[D,y,d,h,k]},{activePixels:[D,y,d,h,k]},{activePixels:[D,d,k]},{activePixels:[d]},{activePixels:[]}]},"sparse-1":{name:"Sparse 1",description:"Scattered pattern variation 1",frames:[{activePixels:[]},{activePixels:[p]},{activePixels:[p,h]},{activePixels:[p,h,k]},{activePixels:[p,h,k]},{activePixels:[h,k]},{activePixels:[k]},{activePixels:[]}]},"sparse-2":{name:"Sparse 2",description:"Scattered pattern variation 2",frames:[{activePixels:[]},{activePixels:[D]},{activePixels:[D,x]},{activePixels:[D,x,v]},{activePixels:[D,x,v]},{activePixels:[x,v]},{activePixels:[v]},{activePixels:[]}]},"sparse-3":{name:"Sparse 3",description:"Scattered pattern variation 3",frames:[{activePixels:[]},{activePixels:[b]},{activePixels:[b,y]},{activePixels:[b,y,x]},{activePixels:[b,y,x]},{activePixels:[y,x]},{activePixels:[x]},{activePixels:[]}]}},ho=Object.keys(Ue),tt={Solo:["solo-center","solo-tl","solo-br"],"Horizontal Lines":["line-h-top","line-h-mid","line-h-bot"],"Vertical Lines":["line-v-left","line-v-mid","line-v-right"],"Diagonal Lines":["line-diag-1","line-diag-2"],Corners:["corners-sync","corners-only"],"L-Shapes":["L-tl","L-tr","L-bl","L-br"],"T-Shapes":["T-top","T-bot","T-left","T-right"],Duos:["duo-h","duo-v","duo-diag"],Frame:["frame","frame-sync"],Plus:["plus-hollow"],Sparse:["sparse-1","sparse-2","sparse-3"]};var ee=(e,t)=>t*4+e,N=ee(0,0),E=ee(1,0),G=ee(2,0),z=ee(3,0),O=ee(0,1),w=ee(1,1),T=ee(2,1),U=ee(3,1),$=ee(0,2),S=ee(1,2),R=ee(2,2),_=ee(3,2),B=ee(0,3),I=ee(1,3),F=ee(2,3),L=ee(3,3),Nt={"solo-center":{name:"Solo Center",description:"Center pixels pulse",frames:[{activePixels:[]},{activePixels:[w,T,S,R]},{activePixels:[w,T,S,R]},{activePixels:[]}]},"solo-tl":{name:"Solo Top-Left",description:"Top-left pixel pulses",frames:[{activePixels:[]},{activePixels:[N]},{activePixels:[N]},{activePixels:[]}]},"solo-br":{name:"Solo Bottom-Right",description:"Bottom-right pixel pulses",frames:[{activePixels:[]},{activePixels:[L]},{activePixels:[L]},{activePixels:[]}]},"line-h-top":{name:"Horizontal Top",description:"Top row lights up left to right",frames:[{activePixels:[]},{activePixels:[N]},{activePixels:[N,E]},{activePixels:[N,E,G]},{activePixels:[N,E,G,z]},{activePixels:[E,G,z]},{activePixels:[G,z]},{activePixels:[z]},{activePixels:[]}]},"line-h-mid":{name:"Horizontal Middle",description:"Middle rows light up left to right",frames:[{activePixels:[]},{activePixels:[O,$]},{activePixels:[O,$,w,S]},{activePixels:[O,$,w,S,T,R]},{activePixels:[O,$,w,S,T,R,U,_]},{activePixels:[w,S,T,R,U,_]},{activePixels:[T,R,U,_]},{activePixels:[U,_]},{activePixels:[]}]},"line-h-bot":{name:"Horizontal Bottom",description:"Bottom row lights up left to right",frames:[{activePixels:[]},{activePixels:[B]},{activePixels:[B,I]},{activePixels:[B,I,F]},{activePixels:[B,I,F,L]},{activePixels:[I,F,L]},{activePixels:[F,L]},{activePixels:[L]},{activePixels:[]}]},"line-v-left":{name:"Vertical Left",description:"Left column lights up top to bottom",frames:[{activePixels:[]},{activePixels:[N]},{activePixels:[N,O]},{activePixels:[N,O,$]},{activePixels:[N,O,$,B]},{activePixels:[O,$,B]},{activePixels:[$,B]},{activePixels:[B]},{activePixels:[]}]},"line-v-mid":{name:"Vertical Middle",description:"Middle columns light up top to bottom",frames:[{activePixels:[]},{activePixels:[E,G]},{activePixels:[E,G,w,T]},{activePixels:[E,G,w,T,S,R]},{activePixels:[E,G,w,T,S,R,I,F]},{activePixels:[w,T,S,R,I,F]},{activePixels:[S,R,I,F]},{activePixels:[I,F]},{activePixels:[]}]},"line-v-right":{name:"Vertical Right",description:"Right column lights up top to bottom",frames:[{activePixels:[]},{activePixels:[z]},{activePixels:[z,U]},{activePixels:[z,U,_]},{activePixels:[z,U,_,L]},{activePixels:[U,_,L]},{activePixels:[_,L]},{activePixels:[L]},{activePixels:[]}]},"line-diag-1":{name:"Diagonal TL-BR",description:"Diagonal from top-left to bottom-right",frames:[{activePixels:[]},{activePixels:[N]},{activePixels:[N,w]},{activePixels:[N,w,R]},{activePixels:[N,w,R,L]},{activePixels:[w,R,L]},{activePixels:[R,L]},{activePixels:[L]},{activePixels:[]}]},"line-diag-2":{name:"Diagonal TR-BL",description:"Diagonal from top-right to bottom-left",frames:[{activePixels:[]},{activePixels:[z]},{activePixels:[z,T]},{activePixels:[z,T,S]},{activePixels:[z,T,S,B]},{activePixels:[T,S,B]},{activePixels:[S,B]},{activePixels:[B]},{activePixels:[]}]},"corners-sync":{name:"Corners Sync",description:"All corners pulse together",frames:[{activePixels:[]},{activePixels:[N,z,B,L]},{activePixels:[N,z,B,L]},{activePixels:[]}]},"corners-only":{name:"Corners Clockwise",description:"Corners light up clockwise",frames:[{activePixels:[]},{activePixels:[N]},{activePixels:[N,z]},{activePixels:[z]},{activePixels:[z,L]},{activePixels:[L]},{activePixels:[L,B]},{activePixels:[B]},{activePixels:[B,N]},{activePixels:[]}],cycleDuration:2e3},frame:{name:"Frame",description:"Outer pixels light up clockwise",frames:[{activePixels:[]},{activePixels:[N]},{activePixels:[N,E]},{activePixels:[E,G]},{activePixels:[G,z]},{activePixels:[z,U]},{activePixels:[U,_]},{activePixels:[_,L]},{activePixels:[L,F]},{activePixels:[F,I]},{activePixels:[I,B]},{activePixels:[B,$]},{activePixels:[$,O]},{activePixels:[O,N]},{activePixels:[N]},{activePixels:[]}],cycleDuration:2500},"frame-sync":{name:"Frame Sync",description:"All outer pixels pulse together",frames:[{activePixels:[]},{activePixels:[N,E,G,z,O,U,$,_,B,I,F,L]},{activePixels:[N,E,G,z,O,U,$,_,B,I,F,L]},{activePixels:[]}]},"plus-hollow":{name:"Plus",description:"Plus/cross shape lights up",frames:[{activePixels:[]},{activePixels:[w,T,S,R]},{activePixels:[E,G,w,T,S,R,I,F]},{activePixels:[E,G,O,$,w,T,S,R,U,_,I,F]},{activePixels:[E,G,O,$,w,T,S,R,U,_,I,F]},{activePixels:[E,G,w,T,S,R,I,F]},{activePixels:[w,T,S,R]},{activePixels:[]}]},"square-inner":{name:"Inner Square",description:"Inner 2x2 square pulses",frames:[{activePixels:[]},{activePixels:[w]},{activePixels:[w,T]},{activePixels:[w,T,R]},{activePixels:[w,T,S,R]},{activePixels:[w,T,S,R]},{activePixels:[T,S,R]},{activePixels:[S,R]},{activePixels:[R]},{activePixels:[]}]},"square-outer":{name:"Outer Square",description:"Outer frame expands from center",frames:[{activePixels:[]},{activePixels:[w,T,S,R]},{activePixels:[E,G,O,w,T,U,$,S,R,_,I,F]},{activePixels:[N,E,G,z,O,U,$,_,B,I,F,L]},{activePixels:[N,E,G,z,O,U,$,_,B,I,F,L]},{activePixels:[E,G,O,w,T,U,$,S,R,_,I,F]},{activePixels:[w,T,S,R]},{activePixels:[]}]},"cross-full":{name:"Cross Full",description:"Full cross pattern",frames:[{activePixels:[]},{activePixels:[E,G,w,T,S,R,I,F,O,$,U,_]},{activePixels:[E,G,w,T,S,R,I,F,O,$,U,_]},{activePixels:[]}]},"cross-spin":{name:"Cross Spin",description:"Cross pattern rotates",frames:[{activePixels:[E,G,I,F]},{activePixels:[E,G,I,F,z,L]},{activePixels:[O,$,U,_]},{activePixels:[O,$,U,_,N,B]},{activePixels:[E,G,I,F]}],cycleDuration:2e3}},Ro={Solo:["solo-center","solo-tl","solo-br"],"Horizontal Lines":["line-h-top","line-h-mid","line-h-bot"],"Vertical Lines":["line-v-left","line-v-mid","line-v-right"],"Diagonal Lines":["line-diag-1","line-diag-2"],Corners:["corners-sync","corners-only"],Frame:["frame","frame-sync"],Plus:["plus-hollow"],Squares:["square-inner","square-outer"],Cross:["cross-full","cross-spin"]};var f=(e,t)=>t*6+e,He=f(0,0),$e=f(5,0),_e=f(0,5),Ae=f(5,5),wo=e=>Array.from({length:6},(t,i)=>f(i,e)),To=e=>Array.from({length:6},(t,i)=>f(e,i)),it=[...wo(0),...wo(5),...To(0).slice(1,5),...To(5).slice(1,5)],So=[f(1,1),f(2,1),f(3,1),f(4,1),f(1,4),f(2,4),f(3,4),f(4,4),f(1,2),f(1,3),f(4,2),f(4,3)],pe=[f(2,2),f(3,2),f(2,3),f(3,3)],Mt={"solo-center":{name:"Solo Center",description:"Center 2x2 pixels pulse",frames:[{activePixels:[]},{activePixels:pe},{activePixels:pe},{activePixels:[]}]},"solo-tl":{name:"Solo Top-Left",description:"Top-left pixel pulses",frames:[{activePixels:[]},{activePixels:[He]},{activePixels:[He]},{activePixels:[]}]},"solo-br":{name:"Solo Bottom-Right",description:"Bottom-right pixel pulses",frames:[{activePixels:[]},{activePixels:[Ae]},{activePixels:[Ae]},{activePixels:[]}]},"line-h-top":{name:"Horizontal Top",description:"Top row lights up left to right",frames:[{activePixels:[]},{activePixels:[0]},{activePixels:[0,1]},{activePixels:[0,1,2]},{activePixels:[0,1,2,3]},{activePixels:[0,1,2,3,4]},{activePixels:[0,1,2,3,4,5]},{activePixels:[1,2,3,4,5]},{activePixels:[2,3,4,5]},{activePixels:[3,4,5]},{activePixels:[4,5]},{activePixels:[5]},{activePixels:[]}]},"line-h-mid":{name:"Horizontal Middle",description:"Middle rows light up",frames:[{activePixels:[]},{activePixels:[12,18]},{activePixels:[12,13,18,19]},{activePixels:[12,13,14,18,19,20]},{activePixels:[12,13,14,15,18,19,20,21]},{activePixels:[12,13,14,15,16,18,19,20,21,22]},{activePixels:[12,13,14,15,16,17,18,19,20,21,22,23]},{activePixels:[13,14,15,16,17,19,20,21,22,23]},{activePixels:[14,15,16,17,20,21,22,23]},{activePixels:[15,16,17,21,22,23]},{activePixels:[16,17,22,23]},{activePixels:[17,23]},{activePixels:[]}]},"line-h-bot":{name:"Horizontal Bottom",description:"Bottom row lights up left to right",frames:[{activePixels:[]},{activePixels:[30]},{activePixels:[30,31]},{activePixels:[30,31,32]},{activePixels:[30,31,32,33]},{activePixels:[30,31,32,33,34]},{activePixels:[30,31,32,33,34,35]},{activePixels:[31,32,33,34,35]},{activePixels:[32,33,34,35]},{activePixels:[33,34,35]},{activePixels:[34,35]},{activePixels:[35]},{activePixels:[]}]},"line-v-left":{name:"Vertical Left",description:"Left column lights up",frames:[{activePixels:[]},{activePixels:[0]},{activePixels:[0,6]},{activePixels:[0,6,12]},{activePixels:[0,6,12,18]},{activePixels:[0,6,12,18,24]},{activePixels:[0,6,12,18,24,30]},{activePixels:[6,12,18,24,30]},{activePixels:[12,18,24,30]},{activePixels:[18,24,30]},{activePixels:[24,30]},{activePixels:[30]},{activePixels:[]}]},"line-v-mid":{name:"Vertical Middle",description:"Middle columns light up",frames:[{activePixels:[]},{activePixels:[2,3]},{activePixels:[2,3,8,9]},{activePixels:[2,3,8,9,14,15]},{activePixels:[2,3,8,9,14,15,20,21]},{activePixels:[2,3,8,9,14,15,20,21,26,27]},{activePixels:[2,3,8,9,14,15,20,21,26,27,32,33]},{activePixels:[8,9,14,15,20,21,26,27,32,33]},{activePixels:[14,15,20,21,26,27,32,33]},{activePixels:[20,21,26,27,32,33]},{activePixels:[26,27,32,33]},{activePixels:[32,33]},{activePixels:[]}]},"line-v-right":{name:"Vertical Right",description:"Right column lights up",frames:[{activePixels:[]},{activePixels:[5]},{activePixels:[5,11]},{activePixels:[5,11,17]},{activePixels:[5,11,17,23]},{activePixels:[5,11,17,23,29]},{activePixels:[5,11,17,23,29,35]},{activePixels:[11,17,23,29,35]},{activePixels:[17,23,29,35]},{activePixels:[23,29,35]},{activePixels:[29,35]},{activePixels:[35]},{activePixels:[]}]},"line-diag-1":{name:"Diagonal TL-BR",description:"Diagonal from top-left to bottom-right",frames:[{activePixels:[]},{activePixels:[0]},{activePixels:[0,7]},{activePixels:[0,7,14]},{activePixels:[0,7,14,21]},{activePixels:[0,7,14,21,28]},{activePixels:[0,7,14,21,28,35]},{activePixels:[7,14,21,28,35]},{activePixels:[14,21,28,35]},{activePixels:[21,28,35]},{activePixels:[28,35]},{activePixels:[35]},{activePixels:[]}]},"line-diag-2":{name:"Diagonal TR-BL",description:"Diagonal from top-right to bottom-left",frames:[{activePixels:[]},{activePixels:[5]},{activePixels:[5,10]},{activePixels:[5,10,15]},{activePixels:[5,10,15,20]},{activePixels:[5,10,15,20,25]},{activePixels:[5,10,15,20,25,30]},{activePixels:[10,15,20,25,30]},{activePixels:[15,20,25,30]},{activePixels:[20,25,30]},{activePixels:[25,30]},{activePixels:[30]},{activePixels:[]}]},"corners-sync":{name:"Corners Sync",description:"All corners pulse together",frames:[{activePixels:[]},{activePixels:[He,$e,_e,Ae]},{activePixels:[He,$e,_e,Ae]},{activePixels:[]}]},"corners-only":{name:"Corners Clockwise",description:"Corners light up clockwise",frames:[{activePixels:[]},{activePixels:[He]},{activePixels:[He,$e]},{activePixels:[$e]},{activePixels:[$e,Ae]},{activePixels:[Ae]},{activePixels:[Ae,_e]},{activePixels:[_e]},{activePixels:[_e,He]},{activePixels:[]}],cycleDuration:2e3},frame:{name:"Frame",description:"Outer pixels light up clockwise",frames:[{activePixels:[]},{activePixels:[0]},{activePixels:[0,1]},{activePixels:[1,2]},{activePixels:[2,3]},{activePixels:[3,4]},{activePixels:[4,5]},{activePixels:[5,11]},{activePixels:[11,17]},{activePixels:[17,23]},{activePixels:[23,29]},{activePixels:[29,35]},{activePixels:[35,34]},{activePixels:[34,33]},{activePixels:[33,32]},{activePixels:[32,31]},{activePixels:[31,30]},{activePixels:[30,24]},{activePixels:[24,18]},{activePixels:[18,12]},{activePixels:[12,6]},{activePixels:[6,0]},{activePixels:[]}],cycleDuration:3e3},"frame-sync":{name:"Frame Sync",description:"All outer pixels pulse together",frames:[{activePixels:[]},{activePixels:it},{activePixels:it},{activePixels:[]}]},"plus-hollow":{name:"Plus",description:"Plus/cross shape lights up",frames:[{activePixels:[]},{activePixels:pe},{activePixels:[...pe,8,9,26,27,13,16,19,22]},{activePixels:[...pe,2,3,8,9,26,27,32,33,12,17,13,16,19,22,18,23]},{activePixels:[...pe,2,3,8,9,26,27,32,33,12,17,13,16,19,22,18,23]},{activePixels:[...pe,8,9,26,27,13,16,19,22]},{activePixels:pe},{activePixels:[]}]},ripple:{name:"Ripple",description:"Expanding ripple from center",frames:[{activePixels:[]},{activePixels:pe},{activePixels:So},{activePixels:it},{activePixels:it},{activePixels:So},{activePixels:pe},{activePixels:[]}],cycleDuration:2e3},spiral:{name:"Spiral",description:"Spiral from outside to center",frames:[{activePixels:[]},{activePixels:[0]},{activePixels:[0,1,2,3,4,5]},{activePixels:[0,1,2,3,4,5,11,17,23,29,35]},{activePixels:[0,1,2,3,4,5,11,17,23,29,35,34,33,32,31,30]},{activePixels:[0,1,2,3,4,5,11,17,23,29,35,34,33,32,31,30,24,18,12,6]},{activePixels:[7,8,9,10,16,22,28,27,26,25,19,13]},{activePixels:[14,15,21,20]},{activePixels:[14,15,21,20]},{activePixels:[]}],cycleDuration:3e3},checkerboard:{name:"Checkerboard",description:"Alternating checkerboard pattern",frames:[{activePixels:[]},{activePixels:[0,2,4,7,9,11,12,14,16,19,21,23,24,26,28,31,33,35]},{activePixels:[0,2,4,7,9,11,12,14,16,19,21,23,24,26,28,31,33,35]},{activePixels:[1,3,5,6,8,10,13,15,17,18,20,22,25,27,29,30,32,34]},{activePixels:[1,3,5,6,8,10,13,15,17,18,20,22,25,27,29,30,32,34]},{activePixels:[]}],cycleDuration:2e3},diamond:{name:"Diamond",description:"Diamond shape expands",frames:[{activePixels:[]},{activePixels:pe},{activePixels:[8,9,13,16,19,22,26,27]},{activePixels:[2,3,7,10,12,17,18,23,25,28,32,33]},{activePixels:[2,3,7,10,12,17,18,23,25,28,32,33]},{activePixels:[8,9,13,16,19,22,26,27]},{activePixels:pe},{activePixels:[]}]},wave:{name:"Wave",description:"Wave moving across grid",frames:[{activePixels:[0,6,12,18,24,30]},{activePixels:[0,1,6,7,12,13,18,19,24,25,30,31]},{activePixels:[1,2,7,8,13,14,19,20,25,26,31,32]},{activePixels:[2,3,8,9,14,15,20,21,26,27,32,33]},{activePixels:[3,4,9,10,15,16,21,22,27,28,33,34]},{activePixels:[4,5,10,11,16,17,22,23,28,29,34,35]},{activePixels:[5,11,17,23,29,35]},{activePixels:[]}],cycleDuration:1500}},Co={Solo:["solo-center","solo-tl","solo-br"],"Horizontal Lines":["line-h-top","line-h-mid","line-h-bot"],"Vertical Lines":["line-v-left","line-v-mid","line-v-right"],"Diagonal Lines":["line-diag-1","line-diag-2"],Corners:["corners-sync","corners-only"],Frame:["frame","frame-sync"],Plus:["plus-hollow"],"6x6 Special":["ripple","spiral","checkerboard","diamond","wave"]};var Qr={slow:2e3,normal:1500,fast:1e3},Yr={sm:{pixel:6,gap:2},md:{pixel:10,gap:3},lg:{pixel:14,gap:4}};function Zr(e){switch(e){case 4:return Nt;case 6:return Mt;default:return Ue}}function Re({pattern:e,dimension:t=3,color:i="green",speed:r="normal",size:o="md",animated:s=true,paused:c=false,className:C,showLabel:P=false}){var ve;let[V,H]=M.useState(0),[Q,Z]=M.useState(new Set),W=Zr(t)[e];if(!W)return console.warn(`Pattern "${e}" not found for ${t}x${t} grid`),null;let ce=((ve=W.cycleDuration)!=null?ve:Qr[r])/W.frames.length,se=t*t;M.useEffect(()=>{if(!s||c)return;let te=setInterval(()=>{H(De=>(De+1)%W.frames.length);},ce);return ()=>clearInterval(te)},[s,c,ce,W.frames.length]),M.useEffect(()=>{if(s){let te=W.frames[V];Z(new Set(te.activePixels));}else {let te=W.frames.reduce((De,At)=>At.activePixels.length>De.activePixels.length?At:De);Z(new Set(te.activePixels));}},[s,V,W.frames]);let{pixel:K,gap:Xe}=Yr[o],Je=K*t+Xe*(t-1);return jsxs("div",{className:a("pixel-grid-wrapper",C),children:[jsx("div",{className:a("pixel-grid-container",`pixel-grid-${i}`,`pixel-grid-${t}x${t}`),style:{width:Je,height:Je,gap:Xe,gridTemplateColumns:`repeat(${t}, 1fr)`,"--pixel-size":`${K}px`},role:"img","aria-label":`${s?"Animated":"Static"} pixel grid: ${W.name}`,children:Array.from({length:se},(te,De)=>jsx("div",{className:a("pixel-grid-pixel",{"pixel-active":Q.has(De)}),style:{width:K,height:K}},De))}),P&&jsx("span",{className:"pixel-grid-label font-mono",children:e})]})}Re.displayName="PixelGrid";function jr(e){switch(e){case 4:return Ro;case 6:return Co;default:return tt}}function kt({dimension:e=3,color:t="green",size:i="md",animated:r=true,showCategories:o=true,categories:s,className:c}){let C=jr(e),P=s?Object.entries(C).filter(([V])=>s.includes(V)):Object.entries(C);return jsx("div",{className:a("pixel-grid-showcase",c),children:o?jsx("div",{className:"space-y-8",children:P.map(([V,H])=>jsxs("div",{children:[jsx("h3",{className:"text-sm font-medium text-muted-foreground mb-4",children:V}),jsx("div",{className:"flex flex-wrap gap-6",children:H.map(Q=>jsx(Re,{pattern:Q,dimension:e,color:t,size:i,animated:r,showLabel:true},Q))})]},V))}):jsx("div",{className:"flex flex-wrap gap-6",children:P.flatMap(([V,H])=>H.map(Q=>jsx(Re,{pattern:Q,dimension:e,color:t,size:i,animated:r,showLabel:true},Q)))})})}kt.displayName="PixelGridShowcase";function Lt({pattern:e,dimension:t=3,size:i="md",animated:r=true,className:o}){let s=["blue","pink","green"];return jsx("div",{className:a("flex gap-6 items-center",o),children:s.map(c=>jsxs("div",{className:"flex flex-col items-center gap-2",children:[jsx(Re,{pattern:e,dimension:t,color:c,size:i,animated:r}),jsx("span",{className:"text-xs text-muted-foreground font-mono",children:c})]},c))})}Lt.displayName="PixelGridColorComparison";function Ht({pattern:e,dimension:t=3,color:i="green",animated:r=true,className:o}){let s=["sm","md","lg"];return jsx("div",{className:a("flex gap-6 items-end",o),children:s.map(c=>jsxs("div",{className:"flex flex-col items-center gap-2",children:[jsx(Re,{pattern:e,dimension:t,color:i,size:c,animated:r}),jsx("span",{className:"text-xs text-muted-foreground font-mono",children:c})]},c))})}Ht.displayName="PixelGridSizeComparison";export{Eo as Accordion,Bt as AccordionContent,Ft as AccordionItem,zt as AccordionTrigger,Vt as Alert,Ot as AlertDescription,Wt as AlertTitle,Bo as Badge,qt as Button,Xt as Card,Zt as CardContent,Yt as CardDescription,Kt as CardFooter,Jt as CardHeader,Qt as CardTitle,ei as Checkbox,Xr as DesignSystemProvider,qo as Dialog,Jo as DialogClose,ii as DialogContent,si as DialogDescription,ri as DialogFooter,oi as DialogHeader,st as DialogOverlay,ti as DialogPortal,ai as DialogTitle,Xo as DialogTrigger,Ko as DropdownMenu,mi as DropdownMenuCheckboxItem,ci as DropdownMenuContent,er as DropdownMenuGroup,di as DropdownMenuItem,fi as DropdownMenuLabel,tr as DropdownMenuPortal,or as DropdownMenuRadioGroup,pi as DropdownMenuRadioItem,ui as DropdownMenuSeparator,vi as DropdownMenuShortcut,ir as DropdownMenuSub,li as DropdownMenuSubContent,ni as DropdownMenuSubTrigger,jo as DropdownMenuTrigger,Pi as Input,bi as Label,Fr as LenisProvider,Re as PixelGrid,Lt as PixelGridColorComparison,kt as PixelGridShowcase,Ht as PixelGridSizeComparison,Ri as Progress,wi as RadioGroup,Ti as RadioGroupItem,Si as ScrollArea,mt as ScrollBar,pr as Select,Mi as SelectContent,fr as SelectGroup,ki as SelectItem,Di as SelectLabel,ft as SelectScrollDownButton,pt as SelectScrollUpButton,Li as SelectSeparator,Ni as SelectTrigger,ur as SelectValue,Ai as Separator,gr as Sheet,yr as SheetClose,Gi as SheetContent,Bi as SheetDescription,Fi as SheetFooter,Ii as SheetHeader,Pt as SheetOverlay,Ei as SheetPortal,zi as SheetTitle,br as SheetTrigger,co as SideMenu,vo as SimpleTabs,yo as SimpleTabsContent,go as SimpleTabsList,xo as SimpleTabsPanel,Po as SimpleTabsRoot,bo as SimpleTabsTrigger,Rr as Skeleton,Wi as Slider,$i as Switch,_i as Table,Xi as TableBody,Ki as TableCaption,Zi as TableCell,Ji as TableFooter,Yi as TableHead,qi as TableHeader,Qi as TableRow,Sr as Tabs,to as TabsContent,ji as TabsList,eo as TabsTrigger,oo as Textarea,ht as Tooltip,et as TooltipContent,yt as TooltipProvider,Rt as TooltipTrigger,mo as TopMenu,po as TopMenuUser,fo as TopMenuUserItem,uo as TopMenuUserSection,Ut as badgeVariants,_t as buttonVariants,a as cn,tt as patternCategories,ho as patternNames,Ue as patterns,_r as useAccessibility,Or as useColorMode,qr as useDesignSystem,Vr as useDesignSystemTheme,$r as useFocusMode,Wr as useFontMode,Ur as useSpacingMode};//# sourceMappingURL=index.mjs.map
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|