28:o1,#28:oe57,1:I[768017,["/_next/static/immutable/chunks/0vm3mw8xy2s8d.js"],"HTTPAccessFallbackBoundary"] 2:I[479520,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js"],""] 3:I[305215,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js"],"ThemeProvider"] 4:"$Sreact.suspense" 5:I[357003,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js"],"TRPCReactProvider"] 6:I[492605,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js"],"BetterModalProvider"] 7:I[12985,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js"],"NuqsAdapter"] :HL["/_next/static/immutable/chunks/3-y5jlwadbcp9.css","style"] :HL["/_next/static/immutable/chunks/1_idk1l4ecx9m.css","style"] 17:X 18:X 1d:X 1e:X 20:X 21:X 22:X 28:o142a,0:{"f":[[["",{"children":[["registry","weinc","d",["(.)[registry]","account","api","guides","legal","r","saved","search","setup","sign-in","sign-out","sitemap-index.xml","sitemaps","tb","tools"]],{"children":[["item","brass-orrery-schedule-viewer-with-stone-planets-on-geared-arms-that-swing-under-a-due-pointer","d",["search"]],{"children":["__PAGE__",{},"$undefined","$undefined",16546]},"$undefined","$undefined",16482]},"$undefined","$undefined",16450],"modal":["(__SLOT__)",{"children":[["registry","weinc","d",["(.)[registry]","account","api","guides","legal","r","saved","search","setup","sign-in","sign-out","sitemap-index.xml","sitemaps","tb","tools"]],{"children":[["item","brass-orrery-schedule-viewer-with-stone-planets-on-geared-arms-that-swing-under-a-due-pointer","d",["search"]],{"children":["__PAGE__",{},"$undefined","$undefined",16418]},"$undefined","$undefined",16482]},"$undefined","$undefined",16482]},"$undefined","$undefined",16450]},"$undefined","$undefined",16402],[["$","$L1","c",{"notFound":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/3-y5jlwadbcp9.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/1_idk1l4ecx9m.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/immutable/chunks/3arlv5bvukoo2.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/immutable/chunks/39v64hmfyo-sr.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/immutable/chunks/2nvof3-29tvc3.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/_next/static/immutable/chunks/3tjobt77z_9dj.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/_next/static/immutable/chunks/04j_o97cgxn2x.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/_next/static/immutable/chunks/3upr08c9vtj8w.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/_next/static/immutable/chunks/1ww0328si-u8x.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/_next/static/immutable/chunks/11mfl5ymqld9-.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/_next/static/immutable/chunks/2xxcqy6ppds3l.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/_next/static/immutable/chunks/1bpgyrs5qflhu.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/_next/static/immutable/chunks/43_s7jweyypoh.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/_next/static/immutable/chunks/0p6vao205o1jc.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"chakra_petch_1af0601e-module__OA5m0G__variable dm_sans_d89fb377-module__B_rulq__variable ibm_plex_mono_b1df0642-module__ou0oxa__variable","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","script",null,{"dangerouslySetInnerHTML":{"__html":"(function(){var v=[\"makers\",\"ai\",\"slop-police\"];document.documentElement.dataset.hireVariant=v[Math.floor(Math.random()*v.length)]})()"}}],["$","$L2",null,{"async":true,"data-website-id":"211088d7-313a-4d73-abc7-2a091c652668","src":"/u/script.js"}]]}],["$","body",null,{"className":"antialiased","children":["$","$L3",null,{"attribute":"class","defaultTheme":"dark","disableTransitionOnChange":true,"enableSystem":false,"children":["$","$4",null,{"children":["$","$L5",null,{"children":["$","$L6",null,{"children":[["$","$L7",null,{"children":["$","div",null,{"className":"flex min-h-svh flex-col","children":[[["$","a","makers",{"href":"https://cal.com/jlnlabs/chat?utm_source=shadcnregistry&utm_medium=banner&utm_content=makers","target":"_blank","rel":"noopener","data-umami-event":"hire-banner-click","data-umami-event-variant":"makers","className":"group hidden bg-blue-600 text-white transition-colors hover:bg-blue-500 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-blue-300 focus-visible:ring-inset in-data-[hire-variant=makers]:block","children":["$","div",null,{"className":"mx-auto w-full max-w-7xl px-4 sm:px-6 flex h-9 items-center justify-center gap-3 text-center text-sm","children":[["$","span",null,{"className":"flex shrink-0 items-center gap-1.5 md:rounded-full md:border md:border-white/25 md:bg-white/15 md:px-2.5 md:py-0.5 md:font-medium md:text-xs","children":["$L8","$L9"]}],"$La","$Lb"]}]}],"$Lc","$Ld"],"$Le","$Lf","$undefined","$L10"]}]}],"$L11","$L12"]}]}]}]}]}]]}]],"children":["$0:f:0:1:0:props:notFound:0","$L13"]}],{"children":["$L14",{"children":["$L15",{"children":["$L16",{},null,false,"$17"]},null,false,"$18"]},null,false,"$18"],"modal":["$L19",{"children":["$L1a",{"children":["$L1b",{"children":["$L1c",{},null,false,"$1d"]},null,false,"$18"]},null,false,"$18"]},null,false,"$18"]},null,false,"$1e"],"$L1f",false]],"q":"","i":true,"S":false,"h":"$20","r":"$21","s":"$22","a":"$@23","u":"$@24"} 28:o1000,25:I[522016,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],""] 26:I[332862,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js"],"ThemeToggle"] 27:I[618898,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js"],"UserButton"] 28:I[799157,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js"],"Sheet"] 29:I[799157,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js"],"SheetTrigger"] 2a:I[799157,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_ne28:o1000,xt/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js"],"SheetContent"] 2b:I[799157,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js"],"SheetTitle"] 2c:I[799157,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js"],"SheetDescription"] 2d:I[767877,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js"],"PrimaryNavigation"] 36:I[246331,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js"],"Toaster"] 37:I[994245,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js"],"AffiliateToast"] 41:"$Sreact.fragment" 42:I[339756,["/_next/static/immutable/chunks/0vm3mw8xy2s8d.js"],"default"] 43:I[837457,["/_next/static/immutable/chunks/0vm3mw8xy2s8d.js"],"default"] 45:I[897367,["/_next/static/immutable/chunks/0vm3mw8xy2s8d.js"],"OutletBoundary"] 47:I[897367,["/_next/static/immutable/chunks/0vm3mw8xy2s8d.js"],"ViewportBoundary"] 49:I[897367,["/_next/static/immutable/chunks/0vm3mw8xy2s8d.js"],"MetadataBoundary"] 8:["$","span",null,{"aria-hidden":"true","className":"size-1.5 rounded-full bg-green-400 ring-[3px] ring-green-400/25"}] 9:["$","span",null,{"className":"sr-o28:o425,nly md:not-sr-only","children":"1 slot open this month"}] a:["$","span",null,{"className":"truncate","children":[["$","span",null,{"className":"sm:hidden","children":"By the makers of shadcnregistry"}],["$","span",null,{"className":"hidden sm:inline","children":"We built shadcnregistry. Now we build your product."}]]}] b:["$","span",null,{"className":"flex shrink-0 items-center gap-1 font-semibold underline-offset-4 group-hover:underline","children":[["$","span",null,{"className":"sm:hidden","children":"Book a call"}],["$","span",null,{"className":"hidden sm:inline","children":"Check availability"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-arrow-right size-3.5 transition-transform group-hover:translate-x-0.5","aria-hidden":"true","children":[["$","path","1ays0h",{"d":"M5 12h14"}],["$","path","xquz4c",{"d":"m12 5 7 7-7 7"}],"$undefined"]}]]}] 28:o7b3,c:["$","a","ai",{"href":"https://cal.com/jlnlabs/chat?utm_source=shadcnregistry&utm_medium=banner&utm_content=ai","target":"_blank","rel":"noopener","data-umami-event":"hire-banner-click","data-umami-event-variant":"ai","className":"group hidden bg-blue-600 text-white transition-colors hover:bg-blue-500 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-blue-300 focus-visible:ring-inset in-data-[hire-variant=ai]:block","children":["$","div",null,{"className":"mx-auto w-full max-w-7xl px-4 sm:px-6 flex h-9 items-center justify-center gap-3 text-center text-sm","children":[["$","span",null,{"className":"flex shrink-0 items-center gap-1.5 md:rounded-full md:border md:border-white/25 md:bg-white/15 md:px-2.5 md:py-0.5 md:font-medium md:text-xs","children":[["$","span",null,{"aria-hidden":"true","className":"size-1.5 rounded-full bg-green-400 ring-[3px] ring-green-400/25"}],["$","span",null,{"className":"sr-only md:not-sr-only","children":"1 slot open this month"}]]}],["$","span",null,{"className":"truncate","children":[["$","span",null,{"className":"sm:hidden","children":"AI features?"}],["$","span",null,{"className":"hidden sm:inline","children":"We build AI features into your product."}]]}],["$","span",null,{"className":"flex shrink-0 items-center gap-1 font-semibold underline-offset-4 group-hover:underline","children":[["$","span",null,{"className":"sm:hidden","children":"Book a call"}],["$","span",null,{"className":"hidden sm:inline","children":"Check availability"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-arrow-right size-3.5 transition-transform group-hover:translate-x-0.5","aria-hidden":"true","children":[["$","path","1ays0h",{"d":"M5 12h14"}],["$","path","xquz4c",{"d":"m12 5 7 7-7 7"}],"$undefined"]}]]}]]}]}] 28:o7dd,d:["$","a","slop-police",{"href":"https://cal.com/jlnlabs/chat?utm_source=shadcnregistry&utm_medium=banner&utm_content=slop-police","target":"_blank","rel":"noopener","data-umami-event":"hire-banner-click","data-umami-event-variant":"slop-police","className":"group hidden bg-blue-600 text-white transition-colors hover:bg-blue-500 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-blue-300 focus-visible:ring-inset in-data-[hire-variant=slop-police]:block","children":["$","div",null,{"className":"mx-auto w-full max-w-7xl px-4 sm:px-6 flex h-9 items-center justify-center gap-3 text-center text-sm","children":[["$","span",null,{"className":"flex shrink-0 items-center gap-1.5 md:rounded-full md:border md:border-white/25 md:bg-white/15 md:px-2.5 md:py-0.5 md:font-medium md:text-xs","children":[["$","span",null,{"aria-hidden":"true","className":"size-1.5 rounded-full bg-green-400 ring-[3px] ring-green-400/25"}],["$","span",null,{"className":"sr-only md:not-sr-only","children":"1 slot open this month"}]]}],["$","span",null,{"className":"truncate","children":[["$","span",null,{"className":"sm:hidden","children":"🚨 Slop police"}],["$","span",null,{"className":"hidden sm:inline","children":"🚨 Slop police: we clean up vibe-coded apps."}]]}],["$","span",null,{"className":"flex shrink-0 items-center gap-1 font-semibold underline-offset-4 group-hover:underline","children":[["$","span",null,{"className":"sm:hidden","children":"Report it"}],["$","span",null,{"className":"hidden sm:inline","children":"Report your app"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-arrow-right size-3.5 transition-transform group-hover:translate-x-0.5","aria-hidden":"true","children":[["$","path","1ays0h",{"d":"M5 12h14"}],["$","path","xquz4c",{"d":"m12 5 7 7-7 7"}],"$undefined"]}]]}]]}]}] 28:o1368,e:[["$","header",null,{"className":"sticky top-0 z-50 border-b bg-background/90 backdrop-blur-md md:hidden","children":["$","div",null,{"className":"mx-auto w-full max-w-7xl px-4 sm:px-6 flex h-16 items-center justify-between","children":[["$","$L25",null,{"href":"/","className":"flex items-center gap-2 font-heading font-semibold text-sm tracking-[-0.02em]","children":[["$","svg",null,{"viewBox":"0 0 900 900","fill":"none","xmlns":"http://www.w3.org/2000/svg","className":"size-8","children":[["$","rect",null,{"x":"36","y":"344","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"260","y":"232","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"148","y":"232","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"260","y":"568","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"260","y":"456","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"148","y":"568","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"36","y":"568","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"764","y":"344","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"664","y":"232","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"552","y":"232","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"440","y":"232","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"764","y":"568","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"664","y":"456","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"440","y":"456","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"440","y":"568","width":"100","height":"100","fill":"currentColor"}]]}],["$","span",null,{"children":"shadcnregistry"}]]}],["$","div",null,{"className":"flex items-center gap-2","children":[["$","$L26",null,{}],["$","$L27",null,{}],["$","$L28",null,{"modal":true,"children":[["$","$L29",null,{"asChild":true,"children":["$","button",null,{"data-slot":"button","className":"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 size-9","aria-label":"Open navigation","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-menu","aria-hidden":"true","children":[["$","path","1lakjw",{"d":"M4 12h16"}],["$","path","19g7jn",{"d":"M4 18h16"}],["$","path","1o0s65",{"d":"M4 6h16"}],"$undefined"]}]}]}],["$","$L2a",null,{"className":"w-[min(22rem,90vw)] rounded-l-xl p-6","children":[["$","$L2b",null,{"className":"text-lg","children":"Tools"}],["$","$L2c",null,{"className":"sr-only","children":"Navigate between registry tools."}],["$","$L2d",null,{"orientation":"vertical","closeOnNavigate":true,"className":"mt-4"}]]}]]}]]}]]}]}],["$","header",null,{"className":"sticky top-0 z-50 hidden border-b bg-background/90 backdrop-blur-md md:block","children":["$","div",null,{"className":"mx-auto w-full max-w-7xl px-4 sm:px-6 flex h-16 items-center gap-6","children":[["$","$L25",null,{"className":"flex min-w-32 select-none items-center gap-2 font-heading font-semibold text-sm tracking-[-0.02em]","href":"/","children":[["$","svg",null,{"viewBox":"0 0 900 900","fill":"none","xmlns":"http://www.w3.org/2000/svg","className":"size-8","children":[["$","rect",null,{"x":"36","y":"344","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"260","y":"232","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"148","y":"232","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"260","y":"568","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"260","y":"456","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"148","y":"568","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"36","y":"568","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"764","y":"344","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"664","y":"232","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"552","y":"232","width":"100","height":"100","fill":"currentColor"}],"$L2e","$L2f","$L30","$L31","$L32"]}],"$L33"]}],"$L34","$L35"]}]}]] 28:o6a3,f:["$","main",null,{"className":"flex flex-1 flex-col","children":["$","div",null,{"className":"mx-auto w-full max-w-7xl px-4 sm:px-6 flex flex-1 flex-col","children":[[],[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"$f:props:children:props:children:0"]]}]}] 10:["$","footer",null,{"className":"border-t text-muted-foreground text-xs","children":["$","div",null,{"className":"mx-auto w-full max-w-7xl px-4 sm:px-6 flex items-center justify-end gap-4 py-5","children":[["$","$L25",null,{"href":"/legal/terms","children":"Terms of Service"}],["$","$L25",null,{"href":"/legal/privacy","children":"Privacy Policy"}]]}]}] 11:["$","$L36",null,{}] 12:["$","$L37",null,{}] 28:o103e,13:["$","html",null,{"lang":"en","className":"chakra_petch_1af0601e-module__OA5m0G__variable dm_sans_d89fb377-module__B_rulq__variable ibm_plex_mono_b1df0642-module__ou0oxa__variable","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","script",null,{"dangerouslySetInnerHTML":{"__html":"(function(){var v=[\"makers\",\"ai\",\"slop-police\"];document.documentElement.dataset.hireVariant=v[Math.floor(Math.random()*v.length)]})()"}}],["$","$L2",null,{"async":true,"data-website-id":"211088d7-313a-4d73-abc7-2a091c652668","src":"/u/script.js"}]]}],["$","body",null,{"className":"antialiased","children":["$","$L3",null,{"attribute":"class","defaultTheme":"dark","disableTransitionOnChange":true,"enableSystem":false,"children":["$","$4",null,{"children":["$","$L5",null,{"children":["$","$L6",null,{"children":[["$","$L7",null,{"children":["$","div",null,{"className":"flex min-h-svh flex-col","children":[[["$","a","makers",{"href":"https://cal.com/jlnlabs/chat?utm_source=shadcnregistry&utm_medium=banner&utm_content=makers","target":"_blank","rel":"noopener","data-umami-event":"hire-banner-click","data-umami-event-variant":"makers","className":"group hidden bg-blue-600 text-white transition-colors hover:bg-blue-500 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-blue-300 focus-visible:ring-inset in-data-[hire-variant=makers]:block","children":["$","div",null,{"className":"mx-auto w-full max-w-7xl px-4 sm:px-6 flex h-9 items-center justify-center gap-3 text-center text-sm","children":[["$","span",null,{"className":"flex shrink-0 items-center gap-1.5 md:rounded-full md:border md:border-white/25 md:bg-white/15 md:px-2.5 md:py-0.5 md:font-medium md:text-xs","children":[["$","span",null,{"aria-hidden":"true","className":"size-1.5 rounded-full bg-green-400 ring-[3px] ring-green-400/25"}],["$","span",null,{"className":"sr-only md:not-sr-only","children":"1 slot open this month"}]]}],["$","span",null,{"className":"truncate","children":[["$","span",null,{"className":"sm:hidden","children":"By the makers of shadcnregistry"}],["$","span",null,{"className":"hidden sm:inline","children":"We built shadcnregistry. Now we build your product."}]]}],["$","span",null,{"className":"flex shrink-0 items-center gap-1 font-semibold underline-offset-4 group-hover:underline","children":[["$","span",null,{"className":"sm:hidden","children":"Book a call"}],["$","span",null,{"className":"hidden sm:inline","children":"Check availability"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-arrow-right size-3.5 transition-transform group-hover:translate-x-0.5","aria-hidden":"true","children":[["$","path","1ays0h",{"d":"M5 12h14"}],["$","path","xquz4c",{"d":"m12 5 7 7-7 7"}],"$undefined"]}]]}]]}]}],["$","a","ai",{"href":"https://cal.com/jlnlabs/chat?utm_source=shadcnregistry&utm_medium=banner&utm_content=ai","target":"_blank","rel":"noopener","data-umami-event":"hire-banner-click","data-umami-event-variant":"ai","className":"group hidden bg-blue-600 text-white transition-colors hover:bg-blue-500 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-blue-300 focus-visible:ring-inset in-data-[hire-variant=ai]:block","children":["$","div",null,{"className":"mx-auto w-full max-w-7xl px-4 sm:px-6 flex h-9 items-center justify-center gap-3 text-center text-sm","children":[["$","span",null,{"className":"flex shrink-0 items-center gap-1.5 md:rounded-full md:border md:border-white/25 md:bg-white/15 md:px-2.5 md:py-0.5 md:font-medium md:text-xs","children":[["$","span",null,{"aria-hidden":"true","className":"size-1.5 rounded-full bg-green-400 ring-[3px] ring-green-400/25"}],["$","span",null,{"className":"sr-only md:not-sr-only","children":"1 slot open this month"}]]}],["$","span",null,{"className":"truncate","children":[["$","span",null,{"className":"sm:hidden","children":"AI features?"}],"$L38"]}],"$L39"]}]}],"$L3a"],"$L3b","$L3c","$L3d","$L3e"]}]}],"$L3f","$L40"]}]}]}]}]}]]}] 28:o2a0,14:["$","$41","c",{"children":[null,["$","$L42",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L43",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 15:["$","$41","c",{"children":[null,["$","$L42",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L43",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 28:odfc,16:["$","$41","c",{"children":[["$","div",null,{"className":"flex min-w-0 flex-1 flex-col py-8","children":["$","$4",null,{"fallback":["$","div",null,{"className":"flex min-h-0 min-w-0 flex-1 flex-col motion-reduce:[&_*]:animate-none","role":"status","aria-label":"Loading item","children":[["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md mb-6 h-5 w-64 max-w-full","aria-hidden":true}],["$","div",null,{"className":"grid shrink-0 gap-3","aria-hidden":true,"children":[["$","div",null,{"className":"flex min-w-0 items-start justify-between gap-2 sm:gap-4","children":[["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-8 w-56 min-w-0 sm:h-9"}],["$","div",null,{"className":"flex shrink-0 gap-1.5 pt-0.5","children":[["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md size-8 sm:w-24"}],["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md size-8"}],["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md size-8"}],["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md size-8"}]]}]]}],["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-6 w-full max-w-3xl"}]]}],["$","div",null,{"className":"mt-3 shrink-0","aria-hidden":true,"children":["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-10"}]}],["$","div",null,{"className":"mt-3 flex min-h-0 flex-1 flex-col gap-3 motion-reduce:[&_*]:animate-none","aria-hidden":true,"children":[["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-8 shrink-0"}],["$","div",null,{"className":"flex flex-col overflow-hidden border bg-muted/30 h-[70svh] min-h-80 rounded-lg","children":[["$","div",null,{"className":"flex h-11 shrink-0 items-center gap-3 border-b px-3","children":[["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-6 w-16"}],["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-4 w-40"}]]}],["$","div",null,{"className":"flex min-h-0 flex-1","children":[["$","div",null,{"className":"hidden w-[23%] flex-col gap-3 border-r p-4 md:flex","children":[["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-4 w-2/3"}],["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-4 w-1/2"}],["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-4 w-3/4"}]]}],["$","div",null,{"className":"flex flex-1 flex-col gap-4 p-6","children":[["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-4 w-2/3"}],["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-4 w-1/2"}],["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-4 w-3/4"}],["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-4 w-1/3"}]]}]]}]]}]]}]]}],"children":"$L44"}]}],[["$","script","script-0",{"src":"/_next/static/immutable/chunks/1_kyvgkyokw92.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/immutable/chunks/1lo-zn37dolb5.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/immutable/chunks/1v8k6yxw1rg0u.js","async":true,"nonce":"$undefined"}]],["$","$L45",null,{"children":["$","$4",null,{"name":"Next.MetadataOutlet","children":"$@46"}]}]]}] 28:o51c,19:["$","$41","c",{"children":[null,["$","$L42",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L43",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 1a:["$","$41","c",{"children":[null,["$","$L42",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L43",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 1b:["$","$41","c",{"children":[null,["$","$L42",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L43",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 1c:["$","$41","c",{"children":[null,null,null]}] 1f:["$","$41","h",{"children":[null,["$","$L47","ryZ8i-sD0Bne8hcaJXgJ2v",{"children":"$L48"}],["$","div","ryZ8i-sD0Bne8hcaJXgJ2m",{"hidden":true,"children":["$","$L49",null,{"children":["$","$4",null,{"name":"Next.Metadata","children":"$L4a"}]}]}]]}] 28:o62f,17:T1,?18:C 1d:T1,?20:T1,?22:300 2e:["$","rect",null,{"x":"440","y":"232","width":"100","height":"100","fill":"currentColor"}] 2f:["$","rect",null,{"x":"764","y":"568","width":"100","height":"100","fill":"currentColor"}] 30:["$","rect",null,{"x":"664","y":"456","width":"100","height":"100","fill":"currentColor"}] 31:["$","rect",null,{"x":"440","y":"456","width":"100","height":"100","fill":"currentColor"}] 32:["$","rect",null,{"x":"440","y":"568","width":"100","height":"100","fill":"currentColor"}] 33:["$","span",null,{"children":"shadcnregistry"}] 34:["$","$L2d",null,{"className":"mx-auto"}] 35:["$","div",null,{"className":"flex min-w-32 items-center justify-end gap-2","children":[["$","$L26",null,{}],["$","$L27",null,{}]]}] 38:["$","span",null,{"className":"hidden sm:inline","children":"We build AI features into your product."}] 39:["$","span",null,{"className":"flex shrink-0 items-center gap-1 font-semibold underline-offset-4 group-hover:underline","children":[["$","span",null,{"className":"sm:hidden","children":"Book a call"}],["$","span",null,{"className":"hidden sm:inline","children":"Check availability"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-arrow-right size-3.5 transition-transform group-hover:translate-x-0.5","aria-hidden":"true","children":[["$","path","1ays0h",{"d":"M5 12h14"}],["$","path","xquz4c",{"d":"m12 5 7 7-7 7"}],"$undefined"]}]]}] 28:o7de,3a:["$","a","slop-police",{"href":"https://cal.com/jlnlabs/chat?utm_source=shadcnregistry&utm_medium=banner&utm_content=slop-police","target":"_blank","rel":"noopener","data-umami-event":"hire-banner-click","data-umami-event-variant":"slop-police","className":"group hidden bg-blue-600 text-white transition-colors hover:bg-blue-500 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-blue-300 focus-visible:ring-inset in-data-[hire-variant=slop-police]:block","children":["$","div",null,{"className":"mx-auto w-full max-w-7xl px-4 sm:px-6 flex h-9 items-center justify-center gap-3 text-center text-sm","children":[["$","span",null,{"className":"flex shrink-0 items-center gap-1.5 md:rounded-full md:border md:border-white/25 md:bg-white/15 md:px-2.5 md:py-0.5 md:font-medium md:text-xs","children":[["$","span",null,{"aria-hidden":"true","className":"size-1.5 rounded-full bg-green-400 ring-[3px] ring-green-400/25"}],["$","span",null,{"className":"sr-only md:not-sr-only","children":"1 slot open this month"}]]}],["$","span",null,{"className":"truncate","children":[["$","span",null,{"className":"sm:hidden","children":"🚨 Slop police"}],["$","span",null,{"className":"hidden sm:inline","children":"🚨 Slop police: we clean up vibe-coded apps."}]]}],["$","span",null,{"className":"flex shrink-0 items-center gap-1 font-semibold underline-offset-4 group-hover:underline","children":[["$","span",null,{"className":"sm:hidden","children":"Report it"}],["$","span",null,{"className":"hidden sm:inline","children":"Report your app"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-arrow-right size-3.5 transition-transform group-hover:translate-x-0.5","aria-hidden":"true","children":[["$","path","1ays0h",{"d":"M5 12h14"}],["$","path","xquz4c",{"d":"m12 5 7 7-7 7"}],"$undefined"]}]]}]]}]}] 28:o1369,3b:[["$","header",null,{"className":"sticky top-0 z-50 border-b bg-background/90 backdrop-blur-md md:hidden","children":["$","div",null,{"className":"mx-auto w-full max-w-7xl px-4 sm:px-6 flex h-16 items-center justify-between","children":[["$","$L25",null,{"href":"/","className":"flex items-center gap-2 font-heading font-semibold text-sm tracking-[-0.02em]","children":[["$","svg",null,{"viewBox":"0 0 900 900","fill":"none","xmlns":"http://www.w3.org/2000/svg","className":"size-8","children":[["$","rect",null,{"x":"36","y":"344","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"260","y":"232","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"148","y":"232","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"260","y":"568","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"260","y":"456","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"148","y":"568","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"36","y":"568","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"764","y":"344","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"664","y":"232","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"552","y":"232","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"440","y":"232","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"764","y":"568","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"664","y":"456","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"440","y":"456","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"440","y":"568","width":"100","height":"100","fill":"currentColor"}]]}],["$","span",null,{"children":"shadcnregistry"}]]}],["$","div",null,{"className":"flex items-center gap-2","children":[["$","$L26",null,{}],["$","$L27",null,{}],["$","$L28",null,{"modal":true,"children":[["$","$L29",null,{"asChild":true,"children":["$","button",null,{"data-slot":"button","className":"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 size-9","aria-label":"Open navigation","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-menu","aria-hidden":"true","children":[["$","path","1lakjw",{"d":"M4 12h16"}],["$","path","19g7jn",{"d":"M4 18h16"}],["$","path","1o0s65",{"d":"M4 6h16"}],"$undefined"]}]}]}],["$","$L2a",null,{"className":"w-[min(22rem,90vw)] rounded-l-xl p-6","children":[["$","$L2b",null,{"className":"text-lg","children":"Tools"}],["$","$L2c",null,{"className":"sr-only","children":"Navigate between registry tools."}],["$","$L2d",null,{"orientation":"vertical","closeOnNavigate":true,"className":"mt-4"}]]}]]}]]}]]}]}],["$","header",null,{"className":"sticky top-0 z-50 hidden border-b bg-background/90 backdrop-blur-md md:block","children":["$","div",null,{"className":"mx-auto w-full max-w-7xl px-4 sm:px-6 flex h-16 items-center gap-6","children":[["$","$L25",null,{"className":"flex min-w-32 select-none items-center gap-2 font-heading font-semibold text-sm tracking-[-0.02em]","href":"/","children":[["$","svg",null,{"viewBox":"0 0 900 900","fill":"none","xmlns":"http://www.w3.org/2000/svg","className":"size-8","children":[["$","rect",null,{"x":"36","y":"344","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"260","y":"232","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"148","y":"232","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"260","y":"568","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"260","y":"456","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"148","y":"568","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"36","y":"568","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"764","y":"344","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"664","y":"232","width":"100","height":"100","fill":"currentColor"}],["$","rect",null,{"x":"552","y":"232","width":"100","height":"100","fill":"currentColor"}],"$L4b","$L4c","$L4d","$L4e","$L4f"]}],"$L50"]}],"$L51","$L52"]}]}]] 28:o4ac,3c:["$","main",null,{"className":"flex flex-1 flex-col","children":["$","div",null,{"className":"mx-auto w-full max-w-7xl px-4 sm:px-6 flex flex-1 flex-col","children":["$","$L42",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L43",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$f:props:children:props:children:1","forbidden":"$undefined","unauthorized":"$undefined"}]}]}] 3d:["$","$L42",null,{"parallelRouterKey":"modal","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L43",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}] 3e:["$","footer",null,{"className":"border-t text-muted-foreground text-xs","children":["$","div",null,{"className":"mx-auto w-full max-w-7xl px-4 sm:px-6 flex items-center justify-end gap-4 py-5","children":[["$","$L25",null,{"href":"/legal/terms","children":"Terms of Service"}],["$","$L25",null,{"href":"/legal/privacy","children":"Privacy Policy"}]]}]}] 3f:["$","$L36",null,{}] 40:["$","$L37",null,{}] 28:o2be,4b:["$","rect",null,{"x":"440","y":"232","width":"100","height":"100","fill":"currentColor"}] 4c:["$","rect",null,{"x":"764","y":"568","width":"100","height":"100","fill":"currentColor"}] 4d:["$","rect",null,{"x":"664","y":"456","width":"100","height":"100","fill":"currentColor"}] 4e:["$","rect",null,{"x":"440","y":"456","width":"100","height":"100","fill":"currentColor"}] 4f:["$","rect",null,{"x":"440","y":"568","width":"100","height":"100","fill":"currentColor"}] 50:["$","span",null,{"children":"shadcnregistry"}] 51:["$","$L2d",null,{"className":"mx-auto"}] 52:["$","div",null,{"className":"flex min-w-32 items-center justify-end gap-2","children":[["$","$L26",null,{}],["$","$L27",null,{}]]}] 28:o7f,48:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]] 28:o37,17:T8,registry20:T8,registry17:T4,item22:300 20:T4,item28:o4b,59:I[27201,["/_next/static/immutable/chunks/0vm3mw8xy2s8d.js"],"IconMark"] 28:o1096,44:["$","div",null,{"className":"flex min-h-0 min-w-0 flex-1 flex-col","children":[["$","div",null,{"className":"pb-6","children":[["$","nav",null,{"aria-label":"breadcrumb","data-slot":"breadcrumb","children":["$","ol",null,{"data-slot":"breadcrumb-list","className":"text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5","children":[["$","$41","/",{"children":[false,["$","li",null,{"data-slot":"breadcrumb-item","className":"inline-flex items-center gap-1.5","children":["$","$L25",null,{"href":"/","children":"Registries","data-slot":"breadcrumb-link","className":"hover:text-foreground transition-colors","ref":null}]}]]}],["$","$41","/weinc",{"children":[["$","li",null,{"data-slot":"breadcrumb-separator","role":"presentation","aria-hidden":"true","className":"[&>svg]:size-3.5","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-chevron-right","aria-hidden":"true","children":[["$","path","mthhwq",{"d":"m9 18 6-6-6-6"}],"$undefined"]}]}],["$","li",null,{"data-slot":"breadcrumb-item","className":"inline-flex items-center gap-1.5","children":["$","$L25",null,{"href":"/weinc","children":"weinc","data-slot":"breadcrumb-link","className":"hover:text-foreground transition-colors","ref":null}]}]]}],["$","$41","/weinc/brass-orrery-schedule-viewer-with-stone-planets-on-geared-arms-that-swing-under-a-due-pointer",{"children":[["$","li",null,{"data-slot":"breadcrumb-separator","role":"presentation","aria-hidden":"true","className":"[&>svg]:size-3.5","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-chevron-right","aria-hidden":"true","children":[["$","path","mthhwq",{"d":"m9 18 6-6-6-6"}],"$undefined"]}]}],["$","li",null,{"data-slot":"breadcrumb-item","className":"inline-flex items-center gap-1.5","children":["$","span",null,{"data-slot":"breadcrumb-page","role":"link","aria-disabled":"true","aria-current":"page","className":"text-foreground font-normal","children":"Brass Orrery Schedule Viewer With Stone Planets On Geared Arms That Swing Under A Due Pointer"}]}]]}]]}]}],["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Registries\",\"item\":\"https://shadcnregistry.com/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"weinc\",\"item\":\"https://shadcnregistry.com/weinc\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Brass Orrery Schedule Viewer With Stone Planets On Geared Arms That Swing Under A Due Pointer\",\"item\":\"https://shadcnregistry.com/weinc/brass-orrery-schedule-viewer-with-stone-planets-on-geared-arms-that-swing-under-a-due-pointer\"}]}"}}]]}],["$","header",null,{"className":"min-w-0 shrink-0","children":["$","div",null,{"className":"grid min-w-0 gap-3","children":[["$","div",null,{"className":"flex min-w-0 items-start justify-between gap-2 sm:gap-4","children":[["$","div",null,{"className":"flex min-w-0 flex-1 flex-wrap items-center gap-x-3 gap-y-2","children":[["$","h1",null,{"className":"min-w-0 break-words font-semibold text-2xl sm:text-3xl","children":"Brass Orrery Schedule Viewer With Stone Planets On Geared Arms That Swing Under A Due Pointer"}],["$","span",null,{"data-slot":"badge","className":"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground","children":["$L53","component"]}]]}],"$L54"]}],"$L55"]}]}],"$L56","$L57","$L58"]}] 28:o8,46:null 28:ocb1,4a:[["$","title","0",{"children":"Brass Orrery Schedule Viewer With Stone Planets On Geared Arms That Swing Under A Due Pointer – shadcn/ui Component by weinc | shadcnregistry"}],["$","meta","1",{"name":"description","content":"Schedule widget drawn as a brass orrery: each repeating job is a stone planet, due when it swings under the pointer. React code and HTML, free to copy. Install the Brass Orrery Schedule Viewer With Stone Planets On Geared Arms That Swing Under A Due Pointer shadcn/ui component from weinc."}],["$","link","2",{"rel":"manifest","href":"/manifest.json","crossOrigin":"$undefined"}],["$","meta","3",{"name":"robots","content":"index, follow"}],["$","link","4",{"rel":"canonical","href":"https://shadcnregistry.com/weinc/brass-orrery-schedule-viewer-with-stone-planets-on-geared-arms-that-swing-under-a-due-pointer"}],["$","meta","5",{"property":"og:title","content":"Brass Orrery Schedule Viewer With Stone Planets On Geared Arms That Swing Under A Due Pointer – shadcn/ui Component by weinc"}],["$","meta","6",{"property":"og:description","content":"Schedule widget drawn as a brass orrery: each repeating job is a stone planet, due when it swings under the pointer. React code and HTML, free to copy. Install the Brass Orrery Schedule Viewer With Stone Planets On Geared Arms That Swing Under A Due Pointer shadcn/ui component from weinc."}],["$","meta","7",{"property":"og:url","content":"https://shadcnregistry.com/weinc/brass-orrery-schedule-viewer-with-stone-planets-on-geared-arms-that-swing-under-a-due-pointer"}],["$","meta","8",{"property":"og:site_name","content":"shadcnregistry"}],["$","meta","9",{"property":"og:locale","content":"en_US"}],["$","meta","10",{"property":"og:image","content":"https://shadcnregistry.com/weinc/brass-orrery-schedule-viewer-with-stone-planets-on-geared-arms-that-swing-under-a-due-pointer/opengraph-image"}],["$","meta","11",{"property":"og:type","content":"article"}],["$","meta","12",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","13",{"name":"twitter:title","content":"Brass Orrery Schedule Viewer With Stone Planets On Geared Arms That Swing Under A Due Pointer – shadcn/ui Component by weinc"}],["$","meta","14",{"name":"twitter:description","content":"Schedule widget drawn as a brass orrery: each repeating job is a stone planet, due when it swings under the pointer. React code and HTML, free to copy. Install the Brass Orrery Schedule Viewer With Stone Planets On Geared Arms That Swing Under A Due Pointer shadcn/ui component from weinc."}],["$","meta","15",{"name":"twitter:image","content":"https://shadcnregistry.com/weinc/brass-orrery-schedule-viewer-with-stone-planets-on-geared-arms-that-swing-under-a-due-pointer/opengraph-image"}],["$","link","16",{"rel":"icon","href":"/favicon.ico?favicon.0ggckis0s0yna.ico","sizes":"48x48","type":"image/x-icon"}],["$","link","17",{"rel":"icon","href":"/icon0.svg?icon0.25eth_vi9vax4.svg","sizes":"any","type":"image/svg+xml"}],["$","link","18",{"rel":"icon","href":"/icon1.png?icon1.2qsj88a3tgltl.png","sizes":"96x96","type":"image/png"}],["$","link","19",{"rel":"apple-touch-icon","href":"/apple-icon.png?apple-icon.1l19rp7u12rg6.png","sizes":"180x180","type":"image/png"}],["$","$L59","20",{}]] 28:oe3e,5a:I[591164,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"ActionButtons"] 5b:I[638118,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"Installation"] 53:["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"tabler-icon tabler-icon-components text-blue-300 size-3!","children":["$undefined",["$","path","svg-0",{"d":"M3 12l3 3l3 -3l-3 -3z"}],["$","path","svg-1",{"d":"M15 12l3 3l3 -3l-3 -3z"}],["$","path","svg-2",{"d":"M9 6l3 3l3 -3l-3 -3z"}],["$","path","svg-3",{"d":"M9 18l3 3l3 -3l-3 -3z"}],"$undefined"]}] 54:["$","div",null,{"className":"shrink-0 pt-0.5","children":["$","$L5a",null,{"item":{"id":"@weinc/brass-orrery-schedule-viewer-with-stone-planets-on-geared-arms-that-swing-under-a-due-pointer","name":"Brass Orrery Schedule Viewer with Stone Planets on Geared Arms That Swing Under a Due Pointer","description":"Schedule widget drawn as a brass orrery: each repeating job is a stone planet, due when it swings under the pointer. React code and HTML, free to copy.","type":"registry:component","slug":"brass-orrery-schedule-viewer-with-stone-planets-on-geared-arms-that-swing-under-a-due-pointer","source":"https://we.inc/r/brass-orrery-schedule-viewer-with-stone-planets-on-geared-arms-that-swing-under-a-due-pointer.json","namespace":"@weinc","upstreamName":"brass-orrery-schedule-viewer-with-stone-planets-on-geared-arms-that-swing-under-a-due-pointer"}}]}] 55:["$","p",null,{"className":"max-w-3xl break-words text-muted-foreground text-sm leading-6","children":"Schedule widget drawn as a brass orrery: each repeating job is a stone planet, due when it swings under the pointer. React code and HTML, free to copy."}] 56:["$","div",null,{"className":"mt-3 shrink-0","children":["$","$L5b",null,{"sourceUrl":"https://we.inc/r/brass-orrery-schedule-viewer-with-stone-planets-on-geared-arms-that-swing-under-a-due-pointer.json","itemId":"@weinc/brass-orrery-schedule-viewer-with-stone-planets-on-geared-arms-that-swing-under-a-due-pointer"}]}] 28:oe8a,57:["$","div",null,{"className":"mt-4 shrink-0","children":["$","a",null,{"href":"https://link.jln.dev/shadcnblocks","target":"_blank","rel":"sponsored noopener noreferrer","data-umami-event":"affiliate-banner-click","data-umami-event-namespace":"@shadcnblocks","data-umami-event-surface":"item-page","data-umami-event-campaign":"item-page-banner","className":"group relative block w-full max-w-lg overflow-hidden rounded-lg py-0.5 text-left focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-amber-400/60","children":[["$","span",null,{"aria-hidden":"true","className":"absolute right-[-250%] bottom-[-11px] h-1/2 w-[300%] animate-star-movement-bottom rounded-full","style":{"background":"radial-gradient(circle, #fcd34d, transparent 10%)","animationDuration":"6s"}}],["$","span",null,{"aria-hidden":"true","className":"absolute top-[-10px] left-[-250%] h-1/2 w-[300%] animate-star-movement-top rounded-full","style":{"background":"radial-gradient(circle, #fcd34d, transparent 10%)","animationDuration":"6s"}}],["$","span",null,{"className":"relative flex items-center justify-between gap-4 rounded-[calc(var(--radius)-1px)] border bg-background p-4","children":[["$","span",null,{"className":"flex min-w-0 items-center gap-3","children":[["$","svg",null,{"viewBox":"0 0 1200 1200","xmlns":"http://www.w3.org/2000/svg","className":"size-9 shrink-0","fill":"currentColor","aria-hidden":"true","children":["$","g",null,{"children":[["$","path",null,{"d":"m700.78 88.312-39.328-22.547v186.94l39.328 22.828z"}],["$","path",null,{"d":"m780 134.39-39.375-22.781v187.18l39.375 22.594z"}],["$","path",null,{"d":"m858.47 180.24-39.328-22.547v186.94l39.328 22.594z"}],["$","path",null,{"d":"m185.53 360.71 39.328 22.594v-133.69l-39.328 22.547z"}],["$","path",null,{"d":"m146.16 337.92v-42.469l-37.219 21.328z"}],["$","path",null,{"d":"m1095.4 317.29-39.141-22.594v45.375l-39.375 22.547v-90.469l-39.094-22.547v135.1l-39.375 22.594v-181.22l-40.078-23.297v187.22l35.297 20.625v378.74l-1.9219 1.1719-33.375-19.172v38.625l-39.844 22.547v-85.172l-39.328-23.297v131.29l-39.141 23.25v-177.84l-39.375-23.25v223.69l-39.844 22.547v-269.53l-39.328-23.297v315.37l-39.375 23.531v-362.16l-19.219-12.75 0.75-376.08 18.469 11.297v-186.94l-20.625-12-16.594 9.3281v187.69l-39.797 22.547v-186.94l-39.375 22.547v186.98l-39.375 22.781v-186.47l-39.094 22.547v186.47l-40.078 22.594v-186.24l-39.141 23.25v185.76l-39.375 23.297v-186.52l-43.922 25.922v179.06l6 3.375 1.4531 381.32 36.469 21.375v-42.469l39.375-23.297v89.062l39.141 22.781v-135.14l40.078-24v181.69l39.094 23.297v-228.24l39.375-23.297v274.08l39.375 22.828v-320.44l39.797-23.25v366.94l18 10.594v-0.75 188.39l493.22-284.86 0.70312-568.55z"}]]}]}],["$","span",null,{"className":"min-w-0","children":[["$","span",null,{"className":"block font-semibold text-base leading-snug","children":"Premium blocks for shadcn/ui"}],["$","span",null,{"className":"mt-0.5 block text-muted-foreground text-xs","children":"Shadcnblocks.com · Affiliate"}]]}]]}],["$","span",null,{"className":"inline-flex h-8 shrink-0 items-center gap-1.5 rounded-md bg-linear-to-b from-amber-200 to-amber-400 px-3 font-medium text-amber-950 text-sm shadow-sm transition-[filter] group-hover:brightness-110","children":[["$","span",null,{"className":"sr-only sm:not-sr-only","children":"Explore"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-arrow-up-right size-4","aria-hidden":"true","children":[["$","path","1tivn9",{"d":"M7 7h10v10"}],["$","path","1vkiza",{"d":"M7 17 17 7"}],"$undefined"]}]]}]]}]]}]}] 28:o67e,58:["$","$4",null,{"fallback":["$","div",null,{"className":"mt-3 flex min-h-0 flex-1 flex-col gap-3 motion-reduce:[&_*]:animate-none","aria-hidden":true,"children":[["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-8 shrink-0"}],["$","div",null,{"className":"flex flex-col overflow-hidden border bg-muted/30 h-[70svh] min-h-80 rounded-lg","children":[["$","div",null,{"className":"flex h-11 shrink-0 items-center gap-3 border-b px-3","children":[["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-6 w-16"}],["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-4 w-40"}]]}],["$","div",null,{"className":"flex min-h-0 flex-1","children":[["$","div",null,{"className":"hidden w-[23%] flex-col gap-3 border-r p-4 md:flex","children":[["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-4 w-2/3"}],["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-4 w-1/2"}],["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-4 w-3/4"}]]}],["$","div",null,{"className":"flex flex-1 flex-col gap-4 p-6","children":[["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-4 w-2/3"}],["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-4 w-1/2"}],["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-4 w-3/4"}],["$","div",null,{"data-slot":"skeleton","className":"bg-accent animate-pulse rounded-md h-4 w-1/3"}]]}]]}]]}]]}],"children":"$L5c"}] 28:o344,5d:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 5e:T7757,28:o7757,import { useEffect, useRef, useState } from "react"; import type { KeyboardEvent as ReactKeyboardEvent } from "react"; // Each planet is one repeating job. `every` is its cycle in days, `first` is any date it fell due. // Stones: "moonstone", "carnelian", "malachite" or "lapis". Three or four entries fit the plate. const cycles = [ { name: "Team review", every: 7, first: "2026-01-02", stone: "moonstone", dot: "#e6eaf2" }, { name: "Sprint demo", every: 14, first: "2026-01-08", stone: "carnelian", dot: "#e2622c" }, { name: "Payroll run", every: 28, first: "2026-01-23", stone: "malachite", dot: "#35a873" }, { name: "Board report", every: 91, first: "2026-01-19", stone: "lapis", dot: "#4a72dc" }, ]; const TURN = 7; // days that pass for one full turn of your hand const CRUISE = 1.15; // days per second while the orrery runs by itself const JEWEL = "#ff3b3b"; // the stone in the pointer that lights when something falls due const SIZE = 600, C = 300; const DOW = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]; const MON = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]; const MLEN = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; const DAY = 864e5; const midnight = (d: Date) => new Date(d.getFullYear(), d.getMonth(), d.getDate()); const fromIso = (iso: string) => { const [y, m, d] = iso.split("-").map(Number); return new Date(y, m - 1, d); }; const mod = (a: number, n: number) => ((a % n) + n) % n; const orbit = (i: number) => 100 + i * 34; const ballSize = (i: number) => [12.5, 15.5, 18.5, 15][i] ?? 14; export default function BrassOrrerySchedule() { const canvas = useRef(null); const pad = useRef(null); const [today] = useState(() => midnight(new Date())); // Days from today until each job is next due. const [due0] = useState(() => cycles.map((c) => mod(Math.round((fromIso(c.first).getTime() - today.getTime()) / DAY), c.every))); const [day, setDay] = useState(0); const dayRef = useRef(0); const api = useRef<{ go: (d: number) => void; aim: () => number } | null>(null); useEffect(() => { const cv = canvas.current, el = pad.current; if (!cv || !el) return; const ctx = cv.getContext("2d"); if (!ctx) return; const reduce = window.matchMedia("(prefers-reduced-motion: reduce)").matches; const dpr = Math.min(2, window.devicePixelRatio || 1); cv.width = SIZE * dpr; cv.height = SIZE * dpr; const TAU = Math.PI * 2, LIGHT = -2.2; const clamp = (v: number) => Math.max(0, Math.min(1, v)); const ramp = (stops: number[][]) => (v: number, a = 1) => { const x = clamp(v) * (stops.length - 1), i = Math.min(stops.length - 2, Math.floor(x)), f = x - i; const p = stops[i], q = stops[i + 1]; return `rgba(${(p[0] + (q[0] - p[0]) * f) | 0},${(p[1] + (q[1] - p[1]) * f) | 0},${(p[2] + (q[2] - p[2]) * f) | 0},${a})`; }; const brass = ramp([[30, 20, 6], [96, 66, 18], [176, 132, 48], [232, 196, 108], [255, 247, 218]]); const silver = ramp([[46, 50, 58], [112, 116, 124], [172, 175, 180], [214, 216, 218], [248, 248, 246]]); const BANDS: [number, number][] = [[0, 1], [0.03, 0.96], [0.085, 0.6], [0.16, 0.3], [0.23, 0.1], [0.31, 0.24], [0.4, 0.52], [0.455, 0.76], [0.5, 0.94], [0.54, 0.72], [0.6, 0.44], [0.69, 0.14], [0.76, 0.3], [0.84, 0.42], [0.92, 0.72], [0.97, 0.95], [1, 1]]; // Turned metal: bright and dark wedges that meet at the centre and never rotate with the part. const sheen = (x: CanvasRenderingContext2D, cx: number, cy: number, ang: number, lo: number, hi: number, col: (v: number, a?: number) => string) => { if (typeof x.createConicGradient !== "function") return col((lo + hi) / 2); const g = x.createConicGradient(ang, cx, cy); for (const [p, v] of BANDS) g.addColorStop(p, col(lo + (hi - lo) * v)); return g; }; const layer = (w = SIZE, h = SIZE) => { const c = document.createElement("canvas"); c.width = w * dpr; c.height = h * dpr; const x = c.getContext("2d")!; x.scale(dpr, dpr); return { c, x }; }; const disc = (x: CanvasRenderingContext2D, cx: number, cy: number, r: number) => { x.beginPath(); x.arc(cx, cy, r, 0, TAU); }; const band = (x: CanvasRenderingContext2D, r0: number, r1: number) => { x.beginPath(); x.arc(C, C, r1, 0, TAU); x.arc(C, C, r0, 0, TAU, true); }; // Letters set along a circle, each advanced by its own width. `flip` reads along the bottom of the circle. const arcText = (x: CanvasRenderingContext2D, text: string, r: number, mid: number, track: number, flip = false) => { const ws = [...text].map((ch) => x.measureText(ch).width + track), total = ws.reduce((a, b) => a + b, 0); let at = -total / 2; [...text].forEach((ch, i) => { const a = mid + ((at + ws[i] / 2) / r) * (flip ? -1 : 1); at += ws[i]; x.save(); x.translate(C, C); x.rotate(a); x.translate(0, flip ? r : -r); x.fillText(ch, 0, 0); x.restore(); }); }; let seed = 11; const rand = () => { seed = (seed * 16807) % 2147483647; return seed / 2147483647; }; // ---- The plate: brass rim, lacquered field, inlaid orbits. Drawn once. const base = layer(); { const x = base.x; disc(x, C, C, 290); x.fillStyle = "#120c03"; x.fill(); band(x, 264, 289); x.fillStyle = sheen(x, C, C, LIGHT, 0.08, 1, brass); x.fill(); band(x, 268.5, 284); x.fillStyle = sheen(x, C, C, LIGHT + 0.5, 0.14, 0.9, brass); x.fill(); // coin edge for (let k = 0; k < 240; k++) { const a = (k / 240) * TAU, sn = Math.sin(a), cs = Math.cos(a); x.beginPath(); x.moveTo(C + sn * 285.2, C - cs * 285.2); x.lineTo(C + sn * 289, C - cs * 289); x.lineWidth = 1.1; x.strokeStyle = "rgba(20,12,0,0.5)"; x.stroke(); } // fine circular brushing on the rim for (let r = 269.5; r < 284; r += 0.7) { const v = rand(); x.beginPath(); x.arc(C, C, r, 0, TAU); x.lineWidth = 0.5; x.strokeStyle = v > 0.5 ? `rgba(255,244,200,${(v - 0.5) * 0.22})` : `rgba(40,24,0,${(0.5 - v) * 0.3})`; x.stroke(); } for (const [r, c] of [[268.5, "rgba(30,18,0,0.8)"], [284, "rgba(30,18,0,0.8)"], [269.5, "rgba(255,246,210,0.35)"], [285, "rgba(255,246,210,0.55)"], [289.4, "rgba(0,0,0,0.9)"]] as [number, string][]) { x.beginPath(); x.arc(C, C, r, 0, TAU); x.lineWidth = 0.9; x.strokeStyle = c; x.stroke(); } // engraved legend on the rim x.font = "700 8.5px Georgia, 'Times New Roman', serif"; x.textAlign = "center"; x.textBaseline = "middle"; const legend = `ONE TURN OF THE HAND · ${TURN} DAYS`; x.fillStyle = "rgba(255,244,205,0.55)"; x.save(); x.translate(0.5, 0.7); arcText(x, legend, 276.5, 0, 1.6, true); x.restore(); x.fillStyle = "rgba(34,20,2,0.92)"; arcText(x, legend, 276.5, 0, 1.6, true); // lacquered field const lac = x.createRadialGradient(C - 70, C - 90, 10, C, C, 240); lac.addColorStop(0, "#1f3157"); lac.addColorStop(0.5, "#131f3b"); lac.addColorStop(1, "#090f1f"); disc(x, C, C, 226); x.fillStyle = lac; x.fill(); x.save(); disc(x, C, C, 226); x.clip(); const gloss = x.createRadialGradient(C - 110, C - 150, 0, C - 110, C - 150, 230); gloss.addColorStop(0, "rgba(170,200,255,0.2)"); gloss.addColorStop(0.5, "rgba(170,200,255,0.05)"); gloss.addColorStop(1, "rgba(170,200,255,0)"); x.fillStyle = gloss; x.fillRect(0, 0, SIZE, SIZE); // the raised ring throws a shadow onto the near edge of the field const well = x.createRadialGradient(C + 7, C + 10, 196, C + 7, C + 10, 232); well.addColorStop(0, "rgba(0,0,0,0)"); well.addColorStop(1, "rgba(0,0,0,0.72)"); x.fillStyle = well; x.fillRect(0, 0, SIZE, SIZE); x.restore(); // inlaid orbits with one pin for each day (or each week on the long cycles) cycles.forEach((c, i) => { const r = orbit(i), n = c.every <= 28 ? c.every : Math.round(c.every / 7); x.beginPath(); x.arc(C, C, r, 0, TAU); x.lineWidth = 1.1; x.strokeStyle = "rgba(4,7,16,0.8)"; x.stroke(); x.beginPath(); x.arc(C, C, r - 0.6, 0, TAU); x.lineWidth = 0.8; x.strokeStyle = "rgba(214,172,86,0.62)"; x.stroke(); for (let k = 0; k < n; k++) { const a = (k / n) * TAU, px = C + Math.sin(a) * r, py = C - Math.cos(a) * r, pr = k === 0 ? 3 : 1.7; disc(x, px + 0.5, py + 0.8, pr + 0.4); x.fillStyle = "rgba(0,0,0,0.6)"; x.fill(); const g = x.createRadialGradient(px - pr * 0.4, py - pr * 0.5, 0, px, py, pr); g.addColorStop(0, "#fff3c4"); g.addColorStop(0.5, "#d2a548"); g.addColorStop(1, "#6a4810"); disc(x, px, py, pr); x.fillStyle = g; x.fill(); } }); // the due line, inlaid from the hub to the ring x.lineCap = "round"; x.beginPath(); x.moveTo(C + 0.6, C - 222); x.lineTo(C + 0.6, C - 62); x.lineWidth = 2.2; x.strokeStyle = "rgba(0,0,0,0.6)"; x.stroke(); const inlay = x.createLinearGradient(0, C - 222, 0, C - 62); inlay.addColorStop(0, "#f6dc8e"); inlay.addColorStop(1, "#a97c26"); x.beginPath(); x.moveTo(C, C - 222); x.lineTo(C, C - 62); x.lineWidth = 1.5; x.strokeStyle = inlay; x.stroke(); // step between the field and the calendar ring band(x, 222, 227); x.fillStyle = sheen(x, C, C, LIGHT + 0.9, 0.25, 1, brass); x.fill(); x.beginPath(); x.arc(C, C, 222, 0, TAU); x.lineWidth = 1; x.strokeStyle = "rgba(0,0,0,0.75)"; x.stroke(); } // ---- The calendar ring: silvered, engraved with the year. Drawn once, turned every frame. const cal = layer(); { const x = cal.x; x.save(); band(x, 227, 264); x.clip(); for (let k = 0; k < 900; k++) { // radial graining const a = rand() * TAU, r0 = 227 + rand() * 30, len = 3 + rand() * 9, v = rand(); x.beginPath(); x.moveTo(C + Math.sin(a) * r0, C - Math.cos(a) * r0); x.lineTo(C + Math.sin(a) * (r0 + len), C - Math.cos(a) * (r0 + len)); x.lineWidth = 0.5; x.strokeStyle = v > 0.5 ? `rgba(255,255,255,${(v - 0.5) * 0.3})` : `rgba(40,44,52,${(0.5 - v) * 0.16})`; x.stroke(); } x.restore(); x.font = "700 12.5px Georgia, 'Times New Roman', serif"; x.textAlign = "center"; x.textBaseline = "middle"; let start = 0; const ink = "rgba(22,18,12,0.94)", lite = "rgba(255,255,255,0.75)"; const tick = (a: number, r0: number, r1: number, w: number) => { const s = Math.sin(a), co = -Math.cos(a); x.lineCap = "butt"; x.lineWidth = w; x.strokeStyle = lite; x.beginPath(); x.moveTo(C + s * r0 + 0.5, C + co * r0 + 0.6); x.lineTo(C + s * r1 + 0.5, C + co * r1 + 0.6); x.stroke(); x.strokeStyle = ink; x.beginPath(); x.moveTo(C + s * r0, C + co * r0); x.lineTo(C + s * r1, C + co * r1); x.stroke(); }; MLEN.forEach((len, m) => { for (let d = 0; d < len; d++) { const a = ((start + d) / 365) * TAU; if (d === 0) tick(a, 231, 264, 1.3); else tick(a, d % 10 === 0 ? 252 : d % 5 === 0 ? 255 : 258, 264, d % 10 === 0 ? 0.9 : 0.6); } const mid = ((start + len / 2) / 365) * TAU; x.fillStyle = lite; x.save(); x.translate(0.5, 0.7); arcText(x, MON[m].toUpperCase(), 241, mid, 3); x.restore(); x.fillStyle = ink; arcText(x, MON[m].toUpperCase(), 241, mid, 3); start += len; }); } // ---- Stone balls, drawn once each. const stones = cycles.map((c, i) => { const r = ballSize(i), half = Math.ceil(r + 3), L = layer(half * 2, half * 2), x = L.x; x.translate(half, half); const pal: Record = { moonstone: ["#ffffff", "#dfe5f0", "#9aa6bd", "#4a556d"], carnelian: ["#ffc59a", "#e2622c", "#9a2a0c", "#3f0e02"], malachite: ["#a6f0c8", "#2f9e6b", "#0f5c3a", "#04271a"], lapis: ["#9db6ff", "#3558c4", "#152a78", "#070f33"], }; const p = pal[c.stone] ?? pal.lapis; const g = x.createRadialGradient(-r * 0.38, -r * 0.44, r * 0.05, -r * 0.1, -r * 0.12, r * 1.18); g.addColorStop(0, p[0]); g.addColorStop(0.28, p[1]); g.addColorStop(0.72, p[2]); g.addColorStop(1, p[3]); disc(x, 0, 0, r); x.fillStyle = g; x.fill(); x.save(); disc(x, 0, 0, r); x.clip(); if (c.stone === "malachite") for (let k = 1; k < 9; k++) { x.beginPath(); x.arc(r * 0.5, r * 0.7, k * r * 0.24, 0, TAU); x.lineWidth = r * 0.09; x.strokeStyle = k % 2 ? "rgba(3,40,24,0.38)" : "rgba(170,255,210,0.2)"; x.stroke(); } if (c.stone === "lapis") for (let k = 0; k < 16; k++) { const a = rand() * TAU, d = Math.sqrt(rand()) * r * 0.9; disc(x, Math.cos(a) * d, Math.sin(a) * d, 0.35 + rand() * 0.6); x.fillStyle = `rgba(246,214,130,${0.5 + rand() * 0.5})`; x.fill(); } if (c.stone === "carnelian") for (let k = 0; k < 3; k++) { x.beginPath(); x.ellipse(-r * 0.2, r * (k * 0.5 - 0.3), r * 1.4, r * 0.12, 0.5, 0, TAU); x.fillStyle = "rgba(255,214,170,0.16)"; x.fill(); } if (c.stone === "moonstone") { const m = x.createRadialGradient(r * 0.25, r * 0.3, 0, r * 0.25, r * 0.3, r * 0.8); m.addColorStop(0, "rgba(140,190,255,0.5)"); m.addColorStop(1, "rgba(140,190,255,0)"); x.fillStyle = m; x.fillRect(-r, -r, r * 2, r * 2); } const dark = x.createRadialGradient(-r * 0.3, -r * 0.36, r * 0.5, -r * 0.12, -r * 0.14, r * 1.12); dark.addColorStop(0, "rgba(0,0,0,0)"); dark.addColorStop(1, "rgba(0,0,8,0.62)"); x.fillStyle = dark; x.fillRect(-r, -r, r * 2, r * 2); const bounce = x.createRadialGradient(r * 0.62, r * 0.7, 0, r * 0.62, r * 0.7, r * 0.6); bounce.addColorStop(0, "rgba(160,190,255,0.3)"); bounce.addColorStop(1, "rgba(160,190,255,0)"); x.fillStyle = bounce; x.fillRect(-r, -r, r * 2, r * 2); x.restore(); x.save(); x.translate(-r * 0.4, -r * 0.46); x.rotate(-0.7); x.shadowColor = "rgba(255,255,255,0.9)"; x.shadowBlur = 3 * dpr; x.beginPath(); x.ellipse(0, 0, r * 0.24, r * 0.13, 0, 0, TAU); x.fillStyle = "rgba(255,255,255,0.95)"; x.fill(); x.restore(); disc(x, 0, 0, r - 0.3); x.lineWidth = 0.6; x.strokeStyle = "rgba(0,0,0,0.5)"; x.stroke(); // the brass pin that holds the ball on its arm const pr = Math.max(1.7, r * 0.15); disc(x, 0.3, 0.5, pr + 0.7); x.fillStyle = "rgba(0,0,0,0.55)"; x.fill(); const pg = x.createRadialGradient(-pr * 0.4, -pr * 0.5, 0, 0, 0, pr); pg.addColorStop(0, "#fff6cf"); pg.addColorStop(0.55, "#cfa046"); pg.addColorStop(1, "#5e3f0c"); disc(x, 0, 0, pr); x.fillStyle = pg; x.fill(); return { c: L.c, half, r }; }); const s = { day: 0, v: 0, target: null as number | null, drag: false, jewel: 0 }; const angleOf = (i: number, d: number) => ((d - due0[i]) / cycles[i].every) * TAU; const base0 = Math.round((today.getTime() - new Date(today.getFullYear(), 0, 1).getTime()) / DAY); const shade = (fn: () => void, dx: number, dy: number, blur: number, a: number) => { ctx.save(); ctx.shadowColor = `rgba(0,0,6,${a})`; ctx.shadowBlur = blur * dpr; ctx.shadowOffsetX = (dx + 2000) * dpr; ctx.shadowOffsetY = dy * dpr; ctx.translate(-2000, 0); ctx.fillStyle = "#000"; ctx.strokeStyle = "#000"; fn(); ctx.restore(); }; const gearPath = (cx: number, cy: number, rp: number, teeth: number, rot: number, spokes: number) => { const st = TAU / teeth, r0 = rp - 1.7, r1 = rp + 1.9; ctx.beginPath(); for (let k = 0; k < teeth; k++) { const a = rot + k * st; for (const [da, rr] of [[-0.29, r0], [-0.13, r1], [0.13, r1], [0.29, r0]] as [number, number][]) ctx.lineTo(cx + Math.cos(a + da * st) * rr, cy + Math.sin(a + da * st) * rr); } ctx.closePath(); const w = (TAU / spokes) * 0.36; for (let k = 0; k < spokes; k++) { const a = rot + (k / spokes) * TAU; ctx.moveTo(cx + Math.cos(a - w) * rp * 0.8, cy + Math.sin(a - w) * rp * 0.8); ctx.arc(cx, cy, rp * 0.8, a - w, a + w); ctx.arc(cx, cy, rp * 0.4, a + w * 0.8, a - w * 0.8, true); ctx.closePath(); } }; const gear = (cx: number, cy: number, rp: number, teeth: number, rot: number, spokes: number, tone: number) => { shade(() => { gearPath(cx, cy, rp, teeth, rot, spokes); ctx.fill("evenodd"); }, 2.4, 3.6, 3.5, 0.75); gearPath(cx + 0.7, cy + 1.1, rp, teeth, rot, spokes); ctx.fillStyle = "#3a2706"; ctx.fill("evenodd"); gearPath(cx, cy, rp, teeth, rot, spokes); ctx.fillStyle = sheen(ctx, cx, cy, LIGHT + tone, 0.16, 0.94, brass); ctx.fill("evenodd"); ctx.lineWidth = 0.5; ctx.strokeStyle = "rgba(30,18,0,0.7)"; ctx.stroke(); ctx.beginPath(); ctx.arc(cx, cy, rp * 0.87, 0, TAU); ctx.lineWidth = 0.7; ctx.strokeStyle = "rgba(30,18,0,0.55)"; ctx.stroke(); ctx.beginPath(); ctx.arc(cx, cy, rp * 0.87 + 0.9, 0, TAU); ctx.strokeStyle = "rgba(255,246,206,0.4)"; ctx.stroke(); }; const draw = () => { ctx.setTransform(1, 0, 0, 1, 0, 0); ctx.clearRect(0, 0, cv.width, cv.height); ctx.drawImage(base.c, 0, 0); // the year ring turns so that the date sits under the pointer const ring = -(mod(base0 + s.day, 365) / 365) * TAU; ctx.setTransform(dpr, 0, 0, dpr, 0, 0); band(ctx, 227, 264); ctx.fillStyle = sheen(ctx, C, C, LIGHT + 0.2, 0.42, 1, silver); ctx.fill(); ctx.setTransform(1, 0, 0, 1, 0, 0); ctx.translate(C * dpr, C * dpr); ctx.rotate(ring); ctx.drawImage(cal.c, -C * dpr, -C * dpr); ctx.setTransform(dpr, 0, 0, dpr, 0, 0); const lip = ctx.createRadialGradient(C, C, 227, C, C, 264); lip.addColorStop(0, "rgba(0,0,0,0.42)"); lip.addColorStop(0.12, "rgba(0,0,0,0)"); lip.addColorStop(0.8, "rgba(0,0,0,0)"); lip.addColorStop(1, "rgba(0,0,0,0.5)"); band(ctx, 227, 264); ctx.fillStyle = lip; ctx.fill(); // going train under the hub const a0 = angleOf(0, s.day) - Math.PI / 2; gear(C, C, 52, 48, a0, 6, 0.3); for (const phi of [2.5, 5.7]) gear(C + Math.cos(phi) * 68.25, C + Math.sin(phi) * 68.25, 16.25, 15, -(48 / 15) * (a0 - phi) + phi + Math.PI + Math.PI / 15, 5, 1.4); // shadows first, so every arm and ball sits above every shadow const pos = cycles.map((_, i) => { const a = angleOf(i, s.day); return { a, x: C + Math.sin(a) * orbit(i), y: C - Math.cos(a) * orbit(i), h: 12 + (cycles.length - 1 - i) * 7 }; }); pos.forEach((p, i) => { shade(() => { ctx.lineWidth = 5; ctx.lineCap = "round"; ctx.beginPath(); ctx.moveTo(C, C); ctx.lineTo(p.x, p.y); ctx.stroke(); }, p.h * 0.4, p.h * 0.62, 3 + p.h * 0.12, 0.42); const hh = p.h + stones[i].r; shade(() => { disc(ctx, p.x, p.y, stones[i].r * 0.96); ctx.fill(); }, hh * 0.4, hh * 0.62, 4 + hh * 0.14, 0.62); }); for (let i = cycles.length - 1; i >= 0; i--) { const p = pos[i], sx = Math.sin(p.a), sy = -Math.cos(p.a), nx = -sy, ny = sx; const facing = nx * -0.56 + ny * -0.83; // which long edge of the bar looks at the lamp const w0 = 3.8, w1 = 2.5, r0 = 10, r1 = orbit(i); const quad = (o: number, k: number) => { ctx.beginPath(); ctx.moveTo(C + sx * r0 + nx * (w0 * k + o), C + sy * r0 + ny * (w0 * k + o)); ctx.lineTo(C + sx * r1 + nx * (w1 * k + o), C + sy * r1 + ny * (w1 * k + o)); ctx.lineTo(C + sx * r1 - nx * (w1 * k - o), C + sy * r1 - ny * (w1 * k - o)); ctx.lineTo(C + sx * r0 - nx * (w0 * k - o), C + sy * r0 - ny * (w0 * k - o)); ctx.closePath(); }; quad(0, 1.25); ctx.fillStyle = "rgba(26,16,2,0.95)"; ctx.fill(); quad(0, 1); ctx.fillStyle = brass(0.5 + 0.12 * Math.abs(facing)); ctx.fill(); quad(facing > 0 ? 1.5 : -1.5, 0.42); ctx.fillStyle = brass(0.97, 0.95); ctx.fill(); quad(facing > 0 ? -1.8 : 1.8, 0.38); ctx.fillStyle = brass(0.2, 0.9); ctx.fill(); // collar where the arm takes the ball disc(ctx, p.x, p.y, stones[i].r * 0.55 + 2); ctx.fillStyle = brass(0.3); ctx.fill(); const st = stones[i]; ctx.drawImage(st.c, (p.x - st.half), (p.y - st.half), st.half * 2, st.half * 2); } // stacked collars and the polished sun for (const [r, off, lo] of [[35, 0, 0.12], [29, 0.8, 0.2], [23.5, 1.7, 0.1]] as [number, number, number][]) { shade(() => { disc(ctx, C, C, r); ctx.fill(); }, 2.2, 3.4, 4, 0.7); disc(ctx, C, C, r); ctx.fillStyle = sheen(ctx, C, C, LIGHT + off, lo, 1, brass); ctx.fill(); ctx.lineWidth = 0.7; ctx.strokeStyle = "rgba(24,14,0,0.8)"; ctx.stroke(); ctx.beginPath(); ctx.arc(C, C, r - 1.4, 0, TAU); ctx.strokeStyle = "rgba(255,247,214,0.5)"; ctx.stroke(); } shade(() => { disc(ctx, C, C, 19); ctx.fill(); }, 3.4, 5.2, 4.5, 0.85); const sun = ctx.createRadialGradient(C - 7, C - 8.4, 0.5, C - 1.8, C - 2.4, 23); sun.addColorStop(0, "#fffbe6"); sun.addColorStop(0.16, "#ffe289"); sun.addColorStop(0.45, "#c9962c"); sun.addColorStop(0.78, "#5d3f08"); sun.addColorStop(1, "#231501"); disc(ctx, C, C, 20); ctx.fillStyle = sun; ctx.fill(); ctx.save(); disc(ctx, C, C, 20); ctx.clip(); const under = ctx.createRadialGradient(C + 11, C + 13, 0, C + 11, C + 13, 13); under.addColorStop(0, "rgba(255,206,120,0.55)"); under.addColorStop(1, "rgba(255,206,120,0)"); ctx.fillStyle = under; ctx.fillRect(C - 24, C - 24, 48, 48); // each stone shows as a small coloured glint in the polished ball pos.forEach((p, i) => { disc(ctx, C + Math.sin(p.a) * 15.4, C - Math.cos(p.a) * 15.4, 1.8 + i * 0.3); ctx.fillStyle = cycles[i].dot; ctx.globalAlpha = 0.42; ctx.fill(); }); ctx.restore(); ctx.save(); ctx.translate(C - 7.6, C - 8.8); ctx.rotate(-0.7); ctx.shadowColor = "#fff"; ctx.shadowBlur = 5 * dpr; ctx.beginPath(); ctx.ellipse(0, 0, 5.4, 3, 0, 0, TAU); ctx.fillStyle = "rgba(255,255,255,0.96)"; ctx.fill(); ctx.restore(); // blued steel pointer, its brass foot and the jewel const tip = () => { ctx.beginPath(); ctx.moveTo(C - 4.2, C - 278); ctx.lineTo(C - 0.9, C - 229); ctx.lineTo(C + 0.9, C - 229); ctx.lineTo(C + 4.2, C - 278); ctx.closePath(); }; shade(() => { tip(); ctx.fill(); }, 2, 3, 2.5, 0.6); const blue = ctx.createLinearGradient(C - 4, 0, C + 4, 0); blue.addColorStop(0, "#5e86e6"); blue.addColorStop(0.42, "#22366e"); blue.addColorStop(0.58, "#0f1a3c"); blue.addColorStop(1, "#2c4489"); tip(); ctx.fillStyle = blue; ctx.fill(); ctx.lineWidth = 0.5; ctx.strokeStyle = "rgba(0,0,10,0.8)"; ctx.stroke(); const foot = () => { ctx.beginPath(); ctx.moveTo(C - 11, C - 293); ctx.lineTo(C + 11, C - 293); ctx.lineTo(C + 11, C - 277); ctx.quadraticCurveTo(C, C - 268, C - 11, C - 277); ctx.closePath(); }; shade(() => { foot(); ctx.fill(); }, 1.6, 2.4, 2.5, 0.7); const fg = ctx.createLinearGradient(C - 11, C - 293, C + 11, C - 270); fg.addColorStop(0, "#fff0b8"); fg.addColorStop(0.45, "#c2932f"); fg.addColorStop(1, "#6d4c10"); foot(); ctx.fillStyle = fg; ctx.fill(); ctx.lineWidth = 0.7; ctx.strokeStyle = "rgba(24,14,0,0.85)"; ctx.stroke(); const jy = C - 282.5, on = s.jewel; disc(ctx, C, jy, 5.6); ctx.fillStyle = "#1a0f02"; ctx.fill(); ctx.save(); ctx.shadowColor = JEWEL; ctx.shadowBlur = 18 * on * dpr; const ruby = ctx.createRadialGradient(C - 1.5, jy - 1.8, 0, C, jy, 4.6); ruby.addColorStop(0, on > 0.5 ? "#ffd0c8" : "#d06a6a"); ruby.addColorStop(0.45, JEWEL); ruby.addColorStop(1, "#3c0006"); disc(ctx, C, jy, 4.5); ctx.globalAlpha = 0.5 + 0.5 * on; ctx.fillStyle = ruby; ctx.fill(); ctx.restore(); disc(ctx, C - 1.4, jy - 1.6, 1); ctx.fillStyle = `rgba(255,255,255,${0.45 + 0.5 * on})`; ctx.fill(); }; let raf = 0, last = 0, seen = true, cruise = CRUISE !== 0, lastAngle = 0; // the cruise ends for good at the first touch const publish = () => { const d = Math.round(s.day); if (d !== dayRef.current) { dayRef.current = d; setDay(d); } }; const dueNow = () => cycles.some((c, i) => Math.abs(mod(s.day - due0[i] + c.every / 2, c.every) - c.every / 2) < 0.5); const frame = (now: number) => { raf = 0; if (!last) last = now; const dt = Math.min(0.033, (now - last) / 1000); last = now; if (!s.drag) { if (s.target !== null) { s.v += (64 * (s.target - s.day) - 13 * s.v) * dt; s.day += s.v * dt; if (Math.abs(s.target - s.day) < 0.002 && Math.abs(s.v) < 0.02) { s.day = s.target; s.v = 0; } } else if (cruise) { s.v += (CRUISE - s.v) * Math.min(1, dt * 1.4); s.day += s.v * dt; } else { // free running after a throw: the flywheel slows, then the nearest day catches it s.v *= Math.exp(-1.5 * dt); s.day += s.v * dt; if (Math.abs(s.v) < 1.4) s.target = Math.round(s.day + s.v * 0.3); } } s.jewel += ((dueNow() ? 1 : 0) - s.jewel) * Math.min(1, dt * 9); publish(); draw(); if (seen && !document.hidden) raf = requestAnimationFrame(frame); }; const wake = () => { if (!raf && !reduce) { last = 0; raf = requestAnimationFrame(frame); } }; const settle = () => { if (s.target !== null) s.day = s.target; s.day = Math.round(s.day); s.v = 0; s.target = null; s.jewel = dueNow() ? 1 : 0; publish(); draw(); }; api.current = { go: (d) => { cruise = false; s.target = d; if (reduce) settle(); else wake(); }, aim: () => s.target ?? Math.round(s.day) }; if (reduce) settle(); else wake(); const angleAt = (e: PointerEvent) => { const b = el.getBoundingClientRect(); return Math.atan2(e.clientX - (b.left + b.width / 2), -(e.clientY - (b.top + b.height / 2))); }; const onDown = (e: PointerEvent) => { cruise = false; s.drag = true; s.target = null; s.v = 0; lastAngle = angleAt(e); el.setPointerCapture(e.pointerId); wake(); }; let lastMove = 0; const onMove = (e: PointerEvent) => { if (!s.drag) return; const now = performance.now(), a = angleAt(e); let d = a - lastAngle; if (d > Math.PI) d -= TAU; if (d < -Math.PI) d += TAU; lastAngle = a; const dd = (d / TAU) * TURN, dt = Math.max(0.008, (now - lastMove) / 1000); lastMove = now; s.day += dd; s.v = Math.max(-45, Math.min(45, s.v * 0.6 + (dd / dt) * 0.4)); if (reduce) { publish(); draw(); } }; const onUp = () => { if (!s.drag) return; s.drag = false; if (performance.now() - lastMove > 120) s.v = 0; if (reduce) settle(); }; el.addEventListener("pointerdown", onDown); el.addEventListener("pointermove", onMove); el.addEventListener("pointerup", onUp); el.addEventListener("pointercancel", onUp); const io = new IntersectionObserver(([entry]) => { seen = entry.isIntersecting; if (seen) wake(); }); io.observe(cv); const onVis = () => { if (!document.hidden) wake(); }; document.addEventListener("visibilitychange", onVis); return () => { cancelAnimationFrame(raf); api.current = null; el.removeEventListener("pointerdown", onDown); el.removeEventListener("pointermove", onMove); el.removeEventListener("pointerup", onUp); el.removeEventListener("pointercancel", onUp); io.disconnect(); document.removeEventListener("visibilitychange", onVis); }; }, [today, due0]); const date = new Date(today.getFullYear(), today.getMonth(), today.getDate() + day); const dateText = `${DOW[date.getDay()]} ${date.getDate()} ${MON[date.getMonth()]} ${date.getFullYear()}`; const wait = (i: number) => mod(due0[i] - day, cycles[i].every); const go = (d: number) => api.current?.go(d); const onKey = (e: ReactKeyboardEvent) => { const step = e.key === "ArrowRight" || e.key === "ArrowUp" ? 1 : e.key === "ArrowLeft" || e.key === "ArrowDown" ? -1 : e.key === "PageUp" ? 7 : e.key === "PageDown" ? -7 : 0; if (e.key === "Home") { e.preventDefault(); go(0); return; } if (!step) return; e.preventDefault(); go((api.current?.aim() ?? dayRef.current) + step); // steps add up even while the arms are still travelling }; return (

`${c.name} ${wait(i) === 0 ? "due" : `in ${wait(i)} d`}`).join(", ")}`} onKeyDown={onKey} className="relative aspect-square w-full max-w-[580px] cursor-grab touch-none rounded-full outline-none focus-visible:ring-2 focus-visible:ring-[#e8c56e] focus-visible:ring-offset-4 focus-visible:ring-offset-[#090d18] active:cursor-grabbing" >

{dateText} / {day === 0 ? "Today" : `${Math.abs(day)} ${Math.abs(day) === 1 ? "day" : "days"} ${day > 0 ? "ahead" : "back"}`}

); } 28:o150,5c:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[null,["$","$L5d",null,{"files":[{"path":"components/we-inc/brass-orrery-schedule-viewer-with-stone-planets-on-geared-arms-that-swing-under-a-due-pointer.tsx","content":"$5e","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}] 28:o30,22:C 20:C 21:C 17:C 1d:C 1e:C 24:false 23:49046 28:C