https://www.8bitcn.com/_next/static/immutable/chunks/3t3_-1yleb0vm.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,857604,e=>{"use strict";var t=e.i(327193),r=e.i(446523);let n=(0,r.default)("outline","check","Check",[["path",{d:"M5 12l5 5l10 -10",key:"svg-0"}]]);var l=e.i(169764);let a=(0,r.default)("outline","copy","Copy",[["path",{d:"M7 9.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667l0 -8.666",key:"svg-0"}],["path",{d:"M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1",key:"svg-1"}]]);var o=e.i(167881),s=e.i(463415),i=e.i(59377),d=e.i(269035),u=e.i(475127);function c(e,t){return`${e}?q=${encodeURIComponent(`I’m looking at this 8bitcn/ui documentation: ${t}.
2Help me understand how to use it. Be ready to explain concepts, give examples, or help debug based on it.
3  `)}`}let h={markdown:e=>(0,t.jsxs)("a",{href:`${e}.md`,rel:"noopener noreferrer",target:"_blank",children:[(0,t.jsxs)("svg",{strokeLinejoin:"round",viewBox:"0 0 22 16",children:[(0,t.jsx)("title",{children:"Markdown"}),(0,t.jsx)("path",{clipRule:"evenodd",d:"M19.5 2.25H2.5C1.80964 2.25 1.25 2.80964 1.25 3.5V12.5C1.25 13.1904 1.80964 13.75 2.5 13.75H19.5C20.1904 13.75 20.75 13.1904 20.75 12.5V3.5C20.75 2.80964 20.1904 2.25 19.5 2.25ZM2.5 1C1.11929 1 0 2.11929 0 3.5V12.5C0 13.8807 1.11929 15 2.5 15H19.5C20.8807 15 22 13.8807 22 12.5V3.5C22 2.11929 20.8807 1 19.5 1H2.5ZM3 4.5H4H4.25H4.6899L4.98715 4.82428L7 7.02011L9.01285 4.82428L9.3101 4.5H9.75H10H11V5.5V11.5H9V7.79807L7.73715 9.17572L7 9.97989L6.26285 9.17572L5 7.79807V11.5H3V5.5V4.5ZM15 8V4.5H17V8H19.5L17 10.5L16 11.5L15 10.5L12.5 8H15Z",fill:"currentColor",fillRule:"evenodd"})]}),"View as Markdown"]}),v0:e=>(0,t.jsxs)("a",{href:c("https://v0.dev",e),rel:"noopener noreferrer",target:"_blank",children:[(0,t.jsxs)("svg",{className:"size-4.5 -translate-x-px",fill:"currentColor",viewBox:"0 0 147 70",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("title",{children:"v0"}),(0,t.jsx)("path",{d:"M56 50.203V14h14v46.156C70 65.593 65.593 70 60.156 70c-2.596 0-5.158-1-7-2.843L0 14h19.797L56 50.203ZM147 56h-14V23.953L100.953 56H133v14H96.687C85.814 70 77 61.186 77 50.312V14h14v32.156L123.156 14H91V0h36.312C138.186 0 147 8.814 147 19.688V56Z"})]}),(0,t.jsx)("span",{className:"-translate-x-[2px]",children:"Open in v0"})]}),chatgpt:e=>(0,t.jsxs)("a",{href:c("https://chatgpt.com",e),rel:"noopener noreferrer",target:"_blank",children:[(0,t.jsxs)("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("title",{children:"ChatGPT"}),(0,t.jsx)("path",{d:"M22.282 9.821a5.985 5.985 0 0 0-.516-4.91 6.046 6.046 0 0 0-6.51-2.9A6.065 6.065 0 0 0 4.981 4.18a5.985 5.985 0 0 0-3.998 2.9 6.046 6.046 0 0 0 .743 7.097 5.98 5.98 0 0 0 .51 4.911 6.051 6.051 0 0 0 6.515 2.9A5.985 5.985 0 0 0 13.26 24a6.056 6.056 0 0 0 5.772-4.206 5.99 5.99 0 0 0 3.997-2.9 6.056 6.056 0 0 0-.747-7.073zM13.26 22.43a4.476 4.476 0 0 1-2.876-1.04l.141-.081 4.779-2.758a.795.795 0 0 0 .392-.681v-6.737l2.02 1.168a.071.071 0 0 1 .038.052v5.583a4.504 4.504 0 0 1-4.494 4.494zM3.6 18.304a4.47 4.47 0 0 1-.535-3.014l.142.085 4.783 2.759a.771.771 0 0 0 .78 0l5.843-3.369v2.332a.08.08 0 0 1-.033.062L9.74 19.95a4.5 4.5 0 0 1-6.14-1.646zM2.34 7.896a4.485 4.485 0 0 1 2.366-1.973V11.6a.766.766 0 0 0 .388.676l5.815 3.355-2.02 1.168a.076.076 0 0 1-.071 0l-4.83-2.786A4.504 4.504 0 0 1 2.34 7.872zm16.597 3.855-5.833-3.387L15.119 7.2a.076.076 0 0 1 .071 0l4.83 2.791a4.494 4.494 0 0 1-.676 8.105v-5.678a.79.79 0 0 0-.407-.667zm2.01-3.023-.141-.085-4.774-2.782a.776.776 0 0 0-.785 0L9.409 9.23V6.897a.066.066 0 0 1 .028-.061l4.83-2.787a4.5 4.5 0 0 1 6.68 4.66zm-12.64 4.135-2.02-1.164a.08.08 0 0 1-.038-.057V6.075a4.5 4.5 0 0 1 7.375-3.453l-.142.08-4.778 2.758a.795.795 0 0 0-.393.681zm1.097-2.365 2.602-1.5 2.607 1.5v2.999l-2.597 1.5-2.607-1.5Z",fill:"currentColor"})]}),"Open in ChatGPT"]}),claude:e=>(0,t.jsxs)("a",{href:c("https://claude.ai/new",e),rel:"noopener noreferrer",target:"_blank",children:[(0,t.jsxs)("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("title",{children:"Claude"}),(0,t.jsx)("path",{d:"m4.714 15.956 4.718-2.648.079-.23-.08-.128h-.23l-.79-.048-2.695-.073-2.337-.097-2.265-.122-.57-.121-.535-.704.055-.353.48-.321.685.06 1.518.104 2.277.157 1.651.098 2.447.255h.389l.054-.158-.133-.097-.103-.098-2.356-1.596-2.55-1.688-1.336-.972-.722-.491L2 6.223l-.158-1.008.655-.722.88.06.225.061.893.686 1.906 1.476 2.49 1.833.364.304.146-.104.018-.072-.164-.274-1.354-2.446-1.445-2.49-.644-1.032-.17-.619a2.972 2.972 0 0 1-.103-.729L6.287.133 6.7 0l.995.134.42.364.619 1.415L9.735 4.14l1.555 3.03.455.898.243.832.09.255h.159V9.01l.127-1.706.237-2.095.23-2.695.08-.76.376-.91.747-.492.583.28.48.685-.067.444-.286 1.851-.558 2.903-.365 1.942h.213l.243-.242.983-1.306 1.652-2.064.728-.82.85-.904.547-.431h1.032l.759 1.129-.34 1.166-1.063 1.347-.88 1.142-1.263 1.7-.79 

31.36.074.11.188-.02 2.853-.606 1.542-.28 1.84-.315.832.388.09.395-.327.807-1.967.486-2.307.462-3.436.813-.043.03.049.061 1.548.146.662.036h1.62l3.018.225.79.522.473.638-.08.485-1.213.62-1.64-.389-3.825-.91-1.31-.329h-.183v.11l1.093 1.068 2.003 1.81 2.508 2.33.127.578-.321.455-.34-.049-2.204-1.657-.85-.747-1.925-1.62h-.127v.17l.443.649 2.343 3.521.122 1.08-.17.353-.607.213-.668-.122-1.372-1.924-1.415-2.168-1.141-1.943-.14.08-.674 7.254-.316.37-.728.28-.607-.461-.322-.747.322-1.476.388-1.924.316-1.53.285-1.9.17-.632-.012-.042-.14.018-1.432 1.967-2.18 2.945-1.724 1.845-.413.164-.716-.37.066-.662.401-.589 2.386-3.036 1.439-1.882.929-1.086-.006-.158h-.055L4.138 18.56l-1.13.146-.485-.456.06-.746.231-.243 1.907-1.312Z",fill:"currentColor"})]}),"Open in Claude"]})};e.s(["DocsCopyPage",0,function({page:e,url:r}){let{copyToClipboard:c,isCopied:p}=function({timeout:e=2e3,onCopy:t}={}){let[r,n]=(0,u.useState)(!1);return{isCopied:r,copyToClipboard:r=>{!navigator.clipboard.writeText||r&&navigator.clipboard.writeText(r).then(()=>{n(!0),t&&t(),0!==e&&setTimeout(()=>{n(!1)},e)},console.error)}}}(),f=(0,t.jsx)(o.Button,{"aria-label":"More copy options",className:"peer -ml-0.5 size-8 shadow-none md:size-7 md:text-[0.8rem]",size:"sm",variant:"secondary",children:(0,t.jsx)(l.IconChevronDown,{className:"rotate-180 sm:rotate-0"})});return(0,t.jsx)(i.Popover,{children:(0,t.jsxs)("div",{className:"group/buttons relative flex rounded-lg bg-secondary *:[[data-slot=button]]:focus-visible:relative *:[[data-slot=button]]:focus-visible:z-10",children:[(0,t.jsx)(i.PopoverAnchor,{}),(0,t.jsxs)(o.Button,{className:"h-8 shadow-none md:h-7 md:text-[0.8rem]",onClick:()=>c(e),size:"sm",variant:"secondary",children:[p?(0,t.jsx)(n,{}):(0,t.jsx)(a,{}),"Copy Page"]}),(0,t.jsxs)(s.DropdownMenu,{children:[(0,t.jsx)(s.DropdownMenuTrigger,{asChild:!0,className:"hidden sm:flex",children:f}),(0,t.jsx)(s.DropdownMenuContent,{align:"end",className:"shadow-none",children:Object.entries(h).map(([e,n])=>(0,t.jsx)(s.DropdownMenuItem,{asChild:!0,children:n(r)},e))})]}

3),(0,t.jsx)(d.Separator,{className:"!bg-foreground/10 !h-8 sm:!h-7 absolute top-0 right-8 z-0 peer-focus-visible:opacity-0 sm:right-7",orientation:"vertical"}),(0,t.jsx)(i.PopoverTrigger,{asChild:!0,className:"flex sm:hidden",children:f}),(0,t.jsx)(i.PopoverContent,{align:"start",className:"!origin-center w-52 rounded-lg bg-background/70 p-1 shadow-sm backdrop-blur-sm dark:bg-background/60",children:Object.entries(h).map(([e,n])=>(0,t.jsx)(o.Button,{asChild:!0,className:"w-full justify-start font-normal text-base *:[svg]:text-muted-foreground",size:"lg",variant:"ghost",children:n(r)},e))})]})})}],857604)},923224,e=>{"use strict";var t=e.i(327193);let r=(0,e.i(446523).default)("outline","menu-3","Menu3",[["path",{d:"M10 6h10",key:"svg-0"}],["path",{d:"M4 12h16",key:"svg-1"}],["path",{d:"M7 12h13",key:"svg-2"}],["path",{d:"M4 18h10",key:"svg-3"}]]);var n=e.i(475127),l=e.i(167881),a=e.i(463415),o=e.i(318203);e.s(["DocsTableOfContents",0,function({toc:e,variant:s="list",className:i}){let[d,u]=(0,n.useState)(!1),c=function(e){let[t,r]=(0,n.useState)(null);return(0,n.useEffect)(()=>{let t=new IntersectionObserver(e=>{for(let t of e)t.isIntersecting&&r(t.target.id)},{rootMargin:"0% 0% -80% 0%"});for(let r of e??[]){let e=document.getElementById(r);e&&t.observe(e)}return()=>{for(let r of e??[]){let e=document.getElementById(r);e&&t.unobserve(e)}}},[e]),t}((0,n.useMemo)(()=>e.map(e=>e.url.replace("#","")),[e]));return e?.length?"dropdown"===s?(0,t.jsxs)(a.DropdownMenu,{onOpenChange:u,open:d,children:[(0,t.jsx)(a.DropdownMenuTrigger,{asChild:!0,children:(0,t.jsxs)(l.Button,{className:(0,o.cn)("h-8 md:h-7",i),size:"sm",variant:"outline",children:[(0,t.jsx)(r,{"data-icon":"inline-start"})," On This Page"]})}),(0,t.jsx)(a.DropdownMenuContent,{align:"start",className:"no-scrollbar max-h-[70svh]",children:e.map(e=>(0,t.jsx)(a.DropdownMenuItem,{asChild:!0,className:"data-[depth=3]:pl-6 data-[depth=4]:pl-8","data-depth":e.depth,onClick:()=>{u(!1)},children:(0,t.jsx)("a",{href:e.url,children:e.title})},e.url))})]}):(0,t.jsxs)("div",{className:(0,o.cn)("flex flex-col gap-2 p-4 pt-0 text-sm",i),children:[(0,t.jsx)("p",{className:"sticky top-0 h-6 bg-background text-muted-foreground text-xs",children:"On This Page"}),e.map(e=>(0,t.jsx)("a",{className:"text-[0.8rem] text-muted-foreground no-underline transition-colors hover:text-foreground data-[depth=3]:pl-4 data-[depth=4]:pl-6 data-[active=true]:text-foreground","data-active":e.url===`#${c}`,"data-depth":e.depth,href:e.url,children:e.title},e.url))]}):null}],923224)},293883,e=>{e.v(t=>Promise.all(["static/immutable/chunks/3fjm_oysfkcxz.js"].map(t=>e.l(t))).then(()=>t(788223)))},711012,e=>{e.v(t=>Promise.all(["static/immutable/chunks/37ouv-p51yis-.js"].map(t=>e.l(t))).then(()=>t(426197)))},607643,e=>{"use strict";var t=e.i(327193),r=e.i(734407),n=e.i(173044),l=e.i(878907);let a=(0,r.default)(()=>e.A(293883),{loadableGenerated:{modules:[788223]},ssr:!1});e.s(["LazyMythicSponsor",0,function({alt:e,className:r,height:o=250,pixelSize:s,scale:i,src:d,width:u=250}){let{isNearViewport:c,ref:h}=(0,l.useNearViewport)("600px 0px");return(0,t.jsx)("div",{className:"h-full w-full",ref:h,children:c?(0,t.jsx)(a,{className:r,height:o,pixelSize:s,scale:i,src:d,width:u}):(0,t.jsx)(n.default,{alt:e,className:r,height:o,src:d,width:u})})}])},917858,e=>{"use strict";var t=e.i(327193),r=e.i(734407),n=e.i(878907),l=e.i(318203);let a=(0,r.default)(()=>e.A(711012),{loadableGenerated:{modules:[426197]},ssr:!1});e.s(["LazySponsorClaim",0,function({className:e,labelClassName:r,text:o,textClassName:s,tier:i}){let{isNearViewport:d,ref:u}=(0,n.useNearViewport)("600px 0px");return d?(0,t.jsx)(a,{className:e,labelClassName:r,text:o,textClassName:s,tier:i}):(0,t.jsx)("span",{"aria-disabled":"true",className:(0,l.cn)("block",e,r),"data-sponsor-claim-placeholder":i,ref:u,children:(0,t.jsx)("span",{className:s,children:o})})}])},843148,e=>{"use strict";var t=e.i(327193),r=e.i(475127),n=e.i(943001),l=r.forwardRef((e,r)=>{let{ratio:l=1,style:a,...o}=e;return(0,t.jsx)("div",{style:{position:"relative",width:"100%",paddingBottom:`${100/l}%`},"data-radix-aspect-ratio-wrapper":"",children:(0,t.jsx)(n.Primitive.div,{...o,ref:r,style:{...a,position:"absolute",top:0,right:0,bottom:0,left:0}})})});

3l.displayName="AspectRatio",e.s(["AspectRatio",0,function({...e}){return(0,t.jsx)(l,{"data-slot":"aspect-ratio",...e})}],843148)},878907,e=>{"use strict";var t=e.i(475127);e.s(["useNearViewport",0,function(e){let r=(0,t.useRef)(null),[n,l]=(0,t.useState)(!1);return(0,t.useEffect)(()=>{let t=r.current;if(!t||n)return;if(void 0===window.IntersectionObserver)return void l(!0);let a=!1,o=()=>{a||(s.disconnect(),a=!0)},s=new IntersectionObserver(([e])=>{e?.isIntersecting&&(l(!0),o())},{rootMargin:e});return s.observe(t),o},[n,e]),{isNearViewport:n,ref:r}}])},446523,e=>{"use strict";var t=e.i(475127),r={outline:{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"},filled:{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"currentColor",stroke:"none"}};e.s(["default",0,(e,n,l,a)=>{let o=(0,t.forwardRef)(({color:l="currentColor",size:o=24,stroke:s=2,title:i,className:d,children:u,...c},h)=>(0,t.createElement)("svg",{ref:h,...r[e],width:o,height:o,className:["tabler-icon",`tabler-icon-${n}`,d].join(" "),..."filled"===e?{fill:l}:{strokeWidth:s,stroke:l},...c},[i&&(0,t.createElement)("title",{key:"svg-title"},i),...a.map(([e,r])=>(0,t.createElement)(e,r)),...Array.isArray(u)?u:[u]]));return o.displayName=`${l}`,o}],446523)},169764,e=>{"use strict";let t=(0,e.i(446523).default)("outline","chevron-down","ChevronDown",[["path",{d:"M6 9l6 6l6 -6",key:"svg-0"}]]);e.s(["IconChevronDown",0,t],169764)},32684,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n={bindSnapshot:function(){return d},createAsyncLocalStorage:function(){return i},createSnapshot:function(){return u}};for(var l in n)Object.defineProperty(r,l,{enumerable:!0,get:n[l]});let a=Object.defineProperty(Error("Invariant: AsyncLocalStorage accessed in runtime where it is not available"),"__NEXT_ERROR_CODE",{value:"E504",enumerable:!1,configurable:!0});class o{disable(){throw a}getStore(){}run(){throw a}exit(){throw a}enterWith(){throw a}static bind(e){return e}}let s="u">typeof globalThis&&globalThis.AsyncLocalStorage;function i(){return s?new s:new o}function d(e){return s?s.bind(e):o.bind(e)}function u(){return s?s.snapshot():function(e,...t){return e(...t)}}},537415,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"workAsyncStorageInstance",{enumerable:!0,get:function(){return n}});let n=(0,e.r(32684).createAsyncLocalStorage)()},252443,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"workAsyncStorage",{enumerable:!0,get:function(){return n.workAsyncStorageInstance}});let n=e.r(537415)},635863,(e,t,r)=>{"use strict";function n(e){return e.split("/").map(e=>encodeURIComponent(e)).join("/")}Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"encodeURIPath",{enumerable:!0,get:function(){return n}})},552710,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"BailoutToCSR",{enumerable:!0,get:function(){return l}});let n=e.r(340020);function l({reason:e,children:t}){if("u"<typeof window)throw Object.defineProperty(new n.BailoutToCSRError(e),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0});return t}},759902,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"PreloadChunks",{enumerable:!0,get:function(){return i}});let n=e.r(327193),l=e.r(94035),a=e.r(252443),o=e.r(635863),s=e.r(349125);function i({moduleIds:e}){if("u">typeof window)return null;let t=a.workAsyncStorage.getStore();if(void 0===t)return null;let r=[];if(t.reactLoadableManifest&&e){let n=t.reactLoadableManifest;for(let t of e){if(!n[t])continue;let e=n[t].files;r.push(...e)}}if(0===r.length)return null;let d=(0,s.getAssetTokenQuery)();return(0,n.jsx)(n.Fragment,{children:r.map(e=>{let r=`${t.assetPrefix}/_next/${(0,o.encodeURIPath)(e)}${d}`;return e.endsWith(".css")?(0,n.jsx)("link",{precedence:"dynamic",href:r,rel:"stylesheet",as:"style",nonce:t.nonce},e):((0,l.preload)(r,{as:"script",fetchPriority:"low",nonce:t.nonce}),null)})})}},354202,(e,t,r)=>{"use strict";

3Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"default",{enumerable:!0,get:function(){return d}});let n=e.r(327193),l=e.r(475127),a=e.r(552710),o=e.r(759902);function s(e){return{default:e&&"default"in e?e.default:e}}let i={loader:()=>Promise.resolve(s(()=>null)),loading:null,ssr:!0},d=function(e){let t={...i,...e},r=(0,l.lazy)(()=>t.loader().then(s)),d=t.loading;function u(e){let s=d?(0,n.jsx)(d,{isLoading:!0,pastDelay:!0,error:null}):null,i=!t.ssr||!!t.loading,u=i?l.Suspense:l.Fragment,c=t.ssr?(0,n.jsxs)(n.Fragment,{children:["u"<typeof window?(0,n.jsx)(o.PreloadChunks,{moduleIds:t.modules}):null,(0,n.jsx)(r,{...e})]}):(0,n.jsx)(a.BailoutToCSR,{reason:"next/dynamic",children:(0,n.jsx)(r,{...e})});return(0,n.jsx)(u,{...i?{fallback:s}:{},children:c})}return u.displayName="LoadableComponent",u}},734407,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"default",{enumerable:!0,get:function(){return l}});let n=e.r(481258)._(e.r(354202));function l(e,t){let r={};"function"==typeof e&&(r.loader=e);let l={...r,...t};return(0,n.default)({...l,modules:l.loadableGenerated?.modules})}("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esModule",{value:!0}),Object.assign(r.default,r),t.exports=r.default)}]);