var Component=(()=>{var m=Object.create;var c=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var B=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var f=(n,e)=>()=>(e||n((e={exports:{}}).exports,e),e.exports),_=(n,e)=>{for(var r in e)c(n,r,{get:e[r],enumerable:!0})},h=(n,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of C(e))!A.call(n,o)&&o!==r&&c(n,o,{get:()=>e[o],enumerable:!(a=u(e,o))||a.enumerable});return n};var x=(n,e,r)=>(r=n!=null?m(B(n)):{},h(e||!n||!n.__esModule?c(r,"default",{value:n,enumerable:!0}):r,n)),b=n=>h(c({},"__esModule",{value:!0}),n);var g=f((I,y)=>{y.exports=_jsx_runtime});var T={};_(T,{default:()=>D});var l=x(g());function E(n){let e={a:"a",code:"code",figure:"figure",h2:"h2",h3:"h3",pre:"pre",span:"span",...n.components},{ComponentPreview:r,ComponentSource:a,Step:o,Steps:d,Tabs:F,TabsContent:t,TabsList:p,TabsTrigger:i}=e;return r||s("ComponentPreview",!0),a||s("ComponentSource",!0),o||s("Step",!0),d||s("Steps",!0),F||s("Tabs",!0),t||s("TabsContent",!0),p||s("TabsList",!0),i||s("TabsTrigger",!0),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(r,{name:"toggle-demo",description:"A toggle component.",styleSwitch:!0,button:"copy",dots:!1,children:[(0,l.jsx)(e.figure,{__src__:"registry/miami/examples/toggle-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"lumos-dark",__rawString__:`import { FontBoldIcon } from "@radix-ui/react-icons" import { Toggle } from "~/components/ui/toggle" export function ToggleDemo() { return ( ) } `,__src__:"registry/miami/examples/toggle-demo.tsx",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"lumos-dark",style:{display:"grid"},children:[(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"FontBoldIcon"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"@radix-ui/react-icons"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"~/components/ui/toggle"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" function"}),(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:" ToggleDemo"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"() {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" return"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" aria-label"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"Toggle italic"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:">"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"FontBoldIcon"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" className"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"size-4"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" />"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" "})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" )"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"}"})})]})})}),(0,l.jsx)(e.figure,{__src__:"registry/default/examples/toggle-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"lumos-dark",__rawString__:`import { Bold } from "lucide-react" import { Toggle } from "~/components/ui/toggle" export function ToggleDemo() { return ( ) } `,__src__:"registry/default/examples/toggle-demo.tsx",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"lumos-dark",style:{display:"grid"},children:[(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Bold"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"lucide-react"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"~/components/ui/toggle"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" function"}),(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:" ToggleDemo"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"() {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" return"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" aria-label"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"Toggle bold"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:">"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Bold"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" className"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"size-4"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" />"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" "})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" )"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"}"})})]})})})]}),` `,(0,l.jsxs)(e.h2,{id:"installation",children:[(0,l.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#installation",children:(0,l.jsx)(e.span,{className:"icon icon-link"})}),"Installation"]}),` `,(0,l.jsxs)(F,{defaultValue:"cli",children:[(0,l.jsxs)(p,{children:[(0,l.jsx)(i,{value:"cli",children:"CLI"}),(0,l.jsx)(i,{value:"manual",children:"Manual"})]}),(0,l.jsx)(t,{value:"cli",children:(0,l.jsx)(e.figure,{"data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"bash","data-theme":"lumos-dark",__rawString__:`npx nyxb@latest add toggle `,__npmCommand__:`npx nyxb@latest add toggle `,__yarnCommand__:`npx nyxb@latest add toggle `,__pnpmCommand__:`pnpm dlx nyxb@latest add toggle `,__bunCommand__:`bunx --bun nyxb@latest add toggle `,children:(0,l.jsx)(e.code,{"data-language":"bash","data-theme":"lumos-dark",style:{display:"grid"},children:(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:"npx"}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:" nyxb@latest"}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:" add"}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:" toggle"})]})})})})}),(0,l.jsx)(t,{value:"manual",children:(0,l.jsxs)(d,{children:[(0,l.jsx)(o,{children:"Install the following dependencies:"}),(0,l.jsx)(e.figure,{"data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"bash","data-theme":"lumos-dark",__rawString__:` @radix-ui/react-toggle `,children:(0,l.jsx)(e.code,{"data-language":"bash","data-theme":"lumos-dark",style:{display:"grid"},children:(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:" @radix-ui/react-toggle"})})})})}),(0,l.jsx)(o,{children:"Copy and paste the following code into your project."}),(0,l.jsxs)(a,{name:"toggle",children:[(0,l.jsx)(e.figure,{__src__:"registry/miami/ui/toggle.tsx",__style__:"miami","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"lumos-dark",__rawString__:`"use client" import * as TogglePrimitive from "@radix-ui/react-toggle" import { type VariantProps, cva } from "class-variance-authority" import * as React from "react" import { ny } from "~/lib/utils" const toggleVariants = cva( "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground", { variants: { variant: { default: "bg-transparent", outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground", }, size: { default: "h-9 px-3", sm: "h-8 px-2", lg: "h-10 px-3", }, }, defaultVariants: { variant: "default", size: "default", }, }, ) const Toggle = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef & VariantProps >(({ className, variant, size, ...props }, ref) => ( )) Toggle.displayName = TogglePrimitive.Root.displayName export { Toggle, toggleVariants } `,__src__:"registry/miami/ui/toggle.tsx",__style__:"miami",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"lumos-dark",style:{display:"grid"},children:[(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"use client"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#FF078A"},children:" *"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" as"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" TogglePrimitive"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"@radix-ui/react-toggle"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"type"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" VariantProps"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:", "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"cva"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"class-variance-authority"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#FF078A"},children:" *"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" as"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" React"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"react"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"ny"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"~/lib/utils"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"const"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" toggleVariants"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:" ="}),(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:" cva"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:","})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" {"})}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" variants:"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" variant:"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" default:"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"bg-transparent"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:","})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" outline:"})}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:","})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" },"})}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" size:"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" default:"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"h-9 px-3"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:","})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" sm:"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"h-8 px-2"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:","})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" lg:"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"h-10 px-3"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:","})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" },"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" },"})}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" defaultVariants:"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" variant:"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"default"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:","})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" size:"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"default"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:","})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" },"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" },"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:")"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"const"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" Toggle"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:" ="}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" React"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"."}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"forwardRef"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"<"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" React"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"."}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"ElementRef"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:""}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:","})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" React"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"."}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"ComponentPropsWithoutRef"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:""}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:" &"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" VariantProps"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:""})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:">"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"(({ "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"className"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:", "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"variant"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:", "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"size"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:", "}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"..."}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"props"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" }, "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"ref"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:") "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"=>"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"TogglePrimitive.Root"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" ref"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"{"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"ref"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"}"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" className"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"{"}),(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:"ny"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"("}),(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:"toggleVariants"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"({ "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"variant"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:", "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"size"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:", "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"className"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" }))}"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" {"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"..."}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"props"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"}"})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" />"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"))"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"."}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"displayName"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:" ="}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" TogglePrimitive"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"."}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Root"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"."}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"displayName"})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:", "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"toggleVariants"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" }"})]})]})})}),(0,l.jsx)(e.figure,{__src__:"registry/default/ui/toggle.tsx",__style__:"default","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"lumos-dark",__rawString__:`"use client" import * as TogglePrimitive from "@radix-ui/react-toggle" import { type VariantProps, cva } from "class-variance-authority" import * as React from "react" import { ny } from "~/lib/utils" const toggleVariants = cva( "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground", { variants: { variant: { default: "bg-transparent", outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground", }, size: { default: "h-10 px-3", sm: "h-9 px-2.5", lg: "h-11 px-5", }, }, defaultVariants: { variant: "default", size: "default", }, }, ) const Toggle = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef & VariantProps >(({ className, variant, size, ...props }, ref) => ( )) Toggle.displayName = TogglePrimitive.Root.displayName export { Toggle, toggleVariants } `,__src__:"registry/default/ui/toggle.tsx",__style__:"default",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"lumos-dark",style:{display:"grid"},children:[(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"use client"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#FF078A"},children:" *"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" as"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" TogglePrimitive"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"@radix-ui/react-toggle"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"type"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" VariantProps"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:", "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"cva"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"class-variance-authority"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#FF078A"},children:" *"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" as"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" React"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"react"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"ny"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"~/lib/utils"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"const"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" toggleVariants"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:" ="}),(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:" cva"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:","})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" {"})}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" variants:"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" variant:"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" default:"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"bg-transparent"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:","})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" outline:"})}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:","})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" },"})}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" size:"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" default:"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"h-10 px-3"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:","})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" sm:"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"h-9 px-2.5"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:","})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" lg:"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"h-11 px-5"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:","})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" },"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" },"})}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" defaultVariants:"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" variant:"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"default"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:","})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:" size:"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"default"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:","})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" },"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" },"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:")"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"const"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" Toggle"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:" ="}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" React"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"."}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"forwardRef"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"<"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" React"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"."}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"ElementRef"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:""}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:","})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" React"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"."}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"ComponentPropsWithoutRef"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:""}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:" &"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" VariantProps"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:""})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:">"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"(({ "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"className"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:", "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"variant"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:", "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"size"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:", "}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"..."}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"props"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" }, "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"ref"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:") "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"=>"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"TogglePrimitive.Root"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" ref"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"{"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"ref"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"}"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" className"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"{"}),(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:"ny"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"("}),(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:"toggleVariants"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"({ "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"variant"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:", "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"size"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:", "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"className"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" }))}"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" {"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"..."}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"props"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"}"})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" />"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"))"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"."}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"displayName"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:" ="}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" TogglePrimitive"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"."}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Root"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"."}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"displayName"})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:", "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"toggleVariants"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" }"})]})]})})})]}),(0,l.jsx)(o,{children:"Update the import paths to match your project setup."})]})})]}),` `,(0,l.jsxs)(e.h2,{id:"usage",children:[(0,l.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#usage",children:(0,l.jsx)(e.span,{className:"icon icon-link"})}),"Usage"]}),` `,(0,l.jsx)(e.figure,{"data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"lumos-dark",__rawString__:`import { Toggle } from "~/components/ui/toggle" `,children:(0,l.jsx)(e.code,{"data-language":"tsx","data-theme":"lumos-dark",style:{display:"grid"},children:(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"~/components/ui/toggle"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]})})})}),` `,(0,l.jsx)(e.figure,{"data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"lumos-dark",__rawString__:`Toggle `,children:(0,l.jsx)(e.code,{"data-language":"tsx","data-theme":"lumos-dark",style:{display:"grid"},children:(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"<"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:">Toggle"})]})})})}),` `,(0,l.jsxs)(e.h2,{id:"examples",children:[(0,l.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#examples",children:(0,l.jsx)(e.span,{className:"icon icon-link"})}),"Examples"]}),` `,(0,l.jsxs)(e.h3,{id:"default",children:[(0,l.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#default",children:(0,l.jsx)(e.span,{className:"icon icon-link"})}),"Default"]}),` `,(0,l.jsxs)(r,{name:"toggle-demo",description:"A toggle component.",styleSwitch:!0,button:"copy",dots:!1,children:[(0,l.jsx)(e.figure,{__src__:"registry/miami/examples/toggle-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"lumos-dark",__rawString__:`import { FontBoldIcon } from "@radix-ui/react-icons" import { Toggle } from "~/components/ui/toggle" export function ToggleDemo() { return ( ) } `,__src__:"registry/miami/examples/toggle-demo.tsx",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"lumos-dark",style:{display:"grid"},children:[(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"FontBoldIcon"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"@radix-ui/react-icons"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"~/components/ui/toggle"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" function"}),(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:" ToggleDemo"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"() {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" return"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" aria-label"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"Toggle italic"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:">"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"FontBoldIcon"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" className"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"size-4"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" />"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" "})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" )"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"}"})})]})})}),(0,l.jsx)(e.figure,{__src__:"registry/default/examples/toggle-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"lumos-dark",__rawString__:`import { Bold } from "lucide-react" import { Toggle } from "~/components/ui/toggle" export function ToggleDemo() { return ( ) } `,__src__:"registry/default/examples/toggle-demo.tsx",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"lumos-dark",style:{display:"grid"},children:[(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Bold"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"lucide-react"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"~/components/ui/toggle"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" function"}),(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:" ToggleDemo"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"() {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" return"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" aria-label"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"Toggle bold"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:">"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Bold"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" className"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"size-4"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" />"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" "})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" )"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"}"})})]})})})]}),` `,(0,l.jsxs)(e.h3,{id:"outline",children:[(0,l.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#outline",children:(0,l.jsx)(e.span,{className:"icon icon-link"})}),"Outline"]}),` `,(0,l.jsxs)(r,{name:"toggle-outline",description:"A toggle component using the outline variant.",styleSwitch:!0,button:"copy",dots:!1,children:[(0,l.jsx)(e.figure,{__src__:"registry/miami/examples/toggle-outline.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"lumos-dark",__rawString__:`import { FontItalicIcon } from "@radix-ui/react-icons" import { Toggle } from "~/components/ui/toggle" export function ToggleOutline() { return ( ) } `,__src__:"registry/miami/examples/toggle-outline.tsx",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"lumos-dark",style:{display:"grid"},children:[(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"FontItalicIcon"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"@radix-ui/react-icons"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"~/components/ui/toggle"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" function"}),(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:" ToggleOutline"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"() {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" return"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" variant"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"outline"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" aria-label"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"Toggle italic"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:">"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"FontItalicIcon"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" className"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"size-4"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" />"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" "})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" )"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"}"})})]})})}),(0,l.jsx)(e.figure,{__src__:"registry/default/examples/toggle-outline.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"lumos-dark",__rawString__:`import { Italic } from "lucide-react" import { Toggle } from "~/components/ui/toggle" export function ToggleOutline() { return ( ) } `,__src__:"registry/default/examples/toggle-outline.tsx",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"lumos-dark",style:{display:"grid"},children:[(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Italic"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"lucide-react"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"~/components/ui/toggle"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" function"}),(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:" ToggleOutline"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"() {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" return"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" variant"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"outline"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" aria-label"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"Toggle italic"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:">"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Italic"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" className"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"size-4"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" />"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" "})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" )"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"}"})})]})})})]}),` `,(0,l.jsxs)(e.h3,{id:"with-text",children:[(0,l.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#with-text",children:(0,l.jsx)(e.span,{className:"icon icon-link"})}),"With Text"]}),` `,(0,l.jsxs)(r,{name:"toggle-with-text",description:"A toggle component with text.",styleSwitch:!0,button:"copy",dots:!1,children:[(0,l.jsx)(e.figure,{__src__:"registry/miami/examples/toggle-with-text.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"lumos-dark",__rawString__:`import { FontItalicIcon } from "@radix-ui/react-icons" import { Toggle } from "~/components/ui/toggle" export function ToggleWithText() { return ( Italic ) } `,__src__:"registry/miami/examples/toggle-with-text.tsx",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"lumos-dark",style:{display:"grid"},children:[(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"FontItalicIcon"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"@radix-ui/react-icons"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"~/components/ui/toggle"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" function"}),(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:" ToggleWithText"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"() {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" return"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" aria-label"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"Toggle italic"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:">"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"FontItalicIcon"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" className"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"mr-2 size-4"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" />"})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" Italic"})}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" "})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" )"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"}"})})]})})}),(0,l.jsx)(e.figure,{__src__:"registry/default/examples/toggle-with-text.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"lumos-dark",__rawString__:`import { Italic } from "lucide-react" import { Toggle } from "~/components/ui/toggle" export function ToggleWithText() { return ( Italic ) } `,__src__:"registry/default/examples/toggle-with-text.tsx",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"lumos-dark",style:{display:"grid"},children:[(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Italic"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"lucide-react"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"~/components/ui/toggle"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" function"}),(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:" ToggleWithText"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"() {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" return"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" aria-label"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"Toggle italic"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:">"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Italic"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" className"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"mr-2 size-4"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" />"})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" Italic"})}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" "})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" )"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"}"})})]})})})]}),` `,(0,l.jsxs)(e.h3,{id:"small",children:[(0,l.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#small",children:(0,l.jsx)(e.span,{className:"icon icon-link"})}),"Small"]}),` `,(0,l.jsxs)(r,{name:"toggle-sm",description:"A small toggle component.",styleSwitch:!0,button:"copy",dots:!1,children:[(0,l.jsx)(e.figure,{__src__:"registry/miami/examples/toggle-sm.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"lumos-dark",__rawString__:`import { FontItalicIcon } from "@radix-ui/react-icons" import { Toggle } from "~/components/ui/toggle" export function ToggleSm() { return ( ) } `,__src__:"registry/miami/examples/toggle-sm.tsx",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"lumos-dark",style:{display:"grid"},children:[(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"FontItalicIcon"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"@radix-ui/react-icons"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"~/components/ui/toggle"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" function"}),(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:" ToggleSm"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"() {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" return"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" size"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"sm"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" aria-label"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"Toggle italic"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:">"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"FontItalicIcon"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" className"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"size-4"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" />"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" "})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" )"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"}"})})]})})}),(0,l.jsx)(e.figure,{__src__:"registry/default/examples/toggle-sm.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"lumos-dark",__rawString__:`import { Italic } from "lucide-react" import { Toggle } from "~/components/ui/toggle" export function ToggleSm() { return ( ) } `,__src__:"registry/default/examples/toggle-sm.tsx",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"lumos-dark",style:{display:"grid"},children:[(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Italic"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"lucide-react"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"~/components/ui/toggle"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" function"}),(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:" ToggleSm"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"() {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" return"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" size"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"sm"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" aria-label"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"Toggle italic"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:">"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Italic"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" className"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"size-4"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" />"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" "})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" )"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"}"})})]})})})]}),` `,(0,l.jsxs)(e.h3,{id:"large",children:[(0,l.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#large",children:(0,l.jsx)(e.span,{className:"icon icon-link"})}),"Large"]}),` `,(0,l.jsxs)(r,{name:"toggle-lg",description:"A large toggle component.",styleSwitch:!0,button:"copy",dots:!1,children:[(0,l.jsx)(e.figure,{__src__:"registry/miami/examples/toggle-lg.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"lumos-dark",__rawString__:`import { FontItalicIcon } from "@radix-ui/react-icons" import { Toggle } from "~/components/ui/toggle" export function ToggleLg() { return ( ) } `,__src__:"registry/miami/examples/toggle-lg.tsx",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"lumos-dark",style:{display:"grid"},children:[(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"FontItalicIcon"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"@radix-ui/react-icons"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"~/components/ui/toggle"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" function"}),(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:" ToggleLg"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"() {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" return"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" size"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"lg"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" aria-label"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"Toggle italic"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:">"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"FontItalicIcon"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" className"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"size-4"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" />"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" "})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" )"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"}"})})]})})}),(0,l.jsx)(e.figure,{__src__:"registry/default/examples/toggle-lg.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"lumos-dark",__rawString__:`import { Italic } from "lucide-react" import { Toggle } from "~/components/ui/toggle" export function ToggleLg() { return ( ) } `,__src__:"registry/default/examples/toggle-lg.tsx",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"lumos-dark",style:{display:"grid"},children:[(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Italic"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"lucide-react"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"~/components/ui/toggle"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" function"}),(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:" ToggleLg"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"() {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" return"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" size"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"lg"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" aria-label"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"Toggle italic"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:">"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Italic"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" className"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"size-4"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" />"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" "})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" )"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"}"})})]})})})]}),` `,(0,l.jsxs)(e.h3,{id:"disabled",children:[(0,l.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#disabled",children:(0,l.jsx)(e.span,{className:"icon icon-link"})}),"Disabled"]}),` `,(0,l.jsxs)(r,{name:"toggle-disabled",description:"A disabled toggle component.",styleSwitch:!0,button:"copy",dots:!1,children:[(0,l.jsx)(e.figure,{__src__:"registry/miami/examples/toggle-disabled.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"lumos-dark",__rawString__:`import { UnderlineIcon } from "@radix-ui/react-icons" import { Toggle } from "~/components/ui/toggle" export function ToggleDisabled() { return ( ) } `,__src__:"registry/miami/examples/toggle-disabled.tsx",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"lumos-dark",style:{display:"grid"},children:[(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"UnderlineIcon"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"@radix-ui/react-icons"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"~/components/ui/toggle"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" function"}),(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:" ToggleDisabled"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"() {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" return"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" aria-label"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"Toggle italic"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" disabled"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:">"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"UnderlineIcon"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" className"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"size-4"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" />"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" "})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" )"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"}"})})]})})}),(0,l.jsx)(e.figure,{__src__:"registry/default/examples/toggle-disabled.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"lumos-dark",__rawString__:`import { Underline } from "lucide-react" import { Toggle } from "~/components/ui/toggle" export function ToggleDisabled() { return ( ) } `,__src__:"registry/default/examples/toggle-disabled.tsx",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"lumos-dark",style:{display:"grid"},children:[(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Underline"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"lucide-react"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" { "}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" } "}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:' "'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"~/components/ui/toggle"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" function"}),(0,l.jsx)(e.span,{style:{color:"#FEE75C"},children:" ToggleDisabled"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"() {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#14F195"},children:" return"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Toggle"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" aria-label"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"Toggle underline"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" disabled"}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:">"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#9945FF"},children:"Underline"}),(0,l.jsx)(e.span,{style:{color:"#00FFFF"},children:" className"}),(0,l.jsx)(e.span,{style:{color:"#FF00FF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#FF9900"},children:"size-4"}),(0,l.jsx)(e.span,{style:{color:"#FF990099"},children:'"'}),(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" />"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" "})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:" )"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"}"})})]})})})]})]})}function D(n={}){let{wrapper:e}=n.components||{};return e?(0,l.jsx)(e,{...n,children:(0,l.jsx)(E,{...n})}):E(n)}function s(n,e){throw new Error("Expected "+(e?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}return b(T);})(); ;return Component;