var Component=(()=>{var D=Object.create;var o=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var B=(e,n)=>()=>(n||e((n={exports:{}}).exports,n),n.exports),T=(e,n)=>{for(var r in n)o(e,r,{get:n[r],enumerable:!0})},p=(e,n,r,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let a of C(n))!b.call(e,a)&&a!==r&&o(e,a,{get:()=>n[a],enumerable:!(s=f(n,a))||s.enumerable});return e};var A=(e,n,r)=>(r=e!=null?D(x(e)):{},p(n||!e||!e.__esModule?o(r,"default",{value:e,enumerable:!0}):r,e)),_=e=>p(o({},"__esModule",{value:!0}),e);var g=B((v,y)=>{y.exports=_jsx_runtime});var I={};T(I,{default:()=>m});var l=A(g());function u(e){let n={a:"a",code:"code",figure:"figure",h2:"h2",h3:"h3",pre:"pre",span:"span",...e.components},{ComponentPreview:r,ComponentSource:s,Step:a,Steps:F,Tabs:d,TabsContent:i,TabsList:h,TabsTrigger:t}=n;return r||c("ComponentPreview",!0),s||c("ComponentSource",!0),a||c("Step",!0),F||c("Steps",!0),d||c("Tabs",!0),i||c("TabsContent",!0),h||c("TabsList",!0),t||c("TabsTrigger",!0),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(r,{name:"toggle-demo",description:"A toggle component.",children:[(0,l.jsx)(n.figure,{__src__:"registry/default/example/toggle-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Bold } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "lucide-react"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" ToggleDemo"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" aria-label"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"Toggle bold"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Bold"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-4 w-4"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,l.jsx)(n.figure,{__src__:"registry/austin/example/toggle-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { FontBoldIcon } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@radix-ui/react-icons"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" ToggleDemo"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" aria-label"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"Toggle italic"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"FontBoldIcon"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-4 w-4"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,l.jsx)(n.figure,{__src__:"registry/dc/example/toggle-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { FontBoldIcon } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@radix-ui/react-icons"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" ToggleDemo"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" aria-label"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"Toggle italic"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"FontBoldIcon"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-4 w-4"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"}"})})]})})})]}),` `,(0,l.jsxs)(n.h2,{id:"installation",children:[(0,l.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#installation",children:(0,l.jsx)(n.span,{className:"icon icon-link"})}),"Installation"]}),` `,(0,l.jsxs)(d,{defaultValue:"cli",children:[(0,l.jsxs)(h,{children:[(0,l.jsx)(t,{value:"cli",children:"CLI"}),(0,l.jsx)(t,{value:"manual",children:"Manual"})]}),(0,l.jsx)(i,{value:"cli",children:(0,l.jsx)(n.figure,{"data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"bash","data-theme":"github-dark-high-contrast",children:(0,l.jsx)(n.code,{"data-language":"bash","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFB757"},children:"bunx"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" --bun"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:" @uplusion23/forge-ui"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:" add"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:" toggle"})]})})})})}),(0,l.jsx)(i,{value:"manual",children:(0,l.jsxs)(F,{children:[(0,l.jsx)(a,{children:"Install the following dependencies:"}),(0,l.jsx)(n.figure,{"data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"bash","data-theme":"github-dark-high-contrast",children:(0,l.jsx)(n.code,{"data-language":"bash","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFB757"},children:"npm"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:" install"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:" @radix-ui/react-toggle"})]})})})}),(0,l.jsx)(a,{children:"Copy and paste the following code into your project."}),(0,l.jsxs)(s,{name:"toggle",children:[(0,l.jsx)(n.figure,{__src__:"registry/default/ui/toggle.tsx",__style__:"default","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"use client"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" *"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" as"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" React "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "react"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" *"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" as"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" TogglePrimitive "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@radix-ui/react-toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { cn, cva, "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"type"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" VariantProps } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/lib/utils"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"const"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" toggleVariants"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" ="}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" cva"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},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)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" {"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" variants: {"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" variant: {"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" default: "}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"bg-transparent"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" outline: "}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" size: {"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" default: "}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-10 px-3"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" sm: "}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-9 px-2.5"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" lg: "}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-11 px-5"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" defaultVariants: {"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" variant: "}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"default"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" size: "}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"default"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:");"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"const"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" Toggle"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" ="}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" React.forwardRef"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"<"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" React.ElementRef"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:""}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" React.ComponentPropsWithoutRef"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:""}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" &"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" VariantProps"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:""})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:">"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"(({ "}),(0,l.jsx)(n.span,{style:{color:"#FFB757"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:", "}),(0,l.jsx)(n.span,{style:{color:"#FFB757"},children:"variant"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:", "}),(0,l.jsx)(n.span,{style:{color:"#FFB757"},children:"size"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:", "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"..."}),(0,l.jsx)(n.span,{style:{color:"#FFB757"},children:"props"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" }, "}),(0,l.jsx)(n.span,{style:{color:"#FFB757"},children:"ref"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:") "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"=>"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"TogglePrimitive.Root"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" ref"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"ref"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:"cn"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"("}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:"toggleVariants"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"({ variant, size, className }))"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" {..."}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"props"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"));"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"Toggle.displayName "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" TogglePrimitive.Root.displayName;"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle, toggleVariants };"})]})]})})}),(0,l.jsx)(n.figure,{__src__:"registry/austin/ui/toggle.tsx",__style__:"austin","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"use client"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" *"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" as"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" React "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "react"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" *"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" as"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" TogglePrimitive "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@radix-ui/react-toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { cn, cva, "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"type"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" VariantProps } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/lib/utils"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"const"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" toggleVariants"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" ="}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" cva"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},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)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" {"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" variants: {"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" variant: {"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" default: "}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"bg-transparent"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" outline:"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" size: {"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" default: "}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-9 px-3"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" sm: "}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-8 px-2"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" lg: "}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-10 px-3"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" defaultVariants: {"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" variant: "}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"default"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" size: "}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"default"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:");"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"const"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" Toggle"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" ="}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" React.forwardRef"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"<"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" React.ElementRef"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:""}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" React.ComponentPropsWithoutRef"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:""}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" &"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" VariantProps"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:""})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:">"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"(({ "}),(0,l.jsx)(n.span,{style:{color:"#FFB757"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:", "}),(0,l.jsx)(n.span,{style:{color:"#FFB757"},children:"variant"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:", "}),(0,l.jsx)(n.span,{style:{color:"#FFB757"},children:"size"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:", "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"..."}),(0,l.jsx)(n.span,{style:{color:"#FFB757"},children:"props"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" }, "}),(0,l.jsx)(n.span,{style:{color:"#FFB757"},children:"ref"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:") "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"=>"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"TogglePrimitive.Root"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" ref"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"ref"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:"cn"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"("}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:"toggleVariants"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"({ variant, size, className }))"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" {..."}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"props"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"));"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"Toggle.displayName "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" TogglePrimitive.Root.displayName;"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle, toggleVariants };"})]})]})})}),(0,l.jsx)(n.figure,{__src__:"registry/dc/ui/toggle.tsx",__style__:"dc","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"use client"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" *"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" as"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" React "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "react"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" *"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" as"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" TogglePrimitive "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@radix-ui/react-toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { cn, cva, VariantProps } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/lib/utils"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"const"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" toggleVariants"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" ="}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" cva"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},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)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" {"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" variants: {"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" variant: {"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" default: "}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"bg-transparent"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" outline:"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" size: {"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" default: "}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-9 px-3"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" sm: "}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-8 px-2"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" lg: "}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-10 px-3"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" defaultVariants: {"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" variant: "}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"default"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" size: "}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"default"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:");"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"const"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" Toggle"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" ="}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" React.forwardRef"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"<"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" React.ElementRef"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:""}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" React.ComponentPropsWithoutRef"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:""}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" &"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" VariantProps"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:""})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:">"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"(({ "}),(0,l.jsx)(n.span,{style:{color:"#FFB757"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:", "}),(0,l.jsx)(n.span,{style:{color:"#FFB757"},children:"variant"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:", "}),(0,l.jsx)(n.span,{style:{color:"#FFB757"},children:"size"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:", "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"..."}),(0,l.jsx)(n.span,{style:{color:"#FFB757"},children:"props"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" }, "}),(0,l.jsx)(n.span,{style:{color:"#FFB757"},children:"ref"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:") "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"=>"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"TogglePrimitive.Root"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" ref"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"ref"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:"cn"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"("}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:"toggleVariants"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"({ variant, size, className }))"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" {..."}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"props"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"));"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"Toggle.displayName "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" TogglePrimitive.Root.displayName;"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle, toggleVariants };"})]})]})})})]}),(0,l.jsx)(a,{children:"Update the import paths to match your project setup."})]})})]}),` `,(0,l.jsxs)(n.h2,{id:"usage",children:[(0,l.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#usage",children:(0,l.jsx)(n.span,{className:"icon icon-link"})}),"Usage"]}),` `,(0,l.jsx)(n.figure,{"data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsx)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'})]})})})}),` `,(0,l.jsx)(n.figure,{"data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsx)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"<"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">Toggle"})]})})})}),` `,(0,l.jsxs)(n.h2,{id:"examples",children:[(0,l.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#examples",children:(0,l.jsx)(n.span,{className:"icon icon-link"})}),"Examples"]}),` `,(0,l.jsxs)(n.h3,{id:"default",children:[(0,l.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#default",children:(0,l.jsx)(n.span,{className:"icon icon-link"})}),"Default"]}),` `,(0,l.jsxs)(r,{name:"toggle-demo",description:"A toggle component.",children:[(0,l.jsx)(n.figure,{__src__:"registry/default/example/toggle-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Bold } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "lucide-react"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" ToggleDemo"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" aria-label"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"Toggle bold"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Bold"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-4 w-4"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,l.jsx)(n.figure,{__src__:"registry/austin/example/toggle-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { FontBoldIcon } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@radix-ui/react-icons"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" ToggleDemo"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" aria-label"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"Toggle italic"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"FontBoldIcon"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-4 w-4"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,l.jsx)(n.figure,{__src__:"registry/dc/example/toggle-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { FontBoldIcon } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@radix-ui/react-icons"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" ToggleDemo"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" aria-label"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"Toggle italic"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"FontBoldIcon"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-4 w-4"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"}"})})]})})})]}),` `,(0,l.jsxs)(n.h3,{id:"outline",children:[(0,l.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#outline",children:(0,l.jsx)(n.span,{className:"icon icon-link"})}),"Outline"]}),` `,(0,l.jsxs)(r,{name:"toggle-outline",description:"A toggle component using the outline variant.",children:[(0,l.jsx)(n.figure,{__src__:"registry/default/example/toggle-outline.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Italic } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "lucide-react"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" ToggleOutline"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" variant"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"outline"'}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" aria-label"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"Toggle italic"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Italic"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-4 w-4"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,l.jsx)(n.figure,{__src__:"registry/austin/example/toggle-outline.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { FontItalicIcon } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@radix-ui/react-icons"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" ToggleOutline"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" variant"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"outline"'}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" aria-label"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"Toggle italic"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"FontItalicIcon"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-4 w-4"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,l.jsx)(n.figure,{__src__:"registry/dc/example/toggle-outline.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { FontItalicIcon } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@radix-ui/react-icons"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" ToggleOutline"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" variant"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"outline"'}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" aria-label"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"Toggle italic"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"FontItalicIcon"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-4 w-4"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"}"})})]})})})]}),` `,(0,l.jsxs)(n.h3,{id:"with-text",children:[(0,l.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#with-text",children:(0,l.jsx)(n.span,{className:"icon icon-link"})}),"With Text"]}),` `,(0,l.jsxs)(r,{name:"toggle-with-text",description:"A toggle component with text.",children:[(0,l.jsx)(n.figure,{__src__:"registry/default/example/toggle-with-text.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Italic } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "lucide-react"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" ToggleWithText"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" aria-label"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"Toggle italic"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Italic"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"mr-2 h-4 w-4"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" Italic"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,l.jsx)(n.figure,{__src__:"registry/austin/example/toggle-with-text.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { FontItalicIcon } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@radix-ui/react-icons"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" ToggleWithText"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" aria-label"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"Toggle italic"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"FontItalicIcon"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"mr-2 h-4 w-4"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" Italic"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,l.jsx)(n.figure,{__src__:"registry/dc/example/toggle-with-text.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { FontItalicIcon } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@radix-ui/react-icons"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" ToggleWithText"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" aria-label"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"Toggle italic"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"FontItalicIcon"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"mr-2 h-4 w-4"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" Italic"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"}"})})]})})})]}),` `,(0,l.jsxs)(n.h3,{id:"small",children:[(0,l.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#small",children:(0,l.jsx)(n.span,{className:"icon icon-link"})}),"Small"]}),` `,(0,l.jsxs)(r,{name:"toggle-sm",description:"A small toggle component.",children:[(0,l.jsx)(n.figure,{__src__:"registry/default/example/toggle-sm.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Italic } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "lucide-react"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" ToggleSm"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" size"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"sm"'}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" aria-label"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"Toggle italic"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Italic"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-4 w-4"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,l.jsx)(n.figure,{__src__:"registry/austin/example/toggle-sm.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { FontItalicIcon } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@radix-ui/react-icons"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" ToggleSm"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" size"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"sm"'}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" aria-label"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"Toggle italic"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"FontItalicIcon"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-4 w-4"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,l.jsx)(n.figure,{__src__:"registry/dc/example/toggle-sm.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { FontItalicIcon } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@radix-ui/react-icons"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" ToggleSm"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" size"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"sm"'}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" aria-label"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"Toggle italic"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"FontItalicIcon"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-4 w-4"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"}"})})]})})})]}),` `,(0,l.jsxs)(n.h3,{id:"large",children:[(0,l.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#large",children:(0,l.jsx)(n.span,{className:"icon icon-link"})}),"Large"]}),` `,(0,l.jsxs)(r,{name:"toggle-lg",description:"A large toggle component.",children:[(0,l.jsx)(n.figure,{__src__:"registry/default/example/toggle-lg.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Italic } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "lucide-react"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" ToggleLg"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" size"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"lg"'}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" aria-label"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"Toggle italic"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Italic"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-4 w-4"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,l.jsx)(n.figure,{__src__:"registry/austin/example/toggle-lg.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { FontItalicIcon } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@radix-ui/react-icons"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" ToggleLg"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" size"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"lg"'}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" aria-label"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"Toggle italic"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"FontItalicIcon"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-4 w-4"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,l.jsx)(n.figure,{__src__:"registry/dc/example/toggle-lg.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { FontItalicIcon } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@radix-ui/react-icons"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" ToggleLg"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" size"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"lg"'}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" aria-label"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"Toggle italic"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"FontItalicIcon"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-4 w-4"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"}"})})]})})})]}),` `,(0,l.jsxs)(n.h3,{id:"disabled",children:[(0,l.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#disabled",children:(0,l.jsx)(n.span,{className:"icon icon-link"})}),"Disabled"]}),` `,(0,l.jsxs)(r,{name:"toggle-disabled",description:"A disabled toggle component.",children:[(0,l.jsx)(n.figure,{__src__:"registry/default/example/toggle-disabled.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Underline } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "lucide-react"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" ToggleDisabled"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" aria-label"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"Toggle underline"'}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" disabled"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Underline"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-4 w-4"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,l.jsx)(n.figure,{__src__:"registry/austin/example/toggle-disabled.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { UnderlineIcon } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@radix-ui/react-icons"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" ToggleDisabled"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" aria-label"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"Toggle italic"'}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" disabled"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"UnderlineIcon"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-4 w-4"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,l.jsx)(n.figure,{__src__:"registry/dc/example/toggle-disabled.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { UnderlineIcon } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@radix-ui/react-icons"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" { Toggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/toggle"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#DBB7FF"},children:" ToggleDisabled"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"Toggle"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" aria-label"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"Toggle italic"'}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" disabled"}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#72F088"},children:"UnderlineIcon"}),(0,l.jsx)(n.span,{style:{color:"#91CBFF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF9492"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#ADDCFF"},children:'"h-4 w-4"'}),(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F0F3F6"},children:"}"})})]})})})]})]})}function m(e={}){let{wrapper:n}=e.components||{};return n?(0,l.jsx)(n,{...e,children:(0,l.jsx)(u,{...e})}):u(e)}function c(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return _(I);})(); ;return Component;