@sourceful-energy/ui 0.1.31 → 0.2.1

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.mjs CHANGED
@@ -1,2 +1,2 @@
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
1
+ import*as ne from'react';import {useRef,useEffect}from'react';import*as ci from'@radix-ui/react-accordion';import {ChevronDown,Check,X as X$1,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 Gi from'@radix-ui/react-checkbox';import*as Fe from'@radix-ui/react-dialog';import*as I from'@radix-ui/react-dropdown-menu';import*as nt from'@radix-ui/react-label';import*as Bi from'@radix-ui/react-progress';import*as Ti from'@radix-ui/react-radio-group';import*as pi from'@radix-ui/react-scroll-area';import*as U from'@radix-ui/react-select';import*as Pt from'@radix-ui/react-separator';import*as ui from'@radix-ui/react-slider';import*as Oi from'@radix-ui/react-switch';import*as mi from'@radix-ui/react-tabs';import*as vi from'@radix-ui/react-tooltip';import Vr from'lenis';var Lo=Object.defineProperty,Ao=Object.defineProperties;var Ho=Object.getOwnPropertyDescriptors;var Ji=Object.getOwnPropertySymbols;var Gt=Object.prototype.hasOwnProperty,It=Object.prototype.propertyIsEnumerable;var Ft=(e,t,a)=>t in e?Lo(e,t,{enumerable:true,configurable:true,writable:true,value:a}):e[t]=a,h=(e,t)=>{for(var a in t||(t={}))Gt.call(t,a)&&Ft(e,a,t[a]);if(Ji)for(var a of Ji(t))It.call(t,a)&&Ft(e,a,t[a]);return e},Q=(e,t)=>Ao(e,Ho(t));var R=(e,t)=>{var a={};for(var n in e)Gt.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(e!=null&&Ji)for(var n of Ji(e))t.indexOf(n)<0&&It.call(e,n)&&(a[n]=e[n]);return a};function P(...e){return twMerge(clsx(e))}var Io=ci.Root,Bt=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx(ci.Item,h({ref:a,className:P("border-b",e)},t))});Bt.displayName="AccordionItem";var Vt=ne.forwardRef((o,n)=>{var y=o,{className:e,children:t}=y,a=R(y,["className","children"]);return jsx(ci.Header,{className:"flex",children:jsxs(ci.Trigger,Q(h({ref:n,className:P("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",e)},a),{children:[t,jsx(ChevronDown,{className:"h-4 w-4 shrink-0 transition-transform duration-200"})]}))})});Vt.displayName=ci.Trigger.displayName;var Wt=ne.forwardRef((o,n)=>{var y=o,{className:e,children:t}=y,a=R(y,["className","children"]);return jsx(ci.Content,Q(h({ref:n,className:"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"},a),{children:jsx("div",{className:P("pb-4 pt-0",e),children:t})}))});Wt.displayName=ci.Content.displayName;var Wo=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"}}),Ot=ne.forwardRef((o,n)=>{var y=o,{className:e,variant:t}=y,a=R(y,["className","variant"]);return jsx("div",h({ref:n,role:"alert",className:P(Wo({variant:t}),e)},a))});Ot.displayName="Alert";var Ut=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx("h5",h({ref:a,className:P("mb-1 font-medium leading-none tracking-tight",e)},t))});Ut.displayName="AlertTitle";var qt=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx("div",h({ref:a,className:P("text-sm [&_p]:leading-relaxed",e)},t))});qt.displayName="AlertDescription";var _t=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 Uo(o){var y=o,{className:e,variant:t,rounded:a}=y,n=R(y,["className","variant","rounded"]);return jsx("div",h({className:P(_t({variant:t,rounded:a}),e)},n))}var Xt=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"}}),Zt=ne.forwardRef((H,y)=>{var re=H,{className:e,variant:t,size:a,asChild:n=false}=re,o=R(re,["className","variant","size","asChild"]);return jsx(n?Slot:"button",h({className:P(Xt({variant:t,size:a,className:e})),ref:y},o))});Zt.displayName="Button";var Jt=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx("div",h({ref:a,className:P("rounded-xl border bg-card text-card-foreground shadow",e)},t))});Jt.displayName="Card";var Qt=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx("div",h({ref:a,className:P("flex flex-col space-y-1.5 p-6",e)},t))});Qt.displayName="CardHeader";var jt=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx("div",h({ref:a,className:P("font-semibold leading-none tracking-tight",e)},t))});jt.displayName="CardTitle";var Yt=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx("div",h({ref:a,className:P("text-sm text-muted-foreground",e)},t))});Yt.displayName="CardDescription";var Kt=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx("div",h({ref:a,className:P("p-6 pt-0",e)},t))});Kt.displayName="CardContent";var ea=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx("div",h({ref:a,className:P("flex items-center p-6 pt-0",e)},t))});ea.displayName="CardFooter";var ta=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx(Gi.Root,Q(h({ref:a,className:P("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(Gi.Indicator,{className:P("flex items-center justify-center text-current"),children:jsx(Check,{className:"h-4 w-4"})})}))});ta.displayName=Gi.Root.displayName;var Qo=Fe.Root,jo=Fe.Trigger,aa=Fe.Portal,Yo=Fe.Close,st=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx(Fe.Overlay,h({ref:a,className:P("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=Fe.Overlay.displayName;var oa=ne.forwardRef((o,n)=>{var y=o,{className:e,children:t}=y,a=R(y,["className","children"]);return jsxs(aa,{children:[jsx(st,{}),jsxs(Fe.Content,Q(h({ref:n,className:P("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)},a),{children:[t,jsxs(Fe.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$1,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Close"})]})]}))]})});oa.displayName=Fe.Content.displayName;var ra=a=>{var n=a,{className:e}=n,t=R(n,["className"]);return jsx("div",h({className:P("flex flex-col space-y-1.5 text-center sm:text-left",e)},t))};ra.displayName="DialogHeader";var sa=a=>{var n=a,{className:e}=n,t=R(n,["className"]);return jsx("div",h({className:P("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e)},t))};sa.displayName="DialogFooter";var la=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx(Fe.Title,h({ref:a,className:P("text-lg font-semibold leading-none tracking-tight",e)},t))});la.displayName=Fe.Title.displayName;var na=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx(Fe.Description,h({ref:a,className:P("text-sm text-muted-foreground",e)},t))});na.displayName=Fe.Description.displayName;var tr=I.Root,ar=I.Trigger,or=I.Group,rr=I.Portal,sr=I.Sub,lr=I.RadioGroup,ca=ne.forwardRef((y,o)=>{var H=y,{className:e,inset:t,children:a}=H,n=R(H,["className","inset","children"]);return jsxs(I.SubTrigger,Q(h({ref:o,className:P("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)},n),{children:[a,jsx(ChevronRight,{className:"ml-auto"})]}))});ca.displayName=I.SubTrigger.displayName;var pa=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx(I.SubContent,h({ref:a,className:P("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))});pa.displayName=I.SubContent.displayName;var da=ne.forwardRef((o,n)=>{var y=o,{className:e,sideOffset:t=4}=y,a=R(y,["className","sideOffset"]);return jsx(I.Portal,{children:jsx(I.Content,h({ref:n,sideOffset:t,className:P("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)},a))})});da.displayName=I.Content.displayName;var ma=ne.forwardRef((o,n)=>{var y=o,{className:e,inset:t}=y,a=R(y,["className","inset"]);return jsx(I.Item,h({ref:n,className:P("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)},a))});ma.displayName=I.Item.displayName;var va=ne.forwardRef((y,o)=>{var H=y,{className:e,children:t,checked:a}=H,n=R(H,["className","children","checked"]);return jsxs(I.CheckboxItem,Q(h({ref:o,className:P("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:a},n),{children:[jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:jsx(I.ItemIndicator,{children:jsx(Check,{className:"h-4 w-4"})})}),t]}))});va.displayName=I.CheckboxItem.displayName;var xa=ne.forwardRef((o,n)=>{var y=o,{className:e,children:t}=y,a=R(y,["className","children"]);return jsxs(I.RadioItem,Q(h({ref:n,className:P("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)},a),{children:[jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:jsx(I.ItemIndicator,{children:jsx(Circle,{className:"h-2 w-2 fill-current"})})}),t]}))});xa.displayName=I.RadioItem.displayName;var Pa=ne.forwardRef((o,n)=>{var y=o,{className:e,inset:t}=y,a=R(y,["className","inset"]);return jsx(I.Label,h({ref:n,className:P("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",e)},a))});Pa.displayName=I.Label.displayName;var fa=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx(I.Separator,h({ref:a,className:P("-mx-1 my-1 h-px bg-muted",e)},t))});fa.displayName=I.Separator.displayName;var ua=a=>{var n=a,{className:e}=n,t=R(n,["className"]);return jsx("span",h({className:P("ml-auto text-xs tracking-widest opacity-60",e)},t))};ua.displayName="DropdownMenuShortcut";var ba=ne.forwardRef((o,n)=>{var y=o,{className:e,type:t}=y,a=R(y,["className","type"]);return jsx("input",h({type:t,className:P("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:n},a))});ba.displayName="Input";var pr=cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),ha=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx(nt.Root,h({ref:a,className:P(pr(),e)},t))});ha.displayName=nt.Root.displayName;var Ta=ne.forwardRef((o,n)=>{var y=o,{className:e,value:t}=y,a=R(y,["className","value"]);return jsx(Bi.Root,Q(h({ref:n,className:P("relative h-4 w-full overflow-hidden rounded-full bg-secondary",e)},a),{children:jsx(Bi.Indicator,{className:"h-full w-full flex-1 bg-primary transition-all",style:{transform:`translateX(-${100-(t||0)}%)`}})}))});Ta.displayName=Bi.Root.displayName;var Sa=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx(Ti.Root,Q(h({className:P("grid gap-2",e)},t),{ref:a}))});Sa.displayName=Ti.Root.displayName;var za=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx(Ti.Item,Q(h({ref:a,className:P("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(Ti.Indicator,{className:"flex items-center justify-center",children:jsx(Circle,{className:"h-2.5 w-2.5 fill-current text-current"})})}))});za.displayName=Ti.Item.displayName;var Ca=ne.forwardRef((o,n)=>{var y=o,{className:e,children:t}=y,a=R(y,["className","children"]);return jsxs(pi.Root,Q(h({ref:n,className:P("relative overflow-hidden",e)},a),{children:[jsx(pi.Viewport,{className:"h-full w-full rounded-[inherit]",children:t}),jsx(dt,{}),jsx(pi.Corner,{})]}))});Ca.displayName=pi.Root.displayName;var dt=ne.forwardRef((o,n)=>{var y=o,{className:e,orientation:t="vertical"}=y,a=R(y,["className","orientation"]);return jsx(pi.ScrollAreaScrollbar,Q(h({ref:n,orientation:t,className:P("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)},a),{children:jsx(pi.ScrollAreaThumb,{className:"relative flex-1 rounded-full bg-border"})}))});dt.displayName=pi.ScrollAreaScrollbar.displayName;var fr=U.Root,ur=U.Group,gr=U.Value,Na=ne.forwardRef((o,n)=>{var y=o,{className:e,children:t}=y,a=R(y,["className","children"]);return jsxs(U.Trigger,Q(h({ref:n,className:P("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)},a),{children:[t,jsx(U.Icon,{asChild:true,children:jsx(ChevronDown,{className:"h-4 w-4 opacity-50"})})]}))});Na.displayName=U.Trigger.displayName;var mt=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx(U.ScrollUpButton,Q(h({ref:a,className:P("flex cursor-default items-center justify-center py-1",e)},t),{children:jsx(ChevronUp,{className:"h-4 w-4"})}))});mt.displayName=U.ScrollUpButton.displayName;var vt=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx(U.ScrollDownButton,Q(h({ref:a,className:P("flex cursor-default items-center justify-center py-1",e)},t),{children:jsx(ChevronDown,{className:"h-4 w-4"})}))});vt.displayName=U.ScrollDownButton.displayName;var Ma=ne.forwardRef((y,o)=>{var H=y,{className:e,children:t,position:a="popper"}=H,n=R(H,["className","children","position"]);return jsx(U.Portal,{children:jsxs(U.Content,Q(h({ref:o,className:P("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",a==="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:a},n),{children:[jsx(mt,{}),jsx(U.Viewport,{className:P("p-1",a==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:t}),jsx(vt,{})]}))})});Ma.displayName=U.Content.displayName;var ka=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx(U.Label,h({ref:a,className:P("py-1.5 pl-8 pr-2 text-sm font-semibold",e)},t))});ka.displayName=U.Label.displayName;var La=ne.forwardRef((o,n)=>{var y=o,{className:e,children:t}=y,a=R(y,["className","children"]);return jsxs(U.Item,Q(h({ref:n,className:P("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)},a),{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})]}))});La.displayName=U.Item.displayName;var Aa=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx(U.Separator,h({ref:a,className:P("-mx-1 my-1 h-px bg-muted",e)},t))});Aa.displayName=U.Separator.displayName;var Ea=ne.forwardRef((y,o)=>{var H=y,{className:e,orientation:t="horizontal",decorative:a=true}=H,n=R(H,["className","orientation","decorative"]);return jsx(Pt.Root,h({ref:o,decorative:a,orientation:t,className:P("shrink-0 bg-border",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e)},n))});Ea.displayName=Pt.Root.displayName;var Rr=Fe.Root,wr=Fe.Trigger,Tr=Fe.Close,Fa=Fe.Portal,ut=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx(Fe.Overlay,Q(h({className:P("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:a}))});ut.displayName=Fe.Overlay.displayName;var Sr=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"}}),Ga=ne.forwardRef((y,o)=>{var H=y,{side:e="right",className:t,children:a}=H,n=R(H,["side","className","children"]);return jsxs(Fa,{children:[jsx(ut,{}),jsxs(Fe.Content,Q(h({ref:o,className:P(Sr({side:e}),t)},n),{children:[a,jsxs(Fe.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$1,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Close"})]})]}))]})});Ga.displayName=Fe.Content.displayName;var Ia=a=>{var n=a,{className:e}=n,t=R(n,["className"]);return jsx("div",h({className:P("flex flex-col space-y-2 text-center sm:text-left",e)},t))};Ia.displayName="SheetHeader";var Ba=a=>{var n=a,{className:e}=n,t=R(n,["className"]);return jsx("div",h({className:P("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e)},t))};Ba.displayName="SheetFooter";var Va=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx(Fe.Title,h({ref:a,className:P("text-lg font-semibold text-foreground",e)},t))});Va.displayName=Fe.Title.displayName;var Wa=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx(Fe.Description,h({ref:a,className:P("text-sm text-muted-foreground",e)},t))});Wa.displayName=Fe.Description.displayName;function zr(a){var n=a,{className:e}=n,t=R(n,["className"]);return jsx("div",h({className:P("animate-pulse rounded-md bg-muted",e)},t))}var Ua=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsxs(ui.Root,Q(h({ref:a,className:P("relative flex w-full touch-none select-none items-center",e)},t),{children:[jsx(ui.Track,{className:"relative h-2 w-full grow overflow-hidden rounded-full bg-secondary",children:jsx(ui.Range,{className:"absolute h-full bg-primary"})}),jsx(ui.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"})]}))});Ua.displayName=ui.Root.displayName;var $a=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx(Oi.Root,Q(h({className:P("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:a,children:jsx(Oi.Thumb,{className:P("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")})}))});$a.displayName=Oi.Root.displayName;var Xa=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx("div",{className:"relative w-full overflow-auto",children:jsx("table",h({ref:a,className:P("w-full caption-bottom text-sm",e)},t))})});Xa.displayName="Table";var Za=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx("thead",h({ref:a,className:P("[&_tr]:border-b",e)},t))});Za.displayName="TableHeader";var Ja=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx("tbody",h({ref:a,className:P("[&_tr:last-child]:border-0",e)},t))});Ja.displayName="TableBody";var Qa=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx("tfoot",h({ref:a,className:P("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e)},t))});Qa.displayName="TableFooter";var ja=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx("tr",h({ref:a,className:P("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e)},t))});ja.displayName="TableRow";var Ya=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx("th",h({ref:a,className:P("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))});Ya.displayName="TableHead";var Ka=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx("td",h({ref:a,className:P("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e)},t))});Ka.displayName="TableCell";var eo=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx("caption",h({ref:a,className:P("mt-4 text-sm text-muted-foreground",e)},t))});eo.displayName="TableCaption";var Nr=mi.Root,io=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx(mi.List,h({ref:a,className:P("inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",e)},t))});io.displayName=mi.List.displayName;var to=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx(mi.Trigger,h({ref:a,className:P("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))});to.displayName=mi.Trigger.displayName;var ao=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx(mi.Content,h({ref:a,className:P("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",e)},t))});ao.displayName=mi.Content.displayName;var ro=ne.forwardRef((n,a)=>{var o=n,{className:e}=o,t=R(o,["className"]);return jsx("textarea",h({className:P("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:a},t))});ro.displayName="Textarea";var yt=vi.Provider,ht=vi.Root,Rt=vi.Trigger,et=ne.forwardRef((o,n)=>{var y=o,{className:e,sideOffset:t=4}=y,a=R(y,["className","sideOffset"]);return jsx(vi.Portal,{children:jsx(vi.Content,h({ref:n,sideOffset:t,className:P("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)},a))})});et.displayName=vi.Content.displayName;var co=ne.createContext(null);function po(){let e=ne.useContext(co);if(!e)throw new Error("SideMenu components must be used within SideMenu");return e}var Ar=({href:e,className:t,children:a})=>jsx("a",{href:e,className:t,children:a}),mo=ne.forwardRef(({header:e,collapsedHeader:t,sections:a,items:n,footer:o,collapsed:y,onCollapsedChange:H,collapsible:re=true,defaultCollapsed:Z=false,activeItem:Ne,className:Pe,linkComponent:_e=Ar},Je)=>{let[$e,de]=ne.useState(Z),ti=y!=null?y:$e,ni=()=>{let si=!ti;de(si),H==null||H(si);};return jsx(yt,{delayDuration:0,children:jsx(co.Provider,{value:{collapsed:ti,activeItem:Ne,LinkComponent:_e},children:jsxs("aside",{ref:Je,className:P("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]",ti?"w-16":"w-64",Pe),children:[jsxs("div",{className:P("flex items-center border-b border-sourceful-gray-200 dark:border-[#1a1a1a] flex-shrink-0 h-12",ti?"justify-center px-2":"justify-between px-3"),children:[ti&&t||e,re&&jsx("button",{onClick:ni,className:P("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",ti&&"absolute left-[calc(4rem-10px)] top-6 -translate-y-1/2 z-50"),"aria-label":ti?"Expand sidebar":"Collapse sidebar",children:ti?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:[n&&n.length>0&&jsx("div",{className:"px-2 mb-1 space-y-0.5",children:n.map(si=>jsx(wt,{item:si},si.id))}),a==null?void 0:a.map(si=>jsx(Hr,{section:si},si.id))]}),o&&jsx("div",{className:"flex-shrink-0 border-t border-sourceful-gray-200 dark:border-[#1a1a1a] p-2",children:o})]})})})});mo.displayName="SideMenu";function Hr({section:e}){var o;let{collapsed:t}=po(),[a,n]=ne.useState((o=e.defaultExpanded)!=null?o:true);return t?jsx("div",{className:"px-2 mb-1 space-y-0.5",children:e.items.map(y=>jsx(wt,{item:y},y.id))}):jsxs("div",{className:"px-2 mb-1",children:[jsxs("button",{onClick:()=>n(!a),className:P("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}),a?jsx(ChevronDown,{className:"h-3 w-3",strokeWidth:1.5}):jsx(ChevronRight,{className:"h-3 w-3",strokeWidth:1.5})]}),a&&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(y=>jsx(wt,{item:y,nested:true},y.id))]})]})}function wt({item:e,nested:t=false}){let{collapsed:a,activeItem:n,LinkComponent:o}=po(),y=n===e.id,H=P("flex items-center gap-2.5 rounded-md text-sm font-medium transition-colors",a?"justify-center px-2 py-2.5":"px-2 py-1.5",y?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"),re=jsxs(Fragment,{children:[e.icon&&jsx("span",{className:P("flex-shrink-0",a?"h-5 w-5":"h-3.5 w-3.5"),children:e.icon}),!a&&jsx("span",{children:e.label}),!a&&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})]}),Z=e.href?jsx(o,{href:e.href,className:H,children:re}):jsx("button",{onClick:e.onClick,disabled:e.disabled,className:P(H,"w-full"),children:re});return a?jsxs(ht,{children:[jsx(Rt,{asChild:true,children:Z}),jsx(et,{side:"right",sideOffset:8,children:e.label})]}):Z}var Gr=({href:e,className:t,children:a})=>jsx("a",{href:e,className:t,children:a}),vo=ne.forwardRef(({breadcrumbs:e=[],showMobileMenu:t=false,onMobileMenuClick:a,leftContent:n,rightContent:o,className:y,linkComponent:H=Gr},re)=>jsxs("header",{ref:re,className:P("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",y),children:[t&&jsx("button",{onClick:a,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((Z,Ne)=>jsxs(ne.Fragment,{children:[Ne>0&&jsx("span",{className:"text-sourceful-gray-400 dark:text-sourceful-gray-500 text-xs",children:"/"}),Z.href?jsx(H,{href:Z.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:Z.label}):jsx("span",{className:"text-sourceful-gray-900 dark:text-white font-medium text-sm",children:Z.label})]},Ne))}),n,jsx("div",{className:"flex-1"}),o&&jsx("div",{className:"flex items-center gap-1.5",children:o})]}));vo.displayName="TopMenu";var xo=ne.forwardRef(({name:e,email:t,avatarUrl:a,avatarContent:n,avatarClassName:o,children:y,className:H},re)=>{let[Z,Ne]=ne.useState(false),Pe=ne.useRef(null);return ne.useEffect(()=>{let _e=Je=>{Pe.current&&!Pe.current.contains(Je.target)&&Ne(false);};return Z&&document.addEventListener("mousedown",_e),()=>{document.removeEventListener("mousedown",_e);}},[Z]),jsx("div",{ref:re,className:P("relative",H),children:jsxs("div",{ref:Pe,children:[jsx("button",{onClick:()=>Ne(!Z),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:P("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:a?jsx("img",{src:a,alt:e||"User",className:"h-full w-full object-cover"}):n})}),Z&&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:P("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:a?jsx("img",{src:a,alt:e||"User",className:"h-full w-full object-cover"}):n}),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})]})]})}),y]})]})})});xo.displayName="TopMenuUser";var Po=ne.forwardRef(({icon:e,children:t,onClick:a,href:n,variant:o="default",className:y},H)=>jsxs(n?"a":"button",{ref:H,onClick:a,href:n,className:P("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],y),children:[e&&jsx("span",{className:"h-4 w-4",children:e}),jsx("span",{children:t})]}));Po.displayName="TopMenuUserItem";var fo=ne.forwardRef(({children:e,className:t},a)=>jsx("div",{ref:a,className:P("py-1 border-t border-sourceful-gray-200 dark:border-[#1a1a1a] first:border-t-0",t),children:e}));fo.displayName="TopMenuUserSection";var St=ne.createContext(null);function zt(){let e=ne.useContext(St);if(!e)throw new Error("SimpleTabsPanel must be used within SimpleTabs");return e}var uo=ne.forwardRef(({tabs:e,activeTab:t,defaultTab:a,onTabChange:n,children:o,className:y,tabsClassName:H},re)=>{var Je;let[Z,Ne]=ne.useState(a||((Je=e[0])==null?void 0:Je.id)||""),Pe=t!=null?t:Z,_e=$e=>{Ne($e),n==null||n($e);};return jsx(St.Provider,{value:{activeTab:Pe,setActiveTab:_e},children:jsxs("div",{ref:re,className:P("space-y-6",y),children:[jsx("div",{className:"border-b border-sourceful-gray-200 dark:border-sourceful-gray-800",children:jsx("nav",{className:P("-mb-px flex gap-1 overflow-x-auto scrollbar-hide",H),"aria-label":"Tabs",children:e.map($e=>{let de=Pe===$e.id;return jsxs("button",{onClick:()=>!$e.disabled&&_e($e.id),disabled:$e.disabled,className:P("relative flex items-center gap-2 px-4 py-3 text-sm font-medium transition-colors whitespace-nowrap",de?"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",$e.disabled&&"opacity-50 cursor-not-allowed"),children:[$e.icon&&jsx("span",{className:"h-4 w-4",children:$e.icon}),$e.label,de&&jsx("span",{className:"absolute bottom-0 left-0 right-0 h-0.5 bg-sourceful-green-500","aria-hidden":"true"})]},$e.id)})})}),o&&jsx("div",{children:o})]})})});uo.displayName="SimpleTabs";var go=ne.forwardRef(({id:e,children:t,className:a},n)=>{let{activeTab:o}=zt();return o!==e?null:jsx("div",{ref:n,role:"tabpanel","aria-labelledby":`tab-${e}`,className:a,children:t})});go.displayName="SimpleTabsPanel";var bo=ne.forwardRef(({activeTab:e,defaultTab:t,onTabChange:a,children:n,className:o},y)=>{let[H,re]=ne.useState(t||""),Z=e!=null?e:H,Ne=Pe=>{re(Pe),a==null||a(Pe);};return jsx(St.Provider,{value:{activeTab:Z,setActiveTab:Ne},children:jsx("div",{ref:y,className:P("space-y-6",o),children:n})})});bo.displayName="SimpleTabsRoot";var yo=ne.forwardRef(({children:e,className:t},a)=>jsx("div",{ref:a,className:"border-b border-sourceful-gray-200 dark:border-sourceful-gray-800",children:jsx("nav",{className:P("-mb-px flex gap-1 overflow-x-auto scrollbar-hide",t),role:"tablist","aria-label":"Tabs",children:e})}));yo.displayName="SimpleTabsList";var ho=ne.forwardRef(({value:e,children:t,icon:a,disabled:n,className:o},y)=>{let{activeTab:H,setActiveTab:re}=zt(),Z=H===e;return jsxs("button",{ref:y,role:"tab",id:`tab-${e}`,"aria-selected":Z,"aria-controls":`panel-${e}`,onClick:()=>!n&&re(e),disabled:n,className:P("relative flex items-center gap-2 px-4 py-3 text-sm font-medium transition-colors whitespace-nowrap",Z?"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",n&&"opacity-50 cursor-not-allowed",o),children:[a&&jsx("span",{className:"h-4 w-4",children:a}),t,Z&&jsx("span",{className:"absolute bottom-0 left-0 right-0 h-0.5 bg-sourceful-green-500","aria-hidden":"true"})]})});ho.displayName="SimpleTabsTrigger";var Ro=ne.forwardRef(({value:e,children:t,className:a},n)=>{let{activeTab:o}=zt();return o!==e?null:jsx("div",{ref:n,role:"tabpanel",id:`panel-${e}`,"aria-labelledby":`tab-${e}`,className:a,children:t})});Ro.displayName="SimpleTabsContent";function Wr({children:e}){let t=useRef(null);return useEffect(()=>{let a=new Vr({duration:1.2,easing:o=>Math.min(1,1.001-Math.pow(2,-10*o)),orientation:"vertical",gestureOrientation:"vertical",smoothWheel:true});t.current=a;function n(o){a.raf(o),requestAnimationFrame(n);}return requestAnimationFrame(n),()=>{a.destroy(),t.current=null;}},[]),jsx(Fragment,{children:e})}var Di=ne.createContext(null);function qr(){let e=ne.useContext(Di);if(!e)throw new Error("useDesignSystemTheme must be used within DesignSystemProvider");return {theme:e.theme,setTheme:e.setTheme}}function _r(){let e=ne.useContext(Di);if(!e)throw new Error("useFontMode must be used within DesignSystemProvider");return {fontMode:e.fontMode,setFontMode:e.setFontMode}}function $r(){let e=ne.useContext(Di);if(!e)throw new Error("useColorMode must be used within DesignSystemProvider");return {colorMode:e.colorMode,setColorMode:e.setColorMode}}function Xr(){let e=ne.useContext(Di);if(!e)throw new Error("useSpacingMode must be used within DesignSystemProvider");return {spacingMode:e.spacingMode,setSpacingMode:e.setSpacingMode}}function Zr(){let e=ne.useContext(Di);if(!e)throw new Error("useFocusMode must be used within DesignSystemProvider");return {focusMode:e.focusMode,setFocusMode:e.setFocusMode}}function Jr(){let e=ne.useContext(Di);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=ne.useContext(Di);if(!e)throw new Error("useDesignSystem must be used within DesignSystemProvider");return e}function jr({children:e,defaultTheme:t="base",defaultFontMode:a="default",defaultColorMode:n="default",defaultSpacingMode:o="default",defaultFocusMode:y="default",storageKey:H="sourceful-a11y",disableStorage:re=false}){let[Z,Ne]=ne.useState(t),[Pe,_e]=ne.useState(a),[Je,$e]=ne.useState(n),[de,ti]=ne.useState(o),[ni,si]=ne.useState(y),[Qe,Xi]=ne.useState(false);ne.useEffect(()=>{if(Xi(true),!(re||typeof window=="undefined"))try{let Pi=localStorage.getItem(H);if(Pi){let ei=JSON.parse(Pi);ei.fontMode&&_e(ei.fontMode),ei.colorMode&&$e(ei.colorMode),ei.spacingMode&&ti(ei.spacingMode),ei.focusMode&&si(ei.focusMode);}}catch(Pi){console.warn("Failed to load accessibility preferences:",Pi);}},[H,re]),ne.useEffect(()=>{Qe&&document.documentElement.setAttribute("data-theme",Z);},[Z,Qe]),ne.useEffect(()=>{Qe&&(Pe==="default"?document.documentElement.removeAttribute("data-font-mode"):document.documentElement.setAttribute("data-font-mode",Pe));},[Pe,Qe]),ne.useEffect(()=>{Qe&&(Je==="default"?document.documentElement.removeAttribute("data-color-mode"):document.documentElement.setAttribute("data-color-mode",Je));},[Je,Qe]),ne.useEffect(()=>{Qe&&(de==="default"?document.documentElement.removeAttribute("data-spacing"):document.documentElement.setAttribute("data-spacing",de));},[de,Qe]),ne.useEffect(()=>{Qe&&(ni==="default"?document.documentElement.removeAttribute("data-focus-mode"):document.documentElement.setAttribute("data-focus-mode",ni));},[ni,Qe]),ne.useEffect(()=>{if(!(!Qe||re||typeof window=="undefined"))try{localStorage.setItem(H,JSON.stringify({fontMode:Pe,colorMode:Je,spacingMode:de,focusMode:ni}));}catch(Pi){console.warn("Failed to save accessibility preferences:",Pi);}},[Pe,Je,de,ni,H,Qe,re]);let Zi=ne.useMemo(()=>({theme:Z,setTheme:Ne,fontMode:Pe,setFontMode:_e,colorMode:Je,setColorMode:$e,spacingMode:de,setSpacingMode:ti,focusMode:ni,setFocusMode:si}),[Z,Pe,Je,de,ni]);return jsx(Di.Provider,{value:Zi,children:e})}var hi=(e,t)=>t*3+e,B=hi(0,0),me=hi(1,0),j=hi(2,0),Y=hi(0,1),E=hi(1,1),K=hi(2,1),_=hi(0,2),ve=hi(1,2),q=hi(2,2),Ui={"solo-center":{name:"Solo Center",description:"Center pixel pulses",frames:[{activePixels:[]},{activePixels:[E]},{activePixels:[E]},{activePixels:[]}]},"solo-tl":{name:"Solo Top-Left",description:"Top-left pixel pulses",frames:[{activePixels:[]},{activePixels:[B]},{activePixels:[B]},{activePixels:[]}]},"solo-br":{name:"Solo Bottom-Right",description:"Bottom-right pixel pulses",frames:[{activePixels:[]},{activePixels:[q]},{activePixels:[q]},{activePixels:[]}]},"line-h-top":{name:"Horizontal Top",description:"Top row lights up left to right",frames:[{activePixels:[]},{activePixels:[B]},{activePixels:[B,me]},{activePixels:[B,me,j]},{activePixels:[me,j]},{activePixels:[j]},{activePixels:[]}]},"line-h-mid":{name:"Horizontal Middle",description:"Middle row lights up left to right",frames:[{activePixels:[]},{activePixels:[Y]},{activePixels:[Y,E]},{activePixels:[Y,E,K]},{activePixels:[E,K]},{activePixels:[K]},{activePixels:[]}]},"line-h-bot":{name:"Horizontal Bottom",description:"Bottom row lights up left to right",frames:[{activePixels:[]},{activePixels:[_]},{activePixels:[_,ve]},{activePixels:[_,ve,q]},{activePixels:[ve,q]},{activePixels:[q]},{activePixels:[]}]},"line-v-left":{name:"Vertical Left",description:"Left column lights up top to bottom",frames:[{activePixels:[]},{activePixels:[B]},{activePixels:[B,Y]},{activePixels:[B,Y,_]},{activePixels:[Y,_]},{activePixels:[_]},{activePixels:[]}]},"line-v-mid":{name:"Vertical Middle",description:"Middle column lights up top to bottom",frames:[{activePixels:[]},{activePixels:[me]},{activePixels:[me,E]},{activePixels:[me,E,ve]},{activePixels:[E,ve]},{activePixels:[ve]},{activePixels:[]}]},"line-v-right":{name:"Vertical Right",description:"Right column lights up top to bottom",frames:[{activePixels:[]},{activePixels:[j]},{activePixels:[j,K]},{activePixels:[j,K,q]},{activePixels:[K,q]},{activePixels:[q]},{activePixels:[]}]},"line-diag-1":{name:"Diagonal TL-BR",description:"Diagonal from top-left to bottom-right",frames:[{activePixels:[]},{activePixels:[B]},{activePixels:[B,E]},{activePixels:[B,E,q]},{activePixels:[E,q]},{activePixels:[q]},{activePixels:[]}]},"line-diag-2":{name:"Diagonal TR-BL",description:"Diagonal from top-right to bottom-left",frames:[{activePixels:[]},{activePixels:[j]},{activePixels:[j,E]},{activePixels:[j,E,_]},{activePixels:[E,_]},{activePixels:[_]},{activePixels:[]}]},"corners-sync":{name:"Corners Sync",description:"All corners pulse together",frames:[{activePixels:[]},{activePixels:[B,j,_,q]},{activePixels:[B,j,_,q]},{activePixels:[]}]},"corners-only":{name:"Corners Clockwise",description:"Corners light up clockwise",frames:[{activePixels:[]},{activePixels:[B]},{activePixels:[B,j]},{activePixels:[j]},{activePixels:[j,q]},{activePixels:[q]},{activePixels:[q,_]},{activePixels:[_]},{activePixels:[_,B]},{activePixels:[]}],cycleDuration:2e3},"L-tl":{name:"L Top-Left",description:"L shape in top-left corner",frames:[{activePixels:[]},{activePixels:[B]},{activePixels:[B,Y]},{activePixels:[B,Y,E]},{activePixels:[B,Y,E]},{activePixels:[Y,E]},{activePixels:[E]},{activePixels:[]}]},"L-tr":{name:"L Top-Right",description:"L shape in top-right corner",frames:[{activePixels:[]},{activePixels:[j]},{activePixels:[j,K]},{activePixels:[j,K,E]},{activePixels:[j,K,E]},{activePixels:[K,E]},{activePixels:[E]},{activePixels:[]}]},"L-bl":{name:"L Bottom-Left",description:"L shape in bottom-left corner",frames:[{activePixels:[]},{activePixels:[_]},{activePixels:[_,Y]},{activePixels:[_,Y,E]},{activePixels:[_,Y,E]},{activePixels:[Y,E]},{activePixels:[E]},{activePixels:[]}]},"L-br":{name:"L Bottom-Right",description:"L shape in bottom-right corner",frames:[{activePixels:[]},{activePixels:[q]},{activePixels:[q,K]},{activePixels:[q,K,E]},{activePixels:[q,K,E]},{activePixels:[K,E]},{activePixels:[E]},{activePixels:[]}]},"T-top":{name:"T Top",description:"T shape pointing down",frames:[{activePixels:[]},{activePixels:[me]},{activePixels:[B,me,j]},{activePixels:[B,me,j,E]},{activePixels:[B,me,j,E]},{activePixels:[me,E]},{activePixels:[E]},{activePixels:[]}]},"T-bot":{name:"T Bottom",description:"T shape pointing up",frames:[{activePixels:[]},{activePixels:[ve]},{activePixels:[_,ve,q]},{activePixels:[_,ve,q,E]},{activePixels:[_,ve,q,E]},{activePixels:[ve,E]},{activePixels:[E]},{activePixels:[]}]},"T-left":{name:"T Left",description:"T shape pointing right",frames:[{activePixels:[]},{activePixels:[Y]},{activePixels:[B,Y,_]},{activePixels:[B,Y,_,E]},{activePixels:[B,Y,_,E]},{activePixels:[Y,E]},{activePixels:[E]},{activePixels:[]}]},"T-right":{name:"T Right",description:"T shape pointing left",frames:[{activePixels:[]},{activePixels:[K]},{activePixels:[j,K,q]},{activePixels:[j,K,q,E]},{activePixels:[j,K,q,E]},{activePixels:[K,E]},{activePixels:[E]},{activePixels:[]}]},"duo-h":{name:"Duo Horizontal",description:"Two horizontal pixels pulse",frames:[{activePixels:[]},{activePixels:[Y]},{activePixels:[Y,K]},{activePixels:[Y,K]},{activePixels:[K]},{activePixels:[]}]},"duo-v":{name:"Duo Vertical",description:"Two vertical pixels pulse",frames:[{activePixels:[]},{activePixels:[me]},{activePixels:[me,ve]},{activePixels:[me,ve]},{activePixels:[ve]},{activePixels:[]}]},"duo-diag":{name:"Duo Diagonal",description:"Diagonal pair pulses",frames:[{activePixels:[]},{activePixels:[B]},{activePixels:[B,q]},{activePixels:[B,q]},{activePixels:[q]},{activePixels:[]}]},frame:{name:"Frame",description:"Outer pixels light up clockwise",frames:[{activePixels:[]},{activePixels:[B]},{activePixels:[B,me]},{activePixels:[me,j]},{activePixels:[j,K]},{activePixels:[K,q]},{activePixels:[q,ve]},{activePixels:[ve,_]},{activePixels:[_,Y]},{activePixels:[Y,B]},{activePixels:[B]},{activePixels:[]}],cycleDuration:2e3},"frame-sync":{name:"Frame Sync",description:"All outer pixels pulse together",frames:[{activePixels:[]},{activePixels:[B,me,j,Y,K,_,ve,q]},{activePixels:[B,me,j,Y,K,_,ve,q]},{activePixels:[]}]},"plus-hollow":{name:"Plus",description:"Plus/cross shape lights up",frames:[{activePixels:[]},{activePixels:[E]},{activePixels:[me,E,ve]},{activePixels:[me,Y,E,K,ve]},{activePixels:[me,Y,E,K,ve]},{activePixels:[me,E,ve]},{activePixels:[E]},{activePixels:[]}]},"sparse-1":{name:"Sparse 1",description:"Scattered pattern variation 1",frames:[{activePixels:[]},{activePixels:[B]},{activePixels:[B,K]},{activePixels:[B,K,ve]},{activePixels:[B,K,ve]},{activePixels:[K,ve]},{activePixels:[ve]},{activePixels:[]}]},"sparse-2":{name:"Sparse 2",description:"Scattered pattern variation 2",frames:[{activePixels:[]},{activePixels:[me]},{activePixels:[me,_]},{activePixels:[me,_,q]},{activePixels:[me,_,q]},{activePixels:[_,q]},{activePixels:[q]},{activePixels:[]}]},"sparse-3":{name:"Sparse 3",description:"Scattered pattern variation 3",frames:[{activePixels:[]},{activePixels:[j]},{activePixels:[j,Y]},{activePixels:[j,Y,_]},{activePixels:[j,Y,_]},{activePixels:[Y,_]},{activePixels:[_]},{activePixels:[]}]}},wo=Object.keys(Ui),it={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 Ye=(e,t)=>t*4+e,se=Ye(0,0),ue=Ye(1,0),ge=Ye(2,0),we=Ye(3,0),Me=Ye(0,1),ie=Ye(1,1),te=Ye(2,1),ke=Ye(3,1),Le=Ye(0,2),ae=Ye(1,2),ee=Ye(2,2),Ae=Ye(3,2),Te=Ye(0,3),be=Ye(1,3),ye=Ye(2,3),xe=Ye(3,3),Ct={"solo-center":{name:"Solo Center",description:"Center pixels pulse",frames:[{activePixels:[]},{activePixels:[ie,te,ae,ee]},{activePixels:[ie,te,ae,ee]},{activePixels:[]}]},"solo-tl":{name:"Solo Top-Left",description:"Top-left pixel pulses",frames:[{activePixels:[]},{activePixels:[se]},{activePixels:[se]},{activePixels:[]}]},"solo-br":{name:"Solo Bottom-Right",description:"Bottom-right pixel pulses",frames:[{activePixels:[]},{activePixels:[xe]},{activePixels:[xe]},{activePixels:[]}]},"line-h-top":{name:"Horizontal Top",description:"Top row lights up left to right",frames:[{activePixels:[]},{activePixels:[se]},{activePixels:[se,ue]},{activePixels:[se,ue,ge]},{activePixels:[se,ue,ge,we]},{activePixels:[ue,ge,we]},{activePixels:[ge,we]},{activePixels:[we]},{activePixels:[]}]},"line-h-mid":{name:"Horizontal Middle",description:"Middle rows light up left to right",frames:[{activePixels:[]},{activePixels:[Me,Le]},{activePixels:[Me,Le,ie,ae]},{activePixels:[Me,Le,ie,ae,te,ee]},{activePixels:[Me,Le,ie,ae,te,ee,ke,Ae]},{activePixels:[ie,ae,te,ee,ke,Ae]},{activePixels:[te,ee,ke,Ae]},{activePixels:[ke,Ae]},{activePixels:[]}]},"line-h-bot":{name:"Horizontal Bottom",description:"Bottom row lights up left to right",frames:[{activePixels:[]},{activePixels:[Te]},{activePixels:[Te,be]},{activePixels:[Te,be,ye]},{activePixels:[Te,be,ye,xe]},{activePixels:[be,ye,xe]},{activePixels:[ye,xe]},{activePixels:[xe]},{activePixels:[]}]},"line-v-left":{name:"Vertical Left",description:"Left column lights up top to bottom",frames:[{activePixels:[]},{activePixels:[se]},{activePixels:[se,Me]},{activePixels:[se,Me,Le]},{activePixels:[se,Me,Le,Te]},{activePixels:[Me,Le,Te]},{activePixels:[Le,Te]},{activePixels:[Te]},{activePixels:[]}]},"line-v-mid":{name:"Vertical Middle",description:"Middle columns light up top to bottom",frames:[{activePixels:[]},{activePixels:[ue,ge]},{activePixels:[ue,ge,ie,te]},{activePixels:[ue,ge,ie,te,ae,ee]},{activePixels:[ue,ge,ie,te,ae,ee,be,ye]},{activePixels:[ie,te,ae,ee,be,ye]},{activePixels:[ae,ee,be,ye]},{activePixels:[be,ye]},{activePixels:[]}]},"line-v-right":{name:"Vertical Right",description:"Right column lights up top to bottom",frames:[{activePixels:[]},{activePixels:[we]},{activePixels:[we,ke]},{activePixels:[we,ke,Ae]},{activePixels:[we,ke,Ae,xe]},{activePixels:[ke,Ae,xe]},{activePixels:[Ae,xe]},{activePixels:[xe]},{activePixels:[]}]},"line-diag-1":{name:"Diagonal TL-BR",description:"Diagonal from top-left to bottom-right",frames:[{activePixels:[]},{activePixels:[se]},{activePixels:[se,ie]},{activePixels:[se,ie,ee]},{activePixels:[se,ie,ee,xe]},{activePixels:[ie,ee,xe]},{activePixels:[ee,xe]},{activePixels:[xe]},{activePixels:[]}]},"line-diag-2":{name:"Diagonal TR-BL",description:"Diagonal from top-right to bottom-left",frames:[{activePixels:[]},{activePixels:[we]},{activePixels:[we,te]},{activePixels:[we,te,ae]},{activePixels:[we,te,ae,Te]},{activePixels:[te,ae,Te]},{activePixels:[ae,Te]},{activePixels:[Te]},{activePixels:[]}]},"corners-sync":{name:"Corners Sync",description:"All corners pulse together",frames:[{activePixels:[]},{activePixels:[se,we,Te,xe]},{activePixels:[se,we,Te,xe]},{activePixels:[]}]},"corners-only":{name:"Corners Clockwise",description:"Corners light up clockwise",frames:[{activePixels:[]},{activePixels:[se]},{activePixels:[se,we]},{activePixels:[we]},{activePixels:[we,xe]},{activePixels:[xe]},{activePixels:[xe,Te]},{activePixels:[Te]},{activePixels:[Te,se]},{activePixels:[]}],cycleDuration:2e3},frame:{name:"Frame",description:"Outer pixels light up clockwise",frames:[{activePixels:[]},{activePixels:[se]},{activePixels:[se,ue]},{activePixels:[ue,ge]},{activePixels:[ge,we]},{activePixels:[we,ke]},{activePixels:[ke,Ae]},{activePixels:[Ae,xe]},{activePixels:[xe,ye]},{activePixels:[ye,be]},{activePixels:[be,Te]},{activePixels:[Te,Le]},{activePixels:[Le,Me]},{activePixels:[Me,se]},{activePixels:[se]},{activePixels:[]}],cycleDuration:2500},"frame-sync":{name:"Frame Sync",description:"All outer pixels pulse together",frames:[{activePixels:[]},{activePixels:[se,ue,ge,we,Me,ke,Le,Ae,Te,be,ye,xe]},{activePixels:[se,ue,ge,we,Me,ke,Le,Ae,Te,be,ye,xe]},{activePixels:[]}]},"plus-hollow":{name:"Plus",description:"Plus/cross shape lights up",frames:[{activePixels:[]},{activePixels:[ie,te,ae,ee]},{activePixels:[ue,ge,ie,te,ae,ee,be,ye]},{activePixels:[ue,ge,Me,Le,ie,te,ae,ee,ke,Ae,be,ye]},{activePixels:[ue,ge,Me,Le,ie,te,ae,ee,ke,Ae,be,ye]},{activePixels:[ue,ge,ie,te,ae,ee,be,ye]},{activePixels:[ie,te,ae,ee]},{activePixels:[]}]},"square-inner":{name:"Inner Square",description:"Inner 2x2 square pulses",frames:[{activePixels:[]},{activePixels:[ie]},{activePixels:[ie,te]},{activePixels:[ie,te,ee]},{activePixels:[ie,te,ae,ee]},{activePixels:[ie,te,ae,ee]},{activePixels:[te,ae,ee]},{activePixels:[ae,ee]},{activePixels:[ee]},{activePixels:[]}]},"square-outer":{name:"Outer Square",description:"Outer frame expands from center",frames:[{activePixels:[]},{activePixels:[ie,te,ae,ee]},{activePixels:[ue,ge,Me,ie,te,ke,Le,ae,ee,Ae,be,ye]},{activePixels:[se,ue,ge,we,Me,ke,Le,Ae,Te,be,ye,xe]},{activePixels:[se,ue,ge,we,Me,ke,Le,Ae,Te,be,ye,xe]},{activePixels:[ue,ge,Me,ie,te,ke,Le,ae,ee,Ae,be,ye]},{activePixels:[ie,te,ae,ee]},{activePixels:[]}]},"cross-full":{name:"Cross Full",description:"Full cross pattern",frames:[{activePixels:[]},{activePixels:[ue,ge,ie,te,ae,ee,be,ye,Me,Le,ke,Ae]},{activePixels:[ue,ge,ie,te,ae,ee,be,ye,Me,Le,ke,Ae]},{activePixels:[]}]},"cross-spin":{name:"Cross Spin",description:"Cross pattern rotates",frames:[{activePixels:[ue,ge,be,ye]},{activePixels:[ue,ge,be,ye,we,xe]},{activePixels:[Me,Le,ke,Ae]},{activePixels:[Me,Le,ke,Ae,se,Te]},{activePixels:[ue,ge,be,ye]}],cycleDuration:2e3}},To={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 he=(e,t)=>t*5+e,G=he(0,0),W=he(4,0),$=he(0,4),V=he(4,4),Be=he(1,0),X=he(2,0),Ve=he(3,0),Xe=he(0,1),Se=he(1,1),le=he(2,1),ze=he(3,1),We=he(4,1),ce=he(0,2),Ce=he(1,2),F=he(2,2),De=he(3,2),oe=he(4,2),Ze=he(0,3),He=he(1,3),pe=he(2,3),Ee=he(3,3),Oe=he(4,3),Ue=he(1,4),J=he(2,4),qe=he(3,4),Dt={"solo-center":{name:"Solo Center",description:"Center pixel pulses",frames:[{activePixels:[]},{activePixels:[F]},{activePixels:[F]},{activePixels:[]}]},"solo-tl":{name:"Solo Top-Left",description:"Top-left pixel pulses",frames:[{activePixels:[]},{activePixels:[G]},{activePixels:[G]},{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:[G]},{activePixels:[G,Be]},{activePixels:[G,Be,X]},{activePixels:[G,Be,X,Ve]},{activePixels:[G,Be,X,Ve,W]},{activePixels:[Be,X,Ve,W]},{activePixels:[X,Ve,W]},{activePixels:[Ve,W]},{activePixels:[W]},{activePixels:[]}]},"line-h-mid":{name:"Horizontal Middle",description:"Middle row lights up left to right",frames:[{activePixels:[]},{activePixels:[ce]},{activePixels:[ce,Ce]},{activePixels:[ce,Ce,F]},{activePixels:[ce,Ce,F,De]},{activePixels:[ce,Ce,F,De,oe]},{activePixels:[Ce,F,De,oe]},{activePixels:[F,De,oe]},{activePixels:[De,oe]},{activePixels:[oe]},{activePixels:[]}]},"line-h-bot":{name:"Horizontal Bottom",description:"Bottom row lights up left to right",frames:[{activePixels:[]},{activePixels:[$]},{activePixels:[$,Ue]},{activePixels:[$,Ue,J]},{activePixels:[$,Ue,J,qe]},{activePixels:[$,Ue,J,qe,V]},{activePixels:[Ue,J,qe,V]},{activePixels:[J,qe,V]},{activePixels:[qe,V]},{activePixels:[V]},{activePixels:[]}]},"line-v-left":{name:"Vertical Left",description:"Left column lights up top to bottom",frames:[{activePixels:[]},{activePixels:[G]},{activePixels:[G,Xe]},{activePixels:[G,Xe,ce]},{activePixels:[G,Xe,ce,Ze]},{activePixels:[G,Xe,ce,Ze,$]},{activePixels:[Xe,ce,Ze,$]},{activePixels:[ce,Ze,$]},{activePixels:[Ze,$]},{activePixels:[$]},{activePixels:[]}]},"line-v-mid":{name:"Vertical Middle",description:"Middle column lights up top to bottom",frames:[{activePixels:[]},{activePixels:[X]},{activePixels:[X,le]},{activePixels:[X,le,F]},{activePixels:[X,le,F,pe]},{activePixels:[X,le,F,pe,J]},{activePixels:[le,F,pe,J]},{activePixels:[F,pe,J]},{activePixels:[pe,J]},{activePixels:[J]},{activePixels:[]}]},"line-v-right":{name:"Vertical Right",description:"Right column lights up top to bottom",frames:[{activePixels:[]},{activePixels:[W]},{activePixels:[W,We]},{activePixels:[W,We,oe]},{activePixels:[W,We,oe,Oe]},{activePixels:[W,We,oe,Oe,V]},{activePixels:[We,oe,Oe,V]},{activePixels:[oe,Oe,V]},{activePixels:[Oe,V]},{activePixels:[V]},{activePixels:[]}]},"line-diag-1":{name:"Diagonal TL-BR",description:"Diagonal from top-left to bottom-right",frames:[{activePixels:[]},{activePixels:[G]},{activePixels:[G,Se]},{activePixels:[G,Se,F]},{activePixels:[G,Se,F,Ee]},{activePixels:[G,Se,F,Ee,V]},{activePixels:[Se,F,Ee,V]},{activePixels:[F,Ee,V]},{activePixels:[Ee,V]},{activePixels:[V]},{activePixels:[]}]},"line-diag-2":{name:"Diagonal TR-BL",description:"Diagonal from top-right to bottom-left",frames:[{activePixels:[]},{activePixels:[W]},{activePixels:[W,ze]},{activePixels:[W,ze,F]},{activePixels:[W,ze,F,He]},{activePixels:[W,ze,F,He,$]},{activePixels:[ze,F,He,$]},{activePixels:[F,He,$]},{activePixels:[He,$]},{activePixels:[$]},{activePixels:[]}]},"corners-sync":{name:"Corners Sync",description:"All corners pulse together",frames:[{activePixels:[]},{activePixels:[G,W,$,V]},{activePixels:[G,W,$,V]},{activePixels:[]}]},"corners-only":{name:"Corners Clockwise",description:"Corners light up clockwise",frames:[{activePixels:[]},{activePixels:[G]},{activePixels:[G,W]},{activePixels:[W]},{activePixels:[W,V]},{activePixels:[V]},{activePixels:[V,$]},{activePixels:[$]},{activePixels:[$,G]},{activePixels:[]}],cycleDuration:2e3},frame:{name:"Frame",description:"Outer pixels light up clockwise",frames:[{activePixels:[]},{activePixels:[G]},{activePixels:[G,Be]},{activePixels:[Be,X]},{activePixels:[X,Ve]},{activePixels:[Ve,W]},{activePixels:[W,We]},{activePixels:[We,oe]},{activePixels:[oe,Oe]},{activePixels:[Oe,V]},{activePixels:[V,qe]},{activePixels:[qe,J]},{activePixels:[J,Ue]},{activePixels:[Ue,$]},{activePixels:[$,Ze]},{activePixels:[Ze,ce]},{activePixels:[ce,Xe]},{activePixels:[Xe,G]},{activePixels:[G]},{activePixels:[]}],cycleDuration:3e3},"frame-sync":{name:"Frame Sync",description:"All outer pixels pulse together",frames:[{activePixels:[]},{activePixels:[G,Be,X,Ve,W,Xe,We,ce,oe,Ze,Oe,$,Ue,J,qe,V]},{activePixels:[G,Be,X,Ve,W,Xe,We,ce,oe,Ze,Oe,$,Ue,J,qe,V]},{activePixels:[]}]},"plus-hollow":{name:"Plus",description:"Plus/cross shape lights up",frames:[{activePixels:[]},{activePixels:[F]},{activePixels:[le,F,pe]},{activePixels:[X,le,F,pe,J]},{activePixels:[X,le,Ce,F,De,pe,J]},{activePixels:[X,le,ce,Ce,F,De,oe,pe,J]},{activePixels:[X,le,ce,Ce,F,De,oe,pe,J]},{activePixels:[X,le,Ce,F,De,pe,J]},{activePixels:[le,F,pe]},{activePixels:[F]},{activePixels:[]}]},diamond:{name:"Diamond",description:"Diamond shape expands from center",frames:[{activePixels:[]},{activePixels:[F]},{activePixels:[le,Ce,F,De,pe]},{activePixels:[X,Se,le,ze,Ce,F,De,He,pe,Ee,J]},{activePixels:[X,Se,le,ze,Ce,F,De,He,pe,Ee,J]},{activePixels:[le,Ce,F,De,pe]},{activePixels:[F]},{activePixels:[]}]},"diamond-fill":{name:"Diamond Fill",description:"Filled diamond pulses",frames:[{activePixels:[]},{activePixels:[X,Se,le,ze,ce,Ce,F,De,oe,He,pe,Ee,J]},{activePixels:[X,Se,le,ze,ce,Ce,F,De,oe,He,pe,Ee,J]},{activePixels:[]}]},spiral:{name:"Spiral",description:"Spiral pattern from outside to center",frames:[{activePixels:[]},{activePixels:[G]},{activePixels:[G,Be,X,Ve,W]},{activePixels:[G,Be,X,Ve,W,We,oe,Oe,V]},{activePixels:[G,Be,X,Ve,W,We,oe,Oe,V,qe,J,Ue,$]},{activePixels:[G,Be,X,Ve,W,We,oe,Oe,V,qe,J,Ue,$,Ze,ce,Xe]},{activePixels:[G,Be,X,Ve,W,We,oe,Oe,V,qe,J,Ue,$,Ze,ce,Xe,Se,le,ze]},{activePixels:[G,Be,X,Ve,W,We,oe,Oe,V,qe,J,Ue,$,Ze,ce,Xe,Se,le,ze,Ee,pe,He]},{activePixels:[G,Be,X,Ve,W,We,oe,Oe,V,qe,J,Ue,$,Ze,ce,Xe,Se,le,ze,Ee,pe,He,Ce,F,De]},{activePixels:[G,Be,X,Ve,W,We,oe,Oe,V,qe,J,Ue,$,Ze,ce,Xe,Se,le,ze,Ee,pe,He,Ce,F,De]},{activePixels:[]}],cycleDuration:3e3},"x-pattern":{name:"X Pattern",description:"X shape lights up",frames:[{activePixels:[]},{activePixels:[F]},{activePixels:[Se,F,Ee,ze,He]},{activePixels:[G,Se,F,Ee,V,W,ze,He,$]},{activePixels:[G,Se,F,Ee,V,W,ze,He,$]},{activePixels:[Se,F,Ee,ze,He]},{activePixels:[F]},{activePixels:[]}]},"ring-inner":{name:"Inner Ring",description:"Inner ring of pixels pulses",frames:[{activePixels:[]},{activePixels:[Se,le,ze,He,pe,Ee,Ce,De]},{activePixels:[Se,le,ze,He,pe,Ee,Ce,De]},{activePixels:[]}]},"ring-outer":{name:"Rings",description:"Alternating rings expand",frames:[{activePixels:[]},{activePixels:[F]},{activePixels:[Se,le,ze,Ce,De,He,pe,Ee]},{activePixels:[G,Be,X,Ve,W,Xe,We,ce,oe,Ze,Oe,$,Ue,J,qe,V]},{activePixels:[G,Be,X,Ve,W,Xe,We,ce,oe,Ze,Oe,$,Ue,J,qe,V]},{activePixels:[Se,le,ze,Ce,De,He,pe,Ee]},{activePixels:[F]},{activePixels:[]}]},checkerboard:{name:"Checkerboard",description:"Alternating checkerboard pattern",frames:[{activePixels:[]},{activePixels:[G,X,W,Se,ze,ce,F,oe,He,Ee,$,J,V]},{activePixels:[G,X,W,Se,ze,ce,F,oe,He,Ee,$,J,V]},{activePixels:[]},{activePixels:[Be,Ve,Xe,le,We,Ce,De,Ze,pe,Oe,Ue,qe]},{activePixels:[Be,Ve,Xe,le,We,Ce,De,Ze,pe,Oe,Ue,qe]},{activePixels:[]}],cycleDuration:2e3}},So={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"],Diamond:["diamond","diamond-fill"],Rings:["ring-inner","ring-outer"],Shapes:["x-pattern","spiral","checkerboard"]};var O=(e,t)=>t*6+e,Li=O(0,0),qi=O(5,0),_i=O(0,5),Ai=O(5,5),zo=e=>Array.from({length:6},(t,a)=>O(a,e)),Co=e=>Array.from({length:6},(t,a)=>O(e,a)),tt=[...zo(0),...zo(5),...Co(0).slice(1,5),...Co(5).slice(1,5)],Do=[O(1,1),O(2,1),O(3,1),O(4,1),O(1,4),O(2,4),O(3,4),O(4,4),O(1,2),O(1,3),O(4,2),O(4,3)],di=[O(2,2),O(3,2),O(2,3),O(3,3)],Nt={"solo-center":{name:"Solo Center",description:"Center 2x2 pixels pulse",frames:[{activePixels:[]},{activePixels:di},{activePixels:di},{activePixels:[]}]},"solo-tl":{name:"Solo Top-Left",description:"Top-left pixel pulses",frames:[{activePixels:[]},{activePixels:[Li]},{activePixels:[Li]},{activePixels:[]}]},"solo-br":{name:"Solo Bottom-Right",description:"Bottom-right pixel pulses",frames:[{activePixels:[]},{activePixels:[Ai]},{activePixels:[Ai]},{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:[Li,qi,_i,Ai]},{activePixels:[Li,qi,_i,Ai]},{activePixels:[]}]},"corners-only":{name:"Corners Clockwise",description:"Corners light up clockwise",frames:[{activePixels:[]},{activePixels:[Li]},{activePixels:[Li,qi]},{activePixels:[qi]},{activePixels:[qi,Ai]},{activePixels:[Ai]},{activePixels:[Ai,_i]},{activePixels:[_i]},{activePixels:[_i,Li]},{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:tt},{activePixels:tt},{activePixels:[]}]},"plus-hollow":{name:"Plus",description:"Plus/cross shape lights up",frames:[{activePixels:[]},{activePixels:di},{activePixels:[...di,8,9,26,27,13,16,19,22]},{activePixels:[...di,2,3,8,9,26,27,32,33,12,17,13,16,19,22,18,23]},{activePixels:[...di,2,3,8,9,26,27,32,33,12,17,13,16,19,22,18,23]},{activePixels:[...di,8,9,26,27,13,16,19,22]},{activePixels:di},{activePixels:[]}]},ripple:{name:"Ripple",description:"Expanding ripple from center",frames:[{activePixels:[]},{activePixels:di},{activePixels:Do},{activePixels:tt},{activePixels:tt},{activePixels:Do},{activePixels:di},{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:di},{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:di},{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}},No={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 Re=(e,t)=>t*5+e,L=Re(0,0),k=Re(4,0),b=Re(0,4),D=Re(4,4),z=Re(1,0),f=Re(2,0),T=Re(3,0),N=Re(0,1),s=Re(1,1),c=Re(2,1),r=Re(3,1),A=Re(4,1),u=Re(0,2),p=Re(1,2),i=Re(2,2),v=Re(3,2),g=Re(4,2),S=Re(0,3),l=Re(1,3),d=Re(2,3),m=Re(3,3),M=Re(4,3),w=Re(1,4),x=Re(2,4),C=Re(3,4),Ke=[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24],xi=[L,z,f,T,k,N,A,u,g,S,M,b,w,x,C,D],Mt={"zap-boot":{name:"Boot/Power On",description:"Spiral expanding from center - indicates device powering up",frames:[{activePixels:[]},{activePixels:[i]},{activePixels:[i,c,p,v,d]},{activePixels:[c,p,v,d,s,r,l,m]},{activePixels:[s,c,r,p,v,l,d,m,f,u,g,x]},{activePixels:[f,u,g,x,L,z,T,k,N,A,S,M,b,w,C,D]},{activePixels:Ke},{activePixels:Ke},{activePixels:[i]},{activePixels:[]}],cycleDuration:2500},"zap-ready":{name:"Ready/Hello",description:"Diamond pulse - indicates device is ready for operation",frames:[{activePixels:[]},{activePixels:[i]},{activePixels:[i,c,p,v,d]},{activePixels:[f,s,c,r,p,i,v,l,d,m,x]},{activePixels:[f,s,c,r,u,p,i,v,g,l,d,m,x]},{activePixels:[f,s,c,r,u,p,i,v,g,l,d,m,x]},{activePixels:[f,s,c,r,p,i,v,l,d,m,x]},{activePixels:[i,c,p,v,d]},{activePixels:[i]},{activePixels:[]}],cycleDuration:2e3},"zap-logo":{name:"Lightning Bolt",description:"Custom lightning bolt shape - Zap brand identity",frames:[{activePixels:[]},{activePixels:[T]},{activePixels:[T,r]},{activePixels:[T,r,c,p]},{activePixels:[T,r,c,p,i,v]},{activePixels:[T,r,c,p,i,v,d,l]},{activePixels:[T,r,c,p,i,v,d,l,w]},{activePixels:[T,r,c,p,i,v,d,l,w]},{activePixels:[T,r,c,p,i,v,d,l,w]},{activePixels:[T,r,c,p,i,v,d,l,w]},{activePixels:Ke},{activePixels:[T,r,c,p,i,v,d,l,w]},{activePixels:[]}],cycleDuration:2500},"zap-pairing":{name:"Pairing/WiFi Setup",description:"Checkerboard alternating - indicates pairing mode active",frames:[{activePixels:[L,f,k,s,r,u,i,g,l,m,b,x,D]},{activePixels:[L,f,k,s,r,u,i,g,l,m,b,x,D]},{activePixels:[]},{activePixels:[z,T,N,c,A,p,v,S,d,M,w,C]},{activePixels:[z,T,N,c,A,p,v,S,d,M,w,C]},{activePixels:[]}],cycleDuration:1500},"zap-connecting":{name:"Connecting",description:"Expanding rings from center - indicates connection attempt",frames:[{activePixels:[]},{activePixels:[i]},{activePixels:[i]},{activePixels:[s,c,r,p,v,l,d,m]},{activePixels:[s,c,r,p,v,l,d,m]},{activePixels:xi},{activePixels:xi},{activePixels:[]}],cycleDuration:1800},"zap-connected":{name:"Connected",description:"Quick pulse then steady center - indicates successful connection",frames:[{activePixels:Ke},{activePixels:Ke},{activePixels:[i]},{activePixels:[i]},{activePixels:[i]},{activePixels:[i]},{activePixels:[i]},{activePixels:[i]}],cycleDuration:2e3},"zap-no-network":{name:"No Network",description:"Frame blink warning (orange->red suggested) - indicates network loss",frames:[{activePixels:xi},{activePixels:xi},{activePixels:[]},{activePixels:xi},{activePixels:xi},{activePixels:[]},{activePixels:[]},{activePixels:[]}],cycleDuration:1200},"zap-active":{name:"Active",description:"Gentle center heartbeat - indicates active operation",frames:[{activePixels:[i]},{activePixels:[i,c,p,v,d]},{activePixels:[i,c,p,v,d]},{activePixels:[i]},{activePixels:[i]},{activePixels:[]},{activePixels:[i]},{activePixels:[i]}],cycleDuration:2500},"zap-standby":{name:"Standby/Idle",description:"Slow corners pulse - indicates standby mode",frames:[{activePixels:[]},{activePixels:[]},{activePixels:[L,k,b,D]},{activePixels:[L,k,b,D]},{activePixels:[L,k,b,D]},{activePixels:[]},{activePixels:[]},{activePixels:[]}],cycleDuration:3e3},"zap-offline":{name:"Offline",description:"Single pixel breathing (gray suggested) - indicates offline mode",frames:[{activePixels:[]},{activePixels:[]},{activePixels:[]},{activePixels:[i]},{activePixels:[i]},{activePixels:[i]},{activePixels:[]},{activePixels:[]}],cycleDuration:4e3},"zap-data-tx":{name:"Data Transferring",description:"Spiral flow - indicates data transmission",frames:[{activePixels:[L]},{activePixels:[z,f]},{activePixels:[T,k]},{activePixels:[A,g]},{activePixels:[M,D]},{activePixels:[C,x]},{activePixels:[w,b]},{activePixels:[S,u]},{activePixels:[N,L]}],cycleDuration:1200},"zap-syncing":{name:"Syncing",description:"Frame rotation - indicates sync in progress",frames:[{activePixels:[L,z]},{activePixels:[f,T]},{activePixels:[k,A]},{activePixels:[g,M]},{activePixels:[D,C]},{activePixels:[x,w]},{activePixels:[b,S]},{activePixels:[u,N]}],cycleDuration:1e3},"zap-no-data":{name:"No Data",description:"X pattern pulse (yellow suggested) - indicates no data received",frames:[{activePixels:[]},{activePixels:[L,k,i,b,D]},{activePixels:[L,s,k,r,i,l,b,m,D]},{activePixels:[L,s,k,r,i,l,b,m,D]},{activePixels:[L,k,i,b,D]},{activePixels:[]}],cycleDuration:1500},"zap-importing":{name:"Grid Import",description:"Lines flowing inward (yellow suggested) - indicates power import from grid",frames:[{activePixels:[L,z,f,T,k]},{activePixels:[N,s,c,r,A]},{activePixels:[u,p,i,v,g]},{activePixels:[S,l,d,m,M]},{activePixels:[b,w,x,C,D]},{activePixels:[S,l,d,m,M]},{activePixels:[u,p,i,v,g]},{activePixels:[N,s,c,r,A]}],cycleDuration:1e3},"zap-exporting":{name:"Grid Export",description:"Lines flowing outward (green) - indicates power export to grid",frames:[{activePixels:[u,p,i,v,g]},{activePixels:[N,s,c,r,A]},{activePixels:[L,z,f,T,k]},{activePixels:[N,s,c,r,A]},{activePixels:[u,p,i,v,g]},{activePixels:[S,l,d,m,M]},{activePixels:[b,w,x,C,D]},{activePixels:[S,l,d,m,M]}],cycleDuration:1e3},"zap-charging":{name:"Battery Charging",description:"Fill from bottom up (blue->green) - indicates battery charging",frames:[{activePixels:[]},{activePixels:[b,w,x,C,D]},{activePixels:[b,w,x,C,D,S,l,d,m,M]},{activePixels:[b,w,x,C,D,S,l,d,m,M,u,p,i,v,g]},{activePixels:[b,w,x,C,D,S,l,d,m,M,u,p,i,v,g,N,s,c,r,A]},{activePixels:Ke},{activePixels:Ke},{activePixels:[]}],cycleDuration:2500},"zap-discharging":{name:"Battery Discharging",description:"Drain from top (green->yellow) - indicates battery discharging",frames:[{activePixels:Ke},{activePixels:[N,s,c,r,A,u,p,i,v,g,S,l,d,m,M,b,w,x,C,D]},{activePixels:[u,p,i,v,g,S,l,d,m,M,b,w,x,C,D]},{activePixels:[S,l,d,m,M,b,w,x,C,D]},{activePixels:[b,w,x,C,D]},{activePixels:[]},{activePixels:Ke},{activePixels:Ke}],cycleDuration:2500},"zap-peak-alert":{name:"Peak Approaching",description:"Fast frame pulse (orange) - indicates peak pricing/demand approaching",frames:[{activePixels:xi},{activePixels:[]},{activePixels:xi},{activePixels:[]},{activePixels:xi},{activePixels:xi}],cycleDuration:800},"zap-grid-event":{name:"Grid Event Active",description:"Rapid corners sync (bright green) - indicates grid event participation",frames:[{activePixels:[L,k,b,D]},{activePixels:Ke},{activePixels:[L,k,b,D]},{activePixels:Ke}],cycleDuration:600},"zap-local":{name:"Local Control",description:"L shape indicator (green) - indicates local control mode",frames:[{activePixels:[]},{activePixels:[L]},{activePixels:[L,N]},{activePixels:[L,N,u]},{activePixels:[L,N,u,S]},{activePixels:[L,N,u,S,b,w,x]},{activePixels:[L,N,u,S,b,w,x]},{activePixels:[L,N,u,S,b,w,x]},{activePixels:[]}],cycleDuration:2e3},"zap-remote":{name:"Remote Control",description:"Cloud-like pattern (blue) - indicates remote/cloud control mode",frames:[{activePixels:[]},{activePixels:[s,c,r]},{activePixels:[z,f,T,s,c,r,p,v]},{activePixels:[z,f,T,s,c,r,p,i,v]},{activePixels:[z,f,T,s,c,r,p,i,v]},{activePixels:[z,f,T,s,c,r,p,v]},{activePixels:[s,c,r]},{activePixels:[]}],cycleDuration:2e3},"zap-scheduled":{name:"Scheduled Mode",description:"Clock rotation (purple suggested) - indicates scheduled/timer mode",frames:[{activePixels:[f,i]},{activePixels:[r,i]},{activePixels:[g,i]},{activePixels:[m,i]},{activePixels:[x,i]},{activePixels:[l,i]},{activePixels:[u,i]},{activePixels:[s,i]}],cycleDuration:2e3},"zap-error":{name:"Error",description:"X pattern (red) - indicates error state",frames:[{activePixels:[]},{activePixels:[L,k,i,b,D]},{activePixels:[L,s,k,r,i,l,b,m,D]},{activePixels:[L,s,k,r,i,l,b,m,D]},{activePixels:[L,s,k,r,i,l,b,m,D]},{activePixels:[]},{activePixels:[L,s,k,r,i,l,b,m,D]},{activePixels:[]}],cycleDuration:1200},"zap-warning":{name:"Warning",description:"Triangle blink (orange) - indicates warning state",frames:[{activePixels:[]},{activePixels:[f]},{activePixels:[f,s,r]},{activePixels:[f,s,r,u,g]},{activePixels:[f,s,r,u,g,b,w,x,C,D]},{activePixels:[f,s,r,u,g,b,w,x,C,D]},{activePixels:[]},{activePixels:[f,s,r,u,g,b,w,x,C,D]},{activePixels:[]}],cycleDuration:1500},"zap-updating":{name:"Firmware Update",description:"Progress bar fill (blue) - indicates firmware update in progress",frames:[{activePixels:[u]},{activePixels:[u,p]},{activePixels:[u,p,i]},{activePixels:[u,p,i,v]},{activePixels:[u,p,i,v,g]},{activePixels:[u,p,i,v,g]},{activePixels:[u,p,i,v,g]},{activePixels:[]}],cycleDuration:1500},"zap-ev-connected":{name:"Vehicle Connected",description:"Plug icon pattern (blue) - indicates EV connected",frames:[{activePixels:[]},{activePixels:[z,T]},{activePixels:[z,s,r,T]},{activePixels:[z,s,c,r,T]},{activePixels:[z,s,c,r,T,i]},{activePixels:[z,s,c,r,T,i,d]},{activePixels:[z,s,c,r,T,i,d,x]},{activePixels:[z,s,c,r,T,i,d,x]},{activePixels:[z,s,c,r,T,i,d,x]},{activePixels:[]}],cycleDuration:2e3},"zap-ev-charging":{name:"EV Charging",description:"Upward flow (blue->green) - indicates EV is charging",frames:[{activePixels:[x]},{activePixels:[d]},{activePixels:[i]},{activePixels:[c]},{activePixels:[f]},{activePixels:[]}],cycleDuration:800},"zap-v2x-active":{name:"V2X Bidirectional",description:"Alternating flow (green+blue) - indicates V2X bidirectional mode",frames:[{activePixels:[f,c]},{activePixels:[i]},{activePixels:[d,x]},{activePixels:[i]}],cycleDuration:600},"zap-ev-complete":{name:"Charge Complete",description:"Checkmark/success (green) - indicates charging complete",frames:[{activePixels:[]},{activePixels:[l]},{activePixels:[l,b]},{activePixels:[l,b,i]},{activePixels:[l,b,i,r]},{activePixels:[l,b,i,r,k]},{activePixels:[l,b,i,r,k]},{activePixels:[l,b,i,r,k]},{activePixels:[l,b,i,r,k]},{activePixels:[l,b,i,r,k]},{activePixels:[]}],cycleDuration:2500},"zap-meter-reading":{name:"Meter Reading",description:"Horizontal scan (cyan) - indicates meter reading in progress",frames:[{activePixels:[L,N,u,S,b]},{activePixels:[z,s,p,l,w]},{activePixels:[f,c,i,d,x]},{activePixels:[T,r,v,m,C]},{activePixels:[k,A,g,M,D]},{activePixels:[T,r,v,m,C]},{activePixels:[f,c,i,d,x]},{activePixels:[z,s,p,l,w]}],cycleDuration:1200},"zap-meter-connected":{name:"P1 Connected",description:"P indicator (green) - indicates P1 meter connected",frames:[{activePixels:[]},{activePixels:[z,N,s,c,u,p,S,b]},{activePixels:[z,N,s,c,u,p,S,b]},{activePixels:[z,N,s,c,u,p,S,b]},{activePixels:[z,N,s,c,u,p,S,b]},{activePixels:[]}],cycleDuration:2e3},"zap-phase-balance":{name:"Phase Indicator",description:"3 vertical columns (RGB suggested) - indicates 3-phase balance",frames:[{activePixels:[]},{activePixels:[z,s,p,l,w]},{activePixels:[z,s,p,l,w,f,c,i,d,x]},{activePixels:[z,s,p,l,w,f,c,i,d,x,T,r,v,m,C]},{activePixels:[z,s,p,l,w,f,c,i,d,x,T,r,v,m,C]},{activePixels:[z,s,p,l,w,f,c,i,d,x,T,r,v,m,C]},{activePixels:[]}],cycleDuration:2e3},"zap-soc-0":{name:"SoC 0-20%",description:"1 row lit (red) - indicates critical battery level",frames:[{activePixels:[]},{activePixels:[b,w,x,C,D]},{activePixels:[b,w,x,C,D]},{activePixels:[]},{activePixels:[b,w,x,C,D]},{activePixels:[b,w,x,C,D]}],cycleDuration:1e3},"zap-soc-25":{name:"SoC 20-40%",description:"2 rows lit (orange) - indicates low battery level",frames:[{activePixels:[b,w,x,C,D,S,l,d,m,M]},{activePixels:[b,w,x,C,D,S,l,d,m,M]},{activePixels:[b,w,x,C,D,S,l,d,m,M]},{activePixels:[]}],cycleDuration:2e3},"zap-soc-50":{name:"SoC 40-60%",description:"3 rows lit (yellow) - indicates medium battery level",frames:[{activePixels:[b,w,x,C,D,S,l,d,m,M,u,p,i,v,g]},{activePixels:[b,w,x,C,D,S,l,d,m,M,u,p,i,v,g]},{activePixels:[b,w,x,C,D,S,l,d,m,M,u,p,i,v,g]},{activePixels:[]}],cycleDuration:3e3},"zap-soc-75":{name:"SoC 60-80%",description:"4 rows lit (light green) - indicates good battery level",frames:[{activePixels:[b,w,x,C,D,S,l,d,m,M,u,p,i,v,g,N,s,c,r,A]},{activePixels:[b,w,x,C,D,S,l,d,m,M,u,p,i,v,g,N,s,c,r,A]},{activePixels:[b,w,x,C,D,S,l,d,m,M,u,p,i,v,g,N,s,c,r,A]},{activePixels:[]}],cycleDuration:4e3},"zap-soc-100":{name:"SoC 80-100%",description:"5 rows lit (green) - indicates full battery",frames:[{activePixels:Ke},{activePixels:Ke},{activePixels:Ke},{activePixels:Ke}],cycleDuration:5e3},"zap-smiley":{name:"Smiley Face",description:"Happy face - for success or celebration",frames:[{activePixels:[]},{activePixels:[s,r,S,l,d,m,M]},{activePixels:[s,r,S,l,d,m,M]},{activePixels:[s,r,S,l,d,m,M]},{activePixels:[s,r,S,l,d,m,M]},{activePixels:[]}],cycleDuration:2e3},"zap-smiley-wink":{name:"Winking Smiley",description:"Playful winking face animation",frames:[{activePixels:[s,r,S,l,d,m,M]},{activePixels:[s,r,S,l,d,m,M]},{activePixels:[p,r,S,l,d,m,M]},{activePixels:[p,r,S,l,d,m,M]},{activePixels:[s,r,S,l,d,m,M]},{activePixels:[s,r,S,l,d,m,M]}],cycleDuration:1500},"zap-heart":{name:"Heart",description:"Heart shape - for love and favorites",frames:[{activePixels:[]},{activePixels:[z,T,N,s,c,r,A,u,p,i,v,g,l,d,m,x]},{activePixels:[z,T,N,s,c,r,A,u,p,i,v,g,l,d,m,x]},{activePixels:[z,T,N,s,c,r,A,u,p,i,v,g,l,d,m,x]},{activePixels:[]}],cycleDuration:1500},"zap-heart-beat":{name:"Heart Beat",description:"Pulsing heart - for health or love",frames:[{activePixels:[c,p,i,v,d]},{activePixels:[z,T,N,s,c,r,A,u,p,i,v,g,l,d,m,x]},{activePixels:[z,T,N,s,c,r,A,u,p,i,v,g,l,d,m,x]},{activePixels:[c,p,i,v,d]},{activePixels:[c,p,i,v,d]},{activePixels:[z,T,N,s,c,r,A,u,p,i,v,g,l,d,m,x]}],cycleDuration:1200},"zap-star":{name:"Star",description:"Star shape - for ratings and favorites",frames:[{activePixels:[]},{activePixels:[f,s,c,r,u,p,i,v,g,l,m,b,D]},{activePixels:[f,s,c,r,u,p,i,v,g,l,m,b,D]},{activePixels:[f,s,c,r,u,p,i,v,g,l,m,b,D]},{activePixels:[]}],cycleDuration:1500},"zap-star-spin":{name:"Spinning Star",description:"Rotating star animation",frames:[{activePixels:[f,i,x]},{activePixels:[r,i,l]},{activePixels:[u,i,g]},{activePixels:[s,i,m]},{activePixels:[f,i,x]}],cycleDuration:800},"zap-fireworks":{name:"Fireworks",description:"Explosive celebration animation",frames:[{activePixels:[x]},{activePixels:[i]},{activePixels:[f,c]},{activePixels:[L,f,k,s,r]},{activePixels:[L,z,f,T,k,N,s,c,r,A]},{activePixels:[L,k,N,A,u,g]},{activePixels:[L,k,b,D]},{activePixels:[]}],cycleDuration:1500},"zap-confetti":{name:"Confetti",description:"Random celebration sparkles",frames:[{activePixels:[L,r,p,M,x]},{activePixels:[z,s,g,l,C]},{activePixels:[f,N,i,m,b]},{activePixels:[T,A,v,S,w]},{activePixels:[k,c,u,d,D]}],cycleDuration:1e3},"zap-flower":{name:"Flower",description:"Blooming flower animation",frames:[{activePixels:[]},{activePixels:[i]},{activePixels:[i,c,p,v,d]},{activePixels:[f,s,c,r,p,i,v,l,d,m,x]},{activePixels:[f,s,c,r,u,p,i,v,g,l,d,m,x]},{activePixels:[f,s,c,r,u,p,i,v,g,l,d,m,x]},{activePixels:[i,c,p,v,d]},{activePixels:[]}],cycleDuration:2500},"zap-sun":{name:"Sun",description:"Radiating sun - for solar energy",frames:[{activePixels:[s,c,r,p,i,v,l,d,m]},{activePixels:[f,s,c,r,u,p,i,v,g,l,d,m,x]},{activePixels:[L,f,k,s,c,r,u,p,i,v,g,l,d,m,b,x,D]},{activePixels:[f,s,c,r,u,p,i,v,g,l,d,m,x]},{activePixels:[s,c,r,p,i,v,l,d,m]}],cycleDuration:1500},"zap-moon":{name:"Moon",description:"Crescent moon - for night mode",frames:[{activePixels:[]},{activePixels:[z,f,T,N,r,A,u,g,S,M,w,x,C]},{activePixels:[z,f,N,u,S,w,x]},{activePixels:[z,f,N,u,S,w,x]},{activePixels:[z,f,T,N,r,A,u,g,S,M,w,x,C]},{activePixels:[]}],cycleDuration:3e3},"zap-cloud":{name:"Cloud",description:"Fluffy cloud shape",frames:[{activePixels:[]},{activePixels:[z,f,T,N,s,c,r,A,u,p,i,v,g]},{activePixels:[z,f,T,N,s,c,r,A,u,p,i,v,g]},{activePixels:[z,f,T,N,s,c,r,A,u,p,i,v,g]},{activePixels:[]}],cycleDuration:2e3},"zap-rain":{name:"Rain",description:"Falling raindrops animation",frames:[{activePixels:[z,T,s,r]},{activePixels:[s,r,p,v]},{activePixels:[p,v,l,m]},{activePixels:[l,m,w,C]},{activePixels:[w,C,f,c]},{activePixels:[f,c,s,r]}],cycleDuration:900},"zap-snow":{name:"Snow",description:"Falling snowflakes",frames:[{activePixels:[L,f,k]},{activePixels:[N,c,A]},{activePixels:[L,u,i,g,k]},{activePixels:[S,d,M]},{activePixels:[b,x,D]},{activePixels:[l,m]}],cycleDuration:1500},"zap-waves":{name:"Waves",description:"Ocean wave animation",frames:[{activePixels:[L,f,k,s,r]},{activePixels:[z,T,N,c,A,s,r]},{activePixels:[L,f,k,s,c,r]},{activePixels:[z,T,N,A,s,r]}],cycleDuration:1e3},"zap-fire":{name:"Fire",description:"Flickering flames",frames:[{activePixels:[i,l,d,m,b,w,x,C,D]},{activePixels:[c,p,i,v,l,d,m,w,x,C]},{activePixels:[f,s,c,r,p,i,v,d,x]},{activePixels:[c,i,d,l,m,w,x,C]},{activePixels:[p,i,v,l,d,m,b,w,x,C,D]}],cycleDuration:600},"zap-tree":{name:"Tree",description:"Simple tree shape - for nature/eco",frames:[{activePixels:[]},{activePixels:[f,s,c,r,p,i,v,d,x]},{activePixels:[f,s,c,r,p,i,v,d,x]},{activePixels:[f,s,c,r,p,i,v,d,x]},{activePixels:[]}],cycleDuration:2e3},"zap-house":{name:"House",description:"Home icon - for home automation",frames:[{activePixels:[]},{activePixels:[f,s,r,u,p,i,v,g,S,l,m,M,b,w,C,D]},{activePixels:[f,s,r,u,p,i,v,g,S,l,m,M,b,w,C,D]},{activePixels:[f,s,r,u,p,i,v,g,S,l,m,M,b,w,C,D]},{activePixels:[]}],cycleDuration:2e3},"zap-car":{name:"Car",description:"Simple car shape - side view",frames:[{activePixels:[s,c,r,u,p,i,v,g,l,m]},{activePixels:[s,c,r,u,p,i,v,g,l,m]},{activePixels:[s,c,r,u,p,i,v,g,S,M]},{activePixels:[s,c,r,u,p,i,v,g,S,M]}],cycleDuration:800},"zap-rocket":{name:"Rocket",description:"Rocket launch animation",frames:[{activePixels:[f,s,c,r,p,i,v,S,d,M,x]},{activePixels:[f,s,c,r,p,i,v,S,d,M,w,x,C]},{activePixels:[f,s,c,r,p,i,v,S,d,M,b,w,x,C,D]},{activePixels:[f,s,c,r,p,i,v,S,d,M,w,x,C]}],cycleDuration:600},"zap-ghost":{name:"Ghost",description:"Spooky ghost animation",frames:[{activePixels:[z,f,T,N,s,r,A,u,p,i,v,g,S,l,m,M,b,x,D]},{activePixels:[z,f,T,N,s,r,A,u,p,i,v,g,S,l,m,M,w,C]},{activePixels:[z,f,T,N,s,r,A,u,p,i,v,g,S,l,m,M,b,x,D]}],cycleDuration:1e3},"zap-skull":{name:"Skull",description:"Skull icon - for danger/death",frames:[{activePixels:[]},{activePixels:[z,f,T,N,s,r,A,u,i,g,l,d,m]},{activePixels:[z,f,T,N,s,r,A,u,i,g,l,d,m]},{activePixels:[]},{activePixels:[z,f,T,N,s,r,A,u,i,g,l,d,m]},{activePixels:[]}],cycleDuration:1200},"zap-cat":{name:"Cat",description:"Cat face with animated ears",frames:[{activePixels:[L,k,s,r,u,i,g,l,m]},{activePixels:[L,k,s,r,u,i,g,l,m]},{activePixels:[N,A,s,r,u,i,g,l,m]},{activePixels:[L,k,s,r,u,i,g,l,m]}],cycleDuration:1500},"zap-fish":{name:"Fish",description:"Swimming fish animation",frames:[{activePixels:[s,p,i,v,g,M,d]},{activePixels:[s,c,p,i,v,m,d]},{activePixels:[N,c,u,p,i,v,d]},{activePixels:[s,c,p,i,v,m,d]}],cycleDuration:800},"zap-music":{name:"Music Note",description:"Musical note animation",frames:[{activePixels:[]},{activePixels:[T,k,r,A,g,M,m,C]},{activePixels:[T,k,r,A,g,M,m,C]},{activePixels:[T,k,r,A,g,M,m,C]},{activePixels:[]}],cycleDuration:1500},"zap-checkmark":{name:"Checkmark",description:"Success/done indicator",frames:[{activePixels:[]},{activePixels:[l]},{activePixels:[l,b]},{activePixels:[l,b,i]},{activePixels:[l,b,i,r]},{activePixels:[l,b,i,r,k]},{activePixels:[l,b,i,r,k]},{activePixels:[l,b,i,r,k]}],cycleDuration:1500},"zap-cross":{name:"Cross/X",description:"Cancel/error indicator",frames:[{activePixels:[]},{activePixels:[L,k,i,b,D]},{activePixels:[L,s,k,r,i,l,b,m,D]},{activePixels:[L,s,k,r,i,l,b,m,D]},{activePixels:[]}],cycleDuration:1e3},"zap-question":{name:"Question Mark",description:"Help/unknown indicator",frames:[{activePixels:[]},{activePixels:[z,f,T,A,r,i,x]},{activePixels:[z,f,T,A,r,i,x]},{activePixels:[z,f,T,A,r,i]},{activePixels:[z,f,T,A,r,i,x]}],cycleDuration:1500},"zap-exclaim":{name:"Exclamation Mark",description:"Alert/important indicator",frames:[{activePixels:[]},{activePixels:[f,c,i,x]},{activePixels:[f,c,i,x]},{activePixels:[f,c,i]},{activePixels:[f,c,i,x]},{activePixels:[]}],cycleDuration:1e3},"zap-arrow-up":{name:"Arrow Up",description:"Upward direction indicator",frames:[{activePixels:[f,s,c,r,i,d,x]},{activePixels:[f,s,c,r,i,d,x]},{activePixels:[]},{activePixels:[f,s,c,r,i,d,x]}],cycleDuration:1e3},"zap-arrow-down":{name:"Arrow Down",description:"Downward direction indicator",frames:[{activePixels:[f,c,i,l,d,m,x]},{activePixels:[f,c,i,l,d,m,x]},{activePixels:[]},{activePixels:[f,c,i,l,d,m,x]}],cycleDuration:1e3},"zap-arrow-left":{name:"Arrow Left",description:"Leftward direction indicator",frames:[{activePixels:[c,u,p,i,v,d]},{activePixels:[c,u,p,i,v,d]},{activePixels:[]},{activePixels:[c,u,p,i,v,d]}],cycleDuration:1e3},"zap-arrow-right":{name:"Arrow Right",description:"Rightward direction indicator",frames:[{activePixels:[c,p,i,v,g,d]},{activePixels:[c,p,i,v,g,d]},{activePixels:[]},{activePixels:[c,p,i,v,g,d]}],cycleDuration:1e3},"zap-play":{name:"Play",description:"Media play button",frames:[{activePixels:[]},{activePixels:[s,p,i,l,d]},{activePixels:[s,c,p,i,v,l,d,m]},{activePixels:[s,c,r,p,i,v,g,l,d,m]},{activePixels:[s,c,r,p,i,v,g,l,d,m]}],cycleDuration:1500},"zap-pause":{name:"Pause",description:"Media pause button",frames:[{activePixels:[]},{activePixels:[s,r,p,v,l,m]},{activePixels:[s,r,p,v,l,m]},{activePixels:[s,r,p,v,l,m]},{activePixels:[]}],cycleDuration:1500},"zap-stop":{name:"Stop",description:"Media stop button",frames:[{activePixels:[]},{activePixels:[s,c,r,p,i,v,l,d,m]},{activePixels:[s,c,r,p,i,v,l,d,m]},{activePixels:[s,c,r,p,i,v,l,d,m]},{activePixels:[]}],cycleDuration:1500},"zap-power":{name:"Power",description:"Power button symbol",frames:[{activePixels:[]},{activePixels:[f,c,N,A,u,i,g,S,M,w,x,C]},{activePixels:[f,c,N,A,u,i,g,S,M,w,x,C]},{activePixels:[f,c,N,A,u,i,g,S,M,w,x,C]},{activePixels:[]}],cycleDuration:2e3},"zap-wifi-bars":{name:"WiFi Bars",description:"WiFi signal strength animation",frames:[{activePixels:[x]},{activePixels:[x,l,d,m]},{activePixels:[x,l,d,m,p,i,v]},{activePixels:[x,l,d,m,p,i,v,s,c,r]},{activePixels:[x,l,d,m,p,i,v,s,c,r,f]}],cycleDuration:1500},"zap-signal":{name:"Signal Bars",description:"Cellular signal strength",frames:[{activePixels:[b]},{activePixels:[b,S,w]},{activePixels:[b,S,w,u,l,x]},{activePixels:[b,S,w,u,l,x,N,d,C]},{activePixels:[b,S,w,u,l,x,N,d,C,L,m,D]}],cycleDuration:1500},"zap-hourglass":{name:"Hourglass",description:"Loading/waiting animation",frames:[{activePixels:[L,z,f,T,k,s,r,i,l,m,b,w,x,C,D]},{activePixels:[L,z,f,T,k,i,l,m,b,w,x,C,D]},{activePixels:[L,z,f,T,k,l,d,m,b,w,x,C,D]},{activePixels:[L,z,f,T,k,s,r,i,l,m,b,w,x,C,D]}],cycleDuration:1200},"zap-clock":{name:"Clock",description:"Time/clock face animation",frames:[{activePixels:[z,f,T,N,i,A,u,g,S,M,w,x,C,c]},{activePixels:[z,f,T,N,i,A,u,g,S,M,w,x,C,r]},{activePixels:[z,f,T,N,i,A,u,g,S,M,w,x,C,d]},{activePixels:[z,f,T,N,i,A,u,g,S,M,w,x,C,l]}],cycleDuration:2e3},"zap-bell":{name:"Bell",description:"Notification bell animation",frames:[{activePixels:[f,s,c,r,p,i,v,l,d,m,x]},{activePixels:[f,s,c,r,p,i,v,l,d,m,w]},{activePixels:[f,s,c,r,p,i,v,l,d,m,x]},{activePixels:[f,s,c,r,p,i,v,l,d,m,C]}],cycleDuration:800},"zap-mail":{name:"Mail/Envelope",description:"Message/email indicator",frames:[{activePixels:[]},{activePixels:[L,f,k,N,s,r,A,u,p,v,g,S,l,d,m,M]},{activePixels:[L,f,k,N,s,r,A,u,p,v,g,S,l,d,m,M]},{activePixels:[L,f,k,N,s,r,A,u,p,v,g,S,l,d,m,M]},{activePixels:[]}],cycleDuration:2e3},"zap-pacman":{name:"Pac-Man",description:"Classic arcade chomping animation",frames:[{activePixels:[z,f,T,N,s,c,r,u,p,i,S,l,d,m,w,x,C]},{activePixels:[z,f,T,N,s,c,r,A,u,p,i,v,g,S,l,d,m,M,w,x,C]}],cycleDuration:500},"zap-space-invader":{name:"Space Invader",description:"Classic arcade alien animation",frames:[{activePixels:[z,T,s,c,r,L,f,k,u,p,i,v,g,l,m]},{activePixels:[z,T,s,c,r,L,f,k,u,p,i,v,g,S,M]}],cycleDuration:800},"zap-tetris":{name:"Tetris",description:"Falling tetris blocks",frames:[{activePixels:[z,f,T,k]},{activePixels:[s,c,r,A]},{activePixels:[p,i,v,g]},{activePixels:[l,d,m,M]},{activePixels:[w,x,C,D,l,d,m,M]},{activePixels:[w,x,C,D,l,d,m,M]}],cycleDuration:1500},"zap-dice":{name:"Dice",description:"Rolling dice animation",frames:[{activePixels:[i]},{activePixels:[s,m]},{activePixels:[s,i,m]},{activePixels:[s,r,l,m]},{activePixels:[s,r,i,l,m]},{activePixels:[s,r,p,v,l,m]}],cycleDuration:1800},"zap-crown":{name:"Crown",description:"Royal crown icon",frames:[{activePixels:[]},{activePixels:[L,f,k,s,c,r,u,p,i,v,g]},{activePixels:[L,f,k,s,c,r,u,p,i,v,g]},{activePixels:[L,f,k,s,c,r,u,p,i,v,g]},{activePixels:[]}],cycleDuration:2e3},"zap-trophy":{name:"Trophy",description:"Winner trophy icon",frames:[{activePixels:[]},{activePixels:[L,z,f,T,k,N,s,c,r,A,s,r,l,d,m,x]},{activePixels:[L,z,f,T,k,N,s,c,r,A,s,r,l,d,m,x]},{activePixels:[L,z,f,T,k,N,s,c,r,A,s,r,l,d,m,x,u,g,b,D]},{activePixels:[L,z,f,T,k,N,s,c,r,A,s,r,l,d,m,x]}],cycleDuration:2e3}};var Mo={slow:2e3,normal:1500,fast:1e3},Kr={sm:{pixel:6,gap:2},md:{pixel:10,gap:3},lg:{pixel:14,gap:4}};function es(e){switch(e){case 4:return Ct;case 5:return h(h({},Dt),Mt);case 6:return Nt;default:return Ui}}function Ri({pattern:e,dimension:t=3,color:a="green",speed:n="normal",size:o="md",animated:y=true,paused:H=false,className:re,showLabel:Z=false}){var Pi;let[Ne,Pe]=ne.useState(0),[_e,Je]=ne.useState(new Set),de=es(t)[e],ti=de&&(Pi=de.cycleDuration)!=null?Pi:Mo[n],ni=de?ti/de.frames.length:ti,si=t*t;if(ne.useEffect(()=>{if(!y||H||!de)return;let ei=setInterval(()=>{Pe(Ni=>(Ni+1)%de.frames.length);},ni);return ()=>clearInterval(ei)},[y,H,ni,de]),ne.useEffect(()=>{if(de)if(y){let ei=de.frames[Ne];Je(new Set(ei.activePixels));}else {let ei=de.frames.reduce((Ni,Et)=>Et.activePixels.length>Ni.activePixels.length?Et:Ni);Je(new Set(ei.activePixels));}},[y,Ne,de]),!de)return null;let{pixel:Qe,gap:Xi}=Kr[o],Zi=Qe*t+Xi*(t-1);return jsxs("div",{className:P("pixel-grid-wrapper",re),children:[jsx("div",{className:P("pixel-grid-container",`pixel-grid-${a}`,`pixel-grid-${t}x${t}`),style:{width:Zi,height:Zi,gap:Xi,gridTemplateColumns:`repeat(${t}, 1fr)`,"--pixel-size":`${Qe}px`},role:"img","aria-label":`${y?"Animated":"Static"} pixel grid: ${de.name}`,children:Array.from({length:si},(ei,Ni)=>jsx("div",{className:P("pixel-grid-pixel",{"pixel-active":_e.has(Ni)}),style:{width:Qe,height:Qe}},Ni))}),Z&&jsx("span",{className:"pixel-grid-label font-mono",children:e})]})}Ri.displayName="PixelGrid";function ts(e){switch(e){case 4:return To;case 5:return So;case 6:return No;default:return it}}function Lt({dimension:e=3,color:t="green",size:a="md",animated:n=true,showCategories:o=true,categories:y,className:H}){let re=ts(e),Z=y?Object.entries(re).filter(([Ne])=>y.includes(Ne)):Object.entries(re);return jsx("div",{className:P("pixel-grid-showcase",H),children:o?jsx("div",{className:"space-y-8",children:Z.map(([Ne,Pe])=>jsxs("div",{children:[jsx("h3",{className:"text-sm font-medium text-muted-foreground mb-4",children:Ne}),jsx("div",{className:"flex flex-wrap gap-6",children:Pe.map(_e=>jsx(Ri,{pattern:_e,dimension:e,color:t,size:a,animated:n,showLabel:true},_e))})]},Ne))}):jsx("div",{className:"flex flex-wrap gap-6",children:Z.flatMap(([Ne,Pe])=>Pe.map(_e=>jsx(Ri,{pattern:_e,dimension:e,color:t,size:a,animated:n,showLabel:true},_e)))})})}Lt.displayName="PixelGridShowcase";function At({pattern:e,dimension:t=3,size:a="md",animated:n=true,className:o}){let y=["blue","pink","green"];return jsx("div",{className:P("flex gap-6 items-center",o),children:y.map(H=>jsxs("div",{className:"flex flex-col items-center gap-2",children:[jsx(Ri,{pattern:e,dimension:t,color:H,size:a,animated:n}),jsx("span",{className:"text-xs text-muted-foreground font-mono",children:H})]},H))})}At.displayName="PixelGridColorComparison";function Ht({pattern:e,dimension:t=3,color:a="green",animated:n=true,className:o}){let y=["sm","md","lg"];return jsx("div",{className:P("flex gap-6 items-end",o),children:y.map(H=>jsxs("div",{className:"flex flex-col items-center gap-2",children:[jsx(Ri,{pattern:e,dimension:t,color:a,size:H,animated:n}),jsx("span",{className:"text-xs text-muted-foreground font-mono",children:H})]},H))})}Ht.displayName="PixelGridSizeComparison";export{Io as Accordion,Wt as AccordionContent,Bt as AccordionItem,Vt as AccordionTrigger,Ot as Alert,qt as AlertDescription,Ut as AlertTitle,Uo as Badge,Zt as Button,Jt as Card,Kt as CardContent,Yt as CardDescription,ea as CardFooter,Qt as CardHeader,jt as CardTitle,ta as Checkbox,jr as DesignSystemProvider,Qo as Dialog,Yo as DialogClose,oa as DialogContent,na as DialogDescription,sa as DialogFooter,ra as DialogHeader,st as DialogOverlay,aa as DialogPortal,la as DialogTitle,jo as DialogTrigger,tr as DropdownMenu,va as DropdownMenuCheckboxItem,da as DropdownMenuContent,or as DropdownMenuGroup,ma as DropdownMenuItem,Pa as DropdownMenuLabel,rr as DropdownMenuPortal,lr as DropdownMenuRadioGroup,xa as DropdownMenuRadioItem,fa as DropdownMenuSeparator,ua as DropdownMenuShortcut,sr as DropdownMenuSub,pa as DropdownMenuSubContent,ca as DropdownMenuSubTrigger,ar as DropdownMenuTrigger,ba as Input,ha as Label,Wr as LenisProvider,Ri as PixelGrid,At as PixelGridColorComparison,Lt as PixelGridShowcase,Ht as PixelGridSizeComparison,Ta as Progress,Sa as RadioGroup,za as RadioGroupItem,Ca as ScrollArea,dt as ScrollBar,fr as Select,Ma as SelectContent,ur as SelectGroup,La as SelectItem,ka as SelectLabel,vt as SelectScrollDownButton,mt as SelectScrollUpButton,Aa as SelectSeparator,Na as SelectTrigger,gr as SelectValue,Ea as Separator,Rr as Sheet,Tr as SheetClose,Ga as SheetContent,Wa as SheetDescription,Ba as SheetFooter,Ia as SheetHeader,ut as SheetOverlay,Fa as SheetPortal,Va as SheetTitle,wr as SheetTrigger,mo as SideMenu,uo as SimpleTabs,Ro as SimpleTabsContent,yo as SimpleTabsList,go as SimpleTabsPanel,bo as SimpleTabsRoot,ho as SimpleTabsTrigger,zr as Skeleton,Ua as Slider,$a as Switch,Xa as Table,Ja as TableBody,eo as TableCaption,Ka as TableCell,Qa as TableFooter,Ya as TableHead,Za as TableHeader,ja as TableRow,Nr as Tabs,ao as TabsContent,io as TabsList,to as TabsTrigger,ro as Textarea,ht as Tooltip,et as TooltipContent,yt as TooltipProvider,Rt as TooltipTrigger,vo as TopMenu,xo as TopMenuUser,Po as TopMenuUserItem,fo as TopMenuUserSection,_t as badgeVariants,Xt as buttonVariants,P as cn,it as patternCategories,wo as patternNames,Ui as patterns,Jr as useAccessibility,$r as useColorMode,Qr as useDesignSystem,qr as useDesignSystemTheme,Zr as useFocusMode,_r as useFontMode,Xr as useSpacingMode};//# sourceMappingURL=index.mjs.map
2
2
  //# sourceMappingURL=index.mjs.map